[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_217":218,"_219":220},"routes/_app.x.$handle.$name",{"_94":93,"_31":43,"_102":84,"_26":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":24,"_117":118,"_119":24,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":24},"version",5,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/styles.css","latestPath","fileId","959bf9ce-33bd-11f0-894c-9e149126039e","name","styles.css","fileType","content","/* Custom styles for the House Plan Designer */\n\n.canvas-container {\n position: relative;\n background-color: #f8f8f8;\n background-image: \n linear-gradient(rgba(200, 200, 200, 0.5) 1px, transparent 1px),\n linear-gradient(90deg, rgba(200, 200, 200, 0.5) 1px, transparent 1px);\n background-size: 20px 20px;\n}\n\n.tool-btn.active {\n background-color: #4299e1;\n color: white;\n}\n\n.furniture-item.active {\n background-color: #4299e1;\n color: white;\n}\n\n/* Properties panel styles */\n.property-row {\n display: flex;\n margin-bottom: 8px;\n align-items: center;\n}\n\n.property-label {\n width: 80px;\n font-size: 14px;\n}\n\n.property-input {\n flex: 1;\n padding: 4px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n\n/* Saved plan card */\n.plan-card {\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n padding: 12px;\n transition: all 0.2s;\n}\n\n.plan-card:hover {\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n transform: translateY(-2px);\n}\n\n.plan-thumbnail {\n width: 100%;\n height: 150px;\n background-color: #f8f8f8;\n border: 1px solid #e2e8f0;\n border-radius: 4px;\n margin-bottom: 8px;\n}\n\n/* Context menu */\n.context-menu {\n position: absolute;\n background: white;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n padding: 8px 0;\n z-index: 1000;\n}\n\n.context-menu-item {\n padding: 8px 16px;\n cursor: pointer;\n}\n\n.context-menu-item:hover {\n background-color: #f0f0f0;\n}\n\n/* Loading indicator */\n.loading-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.7);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 9999;\n}\n\n.loading-spinner {\n border: 4px solid rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n border-top: 4px solid #3498db;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}","createdAt",["D",1747554980031],"branchVersion","branchId","1c1ec43c-33bd-11f0-b334-9e149126039e","id","1c1e9566-33bd-11f0-b334-9e149126039e","Chiboy",["D",1747554776207],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","bb7ea790-3377-11f0-994d-f304847156a7","pinnedFileId","726e869c-33bd-11f0-bcd2-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","30a4c1e3-deea-428d-9e1b-7617842b44c1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},"branch",{"_13":83,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"isOwned",34,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Winner_create","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4RkRQTGp1V1FQNlMwZVcxVHBzMHl5TmF2VyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":213,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":214,"_78":215,"_80":216,"_82":24},"tree",[167,169,172,174],"files",[167,168,169,170,171,172,173,174],"counts",{"_157":60,"_158":132,"_159":60,"_160":161,"_162":163},"contents",[124,125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":151,"_31":152,"_29":153,"_131":-5,"_39":40,"_38":154,"_133":56,"_36":155,"_13":60,"_33":143,"_34":-5,"_23":24,"_136":-5,"_26":156},{"_41":145,"_31":146,"_29":147,"_131":-5,"_39":40,"_38":148,"_133":56,"_36":149,"_13":60,"_33":143,"_34":-5,"_23":24,"_136":-5,"_26":150},{"_41":138,"_31":139,"_29":140,"_131":-5,"_39":40,"_38":141,"_133":56,"_36":142,"_13":60,"_33":143,"_34":-5,"_23":24,"_136":-5,"_26":144},{"_41":128,"_31":129,"_29":130,"_131":-5,"_39":40,"_38":132,"_133":56,"_36":134,"_13":60,"_33":20,"_34":135,"_23":24,"_136":-5,"_26":137},"668ad984-33bd-11f0-85cd-9e149126039e","README.md","668ada42-33bd-11f0-85cd-9e149126039e","parentId",1,"latest",["D",1747554901065],"# House Plan Designer\n\nA web-based application for creating and editing house building plans.\n\n## Features\n\n- Draw walls, doors, windows, and other house elements\n- Add furniture and fixtures\n- Save and load your designs\n- Export designs as images\n\n## Project Structure\n\n- `backend/index.ts` - Main HTTP entry point and API routes\n- `frontend/index.html` - Main HTML template\n- `frontend/app.js` - Frontend JavaScript for the drawing application\n- `frontend/styles.css` - Styling for the application\n- `shared/types.ts` - Shared types between frontend and backend\n\n## How to Use\n\n1. Draw walls by clicking and dragging on the canvas\n2. Use the toolbar to select different elements (doors, windows, furniture)\n3. Save your design using the save button\n4. Load previous designs from the saved designs list\n\n## Technologies Used\n\n- Canvas API for drawing\n- Tailwind CSS for styling\n- Val Town's blob storage for saving designs","label",[129],"78eccc04-33bd-11f0-8c3a-9e149126039e","shared","8fd29af9-ae19-4704-9ed0-2c919a1979cf",3,["D",1747554931905],"directory",[139],"895ed960-33bd-11f0-8d59-9e149126039e","frontend","a6a4b218-f26e-455f-8345-89fb9410bf17",4,["D",1747554959490],[146],"726eab4a-33bd-11f0-bcd2-9e149126039e","backend","29b36d20-3c6d-4c0b-823c-efeefab8c1d0",2,["D",1747554921011],[152],"pulls","branches","forks","envVars",{"_164":60,"_166":60},"connections",{"_164":60,"_165":60},"count","unfilledCount","emptyCount",{"_41":151,"_31":152,"_29":153,"_131":-5,"_39":40,"_38":154,"_133":56,"_36":210,"_13":60,"_33":143,"_34":-5,"_23":24,"_136":-5,"_176":211,"_26":212},{"_41":204,"_31":205,"_29":54,"_131":153,"_39":40,"_38":154,"_133":24,"_36":206,"_13":60,"_33":183,"_34":207,"_23":24,"_136":-5,"_176":208,"_26":209},{"_41":145,"_31":146,"_29":147,"_131":-5,"_39":40,"_38":148,"_133":56,"_36":201,"_13":60,"_33":143,"_34":-5,"_23":24,"_136":-5,"_176":202,"_26":203},{"_41":194,"_31":195,"_29":196,"_131":147,"_39":40,"_38":148,"_133":24,"_36":197,"_13":60,"_33":20,"_34":198,"_23":24,"_136":-5,"_176":199,"_26":200},{"_41":190,"_31":32,"_29":30,"_131":147,"_39":40,"_38":14,"_133":24,"_36":191,"_13":60,"_33":20,"_34":35,"_23":24,"_136":-5,"_176":192,"_26":193},{"_41":138,"_31":139,"_29":140,"_131":-5,"_39":40,"_38":141,"_133":56,"_36":187,"_13":60,"_33":143,"_34":-5,"_23":24,"_136":-5,"_176":188,"_26":189},{"_41":179,"_31":180,"_29":181,"_131":140,"_39":40,"_38":141,"_133":24,"_36":182,"_13":60,"_33":183,"_34":184,"_23":24,"_136":-5,"_176":185,"_26":186},{"_41":128,"_31":129,"_29":130,"_131":-5,"_39":40,"_38":132,"_133":56,"_36":175,"_13":60,"_33":20,"_34":135,"_23":24,"_136":-5,"_176":177,"_26":178},["D",1747554901065],"children",[],[129],"78ec95f4-33bd-11f0-8c3a-9e149126039e","types.ts","78ec96a8-33bd-11f0-8c3a-9e149126039e",["D",1747554931905],"script","// Types for house plan elements\n\nexport type ElementType = 'wall' | 'door' | 'window' | 'furniture' | 'text';\n\nexport interface Point {\n x: number;\n y: number;\n}\n\nexport interface Element {\n id: string;\n type: ElementType;\n points: Point[];\n properties?: {\n width?: number;\n height?: number;\n rotation?: number;\n color?: string;\n text?: string;\n furnitureType?: string;\n };\n}\n\nexport interface HousePlan {\n id: string;\n name: string;\n elements: Element[];\n createdAt: string;\n updatedAt: string;\n}\n\nexport interface SavedPlan {\n key: string;\n size: number;\n metadata?: any;\n}",[],[139,180],["D",1747554931905],[173],[139],"959bf91a-33bd-11f0-894c-9e149126039e",["D",1747554980031],[],[146,32],"895eb37c-33bd-11f0-8d59-9e149126039e","index.html","895eb444-33bd-11f0-8d59-9e149126039e",["D",1747554959490],"\n\n\n \n \n House Plan Designer\n \n \n \n \n \n \n\n\n

House Plan Designer

\n View Source\n

\n\n

\n \n

Tools

\n \n \n \n \n \n \n \n \n

\n\n

Properties

Select an element to edit properties

\n\n

Furniture Library

\n \n \n \n \n \n \n \n \n

\n\n

\n \n \n \n

\n\n \n

\n Grid Size:\n \n

\n Scale:\n \n

\n\n \n

Saved Plans

No saved plans yet

\n\n \n\n \n\n",[],[146,195],["D",1747554959490],[170,171],[146],"726e85ca-33bd-11f0-bcd2-9e149126039e","index.ts",["D",1747554921011],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { parseProject } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\n// Types\nimport { HousePlan } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main HTML page\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Get project info for view source link\n const projectInfo = parseProject(import.meta.url);\n const viewSourceUrl = projectInfo.links.self.project;\n \n // Inject the view source URL\n html = html.replace(\"__VIEW_SOURCE_URL__\", viewSourceUrl);\n \n return c.html(html);\n});\n\n// API endpoints\n// List all saved plans\napp.get(\"/api/plans\", async c => {\n try {\n const plans = await blob.list(\"house_plan_\");\n return c.json({ success: true, plans });\n } catch (error) {\n console.error(\"Error listing plans:\", error);\n return c.json({ success: false, error: \"Failed to list plans\" }, 500);\n }\n});\n\n// Get a specific plan\napp.get(\"/api/plans/:id\", async c => {\n try {\n const id = c.req.param(\"id\");\n const plan = await blob.getJSON(`house_plan_${id}`) as HousePlan;\n if (!plan) {\n return c.json({ success: false, error: \"Plan not found\" }, 404);\n }\n return c.json({ success: true, plan });\n } catch (error) {\n console.error(\"Error getting plan:\", error);\n return c.json({ success: false, error: \"Failed to get plan\" }, 500);\n }\n});\n\n// Save a plan\napp.post(\"/api/plans\", async c => {\n try {\n const body = await c.req.json();\n const { name, elements } = body;\n \n if (!name || !elements) {\n return c.json({ success: false, error: \"Missing required fields\" }, 400);\n }\n \n const id = Date.now().toString();\n const plan: HousePlan = {\n id,\n name,\n elements,\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString()\n };\n \n await blob.setJSON(`house_plan_${id}`, plan);\n return c.json({ success: true, id, plan });\n } catch (error) {\n console.error(\"Error saving plan:\", error);\n return c.json({ success: false, error: \"Failed to save plan\" }, 500);\n }\n});\n\n// Update a plan\napp.put(\"/api/plans/:id\", async c => {\n try {\n const id = c.req.param(\"id\");\n const body = await c.req.json();\n const { name, elements } = body;\n \n const existingPlan = await blob.getJSON(`house_plan_${id}`) as HousePlan;\n if (!existingPlan) {\n return c.json({ success: false, error: \"Plan not found\" }, 404);\n }\n \n const updatedPlan: HousePlan = {\n ...existingPlan,\n name: name || existingPlan.name,\n elements: elements || existingPlan.elements,\n updatedAt: new Date().toISOString()\n };\n \n await blob.setJSON(`house_plan_${id}`, updatedPlan);\n return c.json({ success: true, plan: updatedPlan });\n } catch (error) {\n console.error(\"Error updating plan:\", error);\n return c.json({ success: false, error: \"Failed to update plan\" }, 500);\n }\n});\n\n// Delete a plan\napp.delete(\"/api/plans/:id\", async c => {\n try {\n const id = c.req.param(\"id\");\n await blob.delete(`house_plan_${id}`);\n return c.json({ success: true });\n } catch (error) {\n console.error(\"Error deleting plan:\", error);\n return c.json({ success: false, error: \"Failed to delete plan\" }, 500);\n }\n});\n\n// Export as entry point for HTTP val\nexport default app.fetch;",[],[152,205],["D",1747554921011],[168],[152],["D",1747554776207],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},{"_13":83,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"ctx",{"_76":-5,"_121":250,"_251":252,"_253":254,"_255":24,"_256":24,"_257":24,"_258":56,"_259":-5,"_260":-7,"_261":-7,"_262":60,"_263":24,"_264":24,"_265":-5,"_266":24,"_267":24,"_268":24,"_269":-5},"ENV",{"_221":222,"_223":224,"_225":84,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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 · v5