[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_229":230,"_231":232},"routes/_app.x.$handle.$name",{"_101":100,"_32":44,"_110":87,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":123,"_124":125,"_126":25,"_127":128,"_129":59,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",11,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","index.html","latestPath","fileId","019e8335-557d-7234-9858-cab27fd881a6","name","fileType","content","\n\n\n \n \n CakeView • AR Cake Config\n \n \n \n\n\n\n

🍰 CakeView

\n\n

\n\n \n

CakeView

\n \n

\n\n \n

3D Cake Carousel

\n\n

\n \n \n \n

\n\n \n

Customize Cake

\n \n \n

\n\n

\n Cake Type\n \n

\n\n

\n Layers\n

\n \n \n \n

\n\n

\n Icing Color\n

\n\n

\n Decorations\n

\n\n \n

AR View

\n \n

🎂

\n \n

\n\n \n

Order Summary

\n Your cake design has been sent! 🎉\n

\n\n \n\n","\n\n\n \n \n CakeView • 3D AR Cake Config\n \n \n \n \n \n\n\n\n

🍰 CakeView - 3D Studio

\n\n

\n\n \n

CakeView

\n \n

\n\n \n

Featured Cakes

\n \n \n

\n\n \n

3D Cake Customizer

\n \n \n

\n\n

\n \n

\n Flavor\n \n

\n\n \n

\n Number of Layers\n

\n \n \n \n

\n\n \n

\n Icing Color\n

\n\n \n

\n Cake Size\n \n

\n\n \n

\n\n \n\n","createdAt",["D",1780323685884],"branchVersion","branchId","66da4d78-5db7-11f1-910d-1607ee4eb77e","id","66d4ad6e-5db7-11f1-910d-1607ee4eb77e","basic-html-starter",["D",1780317771060],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Basic HTML starter template based on Glitch's starter","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789534799&sig=b27093f4f31c4a89d58ea3e08a5a59e296c2c27be16f2552ec8a68e28be90986","ce853fdc-9996-40c7-996b-556d13e92e26","pinnedFileId","019e8335-557d-7234-9858-cc545684abf5","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",1,"orgId","019e832e-4116-75ec-826a-81329287dac1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":55,"_106":107,"_108":25},"branch",{"_13":86,"_32":87,"_42":41,"_88":43,"_89":90,"_91":92,"_93":49,"_94":95,"_96":97,"_98":44,"_99":100},"isOwned",27,"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","dynamikcodez","handle","displayName","Olukoya iyiola","avatar","https://avatars.githubusercontent.com/u/61966129?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":225,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":226,"_81":227,"_83":228,"_85":25},"tree",[200,201,202,203,204,205],"files",[200,201,202,203,204,205],"counts",{"_190":171,"_191":63,"_192":171,"_193":194,"_195":196},"contents",[142,143,144,145,146,147],"upstreamProject",{"_42":95,"_32":44,"_51":52,"_53":54,"_48":49,"_79":140},"upstreamBranch",{"_42":90,"_37":134,"_135":136,"_32":87,"_88":95,"_13":92,"_89":-5,"_91":-5,"_137":138,"_46":-5,"_85":25,"_48":49,"_99":139,"_64":97,"_98":44},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],"updatedAt",["D",1779896149804],"lockfileKey","1779896350378-esm.town_v_templates_basic-html-starter@76-main","templates",{"_101":139,"_109":141},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789534799&sig=94d49ad984a50880ef894a3794e08842e7b9b626be771ff48da114d7d9a149ed",{"_42":184,"_32":185,"_30":186,"_151":-5,"_40":41,"_39":63,"_153":59,"_37":187,"_13":171,"_33":20,"_34":188,"_24":25,"_157":-5,"_27":189},{"_42":178,"_32":179,"_30":180,"_151":-5,"_40":41,"_39":63,"_153":59,"_37":181,"_13":171,"_33":20,"_34":182,"_24":25,"_157":-5,"_27":183},{"_42":175,"_32":28,"_30":31,"_151":-5,"_40":41,"_39":14,"_153":25,"_37":176,"_13":155,"_33":20,"_34":36,"_24":25,"_157":-5,"_27":177},{"_42":168,"_32":169,"_30":57,"_151":-5,"_40":41,"_39":63,"_153":59,"_37":170,"_13":171,"_33":172,"_34":173,"_24":25,"_157":-5,"_27":174},{"_42":159,"_32":160,"_30":161,"_151":-5,"_40":41,"_39":162,"_153":25,"_37":163,"_13":164,"_33":165,"_34":166,"_24":25,"_157":-5,"_27":167},{"_42":148,"_32":149,"_30":150,"_151":-5,"_40":41,"_39":152,"_153":25,"_37":154,"_13":155,"_33":20,"_34":156,"_24":25,"_157":-5,"_27":158},"9887bad6-5dc1-11f1-8bc5-1607ee4eb77e","style.css","019e8335-557d-7234-9858-d68377feacdf","parentId",7,"latest",["D",1780322149409],3,"/* Live Cake Preview Styles */\n#cake-preview {\n filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));\n}\n\n.cake-base {\n width: 180px;\n border-radius: 50% 50% 20% 20%;\n position: relative;\n margin: 0 auto;\n box-shadow: inset 0 10px 15px rgba(0,0,0,0.1);\n}\n\n.cake-layer {\n height: 55px;\n width: 100%;\n border-radius: 8px;\n position: relative;\n margin-bottom: 4px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.cake-top {\n height: 25px;\n border-radius: 50% 50% 0 0;\n position: absolute;\n top: -20px;\n left: 50%;\n transform: translateX(-50%);\n width: 165px;\n z-index: 10;\n box-shadow: 0 4px 8px rgba(0,0,0,0.15);\n}\n\n.decoration {\n position: absolute;\n font-size: 20px;\n z-index: 20;\n}","label",[149],"a8ba3ec4-5dc1-11f1-ba84-1607ee4eb77e","script.js","019e8335-557d-7234-9858-d3412d1d3391",10,["D",1780322176587],4,"script","// Real Cake Preview + Configuration\nlet currentLayers = 3;\nlet currentColor = '#f8a1c4';\nlet currentType = 'vanilla';\nlet activeDecorations = [];\n\nconst colorOptions = [\n { name: 'White', value: '#ffffff' },\n { name: 'Pink', value: '#f8a1c4' },\n { name: 'Yellow', value: '#f5d07a' },\n { name: 'Peach', value: '#f8c1b8' },\n { name: 'Mint', value: '#a8d5ba' }\n];\n\nconst decorationsList = ['🕯️', '✨', '🎀', '🍓', '🌸'];\n\nfunction createCakePreview() {\n const preview = document.getElementById('cake-preview');\n preview.innerHTML = '';\n\n // Cake Base (plate)\n const base = document.createElement('div');\n base.className = 'cake-base bg-amber-800';\n base.style.height = '20px';\n base.style.marginTop = 'auto';\n preview.appendChild(base);\n\n // Layers\n for (let i = 0; i < currentLayers; i++) {\n const layer = document.createElement('div');\n layer.className = `cake-layer ${currentType}`;\n layer.style.backgroundColor = currentColor;\n \n // Slight color variation per layer\n if (i % 2 === 0) layer.style.opacity = '0.95';\n preview.appendChild(layer);\n }\n\n // Top icing\n const top = document.createElement('div');\n top.className = 'cake-top';\n top.style.backgroundColor = currentColor;\n preview.appendChild(top);\n\n // Decorations\n activeDecorations.forEach((deco, index) => {\n const d = document.createElement('div');\n d.className = 'decoration';\n d.style.left = `${30 + (index * 25)}px`;\n d.style.top = `${30 + (index % 2) * 15}px`;\n d.textContent = deco;\n preview.appendChild(d);\n });\n}\n\nfunction updateCakePreview() {\n currentType = document.getElementById('cakeType').value;\n createCakePreview();\n}\n\n// Layer Selection\nfunction setLayers(n) {\n currentLayers = n;\n document.querySelectorAll('.layer-btn').forEach(btn => {\n const active = parseInt(btn.dataset.layers) === n;\n btn.classList.toggle('bg-pink-100', active);\n btn.classList.toggle('border-pink-500', active);\n });\n createCakePreview();\n}\n\n// Color Selection\nfunction populateColors() {\n const container = document.getElementById('color-picker');\n container.innerHTML = colorOptions.map(c => `\n

\n `).join('');\n}\n\nfunction selectColor(color) {\n currentColor = color;\n createCakePreview();\n}\n\n// Decorations\nfunction populateDecorations() {\n const container = document.getElementById('deco-container');\n container.innerHTML = decorationsList.map(deco => `\n \n `).join('');\n}\n\nfunction toggleDecoration(deco, btn) {\n if (activeDecorations.includes(deco)) {\n activeDecorations = activeDecorations.filter(d => d !== deco);\n btn.classList.remove('bg-pink-500', 'text-white');\n } else {\n activeDecorations.push(deco);\n btn.classList.add('bg-pink-500', 'text-white');\n }\n createCakePreview();\n}\n\n// Other functions\nfunction saveCake() {\n alert(`🎉 Design Saved!\\nType: ${currentType}\\nLayers: ${currentLayers}\\nColor: ${currentColor}`);\n}\n\nfunction sendOrder() {\n const summaryHTML = `\n

Cake Type

${document.getElementById('cakeType').options[document.getElementById('cakeType').selectedIndex].text}

Layers

${currentLayers}

Icing

Custom Color

Decorations

${activeDecorations.length ? activeDecorations.join(', ') : 'None'}

\n `;\n document.getElementById('summary-content').innerHTML = summaryHTML;\n document.getElementById('order-summary').classList.remove('hidden');\n document.getElementById('order-summary').scrollIntoView({ behavior: 'smooth' });\n}\n\nfunction viewAR() {\n document.getElementById('ar-view').classList.remove('hidden');\n document.getElementById('ar-view').scrollIntoView({ behavior: 'smooth' });\n}\n\nfunction closeAR() { document.getElementById('ar-view').classList.add('hidden'); }\nfunction fakeARPlace() { alert(\"🎂 Cake placed in AR successfully!\"); }\nfunction startExperience() { alert(\"📱 Camera / QR scanner would open here\"); }\nfunction customizeMode() { alert(\"Switching to customize mode...\"); }\n\n// Initialize\nwindow.onload = () => {\n populateColors();\n populateDecorations();\n createCakePreview(); // Initial cake\n};",[160],"66e24960-5db7-11f1-910d-1607ee4eb77e","main.tsx",["D",1780317771060],0,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[169],"2c56db2c-5dc5-11f1-82e5-1607ee4eb77e",["D",1780323685884],[28],"66e23b0a-5db7-11f1-910d-1607ee4eb77e","favicon.svg","019e8335-557d-7234-9858-c4333f8f3cdf",["D",1780317771060],"",[179],"66e222a0-5db7-11f1-910d-1607ee4eb77e","README.md","019e8335-557d-7234-9858-c1f82fceb31c",["D",1780317771060],"# 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",[185],"pulls","branches","forks","envVars",{"_197":171,"_199":171},"connections",{"_197":171,"_198":171},"count","unfilledCount","emptyCount",{"_42":184,"_32":185,"_30":186,"_151":-5,"_40":41,"_39":63,"_153":59,"_37":222,"_13":171,"_33":20,"_34":188,"_24":25,"_157":-5,"_207":223,"_27":224},{"_42":178,"_32":179,"_30":180,"_151":-5,"_40":41,"_39":63,"_153":59,"_37":219,"_13":171,"_33":20,"_34":182,"_24":25,"_157":-5,"_207":220,"_27":221},{"_42":175,"_32":28,"_30":31,"_151":-5,"_40":41,"_39":14,"_153":25,"_37":216,"_13":155,"_33":20,"_34":36,"_24":25,"_157":-5,"_207":217,"_27":218},{"_42":168,"_32":169,"_30":57,"_151":-5,"_40":41,"_39":63,"_153":59,"_37":213,"_13":171,"_33":172,"_34":173,"_24":25,"_157":-5,"_207":214,"_27":215},{"_42":159,"_32":160,"_30":161,"_151":-5,"_40":41,"_39":162,"_153":25,"_37":210,"_13":164,"_33":165,"_34":166,"_24":25,"_157":-5,"_207":211,"_27":212},{"_42":148,"_32":149,"_30":150,"_151":-5,"_40":41,"_39":152,"_153":25,"_37":206,"_13":155,"_33":20,"_34":156,"_24":25,"_157":-5,"_207":208,"_27":209},["D",1780322149409],"children",[],[149],["D",1780322176587],[],[160],["D",1780317771060],[],[169],["D",1780323685884],[],[28],["D",1780317771060],[],[179],["D",1780317771060],[],[185],["D",1780317771060],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_18":55,"_106":107,"_108":25},{"_13":86,"_32":87,"_42":41,"_88":43,"_89":90,"_91":92,"_93":49,"_94":95,"_96":97,"_98":44,"_99":100},"ctx",{"_79":-5,"_131":262,"_263":264,"_265":266,"_267":25,"_268":25,"_269":25,"_270":59,"_271":-5,"_272":-7,"_273":-7,"_274":171,"_275":25,"_276":25,"_277":-5,"_278":25,"_279":25,"_280":25,"_281":-5},"ENV",{"_233":234,"_235":236,"_237":87,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261},"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 · v11