@volter/cyclotron 0.0.0-stage → 0.5.191

package/dist/assets/ShaderAssetDocument-8fZCtoKv.js

@@ -0,0 +1 @@
+import{n as p,kK as H,kD as U,kL as re,kE as ne,kM as I,kG as O,kH as se,bO as ae,j as s,t as h,ki as T,jo as oe,h2 as N,kN as ie,kO as P,kP as F,kQ as le,kR as ce,kI as V,kS as ue,C as de}from"./volter-sdk-CTPCkGXt.js";import{A as fe,S as _,i as he,l as pe,a4 as me,av as ge,n as ye,j as xe,M as ve,f as q,m as K,V as X,ag as Q,p as be,aq as Se,a6 as je,bR as we,a as Ee,e as ke,N as Ce}from"./three.module-dk_BdrjN.js";function M(e,t=null){return{path:t,source:e==="vertex"?le:ce,available:!1}}function k(e){return e?.split("/").pop()??"Preview fallback"}function D(e){return e.type==="vec3"&&/(colou?r|tint|albedo|emissive)/i.test(e.name)}function W(e){return/^(u|i)?time$/i.test(e.name)&&/^(float|double)$/.test(e.type)?"time":/^(u|i)?resolution$/i.test(e.name)&&/^([diu]?vec)[234]$/.test(e.type)?"resolution":/^(u|i)?mouse$/i.test(e.name)&&/^([diu]?vec)[234]$/.test(e.type)?"mouse":null}function L(e){if(D(e))return/horizon/i.test(e.name)?"#badbe9":/zenith/i.test(e.name)?"#297aba":/sun/i.test(e.name)?"#fff0c2":"#6f8cff";if(e.type==="bool")return!1;if(/^(float|double|int|uint)$/.test(e.type))return 0;const t=e.type.match(/^(?:[biu]?vec)([234])$/);return t?Array.from({length:Number.parseInt(t[1],10)},()=>0):0}function Re(){const e=new Uint8Array([38,43,58,255,176,190,255,255,176,190,255,255,38,43,58,255]),t=new Ee(e,2,2,ke);return t.colorSpace=_,t.magFilter=Ce,t.needsUpdate=!0,t}function J(e,t,r){if(e.arraySize){const{arraySize:a,...o}=e;return Array.from({length:a},()=>J(o,t,r))}if(/^sampler2D/.test(e.type)){const a=Re();return r.push(a),a}if(/^sampler/.test(e.type))return null;if(e.type==="mat3")return new xe;if(e.type==="mat4")return new ve;if(D(e))return new q(typeof t=="string"?t:"#6f8cff");const n=e.type.match(/^(?:[biu]?vec)([234])$/);if(n){const a=Array.isArray(t)?t:[],o=Number.parseInt(n[1],10);return o===2?new K(a[0]??0,a[1]??0):o===3?new X(a[0]??0,a[1]??0,a[2]??0):new Q(a[0]??0,a[1]??0,a[2]??0,a[3]??0)}return t}function $e(e,t,r,n,a){const o=W(t);if(o==="time"){e.value=n;return}if(e.value instanceof q&&typeof r=="string"){e.value.set(r);return}const l=Array.isArray(r)?r:[];if(e.value instanceof K){e.value.set(o==="resolution"?a.width:l[0]??0,o==="resolution"?a.height:l[1]??0);return}if(e.value instanceof X){e.value.set(o==="resolution"?a.width:l[0]??0,o==="resolution"?a.height:l[1]??0,o==="resolution"?1:l[2]??0);return}if(e.value instanceof Q){e.value.set(o==="resolution"?a.width:l[0]??0,o==="resolution"?a.height:l[1]??0,o==="resolution"?1:l[2]??0,l[3]??0);return}o!=="mouse"&&!t.arraySize&&!/^sampler|^mat/.test(t.type)&&(e.value=r)}function Ae(e){return e==="box"?new be(1.35,1.35,1.35,48,48,48):e==="plane"?new Se(2.2,2.2,96,96):new je(.95,96,64)}function Le({vertexSource:e,fragmentSource:t,descriptors:r,valuesRef:n,geometry:a,onDiagnostics:o}){const l=p.useRef(null);return p.useEffect(()=>{const g=l.current;if(!g)return;let j=!1,u=0;const v=document.createElement("canvas");v.setAttribute("aria-label","Live shader preview"),v.style.width="100%",v.style.height="100%",v.style.display="block",g.replaceChildren(v);let d;try{d=new fe({canvas:v,antialias:!0,alpha:!1})}catch(i){o([{stage:"program",severity:"error",message:i instanceof Error?i.message:String(i)}]);return}d.outputColorSpace=_,d.setClearColor(1119261,1),d.debug.checkShaderErrors=!0;const S=new he,y=new pe(38,1,.01,100);y.position.set(0,0,3.4);const C=[],m={};for(const i of r)m[i.name]={value:J(i,n.current[i.name]??L(i),C)};const R=new me({vertexShader:P(e),fragmentShader:P(t),uniforms:m,side:ge,toneMapped:!1}),A=Ae(a),c=new ye(A,R);S.add(c);const f=[];d.debug.onShaderError=(i,b,E,$)=>{const Z=b,ee=E,te=$;f.push(...F(i.getProgramInfoLog(Z)??"","program"),...F(i.getShaderInfoLog(ee)??"","vertex"),...F(i.getShaderInfoLog(te)??"","fragment"))};const x={width:1,height:1},w=()=>{const i=g.getBoundingClientRect();x.width=Math.max(1,Math.floor(i.width)),x.height=Math.max(1,Math.floor(i.height)),d.setPixelRatio(Math.min(window.devicePixelRatio||1,2)),d.setSize(x.width,x.height,!1),y.aspect=x.width/x.height,y.position.z=3.4/Math.min(1,y.aspect),y.updateProjectionMatrix()};w();const z=new ResizeObserver(w);z.observe(g);const Y=new we;try{d.compile(S,y),d.render(S,y),o(f.filter((i,b,E)=>E.findIndex($=>$.stage===i.stage&&$.line===i.line&&$.message===i.message)===b))}catch(i){o([{stage:"program",severity:"error",message:i instanceof Error?i.message:String(i)}])}const G=()=>{if(j)return;const i=Y.getElapsedTime();for(const b of r){const E=m[b.name];E&&$e(E,b,n.current[b.name]??L(b),i,x)}a!=="plane"&&(c.rotation.y=i*.18,c.rotation.x=Math.sin(i*.22)*.08),d.render(S,y),u=requestAnimationFrame(G)};return u=requestAnimationFrame(G),()=>{j=!0,cancelAnimationFrame(u),z.disconnect(),d.debug.onShaderError=null,A.dispose(),R.dispose();for(const i of C)i.dispose();d.dispose(),v.remove()}},[r,t,a,o,n,e]),s.jsx("div",{ref:l,"data-testid":"shader-preview",style:{width:"100%",height:"100%",minHeight:240,background:"#11141d"}})}function Te({descriptors:e,values:t,onChange:r}){return e.length===0?s.jsx("div",{style:{color:h.content.muted},children:"No uniform declarations found."}):s.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12,padding:4},children:[e.map(n=>s.jsx(Fe,{uniform:n,value:t[n.name]??L(n),onChange:a=>r(n.name,a)},n.name)),s.jsx("div",{style:{color:h.content.muted,fontSize:10,lineHeight:1.4},children:"Preview values are session-only. Author runtime defaults beside the ShaderMaterial in TS/TSX."})]})}function Fe({uniform:e,value:t,onChange:r}){const n=W(e),a=e.type.match(/^(?:[biu]?vec)([234])$/);let o;return n?o=s.jsxs("div",{style:{color:h.content.muted,fontSize:10},children:["Driven by preview ",n]}):D(e)?o=s.jsx(ue,{value:typeof t=="string"?t:"#6f8cff",onChange:r}):e.type==="bool"?o=s.jsxs("label",{style:{display:"flex",alignItems:"center",gap:7,fontSize:11},children:[s.jsx(de,{checked:!!t,onChange:l=>r(l.target.checked)}),t?"True":"False"]}):/^(float|double|int|uint)$/.test(e.type)?o=s.jsx(V,{value:typeof t=="number"?t:0,onChange:r,step:e.type==="int"||e.type==="uint"?1:.01,precision:e.type==="int"||e.type==="uint"?0:3}):a&&Array.isArray(t)?o=s.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(${a[1]}, minmax(0, 1fr))`,gap:4},children:t.map((l,g)=>s.jsx(V,{value:l,label:"xyzw"[g],onChange:j=>{const u=[...t];u[g]=j,r(u)},step:.01},`${e.name}:${g}`))}):o=s.jsx("div",{style:{color:h.content.muted,fontSize:10},children:"Reflected for runtime binding; no scalar preview control."}),s.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:5},children:[s.jsxs("div",{style:{display:"flex",justifyContent:"space-between",gap:8},children:[s.jsx("span",{style:{color:h.content.primary,fontSize:11},children:e.name}),s.jsx("span",{style:{color:h.content.muted,fontSize:10},children:e.type})]}),o]})}function B({diagnostics:e,files:t}){return e.length===0?s.jsx("div",{style:{color:h.semantic.success,fontSize:11,padding:4},children:"Shader program compiled successfully."}):s.jsx("div",{style:{display:"flex",flexDirection:"column",gap:6,padding:4},children:e.map((r,n)=>{const a=r.stage==="program"?null:t[r.stage];return s.jsxs("div",{style:{color:r.severity==="warning"?h.semantic.warning:h.semantic.danger,fontSize:10,lineHeight:1.45},children:[a?.available?k(a.path):r.stage,r.line?`:${r.line}${r.column?`:${r.column}`:""}`:""," · ",r.message]},`${r.stage}:${r.line??0}:${r.message}:${n}`)})})}async function Me(e){const t=await N(e);if(t===null)throw new Error(`Could not read ${e}.`);const r=ie(e,t),n=H(e),a=n?await N(n):null,o={vertex:M("vertex"),fragment:M("fragment")};o[r]={path:e,source:t,available:!0};const l=r==="vertex"?"fragment":"vertex";return o[l]=a===null?M(l,n):{path:n,source:a,available:!0},o}function Ge({documentId:e,assetPath:t,active:r=!0}){const[n,a]=p.useState(null),[o,l]=p.useState(0),[g,j]=p.useState("sphere"),[u,v]=p.useState([]),[d,S]=p.useState({}),[y,C]=p.useState(null);p.useEffect(()=>{if(!r)return;const c=()=>l(w=>w+1),f=H(t),x=[U(t,c),...f?[U(f,c)]:[]];return()=>{for(const w of x)w()}},[r,t]),p.useEffect(()=>{if(!r)return;let c=!1;return a(null),C(null),Me(t).then(f=>{c||a(f)},f=>{c||C(f instanceof Error?f.message:String(f))}),()=>{c=!0}},[r,t,o]);const m=p.useMemo(()=>n?re(n.vertex.source,n.fragment.source):[],[n]);p.useEffect(()=>{S(c=>Object.fromEntries(m.map(f=>[f.name,c[f.name]??L(f)])))},[m]);const R=p.useRef(d);R.current=d;const A=p.useMemo(()=>[{id:"shader-pair",title:"Shader Pair",icon:I,order:ne,body:{kind:"custom",render:()=>s.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:5,padding:4,fontSize:10},children:[s.jsxs("span",{children:["Vertex · ",n?k(n.vertex.path):"Loading…",n&&!n.vertex.available?" (preview fallback)":""]}),s.jsxs("span",{children:["Fragment · ",n?k(n.fragment.path):"Loading…",n&&!n.fragment.available?" (preview fallback)":""]}),s.jsx("span",{style:{color:h.content.muted},children:"Ordinary sibling GLSL files; runtime composition stays in TS/TSX."})]})}},{id:"shader-uniforms",title:"Uniforms",icon:se,order:O,description:`${m.length} reflected`,body:{kind:"custom",data:Object.fromEntries(m.map(c=>[c.name,d[c.name]])),render:()=>s.jsx(Te,{descriptors:m,values:d,onChange:(c,f)=>S(x=>({...x,[c]:f}))})}},{id:"shader-diagnostics",title:"Diagnostics",icon:u.length>0?ae:I,order:O+100,description:u.length===0?"Compiled":`${u.length} issue${u.length===1?"":"s"}`,body:{kind:"custom",data:{diagnostics:u},render:()=>n&&s.jsx(B,{diagnostics:u,files:n})}}],[m,u,n,d]);return y?s.jsx(T,{documentId:e,active:r,type:"shader",title:k(t),status:"Shader unavailable",children:s.jsx("div",{role:"alert",style:{padding:20,color:h.semantic.danger},children:y})}):n?s.jsx(T,{documentId:e,active:r,type:"shader",title:k(t),sections:A,status:u.length===0?`GLSL · compiles · ${m.length} uniforms`:`GLSL · ${u.length} compile issues`,fill:!0,children:s.jsxs("div",{style:{width:"100%",height:"100%",minHeight:0,position:"relative",background:h.surface.panel},children:[s.jsx(Le,{vertexSource:n.vertex.source,fragmentSource:n.fragment.source,descriptors:m,valuesRef:R,geometry:g,onDiagnostics:v}),s.jsx("div",{style:{position:"absolute",left:10,top:10},children:s.jsxs(oe,{"aria-label":"Preview geometry",value:g,onChange:c=>j(c.target.value),children:[s.jsx("option",{value:"sphere",children:"Sphere"}),s.jsx("option",{value:"box",children:"Box"}),s.jsx("option",{value:"plane",children:"Plane"})]})}),u.length>0&&s.jsx("div",{style:{position:"absolute",left:12,right:12,bottom:12,maxHeight:120,overflow:"auto",padding:8,border:`1px solid ${h.semantic.danger}`,borderRadius:6,background:h.surface.overlay},children:s.jsx(B,{diagnostics:u,files:n})})]})}):s.jsx(T,{documentId:e,active:r,type:"shader",title:k(t),status:"Loading GLSL",children:s.jsx("div",{style:{padding:20,color:h.content.muted},children:"Loading shader files…"})})}export{Ge as ShaderAssetDocument};