[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_19":20,"_17":18,"_21":136,"_23":137,"_138":139,"_140":141,"_26":142,"_25":-5,"_143":144,"_145":146,"_147":52,"_148":149,"_150":52},"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","willthereader","name","oldPersonalWebsite","branchName","main","version",83,"path","","project",{"_36":97,"_13":14,"_38":98,"_50":-5,"_99":84,"_53":54,"_100":-5,"_101":-5,"_102":103,"_104":65,"_105":84,"_106":-5,"_107":-5,"_108":47,"_56":57,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":123,"_124":125,"_126":127,"_51":52},"tree",[88,89],"file","contents",[60,61],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":34,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":12,"_56":57,"_58":59},"pull","ahead",102,"behind",15,"envVars","id","639a6e56-27b0-11f0-aecd-569c3dd06744","createdAt",["D",1746229898724],"updatedAt",["D",1710517684413],"projectId","639a23f6-27b0-11f0-aecd-569c3dd06744","forkedBranchId","f0cd7606-250d-11f0-acaf-569c3dd06744","forkedBranchVersion",0,"lockfileKey","1746255280568-esm.town_v_willthereader_testWebsite@15-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","76badc02-5066-4776-b1f9-963b50ea816c","projectName","testWebsite",{"_36":80,"_13":81,"_64":82,"_66":-5,"_67":68,"_69":83,"_70":84,"_38":85,"_17":47,"_73":25,"_75":86,"_77":52,"_78":-5,"_19":87},{"_36":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":18,"_70":52,"_38":71,"_17":72,"_73":74,"_75":76,"_77":52,"_78":-5,"_19":79},"5eaa8322-27b0-11f0-aecd-569c3dd06744","main.tsx","fileId","5d223f54-27b0-11f0-aecd-569c3dd06744","parentId","branchId","5d1fe8ee-27b0-11f0-aecd-569c3dd06744","branchVersion","latest",["D",1724687795035],82,"fileType","http","content","/**\n * This template creates an HTTP val with proper mobile rendering.\n * It separates server-side and client-side code to prevent errors.\n *\n * Server side modules should only be imported in the server function using dynamic imports, e.g.\n * `const { blob } = await import(\"https://esm.town/v/std/blob\");`\n *\n * All imports that are not from `https://esm.town` should use `https://esm.sh` to ensure compatibility.\n *\n * DO NOT USE window.alert()\n */\n/** @jsxImportSource https://esm.sh/react */\nimport React from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\n/**\n * The main App component is rendered on the client.\n * No server-side-specific code should be included in the App.\n * Use fetch to communicate with the backend server portion.\n */\nfunction App() {\n return (\n

Hello

\n );\n}\n\n/**\n * Any code that makes use of document or window should be scoped to the `client()` function.\n * This val should not cause errors when imported as a module in a browser.\n */\n// client-side only code\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\n/**\n * Any code that is meant to run on the server should be included in the server function.\n * This can include endpoints that the client side component can send fetch requests to.\n */\n// server-side only code\nasync function server(request: Request): Promise {\n /** If needed, blob storage or sqlite can be imported as a dynamic import in this function.\n * Blob storage should never be used in the browser directly.\n * Other server-side specific modules can be imported in a similar way.\n */\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const SCHEMA_VERSION = 2 // every time the sqlite schema changes, increase this number to create new tables\n const KEY = \"oldPersonalWebsite\";\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_messages_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n content TEXT NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n return new Response(`\n \n \n \n \n \n Hello\n \n \n \n

Chat App

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\n/** This is an example of how to add css to the app */\nconst css = `\nbody {\n margin: 0;\n padding: 20px;\n font-family: system-ui, sans-serif;\n font-size: 16px;\n line-height: 1.5;\n}\n\nh1 {\n font-size: 24px;\n margin-bottom: 20px;\n}\n\n@media (min-width: 768px) {\n body {\n font-size: 18px;\n }\n\n h1 {\n font-size: 32px;\n }\n}\n`;\n\nexport default server;","deleted","label",[63],"5d224418-27b0-11f0-aecd-569c3dd06744","README.md","5d2244cc-27b0-11f0-aecd-569c3dd06744",1,true,["D",1710772435790],"Migrated from folder: finishedProject/personal_Website/oldPersonalWebsite",[81],{"_36":80,"_13":81,"_64":82,"_66":-5,"_67":68,"_69":83,"_70":84,"_38":94,"_17":47,"_73":25,"_75":86,"_77":52,"_78":-5,"_91":95,"_19":96},{"_36":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":18,"_70":52,"_38":90,"_17":72,"_73":74,"_75":76,"_77":52,"_78":-5,"_91":92,"_19":93},["D",1724687795035],"children",[],[63],["D",1710772435790],[],[81],"5d1f95a6-27b0-11f0-aecd-569c3dd06744",["D",1746229887854],"legacyEnvVars","description","imageUrl","userId","e5615e9f-07dd-4d28-aaa1-9ee23a41135a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_135":132},"org",{"_11":12,"_131":132,"_102":103,"_133":134},"branch",{"_17":32,"_13":16,"_36":68,"_42":97,"_44":37,"_46":47,"_128":54,"_129":43,"_130":57,"_58":14,"_55":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJObXZ0bE1rbVBEMkhHNzR3SmVmMHc3eldBQiJ9","tier","pro","profileImageUrl",{"_36":97,"_13":14,"_38":174,"_50":-5,"_99":84,"_53":54,"_100":-5,"_101":-5,"_102":103,"_104":65,"_105":84,"_106":-5,"_107":-5,"_108":47,"_56":57,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":175,"_124":176,"_126":177,"_51":52},[168,169],"files",[168,169],"counts",{"_158":47,"_159":83,"_160":161,"_35":162,"_163":164},[154,155],"upstreamProject",{"_36":43,"_13":59,"_100":-5,"_101":-5,"_53":54,"_122":153},"upstreamBranch",{"_36":37,"_38":151,"_40":152,"_13":16,"_42":43,"_17":34,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":12,"_56":57,"_58":59},"emptyEnvVars","flags",[],"navCollapsed",["D",1746229898724],["D",1710517684413],{"_11":12,"_135":132},{"_36":80,"_13":81,"_64":82,"_66":-5,"_67":68,"_69":83,"_70":84,"_38":85,"_17":47,"_73":25,"_75":86,"_77":52,"_78":-5,"_19":157},{"_36":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":18,"_70":52,"_38":71,"_17":72,"_73":74,"_75":76,"_77":52,"_78":-5,"_19":156},[63],[81],"pulls","branches","forks",3,{"_165":47,"_167":47},"connections",{"_165":47,"_166":47},"count","unfilledCount","emptyCount",{"_36":80,"_13":81,"_64":82,"_66":-5,"_67":68,"_69":83,"_70":84,"_38":94,"_17":47,"_73":25,"_75":86,"_77":52,"_78":-5,"_91":172,"_19":173},{"_36":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":18,"_70":52,"_38":90,"_17":72,"_73":74,"_75":76,"_77":52,"_78":-5,"_91":170,"_19":171},[],[63],[],[81],["D",1746229887854],{"_11":12,"_135":132},{"_11":12,"_131":132,"_102":103,"_133":134},{"_17":32,"_13":16,"_36":68,"_42":97,"_44":37,"_46":47,"_128":54,"_129":43,"_130":57,"_58":14,"_55":12},"ctx",{"_122":-5,"_211":212,"_213":214,"_215":52,"_216":52,"_217":52,"_218":-5,"_219":-7,"_220":-7,"_221":47,"_222":52,"_223":52,"_224":-5,"_225":52,"_226":52},"ENV",{"_182":183,"_184":185,"_186":187,"_188":16,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","f1316bb1ce3ad41ce227a17bcad7725ad044419f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","API_URL","https://api.val.town","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier"]

Code