[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_235":236,"_237":238},"routes/_app.x.$handle.$name",{"_108":107,"_38":51,"_117":94,"_33":118,"_13":14,"_119":-5,"_11":120,"_121":122,"_123":124,"_125":126,"_127":128,"_26":-5,"_129":130,"_131":132,"_133":31,"_134":135,"_136":66,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":61,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":-5,"_74":-5,"_75":-5,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":31},"version",4,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","3e4ef27b-58bb-485e-9ac7-b891945c32a0","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","script.js","latestPath","fileId","019ed141-221e-77f7-bb96-608131156837","name","fileType","script","content","/* If you're feeling fancy you can add interactivity\n to your site with Javascript.\n Note: TypeScript won't work in this file. */\n\n// prints \"hi\" in the browser's dev tools console\nconsole.log(\"hi\");","/* Cosmic Fortune — client-side oracle + starfield. Plain JS (no TS in this file). */\n\nconst FORTUNES = [\n \"A door you thought was locked has been ajar the whole time.\",\n \"The thing you keep rehearsing — just say it. They already suspect.\",\n \"Rest is not a reward for finishing. It is part of the work.\",\n \"Someone is quietly rooting for you in a room you've never entered.\",\n \"The detour is the scenic route. Look up.\",\n \"What you call procrastination is your mind composting an idea.\",\n \"Say yes to the small invitation. The large ones grow from it.\",\n \"Your future self is already grateful you started today.\",\n \"The star you wish on burned out long ago — wish anyway.\",\n \"Clarity arrives the moment you stop chasing it. So stop, briefly.\",\n \"An old friend is one message away from becoming a new one.\",\n \"The plan will change. The direction is still right.\",\n \"Courage is just fear that finished getting dressed.\",\n \"You are allowed to outgrow the version of you that survived.\",\n \"The void is not empty. It is listening.\",\n \"Plant the slow seed today; the fast ones never had roots.\",\n \"What feels like an ending is the universe clearing its throat.\",\n \"Trust the hunch you keep talking yourself out of.\",\n \"Gravity holds you down so the sky has something to pull toward.\",\n \"Tomorrow's luck is just today's preparation wearing a costume.\",\n];\n\nconst fortuneEl = document.getElementById(\"fortune\");\nconst button = document.getElementById(\"summon\");\nconst countEl = document.getElementById(\"count\");\n\nlet lastIndex = -1;\nlet summoned = 0;\n\nfunction pickFortune() {\n let i = lastIndex;\n while (i === lastIndex && FORTUNES.length > 1) {\n i = Math.floor(Math.random() * FORTUNES.length);\n }\n lastIndex = i;\n return FORTUNES[i];\n}\n\nfunction summon() {\n const next = pickFortune();\n fortuneEl.classList.add(\"swap\");\n setTimeout(() => {\n fortuneEl.textContent = next;\n fortuneEl.classList.remove(\"swap\");\n }, 300);\n\n summoned += 1;\n countEl.textContent = `✧ ${summoned} fortune${summoned === 1 ? \"\" : \"s\"} summoned this session ✧`;\n}\n\nbutton.addEventListener(\"click\", summon);\ndocument.addEventListener(\"keydown\", (e) => {\n if (e.code === \"Space\" || e.code === \"Enter\") {\n if (document.activeElement !== button) {\n e.preventDefault();\n summon();\n }\n }\n});\n\n/* ---------- Starfield ---------- */\nconst canvas = document.getElementById(\"stars\");\nconst ctx = canvas.getContext(\"2d\");\nconst reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\nlet stars = [];\nlet w = 0;\nlet h = 0;\n\nfunction resize() {\n const dpr = Math.min(window.devicePixelRatio || 1, 2);\n w = window.innerWidth;\n h = window.innerHeight;\n canvas.width = w * dpr;\n canvas.height = h * dpr;\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n\n const count = Math.floor((w * h) / 6000);\n stars = Array.from({ length: count }, () => ({\n x: Math.random() * w,\n y: Math.random() * h,\n r: Math.random() * 1.4 + 0.2,\n tw: Math.random() * Math.PI * 2,\n sp: Math.random() * 0.02 + 0.005,\n }));\n}\n\nfunction draw() {\n ctx.clearRect(0, 0, w, h);\n for (const s of stars) {\n s.tw += s.sp;\n const alpha = 0.4 + Math.sin(s.tw) * 0.4;\n ctx.beginPath();\n ctx.arc(s.x, s.y, s.r, 0, Math.PI * 2);\n ctx.fillStyle = `rgba(220, 220, 255, ${alpha})`;\n ctx.fill();\n }\n if (!reduceMotion) requestAnimationFrame(draw);\n}\n\nwindow.addEventListener(\"resize\", resize);\nresize();\ndraw();\n\nconsole.log(\"✦ Cosmic Fortune online — the void is listening.\");\n","createdAt",["D",1781628200778],"branchVersion","branchId","c4228f0d-4835-4b0a-9259-c0f1a5d3ccb8","id","503c9e82-1bfe-416f-9db8-6deb2537d68a","test-val",["D",1781627167180],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","✦ Cosmic Fortune — a tiny starfield oracle (web + JSON API)","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789545599&sig=2ffe102d024fa2cc0d3d4a8d0e789f21dae16fd66f12666f272ea0d872648552","5511aa0e-5deb-4fbb-afde-356cc4686f40","pinnedFileId","019ed141-221e-77f7-bb96-5d6df5ad9b76","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019ed122-7576-748d-bb1c-370dda8c1021","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_108":107,"_116":112},"org",{"_108":107,"_109":110,"_111":112,"_19":62,"_113":114,"_115":31},"branch",{"_13":93,"_38":94,"_49":48,"_95":50,"_96":97,"_98":99,"_100":56,"_101":102,"_103":104,"_105":51,"_106":107},"isOwned",10,"main","projectId","forkedBranchId","7a3b261a-4186-11f0-ae9b-76b3cceeab13","forkedBranchVersion",76,"forkedProjectPrivacy","forkedProjectId","7a3abcf2-4186-11f0-ae9b-76b3cceeab13","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","dev1","handle","displayName","dev","avatar","https://lh3.googleusercontent.com/a/ACg8ocJG3NmsRsdh3ZO-77RTnUY7DBCsJK6Exze8_PkAdPqyDcWS6w=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":231,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":61,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":-5,"_74":-5,"_75":-5,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":232,"_88":233,"_90":234,"_92":31},"tree",[206,207,208,209,210,211],"files",[206,207,208,209,210,211],"counts",{"_196":70,"_197":164,"_198":70,"_199":200,"_201":202},"contents",[151,152,153,154,155,156],"upstreamProject",{"_49":102,"_38":147,"_58":148,"_60":61,"_55":56,"_86":149},"upstreamBranch",{"_49":97,"_44":141,"_142":143,"_38":94,"_95":102,"_13":99,"_96":-5,"_98":-5,"_144":145,"_53":-5,"_92":31,"_55":56,"_106":146,"_71":104,"_105":147},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],"updatedAt",["D",1779896149804],"lockfileKey","1779896350378-esm.town_v_templates_basic-html-starter@76-main","templates","basic-html-starter","Basic HTML starter template based on Glitch's starter",{"_108":146,"_116":150},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789545599&sig=2316df07e67031dd48e537f6ce0c4c14b92716fed790ec83ecf27974cc65aa31",{"_49":190,"_38":191,"_36":192,"_160":-5,"_47":48,"_46":164,"_162":31,"_44":193,"_13":70,"_39":26,"_41":194,"_30":31,"_166":-5,"_33":195},{"_49":184,"_38":185,"_36":186,"_160":-5,"_47":48,"_46":164,"_162":31,"_44":187,"_13":70,"_39":26,"_41":188,"_30":31,"_166":-5,"_33":189},{"_49":177,"_38":178,"_36":179,"_160":-5,"_47":48,"_46":180,"_162":66,"_44":181,"_13":164,"_39":26,"_41":182,"_30":31,"_166":-5,"_33":183},{"_49":171,"_38":172,"_36":64,"_160":-5,"_47":48,"_46":164,"_162":31,"_44":173,"_13":70,"_39":174,"_41":175,"_30":31,"_166":-5,"_33":176},{"_49":168,"_38":34,"_36":37,"_160":-5,"_47":48,"_46":14,"_162":31,"_44":169,"_13":164,"_39":40,"_41":43,"_30":31,"_166":-5,"_33":170},{"_49":157,"_38":158,"_36":159,"_160":-5,"_47":48,"_46":161,"_162":31,"_44":163,"_13":164,"_39":26,"_41":165,"_30":31,"_166":-5,"_33":167},"927cf07d-7760-4780-8ae0-b1663b26ede9","style.css","019ed141-221e-77f7-bb96-649306e8741d","parentId",3,"latest",["D",1781628177797],1,":root {\n --bg: #05010f;\n --ink: #f4f1ff;\n --muted: #9a8fd0;\n --accent: #b98bff;\n --accent-2: #6ad7ff;\n}\n\n* { box-sizing: border-box; }\n\nhtml, body {\n margin: 0;\n height: 100%;\n}\n\nbody {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n padding: 2rem 1.25rem;\n font-family: \"Georgia\", \"Times New Roman\", serif;\n color: var(--ink);\n background:\n radial-gradient(1200px 600px at 50% -10%, #2a1259 0%, transparent 60%),\n radial-gradient(900px 500px at 110% 120%, #0d2a4a 0%, transparent 55%),\n var(--bg);\n overflow: hidden;\n}\n\n#stars {\n position: fixed;\n inset: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n pointer-events: none;\n}\n\n.card {\n position: relative;\n z-index: 1;\n width: min(640px, 92vw);\n padding: 2.5rem 2rem 2rem;\n text-align: center;\n background: rgba(20, 10, 45, 0.55);\n border: 1px solid rgba(185, 139, 255, 0.25);\n border-radius: 20px;\n backdrop-filter: blur(10px);\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), inset 0 0 60px rgba(106, 215, 255, 0.05);\n}\n\n.eyebrow {\n margin: 0 0 0.5rem;\n font-family: \"Courier New\", monospace;\n letter-spacing: 0.35em;\n font-size: 0.7rem;\n color: var(--muted);\n}\n\nh1 {\n margin: 0 0 1.5rem;\n font-size: clamp(1.8rem, 5vw, 2.6rem);\n font-weight: 400;\n background: linear-gradient(90deg, var(--accent), var(--accent-2));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n text-shadow: 0 0 30px rgba(185, 139, 255, 0.25);\n}\n\n#fortune {\n margin: 0 auto 2rem;\n max-width: 36ch;\n min-height: 4.5rem;\n font-size: clamp(1.15rem, 3.2vw, 1.5rem);\n line-height: 1.5;\n font-style: italic;\n color: var(--ink);\n transition: opacity 0.3s ease, transform 0.3s ease;\n}\n\n#fortune.swap {\n opacity: 0;\n transform: translateY(8px);\n}\n\nbutton {\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n margin: 0 auto;\n padding: 0.85rem 1.6rem;\n font-family: \"Courier New\", monospace;\n font-size: 0.95rem;\n letter-spacing: 0.05em;\n color: var(--ink);\n cursor: pointer;\n background: linear-gradient(135deg, rgba(185, 139, 255, 0.25), rgba(106, 215, 255, 0.18));\n border: 1px solid rgba(185, 139, 255, 0.5);\n border-radius: 999px;\n transition: transform 0.15s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n}\n\nbutton:hover {\n transform: translateY(-2px);\n border-color: var(--accent-2);\n box-shadow: 0 10px 30px rgba(106, 215, 255, 0.25);\n}\n\nbutton:active { transform: translateY(0); }\n\n.orb {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, #fff, var(--accent) 55%, #5a2bb0 100%);\n box-shadow: 0 0 14px var(--accent);\n animation: pulse 2.4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 0.9; }\n 50% { transform: scale(1.25); opacity: 1; }\n}\n\n.count {\n margin: 1.4rem 0 0;\n font-family: \"Courier New\", monospace;\n font-size: 0.72rem;\n letter-spacing: 0.15em;\n color: var(--muted);\n min-height: 1rem;\n}\n\nfooter {\n position: relative;\n z-index: 1;\n display: flex;\n gap: 0.6rem;\n font-family: \"Courier New\", monospace;\n font-size: 0.75rem;\n color: var(--muted);\n}\n\nfooter a {\n color: var(--muted);\n text-decoration: none;\n border-bottom: 1px dotted rgba(154, 143, 208, 0.5);\n}\n\nfooter a:hover { color: var(--accent-2); }\n\n@media (prefers-reduced-motion: reduce) {\n .orb { animation: none; }\n #fortune { transition: none; }\n}\n","label",[158],"d3f1e7cd-9a20-41a8-8a61-6be025358799",["D",1781628200778],[34],"66e0e7eb-a95c-4cea-8031-25799e727c74","main.tsx",["D",1781627167180],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[172],"ab0c1207-3223-4ddd-8a65-a5865e63a407","index.html","019ed141-221e-77f7-bb96-5afd1f77e257",2,["D",1781628160387],"\n\n \n ✦ Cosmic Fortune ✦\n \n \n \n \n\n \n \n\n \n \n \n \n \n

\n\n

THE VOID HAS SPOKEN

✦ Cosmic Fortune ✦

\n\n

Tap the orb to summon a fortune from the cosmos…

\n\n \n\n

\n\n \n \n\n",[178],"fe1e4e74-23ad-4496-8513-0ca479e9c043","favicon.svg","019ed141-221e-77f7-bb96-578c74cbdb0d",["D",1781627167180],"",[185],"bd0240a0-193d-4bb7-987e-d7c238b1aec5","README.md","019ed141-221e-77f7-bb96-50cc60d14c42",["D",1781627167180],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[191],"pulls","branches","forks","envVars",{"_203":70,"_205":70},"connections",{"_203":70,"_204":70},"count","unfilledCount","emptyCount",{"_49":190,"_38":191,"_36":192,"_160":-5,"_47":48,"_46":164,"_162":31,"_44":228,"_13":70,"_39":26,"_41":194,"_30":31,"_166":-5,"_213":229,"_33":230},{"_49":184,"_38":185,"_36":186,"_160":-5,"_47":48,"_46":164,"_162":31,"_44":225,"_13":70,"_39":26,"_41":188,"_30":31,"_166":-5,"_213":226,"_33":227},{"_49":177,"_38":178,"_36":179,"_160":-5,"_47":48,"_46":180,"_162":66,"_44":222,"_13":164,"_39":26,"_41":182,"_30":31,"_166":-5,"_213":223,"_33":224},{"_49":171,"_38":172,"_36":64,"_160":-5,"_47":48,"_46":164,"_162":31,"_44":219,"_13":70,"_39":174,"_41":175,"_30":31,"_166":-5,"_213":220,"_33":221},{"_49":168,"_38":34,"_36":37,"_160":-5,"_47":48,"_46":14,"_162":31,"_44":216,"_13":164,"_39":40,"_41":43,"_30":31,"_166":-5,"_213":217,"_33":218},{"_49":157,"_38":158,"_36":159,"_160":-5,"_47":48,"_46":161,"_162":31,"_44":212,"_13":164,"_39":26,"_41":165,"_30":31,"_166":-5,"_213":214,"_33":215},["D",1781628177797],"children",[],[158],["D",1781628200778],[],[34],["D",1781627167180],[],[172],["D",1781628160387],[],[178],["D",1781627167180],[],[185],["D",1781627167180],[],[191],["D",1781627167180],{"_108":107,"_116":112},{"_108":107,"_109":110,"_111":112,"_19":62,"_113":114,"_115":31},{"_13":93,"_38":94,"_49":48,"_95":50,"_96":97,"_98":99,"_100":56,"_101":102,"_103":104,"_105":51,"_106":107},"ctx",{"_86":-5,"_138":268,"_269":270,"_271":272,"_273":31,"_274":31,"_275":31,"_276":66,"_277":-5,"_278":-7,"_279":-7,"_280":70,"_281":31,"_282":31,"_283":-5,"_284":31,"_285":31,"_286":31,"_287":-5},"ENV",{"_239":240,"_241":242,"_243":94,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v4