scad-gltf 0.1.0

package/editor/dist/assets/index-t9MYrExo.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}body{color:#ddd;background-color:#222;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app-container{flex-direction:row;width:100vw;height:100vh;display:flex}@media (width<=800px),(orientation:portrait){#app-container{flex-direction:column}}#left-panel{background:#1e1e1e;border-right:1px solid #444;flex-direction:column;flex:1;gap:15px;min-width:0;min-height:50vh;padding:15px;display:flex;overflow-y:auto}@media (width<=800px),(orientation:portrait){#left-panel{border-bottom:1px solid #444;border-right:none}}#right-panel{background:#111;flex:1;min-width:0;min-height:50vh;position:relative}.panel-section{flex-direction:column;gap:8px;display:flex}.flex-grow{flex-grow:1}h2{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px}.help-text{color:#aaa;margin:0 0 5px;font-size:11px}textarea{color:#d4d4d4;resize:vertical;background:#2a2a2a;border:1px solid #444;border-radius:4px;outline:none;width:100%;padding:10px;font-family:monospace;font-size:12px}textarea:focus{border-color:#666}input[type=text],input[type=number],select{color:#d4d4d4;background:#2a2a2a;border:1px solid #444;border-radius:4px;outline:none;align-items:center;height:34px;padding:0 8px;font-size:13px;display:flex}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:#666}#editor{white-space:pre;flex-grow:1;min-height:150px;overflow:auto}button{color:#fff;cursor:pointer;background:#444;border:1px solid #555;border-radius:4px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:13px;font-weight:500;transition:background .2s;display:flex}button:hover{background:#555}button.primary{background:#06c;border-color:#05a}button.primary:hover{background:#07e}button.danger{background:#c00;border-color:#a00}button.danger:hover{background:#e00}.controls-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toggles{-webkit-user-select:none;user-select:none;font-size:13px}.scad-prompt-toggles{-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:8px 12px;margin-bottom:8px;font-size:13px;display:flex}.scad-prompt-toggles label{cursor:pointer;align-items:center;gap:4px;display:flex}.scad-prompt-group{background:#2a2a2a;border:1px solid #444;border-radius:4px;flex-direction:column;gap:8px;margin-bottom:8px;padding:8px;display:flex}.scad-prompt-group-header{color:#eee;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:13px;font-weight:700;display:flex}.scad-prompt-group-header label{cursor:pointer;align-items:center;gap:4px;font-size:12px;font-weight:400;display:flex}.scad-prompt-toggles.nested{margin-bottom:0}.toggles label{cursor:pointer;align-items:center;gap:4px;display:flex}.toggles label input[type=number]{color:#d4d4d4;background:#2a2a2a;border:1px solid #444;border-radius:4px;outline:none;width:45px;height:24px;padding:2px 4px;font-family:monospace;font-size:12px}input[type=range]{-webkit-appearance:none;background:0 0;flex:1;width:100%;margin:8px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#444;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;background:#06c;border-radius:50%;width:16px;height:16px;margin-top:-5px}#backend-url{flex:1;min-width:0}#backend-ui{flex-direction:column;gap:10px;margin-top:10px;display:none}#backend-ui.active{display:flex}#backend-select{flex:1;min-width:0}#backend-single-save-btn,#backend-delete-btn{flex-shrink:0}#viewer{width:100%;height:100%;overflow:hidden}#viewer canvas{display:block}#viewer-controls{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:6px;align-items:center;gap:12px;padding:6px 12px;display:flex;position:absolute;top:15px;right:15px}#viewer-controls label{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin:0;font-size:13px;display:flex}#fullscreen-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:auto;padding:0 4px;font-size:16px;display:flex}#fullscreen-btn:hover{color:#0af;background:0 0}#drag-overlay{color:#fff;z-index:9999;letter-spacing:1px;background:#0066ccd9;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:2rem;font-weight:700;display:none;position:fixed;top:0;left:0}#drag-overlay.active{display:flex}.footer-section{align-items:center;margin-top:auto;padding-top:5px}.source-link{color:#888;font-size:12px;text-decoration:none;transition:color .2s}.source-link:hover{color:#fff}

package/editor/dist/assets/preview-C1zc24MJ.js

@@ -0,0 +1 @@
+import{A as e,B as t,D as n,E as r,H as i,O as a,R as o,W as s,a as ee,d as c,et as l,f as u,ht as d,i as te,l as ne,lt as re,mt as ie,n as ae,o as f,p,r as m,s as h,t as g,u as _,ut as v,w as oe,y as se}from"./OutputPass-Bvl6NigM.js";var y=document.getElementById(`viewer-container`),b=document.getElementById(`viewer`),x=document.getElementById(`filename-input`),S=document.getElementById(`save-btn`),C=document.getElementById(`open-editor-btn`),w=document.getElementById(`show-grid-cb`),T=document.getElementById(`wireframe-cb`),E=document.getElementById(`fullscreen-btn`),D=document.getElementById(`screenshot-btn`),O=null,k=[],A=``,j=!1,M=null,N=null,P=!1,F=new l;F.background=new se(2236962);var I=new i(60,window.innerWidth/window.innerHeight,.1,2e3);I.position.set(50,50,-50);var L=new _({antialias:!0});L.setSize(window.innerWidth,window.innerHeight),L.setPixelRatio(Math.min(window.devicePixelRatio,2)),L.shadowMap.enabled=!0,L.shadowMap.type=2,L.toneMapping=4,L.toneMappingExposure=1,b.appendChild(L.domElement);var R=new te(L),z=new m(F,I);R.addPass(z);var B=new ae(new re(window.innerWidth,window.innerHeight),.1,.1,2);R.addPass(B);var V=new g;R.addPass(V);var H=new h(I,L.domElement);H.enableDamping=!0,H.dampingFactor=.1,F.environment=new ne(L).fromScene(new ee,.04).texture,F.environmentIntensity=.8;var U=new a;F.add(U);var W=new s(2e3,2e3),G=new t({color:2236962,roughness:.8,metalness:.1}),K=new o(W,G);K.rotation.x=-Math.PI/2,K.receiveShadow=!0,F.add(K);var q=new n(2e3,100,5592405,3355443);q.material.transparent=!0,q.material.opacity=.5,F.add(q);var J=new u(100);F.add(J);var Y=new oe(16777215,1.5);Y.castShadow=!0,Y.shadow.mapSize.width=2048,Y.shadow.mapSize.height=2048,Y.shadow.bias=-5e-4,U.add(Y),U.add(Y.target);var X=new e(16777215,4473924,.6);X.position.set(0,20,0),U.add(X),T&&T.addEventListener(`change`,()=>{let e=T.checked;O&&O.traverse(t=>{t.isMesh&&t.material&&(Array.isArray(t.material)?t.material.forEach(t=>{t.wireframe=e}):t.material.wireframe=e)})}),E&&y&&(E.addEventListener(`click`,()=>{document.fullscreenElement?document.exitFullscreen().catch(e=>{console.warn(`Error attempting to exit fullscreen: ${e.message}`)}):y.requestFullscreen().catch(e=>{console.warn(`Error attempting to enable fullscreen: ${e.message}`)})}),document.addEventListener(`fullscreenchange`,()=>{setTimeout(()=>window.dispatchEvent(new Event(`resize`)),100)})),D&&D.addEventListener(`click`,()=>{P=!0;let e=D.innerText;D.innerText=`✅`,setTimeout(()=>{D.innerText=e},1e3)});var Z=performance.now();function Q(){requestAnimationFrame(Q);let e=performance.now(),t=(e-Z)/1e3;Z=e,N&&N.update(t),H.update();let n=!w||w.checked;if(q.visible=n,J.visible=n,R.render(),P){P=!1;let e=L.domElement.toDataURL(`image/png`);window.parent.postMessage({type:`ADD_IMAGE_TO_CHAT`,dataUrl:e},`*`)}}Q(),window.addEventListener(`resize`,()=>{let e=y?y.clientWidth:window.innerWidth,t=y?y.clientHeight:window.innerHeight;I.aspect=e/t,I.updateProjectionMatrix(),L.setSize(e,t),R.setSize(e,t)});function ce(e,t){if(!e)return new p;e.updateMatrixWorld(!0);let n=new p().setFromObject(e);if(!t||t.length===0)return n;let r=new Map;e.traverse(e=>{r.set(e,{position:e.position.clone(),quaternion:e.quaternion.clone(),scale:e.scale.clone()})});let i=new c(e);for(let r of t){let t=i.clipAction(r);t.play();let a=new Set([0,r.duration]);if(r.tracks){for(let e of r.tracks)if(e.times)for(let t=0;t<e.times.length;t++)a.add(e.times[t])}if(r.duration>0)for(let e=0;e<=20;e++)a.add(e/20*r.duration);let o=Array.from(a).sort((e,t)=>e-t);if(o.length>60){let e=[],t=(o.length-1)/59;for(let n=0;n<60;n++)e.push(o[Math.round(n*t)]);o=e}for(let r of o)t.time=r,i.update(0),e.updateMatrixWorld(!0),n.expandByObject(e);t.stop()}return i.stopAllAction(),i.uncacheRoot(e),r.forEach((e,t)=>{t.position.copy(e.position),t.quaternion.copy(e.quaternion),t.scale.copy(e.scale)}),e.updateMatrixWorld(!0),n}function le(e){return new Promise((t,n)=>{O&&=(N&&=(N.stopAllAction(),N.uncacheRoot(N.getRoot()),null),k=[],F.remove(O),O.traverse(e=>{e.isMesh&&(e.geometry.dispose(),Array.isArray(e.material)?e.material.forEach(e=>e.dispose()):e.material.dispose())}),null);let r=e.buffer.slice(e.byteOffset,e.byteOffset+e.byteLength);new f().parse(r,``,e=>{O=e.scene,k=e.animations||[];let n=T?T.checked:!1;k.length>0&&(N=new c(O),k.forEach(e=>{let t=N.clipAction(e);t.play(),t.time=0}),N.update(0)),O.traverse(e=>{e.isMesh&&(e.castShadow=!0,e.receiveShadow=!0,e.frustumCulled=!1,e.material&&(Array.isArray(e.material)?e.material.forEach(e=>{e.wireframe=n}):e.material.wireframe=n))}),F.add(O),ue(),t()},e=>{console.error(e),n(e)})})}function ue(){if(!O)return;let e=ce(O,k);if(e.isEmpty())return;let t=e.getCenter(new v),n=e.getSize(new v),i=Math.max(n.x,n.y,n.z)||10;K.position.y=e.min.y-.01,q.position.y=K.position.y+.001,J.position.y=K.position.y+.002;let a=I.fov*(Math.PI/180),o=i/(2*Math.tan(a/2));I.aspect<1&&(o/=I.aspect),o*=1.5,I.near=Math.max(.01,i*.01),I.far=Math.max(2e3,o*10),I.updateProjectionMatrix(),H.maxDistance=I.far,I.position.set(t.x+o*.8,t.y+o*.8,t.z-o*.8),I.lookAt(t),H.target.copy(t),H.update(),Y.position.set(t.x+i,t.y+i*1.5,t.z-i),Y.target.position.copy(t),Y.target.updateMatrixWorld();let s=i*1.5;Y.shadow.camera.left=-s,Y.shadow.camera.right=s,Y.shadow.camera.top=s,Y.shadow.camera.bottom=-s,Y.shadow.camera.near=.1,Y.shadow.camera.far=i*5,Y.shadow.camera.updateProjectionMatrix(),F.fog=new r(2236962,o*1.5,o*5)}async function de(e){let t={},n=`http://localhost:3000`,r=[];try{let e=await fetch(`${n}/api/scads`);e.ok&&(r=(await e.json()).files||[])}catch{return t}let i=new Set;async function a(e){let o=/(?:include|use)\s*([<"])([^>"]+)([>"])/g,s;for(;(s=o.exec(e))!==null;){let e=s[2],o=e.split(/[/\\]/).pop();if(!i.has(e)&&r.includes(o)){i.add(e);try{let r=await fetch(`${n}/api/scads/${encodeURIComponent(o)}`);if(r.ok){let n=await r.json();t[e]=n.content,await a(n.content)}}catch{console.warn(`Failed to load dependency: ${e}`)}}}}return await a(e),t}async function $(e){if(j){M=e;return}j=!0;try{let t=await de(e);await le(await ie(e,{wasmUrl:d,additionalFiles:t}))}catch(e){console.error(e)}finally{if(j=!1,M!==null){let e=M;M=null,$(e)}}}window.addEventListener(`message`,async e=>{if(e.data.type===`RENDER_SCAD`){A=e.data.code;let t=A.match(/\/\*\s*Model Name:\s*(.*?)\s*\*\//i);if(t&&t[1]){let e=t[1].trim().replace(/\s+/g,`_`).replace(/[^a-zA-Z0-9_-]/g,``);e&&(x.value=e)}await $(e.data.code)}}),S.addEventListener(`click`,async()=>{let e=x.value.trim();if(!e){alert(`Please enter a filename.`),x.focus();return}let t=`http://localhost:3000`;try{S.innerText=`Checking...`,S.disabled=!0;let n=await fetch(`${t}/api/scads`);if(!n.ok)throw Error(`Could not reach scad-serve.`);let r=await n.json(),i=e.toLowerCase().endsWith(`.scad`)?e:`${e}.scad`;if(r.files&&r.files.includes(i)&&!confirm(`File "${i}" already exists. Overwrite?`)){S.innerText=`Save`,S.disabled=!1;return}S.innerText=`Saving...`;let a=await fetch(`${t}/api/scads`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({filename:e,content:A||``})});if(!a.ok){let e=await a.json();throw Error(e.error||`Save failed.`)}S.innerText=`✅ Saved!`,setTimeout(()=>{S.innerText=`Save`,S.disabled=!1},2e3)}catch(e){console.error(e),alert(`Error saving file: `+e.message),S.innerText=`Save`,S.disabled=!1}});async function fe(e){try{if(typeof CompressionStream<`u`){let t=new Blob([e]).stream().pipeThrough(new CompressionStream(`deflate-raw`)),n=await new Response(t).arrayBuffer(),r=new Uint8Array(n),i=``;for(let e=0;e<r.length;e++)i+=String.fromCharCode(r[e]);return`c`+btoa(i).replace(/\+/g,`-`).replace(/\//g,`_`).replace(/=+$/,``)}}catch(e){console.warn(`CompressionStream failed, falling back`,e)}return`u`+btoa(unescape(encodeURIComponent(e))).replace(/\+/g,`-`).replace(/\//g,`_`).replace(/=+$/,``)}C.addEventListener(`click`,async()=>{if(!A){alert(`No model loaded to open.`);return}try{C.disabled=!0,C.innerText=`Preparing...`;let e=`https://iliagrigorevdev.github.io/scad-gltf/#${await fe(A)}`;window.open(e,`_blank`),window.parent.postMessage({type:`CLOSE_PREVIEW`},`*`),C.innerText=`✅ Opened!`,setTimeout(()=>{C.innerText=`Edit`,C.disabled=!1},2e3)}catch(e){console.error(`Error creating editor link`,e),alert(`Error creating editor link: `+e.message),C.innerText=`Edit`,C.disabled=!1}});

package/editor/dist/assets/preview-fQfL_FJ-.css

@@ -0,0 +1 @@
+body{background-color:#333;width:100vw;height:100vh;margin:0;font-family:sans-serif;display:flex;overflow:hidden}#viewer-container{background:#1e1e1e;flex-grow:1;width:100%;height:100vh;position:relative;overflow:hidden}#viewer{width:100%;height:100%}#viewer-controls{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:6px;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;top:15px;right:40px}#viewer-controls label{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin:0;font-size:13px;display:flex}#fullscreen-btn,#screenshot-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:auto;font-size:16px;display:flex}#fullscreen-btn{padding:0 4px}#screenshot-btn{padding:0 4px 6px}#fullscreen-btn:hover,#screenshot-btn:hover{color:#0af;background:0 0}#save-ui{z-index:10;background:#0009;border-radius:6px;gap:8px;padding:6px;display:flex;position:absolute;top:15px;left:15px}#filename-input{color:#fff;background:#333;border:1px solid #555;border-radius:4px;outline:none;width:160px;padding:4px 8px;font-family:monospace}#filename-input:focus{border-color:#0af}#save-btn{color:#fff;cursor:pointer;background:#0af;border:none;border-radius:4px;padding:4px 12px;font-weight:700}#save-btn:hover:not(:disabled){background:#08c}#save-btn:disabled{opacity:.7;cursor:not-allowed}#open-editor-btn{color:#fff;cursor:pointer;background:#6f42c1;border:none;border-radius:4px;padding:4px 12px;font-weight:700}#open-editor-btn:hover:not(:disabled){background:#5a32a3}#open-editor-btn:disabled{opacity:.7;cursor:not-allowed}

package/editor/dist/assets/prompt-ui-8EFRz0ju.js

@@ -0,0 +1,126 @@
+function e(e,t={}){if(!e)throw Error(`A description is required to generate a prompt.`);let n={basic:t.basic??!0,transmission:t.transmission??!0,clearcoat:t.clearcoat??!0,sheen:t.sheen??!0,emissive:t.emissive??!0,specular:t.specular??!0,iridescence:t.iridescence??!0,bakeColors:t.bakeColors??!1,bakeNormals:t.bakeNormals??!1,bakeOrm:t.bakeOrm??!1,bakeUvs:t.bakeUvs??!1,autoSmoothAngle:t.autoSmoothAngle??!0,animation:t.animation??!0,lazyUnion:t.lazyUnion??!1,modelName:t.modelName??!0},r=`Generate an OpenSCAD script to design the following: ${e}.`;n.modelName&&(r+=`
+
+Important Output Rules:
+- You MUST wrap your code in a standard Markdown code block using the \`\`\`openscad language tag.
+- Inside the code block, on the first line, include a block comment with a concise filename in snake_case (lowercase and underscores).
+- Use this exact format: /* Model Name: your_model_name_here */`);let i=[];if(n.basic&&i.push(`'roughness'`,`'metalness'`),n.clearcoat&&i.push(`'clearcoat'`,`'clearcoatRoughness'`),n.sheen&&i.push(`'sheen'`,`'sheenColor'`,`'sheenRoughness'`),n.transmission&&i.push(`'transmission'`,`'thickness'`,`'attenuationColor'`,`'attenuationDistance'`,`'ior'`),n.emissive&&i.push(`'emissive'`,`'emissiveIntensity'`),n.specular&&i.push(`'specularColor'`,`'specularIntensity'`),n.iridescence&&i.push(`'iridescence'`,`'iridescenceIOR'`),i.length>0||n.autoSmoothAngle){i.length>0&&(r+=`\n\nPlease utilize extended color attributes, specifically including ${i.join(`, `)} parameters.`),r+=`
+
+Important PBR & Shading rules:`,n.basic&&(r+=`
+- Metalness: For solid metallic materials (e.g., gold, steel), use metalness near 1.0. High metalness blocks light transmission. (Default: 0.0)`,r+=`
+- Roughness: Controls surface finish. 0.0 is perfectly smooth/glossy, while 1.0 is completely matte. (Default: 1.0)`),n.transmission&&(r+=`
+- Transmission: Degree of optical transparency (0.0 to 1.0) for materials like glass or water. Note: When transmission is non-zero, alpha (opacity) should be set to 1.0. (Default: 0.0)`,r+=`
+- Thickness: The thickness of the volume beneath the surface. If 0.0, the material is thin-walled (like a bubble). If > 0, it acts as a solid volume boundary (like a block of glass). (Default: 0.0)`,r+=`
+- Attenuation Color & Distance: Used with transmission and thickness to simulate volume absorption (colored glass or liquids). Distance is how far light travels to reach the attenuationColor. (Defaults: [1.0, 1.0, 1.0] and 0.0)`,r+=`
+- IOR (Index of Refraction): Controls how much light bends when entering a transmissive or clearcoat material. Water is ~1.33, Window Glass ~1.5, Diamond ~2.4. (Default: 1.5)`),n.clearcoat&&(r+=`
+- Clearcoat: Adds a clear, reflective layer on top of the base material (car paint, varnished wood, or wet surfaces). 1.0 is fully coated. (Default: 0.0)`,r+=`
+- Clearcoat Roughness: Controls the smoothness of the clearcoat layer. (Default: 0.0)`),n.sheen&&(r+=`
+- Sheen: Simulates backscattering from microfibers, creating a soft velvet-like rim light useful for cloth and fabrics. 1.0 is full intensity. (Default: 0.0)`,r+=`
+- Sheen Color: Sets the RGB tint of the sheen layer (e.g., sheenColor = [1.0, 0.5, 0.5]). (Default: [0.0, 0.0, 0.0])`,r+=`
+- Sheen Roughness: Controls the roughness of the sheen layer. (Default: 0.0)`),n.emissive&&(r+=`
+- Emissive & Emissive Intensity: Makes the material glow. Emissive is an RGB color vector, intensity is a float multiplier. (Defaults: [0.0, 0.0, 0.0] and 1.0)`),n.specular&&(r+=`
+- Specular Color & Intensity: Overrides the default specular reflection. (Defaults: [1.0, 1.0, 1.0] and 1.0)`),n.iridescence&&(r+=`
+- Iridescence & Iridescence IOR: Simulates thin-film interference like soap bubbles, oil spills, or pearlescent surfaces. (Defaults: 0.0 and 1.3)`),n.autoSmoothAngle&&(r+=`
+- Auto Smooth Angle: Generates smooth vertex normals for adjoining faces with an angle difference less than this value (in degrees). Use > 0 (e.g., 30 or 45) for curved/smooth surfaces, 0.0 for flat shading. Can be set globally using the special variable $asa (e.g., $asa=30;), or overridden per-material via the $asa parameter INSIDE the color() module. IMPORTANT: $asa ONLY affects surface shading (normals). It DOES NOT alter the actual geometry or polygon count. You must still use standard variables like $fn to increase geometric resolution. DO NOT pass $asa directly to geometry modules like sphere() or cylinder(). (Default: 0.0)`);let e=[];n.basic&&e.push(`metalness=1.0`,`roughness=0.3`),n.transmission&&e.push(`transmission=0.8`,`ior=1.5`),n.clearcoat&&e.push(`clearcoat=1.0`),n.sheen&&e.push(`sheen=1.0`),n.iridescence&&e.push(`iridescence=1.0`),n.emissive&&e.push(`emissive=[0.0, 0.5, 1.0]`,`emissiveIntensity=2.0`),n.specular&&e.push(`specularIntensity=1.0`),n.autoSmoothAngle&&e.push(`$asa=45.0`);let t=e.length>0?`, `+e.join(`, `):``;r+=`\n\nExample Material Usage:\n// Syntax: color(c=color_value, alpha=1.0, [named PBR parameters...])\ncolor([0.2, 0.2, 0.2], alpha=1.0${t})\n  cube([10, 10, 10]);`}if(n.lazyUnion&&(r+=`
+
+Important Geometry rules:
+- The compiler runs with "lazy-union" enabled. This means top-level objects, module children, and items inside loops ('for') or conditionals ('if') are NOT implicitly boolean-unioned together. They are evaluated and exported as separate discrete meshes.`),n.animation&&(r+=`
+
+Important Animation rules:
+- Wrapping: Use the 'armature(animations=...)' module at the root to wrap all animated components.
+- Hierarchies: Use the 'bone(name="BoneName", t=[x,y,z], r=[x,y,z])' module to define hierarchical animated parts.
+- Auto-Unioning: Any child meshes (e.g., cube, cylinder, imported objects) placed directly inside an 'armature()' or 'bone()' node are automatically unioned together by the engine. Child bones remain separate nodes in the hierarchy.
+- Animation Data: The 'animations' property is an array of named animation sequences. Each sequence contains an array of tracks defining keyframes for each bone. Format:
+  animations = [
+    ["AnimationName", [
+      ["BoneName", [
+        [time_in_seconds, [rot_x, rot_y, rot_z], [trans_x, trans_y, trans_z]], // Translation is optional
+        [1.0, [0, 90, 0], [0, 5, 0]],
+        ...
+      ]]
+    ]]
+  ];
+- Rotation Keyframes: Due to glTF Quaternion shortest-path interpolation, NEVER rotate more than 90 degrees between consecutive keyframes. To perform a full 360-degree rotation, you MUST manually subdivide it into 90-degree increments (e.g., 0, 90, 180, 270, 360).
+- Translational & Rotational Keyframes: Keyframe translations and rotations are ABSOLUTE in local space. They completely replace the bone's resting 't' and 'r' attributes during the animation. If a bone's resting translation is [0, 0, 2] and it needs to move 10 units up, the keyframe translation must be [0, 0, 12]. If translation is omitted, it defaults to the resting position.
+
+Example Animation Usage:
+anim_data = [
+  ["Action 1", [
+    ["BaseSpinner", [
+      [0.0, [0, 0, 0]],
+      [1.0, [0, 0, 90]],
+      [2.0, [0, 0, 180]],
+      [3.0, [0, 0, 270]],
+      [4.0, [0, 0, 360]]
+    ]],
+    ["ChildSlider", [
+      [0.0, [0, 0, 0], [0, 0, 2]],
+      [2.0, [0, 0, 0], [0, 0, 12]],
+      [4.0, [0, 0, 0], [0, 0, 2]]
+    ]]
+  ]]
+];
+
+armature(animations=anim_data) {
+  // Root bone
+  bone(name="BaseSpinner", t=[0, 0, 0], r=[0, 0, 0]) {
+    // Mesh attached to BaseSpinner
+    color([0.2, 0.5, 0.8]) cube([10, 10, 2], center=true);
+
+    // Nested child bone (inherits parent's transform)
+    bone(name="ChildSlider", t=[0, 0, 2], r=[0, 0, 0]) {
+      // Mesh attached to ChildSlider
+      color([0.8, 0.2, 0.2]) cylinder(h=5, r=2);
+    }
+  }
+}`),n.bakeColors||n.bakeNormals||n.bakeOrm||n.bakeUvs){let e=[],t=[];n.bakeColors&&(e.push(`colors=true`),t.push(`- Set 'colors=true' (default false) to project and bake the high-poly's solid colors onto the low-poly mesh.`)),n.bakeNormals&&(e.push(`normals=true`),t.push(`- Set 'normals=true' (default false) to project and bake the high-poly's physical geometric details as a tangent-space normal map onto the low-poly mesh.`)),n.bakeOrm&&(e.push(`orm=true`),t.push(`- Set 'orm=true' (default false) to project and bake the high-poly's Roughness, and Metallic values onto the low-poly mesh.`)),n.bakeUvs&&(e.push(`uvs=true`),t.push(`- Set 'uvs=true' (default false) when you only want to generate UV coordinates and Tangent vectors without baking any image textures. Note that UVs and Tangents are automatically generated whenever 'colors', 'normals', or 'orm' are enabled, so 'uvs=true' is only explicitly needed for textureless UV-only exports.`)),t.push(`- You can customize the baking process using 'distance' (max ray length, default: 2.0), 'bias' (ray origin offset, default: 1e-4), 'dilation' (pixel padding around UV islands, default: 2), 'resolution' (texture dimensions, default: 512), 'msaa' (super-sampling anti-aliasing level, default: 2), 'index' (atlas group identifier, default: 0), and 'rotate_uvs' (allow UV islands to be rotated for better packing, default: true).`),t.push(`- The 'index' parameter enables multi-atlas texture baking. Low-poly meshes configured with the same 'index' will be packed together into a shared texture atlas, while meshes with distinct indices will be split into separate output image maps.`),e.push(`resolution=1024`);let i=e.length>0?`bake(${e.join(`, `)})`:`bake()`,a=t.length>0?t.join(`
+`):`- You can toggle what gets baked using the 'colors', 'normals', 'orm', and 'uvs' boolean parameters (all default to false).`;r+=`\n\nImportant Texture Baking rules:
+- Baking: Use the 'bake()' module to project details from a high-resolution mesh onto a low-resolution mesh.
+- UV Unwrapping: The engine automatically generates UV coordinates and bakes the textures for the low-poly child mesh; you do not need to manually map textures.
+- Usage: The 'bake()' module strictly requires exactly TWO children. The FIRST child is the high-poly geometry, and the SECOND child is the low-poly geometry.
+${a}
+
+Example Baking Usage:
+// Bake the selected details of a high-resolution sphere onto a low-resolution one
+${i} {
+  color("white") sphere(r=10, $fn=100); // Child 1: High Poly
+  color("white", roughness=0.5, $asa=45) sphere(r=10, $fn=20); // Child 2: Low Poly
+}
+
+// Alternatively, generate UVs/Tangents for a mesh WITHOUT a high-poly source by providing only 1 child
+bake(uvs=true) {
+  color("white") cube([10, 10, 10]);
+}`}return r}var t=`
+  <div class="scad-prompt-toggles">
+    <label><input type="checkbox" id="opt-pbr-basic" checked /> Basic PBR</label>
+    <label><input type="checkbox" id="opt-pbr-autosmooth" checked /> Auto Smooth</label>
+    <label><input type="checkbox" id="opt-anim" checked /> Animations</label>
+  </div>
+
+  <div class="scad-prompt-group">
+    <div class="scad-prompt-group-header">
+      <span>Extended PBR</span>
+      <label><input type="checkbox" id="opt-pbr-all" checked /> Enable All</label>
+    </div>
+    <div class="scad-prompt-toggles nested" id="pbr-children">
+      <label><input type="checkbox" class="pbr-child" id="opt-pbr-transmission" checked /> Transmission</label>
+      <label><input type="checkbox" class="pbr-child" id="opt-pbr-clearcoat" checked /> Clearcoat</label>
+      <label><input type="checkbox" class="pbr-child" id="opt-pbr-sheen" checked /> Sheen</label>
+      <label><input type="checkbox" class="pbr-child" id="opt-pbr-emissive" checked /> Emissive</label>
+      <label><input type="checkbox" class="pbr-child" id="opt-pbr-specular" checked /> Specular</label>
+      <label><input type="checkbox" class="pbr-child" id="opt-pbr-iridescence" checked /> Iridescence</label>
+    </div>
+  </div>
+
+  <div class="scad-prompt-group">
+    <div class="scad-prompt-group-header">
+      <span>Baking</span>
+      <label><input type="checkbox" id="opt-bake-all" /> Enable All</label>
+    </div>
+    <div class="scad-prompt-toggles nested" id="bake-children">
+      <label><input type="checkbox" class="bake-child" id="opt-bake-colors" /> Bake Colors</label>
+      <label><input type="checkbox" class="bake-child" id="opt-bake-normals" /> Bake Normals</label>
+      <label><input type="checkbox" class="bake-child" id="opt-bake-orm" /> Bake ORM</label>
+      <label><input type="checkbox" class="bake-child" id="opt-bake-uvs" /> Bake UVs/Tangents</label>
+    </div>
+  </div>
+`;function n(e,t=`scad_prompt_settings`){let n=()=>{let n={};e.querySelectorAll(`input[type="checkbox"]`).forEach(e=>{e.id&&(n[e.id]=e.checked)}),localStorage.setItem(t,JSON.stringify(n))},r=(t,r)=>{let i=e.querySelector(t),a=e.querySelectorAll(r),o=()=>{if(!i||a.length===0)return;let e=Array.from(a).every(e=>e.checked),t=Array.from(a).some(e=>e.checked);i.checked=e,i.indeterminate=t&&!e};return i&&a.length>0&&(i.addEventListener(`change`,e=>{let t=e.target.checked;a.forEach(e=>e.checked=t),n()}),a.forEach(e=>{e.addEventListener(`change`,()=>{o(),n()})})),o},i=r(`#opt-pbr-all`,`.pbr-child`),a=r(`#opt-bake-all`,`.bake-child`);try{let n=localStorage.getItem(t);if(n){let t=JSON.parse(n);e.querySelectorAll(`input[type="checkbox"]`).forEach(e=>{e.id&&t[e.id]!==void 0&&(e.checked=t[e.id])})}}catch(e){console.warn(`Could not load SCAD prompt settings`,e)}e.addEventListener(`change`,e=>{e.target.type===`checkbox`&&n()}),i(),a()}function r(e){return{basic:e.querySelector(`#opt-pbr-basic`)?.checked??!0,transmission:e.querySelector(`#opt-pbr-transmission`)?.checked??!0,clearcoat:e.querySelector(`#opt-pbr-clearcoat`)?.checked??!0,sheen:e.querySelector(`#opt-pbr-sheen`)?.checked??!0,emissive:e.querySelector(`#opt-pbr-emissive`)?.checked??!0,specular:e.querySelector(`#opt-pbr-specular`)?.checked??!0,iridescence:e.querySelector(`#opt-pbr-iridescence`)?.checked??!0,autoSmoothAngle:e.querySelector(`#opt-pbr-autosmooth`)?.checked??!0,bakeColors:e.querySelector(`#opt-bake-colors`)?.checked??!1,bakeNormals:e.querySelector(`#opt-bake-normals`)?.checked??!1,bakeOrm:e.querySelector(`#opt-bake-orm`)?.checked??!1,bakeUvs:e.querySelector(`#opt-bake-uvs`)?.checked??!1,animation:e.querySelector(`#opt-anim`)?.checked??!0}}export{e as i,r as n,n as r,t};

package/editor/dist/content-loader.js

@@ -0,0 +1,4 @@
+// Workaround for Chrome Extension ES modules
+(async () => {
+  await import(chrome.runtime.getURL("content.js"));
+})();

package/editor/dist/content.css

@@ -0,0 +1,255 @@
+.scad-preview-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  background: rgba(0, 170, 255, 0.15);
+  color: #00aaff;
+  border: 1px solid rgba(0, 170, 255, 0.4);
+  padding: 4px 8px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1;
+  transition: all 0.2s ease;
+  height: 28px;
+  box-sizing: border-box;
+  margin: 0 4px;
+  vertical-align: middle;
+}
+
+.scad-preview-btn:hover {
+  background: #00aaff;
+  color: #ffffff;
+  border-color: #00aaff;
+}
+
+.scad-preview-btn svg {
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+}
+
+#scad-preview-iframe {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  width: 600px;
+  height: 550px;
+  max-width: calc(100vw - 40px);
+  max-height: calc(100vh - 40px);
+  z-index: 999999;
+  background: #222;
+  border-radius: 8px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
+  overflow: hidden;
+  border: 1px solid #555;
+}
+
+#scad-preview-iframe iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+  display: block;
+}
+
+.scad-close-btn {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  background: red;
+  color: white;
+  border: none;
+  border-radius: 50%;
+  width: 25px;
+  height: 25px;
+  cursor: pointer;
+  font-weight: bold;
+  z-index: 10;
+}
+
+.scad-prompt-btn {
+  position: fixed;
+  bottom: 20px;
+  left: 20px;
+  background: #8a2be2;
+  color: white;
+  border: none;
+  padding: 12px 18px;
+  border-radius: 24px;
+  cursor: pointer;
+  font-weight: bold;
+  font-size: 14px;
+  z-index: 999999;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
+  font-family: sans-serif;
+  transition:
+    transform 0.1s,
+    background 0.2s;
+}
+
+.scad-prompt-btn:hover {
+  background: #7a1fd1;
+  transform: scale(1.05);
+}
+
+.scad-prompt-btn:active {
+  transform: scale(0.95);
+}
+
+.scad-modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 9999999; /* Ensure it stays on top of AI studio UI */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  backdrop-filter: blur(3px);
+}
+
+.scad-modal-content {
+  background: #1e1e1e;
+  color: #ddd;
+  padding: 20px;
+  border-radius: 12px;
+  width: 500px;
+  max-width: 90vw;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
+  border: 1px solid #444;
+  font-family: system-ui, sans-serif;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
+.scad-modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.scad-modal-header h3 {
+  margin: 0;
+  color: #fff;
+  font-size: 16px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.scad-modal-close {
+  background: transparent;
+  color: #aaa;
+  border: none;
+  font-size: 16px;
+  cursor: pointer;
+  font-weight: bold;
+}
+.scad-modal-close:hover {
+  color: #fff;
+}
+
+.scad-help-text {
+  font-size: 12px;
+  color: #aaa;
+  margin: 0;
+}
+
+.scad-prompt-toggles {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 12px;
+  background: #2a2a2a;
+  padding: 10px;
+  border-radius: 6px;
+  border: 1px solid #444;
+}
+
+.scad-prompt-toggles label {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  user-select: none;
+}
+
+.scad-prompt-group {
+  background: #2a2a2a;
+  padding: 10px;
+  border-radius: 6px;
+  border: 1px solid #444;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.scad-prompt-group-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 13px;
+  font-weight: bold;
+  color: #eee;
+  padding-bottom: 6px;
+  border-bottom: 1px solid #444;
+}
+
+.scad-prompt-group-header label {
+  font-weight: normal;
+  font-size: 12px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.scad-prompt-toggles.nested {
+  background: transparent;
+  padding: 0;
+  border: none;
+  margin: 0;
+}
+
+#scad-prompt-desc {
+  width: 100%;
+  background: #2a2a2a;
+  color: #fff;
+  border: 1px solid #444;
+  border-radius: 6px;
+  padding: 12px;
+  font-family: sans-serif;
+  font-size: 14px;
+  resize: vertical;
+  outline: none;
+  box-sizing: border-box;
+}
+
+#scad-prompt-desc:focus {
+  border-color: #8a2be2;
+}
+
+.scad-modal-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.scad-primary-btn {
+  background: #8a2be2;
+  color: white;
+  border: none;
+  padding: 10px 16px;
+  border-radius: 6px;
+  cursor: pointer;
+  font-weight: bold;
+  font-size: 14px;
+  transition: background 0.2s;
+}
+
+.scad-primary-btn:hover {
+  background: #7a1fd1;
+}

package/editor/dist/content.js

@@ -0,0 +1,24 @@
+import{i as e,n as t,r as n,t as r}from"./assets/prompt-ui-8EFRz0ju.js";console.log(`🚀 SCAD Preview Extension loaded!`),window.addEventListener(`message`,e=>{if(e.data){if(e.data.type===`CLOSE_PREVIEW`){let e=document.getElementById(`scad-preview-iframe`);e&&e.remove()}else e.data.type===`ADD_IMAGE_TO_CHAT`&&i(e.data.dataUrl)}});async function i(e){try{let t=await(await fetch(e)).blob(),n=new File([t],`preview.png`,{type:`image/png`}),r=document.querySelector(`ms-prompt-box textarea[formcontrolname="promptText"]`)||document.querySelector(`ms-prompt-box textarea`)||document.querySelector(`textarea`);if(r){r.focus();let e=new DataTransfer;e.items.add(n);let t=new ClipboardEvent(`paste`,{clipboardData:e,bubbles:!0,cancelable:!0});r.dispatchEvent(t)}else console.warn(`Could not find chat input to paste the image.`)}catch(e){console.error(`Error adding image to chat:`,e)}}new MutationObserver(()=>{a(),o(),document.querySelectorAll(`ms-code-block[data-test-language="openscad" i], ms-code-block[data-test-language="scad" i]`).forEach(e=>{if(e.querySelector(`.scad-preview-btn`))return;let t=document.createElement(`button`);t.className=`scad-preview-btn`,t.title=`Preview 3D`,t.setAttribute(`aria-label`,`Preview 3D`),t.innerHTML=`
+      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
+        <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
+        <line x1="12" y1="22.08" x2="12" y2="12"></line>
+      </svg>
+      <span>Preview 3D</span>
+    `,t.onpointerdown=e=>e.stopPropagation(),t.onmousedown=e=>e.stopPropagation(),t.onclick=t=>{t.preventDefault(),t.stopPropagation();let n=e.querySelector(`code`);n&&s(n.innerText)};let n=e.querySelector(`button[aria-label*="copy" i], button[aria-label*="download" i], button[aria-label*="collapse" i], button[mattooltip*="copy" i], button[mattooltip*="download" i], button[mattooltip*="collapse" i], button[title*="Copy" i], button[title*="Download" i]`),r=n?.parentElement||e.querySelector(`.actions`)||e.querySelector(`.header-actions`)||e.querySelector(`.action-buttons`)||e.querySelector(`.buttons`)||e.querySelector(`.header`)||e.querySelector(`.code-header`);if(r)n?r.insertBefore(t,n):r.prepend(t);else{let n=e.querySelector(`pre`);n?n.parentNode.insertBefore(t,n):e.appendChild(t)}})}).observe(document.body,{childList:!0,subtree:!0});function a(){if(document.getElementById(`scad-prompt-btn`))return;let e=document.createElement(`button`);e.id=`scad-prompt-btn`,e.innerText=`✨ SCAD`,e.className=`scad-prompt-btn`,e.onclick=e=>{e.preventDefault(),e.stopPropagation();let t=document.getElementById(`scad-prompt-modal`);if(t){let e=document.getElementById(`scad-prompt-desc`);e&&(e.value=``),t.style.display=`flex`,e&&e.focus()}},document.body.appendChild(e)}function o(){if(document.getElementById(`scad-prompt-modal`))return;let i=document.createElement(`div`);i.id=`scad-prompt-modal`,i.className=`scad-modal-overlay`,i.style.display=`none`,i.innerHTML=`
+    <div class="scad-modal-content">
+      <div class="scad-modal-header">
+        <h3>✨ SCAD Prompt Generator</h3>
+        <button id="scad-prompt-close" class="scad-modal-close">X</button>
+      </div>
+      <p class="scad-help-text">Describe the object you want to generate. The copied prompt will include advanced PBR and Animation rules based on your selection.</p>
+
+      <div id="scad-prompt-ui-container"></div>
+
+      <textarea id="scad-prompt-desc" rows="3" placeholder="e.g. A shiny gold ring with an embedded red gem"></textarea>
+
+      <div class="scad-modal-actions">
+        <button id="scad-prompt-submit" class="scad-primary-btn">📋 Generate & Paste</button>
+      </div>
+    </div>
+  `,document.body.appendChild(i);let a=document.getElementById(`scad-prompt-ui-container`);a.innerHTML=r,n(a,`scad_prompt_settings`),document.getElementById(`scad-prompt-close`).onclick=()=>i.style.display=`none`,i.onclick=e=>{e.target===i&&(i.style.display=`none`)},document.getElementById(`scad-prompt-submit`).onclick=async()=>{let n=document.getElementById(`scad-prompt-desc`).value.trim();if(!n){alert(`Please enter a description!`);return}let r=t(a);try{let t=e(n,r),a=document.querySelector(`ms-prompt-box textarea[formcontrolname="promptText"]`)||document.querySelector(`ms-prompt-box textarea`)||document.querySelector(`textarea`);a&&(a.focus(),document.execCommand(`insertText`,!1,t)||(Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype,`value`).set.call(a,t),a.dispatchEvent(new Event(`input`,{bubbles:!0})),a.dispatchEvent(new Event(`change`,{bubbles:!0})))),await navigator.clipboard.writeText(t),i.style.display=`none`;let o=document.getElementById(`scad-prompt-btn`),s=o.innerText;o.innerText=`✅ Prompt Pasted!`,setTimeout(()=>{o.innerText=s},2e3)}catch(e){console.error(`Error generating/copying prompt:`,e),alert(`Error: `+e.message)}}}function s(e){let t=document.getElementById(`scad-preview-iframe`);if(t){t.querySelector(`iframe`).contentWindow.postMessage({type:`RENDER_SCAD`,code:e},`*`);return}let n=document.createElement(`div`);n.id=`scad-preview-iframe`;let r=document.createElement(`button`);r.innerText=`X`,r.className=`scad-close-btn`,r.onclick=()=>n.remove();let i=document.createElement(`iframe`);i.src=chrome.runtime.getURL(`preview.html`),i.allow=`fullscreen`,i.allowFullscreen=!0,i.setAttribute(`allowfullscreen`,`true`),i.setAttribute(`allow`,`fullscreen`),n.appendChild(r),n.appendChild(i),document.body.appendChild(n),i.onload=()=>{i.contentWindow.postMessage({type:`RENDER_SCAD`,code:e},`*`)}}

package/editor/dist/index.html

@@ -0,0 +1,187 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Scadify</title>
+
+    <!-- Primary Meta Tags -->
+    <meta
+      name="description"
+      content="Scadify is a modern, web-based editor and 3D viewer for OpenSCAD supporting WebAssembly compilation, PBR materials, skeletal animations, and texture baking."
+    />
+    <meta name="theme-color" content="#222222" />
+
+    <!-- iOS PWA Support -->
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta
+      name="apple-mobile-web-app-status-bar-style"
+      content="black-translucent"
+    />
+    <meta name="apple-mobile-web-app-title" content="Scadify" />
+
+    <!-- Icons -->
+    <link rel="icon" type="image/png" href="./icon.png" />
+    <link rel="apple-touch-icon" href="./icon.png" />
+
+    <!-- Link the PWA webmanifest (the extension uses manifest.json natively) -->
+    <link rel="manifest" href="./manifest.webmanifest" />
+
+    <!-- Open Graph -->
+    <meta property="og:type" content="website" />
+    <meta
+      property="og:url"
+      content="https://iliagrigorevdev.github.io/scad-gltf/"
+    />
+    <meta property="og:title" content="Scadify" />
+    <meta
+      property="og:description"
+      content="Scadify is a modern, web-based editor and 3D viewer for OpenSCAD supporting WebAssembly compilation, PBR materials, skeletal animations, and texture baking."
+    />
+    <meta
+      property="og:image"
+      content="https://iliagrigorevdev.github.io/scad-gltf/icon.png"
+    />
+
+    <script type="module" crossorigin src="./assets/index-V9cEH4KX.js"></script>
+    <link rel="modulepreload" crossorigin href="./assets/OutputPass-Bvl6NigM.js">
+    <link rel="modulepreload" crossorigin href="./assets/prompt-ui-8EFRz0ju.js">
+    <link rel="stylesheet" crossorigin href="./assets/index-t9MYrExo.css">
+  <link rel="manifest" href="./manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="./registerSW.js"></script></head>
+  <body>
+    <div id="app-container">
+      <!-- Left / Top Half: Controls -->
+      <div id="left-panel">
+        <div class="panel-section">
+          <h2>1. AI Prompt Generator</h2>
+          <p class="help-text">
+            Describe the object you want to generate. The copied prompt will
+            include advanced PBR and Animation rules based on your selection.
+          </p>
+          <div id="prompt-ui-container"></div>
+
+          <textarea
+            id="prompt-desc"
+            rows="2"
+            placeholder="e.g. A shiny gold ring with an embedded red gem"
+          ></textarea>
+          <button id="copy-prompt-btn">📋 Copy Prompt to Clipboard</button>
+        </div>
+
+        <div class="panel-section flex-grow">
+          <h2>2. SCAD Editor</h2>
+          <input type="text" id="model-name-input" placeholder="Name" />
+          <textarea id="editor" spellcheck="false"></textarea>
+
+          <div class="controls-row">
+            <button id="render-btn" class="primary">▶ Render</button>
+            <button id="load-scad-btn">📁 Load</button>
+            <button id="download-scad-btn">⬇ SCAD</button>
+            <button id="export-gltf-btn">⬇ GLTF</button>
+            <button id="capture-image-btn">📷 Image</button>
+            <button id="share-btn">🔗 Share</button>
+          </div>
+          <div class="controls-row toggles">
+            <label
+              ><input type="checkbox" id="auto-render-cb" checked /> Auto
+              Render</label
+            >
+            <label
+              ><input type="checkbox" id="path-tracing-cb" /> Path
+              Tracing</label
+            >
+            <label
+              ><input type="checkbox" id="minify-share-cb" /> Minify
+              Share</label
+            >
+          </div>
+        </div>
+
+        <div
+          class="panel-section"
+          id="anim-controls-section"
+          style="display: none"
+        >
+          <h2>3. Animation Controls</h2>
+          <div class="controls-row">
+            <button id="anim-play-btn" class="primary" style="width: 90px">
+              ⏸ Pause
+            </button>
+            <select id="anim-select"></select>
+          </div>
+          <div class="controls-row">
+            <input
+              type="range"
+              id="anim-slider"
+              min="0"
+              max="1"
+              step="0.001"
+              value="0"
+            />
+          </div>
+        </div>
+
+        <div class="panel-section">
+          <h2>4. SCAD Serve Backend</h2>
+          <div class="controls-row">
+            <input
+              type="text"
+              id="backend-url"
+              value="http://localhost:3000"
+              placeholder="http://localhost:3000"
+            />
+            <button id="backend-connect-btn">Connect</button>
+          </div>
+          <div id="backend-ui">
+            <div class="controls-row">
+              <select id="backend-select">
+                <option value="">-- Create New Model --</option>
+              </select>
+              <button
+                id="backend-single-save-btn"
+                class="primary"
+                style="display: none"
+              >
+                Save
+              </button>
+              <button
+                id="backend-delete-btn"
+                class="danger"
+                style="display: none"
+              >
+                Delete
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <div class="panel-section footer-section">
+          <a
+            href="https://github.com/iliagrigorevdev/scad-gltf"
+            target="_blank"
+            class="source-link"
+          >
+            ★ View Source Code on GitHub
+          </a>
+        </div>
+      </div>
+
+      <!-- Right / Bottom Half: Viewer -->
+      <div id="right-panel">
+        <div id="viewer-controls">
+          <label
+            ><input type="checkbox" id="show-grid-cb" checked /> Grid</label
+          >
+          <label><input type="checkbox" id="wireframe-cb" /> Wireframe</label>
+          <button id="fullscreen-btn" title="Toggle Full Screen">⛶</button>
+        </div>
+        <div id="viewer"></div>
+      </div>
+    </div>
+
+    <!-- Drag and Drop Overlay -->
+    <div id="drag-overlay">Drop .scad or .hdr file here</div>
+
+  </body>
+</html>