No blockers added yet

';\n return;\n }\n \n blockersList.innerHTML = blockers.map(blocker => `\n

${blocker.width} × ${blocker.height} cm

Position: ${blocker.xLeft.toFixed(1)} - ${blocker.xRight.toFixed(1)} cm from left

\n \n

\n `).join('');\n}\n\nfunction removeBlockerById(blockerId) {\n removeBlocker(parseFloat(blockerId));\n updateBlockersList();\n updateResults();\n}\n\nfunction handleAddBlocker() {\n const width = parseFloat(document.getElementById('blocker-width').value) || 0;\n const height = parseFloat(document.getElementById('blocker-height').value) || 0;\n const fromLeft = document.getElementById('blocker-from-left').value;\n const fromRight = document.getElementById('blocker-from-right').value;\n \n const fromLeftNum = fromLeft ? parseFloat(fromLeft) : null;\n const fromRightNum = fromRight ? parseFloat(fromRight) : null;\n \n const result = addBlocker(width, height, fromLeftNum, fromRightNum);\n \n if (result.success) {\n // Clear form\n document.getElementById('blocker-width').value = '20';\n document.getElementById('blocker-height').value = '80';\n document.getElementById('blocker-from-left').value = '20';\n document.getElementById('blocker-from-right').value = '';\n \n updateBlockersList();\n updateResults();\n } else {\n alert(`Error adding blocker: ${result.reason}`);\n }\n}\n\nfunction updateResults() {\n const width = parseFloat(document.getElementById('width').value) || 0;\n const height = parseFloat(document.getElementById('height').value) || 0;\n const offset = parseFloat(document.getElementById('offset').value) || 0;\n \n const result = fitsInRoom(width, height, offset);\n \n // Update results display\n const resultsDiv = document.getElementById('results');\n const resultContent = document.getElementById('result-content');\n \n resultsDiv.classList.remove('hidden');\n \n if (result.fits) {\n resultsDiv.className = 'mt-6 p-4 rounded-md bg-green-50 border border-green-200';\n resultContent.innerHTML = `\n

\n ✅\n Object fits!\n

Position: ${result.xLeft.toFixed(1)}cm to ${result.xRight.toFixed(1)}cm from left wall

Max height at left edge: ${result.maxHeightAtLeft.toFixed(1)}cm

Your object height: ${height}cm

Clearance: ${(result.maxHeightAtLeft - height).toFixed(1)}cm

\n ${blockers.length > 0 ? `

✓ No collision with ${blockers.length} existing blocker(s)

` : ''}\n

\n `;\n } else {\n resultsDiv.className = 'mt-6 p-4 rounded-md bg-red-50 border border-red-200';\n resultContent.innerHTML = `\n

\n ❌\n Object doesn't fit\n

${result.reason}

\n ${!isNaN(result.maxHeightAtLeft) ? `

Max height at that position: ${result.maxHeightAtLeft.toFixed(1)}cm

` : ''}\n ${result.collidingBlocker ? `

⚠️ Collision detected with blocker

` : ''}\n

\n `;\n }\n \n // Update visualizations\n const sideCanvas = document.getElementById('sideCanvas');\n const topCanvas = document.getElementById('topCanvas');\n \n drawSideView(sideCanvas, width, height, offset, result);\n drawTopView(topCanvas, width, height, offset, result);\n}\n\n// Event listeners\ndocument.addEventListener('DOMContentLoaded', function() {\n // Setup canvases with proper aspect ratios\n setupCanvases();\n \n const inputs = ['width', 'height', 'offset'];\n inputs.forEach(id => {\n document.getElementById(id).addEventListener('input', updateResults);\n });\n \n document.getElementById('calculate').addEventListener('click', updateResults);\n document.getElementById('add-blocker').addEventListener('click', handleAddBlocker);\n \n // Handle mutual exclusion of fromLeft and fromRight inputs\n document.getElementById('blocker-from-left').addEventListener('input', function() {\n if (this.value) {\n document.getElementById('blocker-from-right').value = '';\n }\n });\n \n document.getElementById('blocker-from-right').addEventListener('input', function() {\n if (this.value) {\n document.getElementById('blocker-from-left').value = '';\n }\n });\n \n // Initial setup\n updateBlockersList();\n updateResults();\n});\n\n// Make removeBlockerById available globally for onclick handlers\nwindow.removeBlockerById = removeBlockerById;",[],[198,189],"frontend","5c157cda-ef14-11f0-a22e-42dde27851f2","index.html","5512be04-ef12-11f0-bed9-42dde27851f2",13,["D",1768153117169],2,"\n\n\n \n \n Room Fitting Calculator\n \n \n\n\n

Room Fitting Calculator

\n \n

Existing Blockers

\n \n

Add New Blocker

\n Width (cm)\n \n

\n Height (cm)\n \n

\n From Left Wall (cm)\n \n

\n From Right Wall (cm)\n \n

\n * Specify either \"From Left Wall\" OR \"From Right Wall\", not both\n

\n \n

\n\n \n

New Object to Fit

\n \n

\n Width (cm)\n \n

\n \n

\n Height (cm)\n \n

\n \n

\n Offset from tall wall (cm)\n \n

\n \n \n

Results:

\n \n \n

Room Specifications:

• Width: 155 cm
• Left wall height: 115 cm
• Right wall height: 255 cm
• Sloped ceiling from left to right

\n \n \n

Room Visualization

\n \n \n

Side View

\n \n \n

Top View

\n\n \n\n",[],[198,200],"5512fae0-ef12-11f0-bed9-42dde27851f2",["D",1768152246416],[177,178],[198],["D",1768152293208],[],[18,65],["D",1768152291198],[175],[18],["D",1768152130494],{"_11":12,"_129":71},{"_11":12,"_125":-5,"_70":71,"_31":69,"_126":127,"_128":30},{"_40":116,"_13":16,"_34":37,"_117":83,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":14,"_124":12},"ctx",{"_53":-5,"_148":255,"_256":257,"_258":259,"_260":30,"_261":30,"_262":30,"_263":24,"_264":-5,"_265":-7,"_266":-7,"_267":26,"_268":30,"_269":30,"_270":-5,"_271":30,"_272":30,"_273":30,"_274":-5},"ENV",{"_226":227,"_228":229,"_230":16,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254},"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"]

History · backend