\n `).join('');\n}\n\nfunction setSize(s) { current.size = s; updatePreview(); }\nfunction setLayers(l) { current.layers = l; updatePreview(); }\nfunction setColor(c) { current.color = c; updatePreview(); }\n\nfunction updatePreview() {\n current.flavor = document.getElementById('flavor').value;\n current.color = flavorMap[current.flavor];\n \n document.getElementById('preview-info').textContent = \n `${current.size}\" • ${current.layers} Layers • ${current.flavor.charAt(0).toUpperCase() + current.flavor.slice(1)}`;\n \n createCake();\n const price = prices[current.size] + (current.layers - 2) * 8;\n document.getElementById('price').textContent = price;\n}\n\n// Carousel\nfunction populateCarousel() {\n const cakes = [\n {name: \"Vanilla\", emoji: \"🎂\"},\n {name: \"Choco\", emoji: \"🍫\"},\n {name: \"Berry\", emoji: \"🍓\"}\n ];\n document.getElementById('carousel').innerHTML = cakes.map(c => `\n

${c.emoji}

${c.name}

\n `).join('');\n}\n\nfunction loadExample(name) {\n alert(`Loaded preset: ${name} cake`);\n updatePreview();\n}\n\nfunction addToOrder() {\n alert(\"🎉 Design added to order! (Demo)\");\n}\n\nfunction startAR() {\n document.getElementById('ar-modal').classList.remove('hidden');\n}\n\nfunction closeARModal() {\n document.getElementById('ar-modal').classList.add('hidden');\n}\n\nfunction switchTab(n) {\n document.querySelectorAll('.nav-tab').forEach((el, i) => el.classList.toggle('active', i === n));\n}\n\n// Initialize\nwindow.onload = () => {\n populateUI();\n populateCarousel();\n init3D();\n updatePreview();\n};",[147],"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();",[155],"f6dc84e0-5dc6-11f1-8cde-1607ee4eb77e","index.html","019e8335-557d-7234-9858-cab27fd881a6",16,["D",1780324455155],5,"\n\n\n \n \n CakeView • Professional Cake Studio\n \n \n \n \n\n\n\n \n

\n 🍰\n

CakeView

Professional Cake Studio

\n Menu\n How it Works\n For Bakers\n \n

\n\n

\n\n \n

\n Popular Designs\n

\n\n \n

Custom Cake Preview

8 inch • 3 Layers

\n\n \n

\n \n \n

\n\n \n

Customize

\n\n

\n Flavor\n \n

\n\n

\n Size (inches)\n

\n\n

\n Layers\n

\n\n

\n Icing Color\n

\n\n

\n Estimated Price\n $48\n

\n\n \n

\n\n \n \n\n \n\n",[162],"66e23b0a-5db7-11f1-910d-1607ee4eb77e","favicon.svg","019e8335-557d-7234-9858-c4333f8f3cdf",["D",1780317771060],"",[170],"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",[176],"pulls","branches","forks","envVars",{"_188":157,"_190":157},"connections",{"_188":157,"_189":157},"count","unfilledCount","emptyCount",{"_18":175,"_20":176,"_131":177,"_133":-5,"_134":69,"_135":43,"_137":39,"_22":213,"_66":157,"_140":102,"_141":179,"_143":26,"_144":-5,"_198":214,"_91":215},{"_18":169,"_20":170,"_131":171,"_133":-5,"_134":69,"_135":43,"_137":39,"_22":210,"_66":157,"_140":102,"_141":173,"_143":26,"_144":-5,"_198":211,"_91":212},{"_18":161,"_20":162,"_131":163,"_133":-5,"_134":69,"_135":164,"_137":39,"_22":207,"_66":166,"_140":102,"_141":167,"_143":26,"_144":-5,"_198":208,"_91":209},{"_18":154,"_20":155,"_131":37,"_133":-5,"_134":69,"_135":43,"_137":39,"_22":204,"_66":157,"_140":158,"_141":159,"_143":26,"_144":-5,"_198":205,"_91":206},{"_18":146,"_20":147,"_131":148,"_133":-5,"_134":69,"_135":67,"_137":39,"_22":201,"_66":150,"_140":151,"_141":152,"_143":26,"_144":-5,"_198":202,"_91":203},{"_18":129,"_20":130,"_131":132,"_133":-5,"_134":69,"_135":136,"_137":39,"_22":197,"_66":139,"_140":102,"_141":142,"_143":26,"_144":-5,"_198":199,"_91":200},["D",1780326687506],"children",[],[130],["D",1780326718138],[],[147],["D",1780317771060],[],[155],["D",1780324455155],[],[162],["D",1780317771060],[],[170],["D",1780317771060],[],[176],["D",1780317771060],{"_16":17,"_89":85},{"_16":17,"_82":83,"_84":85,"_34":35,"_86":87,"_88":26},{"_66":67,"_20":68,"_18":69,"_70":19,"_71":72,"_73":74,"_75":28,"_76":77,"_78":79,"_80":21,"_81":17},"ctx",{"_59":-5,"_112":253,"_254":255,"_256":257,"_258":26,"_259":26,"_260":26,"_261":39,"_262":-5,"_263":-7,"_264":-7,"_265":157,"_266":26,"_267":26,"_268":-5,"_269":26,"_270":26,"_271":26,"_272":-5},"ENV",{"_224":225,"_226":227,"_228":68,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252},"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"]

\n Popular Designs\n

Custom Cake Preview

Customize

Order Received!

Search