@volter/game-editor 0.5.68 → 0.5.70

package/dist/assets/world-documents-C4t3iOD-.js

@@ -1 +0,0 @@
-import{a as c}from"./jsx-runtime-DPjLkJKQ.js";import{d9 as L,da as X,eR as j,fk as H,aD as C,fT as $,fU as K,cw as A,fV as q,cx as M,eA as N,dl as Q,w as Z,fW as J,aO as ee,fX as te,fY as oe,fZ as ne,f_ as re,f$ as se,g0 as ae,fQ as ie,cz as ce,g1 as le,aw as de,g2 as P,g3 as ue,dj as pe}from"./index-CaG87ZF-.js";import{r as p}from"./index-nmcBqr7Y.js";import{d as fe,m as me}from"./design-time-layers-CQgnmqc8.js";import{I as be,B as xe}from"./edit-mode-authoring-DBjaBTxM.js";import{b as he,i as ge}from"./react-canvas-navigation-Jowa_lJq.js";import{R as _,i as ve}from"./react-story-board-Bx7qYytV.js";import{s as we,c as ye,a as Se,b as ke}from"./component-board-registry-DrIa2csL.js";import{e as Re,S as Ee}from"./surface-state-D9j6qNu8.js";import"./index-CtzuWnCS.js";import{c as Ie,d as Ce,r as F,e as G,f as Ae,m as O,b as De,a as je,s as Be}from"./board-guides-_3R1t_-2.js";import{C as V,a as $e,b as Me}from"./CanvasSceneViewport-vqBlOz8P.js";import{R as ze}from"./ReactCanvasControls-K98jOX9b.js";import{R as _e}from"./RootSelectionOverlay-BQC12Gdd.js";import"./_commonjsHelpers-D6-XlEtG.js";import"./index-FUuS4qwW.js";import"./client-DNXj_opT.js";import"./index-D_NuPfjr.js";import"./index-CinJrH5C.js";import"./root-stacking-BEd9ZvxC.js";import"./design-time-mount-registry-DUpXCg1U.js";import"./Toolbar-uLgsrB2z.js";import"./transform-mode-request-BnKpgRUW.js";import"./TransientHint-CgmkrmKF.js";import"./layered-pick-B_-BRrRD.js";import"./eyedropper-session-bjPXnfeX.js";import"./viewport-editor-controls-BYaAZ_Ku.js";import"./inspect-C8RP8G5F.js";import"./inference-diagnostics-MGcIHEX6.js";const w=16,z="rgba(255, 82, 82, 0.9)",U="rgba(18, 22, 26, 0.92)",D="rgba(255, 255, 255, 0.28)";function Te(s){return[10,25,50,100,250,500,1e3,2500,5e3].find(n=>n*s>=60)??1e4}function W(s){return Math.abs(s)>=1e3?`${s/1e3}k`:String(s)}function Ne({docId:s,containerRef:l}){const n=p.useSyncExternalStore(L,X),x=p.useSyncExternalStore(Ie,()=>Ce(s)),[r,d]=p.useState(null),v=p.useRef(null);p.useEffect(()=>{const t=l.current;if(!t)return;const o=t.getBoundingClientRect();return F(s,{originX:o.left,originY:o.top,panX:n.x,panY:n.y,zoom:n.zoom}),()=>F(s,null)},[s,l,n.x,n.y,n.zoom]);const f=(t,o)=>Math.round((t-(o==="x"?n.x:n.y))/n.zoom),u=(t,o)=>(o==="x"?n.x:n.y)+t*n.zoom,m=t=>{const o=l.current?.getBoundingClientRect();return o?{x:t.clientX-o.left,y:t.clientY-o.top}:{x:0,y:0}},k=t=>o=>{o.preventDefault(),o.currentTarget.setPointerCapture(o.pointerId);const e=m(o);d({kind:"place",axis:t,id:null,at:t==="x"?e.x:e.y})},S=t=>o=>{o.preventDefault(),o.stopPropagation(),o.currentTarget.setPointerCapture(o.pointerId);const e=m(o);d({kind:"move",axis:t.axis,id:t.id,at:t.axis==="x"?e.x:e.y})},R=t=>{if(!r)return;const o=m(t),e=r.axis==="x"?o.x:o.y;d({...r,at:e}),r.kind==="move"&&r.id&&O(s,r.id,f(e,r.axis))},E=t=>{if(!r)return;const o=m(t),e=r.axis==="x"?o.x:o.y,i=e<=w;r.kind==="place"?i||Ae(s,r.axis,f(e,r.axis)):r.id&&(i?G(s,r.id):O(s,r.id,f(e,r.axis))),d(null)},a=t=>{const o=l.current,e=o?t==="x"?o.clientWidth:o.clientHeight:0,i=Te(n.zoom),g=Math.ceil(f(w,t)/i)*i,y=f(e,t),b=[];for(let I=g;I<=y&&b.length<200;I+=i)b.push(I);return b},h={position:"absolute",background:U,zIndex:61,userSelect:"none",touchAction:"none",overflow:"hidden"};return c.jsxs("div",{ref:v,"data-testid":"board-rulers",style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:60},onPointerMove:R,onPointerUp:E,children:[x.map(t=>{const o=u(t.value,t.axis),e=t.axis==="x";return c.jsx("div",{"data-testid":`board-guide-${t.axis}-${t.value}`,title:`${t.axis} = ${t.value} — drag to move, drop on the ruler or double-click to remove`,onPointerDown:S(t),onPointerMove:R,onPointerUp:E,onDoubleClick:()=>G(s,t.id),style:{position:"absolute",pointerEvents:"auto",cursor:e?"col-resize":"row-resize",zIndex:60,...e?{left:o-2,top:0,bottom:0,width:5}:{top:o-2,left:0,right:0,height:5}},children:c.jsx("div",{style:{position:"absolute",background:z,...e?{left:2,top:0,bottom:0,width:1}:{top:2,left:0,right:0,height:1}}})},t.id)}),r&&c.jsx("div",{style:{position:"absolute",background:z,zIndex:62,...r.axis==="x"?{left:r.at,top:0,bottom:0,width:1}:{top:r.at,left:0,right:0,height:1}},children:c.jsx("span",{style:{position:"absolute",...r.axis==="x"?{top:w+4,left:4}:{left:w+4,top:4},fontSize:9,fontFamily:"ui-monospace, monospace",color:z,background:U,padding:"1px 3px",borderRadius:3,whiteSpace:"nowrap"},children:f(r.at,r.axis)})}),c.jsx("div",{"data-testid":"board-ruler-top",onPointerDown:k("y"),style:{...h,top:0,left:w,right:0,height:w,cursor:"row-resize",pointerEvents:"auto"},children:a("x").map(t=>c.jsx("span",{style:{position:"absolute",left:u(t,"x"),bottom:0,borderLeft:`1px solid ${D}`,height:5},children:c.jsx("span",{style:{position:"absolute",left:2,bottom:3,fontSize:8,color:D,fontFamily:"ui-monospace, monospace"},children:W(t)})},t))}),c.jsx("div",{"data-testid":"board-ruler-left",onPointerDown:k("x"),style:{...h,top:w,left:0,bottom:0,width:w,cursor:"col-resize",pointerEvents:"auto"},children:a("y").map(t=>c.jsx("span",{style:{position:"absolute",top:u(t,"y"),right:0,borderTop:`1px solid ${D}`,width:5},children:c.jsx("span",{style:{position:"absolute",top:1,right:3,fontSize:8,color:D,fontFamily:"ui-monospace, monospace",writingMode:"vertical-rl"},children:W(t)})},t))}),c.jsx(Pe,{}),c.jsx("div",{style:{...h,top:0,left:0,width:w,height:w,borderRight:`1px solid ${j.border}`,borderBottom:`1px solid ${j.border}`}})]})}function Pe(){const s=p.useSyncExternalStore(De,je);return s?c.jsxs("button",{type:"button","data-testid":"board-breakpoint-pill",title:"Style edits are scoped to this breakpoint — click to return to Base",onClick:()=>Be(null),style:{position:"absolute",top:w+8,right:12,zIndex:62,pointerEvents:"auto",background:"rgba(18, 22, 26, 0.92)",color:j.accent,border:`1px solid ${j.accent}`,borderRadius:999,fontSize:10,padding:"3px 10px",cursor:"pointer"},children:["@ ",s," · editing this breakpoint — click to clear"]}):null}const Fe="Scene";function Ge({active:s,composite:l,descriptor:n,documentId:x,store:r}){const d=p.useRef(null),v=p.useRef(null),[f]=p.useState(oe),u=n.kind==="canvas",m=u?f:ce;p.useSyncExternalStore(r.subscribe,r.getSnapshot);const k=p.useSyncExternalStore(ne,re),S=p.useSyncExternalStore(se,ae),[R,E]=p.useState(null),a=l.childAdapters().find(b=>b.worldId===n.worldId)?.adapter??R??void 0,h=u&&a?.provenance?.label==="babylon",t=a?.hierarchy.roots()??[],o=new Set(a?.rects?.emptyContainers?.().map(b=>b.id)??[]),e=t.some(b=>!o.has(b.id)),i=Re({surface:u?"Scene":n.kind==="dom"?"UI":"World",rootIds:[n.worldId],playSuspended:r.playState!=="stopped"&&(!a||a.provenance?.source==="boundary"),phase:!a||a.provenance?.source==="boundary"?"loading":"ready",content:!a||a.provenance?.source==="boundary"?"unknown":e?"present":"empty",readiness:k,failures:S,disclosure:a instanceof xe?a.disclosure:null});p.useEffect(()=>{if(a)return ie(x,()=>({adapter:a,nodeId:[...r.selectedEntityIds].find(b=>a.hierarchy.node(b))??null}))},[l,a,x,r]),p.useEffect(()=>{const b=d.current;if(b&&!h)return u?he(b,m):ge(b,m)},[m,h,u]),p.useEffect(()=>{if(!s)return;if(!!!v.current&&d.current){v.current=me(d.current,l,r,[n],(Ve,Y)=>E(Y),u?{canvasSceneView:f}:void 0,x);return}let I=0,B=0;const T=()=>{if(I+=1,I<2){B=requestAnimationFrame(T);return}pe(x)};return B=requestAnimationFrame(T),()=>cancelAnimationFrame(B)},[s,f,l,n,x,u,r]),p.useEffect(()=>()=>{v.current?.(),v.current=null},[]);const g=le(de(r),r.selectedEntityIds),y=g?.worldId===n.worldId?g:a?.rects?{worldId:n.worldId,kind:"dom",adapter:a}:null;return c.jsxs("div",{ref:d,"data-testid":`world-document:${n.worldId}`,"data-vgai-backdrop-color":s?h?"#111827":u?V:_:void 0,"data-vgai-backdrop-policy":s?"dark-frost":void 0,onPointerDown:()=>ue("viewport"),style:{position:"absolute",inset:0,overflow:"hidden",pointerEvents:"auto",backgroundColor:h?"#111827":u?V:_,touchAction:"none"},children:[h?null:u?c.jsx($e,{view:f,documentId:x}):c.jsx(Oe,{}),c.jsx(_e,{...a?{adapter:a}:{},...u&&!h?{view:f,transformModeAware:!0,presentationId:x}:{}},`selection:${P(a)}`),c.jsx(Ee,{explanation:i,testId:`world-surface-status:${n.worldId}`,style:{zIndex:20}}),h?null:u?c.jsx(Me,{active:s,...a?{adapter:a}:{},containerRef:d,view:f,documentId:x},`controls:${P(a)}`):c.jsxs(c.Fragment,{children:[c.jsx(Ne,{docId:n.worldId,containerRef:d}),c.jsx(ze,{containerRef:d,context:y})]})]})}function Oe(){const s=p.useSyncExternalStore(L,X),l=Math.max(8,24*s.zoom),n=Math.max(.7,Math.min(1.4,s.zoom));return c.jsx("div",{"data-testid":"react-design-canvas-backdrop","aria-hidden":"true",style:{position:"absolute",inset:0,pointerEvents:"none",backgroundColor:_,backgroundImage:`radial-gradient(circle, ${ve} ${n}px, transparent ${n}px)`,backgroundPosition:`${s.x}px ${s.y}px`,backgroundSize:`${l}px ${l}px`}})}function gt(s,l){const n=Z(),x=l.childAdapters().some(e=>e.role==="world"&&e.kind==="three"),r=l.childAdapters().some(e=>e.kind===be);!x&&!r&&H(C,{discardDirty:!0});const d=new Set,v=[];let f=!1;for(const e of l.childAdapters())e.role==="world"&&e.kind==="three"&&v.push($(e.worldId,C));const u=fe(l),m=u.find(e=>e.kind==="canvas");m&&v.push($(m.worldId,A));const k=new Set([...l.childAdapters().filter(e=>e.role==="world"&&e.kind==="three"),...m?[m]:[]].map(e=>e.worldId)),S=new Map;function R(){for(const e of u){if(k.has(e.worldId)||S.has(e.worldId))continue;const i=Se(e.kind);if(!i)continue;const g=$(e.worldId,i.documentId),y=J(e.worldId,()=>i.presence()==="absent"?`Root "${e.worldId}" has no document of its own: its design surface is the project's ${i.title} board (${i.documentId}). ${i.absentReason()}`:null);S.set(e.worldId,()=>{y(),g()})}}v.push(K(e=>{const i=ee();if(i.some(y=>y.descriptor.id===e))return null;const g=ke(e);return g?g.presence()==="absent"?g.absentReason():null:`No workspace document is named "${e}". Open in this session: ${i.map(y=>y.descriptor.id).join(", ")||"(none)"}. A component board is present only when the package that owns its medium says this project has one, so a board id can be absent for this project and present for another.`}));function E(e){const i=g=>c.jsx(Ge,{...g,composite:l,descriptor:e,store:s});Q({id:A,title:Fe,kind:"world",workspaceRole:"authored-subject",provenance:{rootId:e.worldId,...e.path?{sourcePath:e.path}:{}},Content:i,presentation:()=>({kind:"world",id:e.worldId})},{category:"scene",default:!x,rootId:e.worldId})}function a(e){d.add(e.documentId);const i=()=>{d.delete(e.documentId)};try{Promise.resolve(e.install({store:s,composite:l})).catch(i)}catch{i()}}function h(){if(!f){R();for(const e of ye()){const i=e.presence();if(i===null)continue;const g=d.has(e.documentId);i==="present"!==g&&(i==="present"?a(e):(N(e.documentId),d.delete(e.documentId)))}}}m&&(E(m),d.add(A)),h();const t=we(h),o=m?A:[...d][0];return te()||(!x&&o!==void 0&&(n===null||n===C||n===q)?M(o):n?M(n):x&&M(C)),()=>{f=!0,t();for(const e of v)e();for(const e of S.values())e();S.clear();for(const e of d)N(e)}}export{Ge as RootDocumentContent,gt as installRootDocuments};

package/dist/assets/world-root-stage-binding-ydl3JN1a.js

@@ -1 +0,0 @@
-import{a as o}from"./jsx-runtime-DPjLkJKQ.js";import{EDITOR_LAYER as Xe}from"./editor-layers-B4oYfpj8.js";import{cL as Oe,a0 as V,dS as Ke,aJ as te,cD as G,aK as Q,kz as Ye,dR as Ze,cJ as et,$,gZ as tt,hF as rt,jR as at,kA as nt,M as j,z as st,bL as it,kB as Se,b_ as ot,kC as ct,kD as lt,kE as ut,kF as Ce,kG as xe,aw as x,cl as dt,kH as mt,bT as pt,bY as ft,kI as Pe,kJ as Ee,kK as je,kL as ht,ae as gt,kM as bt,kN as ke,dj as vt,kO as wt,kP as yt,hc as St,iU as Ct,iV as xt,gI as Pt,gJ as Et,j0 as jt,fZ as kt,f_ as Tt,f$ as At,g0 as Rt}from"./index-CaG87ZF-.js";import{s as Mt,o as Vt}from"./object3d-document-session-registry-OjqzJ86S.js";import{R as Ot}from"./RootSelectionOverlay-BQC12Gdd.js";import{e as Lt,S as Ft}from"./surface-state-D9j6qNu8.js";import{r as f}from"./index-nmcBqr7Y.js";import{t as It}from"./surface-content-Dg9Kkazf.js";import"./index-CtzuWnCS.js";import{s as zt,d as Te,c as B,t as Wt,p as Le,v as Ae,b as _t,e as Dt,l as Nt,i as $t}from"./camera-authoring-DYjhU5Zp.js";import{c as Gt}from"./performance-profiler-OwnXQX0M.js";import{m as Qt}from"./renderer-ownership-BovSEcLv.js";import{applyWorldRendererConfig as Bt}from"./renderer-config-CaPR4dB_.js";import{getUserData as Fe}from"./user-data-dHvLdpwM.js";import{detectKtx2Support as Ht}from"./loader-BTUKnX5Q.js";import{resolveRenderSettings as Ut}from"./render-settings-BBvkacR3.js";import{createSoftParticleDepthPass as qt}from"./soft-particle-depth-DNGwWJ8c.js";import{ViewportShadingRenderer as Jt}from"./viewport-shading-D9BMDb1N.js";import{applyRendererSettings as Xt,applySceneRenderPipeline as Kt}from"./setup-renderer-OOw1SykJ.js";import{EffectComposer as Yt,EffectPass as Zt,BlendFunction as er,KernelSize as tr,OutlineEffect as rr}from"./index-DHhMOs_s.js";import{W as ar,T as nr}from"./three.module-BLhyNg0e.js";import{d as sr}from"./design-time-mount-registry-DUpXCg1U.js";import{a as ir}from"./project-authoring-session-LCJAwGrD.js";import"./three-integration-CuAnYaTW.js";import{registerPresentedCanvasFrame as or}from"./canvas-preview-frames-B5xFRjhQ.js";import{i as cr}from"./editor-presentation-activity-C7SNSmTd.js";import{E as lr,s as ur,a as dr,t as mr,b as pr,c as fr,d as hr,r as gr,i as br}from"./three-viewport-presentation-CgO3eWJ-.js";import{a as Z}from"./entity-object-B_5Gc0Ky.js";import{w as vr}from"./editor-shell-store-Bh1S7M54.js";import{p as wr}from"./viewport-root-presentation-B35t51xX.js";import{d as yr}from"./asset-editor-persistence-BQgjOCrm.js";import{bindStagePresenceMarkers as Sr}from"./stage-presence-markers-cznMN_qq.js";import{el as Cr,_ as ee,fo as N,d7 as xr,dp as Re}from"./three.core-3arARmh6.js";import"./_commonjsHelpers-D6-XlEtG.js";import"./workspace-arrangement-DIMM7ska.js";import"./index-D_NuPfjr.js";import"./index-CinJrH5C.js";import"./index-FUuS4qwW.js";import"./client-DNXj_opT.js";import"./eyedropper-session-bjPXnfeX.js";import"./layered-pick-B_-BRrRD.js";import"./root-stacking-BEd9ZvxC.js";import"./react-story-board-Bx7qYytV.js";import"./viewport-editor-controls-BYaAZ_Ku.js";import"./inspect-C8RP8G5F.js";import"./inference-diagnostics-MGcIHEX6.js";import"./object-marks-DwvIEBOK.js";import"./KTX2Loader-CaqVE6nY.js";import"./GLTFLoader-KeoruJgS.js";import"./BufferGeometryUtils-B22h7jo4.js";import"./render-features-C7QwmhCo.js";import"./matcap-texture-Dm2c-VQa.js";import"./defaults-DKiBJCPN.js";import"./edit-mode-authoring-DBjaBTxM.js";import"./host-hierarchy-objects-BV3WqU2w.js";import"./preview-renderer-BrYNFV1p.js";import"./environment-Dg-YaLsA.js";import"./RoomEnvironment-BkknvS_I.js";import"./EXRLoader-CITMBvGd.js";import"./HDRLoader-BTGuGhVo.js";import"./user-data-CqOoAowZ.js";import"./model-thumbnail-uk-2sblh.js";import"./studio-environment-yaKaHPxH.js";import"./three-state-wXRU3rLr.js";import"./hierarchy-marks-C25dY2fR.js";import"./component-instance-root-df4ofoOR.js";import"./three-contract-Dkt6PmWY.js";import"./viewport-door-DVkMQazS.js";import"./content-bounds-DKBD7nsv.js";import"./asset-preview-Cv7tfD98.js";import"./bitmap-label-Ct4k6ehY.js";import"./index-C20Flc1s.js";import"./standard-viewport-dressing-BZyuxyVl.js";import"./clip-planes-CnAI6DZn.js";import"./three-oYrcK5SQ.js";import"./model-inspection-MrJY0U_-.js";import"./OrbitControls-B13MKuwC.js";import"./LineSegments2-DN9pUfWA.js";import"./three.quarks.esm-C_HmSKXo.js";import"./live-gesture-lock-DJbrjOqf.js";import"./scene-framing-PVMqGU8h.js";import"./live-mixers-B-bwLZ7c.js";import"./output-pass-HurwNl0G.js";import"./Pass-D1MRT672.js";import"./mounted-authoring-B7RL_V28.js";import"./collaboration-presence-BOS1t8wI.js";function Pr({previewRef:r}){const{preview:e,previewPinned:s}=B(),[n,c]=f.useState(!1),i=f.useRef(null);if(f.useEffect(()=>{if(!n)return;const u=E=>{i.current?.contains(E.target)||c(!1)};return document.addEventListener("pointerdown",u),()=>document.removeEventListener("pointerdown",u)},[n]),!e)return null;const m=e.camera.isPerspectiveCamera&&Number.isFinite(e.camera.aspect)?e.camera.aspect:16/9;return o.jsxs("div",{className:"vgai-camera-preview","data-testid":"camera-preview",children:[o.jsxs(Oe,{className:"vgai-camera-preview-header",gap:4,align:"center",children:[o.jsx(V,{icon:Ke,size:"sm"}),o.jsx(te,{variant:"label",truncate:!0,className:"vgai-camera-preview-title",title:`${e.name} · ${e.lens}`,children:e.name}),o.jsx(G,{text:s?"Unpin camera preview":"Pin camera preview",children:o.jsx(Q,{"aria-label":s?"Unpin camera preview":"Pin camera preview","aria-pressed":s,size:"compact",onClick:Wt,children:o.jsx(V,{icon:Ye,size:"sm"})})}),o.jsxs("div",{ref:i,className:"vgai-camera-preview-menu-anchor",children:[o.jsx(G,{text:"Camera actions",children:o.jsx(Q,{"aria-label":"Camera actions","aria-expanded":n,size:"compact",onClick:()=>c(u=>!u),children:o.jsx(V,{icon:Ze,size:"sm"})})}),n?o.jsxs(et,{className:"vgai-camera-preview-menu",children:[o.jsx($,{variant:"ghost",size:"compact",disabled:!e.canAuthorPose,title:e.poseRefusal,onClick:()=>{c(!1),Le(e)},children:"Pilot Camera"}),o.jsx($,{variant:"ghost",size:"compact",onClick:()=>{c(!1),Ae(e)},children:"View Through Camera"}),o.jsx($,{variant:"ghost",size:"compact",disabled:!e.canAuthorPose,title:e.poseRefusal,onClick:()=>{c(!1),_t(e)},children:"Align Camera to Current View"})]}):null]})]}),o.jsx("div",{ref:r,className:"vgai-camera-preview-image",style:{aspectRatio:String(Math.max(.5,Math.min(3,m)))},role:"img","aria-label":`Live view through ${e.name}`,onDoubleClick:()=>Ae(e)})]})}function Er(){return o.jsxs("div",{className:"vgai-camera-guides","aria-hidden":"true",children:[o.jsx("div",{className:"vgai-camera-guide vgai-camera-guide-v1"}),o.jsx("div",{className:"vgai-camera-guide vgai-camera-guide-v2"}),o.jsx("div",{className:"vgai-camera-guide vgai-camera-guide-h1"}),o.jsx("div",{className:"vgai-camera-guide vgai-camera-guide-h2"}),o.jsx("div",{className:"vgai-camera-safe-frame"}),o.jsx("div",{className:"vgai-camera-center-mark"})]})}function jr(){const{view:r,guidesVisible:e}=B();if(!r)return null;const s=r.mode==="pilot";return o.jsxs(o.Fragment,{children:[e?o.jsx(Er,{}):null,o.jsx(tt,{variant:"overlay",border:!0,className:"vgai-camera-view-banner vgai-chrome-island vgai-glass-island","data-testid":"camera-view-banner",children:o.jsxs(Oe,{gap:6,align:"center",children:[o.jsx(rt,{children:s?"PILOTING":"CAMERA VIEW"}),o.jsx(te,{variant:"label",children:r.subject.name}),o.jsx(te,{variant:"caption",tone:"muted",children:"Exact camera view"}),o.jsx(G,{text:e?"Hide composition guides":"Show composition guides",children:o.jsx(Q,{"aria-label":e?"Hide composition guides":"Show composition guides","aria-pressed":e,size:"compact",onClick:Dt,children:o.jsx(V,{icon:at,size:"sm"})})}),s?null:o.jsx($,{size:"compact",variant:"primary",disabled:!r.subject.canAuthorPose,title:r.subject.poseRefusal,onClick:()=>Le(r.subject),children:"Pilot"}),o.jsx(G,{text:"Exit camera view",children:o.jsx(Q,{"aria-label":"Exit camera view",size:"compact",onClick:Nt,children:o.jsx(V,{icon:nt,size:"sm"})})})]})})]})}function kr({previewRef:r}){return f.useSyncExternalStore(zt,Te,Te),o.jsxs(o.Fragment,{children:[o.jsx(Pr,{previewRef:r}),o.jsx(jr,{})]})}function Tr(r){const e=r,s=e.getExtension("EXT_disjoint_timer_query_webgl2"),n=s!==null&&typeof e.createQuery=="function",c=[];let i=null,m=null;return{begin(){!n||i||(i=e.createQuery(),i&&e.beginQuery(s.TIME_ELAPSED_EXT,i))},end(){!n||!i||(e.endQuery(s.TIME_ELAPSED_EXT),c.push(i),i=null)},poll(){if(!n)return null;if(e.getParameter(s.GPU_DISJOINT_EXT)){for(const u of c.splice(0))e.deleteQuery(u);return null}for(;c.length>0;){const u=c[0];if(!e.getQueryParameter(u,e.QUERY_RESULT_AVAILABLE))break;c.shift(),m=e.getQueryParameter(u,e.QUERY_RESULT)/1e6,e.deleteQuery(u)}return m},dispose(){i&&(e.endQuery(s.TIME_ELAPSED_EXT),e.deleteQuery(i),i=null);for(const u of c.splice(0))e.deleteQuery(u)}}}const Ar=2e4,Rr=250,Mr=5e3;class Vr{#e=0;#t=0;#r=0;#a;constructor(e){this.#a=e}get pending(){return this.#e>0||this.#t>0}begin(e,s){this.#e=e+Ar,this.#t=s?e+Mr:0,this.#r=0,this.tick(e)}tick(e){if(!(!this.pending||e<this.#r)){if(this.#r=e+Rr,this.#t>0&&this.#a.seedFromGameCamera()){this.cancel();return}this.#e>0&&this.#a.frameContent()&&(this.#e=0),e>=this.#e&&(this.#e=0),e>=this.#t&&(this.#t=0)}}cancel(){this.#e=0,this.#t=0}}const Me=new WeakMap;function Or(r,e){if(!r)return e(),!0;if(Me.has(r))return!1;try{return e(),!0}catch(s){const n=s instanceof Error?s.message:String(s);return Me.set(r,n),j.warn(`The Scene view cannot draw this world with the editor's own renderer, and has stopped trying: ${n}. This world was built by a copy of three the editor did not make (a vendored bundle pins its own revision), and the editor draws it with ITS three — across a wide enough revision gap the two disagree about the renderer/material contract. The game itself is unaffected and still drawing: its own canvas is what the Game tab and ${st("screenshot")} show, and hierarchy, selection and inspection all still read the live world. It closes when the game resolves \`three\` to the host's instance — a bare, un-rewritten \`import 'three'\` in its own source.`,"ingest"),!1}}function Lr(){const r=it();r.addEventListener("server-log",s=>{try{Se(JSON.parse(s.data))}catch{}});let e=!1;return(async()=>{try{const s=await ot();if(e)return;for(const n of s)Se(n)}catch{}})(),()=>{e=!0,r.close()}}const Ie="viewportPose";function Fr(){const r=ct(Ie);return r&&Array.isArray(r.position)&&r.position.length===3&&r.position.every(Number.isFinite)&&Array.isArray(r.target)&&r.target.length===3&&r.target.every(Number.isFinite)?r:null}function Ir(r,e){lt(Ie,{position:[r.position.x,r.position.y,r.position.z],target:[e.x,e.y,e.z]})}const Ve={id:"world",title:"World",lights:[{color:"#ffffff",intensity:1,direction:[-10,-20,-10],space:"world"}],ambient:{color:"#ffffff",intensity:.5},environmentIntensity:0};yt(Ve),St("world",{all:{lighting:{source:"studio",studioPreset:Ve.id,auto:{takeover:["light"],overridable:!0}}}});function zr(r,e,s){const n=document.createElement("canvas");n.setAttribute("aria-label",`${s} authoring viewport`),n.setAttribute("data-testid","editor-canvas"),n.setAttribute("aria-hidden","true"),n.tabIndex=-1,n.style.width="100%",n.style.height="100%",n.style.display="block",n.style.pointerEvents="auto",r.appendChild(n);const c=Math.max(1,e.clientWidth),i=Math.max(1,e.clientHeight),m=Math.min(window.devicePixelRatio||1,2);n.width=Math.ceil(c*m),n.height=Math.ceil(i*m);const u=Qt(new ar({canvas:n,antialias:!!Ut(void 0).antialias,powerPreference:"high-performance"}));return Xt(u,void 0,m),u.setSize(c,i),u.shadowMap.type=xr,u.info.autoReset=!1,Ht(u),{canvas:n,renderer:u,lease:null}}async function Wr(r){const e=pt(r.source,r.id);if(e)return e;let s=r.url,n=r.format??"gltf",c=r.includes;if(!s){const u=(await ft(r.source,r.id))[0];if(!u)return j.error(`No downloadable files for ${r.name}.`,"asset"),null;s=u.url,n=u.format,c=u.includes}const i={source:r.source,id:r.id,name:r.name,url:s,format:n};c&&(i.includes=c);const m=await yr(i);return m.ok&&m.path?`/${m.path}`:(j.error(`Could not download ${r.name}.`,"asset"),null)}function _r(r){if(r.isCamera)return r;const e=Fe(r,"_camera");return e?.isCamera?e:null}function Dr(r){const e=r;if(e.isPerspectiveCamera)return`${e.fov.toFixed(0)}° perspective`;const s=r;return s.isOrthographicCamera?`Orthographic · ${s.zoom.toFixed(2)}×`:r.type}function Nr(r,e){const s=r.transforms;if(!s)return{canAuthorPose:!1,poseRefusal:"This camera has no transform authoring path."};const n=s.editability?.(e,"position")??{writable:!0},c=s.editability?.(e,"rotation")??{writable:!0};return n.writable&&c.writable?{canAuthorPose:!0}:{canAuthorPose:!1,poseRefusal:n.reason??c.reason??"This camera pose is read-only."}}function $r(r,e,s){const n=e.get(s)??null;if(!n)return null;const c=_r(n);return c?{id:s,name:n.name||c.name||"Camera",camera:c,lens:Dr(c),...Nr(r,s)}:null}function Gr(r){const e=new Map;for(const[s,n]of r.objectMap){const c=Fe(n,"tags");Array.isArray(c)&&c.length>0&&e.set(s,c)}return e}function Qr(r){const{store:e,documentId:s,container:n,canvas:c,renderer:i,stats:m}=r,u=new Yt(i),E=qt(),O=new Jt,g=Gt(),L=Tr(i.getContext()),ze=t=>{g.enabled&&L.begin();try{t()}finally{L.end()}},We=()=>g.enabled?L.poll():null,_e=ut({id:s,label:"Scene viewport",kind:"scene",profiler:g}),b=new Cr,re=11184810;let H=Ce(c).background??re;b.background=new ee(H);const De=xe(c,()=>{const t=Ce(c).background??re,l=b.background;l instanceof ee&&l.getHex()===H&&(b.background=new ee(t)),H=t});e.bindScene(b,i);const a=new lr(c,b,e,n,{renderer:i,onlineAssetResolver:Wr,onProjectionChange:ur}),Ne=a.bindPresentation(s,"world");e.bindScene(b,i,a.batchedRenderer,a.camera),e.setOrbitTarget(a.orbitControls.target);const U=new N,F=new N,ae=new N,ne=()=>{const t=a.renderCamera;t.getWorldPosition(U),a.cameraViewMode==="pilot"?F.copy(a.orbitControls.target):a.cameraViewMode?(t.getWorldDirection(ae),F.copy(U).add(ae.multiplyScalar(10))):F.copy(a.orbitControls.target);const l=t.fov;return{position:U,target:F,fov:typeof l=="number"?l:0}},k=Sr({scene:b,store:e,documentId:s,container:n,canvas:c,viewport:a,readVisibleCameraPose:ne});let se="",q=null,h=null,S=null,I=null;const ie=()=>{h&&fr(h,ke(i.domElement))},$e=xe(i.domElement,ie),oe=()=>{if(!h)return;const t=x(e.shell),l=[...e.shell.selectedEntityIds].filter(d=>t.hierarchy.node(d)!==null).map(d=>Z(t,e.objectMap,d)).filter(d=>d!==null);hr(h,l);const p=h.selection.size>0;S&&(S.enabled=p,S.renderToScreen=p),I&&(I.renderToScreen=!p)};function T(){bt(e.shell),q?.(),q=null,h&&gr(i,h,S),h=null,S=null,I=null,Kt(u,i,e.scene??b,a.renderCamera,void 0,{basePixelRatio:Math.min(window.devicePixelRatio||1,2),objectMap:e.objectMap,entityTags:Gr(e)}),h=pr({BlendFunction:er,KernelSize:tr,OutlineEffect:rr},i,e.scene??b,a.renderCamera,ke(i.domElement)),ie(),I=u.passes.at(-1)??null,S=new Zt(a.renderCamera,h),S.enabled=!1,u.addPass(S),oe();const t=e.adoptedImageConfig;t&&(q=Bt(nr,i,t))}const ce=()=>{a.setProjection(mr().projection),e.setViewportCamera(a.freeCamera),T()},Ge=dr(ce);ce();const J=t=>$r(x(e.shell),e.objectMap,t);let v=null;const A=()=>{v&&(je(x(e.shell),v),v=null)},le=()=>{const t=B().view;t?.mode!=="pilot"||!t.subject.canAuthorPose||(v=t.subject.id,Pe(x(e.shell),v))},ue=()=>{if(!v||a.cameraViewMode!=="pilot")return;const t=J(v),l=x(e.shell),p=l.transforms;if(!t||!p)return;let d;try{d=p.get(v)}catch(w){j.error(w instanceof Error?w.message:String(w),"camera-authoring"),A();return}Ee(l,v,{position:t.camera.position.toArray(),rotation:t.camera.quaternion.toArray(),scale:d.scale}),e.shell.notifyIngestEdit()};a.orbitControls.addEventListener("start",le),a.orbitControls.addEventListener("change",ue),a.orbitControls.addEventListener("end",A);const Qe=$t({active:()=>e.shell.playState==="stopped"&&e.shell.activeViewportTab==="edit",selected:()=>{const t=e.shell.selectedEntityId;return t?J(t):null},resolve:J,showView:(t,l)=>{A(),a.setCameraView(t.camera,l),T(),k.reportCamera()},leaveView:()=>{A(),a.clearCameraView(),T(),k.reportCamera()},alignToViewport:t=>{const l=x(e.shell),p=l.transforms;if(!p||!t.canAuthorPose)return;const d=e.objectMap.get(t.id)??null;if(!d)return;const w=a.camera.getWorldPosition(new N),C=a.camera.getWorldQuaternion(new Re),y=w.clone(),R=C.clone();if(d.parent){d.parent.updateWorldMatrix(!0,!1),d.parent.worldToLocal(y);const M=d.parent.getWorldQuaternion(new Re);R.premultiply(M.invert())}let ye;try{ye=p.get(t.id)}catch(M){j.error(M instanceof Error?M.message:String(M),"camera-authoring");return}Pe(l,t.id),Ee(l,t.id,{position:y.toArray(),rotation:R.toArray(),scale:ye.scale}),e.shell.notifyIngestEdit(),je(l,t.id)},subscribe:e.shell.subscribe});let de=null;const me=()=>{const t=ht(e.shell);t!==de&&(de=t,c.style.opacity=t?"1":"0",n.style.backgroundColor=t?"":gt.surface.raised,n.style.backgroundImage=t?"":"linear-gradient(45deg, #444649 25%, transparent 25%, transparent 75%, #444649 75%), linear-gradient(45deg, #444649 25%, transparent 25%, transparent 75%, #444649 75%)",n.style.backgroundPosition=t?"":"0 0, 8px 8px",n.style.backgroundSize=t?"":"16px 16px")};me();let pe=e.composerVersion;const Be=e.shell.subscribe(()=>{me();const t=e.scene;t&&t!==a.currentScene&&a.setScene(t),a.objectMap=e.objectMap,a.syncFromStore(),e.composerVersion!==pe?(pe=e.composerVersion,T()):oe()});let z=null;const X=new Vr({seedFromGameCamera:()=>{const t=z?.()??null;return!!t&&a.seedFromGameCamera(t)},frameContent:()=>a.focusOnScene()}),fe=()=>{X.cancel(),z=null};a.orbitControls.addEventListener("start",fe);const he=()=>Ir(a.camera,a.orbitControls.target);a.orbitControls.addEventListener("end",he);const He=e.shell.onViewportAction(t=>{switch(t.type){case"focus-entity":{const l=Z(x(e.shell),e.objectMap,t.id);l&&a.focusOn(l);break}case"focus-scene":{{const l=Fr();if(l){a.camera.position.set(...l.position),a.orbitControls.target.set(...l.target),a.orbitControls.update();break}}z=e.sceneCameraLookup,X.begin(performance.now(),z!==null);break}case"focus-selection":{const l=x(e.shell),p=[...e.shell.selectedEntityIds].map(d=>Z(l,e.objectMap,d)).filter(d=>d!==null);a.focusOnMultiple(p);break}case"snap-selection-to-floor":a.snapSelectionToFloor();break;case"set-view-preset":a.setViewPreset(t.preset);break;case"step-view":a.stepView(t.step);break;case"frame-all":a.focusOnScene();break;case"zoom-view":a.zoomStep(t.direction);break;case"set-camera-pose":a.setPose(t.position,t.target,t.fov);break}});Lr();const ge=new ResizeObserver(()=>{const t=Math.max(1,n.clientWidth),l=Math.max(1,n.clientHeight);i.setSize(t,l),u.setSize(t,l),a.resize(t,l)});ge.observe(n);let W=performance.now(),_=!0,P=!1,be=!1;function ve(t){return Or(a.currentScene,()=>{E.render(i,a.currentScene,a.renderCamera),a.renderWithInfrastructure(()=>{vr(a.currentScene,()=>O.render(a.currentScene,e.shadingMode,()=>u.render(t),br)),a.renderViewCube(i),a.renderCameraPreview(i,B().preview?.camera??null,r.cameraPreview())})})}const Ue=or(c,async()=>{if(P||!cr()||!n.checkVisibility({visibilityProperty:!0,checkVisibilityCSS:!0})||!ve(0))return null;const t=document.createElement("canvas");return t.width=c.width,t.height=c.height,t.getContext("2d").drawImage(c,0,0),t}),K=()=>wt(e.shell)===e.shell;function qe(t,l){if(P)return;if(l&&(W=t),!n.checkVisibility({visibilityProperty:!0,checkVisibilityCSS:!0})){W=t,_=!0;return}g.beginFrame();const p=t-W,d=p/1e3;K()&&(m.frameTime=p,m.fps=1e3/p),W=t,k.syncMarkers(d),X.tick(t),g.beginPhase(),a.update(d),r.runFrame(d),a.batchedRenderer.update(d),g.endPhase("editor"),g.beginPhase(),i.info.reset(),ze(()=>{ve(d)}),g.reportRender({gpuMs:We(),drawCalls:i.info.render.calls,triangles:i.info.render.triangles,geometries:i.info.memory.geometries,textures:i.info.memory.textures}),g.endPhase("render"),K()&&(m.drawCalls=i.info.render.calls,m.triangles=i.info.render.triangles),_&&be&&(_=!1,vt(s)),g.endFrame();const w=ne(),C=w.position,y=w.target;K()&&(m.cameraPosition.x=C.x,m.cameraPosition.y=C.y,m.cameraPosition.z=C.z,m.cameraTarget.x=y.x,m.cameraTarget.y=y.y,m.cameraTarget.z=y.z);const R=`${C.x},${C.y},${C.z},${y.x},${y.y},${y.z},${w.fov}`;R!==se&&(se=R,k.reportCamera())}a.objectMap=e.objectMap,a.syncFromStore(),T();let Y,D;async function Je(t){if(P)return;r.onMountStatus("mounting"),D?.(),D=void 0,Y=t,r.onRootIds(t.childAdapters().filter(d=>d.role==="world"&&d.kind==="three").map(d=>d.worldId));const l=sr("three");if(P||Y!==t)return;const p=l?await l.mountWorldRootSession({store:e,composite:t,renderer:i}):()=>{};if(P||Y!==t){p();return}D=p,P||r.onMountStatus("ready")}const we=ir(e.shell,Je);return we.ready.then(()=>dt(mt(e.shell))).catch(t=>{j.error(`Editor boot failed: ${t instanceof Error?t.message:String(t)}`,"scene"),r.onMountStatus("ready")}).finally(()=>{be=!0,_=!0}),{scene:b,viewport:a,frame:qe,present:t=>wr(e,t),setHelper:(t,l)=>a.setHelper(t,l),dispose:()=>{P=!0,_e(),Ue(),ge.disconnect(),Be(),He(),Qe(),a.orbitControls.removeEventListener("start",le),a.orbitControls.removeEventListener("change",ue),a.orbitControls.removeEventListener("end",A),a.orbitControls.removeEventListener("start",fe),a.orbitControls.removeEventListener("end",he),we.dispose(),D?.(),k.dispose(),O.dispose(),L.dispose(),Ge(),$e(),De(),Ne(),h?.selection.clear(),E.dispose(),u.dispose()}}}function Br({store:r,rootIds:e,mountStatus:s}){f.useSyncExternalStore(r.shell.subscribe,r.shell.getSnapshot);const n=f.useSyncExternalStore(kt,Tt),c=f.useSyncExternalStore(At,Rt),i=r.scene?.background,m=i!==null&&!(i?.isColor===!0&&i.getHex()===11184810),u=f.useMemo(()=>!!(r.scene&&It(r.scene,{includeBackground:!1,ignoredLayer:Xe})),[r.scene,r.shell.contentVersion]),E=!!(r.scene&&(m||u)),O=Lt({surface:"Scene",rootIds:e,phase:s==="mounting"?"loading":"ready",content:E?"present":s==="mounting"?"unknown":"empty",readiness:n,failures:c});return o.jsx(Ft,{explanation:O,testId:"scene-viewport-status"})}function Hr({store:r,documentId:e,cameraPreviewRef:s,mountStatus:n,rootIds:c}){f.useSyncExternalStore(r.shell.subscribe,r.shell.getShellSnapshot??r.shell.getSnapshot),f.useSyncExternalStore(Ct,xt),f.useSyncExternalStore(Mt,Vt),f.useSyncExternalStore(Pt,Et);const i=jt(r.shell,e,"document");return o.jsxs(o.Fragment,{children:[i.surface!==null?o.jsx(Ot,{}):null,i.surface==="three"?o.jsx(kr,{previewRef:s}):null,o.jsx(Br,{store:r,rootIds:c,mountStatus:n})]})}const jn={mountWorldRootSurface:zr,installWorldRootStage:Qr,Overlays:Hr};export{jn as worldRootStageBinding};

package/dist/vgai-shared-react.json

@@ -1,10 +0,0 @@
-{
-  "files": {
-    "react": "assets/vgai-shared-react-BT7rMc2H.js",
-    "react-dom": "assets/vgai-shared-react-dom-DFajMqMT.js",
-    "react-dom/client": "assets/vgai-shared-react-dom-client-S0ozfl6_.js",
-    "react/jsx-runtime": "assets/vgai-shared-jsx-runtime-DIqBpTut.js",
-    "react/jsx-dev-runtime": "assets/vgai-shared-jsx-dev-runtime-DFDKL7fx.js",
-    "@fortawesome/react-fontawesome": "assets/vgai-shared-fontawesome-CU65D4Ij.js"
-  }
-}

package/dist/vgai-shared-three.json

@@ -1,3 +0,0 @@
-{
-  "file": "assets/vgai-shared-three-DH4yxKwt.js"
-}

package/template/.agents/skills/vgai-threejs-authoring/agents/openai.yaml

@@ -1,4 +0,0 @@
-interface:
-  display_name: "VGAI Three.js Authoring"
-  short_description: "Build polished native Three.js scenes and assets"
-  default_prompt: "Use $vgai-threejs-authoring to build and visually refine native Three.js source without introducing a parallel scene model."

package/template/.claude/skills/vgai-threejs-authoring/agents/openai.yaml

@@ -1,4 +0,0 @@
-interface:
-  display_name: "VGAI Three.js Authoring"
-  short_description: "Build polished native Three.js scenes and assets"
-  default_prompt: "Use $vgai-threejs-authoring to build and visually refine native Three.js source without introducing a parallel scene model."

package/template/.github/skills/vgai-threejs-authoring/agents/openai.yaml

@@ -1,4 +0,0 @@
-interface:
-  display_name: "VGAI Three.js Authoring"
-  short_description: "Build polished native Three.js scenes and assets"
-  default_prompt: "Use $vgai-threejs-authoring to build and visually refine native Three.js source without introducing a parallel scene model."

package/template/server/loopback.ts

@@ -1,76 +0,0 @@
-/**
- * Loopback Colyseus server harness for headless multiplayer tests — a
- * near-verbatim copy of the engine repo's own
- * `packages/editor/test/helpers/colyseus-loopback.ts`, shipped INTO every
- * scaffolded project so a multiplayer game can prove itself headlessly:
- * a test under `tests/logic/` seats two peers and drives them. Driving a
- * second peer against the
- * RUNNING game is a different job, and its door is `vgai eval`.
- *
- * Starts the REAL `startColyseus` bootstrap (`./colyseus-setup.js`) with the
- * shipped room registry (`./rooms.js` — `ArenaRoom` + `GameRoom`) on an
- * OS-assigned ephemeral port, in-process. No mocks: this is the exact same
- * `Server` / `WebSocketTransport` a real `npm run server` would boot, just on
- * `port: 0` so concurrent test runs never collide on `2567`.
- *
- * Usage:
- * ```ts
- * const server = await startLoopbackColyseus();
- * try {
- *   const client = new Client(server.url);
- *   const room = await client.joinOrCreate('game_room', {}, undefined, undefined, {
- *     allowDebugCommands: true,
- *   });
- *   // ...
- * } finally {
- *   server.stop();
- * }
- * ```
- */
-
-import { startColyseus } from './colyseus-setup.js';
-import { rooms } from './rooms.js';
-
-export interface LoopbackColyseus {
-  /** `ws://127.0.0.1:<port>` — the ephemeral port the server actually bound. */
-  url: string;
-  /** Tear down the server (closes the underlying HTTP/WS server). */
-  stop: () => void;
-}
-
-/**
- * `@colyseus/core`'s matchmaker setup unconditionally `import("@pm2/io")`s and
- * registers metrics, which makes `@pm2/io` probe `process.send` and start
- * speaking the PM2 agent protocol (`axm:*` messages) over it. Under vitest's
- * forked worker pool, `process.send` is real (the runner's own parent<->child
- * channel), so those messages get relayed to the parent and crash its
- * deserializer — nothing to do with this test's own logic. Patch `process.send`
- * to drop only `axm:*` payloads for the harness's lifetime; everything else
- * (vitest's own protocol) passes through untouched.
- */
-function suppressPm2IoIpcNoise(): () => void {
-  const original = process.send?.bind(process);
-  if (!original) return () => {};
-  const patched = (message: unknown, ...rest: unknown[]): boolean => {
-    const type = (message as { type?: unknown } | null)?.type;
-    if (typeof type === 'string' && type.startsWith('axm:')) return true;
-    return (original as (...a: unknown[]) => boolean)(message, ...rest);
-  };
-  process.send = patched as NonNullable<typeof process.send>;
-  return () => {
-    process.send = original;
-  };
-}
-
-/** Boot the real Colyseus server on an ephemeral loopback port. */
-export async function startLoopbackColyseus(): Promise<LoopbackColyseus> {
-  const restorePm2IoIpc = suppressPm2IoIpcNoise();
-  const handle = await startColyseus({ rooms, port: 0 });
-  return {
-    url: `ws://127.0.0.1:${handle.port}`,
-    stop: () => {
-      handle.stop();
-      restorePm2IoIpc();
-    },
-  };
-}