handler-playable-sdk 1.0.93 → 1.0.94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AssetCropModal-JJSHJZCX.js +1 -0
- package/dist/{chunk-6676ZMVB.js → chunk-CIQG6PIB.js} +99 -99
- package/dist/chunk-NSZ7GCS3.js +52 -0
- package/dist/cli/brand-dna.mjs +1 -1
- package/dist/cli/canva-import.mjs +1 -1
- package/dist/cli/cleanup-assets.mjs +1 -1
- package/dist/cli/fix-scales.mjs +1 -1
- package/dist/cli/index.js +1 -1
- package/dist/cli/screen-helper.mjs +1 -1
- package/dist/cli/setup-library.mjs +1 -1
- package/dist/cli/student-helper/add-logic.mjs +1 -1
- package/dist/cli/student-helper/add-object.mjs +1 -1
- package/dist/cli/student-helper/arg-parsing.mjs +1 -1
- package/dist/cli/student-helper/asset-registry.mjs +1 -1
- package/dist/cli/student-helper/bullet-system.mjs +1 -1
- package/dist/cli/student-helper/collectable-system.mjs +1 -1
- package/dist/cli/student-helper/constants.mjs +1 -1
- package/dist/cli/student-helper/drag-snap-couples.mjs +1 -1
- package/dist/cli/student-helper/endgame-screen.mjs +1 -1
- package/dist/cli/student-helper/fs-io.mjs +1 -1
- package/dist/cli/student-helper/logic-defaults.mjs +1 -1
- package/dist/cli/student-helper/print-help.mjs +1 -1
- package/dist/cli/student-helper/prompts.mjs +1 -1
- package/dist/cli/student-helper/scratch-card.mjs +1 -1
- package/dist/cli/student-helper/screen-utils.mjs +1 -1
- package/dist/cli/student-helper/snippets.mjs +1 -1
- package/dist/cli/student-helper/start-screen.mjs +1 -1
- package/dist/cli/student-helper/swerve-collect.mjs +1 -1
- package/dist/cli/student-helper/tap-destroy.mjs +1 -1
- package/dist/cli/student-helper/template-packs.mjs +1 -1
- package/dist/cli/student-helper.mjs +1 -1
- package/dist/cli/sync-screens.mjs +1 -1
- package/dist/cli/validate-assets.mjs +1 -1
- package/dist/cli/validate.mjs +1 -1
- package/dist/index.cjs +55 -55
- package/dist/index.js +1 -1
- package/dist/pixi/index.cjs +10 -10
- package/dist/pixi/index.js +1 -1
- package/dist/three/index.cjs +25 -25
- package/dist/three/index.js +1 -1
- package/package.json +1 -1
- package/dist/AssetCropModal-5GIDIW5V.js +0 -1
- package/dist/chunk-JYGZ4R4K.js +0 -52
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as Wt,c as en,d as Ae,e as tn}from"./chunk-I5OOVR5U.js";import{i as Jt}from"./chunk-GVZ2445E.js";import{c as Ue,d as Kt,e as Ze,g as Na,h as nn,j as Fa,k as Ba,n as an,o as Xt,p as st,q as Ga,r as sn,s as Ua}from"./chunk-EFRB44UC.js";import{a as $r}from"./chunk-JXBG6UFL.js";import{Application as nl}from"pixi.js";var qe={};function Zt(o,e,t=!1){qe[o]||(qe[o]=[]),qe[o].push({fn:e,once:t})}function rn(o,e){if(qe[o]){if(!e){delete qe[o];return}qe[o]=qe[o].filter(t=>t.fn!==e)}}function Qt(o,...e){let t=qe[o];if(t)for(let i of[...t])i.fn(...e),i.once&&rn(o,i.fn)}function fe(o,e){Zt(o,e,!0)}var ne=null,ve=[],rt=null;function Ya(o){ne=o,ve=[],rt!==null&&(clearTimeout(rt),rt=null)}function Wa(){var o,e,t;return{endpoint:(ne==null?void 0:ne.endpoint)||"",transport:(ne==null?void 0:ne.transport)||"beacon",batchSize:(o=ne==null?void 0:ne.batchSize)!=null?o:10,flushIntervalMs:(e=ne==null?void 0:ne.flushIntervalMs)!=null?e:300,maxQueue:(t=ne==null?void 0:ne.maxQueue)!=null?t:200,debug:!!(ne!=null&&ne.debug)}}async function qa(o,e,t,i){let n=JSON.stringify(e);if(t==="beacon"&&typeof navigator!="undefined"&&typeof navigator.sendBeacon=="function")try{let a=navigator.sendBeacon(o,new Blob([n],{type:"application/json"}));i&&console.log("[handler.telemetry] beacon",a,e);return}catch(a){i&&console.warn("[handler.telemetry] beacon failed, fallback to fetch",a)}try{await fetch(o,{method:"POST",headers:{"Content-Type":"application/json"},body:n,keepalive:!0}),i&&console.log("[handler.telemetry] fetch",e)}catch(a){i&&console.warn("[handler.telemetry] fetch failed",a)}}function on(o,e){let t=Wa();if(e&&t.endpoint){if(ve.push(o),ve.length>t.maxQueue&&(ve=ve.slice(ve.length-t.maxQueue)),ve.length>=t.batchSize){Va();return}rt===null&&(rt=window.setTimeout(()=>{rt=null,Va()},t.flushIntervalMs))}}async function Va(){let o=Wa();if(!o.endpoint||ve.length===0)return;let e=ve.splice(0,o.batchSize);await qa(o.endpoint,{events:e},o.transport,o.debug),ve.length>0&&await qa(o.endpoint,{events:ve.splice(0,o.batchSize)},o.transport,o.debug)}function Ka(o){return Math.max(0,Math.min(1,o))}function Hr(o){let e=String(o!=null?o:"power2.out");if(e==="linear")return t=>t;if(e==="sine.inOut")return t=>.5-Math.cos(Math.PI*t)/2;if(e==="power2.out"||e==="easeOutQuad")return t=>1-(1-t)*(1-t);if(e.startsWith("back.out")){let t=e.match(/back\.out\(([\d.]+)\)/),i=t?Number(t[1]):1.8;return n=>1+(i+1)*Math.pow(n-1,3)+i*Math.pow(n-1,2)}return t=>1-(1-t)*(1-t)}function Tt(){return typeof performance!="undefined"&&performance.now?performance.now():Date.now()}function Nr(o,e){let t=o==null?void 0:o[e];return typeof t=="number"?t:0}function Xa(o,e,t){try{o[e]=t}catch{}}function Fr(o){let e=o==null?void 0:o.scale;if(!e)return null;let t=typeof e.x=="number"?e.x:1,i=typeof e.y=="number"?e.y:1;return{x:t,y:i}}function Ja(o,e){let t=o==null?void 0:o.scale;if(t)try{typeof t.set=="function"?t.set(e.x,e.y):(typeof t.x=="number"&&(t.x=e.x),typeof t.y=="number"&&(t.y=e.y))}catch{}}function Za(o,e){let t=Fr(o);if(!t)return{from:null,to:null};let i=null,n=null;return typeof e.scale=="number"?(i=e.scale,n=e.scale):e.scale&&typeof e.scale=="object"&&(typeof e.scale.x=="number"&&(i=e.scale.x),typeof e.scale.y=="number"&&(n=e.scale.y)),typeof e.scaleX=="number"&&(i=e.scaleX),typeof e.scaleY=="number"&&(n=e.scaleY),i===null&&n===null?{from:null,to:null}:{from:{x:t.x,y:t.y},to:{x:i!=null?i:t.x,y:n!=null?n:t.y}}}function Qa(){let o=new Set,e=new WeakMap,t=null,i=()=>{if(t!=null)return;t=requestAnimationFrame(()=>{t=null,r(),o.size>0&&i()})},n=d=>{var u;o.add(d);let p=(u=e.get(d.target))!=null?u:new Set;p.add(d),e.set(d.target,p),i()},a=d=>{o.delete(d);let p=e.get(d.target);p&&(p.delete(d),p.size===0&&e.delete(d.target))},s=d=>{d.killed||(d.killed=!0,a(d))},r=()=>{var p,u;let d=Tt();for(let g of Array.from(o)){if(g.killed||g.paused)continue;let h=d-g.startMs-g.delayMs;if(h<0)continue;let m=g.durationMs>0?h/g.durationMs:1,f=Ka(m),b=g.repeat>=0?g.repeat+1:1,y=g.repeat>0?Math.min(Math.floor(m),b-1):0;if(g.repeat>0&&m>=1){let L=m-y;f=Ka(L)}let w=g.ease(f);g.yoyo&&y%2===1&&(w=1-w);for(let L of g.props)Xa(g.target,L.key,L.from+(L.to-L.from)*w);g.scaleFrom&&g.scaleTo&&Ja(g.target,{x:g.scaleFrom.x+(g.scaleTo.x-g.scaleFrom.x)*w,y:g.scaleFrom.y+(g.scaleTo.y-g.scaleFrom.y)*w});try{(p=g.onUpdate)==null||p.call(g)}catch{}if(m>=b){s(g);try{(u=g.onComplete)==null||u.call(g)}catch{}}}},l=(d,p,u)=>{var L;let g=Math.max(0,(typeof p.duration=="number"?p.duration:.5)*1e3),h=Math.max(0,(typeof p.delay=="number"?p.delay:0)*1e3+((L=u==null?void 0:u.delayMsOverride)!=null?L:0)),m=Hr(p.ease),f=typeof p.repeat=="number"?Math.max(0,p.repeat|0):0,b=p.yoyo===!0,y=new Set(["duration","delay","ease","repeat","yoyo","onUpdate","onComplete","scale","scaleX","scaleY"]),w=[];for(let M of Object.keys(p)){if(y.has(M))continue;let I=p[M];typeof I=="number"&&w.push({key:M,from:Nr(d,M),to:I})}let v=Za(d,p);return{target:d,startMs:Tt(),delayMs:h,durationMs:g,ease:m,props:w,scaleFrom:v.from,scaleTo:v.to,repeat:f,yoyo:b,onUpdate:typeof p.onUpdate=="function"?p.onUpdate:void 0,onComplete:typeof p.onComplete=="function"?p.onComplete:void 0,killed:!1,paused:!1,pauseAtMs:null}},c={to(d,p){let u=l(d,p);return n(u),{kill:()=>s(u),pause:()=>{u.paused||(u.paused=!0,u.pauseAtMs=Tt())},resume:()=>{var m;if(!u.paused)return;let g=(m=u.pauseAtMs)!=null?m:Tt(),h=Tt()-g;u.startMs+=h,u.paused=!1,u.pauseAtMs=null},isActive:()=>!u.killed&&!u.paused}},fromTo(d,p,u){return c.set(d,p),c.to(d,u)},set(d,p){if(!d||!p)return;for(let g of Object.keys(p)){let h=p[g];g==="scale"||g==="scaleX"||g==="scaleY"||typeof h=="number"&&Xa(d,g,h)}let u=Za(d,p);u.to&&Ja(d,u.to)},killTweensOf(d){let p=e.get(d);if(p)for(let u of Array.from(p))s(u)},timeline(d={}){let p=[],u=0,g=!1,h=[],m=y=>{if(typeof y=="number")return Math.max(0,y*1e3);let w=typeof y=="string"?y.trim():"";return w.startsWith("+=")?u+Math.max(0,Number(w.slice(2))*1e3||0):w?Math.max(0,Number(w)*1e3||0):u},f=y=>{p.push(y);let w=Math.max(0,(typeof y.vars.duration=="number"?y.vars.duration:.5)*1e3);u=Math.max(u,y.atMs+w)},b={to(y,w,v){return f({kind:"to",target:y,vars:w,atMs:m(v)}),b},fromTo(y,w,v,L){return f({kind:"fromTo",target:y,vars:v,from:w,atMs:m(L)}),b},play(){var y,w;if(g)return b;g=!0,h=[];for(let v of p)v.kind==="fromTo"&&c.set(v.target,(y=v.from)!=null?y:{}),h.push(c.to(v.target,{...v.vars,delay:v.atMs/1e3+((w=v.vars.delay)!=null?w:0)}));return b},pause(){for(let y of h)y.pause();return b},kill(){for(let y of h)y.kill();h=[],g=!1}};return d.paused||b.play(),b}};return c}function es(){if(typeof window=="undefined")return;let o=window;if(!o.gsap)try{o.gsap=Qa()}catch{}}var ts={name:"handler-playable-sdk",version:"1.0.93",type:"module",description:"Handler Playable SDK v0.1 with contract-aligned surface (root sandbox, canonical event envelope).",main:"dist/index.cjs",module:"dist/index.js",types:"dist/index.d.ts",exports:{".":{types:"./dist/index.d.ts",import:"./dist/index.js",require:"./dist/index.cjs"},"./pixi":{types:"./dist/pixi/index.d.ts",import:"./dist/pixi/index.js",require:"./dist/pixi/index.cjs"},"./pixi/index.css":{import:"./dist/pixi/index.css",require:"./dist/pixi/index.css"},"./three":{types:"./dist/three/index.d.ts",import:"./dist/three/index.js",require:"./dist/three/index.cjs"},"./cli":{types:"./dist/cli/index.d.ts",import:"./dist/cli/index.js",require:"./dist/cli/index.cjs"}},bin:{"handler-student-helper":"./bin/student-helper.mjs","handler-validate":"./bin/validate.mjs","handler-sync-screens":"./bin/sync-screens.mjs","handler-brand-dna":"./bin/brand-dna.mjs","handler-setup-library":"./bin/setup-library.mjs","handler-screen-helper":"./bin/screen-helper.mjs"},scripts:{prebuild:"python3 src/preview/build-css.py",build:"tsup src/index.ts src/pixi/index.ts src/three/index.ts src/cli/index.ts --format cjs,esm --dts --clean --minify --external lottie-web --external jszip && npm run create-mjs-symlinks && npm run postbuild-cli && npm run obfuscate && npm run postbuild",postbuild:"python3 src/preview/copy-css-to-dist.py","postbuild-cli":"cp src/cli/*.mjs dist/cli/ && mkdir -p dist/cli/student-helper && cp src/cli/student-helper/*.mjs dist/cli/student-helper/ && chmod +x dist/cli/*.mjs dist/cli/student-helper/*.mjs && chmod +x bin/*.mjs","create-mjs-symlinks":"cd dist && ln -sf index.js index.mjs && cd pixi && ln -sf index.js index.mjs && cd ../three && ln -sf index.js index.mjs","build:dev":"tsup src/index.ts src/pixi/index.ts src/three/index.ts src/cli/index.ts --format cjs,esm --dts --clean --external lottie-web --external jszip && npm run create-mjs-symlinks && npm run postbuild-cli",obfuscate:"javascript-obfuscator dist/pixi/index.js --output dist/pixi/index.js --config obfuscator.config.json && javascript-obfuscator dist/three/index.js --output dist/three/index.js --config obfuscator.config.json && javascript-obfuscator dist/cli/index.js --output dist/cli/index.js --config obfuscator.config.json && npm run obfuscate-cli","obfuscate-cli":'for file in dist/cli/*.mjs dist/cli/student-helper/*.mjs; do javascript-obfuscator "$file" --output "$file" --config obfuscator.config.json; done',lint:"eslint 'src/**/*.{ts,tsx}'",typecheck:"tsc --noEmit",prepublishOnly:"npm run build","publish:update":"node scripts/publish-and-update.cjs patch","publish:update:minor":"node scripts/publish-and-update.cjs minor","publish:update:major":"node scripts/publish-and-update.cjs major"},author:"Handler",license:"MIT",publishConfig:{access:"public"},repository:{type:"git",url:"https://github.com/HandlerAIGames/handler-playable-sdk.git"},files:["dist","bin","LICENSE","README.md"],peerDependencies:{"lottie-web":"^5.0.0","pixi.js":"^8.0.0",three:"^0.182.0"},peerDependenciesMeta:{"pixi.js":{optional:!0},three:{optional:!0},"lottie-web":{optional:!0}},devDependencies:{"@types/three":"^0.182.0",eslint:"^9.39.2","javascript-obfuscator":"^5.1.0","pixi.js":"8.8.1",three:"^0.182.0","ts-node":"^10.9.2",tsup:"^8.4.0",typescript:"^5.7.2","typescript-eslint":"^8.53.0"},dependencies:{"@google/genai":"^1.35.0","@google/generative-ai":"^0.24.1",jszip:"^3.10.1",sharp:"^0.34.5"}};var be=0,Gr=be++,is=be++,ns=be++,as=be++,ss=be++,rs=be++,os=be++,ls=be++,cs=be++,ds=be++,ps=be++,us=be++,Q=Gr;function gs(){return Q===is}function hs(){return Q===ns}function ms(){return Q===as}function fs(){return Q===ss}function ot(){return Q===rs}function lt(){return Q===os}function bs(){return Q===ls}function ys(){return Q===cs}function vs(){return Q===ds}function ln(){return Q===ps}function cn(){return Q===us}function ws(){let o=typeof AD_PROTOCOL!="undefined"?AD_PROTOCOL:"none",e=typeof AD_NETWORK!="undefined"?AD_NETWORK:"web_embed";if(o==="mraid")try{mraid.getState(),Q=is;return}catch{}else if(o==="dapi")try{dapi.isReady(),Q=ns;return}catch{}if(e==="facebook")try{typeof FbPlayableAd!="undefined"&&(Q=as)}catch{}else if(e==="google")try{typeof ExitApi!="undefined"&&(Q=ss)}catch{}else if(e==="mintegral")window.gameReady&&(Q=rs);else if(e==="tapjoy")window.TJ_API&&(Q=os);else if(e==="tiktok")window.openAppStore&&(Q=ls);else if(e==="smadex")try{window.smxTracking&&(Q=cs)}catch{}else if(e==="snapchat")try{window.ScPlayableAd&&(Q=ds)}catch{}else e==="vungle"?Q=ps:(o==="nucleo"||e==="nucleo")&&(Q=us)}import dn from"lottie-web";var xs=dn;typeof window!="undefined"&&(window.lottie=dn,window.__baseLottie=dn);function ae(o,e){let t=(n,a)=>a===0?n:t(a,n%a),i=t(o,e);return`${o/i}:${e/i}`}var Il=[{id:"iphone-15-pro-max",label:"iPhone 15 Pro Max",width:430,height:932,category:"iphone",ratio:ae(430,932)},{id:"iphone-15-pro",label:"iPhone 15 Pro",width:393,height:852,category:"iphone",ratio:ae(393,852)},{id:"iphone-15",label:"iPhone 15",width:393,height:852,category:"iphone",ratio:ae(393,852)},{id:"iphone-14",label:"iPhone 14",width:390,height:844,category:"iphone",ratio:ae(390,844)},{id:"iphone-se",label:"iPhone SE",width:375,height:667,category:"iphone",ratio:ae(375,667)},{id:"iphone-12-mini",label:"iPhone 12 Mini",width:360,height:780,category:"iphone",ratio:ae(360,780)}],jl=[{id:"pixel-8-pro",label:"Pixel 8 Pro",width:448,height:998,category:"android",ratio:ae(448,998)},{id:"pixel-8",label:"Pixel 8",width:412,height:915,category:"android",ratio:ae(412,915)},{id:"samsung-s24-ultra",label:"Samsung S24 Ultra",width:412,height:915,category:"android",ratio:ae(412,915)},{id:"samsung-s24",label:"Samsung S24",width:360,height:780,category:"android",ratio:ae(360,780)},{id:"samsung-a54",label:"Samsung A54",width:412,height:915,category:"android",ratio:ae(412,915)},{id:"oneplus-12",label:"OnePlus 12",width:412,height:915,category:"android",ratio:ae(412,915)}],_l=[{id:"ipad-pro-12",label:'iPad Pro 12.9"',width:1024,height:1366,category:"tablet",ratio:ae(1024,1366)},{id:"ipad-pro-11",label:'iPad Pro 11"',width:834,height:1194,category:"tablet",ratio:ae(834,1194)},{id:"ipad-air",label:"iPad Air",width:820,height:1180,category:"tablet",ratio:ae(820,1180)},{id:"ipad-mini",label:"iPad Mini",width:768,height:1024,category:"tablet",ratio:ae(768,1024)},{id:"samsung-tab-s9",label:"Samsung Tab S9",width:800,height:1280,category:"tablet",ratio:ae(800,1280)}],pn=[{id:"playable-portrait",label:"Playable Portrait",width:320,height:480,category:"playable",ratio:"2:3",mraidScale:1},{id:"mraid-320x480",label:"MRAID 320\xD7480",width:320,height:480,category:"playable",ratio:"2:3",mraidScale:1},{id:"iphone-14",label:"iPhone 14",width:390,height:844,category:"playable",ratio:ae(390,844),mraidScale:.7},{id:"ipad-mini",label:"iPad Mini",width:768,height:1024,category:"playable",ratio:ae(768,1024),mraidScale:.7}];var Ss=[...pn],Es=[{category:"playable",label:"Playable Ad",devices:pn}],un=pn[0];function ct(o){return Ss.find(e=>e.id===o)||un}function Ol(o){return Ss.filter(e=>e.category===o)}var Le=class{async updateProperty(e,t,i,n={}){var l,c,d,p,u,g,h,m,f,b,y,w;console.log("[PropertyUpdateManager] Updating:",e,t,i);let a=window.getEditableObjectConfig;if(typeof a!="function"){console.error("[PropertyUpdateManager] getEditableObjectConfig not available");return}let s=a(e);if(!s){console.error("[PropertyUpdateManager] Config not found for:",e);return}if(Ue({objectId:e,path:t,value:i},{persist:!0}),t==="transform"||t.startsWith("transform.")){console.log("[DEBUG FALLBACK] PropertyUpdateManager SKIP applyEditableObjectConfig (transform path)",t,e);let v=s==null?void 0:s.motion;if(v&&typeof v=="object"&&v.enabled!==!1&&(((p=v==null?void 0:v.intro)==null?void 0:p.enabled)===!0||((u=v==null?void 0:v.pulse)==null?void 0:u.enabled)===!0||((g=v==null?void 0:v.swing)==null?void 0:g.enabled)===!0||((h=v==null?void 0:v.continuousMove)==null?void 0:h.enabled)===!0||((m=v==null?void 0:v.continuousRotate)==null?void 0:m.enabled)===!0||((f=v==null?void 0:v.orbit)==null?void 0:f.enabled)===!0)){let I=window.applyEditableObjectConfig;if(typeof I=="function"){let P=window.__editableConfig,j=(w=(y=(b=P==null?void 0:P.objects)==null?void 0:b.get)==null?void 0:y.call(b,e))!=null?w:s;await I(e,j),console.log("[PropertyUpdateManager] Applied config for motion object")}}n.refreshInspector||requestAnimationFrame(()=>{window.dispatchEvent(new CustomEvent("config:changed",{detail:{objectId:e}}))})}else{let v=window.applyEditableObjectConfig;if(typeof v=="function"){let L=window.__editableConfig,M=(d=(c=(l=L==null?void 0:L.objects)==null?void 0:l.get)==null?void 0:c.call(l,e))!=null?d:s;await v(e,M),console.log("[PropertyUpdateManager] Applied config successfully")}else console.warn("[PropertyUpdateManager] applyEditableObjectConfig not available")}this.triggerRefresh(e),n.refreshInspector&&window.dispatchEvent(new CustomEvent("inspector:refresh"))}getNestedProperty(e,t){let i=t.split("."),n=e;for(let a of i)if(n&&typeof n=="object"&&a in n)n=n[a];else return;return n}triggerRefresh(e){let t=window.__refreshHierarchy;typeof t=="function"&&t(),window.dispatchEvent(new CustomEvent("inspector:property-updated",{detail:{objectId:e}}))}};function gn(o){let e=document.createElement("input");e.type="file",e.accept="image/*",e.onchange=async t=>{var a;let i=(a=t.target.files)==null?void 0:a[0];if(!i)return;let n=new FileReader;n.onload=async()=>{let s=n.result,r=o.category||"misc",c=`${(o.objectId||"new_asset").replace(/^json\./,"").replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"")||"new_asset"}_uploaded`;try{let p=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:r,filename:`${c}.png`,data:s,overwrite:!0})})).json();if(!(p!=null&&p.success)){alert(`Upload failed: ${(p==null?void 0:p.error)||"Unknown error"}`);return}let u=window.addAssetToRegistry;typeof u=="function"&&u(r,`${c}.png`);try{await fetch("/api/setup-library",{method:"POST",headers:{"Content-Type":"application/json"}})}catch{}let g=window.refreshAssetLibrary;typeof g=="function"&&await g(),await o.onApply(p.path)}catch(d){console.error("[QuickActionsBar] Upload error:",d),alert("Upload failed. Check console.")}},n.readAsDataURL(i)},e.click()}var ei=class{constructor(){this.updateManager=new Le}async handleAction(e,t,i){console.log("[QuickActionsBar] Action:",e,t,i);let n=window.getEditableObjectConfig;if(typeof n!="function")return;let a=n(t);if(!a)return;let s=this.updateManager.getNestedProperty(a,i);if(e==="ai-convert"||e==="upload"||e==="library"){let r=i==="ui.text"||i==="render.asset.path",l=i==="render.asset.path";r&&(await this.prepareForImageConversion(t,a),e==="ai-convert"&&i!=="render.asset.path"&&(i="render.asset.path"))}switch(e){case"library":this.openLibrary(t,i,s);break;case"ai-edit":this.openAIEditor(t,i,s);break;case"upload":this.openUpload(t,i);break;case"reset":await this.resetToDefault(t,i);break;case"ai-convert":this.handleAiConvert(t,i,s);break;default:console.warn("[QuickActionsBar] Unknown action:",e)}}async prepareForImageConversion(e,t){var i,n;if(console.log("[QuickActionsBar] Preparing for image conversion:",e),t.render||(t.render={alpha:1,visible:!0}),(t.render.alpha===0||t.render.alpha===void 0)&&(t.render.alpha=1,await this.updateManager.updateProperty(e,"render.alpha",1)),(t.render.visible===!1||t.render.visible===void 0)&&(t.render.visible=!0,await this.updateManager.updateProperty(e,"render.visible",!0)),t.render.asset||(t.render.asset={type:"image",path:""}),t.render.asset.type!=="image"&&(t.render.asset.type="image",await this.updateManager.updateProperty(e,"render.asset",{type:"image",path:t.render.asset.path||""})),t.ui&&t.ui.renderMode!=="png"){await this.updateManager.updateProperty(e,"ui.renderMode","png",{refreshInspector:!0}),await this.updateManager.updateProperty(e,"render.tint","#ffffff");let s=((n=(i=t.transform)==null?void 0:i.scale)!=null?n:1)*.3;await this.updateManager.updateProperty(e,"transform.scale",s),console.log("[QuickActionsBar] Text to PNG conversion: set tint white, scale",s)}this.ensureSlotInRegistry(e,t)}ensureSlotInRegistry(e,t){var r,l,c;let i=window.getEditableAssets;if(typeof i!="function")return;let n=i();if(!n||!n.slots)return;let a=e.startsWith("json.")?e.replace("json.",""):e;if(!n.slots.some(d=>d.objectId===a||d.slotId===a)){let d=((r=t.identity)==null?void 0:r.category)||"ui";console.log("[QuickActionsBar] Adding new slot to registry for converted object:",a),n.slots.push({slotId:a,displayName:a.replace(/_/g," "),objectId:a,category:d,currentAsset:((c=(l=t.render)==null?void 0:l.asset)==null?void 0:c.path)||"",defaultAsset:"",libraryFolder:d,assetType:"image"}),n.categories&&!n.categories.includes(d)&&n.categories.push(d),n.libraryAssets&&!n.libraryAssets[d]&&(n.libraryAssets[d]=[]);let p=window.reRenderAssetLibrary;typeof p=="function"&&p()}}openLibrary(e,t,i){var a;let n=window.__debugContext;if(n){if(n.activeTab!=="library"){n.activeTab="library";let s=window.__updateWorkbenchTabs;typeof s=="function"&&s()}if(n.libraryPanel){let s=window.getEditableObjectConfig,r=s==null?void 0:s(e),l=(a=r==null?void 0:r.identity)==null?void 0:a.category;l||(l=t.split(".")[0]==="render"?"environment":"ui"),console.log("[QuickActionsBar] Highlighting library slot:",e,"category:",l),n.libraryPanel.highlightSlot(e,l)}}}openAIEditor(e,t,i){let n=window.__openAiEditor;if(typeof n=="function"){let a=t.split(".").pop()||t;n(a,`Edit ${a} for ${e}`,i,{objectId:e,path:t})}else console.warn("[QuickActionsBar] AI Editor not available")}openUpload(e,t){var s;let i=window.getEditableObjectConfig,n=i==null?void 0:i(e),a=((s=n==null?void 0:n.identity)==null?void 0:s.category)||(t.split(".")[0]==="render"?"environment":"ui");gn({objectId:e,category:a,onApply:async r=>{var g,h;let l=window.applyAssetToSlot,c=this.getFilenameFromPath(r),d=/render\.asset\.path/i.test(t)||/\.(png|jpg|jpeg|gif|webp)$/i.test(r);typeof l=="function"&&c&&d&&await l(e,c,a),await this.updateManager.updateProperty(e,t,r);let p=window.__debugContext;(h=(g=p==null?void 0:p.options)==null?void 0:g.onPropertyChange)==null||h.call(g,e,t,r);let u=window.__highlightLibrarySlot;typeof u=="function"&&setTimeout(()=>{u(e,a)},500),window.dispatchEvent(new CustomEvent("inspector:refresh"))}})}getFilenameFromPath(e){if(!e)return"";let t=e.split("?")[0].replace(/\\/g,"/");return t.split("/").pop()||t}async resetToDefault(e,t){console.log("[QuickActionsBar] Reset to default:",e,t);try{let i=await this.getDefaultValue(e,t);i!==void 0?(await this.updateManager.updateProperty(e,t,i),console.log("[QuickActionsBar] Reset to default value:",i)):alert("No default value found for this property.")}catch(i){console.error("[QuickActionsBar] Failed to reset to default:",i),alert("Failed to reset property. Check console for details.")}}async getDefaultValue(e,t){let i=t.split(".");if(i.length<2)return;let n=i[0],a=i.slice(1),s=window.__editableConfig;if(!(s!=null&&s.schemas))return;let r=null;if(s.schemas instanceof Map?r=s.schemas.get(n):typeof s.schemas=="object"&&(r=s.schemas[n]),!(r!=null&&r.defaults))return;let l=r.defaults;for(let c of a)if(l&&typeof l=="object")l=l[c];else return;return l}handleAiConvert(e,t,i){let n=window.__openAiEditor;if(typeof n=="function"){let s=`A single, high-quality, high-detail game UI icon/asset representing "${String(i||e.replace(/_/g," ").replace("json.",""))}". Modern stylized 3D rendered style, vibrant colors, soft lighting, isolated on solid magenta background, highly polished professional game art.`,r="render.asset.path";console.log("[QuickActionsBar] AI Convert for:",e,"from:",t,"to:",r),n(e,s,"",{objectId:e,path:r});let l=window.__debugContext;if(l){l.activeTab="ai";let c=window.__updateWorkbenchTabs;typeof c=="function"&&c()}}else console.warn("[QuickActionsBar] AI Editor not available")}};var Ur=[{value:"loading",label:"Loading"},{value:"start",label:"Start"},{value:"gameplay",label:"Gameplay"},{value:"tutorial",label:"Tutorial"},{value:"endgame",label:"Endgame"}],qr=["environment","ui","character","system","backgrounds"],Vr=["bg","world","ui"],Cs={SwerveMove:{speed:5,sensitivity:1,directionMode:"dominantAxis",axis:"both",bounds:{left:-400,right:400,top:-300,bottom:300}},DragToWin:{targetId:"",successDistance:80},DragSnap:{snapTargetId:"",snapDistance:40},JoystickMove:{speed:6,bounds:{left:-400,right:400,top:-300,bottom:300}}},ti=class{constructor(){this.modal=null;this.state=null}open(e){this.state=this.createInitialState(e),this.createModal(),document.body.appendChild(this.modal),this.attachEventListeners(),this.updateStepUI()}close(){this.modal&&this.modal.parentNode&&this.modal.parentNode.removeChild(this.modal),window.__wizardAssetPicker=null,this.modal=null,this.state=null}createInitialState(e){return{step:1,objectType:"sprite",instanceId:"",displayName:"",category:"environment",screenId:e.screenId,layer:"world",positionMode:"static",anchorPreset:"center",anchorX:.5,anchorY:.5,positionX:0,positionY:0,offsetX:0,offsetY:0,scale:.2,rotation:0,zIndex:0,assetPath:"",tint:"",alpha:1,text:"",font:"brand.primary",fontSize:18,letterSpacing:0,align:"center",graphicsWidth:200,graphicsHeight:200,graphicsFill:"#FFFFFF",graphicsAlpha:1,interactionEnabled:!1,dragEnabled:!1,hoverEnabled:!1,clickEnabled:!1,logicId:"",logicPropsRaw:""}}createModal(){let e=document.createElement("div");e.className="wizard-modal",e.innerHTML=`
|
|
1
|
+
import{a as Kt,c as tn,d as Ae,e as nn}from"./chunk-I5OOVR5U.js";import{i as Zt}from"./chunk-GVZ2445E.js";import{c as Ue,d as Xt,e as Ze,g as Na,h as an,j as Fa,k as Ba,n as Tt,o as Jt,p as st,q as Ga,r as sn,s as Ua}from"./chunk-EFRB44UC.js";import{a as Dr}from"./chunk-JXBG6UFL.js";import{Application as nl}from"pixi.js";var qe={};function Qt(o,e,t=!1){qe[o]||(qe[o]=[]),qe[o].push({fn:e,once:t})}function rn(o,e){if(qe[o]){if(!e){delete qe[o];return}qe[o]=qe[o].filter(t=>t.fn!==e)}}function ei(o,...e){let t=qe[o];if(t)for(let i of[...t])i.fn(...e),i.once&&rn(o,i.fn)}function fe(o,e){Qt(o,e,!0)}var ne=null,ve=[],rt=null;function Ya(o){ne=o,ve=[],rt!==null&&(clearTimeout(rt),rt=null)}function Wa(){var o,e,t;return{endpoint:(ne==null?void 0:ne.endpoint)||"",transport:(ne==null?void 0:ne.transport)||"beacon",batchSize:(o=ne==null?void 0:ne.batchSize)!=null?o:10,flushIntervalMs:(e=ne==null?void 0:ne.flushIntervalMs)!=null?e:300,maxQueue:(t=ne==null?void 0:ne.maxQueue)!=null?t:200,debug:!!(ne!=null&&ne.debug)}}async function qa(o,e,t,i){let n=JSON.stringify(e);if(t==="beacon"&&typeof navigator!="undefined"&&typeof navigator.sendBeacon=="function")try{let a=navigator.sendBeacon(o,new Blob([n],{type:"application/json"}));i&&console.log("[handler.telemetry] beacon",a,e);return}catch(a){i&&console.warn("[handler.telemetry] beacon failed, fallback to fetch",a)}try{await fetch(o,{method:"POST",headers:{"Content-Type":"application/json"},body:n,keepalive:!0}),i&&console.log("[handler.telemetry] fetch",e)}catch(a){i&&console.warn("[handler.telemetry] fetch failed",a)}}function on(o,e){let t=Wa();if(e&&t.endpoint){if(ve.push(o),ve.length>t.maxQueue&&(ve=ve.slice(ve.length-t.maxQueue)),ve.length>=t.batchSize){Va();return}rt===null&&(rt=window.setTimeout(()=>{rt=null,Va()},t.flushIntervalMs))}}async function Va(){let o=Wa();if(!o.endpoint||ve.length===0)return;let e=ve.splice(0,o.batchSize);await qa(o.endpoint,{events:e},o.transport,o.debug),ve.length>0&&await qa(o.endpoint,{events:ve.splice(0,o.batchSize)},o.transport,o.debug)}function Ka(o){return Math.max(0,Math.min(1,o))}function Hr(o){let e=String(o!=null?o:"power2.out");if(e==="linear")return t=>t;if(e==="sine.inOut")return t=>.5-Math.cos(Math.PI*t)/2;if(e==="power2.out"||e==="easeOutQuad")return t=>1-(1-t)*(1-t);if(e.startsWith("back.out")){let t=e.match(/back\.out\(([\d.]+)\)/),i=t?Number(t[1]):1.8;return n=>1+(i+1)*Math.pow(n-1,3)+i*Math.pow(n-1,2)}return t=>1-(1-t)*(1-t)}function Pt(){return typeof performance!="undefined"&&performance.now?performance.now():Date.now()}function Nr(o,e){let t=o==null?void 0:o[e];return typeof t=="number"?t:0}function Xa(o,e,t){try{o[e]=t}catch{}}function Fr(o){let e=o==null?void 0:o.scale;if(!e)return null;let t=typeof e.x=="number"?e.x:1,i=typeof e.y=="number"?e.y:1;return{x:t,y:i}}function Ja(o,e){let t=o==null?void 0:o.scale;if(t)try{typeof t.set=="function"?t.set(e.x,e.y):(typeof t.x=="number"&&(t.x=e.x),typeof t.y=="number"&&(t.y=e.y))}catch{}}function Za(o,e){let t=Fr(o);if(!t)return{from:null,to:null};let i=null,n=null;return typeof e.scale=="number"?(i=e.scale,n=e.scale):e.scale&&typeof e.scale=="object"&&(typeof e.scale.x=="number"&&(i=e.scale.x),typeof e.scale.y=="number"&&(n=e.scale.y)),typeof e.scaleX=="number"&&(i=e.scaleX),typeof e.scaleY=="number"&&(n=e.scaleY),i===null&&n===null?{from:null,to:null}:{from:{x:t.x,y:t.y},to:{x:i!=null?i:t.x,y:n!=null?n:t.y}}}function Qa(){let o=new Set,e=new WeakMap,t=null,i=()=>{if(t!=null)return;t=requestAnimationFrame(()=>{t=null,r(),o.size>0&&i()})},n=d=>{var g;o.add(d);let p=(g=e.get(d.target))!=null?g:new Set;p.add(d),e.set(d.target,p),i()},a=d=>{o.delete(d);let p=e.get(d.target);p&&(p.delete(d),p.size===0&&e.delete(d.target))},s=d=>{d.killed||(d.killed=!0,a(d))},r=()=>{var p,g;let d=Pt();for(let u of Array.from(o)){if(u.killed||u.paused)continue;let h=d-u.startMs-u.delayMs;if(h<0)continue;let m=u.durationMs>0?h/u.durationMs:1,f=Ka(m),b=u.repeat>=0?u.repeat+1:1,y=u.repeat>0?Math.min(Math.floor(m),b-1):0;if(u.repeat>0&&m>=1){let L=m-y;f=Ka(L)}let w=u.ease(f);u.yoyo&&y%2===1&&(w=1-w);for(let L of u.props)Xa(u.target,L.key,L.from+(L.to-L.from)*w);u.scaleFrom&&u.scaleTo&&Ja(u.target,{x:u.scaleFrom.x+(u.scaleTo.x-u.scaleFrom.x)*w,y:u.scaleFrom.y+(u.scaleTo.y-u.scaleFrom.y)*w});try{(p=u.onUpdate)==null||p.call(u)}catch{}if(m>=b){s(u);try{(g=u.onComplete)==null||g.call(u)}catch{}}}},l=(d,p,g)=>{var L;let u=Math.max(0,(typeof p.duration=="number"?p.duration:.5)*1e3),h=Math.max(0,(typeof p.delay=="number"?p.delay:0)*1e3+((L=g==null?void 0:g.delayMsOverride)!=null?L:0)),m=Hr(p.ease),f=typeof p.repeat=="number"?Math.max(0,p.repeat|0):0,b=p.yoyo===!0,y=new Set(["duration","delay","ease","repeat","yoyo","onUpdate","onComplete","scale","scaleX","scaleY"]),w=[];for(let j of Object.keys(p)){if(y.has(j))continue;let _=p[j];typeof _=="number"&&w.push({key:j,from:Nr(d,j),to:_})}let v=Za(d,p);return{target:d,startMs:Pt(),delayMs:h,durationMs:u,ease:m,props:w,scaleFrom:v.from,scaleTo:v.to,repeat:f,yoyo:b,onUpdate:typeof p.onUpdate=="function"?p.onUpdate:void 0,onComplete:typeof p.onComplete=="function"?p.onComplete:void 0,killed:!1,paused:!1,pauseAtMs:null}},c={to(d,p){let g=l(d,p);return n(g),{kill:()=>s(g),pause:()=>{g.paused||(g.paused=!0,g.pauseAtMs=Pt())},resume:()=>{var m;if(!g.paused)return;let u=(m=g.pauseAtMs)!=null?m:Pt(),h=Pt()-u;g.startMs+=h,g.paused=!1,g.pauseAtMs=null},isActive:()=>!g.killed&&!g.paused}},fromTo(d,p,g){return c.set(d,p),c.to(d,g)},set(d,p){if(!d||!p)return;for(let u of Object.keys(p)){let h=p[u];u==="scale"||u==="scaleX"||u==="scaleY"||typeof h=="number"&&Xa(d,u,h)}let g=Za(d,p);g.to&&Ja(d,g.to)},killTweensOf(d){let p=e.get(d);if(p)for(let g of Array.from(p))s(g)},timeline(d={}){let p=[],g=0,u=!1,h=[],m=y=>{if(typeof y=="number")return Math.max(0,y*1e3);let w=typeof y=="string"?y.trim():"";return w.startsWith("+=")?g+Math.max(0,Number(w.slice(2))*1e3||0):w?Math.max(0,Number(w)*1e3||0):g},f=y=>{p.push(y);let w=Math.max(0,(typeof y.vars.duration=="number"?y.vars.duration:.5)*1e3);g=Math.max(g,y.atMs+w)},b={to(y,w,v){return f({kind:"to",target:y,vars:w,atMs:m(v)}),b},fromTo(y,w,v,L){return f({kind:"fromTo",target:y,vars:v,from:w,atMs:m(L)}),b},play(){var y,w;if(u)return b;u=!0,h=[];for(let v of p)v.kind==="fromTo"&&c.set(v.target,(y=v.from)!=null?y:{}),h.push(c.to(v.target,{...v.vars,delay:v.atMs/1e3+((w=v.vars.delay)!=null?w:0)}));return b},pause(){for(let y of h)y.pause();return b},kill(){for(let y of h)y.kill();h=[],u=!1}};return d.paused||b.play(),b}};return c}function es(){if(typeof window=="undefined")return;let o=window;if(!o.gsap)try{o.gsap=Qa()}catch{}}var ts={name:"handler-playable-sdk",version:"1.0.94",type:"module",description:"Handler Playable SDK v0.1 with contract-aligned surface (root sandbox, canonical event envelope).",main:"dist/index.cjs",module:"dist/index.js",types:"dist/index.d.ts",exports:{".":{types:"./dist/index.d.ts",import:"./dist/index.js",require:"./dist/index.cjs"},"./pixi":{types:"./dist/pixi/index.d.ts",import:"./dist/pixi/index.js",require:"./dist/pixi/index.cjs"},"./pixi/index.css":{import:"./dist/pixi/index.css",require:"./dist/pixi/index.css"},"./three":{types:"./dist/three/index.d.ts",import:"./dist/three/index.js",require:"./dist/three/index.cjs"},"./cli":{types:"./dist/cli/index.d.ts",import:"./dist/cli/index.js",require:"./dist/cli/index.cjs"}},bin:{"handler-student-helper":"./bin/student-helper.mjs","handler-validate":"./bin/validate.mjs","handler-sync-screens":"./bin/sync-screens.mjs","handler-brand-dna":"./bin/brand-dna.mjs","handler-setup-library":"./bin/setup-library.mjs","handler-screen-helper":"./bin/screen-helper.mjs"},scripts:{prebuild:"python3 src/preview/build-css.py",build:"tsup src/index.ts src/pixi/index.ts src/three/index.ts src/cli/index.ts --format cjs,esm --dts --clean --minify --external lottie-web --external jszip && npm run create-mjs-symlinks && npm run postbuild-cli && npm run obfuscate && npm run postbuild",postbuild:"python3 src/preview/copy-css-to-dist.py","postbuild-cli":"cp src/cli/*.mjs dist/cli/ && mkdir -p dist/cli/student-helper && cp src/cli/student-helper/*.mjs dist/cli/student-helper/ && chmod +x dist/cli/*.mjs dist/cli/student-helper/*.mjs && chmod +x bin/*.mjs","create-mjs-symlinks":"cd dist && ln -sf index.js index.mjs && cd pixi && ln -sf index.js index.mjs && cd ../three && ln -sf index.js index.mjs","build:dev":"tsup src/index.ts src/pixi/index.ts src/three/index.ts src/cli/index.ts --format cjs,esm --dts --clean --external lottie-web --external jszip && npm run create-mjs-symlinks && npm run postbuild-cli",obfuscate:"javascript-obfuscator dist/pixi/index.js --output dist/pixi/index.js --config obfuscator.config.json && javascript-obfuscator dist/three/index.js --output dist/three/index.js --config obfuscator.config.json && javascript-obfuscator dist/cli/index.js --output dist/cli/index.js --config obfuscator.config.json && npm run obfuscate-cli","obfuscate-cli":'for file in dist/cli/*.mjs dist/cli/student-helper/*.mjs; do javascript-obfuscator "$file" --output "$file" --config obfuscator.config.json; done',lint:"eslint 'src/**/*.{ts,tsx}'",typecheck:"tsc --noEmit",prepublishOnly:"npm run build","publish:update":"node scripts/publish-and-update.cjs patch","publish:update:minor":"node scripts/publish-and-update.cjs minor","publish:update:major":"node scripts/publish-and-update.cjs major"},author:"Handler",license:"MIT",publishConfig:{access:"public"},repository:{type:"git",url:"https://github.com/HandlerAIGames/handler-playable-sdk.git"},files:["dist","bin","LICENSE","README.md"],peerDependencies:{"lottie-web":"^5.0.0","pixi.js":"^8.0.0",three:"^0.182.0"},peerDependenciesMeta:{"pixi.js":{optional:!0},three:{optional:!0},"lottie-web":{optional:!0}},devDependencies:{"@types/three":"^0.182.0",eslint:"^9.39.2","javascript-obfuscator":"^5.1.0","pixi.js":"8.8.1",three:"^0.182.0","ts-node":"^10.9.2",tsup:"^8.4.0",typescript:"^5.7.2","typescript-eslint":"^8.53.0"},dependencies:{"@google/genai":"^1.35.0","@google/generative-ai":"^0.24.1",jszip:"^3.10.1",sharp:"^0.34.5"}};var be=0,Gr=be++,is=be++,ns=be++,as=be++,ss=be++,rs=be++,os=be++,ls=be++,cs=be++,ds=be++,ps=be++,us=be++,Q=Gr;function gs(){return Q===is}function hs(){return Q===ns}function ms(){return Q===as}function fs(){return Q===ss}function ot(){return Q===rs}function lt(){return Q===os}function bs(){return Q===ls}function ys(){return Q===cs}function vs(){return Q===ds}function ln(){return Q===ps}function cn(){return Q===us}function ws(){let o=typeof AD_PROTOCOL!="undefined"?AD_PROTOCOL:"none",e=typeof AD_NETWORK!="undefined"?AD_NETWORK:"web_embed";if(o==="mraid")try{mraid.getState(),Q=is;return}catch{}else if(o==="dapi")try{dapi.isReady(),Q=ns;return}catch{}if(e==="facebook")try{typeof FbPlayableAd!="undefined"&&(Q=as)}catch{}else if(e==="google")try{typeof ExitApi!="undefined"&&(Q=ss)}catch{}else if(e==="mintegral")window.gameReady&&(Q=rs);else if(e==="tapjoy")window.TJ_API&&(Q=os);else if(e==="tiktok")window.openAppStore&&(Q=ls);else if(e==="smadex")try{window.smxTracking&&(Q=cs)}catch{}else if(e==="snapchat")try{window.ScPlayableAd&&(Q=ds)}catch{}else e==="vungle"?Q=ps:(o==="nucleo"||e==="nucleo")&&(Q=us)}import dn from"lottie-web";var xs=dn;typeof window!="undefined"&&(window.lottie=dn,window.__baseLottie=dn);function ae(o,e){let t=(n,a)=>a===0?n:t(a,n%a),i=t(o,e);return`${o/i}:${e/i}`}var Ml=[{id:"iphone-15-pro-max",label:"iPhone 15 Pro Max",width:430,height:932,category:"iphone",ratio:ae(430,932)},{id:"iphone-15-pro",label:"iPhone 15 Pro",width:393,height:852,category:"iphone",ratio:ae(393,852)},{id:"iphone-15",label:"iPhone 15",width:393,height:852,category:"iphone",ratio:ae(393,852)},{id:"iphone-14",label:"iPhone 14",width:390,height:844,category:"iphone",ratio:ae(390,844)},{id:"iphone-se",label:"iPhone SE",width:375,height:667,category:"iphone",ratio:ae(375,667)},{id:"iphone-12-mini",label:"iPhone 12 Mini",width:360,height:780,category:"iphone",ratio:ae(360,780)}],jl=[{id:"pixel-8-pro",label:"Pixel 8 Pro",width:448,height:998,category:"android",ratio:ae(448,998)},{id:"pixel-8",label:"Pixel 8",width:412,height:915,category:"android",ratio:ae(412,915)},{id:"samsung-s24-ultra",label:"Samsung S24 Ultra",width:412,height:915,category:"android",ratio:ae(412,915)},{id:"samsung-s24",label:"Samsung S24",width:360,height:780,category:"android",ratio:ae(360,780)},{id:"samsung-a54",label:"Samsung A54",width:412,height:915,category:"android",ratio:ae(412,915)},{id:"oneplus-12",label:"OnePlus 12",width:412,height:915,category:"android",ratio:ae(412,915)}],_l=[{id:"ipad-pro-12",label:'iPad Pro 12.9"',width:1024,height:1366,category:"tablet",ratio:ae(1024,1366)},{id:"ipad-pro-11",label:'iPad Pro 11"',width:834,height:1194,category:"tablet",ratio:ae(834,1194)},{id:"ipad-air",label:"iPad Air",width:820,height:1180,category:"tablet",ratio:ae(820,1180)},{id:"ipad-mini",label:"iPad Mini",width:768,height:1024,category:"tablet",ratio:ae(768,1024)},{id:"samsung-tab-s9",label:"Samsung Tab S9",width:800,height:1280,category:"tablet",ratio:ae(800,1280)}],pn=[{id:"playable-portrait",label:"Playable Portrait",width:320,height:480,category:"playable",ratio:"2:3",mraidScale:1},{id:"mraid-320x480",label:"MRAID 320\xD7480",width:320,height:480,category:"playable",ratio:"2:3",mraidScale:1},{id:"iphone-14",label:"iPhone 14",width:390,height:844,category:"playable",ratio:ae(390,844),mraidScale:.7},{id:"ipad-mini",label:"iPad Mini",width:768,height:1024,category:"playable",ratio:ae(768,1024),mraidScale:.7}];var Ss=[...pn],Es=[{category:"playable",label:"Playable Ad",devices:pn}],un=pn[0];function ct(o){return Ss.find(e=>e.id===o)||un}function Ol(o){return Ss.filter(e=>e.category===o)}var Le=class{async updateProperty(e,t,i,n={}){var l,c,d,p,g,u,h,m,f,b,y,w;console.log("[PropertyUpdateManager] Updating:",e,t,i);let a=window.getEditableObjectConfig;if(typeof a!="function"){console.error("[PropertyUpdateManager] getEditableObjectConfig not available");return}let s=a(e);if(!s){console.error("[PropertyUpdateManager] Config not found for:",e);return}if(Ue({objectId:e,path:t,value:i},{persist:!0}),t==="transform"||t.startsWith("transform.")){console.log("[DEBUG FALLBACK] PropertyUpdateManager SKIP applyEditableObjectConfig (transform path)",t,e);let v=s==null?void 0:s.motion;if(v&&typeof v=="object"&&v.enabled!==!1&&(((p=v==null?void 0:v.intro)==null?void 0:p.enabled)===!0||((g=v==null?void 0:v.pulse)==null?void 0:g.enabled)===!0||((u=v==null?void 0:v.swing)==null?void 0:u.enabled)===!0||((h=v==null?void 0:v.continuousMove)==null?void 0:h.enabled)===!0||((m=v==null?void 0:v.continuousRotate)==null?void 0:m.enabled)===!0||((f=v==null?void 0:v.orbit)==null?void 0:f.enabled)===!0)){let _=window.applyEditableObjectConfig;if(typeof _=="function"){let P=window.__editableConfig,M=(w=(y=(b=P==null?void 0:P.objects)==null?void 0:b.get)==null?void 0:y.call(b,e))!=null?w:s;await _(e,M),console.log("[PropertyUpdateManager] Applied config for motion object")}}n.refreshInspector||requestAnimationFrame(()=>{window.dispatchEvent(new CustomEvent("config:changed",{detail:{objectId:e}}))})}else{let v=window.applyEditableObjectConfig;if(typeof v=="function"){let L=window.__editableConfig,j=(d=(c=(l=L==null?void 0:L.objects)==null?void 0:l.get)==null?void 0:c.call(l,e))!=null?d:s;await v(e,j),console.log("[PropertyUpdateManager] Applied config successfully")}else console.warn("[PropertyUpdateManager] applyEditableObjectConfig not available")}this.triggerRefresh(e),n.refreshInspector&&window.dispatchEvent(new CustomEvent("inspector:refresh"))}getNestedProperty(e,t){let i=t.split("."),n=e;for(let a of i)if(n&&typeof n=="object"&&a in n)n=n[a];else return;return n}triggerRefresh(e){let t=window.__refreshHierarchy;typeof t=="function"&&t(),window.dispatchEvent(new CustomEvent("inspector:property-updated",{detail:{objectId:e}}))}};function gn(o){let e=document.createElement("input");e.type="file",e.accept="image/*",e.onchange=async t=>{var a;let i=(a=t.target.files)==null?void 0:a[0];if(!i)return;let n=new FileReader;n.onload=async()=>{var g,u,h,m;let s=n.result,r=o.category||"misc",l=(o.objectId||"new_asset").replace(/^json\./,"").replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,""),c=((g=i.name.toLowerCase().match(/\.(png|jpg|jpeg|gif|webp)$/))==null?void 0:g[1])||"png",d=c==="jpg"?"jpeg":c,p=`${l||"new_asset"}_uploaded_${Date.now()}.${d}`;console.log("[QuickActionsBar] Uploading file:",p,"to category:",r);try{let b=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:r,filename:p,data:s,overwrite:!0})})).json();if(!(b!=null&&b.success)){alert(`Upload failed: ${(b==null?void 0:b.error)||"Unknown error"}`);return}await new Promise(T=>setTimeout(T,100));let y=window.addAssetToRegistry;typeof y=="function"&&(y(r,p),console.log("[QuickActionsBar] \u2705 Added to registry:",r,p));let w=window.getEditableAssets;if(typeof w=="function"){let T=w();T&&!T.categories&&(T.categories=[]),T!=null&&T.categories&&!T.categories.includes(r)&&(T.categories.push(r),console.log(`[QuickActionsBar] Added category ${r} to registry`))}let v=!1,L=0,j=10;for(;!v&&L<j;){L++,console.log(`[QuickActionsBar] Refresh attempt ${L}/${j}...`);try{(await fetch("/api/setup-library",{method:"POST",headers:{"Content-Type":"application/json"}})).ok&&console.log("[QuickActionsBar] \u2705 Registry rebuilt from disk")}catch{}await new Promise(x=>setTimeout(x,300));let T=window.refreshAssetLibrary;typeof T=="function"&&(console.log("[QuickActionsBar] Refreshing library panel..."),await T());let k=window.reRenderAssetLibrary;typeof k=="function"&&(console.log("[QuickActionsBar] Re-rendering library panel..."),k());let E=window.getEditableAssets;if(typeof E=="function"){let x=E(),S=((u=x==null?void 0:x.libraryAssets)==null?void 0:u[r])||[];S.some(A=>(A==null?void 0:A.filename)===p)?(console.log("[QuickActionsBar] \u2705 Asset found in registry!"),v=!0):(console.log(`[QuickActionsBar] Asset not found yet, retrying... (found ${S.length} assets in ${r})`),await new Promise(A=>setTimeout(A,500)))}else L>=2&&(v=!0)}v||console.warn("[QuickActionsBar] \u26A0\uFE0F Asset not found in registry after retries, proceeding anyway..."),setTimeout(()=>{try{window.dispatchEvent(new CustomEvent("config:changed",{detail:{action:"batch"}})),console.log("[QuickActionsBar] Dispatched config:changed event")}catch(T){console.warn("[QuickActionsBar] Failed to refresh textures:",T)}},300),console.log("[QuickActionsBar] Applying asset to object:",b.path);let _=!1,P=0,M=5;for(;!_&&P<M;){P++;try{await o.onApply(b.path),await new Promise(k=>setTimeout(k,200));let T=window.getEditableObjectConfig;if(typeof T=="function"){let k=T(o.objectId),E=((m=(h=k==null?void 0:k.render)==null?void 0:h.asset)==null?void 0:m.path)||"";E===b.path||E.includes(p)?(console.log("[QuickActionsBar] \u2705 Asset confirmed applied to object"),_=!0):(console.log(`[QuickActionsBar] Asset not applied yet (attempt ${P}), retrying...`),await new Promise(x=>setTimeout(x,300)))}else _=!0}catch(T){console.error(`[QuickActionsBar] Apply attempt ${P} failed:`,T),P<M&&await new Promise(k=>setTimeout(k,500))}}_?console.log("[QuickActionsBar] \u2705 Asset upload and apply complete!"):console.warn("[QuickActionsBar] \u26A0\uFE0F Asset may not have been applied, but upload succeeded")}catch(f){console.error("[QuickActionsBar] Upload error:",f),alert("Upload failed. Check console.")}},n.readAsDataURL(i)},e.click()}var ti=class{constructor(){this.updateManager=new Le}async handleAction(e,t,i){console.log("[QuickActionsBar] Action:",e,t,i);let n=window.getEditableObjectConfig;if(typeof n!="function")return;let a=n(t);if(!a)return;let s=this.updateManager.getNestedProperty(a,i);if(e==="ai-convert"||e==="upload"||e==="library"){let r=i==="ui.text"||i==="render.asset.path",l=i==="render.asset.path";r&&(await this.prepareForImageConversion(t,a),e==="ai-convert"&&i!=="render.asset.path"&&(i="render.asset.path"))}switch(e){case"library":this.openLibrary(t,i,s);break;case"ai-edit":this.openAIEditor(t,i,s);break;case"upload":this.openUpload(t,i);break;case"reset":await this.resetToDefault(t,i);break;case"ai-convert":this.handleAiConvert(t,i,s);break;default:console.warn("[QuickActionsBar] Unknown action:",e)}}async prepareForImageConversion(e,t){var i,n;if(console.log("[QuickActionsBar] Preparing for image conversion:",e),t.render||(t.render={alpha:1,visible:!0}),(t.render.alpha===0||t.render.alpha===void 0)&&(t.render.alpha=1,await this.updateManager.updateProperty(e,"render.alpha",1)),(t.render.visible===!1||t.render.visible===void 0)&&(t.render.visible=!0,await this.updateManager.updateProperty(e,"render.visible",!0)),t.render.asset||(t.render.asset={type:"image",path:""}),t.render.asset.type!=="image"&&(t.render.asset.type="image",await this.updateManager.updateProperty(e,"render.asset",{type:"image",path:t.render.asset.path||""})),t.ui&&t.ui.renderMode!=="png"){await this.updateManager.updateProperty(e,"ui.renderMode","png",{refreshInspector:!0}),await this.updateManager.updateProperty(e,"render.tint","#ffffff");let s=((n=(i=t.transform)==null?void 0:i.scale)!=null?n:1)*.3;await this.updateManager.updateProperty(e,"transform.scale",s),console.log("[QuickActionsBar] Text to PNG conversion: set tint white, scale",s)}this.ensureSlotInRegistry(e,t)}ensureSlotInRegistry(e,t){var r,l,c;let i=window.getEditableAssets;if(typeof i!="function")return;let n=i();if(!n||!n.slots)return;let a=e.startsWith("json.")?e.replace("json.",""):e;if(!n.slots.some(d=>d.objectId===a||d.slotId===a)){let d=((r=t.identity)==null?void 0:r.category)||"ui";console.log("[QuickActionsBar] Adding new slot to registry for converted object:",a),n.slots.push({slotId:a,displayName:a.replace(/_/g," "),objectId:a,category:d,currentAsset:((c=(l=t.render)==null?void 0:l.asset)==null?void 0:c.path)||"",defaultAsset:"",libraryFolder:d,assetType:"image"}),n.categories&&!n.categories.includes(d)&&n.categories.push(d),n.libraryAssets&&!n.libraryAssets[d]&&(n.libraryAssets[d]=[]);let p=window.reRenderAssetLibrary;typeof p=="function"&&p()}}openLibrary(e,t,i){var a;let n=window.__debugContext;if(n){if(n.activeTab!=="library"){n.activeTab="library";let s=window.__updateWorkbenchTabs;typeof s=="function"&&s()}if(n.libraryPanel){let s=window.getEditableObjectConfig,r=s==null?void 0:s(e),l=(a=r==null?void 0:r.identity)==null?void 0:a.category;l||(l=t.split(".")[0]==="render"?"environment":"ui"),console.log("[QuickActionsBar] Highlighting library slot:",e,"category:",l),n.libraryPanel.highlightSlot(e,l)}}}openAIEditor(e,t,i){let n=window.__openAiEditor;if(typeof n=="function"){let a=t.split(".").pop()||t;n(a,`Edit ${a} for ${e}`,i,{objectId:e,path:t})}else console.warn("[QuickActionsBar] AI Editor not available")}openUpload(e,t){var s;let i=window.getEditableObjectConfig,n=i==null?void 0:i(e),a=((s=n==null?void 0:n.identity)==null?void 0:s.category)||(t.split(".")[0]==="render"?"environment":"ui");gn({objectId:e,category:a,onApply:async r=>{var u,h;console.log("[QuickActionsBar] Upload complete, applying asset:",r);let l=window.applyAssetToSlot,c=this.getFilenameFromPath(r),d=/render\.asset\.path/i.test(t)||/\.(png|jpg|jpeg|gif|webp)$/i.test(r);if(typeof l=="function"&&c&&d){console.log("[QuickActionsBar] Applying asset to slot:",e,c,a);try{await l(e,c,a),console.log("[QuickActionsBar] \u2705 Asset applied to slot")}catch(m){console.error("[QuickActionsBar] Failed to apply asset to slot:",m)}}console.log("[QuickActionsBar] Updating property:",e,t,r);try{await this.updateManager.updateProperty(e,t,r),console.log("[QuickActionsBar] \u2705 Property updated")}catch(m){console.error("[QuickActionsBar] Failed to update property:",m)}let p=window.__debugContext;(h=(u=p==null?void 0:p.options)==null?void 0:u.onPropertyChange)==null||h.call(u,e,t,r);let g=window.__highlightLibrarySlot;typeof g=="function"&&setTimeout(()=>{g(e,a)},1e3),window.dispatchEvent(new CustomEvent("inspector:refresh")),window.dispatchEvent(new CustomEvent("config:changed",{detail:{objectId:e,action:"update",path:t}})),console.log("[QuickActionsBar] \u2705 Upload and apply complete")}})}getFilenameFromPath(e){if(!e)return"";let t=e.split("?")[0].replace(/\\/g,"/");return t.split("/").pop()||t}async resetToDefault(e,t){console.log("[QuickActionsBar] Reset to default:",e,t);try{let i=await this.getDefaultValue(e,t);i!==void 0?(await this.updateManager.updateProperty(e,t,i),console.log("[QuickActionsBar] Reset to default value:",i)):alert("No default value found for this property.")}catch(i){console.error("[QuickActionsBar] Failed to reset to default:",i),alert("Failed to reset property. Check console for details.")}}async getDefaultValue(e,t){let i=t.split(".");if(i.length<2)return;let n=i[0],a=i.slice(1),s=window.__editableConfig;if(!(s!=null&&s.schemas))return;let r=null;if(s.schemas instanceof Map?r=s.schemas.get(n):typeof s.schemas=="object"&&(r=s.schemas[n]),!(r!=null&&r.defaults))return;let l=r.defaults;for(let c of a)if(l&&typeof l=="object")l=l[c];else return;return l}handleAiConvert(e,t,i){let n=window.__openAiEditor;if(typeof n=="function"){let s=`A single, high-quality, high-detail game UI icon/asset representing "${String(i||e.replace(/_/g," ").replace("json.",""))}". Modern stylized 3D rendered style, vibrant colors, soft lighting, isolated on solid magenta background, highly polished professional game art.`,r="render.asset.path";console.log("[QuickActionsBar] AI Convert for:",e,"from:",t,"to:",r),n(e,s,"",{objectId:e,path:r});let l=window.__debugContext;if(l){l.activeTab="ai";let c=window.__updateWorkbenchTabs;typeof c=="function"&&c()}}else console.warn("[QuickActionsBar] AI Editor not available")}};var Ur=[{value:"loading",label:"Loading"},{value:"start",label:"Start"},{value:"gameplay",label:"Gameplay"},{value:"tutorial",label:"Tutorial"},{value:"endgame",label:"Endgame"}],qr=["environment","ui","character","system","backgrounds"],Vr=["bg","world","ui"],Cs={SwerveMove:{speed:5,sensitivity:1,directionMode:"dominantAxis",axis:"both",bounds:{left:-400,right:400,top:-300,bottom:300}},DragToWin:{targetId:"",successDistance:80},DragSnap:{snapTargetId:"",snapDistance:40},JoystickMove:{speed:6,bounds:{left:-400,right:400,top:-300,bottom:300}}},ii=class{constructor(){this.modal=null;this.state=null}open(e){this.state=this.createInitialState(e),this.createModal(),document.body.appendChild(this.modal),this.attachEventListeners(),this.updateStepUI()}close(){this.modal&&this.modal.parentNode&&this.modal.parentNode.removeChild(this.modal),window.__wizardAssetPicker=null,this.modal=null,this.state=null}createInitialState(e){return{step:1,objectType:"sprite",instanceId:"",displayName:"",category:"environment",screenId:e.screenId,layer:"world",positionMode:"static",anchorPreset:"center",anchorX:.5,anchorY:.5,positionX:0,positionY:0,offsetX:0,offsetY:0,scale:.2,rotation:0,zIndex:0,assetPath:"",tint:"",alpha:1,text:"",font:"brand.primary",fontSize:18,letterSpacing:0,align:"center",graphicsWidth:200,graphicsHeight:200,graphicsFill:"#FFFFFF",graphicsAlpha:1,interactionEnabled:!1,dragEnabled:!1,hoverEnabled:!1,clickEnabled:!1,logicId:"",logicPropsRaw:""}}createModal(){let e=document.createElement("div");e.className="wizard-modal",e.innerHTML=`
|
|
2
2
|
<div class="wizard-card">
|
|
3
3
|
<div class="wizard-header">
|
|
4
4
|
<div class="wizard-title">
|
|
@@ -288,7 +288,7 @@ import{a as Wt,c as en,d as Ae,e as tn}from"./chunk-I5OOVR5U.js";import{i as Jt}
|
|
|
288
288
|
OK = Share, Cancel = Snapshot`);try{let c=await fetch("/api/objects/duplicate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({sourceId:this.options.objectId,newInstanceId:t,shareConfig:i,screenId:this.options.screenId})}),d=await c.json().catch(()=>({}));if(!c.ok||(d==null?void 0:d.success)===!1){let p=((n=d==null?void 0:d.errors)==null?void 0:n.join(`
|
|
289
289
|
`))||(d==null?void 0:d.error)||"Duplicate failed.";alert(p);return}(s=(a=this.options).onRefresh)==null||s.call(a),(l=(r=this.options).onSelect)==null||l.call(r,t),this.close()}catch(c){alert(`Duplicate failed: ${c instanceof Error?c.message:String(c)}`)}}async handleRename(){var t,i,n,a,s;let e=window.prompt("New instance ID",this.options.objectId);if(!(!e||e===this.options.objectId)){if(!this.isInstanceIdUnique(e)){alert(`Instance ID "${e}" already exists.`);return}try{let r=await fetch("/api/objects/rename",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({objectId:this.options.objectId,screenId:this.options.screenId,newInstanceId:e})}),l=await r.json().catch(()=>({}));if(!r.ok||(l==null?void 0:l.success)===!1){let c=((t=l==null?void 0:l.errors)==null?void 0:t.join(`
|
|
290
290
|
`))||(l==null?void 0:l.error)||"Rename failed.";alert(c);return}(n=(i=this.options).onRefresh)==null||n.call(i),(s=(a=this.options).onSelect)==null||s.call(a,e),this.close()}catch(r){alert(`Rename failed: ${r instanceof Error?r.message:String(r)}`)}}}async handleMove(){var i,n,a;let e=window.prompt("Move to screen (loading/start/gameplay/tutorial/endgame)",this.options.screenId);if(!e)return;let t=e.trim();if(!["loading","start","gameplay","tutorial","endgame"].includes(t)){alert("Invalid screen. Use: loading, start, gameplay, tutorial, endgame.");return}if(t!==this.options.screenId){if(this.options.onMoveRequest){this.options.onMoveRequest(this.options.objectId,t),this.close();return}try{let s=await fetch("/api/objects/move",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({objectId:this.options.objectId,fromScreenId:this.options.screenId,toScreenId:t})}),r=await s.json().catch(()=>({}));if(!s.ok||(r==null?void 0:r.success)===!1){let l=((i=r==null?void 0:r.errors)==null?void 0:i.join(`
|
|
291
|
-
`))||(r==null?void 0:r.error)||"Move failed.";alert(l);return}(a=(n=this.options).onRefresh)==null||a.call(n),this.close()}catch(s){alert(`Move failed: ${s instanceof Error?s.message:String(s)}`)}}}handleCopyConfig(){var n,a;let e=window.getEditableObjectConfig,t=typeof e=="function"?e(this.options.objectId):null;if(!t){let s=window.__editableObjectConfigs;s&&typeof s.get=="function"&&(t=(n=s.get(this.options.objectId))!=null?n:null)}if(!t){alert("Config not found.");return}let i=JSON.stringify(t,null,2);(a=navigator.clipboard)==null||a.writeText(i).catch(()=>{alert("Failed to copy to clipboard.")}),this.close()}handleOpenInspector(){var t,i;let e=window.__previewSelectObject;typeof e=="function"&&e(this.options.objectId),(i=(t=this.options).onSelect)==null||i.call(t,this.options.objectId),this.close()}handleChangeImage(){var i,n;let e=this.getObjectConfig(),t=((n=(i=e==null?void 0:e.render)==null?void 0:i.asset)==null?void 0:n.path)||"";import("./AssetEditorModal-N52QSFSY.js").then(({AssetEditorModal:a})=>{new a().show(this.options.objectId,"render.asset.path",t,r=>{var c,d;let l=window.updateEditableObjectConfig;typeof l=="function"&&(l(this.options.objectId,"render.asset.path",r),(d=(c=this.options).onRefresh)==null||d.call(c))})}).catch(a=>{console.error("Failed to load AssetEditorModal:",a),this.handleGoToLibrary()}),this.close()}handleEditImageCrop(){var n,a;let e=this.getObjectConfig(),t=(a=(n=e==null?void 0:e.render)==null?void 0:n.asset)==null?void 0:a.path;if(!t){alert("No image asset found for this object."),this.close();return}let i
|
|
291
|
+
`))||(r==null?void 0:r.error)||"Move failed.";alert(l);return}(a=(n=this.options).onRefresh)==null||a.call(n),this.close()}catch(s){alert(`Move failed: ${s instanceof Error?s.message:String(s)}`)}}}handleCopyConfig(){var n,a;let e=window.getEditableObjectConfig,t=typeof e=="function"?e(this.options.objectId):null;if(!t){let s=window.__editableObjectConfigs;s&&typeof s.get=="function"&&(t=(n=s.get(this.options.objectId))!=null?n:null)}if(!t){alert("Config not found.");return}let i=JSON.stringify(t,null,2);(a=navigator.clipboard)==null||a.writeText(i).catch(()=>{alert("Failed to copy to clipboard.")}),this.close()}handleOpenInspector(){var t,i;let e=window.__previewSelectObject;typeof e=="function"&&e(this.options.objectId),(i=(t=this.options).onSelect)==null||i.call(t,this.options.objectId),this.close()}handleChangeImage(){var i,n;let e=this.getObjectConfig(),t=((n=(i=e==null?void 0:e.render)==null?void 0:i.asset)==null?void 0:n.path)||"";import("./AssetEditorModal-N52QSFSY.js").then(({AssetEditorModal:a})=>{new a().show(this.options.objectId,"render.asset.path",t,r=>{var c,d;let l=window.updateEditableObjectConfig;typeof l=="function"&&(l(this.options.objectId,"render.asset.path",r),(d=(c=this.options).onRefresh)==null||d.call(c))})}).catch(a=>{console.error("Failed to load AssetEditorModal:",a),this.handleGoToLibrary()}),this.close()}handleEditImageCrop(){var n,a;let e=this.getObjectConfig(),t=(a=(n=e==null?void 0:e.render)==null?void 0:n.asset)==null?void 0:a.path;if(!t){alert("No image asset found for this object."),this.close();return}let i;t.startsWith("http")||t.startsWith("data:")?i=t:t.startsWith("raw/")||t.startsWith("/raw/")?i=t.startsWith("/")?t:`/${t}`:i=`/raw/${t}`,console.log("[ObjectContextMenu] Opening crop modal with image:",i),import("./AssetCropModal-JJSHJZCX.js").then(({AssetCropModal:s})=>{new s().open({imageSrc:i,onCrop:async l=>{var c,d,p;try{let g=((c=e==null?void 0:e.identity)==null?void 0:c.category)||"ui",u=this.options.objectId.replace(/^json\./,"").replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,""),m=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:g,filename:`${u}_cropped_${Date.now()}.png`,data:l,overwrite:!0})})).json();if(m.success&&m.path){console.log("[ObjectContextMenu] \u2705 Cropped image saved:",m.path);let f=window.addAssetToRegistry;if(typeof f=="function"){let w=m.path.split("/").pop()||"";f(g,w)}let b=window.refreshAssetLibrary;typeof b=="function"&&await b();let y=window.applyAssetToSlot;if(typeof y=="function"){let w=m.path.split("/").pop()||"";await y(this.options.objectId,w,g)}else{let{applyConfigOverride:w}=await import("./ConfigOverride-XECG7H5B.js");w({objectId:this.options.objectId,path:"render.asset.path",value:m.path},{persist:!0,emitEvent:!0})}window.dispatchEvent(new CustomEvent("config:changed",{detail:{objectId:this.options.objectId,action:"update",path:"render.asset.path"}})),(p=(d=this.options).onRefresh)==null||p.call(d),console.log("[ObjectContextMenu] \u2705 Cropped image applied")}else alert(`Failed to save cropped image: ${m.error||"Unknown error"}`)}catch(g){alert(`Failed to save cropped image: ${g instanceof Error?g.message:String(g)}`)}},onCancel:()=>{}})}).catch(s=>{console.error("Failed to load AssetCropModal:",s),alert("Crop editor not available.")}),this.close()}handleEditImageAI(){var i,n;let e=this.getObjectConfig(),t=((n=(i=e==null?void 0:e.render)==null?void 0:i.asset)==null?void 0:n.path)||"";import("./AssetEditorModal-N52QSFSY.js").then(({AssetEditorModal:a})=>{new a().show(this.options.objectId,"render.asset.path",t,r=>{var c,d;let l=window.updateEditableObjectConfig;typeof l=="function"&&(l(this.options.objectId,"render.asset.path",r),(d=(c=this.options).onRefresh)==null||d.call(c))}),setTimeout(()=>{let r=document.querySelector('.asset-editor-tab[data-tab="ai"]');r==null||r.click()},100)}).catch(a=>{console.error("Failed to load AssetEditorModal:",a),alert("AI editor not available.")}),this.close()}handleUploadImage(){var i,n;let e=this.getObjectConfig(),t=((n=(i=e==null?void 0:e.render)==null?void 0:i.asset)==null?void 0:n.path)||"";import("./AssetEditorModal-N52QSFSY.js").then(({AssetEditorModal:a})=>{new a().show(this.options.objectId,"render.asset.path",t,r=>{var c,d;let l=window.updateEditableObjectConfig;typeof l=="function"&&(l(this.options.objectId,"render.asset.path",r),(d=(c=this.options).onRefresh)==null||d.call(c))}),setTimeout(()=>{let r=document.querySelector('.asset-editor-tab[data-tab="upload"]');r==null||r.click()},100)}).catch(a=>{console.error("Failed to load AssetEditorModal:",a),alert("Upload not available.")}),this.close()}handleGoToLibrary(){var t;let e=window.__debugContext;if(e){(t=e.setActiveTab)==null||t.call(e,"library");let i=window.__highlightLibrarySlot;typeof i=="function"&&i(this.options.objectId)}this.close()}handleAddLogic(){this.handleOpenInspector(),setTimeout(()=>{var t,i,n;let e=document.querySelector('[data-path="logic.id"]');if(e)(t=e.focus)==null||t.call(e),(i=e.scrollIntoView)==null||i.call(e,{behavior:"smooth",block:"center"});else{let a=document.querySelector('[data-section="logic"]');(n=a==null?void 0:a.scrollIntoView)==null||n.call(a,{behavior:"smooth",block:"center"})}},100),this.close()}getObjectConfig(){var i;let e=window.getEditableObjectConfig;if(typeof e=="function")return e(this.options.objectId);let t=window.__editableObjectConfigs;return t&&typeof t.get=="function"&&(i=t.get(this.options.objectId))!=null?i:null}isInstanceIdUnique(e){let t=window.getEditableObjectList;if(typeof t=="function"){let a=t();if(Array.isArray(a))return!a.includes(e)}let i=window.__HANDLER_SCREEN_INDEX,n=i==null?void 0:i.instanceToScreen;return n&&typeof n=="object"?!Object.prototype.hasOwnProperty.call(n,e):!0}};var It=[{value:"loading",label:"Loading"},{value:"start",label:"Start"},{value:"gameplay",label:"Gameplay"},{value:"tutorial",label:"Tutorial"},{value:"endgame",label:"Endgame"}],ni=class{constructor(e){this.menu=null;this.closeHandler=null;this.keyHandler=null;this.templates=[];this.isLoadingTemplates=!1;this.targetScreen="gameplay";this.view="root";this.templateQuery="";this.templateGroup=null;this.options=e}getTargetScreenStorageKey(){return`handler_preview_add_menu_target_screen::${typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default"}`}async open(e){await this.loadTemplates(),this.loadTargetScreen(),this.view="root",this.templateQuery="",this.templateGroup=null,this.createMenu(),document.body.appendChild(this.menu),this.positionMenu(e),this.attachListeners()}close(){var e,t;this.menu&&this.menu.parentNode&&this.menu.parentNode.removeChild(this.menu),this.closeHandler&&(window.removeEventListener("click",this.closeHandler),this.closeHandler=null),this.keyHandler&&(window.removeEventListener("keydown",this.keyHandler),this.keyHandler=null),this.menu=null,(t=(e=this.options).onClose)==null||t.call(e)}async loadTemplates(){if(!this.isLoadingTemplates){this.isLoadingTemplates=!0;try{let e=await fetch("/api/objects/templates");if(e.ok){let t=await e.json();this.templates=Array.isArray(t.templates)?t.templates:[]}}catch(e){console.warn("[AddObjectMenu] Failed to load templates:",e),this.templates=[]}finally{this.isLoadingTemplates=!1}}}createMenu(){let e=document.createElement("div");e.className="context-menu",e.setAttribute("data-context-menu","true"),e.innerHTML=this.renderMenuHtml(),this.menu=e,this.updateTargetScreenUI()}positionMenu(e){if(!this.menu)return;let{x:t,y:i}=e;this.menu.style.left=`${t}px`,this.menu.style.top=`${i}px`;let n=this.menu.getBoundingClientRect(),a=n.right-window.innerWidth,s=n.bottom-window.innerHeight;a>0&&(this.menu.style.left=`${t-a-8}px`),s>0&&(this.menu.style.top=`${i-s-8}px`)}attachListeners(){this.menu&&(this.menu.addEventListener("click",e=>{let t=e.target,i=t==null?void 0:t.closest("[data-action]");if(!i||i.classList.contains("disabled"))return;let n=i.dataset.action;if(!n)return;if(e.preventDefault(),e.stopPropagation(),n==="set-screen"){let d=i.dataset.screenId;if(!d||!It.some(p=>p.value===d))return;this.setTargetScreen(d);return}if(n==="open-view"){let d=(i.dataset.view||"").trim();(d==="templates"||d==="templates-group"||d==="screens"||d==="systems"||d==="root")&&this.setView(d);return}if(n==="back"){this.setView("root");return}if(n==="open-template-group"){let d=(i.dataset.templateGroup||"").trim();if(!d)return;this.templateGroup=d,this.setView("templates-group");return}if(n==="template-pack"){let d=(i.dataset.templatePack||"").trim();(d==="ui"||d==="screen")&&this.handleInstallTemplatePack(d);return}let a=i.dataset.objectType,s=i.dataset.systemType,r=i.dataset.templateId,l=i.dataset.screenId,c=l!=null?l:this.targetScreen;n==="object"&&a?this.handleCreateObject(a,c):n==="system"&&s?this.handleCreateSystem(s,c):n==="template"&&r&&this.handleCreateFromTemplate(r,c)}),this.menu.addEventListener("input",e=>{if(!this.menu)return;let t=e.target,i=t&&t instanceof HTMLInputElement?t:null;i&&i.classList.contains("context-menu-search")&&(this.templateQuery=i.value||"",this.updateMenuContents({preserveTemplateSearchFocus:!0}))}),this.closeHandler=e=>{let t=e.target;this.menu&&t&&this.menu.contains(t)||this.close()},window.addEventListener("click",this.closeHandler),this.keyHandler=e=>{e.key==="Escape"&&this.close()},window.addEventListener("keydown",this.keyHandler))}async promptScreen(e="Select Screen"){return new Promise(t=>{var c,d,p;let i=document.createElement("div");i.className="add-menu-modal-overlay",i.innerHTML=`
|
|
292
292
|
<div class="add-menu-modal">
|
|
293
293
|
<div class="add-menu-modal-header">
|
|
294
294
|
<div class="add-menu-modal-title">${this.escapeHtml(e)}</div>
|
|
@@ -297,7 +297,7 @@ OK = Share, Cancel = Snapshot`);try{let c=await fetch("/api/objects/duplicate",{
|
|
|
297
297
|
<div class="add-menu-modal-body">
|
|
298
298
|
<label class="add-menu-modal-label">Screen:</label>
|
|
299
299
|
<select class="add-menu-modal-select" id="screen-select" required>
|
|
300
|
-
${
|
|
300
|
+
${It.map((g,u)=>`<option value="${this.escapeHtml(g.value)}" ${u===2?"selected":""}>${this.escapeHtml(g.label)}</option>`).join("")}
|
|
301
301
|
</select>
|
|
302
302
|
</div>
|
|
303
303
|
<div class="add-menu-modal-footer">
|
|
@@ -305,7 +305,7 @@ OK = Share, Cancel = Snapshot`);try{let c=await fetch("/api/objects/duplicate",{
|
|
|
305
305
|
<button class="add-menu-modal-btn add-menu-modal-btn-primary" type="button" data-action="confirm">Confirm</button>
|
|
306
306
|
</div>
|
|
307
307
|
</div>
|
|
308
|
-
`;let n=()=>{i.parentNode&&i.parentNode.removeChild(i)},a=()=>{let
|
|
308
|
+
`;let n=()=>{i.parentNode&&i.parentNode.removeChild(i)},a=()=>{let u=i.querySelector("#screen-select").value.trim();if(!u||!It.some(h=>h.value===u)){alert("Please select a valid screen.");return}n(),t(u)},s=()=>{n(),t(null)};i.querySelector(".add-menu-modal").addEventListener("click",g=>{g.stopPropagation()}),(c=i.querySelector('[data-action="confirm"]'))==null||c.addEventListener("click",a),(d=i.querySelector('[data-action="cancel"]'))==null||d.addEventListener("click",s),(p=i.querySelector(".add-menu-modal-close"))==null||p.addEventListener("click",s),i.addEventListener("click",g=>{g.target===i&&s()});let l=i.querySelector("#screen-select");l.addEventListener("keydown",g=>{g.key==="Enter"?(g.preventDefault(),a()):g.key==="Escape"&&(g.preventDefault(),s())}),document.body.appendChild(i),l.focus()})}loadTargetScreen(){try{let t=(window.localStorage.getItem(this.getTargetScreenStorageKey())||"").trim();It.some(i=>i.value===t)?this.targetScreen=t:this.targetScreen="gameplay"}catch{this.targetScreen="gameplay"}}setTargetScreen(e){this.targetScreen=e;try{window.localStorage.setItem(this.getTargetScreenStorageKey(),e)}catch{}this.updateTargetScreenUI()}updateTargetScreenUI(){let e=this.menu;if(!e)return;Array.from(e.querySelectorAll(".context-menu-screen-chip[data-screen-id]")).forEach(i=>{let n=i.dataset.screenId;i.classList.toggle("active",n===this.targetScreen)})}setView(e){var t;if(this.view=e,e!=="templates-group"&&(this.templateGroup=null),this.updateMenuContents(),e==="templates"||e==="templates-group"){let i=(t=this.menu)==null?void 0:t.querySelector(".context-menu-search");i&&i.focus()}}updateMenuContents(e){if(!this.menu)return;let t=!!(e!=null&&e.preserveTemplateSearchFocus)&&document.activeElement===this.menu.querySelector(".context-menu-search");if(this.menu.innerHTML=this.renderMenuHtml(),this.updateTargetScreenUI(),t){let i=this.menu.querySelector(".context-menu-search");i==null||i.focus(),i&&(i.selectionStart=i.selectionEnd=i.value.length)}}renderMenuHtml(){return this.view==="templates"?this.renderTemplatesView():this.view==="templates-group"?this.renderTemplatesGroupView():this.view==="screens"?this.renderScreensView():this.view==="systems"?this.renderSystemsView():this.renderRootView()}getPackTemplateIds(e){return e==="ui"?["template.ui.rotating_logo","template.ui.floating_cta_badge","template.ui.bottom_cta_button","template.ui.hand_pointer","template.ui.title_banner","template.ui.instruction_text","template.ui.score_hud"]:["template.screen.rotating_coin","template.screen.rotating_gem","template.screen.tap_destroy_target","template.screen.draggable_piece","template.screen.snap_slot","template.screen.collectable_coin","template.screen.player_swerve","template.screen.enemy_damageable"]}getMissingPackTemplateIds(e){let t=new Set(this.templates.map(i=>String(i.id||"").toLowerCase()));return this.getPackTemplateIds(e).filter(i=>!t.has(i.toLowerCase()))}async handleInstallTemplatePack(e){var t;try{let n=await fetch(e==="ui"?"/api/templates/ui":"/api/templates/screen",{method:"POST",headers:{"Content-Type":"application/json"},body:"{}"}),a=await n.json().catch(()=>({}));if(!n.ok||(a==null?void 0:a.success)===!1){let s=((t=a==null?void 0:a.errors)==null?void 0:t.join(`
|
|
309
309
|
`))||(a==null?void 0:a.error)||"Failed to install templates.";alert(s);return}await this.loadTemplates(),this.updateMenuContents()}catch(i){alert(`Failed to install templates: ${i instanceof Error?i.message:String(i)}`)}}renderRootView(){let e=this.templates.length;return`
|
|
310
310
|
${this.renderTargetScreenSection()}
|
|
311
311
|
<div class="context-menu-section-title">Objects</div>
|
|
@@ -354,14 +354,14 @@ OK = Share, Cancel = Snapshot`);try{let c=await fetch("/api/objects/duplicate",{
|
|
|
354
354
|
`}renderTargetScreenSection(){return`
|
|
355
355
|
<div class="context-menu-section-title">Target Screen</div>
|
|
356
356
|
<div class="context-menu-screen-grid">
|
|
357
|
-
${
|
|
357
|
+
${It.map(e=>`
|
|
358
358
|
<button class="context-menu-screen-chip ${e.value===this.targetScreen?"active":""}" type="button" data-action="set-screen" data-screen-id="${this.escapeHtml(e.value)}">
|
|
359
359
|
${this.escapeHtml(e.label)}
|
|
360
360
|
</button>
|
|
361
361
|
`).join("")}
|
|
362
362
|
</div>
|
|
363
363
|
<div class="context-menu-separator"></div>
|
|
364
|
-
`}groupTemplates(e){let t=new Map,i=(n,a)=>{var r;let s=(r=t.get(n))!=null?r:[];s.push(a),t.set(n,s)};return e.forEach(n=>{let a=(n.id||"").toLowerCase();return a.startsWith("template.ui.")||a.startsWith("template.start.")||a.startsWith("template.endgame.")?i("UI Templates",n):a.startsWith("template.screen.")?i("Screen Templates",n):a.includes(".template")?i("Gameplay Templates",n):a.startsWith("effects.")||a.includes("effect")?i("Effects",n):i("Other",n)}),t}async promptName(e="new_object",t="Enter Object Name"){return new Promise(i=>{var d,p,
|
|
364
|
+
`}groupTemplates(e){let t=new Map,i=(n,a)=>{var r;let s=(r=t.get(n))!=null?r:[];s.push(a),t.set(n,s)};return e.forEach(n=>{let a=(n.id||"").toLowerCase();return a.startsWith("template.ui.")||a.startsWith("template.start.")||a.startsWith("template.endgame.")?i("UI Templates",n):a.startsWith("template.screen.")?i("Screen Templates",n):a.includes(".template")?i("Gameplay Templates",n):a.startsWith("effects.")||a.includes("effect")?i("Effects",n):i("Other",n)}),t}async promptName(e="new_object",t="Enter Object Name"){return new Promise(i=>{var d,p,g;let n=document.createElement("div");n.className="add-menu-modal-overlay",n.innerHTML=`
|
|
365
365
|
<div class="add-menu-modal">
|
|
366
366
|
<div class="add-menu-modal-header">
|
|
367
367
|
<div class="add-menu-modal-title">${this.escapeHtml(t)}</div>
|
|
@@ -377,7 +377,7 @@ OK = Share, Cancel = Snapshot`);try{let c=await fetch("/api/objects/duplicate",{
|
|
|
377
377
|
<button class="add-menu-modal-btn add-menu-modal-btn-primary" type="button" data-action="confirm">Confirm</button>
|
|
378
378
|
</div>
|
|
379
379
|
</div>
|
|
380
|
-
`;let a=()=>{n.parentNode&&n.parentNode.removeChild(n)},s=()=>{let h=n.querySelector("#name-input").value.trim(),m=this.sanitizeInstanceId(h);if(!m){alert("Invalid name. Use letters, numbers, dots, dashes, or underscores.");return}a(),i(m)},r=()=>{a(),i(null)};n.querySelector(".add-menu-modal").addEventListener("click",
|
|
380
|
+
`;let a=()=>{n.parentNode&&n.parentNode.removeChild(n)},s=()=>{let h=n.querySelector("#name-input").value.trim(),m=this.sanitizeInstanceId(h);if(!m){alert("Invalid name. Use letters, numbers, dots, dashes, or underscores.");return}a(),i(m)},r=()=>{a(),i(null)};n.querySelector(".add-menu-modal").addEventListener("click",u=>{u.stopPropagation()}),(d=n.querySelector('[data-action="confirm"]'))==null||d.addEventListener("click",s),(p=n.querySelector('[data-action="cancel"]'))==null||p.addEventListener("click",r),(g=n.querySelector(".add-menu-modal-close"))==null||g.addEventListener("click",r),n.addEventListener("click",u=>{u.target===n&&r()});let c=n.querySelector("#name-input");c.addEventListener("keydown",u=>{u.key==="Enter"?(u.preventDefault(),s()):u.key==="Escape"&&(u.preventDefault(),r())}),c.select(),document.body.appendChild(n),c.focus()})}async promptSpawnerConfig(){return new Promise(e=>{var f,b,y;let t=document.createElement("div");t.className="add-menu-modal-overlay";let i="template_id",n=`${i}_spawner_1`,a="",s=JSON.stringify([{x:-120,y:-120},{x:0,y:-120},{x:120,y:-120}],null,2),r=JSON.stringify({x:[-240,240],y:[-170,-170]},null,2),l="";t.innerHTML=`
|
|
381
381
|
<div class="add-menu-modal add-menu-modal-wide">
|
|
382
382
|
<div class="add-menu-modal-header">
|
|
383
383
|
<div class="add-menu-modal-title">
|
|
@@ -507,18 +507,18 @@ OK = Share, Cancel = Snapshot`);try{let c=await fetch("/api/objects/duplicate",{
|
|
|
507
507
|
<button class="add-menu-modal-btn add-menu-modal-btn-primary" type="button" data-action="confirm">Create Spawner</button>
|
|
508
508
|
</div>
|
|
509
509
|
</div>
|
|
510
|
-
`;let c=()=>{t.parentNode&&t.parentNode.removeChild(t)},d=t.querySelectorAll(".add-menu-modal-tab"),p=t.querySelectorAll(".add-menu-modal-tab-content");d.forEach(w=>{w.addEventListener("click",()=>{var L;let v=w.dataset.tab;d.forEach(
|
|
511
|
-
`))||(
|
|
512
|
-
`))||(d==null?void 0:d.error)||"Failed to create from template.";alert(p);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(l=(r=this.options).onRefresh)==null||l.call(r)}catch(c){alert(`Failed to create from template: ${c instanceof Error?c.message:String(c)}`)}}async handleCreateSystem(e,t){var n,a,s,r,l,c,d,p,u,
|
|
510
|
+
`;let c=()=>{t.parentNode&&t.parentNode.removeChild(t)},d=t.querySelectorAll(".add-menu-modal-tab"),p=t.querySelectorAll(".add-menu-modal-tab-content");d.forEach(w=>{w.addEventListener("click",()=>{var L;let v=w.dataset.tab;d.forEach(j=>j.classList.remove("active")),p.forEach(j=>j.classList.remove("active")),w.classList.add("active"),(L=t.querySelector(`[data-tab-content="${v}"]`))==null||L.classList.add("active")})});let g=w=>{let v=w.trim();if(!v)return null;try{return JSON.parse(v)}catch{return null}},u=()=>{var B;let w=t.querySelector("#spawner-instance-id").value.trim(),v=t.querySelector("#spawner-template-id").value.trim(),L=t.querySelector("#spawner-spawn-templates").value,j=t.querySelector("#spawner-position-source").value.trim(),_=t.querySelector("#spawner-point-mode").value.trim(),P=t.querySelector("#spawner-spawn-points").value,M=t.querySelector("#spawner-pattern").value.trim(),T=Number(t.querySelector("#spawner-rate").value.trim()),k=Number(t.querySelector("#spawner-pool").value.trim()),E=Number(t.querySelector("#spawner-lifetime").value.trim()),x=t.querySelector("#spawner-return-on-invisible").checked,S=t.querySelector("#spawner-movement").value.trim(),C=Number(t.querySelector("#spawner-vel-x").value.trim()),A=Number(t.querySelector("#spawner-vel-y").value.trim()),O=t.querySelector("#spawner-velocity-range").value,I=g(L),R=Array.isArray(I)&&I.length?I:null,z=typeof((B=R==null?void 0:R[0])==null?void 0:B.templateId)=="string"?String(R[0].templateId):v;if(!w){alert("Instance ID is required.");return}if(!z){alert("Template ID is required.");return}let D={templateId:z,spawnPattern:M,spawnRate:Number.isFinite(T)?T:650,poolSize:Number.isFinite(k)?k:18,returnOnInvisible:x,positionSource:j,spawnPointMode:_,movementMode:S,lifetime:Number.isFinite(E)?E:5e3};R&&(D.spawnTemplates=R);let U=g(P);Array.isArray(U)&&(D.spawnPoints=U),Number.isFinite(C)&&Number.isFinite(A)&&(D.velocity={x:C,y:A});let H=g(O);H&&typeof H=="object"&&(D.velocityRange=H),c(),e({templateId:z,instanceId:w,spawnerProps:D})},h=()=>{c(),e(null)};t.querySelector(".add-menu-modal").addEventListener("click",w=>w.stopPropagation()),(f=t.querySelector('[data-action="confirm"]'))==null||f.addEventListener("click",u),(b=t.querySelector('[data-action="cancel"]'))==null||b.addEventListener("click",h),(y=t.querySelector(".add-menu-modal-close"))==null||y.addEventListener("click",h),t.addEventListener("click",w=>{w.target===t&&h()}),document.body.appendChild(t),t.querySelector("#spawner-instance-id").focus()})}sanitizeInstanceId(e){let t=e.trim();return!t||!/^[a-zA-Z0-9._-]+$/.test(t)?null:t}buildDefaultConfig(e,t,i){let n=`json.${t}`,a={identity:{id:n,category:e==="ui-image"||e==="ui-text"?"ui":"environment"},transform:{position:{x:0,y:0},offset:{x:0,y:0},scale:e==="sprite"||e==="ui-image"?.2:1,rotation:0,anchor:"center",position_ratio:null,position_mode:"static"},render:{alpha:1,visible:!0,tint:null,z_index:0},instance_id:t,object_config:n};return(e==="sprite"||e==="ui-image")&&(a.render.asset={type:"image",path:`raw/${i}.png`}),e==="ui-text"&&(a.ui={kind:"text",renderMode:"text",text:i,font:"brand.primary",fontSize:18,letterSpacing:0,align:"center",color:"#FFFFFF"}),e==="graphics"&&(a.effects={width:200,height:200,fill_color:"#FFFFFF",fill_alpha:1}),a}async handleCreateObject(e,t){var l,c,d;this.close();let i=t!=null?t:await this.promptScreen();if(!i)return;let n=e==="ui-text"?"text_1":e==="graphics"?"graphics_1":"sprite_1",a=await this.promptName(n);if(!a)return;let s=a,r=this.buildDefaultConfig(e,s,a);try{let p=await fetch("/api/objects/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i,instanceId:s,objectConfigId:r.identity.id,layer:e==="ui-image"||e==="ui-text"?"ui":"world",config:r,forceSync:!0})}),g=await p.json().catch(()=>({}));if(!p.ok||(g==null?void 0:g.success)===!1){let h=((l=g==null?void 0:g.errors)==null?void 0:l.join(`
|
|
511
|
+
`))||(g==null?void 0:g.error)||"Failed to create object.";alert(h);return}let{trackObjectCreation:u}=await import("./ConfigOverride-XECG7H5B.js");u(s,i,r),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),window.dispatchEvent(new CustomEvent("config:changed")),(d=(c=this.options).onRefresh)==null||d.call(c)}catch(p){alert(`Failed to create object: ${p instanceof Error?p.message:String(p)}`)}}async handleCreateFromTemplate(e,t){var s,r,l;this.close();let i=t!=null?t:await this.promptScreen();if(!i)return;let n=e.replace(/\.template$/,"").replace(/^json\./,"").replace(/[._]/g,"_")+"_1",a=await this.promptName(n);if(a)try{let c=await fetch("/api/objects/create-from-template",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({templateId:e,instanceId:a,screenId:i,forceSync:!0})}),d=await c.json().catch(()=>({}));if(!c.ok||(d==null?void 0:d.success)===!1){let p=((s=d==null?void 0:d.errors)==null?void 0:s.join(`
|
|
512
|
+
`))||(d==null?void 0:d.error)||"Failed to create from template.";alert(p);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(l=(r=this.options).onRefresh)==null||l.call(r)}catch(c){alert(`Failed to create from template: ${c instanceof Error?c.message:String(c)}`)}}async handleCreateSystem(e,t){var n,a,s,r,l,c,d,p,g,u,h,m,f,b,y,w,v,L,j,_,P,M,T,k,E,x,S;this.close();let i=t!=null?t:await this.promptScreen();if(i){if(e==="collectable-system")try{let C=await fetch("/api/systems/collectable-system",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i})}),A=await C.json().catch(()=>({}));if(!C.ok||(A==null?void 0:A.success)===!1){let O=((n=A==null?void 0:A.errors)==null?void 0:n.join(`
|
|
513
513
|
`))||(A==null?void 0:A.error)||"Failed to create collectable system.";alert(O);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(s=(a=this.options).onRefresh)==null||s.call(a)}catch(C){alert(`Failed to create collectable system: ${C instanceof Error?C.message:String(C)}`)}if(e==="drag-snap-couples")try{let C=await fetch("/api/systems/drag-snap-couples",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i})}),A=await C.json().catch(()=>({}));if(!C.ok||(A==null?void 0:A.success)===!1){let O=((r=A==null?void 0:A.errors)==null?void 0:r.join(`
|
|
514
514
|
`))||(A==null?void 0:A.error)||"Failed to create drag-snap system.";alert(O);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(c=(l=this.options).onRefresh)==null||c.call(l)}catch(C){alert(`Failed to create drag-snap system: ${C instanceof Error?C.message:String(C)}`)}if(e==="swerve-collect")try{let C=await fetch("/api/systems/swerve-collect",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i})}),A=await C.json().catch(()=>({}));if(!C.ok||(A==null?void 0:A.success)===!1){let O=((d=A==null?void 0:A.errors)==null?void 0:d.join(`
|
|
515
|
-
`))||(A==null?void 0:A.error)||"Failed to create swerve collect system.";alert(O);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(
|
|
515
|
+
`))||(A==null?void 0:A.error)||"Failed to create swerve collect system.";alert(O);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(g=(p=this.options).onRefresh)==null||g.call(p)}catch(C){alert(`Failed to create swerve collect system: ${C instanceof Error?C.message:String(C)}`)}if(e==="tap-destroy")try{let C=await fetch("/api/systems/tap-destroy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i})}),A=await C.json().catch(()=>({}));if(!C.ok||(A==null?void 0:A.success)===!1){let O=((u=A==null?void 0:A.errors)==null?void 0:u.join(`
|
|
516
516
|
`))||(A==null?void 0:A.error)||"Failed to create tap destroy system.";alert(O);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(m=(h=this.options).onRefresh)==null||m.call(h)}catch(C){alert(`Failed to create tap destroy system: ${C instanceof Error?C.message:String(C)}`)}if(e==="scratch-card")try{let C=await fetch("/api/systems/scratch-card",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i})}),A=await C.json().catch(()=>({}));if(!C.ok||(A==null?void 0:A.success)===!1){let O=((f=A==null?void 0:A.errors)==null?void 0:f.join(`
|
|
517
|
-
`))||(A==null?void 0:A.error)||"Failed to create scratch card system.";alert(O);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(y=(b=this.options).onRefresh)==null||y.call(b)}catch(C){alert(`Failed to create scratch card system: ${C instanceof Error?C.message:String(C)}`)}if(e==="start-screen"||e==="start-screen-no-hand")try{let A=await fetch("/api/systems/start-screen",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i,withHand:e==="start-screen"})}),O=await A.json().catch(()=>({}));if(!A.ok||(O==null?void 0:O.success)===!1){let
|
|
518
|
-
`))||(O==null?void 0:O.error)||"Failed to create start screen template.";alert(
|
|
519
|
-
`))||(O==null?void 0:O.error)||"Failed to create endgame screen template.";alert(
|
|
520
|
-
`))||(A==null?void 0:A.error)||"Failed to create bullet system.";alert(O);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(
|
|
521
|
-
`))||(z==null?void 0:z.error)||"Failed to create spawner.";alert(
|
|
517
|
+
`))||(A==null?void 0:A.error)||"Failed to create scratch card system.";alert(O);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(y=(b=this.options).onRefresh)==null||y.call(b)}catch(C){alert(`Failed to create scratch card system: ${C instanceof Error?C.message:String(C)}`)}if(e==="start-screen"||e==="start-screen-no-hand")try{let A=await fetch("/api/systems/start-screen",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i,withHand:e==="start-screen"})}),O=await A.json().catch(()=>({}));if(!A.ok||(O==null?void 0:O.success)===!1){let I=((w=O==null?void 0:O.errors)==null?void 0:w.join(`
|
|
518
|
+
`))||(O==null?void 0:O.error)||"Failed to create start screen template.";alert(I);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(L=(v=this.options).onRefresh)==null||L.call(v)}catch(C){alert(`Failed to create start screen template: ${C instanceof Error?C.message:String(C)}`)}if(e==="endgame-screen"||e==="endgame-screen-no-hand")try{let A=await fetch("/api/systems/endgame-screen",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i,withHand:e==="endgame-screen"})}),O=await A.json().catch(()=>({}));if(!A.ok||(O==null?void 0:O.success)===!1){let I=((j=O==null?void 0:O.errors)==null?void 0:j.join(`
|
|
519
|
+
`))||(O==null?void 0:O.error)||"Failed to create endgame screen template.";alert(I);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(P=(_=this.options).onRefresh)==null||P.call(_)}catch(C){alert(`Failed to create endgame screen template: ${C instanceof Error?C.message:String(C)}`)}if(e==="bullet-system")try{let C=await fetch("/api/systems/bullet-system",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i})}),A=await C.json().catch(()=>({}));if(!C.ok||(A==null?void 0:A.success)===!1){let O=((M=A==null?void 0:A.errors)==null?void 0:M.join(`
|
|
520
|
+
`))||(A==null?void 0:A.error)||"Failed to create bullet system.";alert(O);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(k=(T=this.options).onRefresh)==null||k.call(T)}catch(C){alert(`Failed to create bullet system: ${C instanceof Error?C.message:String(C)}`)}if(e==="spawner"){let C=await this.promptSpawnerConfig();if(!C)return;let{templateId:A,instanceId:O,spawnerProps:I}=C;try{let R=await fetch("/api/systems/spawner",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i,templateId:A,instanceId:O,spawnerProps:I,forceSync:!0})}),z=await R.json().catch(()=>({}));if(!R.ok||(z==null?void 0:z.success)===!1){let D=((E=z==null?void 0:z.errors)==null?void 0:E.join(`
|
|
521
|
+
`))||(z==null?void 0:z.error)||"Failed to create spawner.";alert(D);return}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),(S=(x=this.options).onRefresh)==null||S.call(x)}catch(R){alert(`Failed to create spawner: ${R instanceof Error?R.message:String(R)}`)}}}}escapeHtml(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}async syncScreens(){try{let e=window.__HANDLER_ACTIVE_SCREEN;await fetch("/api/sync-screens",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({force:!0,screenId:e})})}catch(e){console.warn("[AddObjectMenu] Failed to sync screens:",e)}}};var ai=class{constructor(){this.root=null;this.listContainer=null;this.searchInput=null;this.selectedId=null;this.selectedIds=new Set;this.lastSelectedIndex=-1;this.objectEntries=[];this.options=null;this.retryTimer=null;this.screenFilter="all";this.isContextMenuOpen=!1;this.systemBundles=new Map;this.collapsedGroups=new Set}getScreenFilterStorageKey(){return`handler_preview_screen_filter::${typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default"}`}getCollapseStorageKey(){return`handler_preview_scene_collapsed::${typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default"}`}loadCollapsedGroups(){try{let e=window.localStorage.getItem(this.getCollapseStorageKey());if(!e)return;let t=JSON.parse(e);Array.isArray(t)&&(this.collapsedGroups=new Set(t.filter(i=>typeof i=="string")))}catch{}}persistCollapsedGroups(){try{window.localStorage.setItem(this.getCollapseStorageKey(),JSON.stringify(Array.from(this.collapsedGroups)))}catch{}}isCollapsed(e){return this.collapsedGroups.has(e)}setCollapsed(e,t){t?this.collapsedGroups.add(e):this.collapsedGroups.delete(e),this.persistCollapsedGroups()}getCollapseKey(e){return encodeURIComponent(e)}getSystemBundleKey(e,t){return this.getCollapseKey(`bundle:${e}::${t}`)}render(){return`
|
|
522
522
|
<div class="scene-panel scene-objects panel-accent-teal" data-panel="scene-objects">
|
|
523
523
|
<div class="scene-panel-header" data-panel-handle>
|
|
524
524
|
<div class="panel-title">
|
|
@@ -553,7 +553,7 @@ OK = Share, Cancel = Snapshot`);try{let c=await fetch("/api/objects/duplicate",{
|
|
|
553
553
|
</div>
|
|
554
554
|
<div class="panel-resize-handle-v" data-panel-resize-v></div>
|
|
555
555
|
</div>
|
|
556
|
-
`}initialize(e,t){var a,s,r,l,c,d,p,
|
|
556
|
+
`}initialize(e,t){var a,s,r,l,c,d,p,g;this.options=t,this.root=e.querySelector('[data-panel="scene-objects"]'),this.listContainer=(a=this.root)==null?void 0:a.querySelector("[data-object-list]"),this.searchInput=(s=this.root)==null?void 0:s.querySelector("#scene-object-search"),(r=this.searchInput)==null||r.addEventListener("input",()=>this.refreshObjects()),this.loadCollapsedGroups(),(l=this.listContainer)==null||l.addEventListener("click",u=>{var v;let h=u.target,m=h==null?void 0:h.closest("[data-collapse-key]");if(m){let L=m.dataset.collapseKey||"";if(!L)return;let j=(v=this.listContainer)==null?void 0:v.querySelector(`[data-collapse-content="${L}"]`),_=this.isCollapsed(L);j&&(j.style.display=_?"":"none"),m.textContent=_?"\u25BE":"\u25B8",this.setCollapsed(L,!_),u.preventDefault(),u.stopPropagation();return}let f=h==null?void 0:h.closest("[data-object-visibility-toggle][data-object-id]");if(f){let L=f.dataset.objectId;if(!L)return;u.preventDefault(),u.stopPropagation(),this.toggleObjectVisibility(L);return}let b=h==null?void 0:h.closest("[data-system-bundle-action][data-system-bundle-id]");if(!b)return;u.preventDefault(),u.stopPropagation();let y=b.dataset.systemBundleAction,w=b.dataset.systemBundleId;if(!(!y||!w)){if(y==="toggle-visibility"){this.toggleSystemBundleVisibility(w);return}y==="delete"&&this.deleteSystemBundle(w)}});let i=(c=this.root)==null?void 0:c.querySelector("[data-add-object]");i==null||i.addEventListener("click",u=>{u.stopPropagation();let h=i.getBoundingClientRect();this.openAddObjectMenu({x:h.left,y:h.bottom+4})});let n=(d=this.root)==null?void 0:d.querySelector("#scene-screen-filter");if(n){try{let u=window.localStorage.getItem(this.getScreenFilterStorageKey());u&&(this.screenFilter=u)}catch{}n.value=this.screenFilter;try{window.__HANDLER_ACTIVE_SCREEN=this.screenFilter,window.dispatchEvent(new CustomEvent("handler:active-screen-changed",{detail:{screen:this.screenFilter}}))}catch{}try{let u=window.__HANDLER_REFRESH_SCREEN_INDEX;typeof u=="function"&&u().catch(()=>{})}catch{}n.addEventListener("change",()=>{let u=n.value||"all";this.screenFilter=u;try{window.localStorage.setItem(this.getScreenFilterStorageKey(),this.screenFilter)}catch{}try{window.__HANDLER_ACTIVE_SCREEN=this.screenFilter,window.dispatchEvent(new CustomEvent("handler:active-screen-changed",{detail:{screen:this.screenFilter}}))}catch{}try{let h=window.__HANDLER_REFRESH_SCREEN_INDEX;typeof h=="function"&&h().catch(()=>{})}catch{}this.refreshObjects()})}(p=this.root)==null||p.addEventListener("click",u=>{let h=u.target;if(!h||h.closest("[data-context-menu]"))return;if(h.tagName==="INPUT"&&h.classList.contains("scene-object-checkbox")){let v=h.dataset.objectId;if(!v)return;u.stopPropagation(),this.toggleBatchSelect(v);return}let m=h.closest(".scene-object-item[data-object-id]");if(!m)return;let f=m.dataset.objectId;if(!f)return;let b=u.ctrlKey||u.metaKey;u.shiftKey&&this.lastSelectedIndex>=0?this.selectRange(this.lastSelectedIndex,f):b?this.toggleBatchSelect(f):this.select(f)}),(g=this.listContainer)==null||g.addEventListener("contextmenu",u=>{var v;let h=u.target,m=h==null?void 0:h.closest("[data-object-id]");if(!m)return;let f=m.dataset.objectId;if(!f)return;u.preventDefault();let b=window.getEditableObjectConfig,y=typeof b=="function"?b(f):null;if(!y){let L=window.__editableObjectConfigs;L&&typeof L.get=="function"&&(y=(v=L.get(f))!=null?v:null)}let w=this.inferScreen(f,y);this.showContextMenu(f,w,u.clientX,u.clientY)}),window.addEventListener("handler:screen-index-loaded",()=>this.refreshObjects()),window.addEventListener("handler:scene-objects-refresh",()=>this.refreshObjects())}setSelected(e){e?(this.selectedIds.clear(),this.selectedIds.add(e),this.selectedId=e):(this.selectedIds.clear(),this.selectedId=null),this.updateSelectionUI()}getSelectedIds(){return Array.from(this.selectedIds)}updateSelectionUI(){var a,s,r,l,c;if(!this.listContainer)return;Array.from(this.listContainer.querySelectorAll("[data-object-id]")).forEach(d=>{let p=d.dataset.objectId,g=p?this.selectedIds.has(p):!1,u=p===this.selectedId;d.classList.toggle("selected",g),d.classList.toggle("active",u);let h=d.closest(".scene-object-item-wrapper"),m=h==null?void 0:h.querySelector(".scene-object-checkbox");m&&(m.checked=g)});let t=(a=this.root)==null?void 0:a.querySelector("[data-breadcrumbs]"),i=(s=this.root)==null?void 0:s.querySelector("[data-breadcrumb-screen]"),n=(r=this.root)==null?void 0:r.querySelector("[data-breadcrumb-object]");if(t&&i&&n){let d=this.selectedIds.size===1?this.selectedId:null;if(d){let p=window.getEditableObjectConfig,g=typeof p=="function"?p(d):null;if(!g){let b=window.__editableObjectConfigs;b&&typeof b.get=="function"&&(g=(l=b.get(d))!=null?l:null)}let u=this.inferScreen(d,g),h={loading:"Loading",start:"Start",gameplay:"Gameplay",tutorial:"Tutorial",endgame:"Endgame"},m=(((c=g==null?void 0:g.identity)==null?void 0:c.id)||d).toString(),f=this.formatDisplayName(m);i.textContent=h[u]||u,n.textContent=f,t.style.display="flex"}else t.style.display="none"}}refreshObjects(){var g;if(!this.listContainer)return;let e=window.getEditableObjectList,t=window.getEditableObjectListAll,i=window.refreshEditableConfigIndex;if(typeof i=="function"&&i(),typeof e!="function"&&typeof t!="function"){this.scheduleRetry();return}let n=typeof t=="function"?t():e();if(!Array.isArray(n)||n.length===0){let u=window.__editableObjectConfigs;u&&typeof u.keys=="function"&&(n=Array.from(u.keys()))}if(!Array.isArray(n)||n.length===0){this.scheduleRetry();return}let a=(((g=this.searchInput)==null?void 0:g.value)||"").trim().toLowerCase(),s=["loading","start","gameplay","tutorial","endgame"],r={loading:{templates:[],systems:[],objects:[],bundles:new Map},start:{templates:[],systems:[],objects:[],bundles:new Map},gameplay:{templates:[],systems:[],objects:[],bundles:new Map},tutorial:{templates:[],systems:[],objects:[],bundles:new Map},endgame:{templates:[],systems:[],objects:[],bundles:new Map}};this.systemBundles=new Map;let l=u=>{var f,b,y,w,v;let h=(w=(y=(b=(f=window.__editableConfig)==null?void 0:f.objects)==null?void 0:b.get)==null?void 0:y.call(b,u))!=null?w:null;if(h)return h;let m=window.__editableObjectConfigs;return m&&typeof m.get=="function"&&(v=m.get(u))!=null?v:null};n.forEach(u=>{var S,C,A,O,I,R,z;let h=l(u),m=(((S=h==null?void 0:h.identity)==null?void 0:S.category)||"scene").toString(),f=(((C=h==null?void 0:h.identity)==null?void 0:C.id)||u).toString(),b=m.toLowerCase(),y=f.toLowerCase(),w=b.includes("ui")||y.startsWith("ui")||y.includes("label"),v=b==="system",L=((A=h==null?void 0:h.identity)==null?void 0:A.is_template)===!0||y.includes(".template")||u.toLowerCase().includes(".template"),j=typeof((O=h==null?void 0:h.identity)==null?void 0:O.system_group)=="string"?h.identity.system_group:null,_=typeof((I=h==null?void 0:h.identity)==null?void 0:I.system_label)=="string"?h.identity.system_label:j?this.formatDisplayName(j):null,P=this.formatDisplayName(f||u),M=((R=h==null?void 0:h.render)==null?void 0:R.visible)===!1||(h==null?void 0:h.enabled)===!1,T=this.getObjectType(h),k={id:u,label:P,category:m,isUi:w,isTemplate:L,isUnused:M,objectType:T,systemGroupId:j,systemLabel:_},E=this.inferScreen(k.id,h);if(!(this.screenFilter!=="all"&&E!==this.screenFilter||!(!a||k.id.toLowerCase().includes(a)||k.label.toLowerCase().includes(a)))){if(j){let D=this.getSystemBundleKey(E,j),U=_!=null?_:j,H=r[E],B=H.bundles.get(D);B?(B.entries.push(k),B.objectIds.push(u)):H.bundles.set(D,{key:D,label:U,objectIds:[u],entries:[k]});let $=(z=this.systemBundles.get(D))!=null?z:{label:U,objectIds:[]};$.label=U,$.objectIds.push(u),this.systemBundles.set(D,$);return}if(L){r[E].templates.push(k);return}v?r[E].systems.push(k):r[E].objects.push(k)}});let c={loading:"Loading Screen",start:"Start Screen",gameplay:"Gameplay",tutorial:"Tutorial",endgame:"Endgame"},d=this.screenFilter==="all"?s:[this.screenFilter],p=d.map(u=>this.renderScreenGroup(u,c[u],r[u])).join("");this.listContainer.innerHTML=p,this.objectEntries=[];for(let u of d){let h=r[u];this.objectEntries.push(...h.templates),h.bundles.forEach(m=>this.objectEntries.push(...m.entries)),this.objectEntries.push(...h.systems),this.objectEntries.push(...h.objects)}for(let u of d){let h=r[u];if(!h.systems.length)continue;let m=this.listContainer.querySelector(`[data-delete-system-group="${u}"]`);m==null||m.addEventListener("click",f=>{f.stopPropagation(),this.deleteSystemGroup(h.systems)})}this.updateSelectionUI()}renderSystemBundle(e,t,i,n){let a=this.isBundleAllHidden(i),s=a?"Show all objects in this system":"Hide all objects in this system",r=a?"is-hidden":"",l=n.map(u=>this.renderEntryItem(u)).join(""),c=this.escapeHtml(e),d=this.getCollapseKey(`system:${e}`),p=this.isCollapsed(d);return`
|
|
557
557
|
<div class="scene-object-group scene-object-group-bundle" data-system-bundle="${c}">
|
|
558
558
|
<div class="scene-object-group-title">
|
|
559
559
|
<button class="scene-object-group-toggle" type="button" data-collapse-key="${d}">${p?"\u25B8":"\u25BE"}</button>
|
|
@@ -589,20 +589,20 @@ OK = Share, Cancel = Snapshot`);try{let c=await fetch("/api/objects/duplicate",{
|
|
|
589
589
|
${e.content}
|
|
590
590
|
</div>
|
|
591
591
|
</div>
|
|
592
|
-
`}renderScreenGroup(e,t,i){let n=this.getCollapseKey(`screen:${e}`),a=[];if(i.templates.length){let r=this.getCollapseKey(`screen:${e}:templates`);a.push(this.renderCollapsibleGroup({key:r,title:"Templates",count:i.templates.length,content:this.renderEntriesList(i.templates),className:"scene-object-group-sub"}))}if(i.bundles.size||i.systems.length){let r=this.getCollapseKey(`screen:${e}:systems`),l=Array.from(i.bundles.values()).sort((p,
|
|
592
|
+
`}renderScreenGroup(e,t,i){let n=this.getCollapseKey(`screen:${e}`),a=[];if(i.templates.length){let r=this.getCollapseKey(`screen:${e}:templates`);a.push(this.renderCollapsibleGroup({key:r,title:"Templates",count:i.templates.length,content:this.renderEntriesList(i.templates),className:"scene-object-group-sub"}))}if(i.bundles.size||i.systems.length){let r=this.getCollapseKey(`screen:${e}:systems`),l=Array.from(i.bundles.values()).sort((p,g)=>p.label.localeCompare(g.label)).map(p=>this.renderSystemBundle(p.key,p.label,p.objectIds,p.entries)).join(""),c=i.systems.length?this.renderEntriesList(i.systems):"",d=i.systems.length?`<button class="scene-object-group-delete" data-delete-system-group="${e}" type="button" title="Delete all system objects">\u{1F5D1}\uFE0F</button>`:"";a.push(this.renderCollapsibleGroup({key:r,title:"Systems",count:i.bundles.size+i.systems.length,content:`${l}${c}`,className:"scene-object-group-system",actionsHtml:d}))}if(i.objects.length){let r=this.getCollapseKey(`screen:${e}:objects`);a.push(this.renderCollapsibleGroup({key:r,title:"Objects",count:i.objects.length,content:this.renderEntriesList(i.objects),className:"scene-object-group"}))}let s=a.join("");return s?this.renderCollapsibleGroup({key:n,title:t,count:i.templates.length+i.systems.length+i.objects.length+i.bundles.size,content:s,className:"scene-object-group-screen"}):""}scheduleRetry(){this.retryTimer||(this.retryTimer=window.setTimeout(()=>{this.retryTimer=null,this.refreshObjects()},400))}select(e){var t,i,n;this.selectedId=e,this.selectedIds.has(e)||this.selectedIds.add(e),this.updateLastSelectedIndex(e),this.updateSelectionUI(),(t=this.options)==null||t.onSelect(e),(n=(i=this.options)==null?void 0:i.onMultiSelect)==null||n.call(i,Array.from(this.selectedIds))}toggleBatchSelect(e){var t,i;this.selectedIds.has(e)?this.selectedIds.delete(e):this.selectedIds.add(e),this.updateSelectionUI(),(i=(t=this.options)==null?void 0:t.onMultiSelect)==null||i.call(t,Array.from(this.selectedIds))}toggleSelect(e){this.toggleBatchSelect(e)}selectRange(e,t){var s,r,l;let i=this.objectEntries.findIndex(c=>c.id===t);if(i===-1)return;let n=Math.min(e,i),a=Math.max(e,i);for(let c=n;c<=a;c++)c>=0&&c<this.objectEntries.length&&this.selectedIds.add(this.objectEntries[c].id);this.selectedId=t,this.updateLastSelectedIndex(t),this.updateSelectionUI(),(s=this.options)==null||s.onSelect(this.selectedId),(l=(r=this.options)==null?void 0:r.onMultiSelect)==null||l.call(r,Array.from(this.selectedIds))}updateLastSelectedIndex(e){this.lastSelectedIndex=this.objectEntries.findIndex(t=>t.id===e)}getDefaultScreenForCreate(){if(this.screenFilter!=="all")return this.screenFilter;let e=window.__HANDLER_ACTIVE_SCREEN;return e==="loading"||e==="start"||e==="gameplay"||e==="tutorial"||e==="endgame"?e:"gameplay"}async openAddObjectMenu(e){try{await new ni({onRefresh:()=>this.refreshObjects(),onClose:()=>{}}).open(e)}catch(t){console.warn("[SceneObjectsPanel] Failed to open AddObjectMenu:",t)}}async openAddObjectWizard(e){try{new ii().open({screenId:e})}catch(t){console.warn("[SceneObjectsPanel] Failed to open AddObjectWizard:",t)}}async showContextMenu(e,t,i,n){if(!this.isContextMenuOpen){this.isContextMenuOpen=!0,this.selectedIds.has(e)||this.select(e);try{new dt({objectId:e,screenId:t,onSelect:s=>{s&&this.select(s)},onRefresh:()=>this.refreshObjects(),onClose:()=>{this.isContextMenuOpen=!1},onDeleteRequest:s=>this.deleteObject(s),onMoveRequest:(s,r)=>this.moveObject(s,r)}).open({x:i,y:n})}catch(a){this.isContextMenuOpen=!1,console.warn("[SceneObjectsPanel] Failed to open context menu:",a)}}}async deleteObject(e){var a;let t=this.getSelectedIds(),i=t.length>1&&t.includes(e),n=this.getActiveScreenForSync();if(i){if(!window.confirm(`Delete ${t.length} selected object${t.length!==1?"s":""}? This removes them from the screen configuration.`))return;await this.deleteMultipleObjects(t)}else{if(!window.confirm(`Delete "${e}"? This removes it from the screen configuration.`))return;try{let r=await fetch("/api/objects/delete",{method:"DELETE",headers:{"Content-Type":"application/json"},body:JSON.stringify({objectId:e,screenId:n,forceSync:!0})}),l=await r.json().catch(()=>null);if(!r.ok||(l==null?void 0:l.success)===!1){let c=((a=l==null?void 0:l.errors)==null?void 0:a.join(`
|
|
593
593
|
`))||(l==null?void 0:l.error)||"Delete failed.";alert(c);return}l!=null&&l.failedDeletions&&l.failedDeletions.length>0&&alert(`Warning: Some files could not be deleted:
|
|
594
594
|
${l.failedDeletions.join(`
|
|
595
595
|
`)}`),l!=null&&l.deletedFiles&&l.deletedFiles.length>0&&console.log(`[SceneObjectsPanel] Successfully deleted files: ${l.deletedFiles.join(", ")}`),await this.syncScreens(),this.selectedIds.delete(e),this.selectedId===e&&(this.selectedId=null),this.refreshObjects()}catch(r){alert(`Delete failed: ${r instanceof Error?r.message:String(r)}`)}}}async deleteMultipleObjects(e){var s;let t=0,i=0,n=[],a=this.getActiveScreenForSync();for(let r of e)try{let l=await fetch("/api/objects/delete",{method:"DELETE",headers:{"Content-Type":"application/json"},body:JSON.stringify({objectId:r,skipSync:!0,screenId:a,forceSync:!0})}),c=await l.json().catch(()=>null);if(l.ok&&(c==null?void 0:c.success)!==!1)t++,this.selectedIds.delete(r);else{i++;let d=((s=c==null?void 0:c.errors)==null?void 0:s.join(`
|
|
596
596
|
`))||(c==null?void 0:c.error)||"Delete failed.";n.push(`${r}: ${d}`)}}catch(l){i++,n.push(`${r}: ${l instanceof Error?l.message:String(l)}`)}if(i>0){let r=n.length>0?n.join(`
|
|
597
597
|
`):`${i} object(s) failed to delete.`;alert(`Deleted ${t} object(s). Errors:
|
|
598
|
-
${r}`)}t===e.length&&console.log(`[SceneObjectsPanel] Successfully deleted ${t} object(s)`),this.selectedId=this.selectedIds.size>0?Array.from(this.selectedIds)[0]:null,await this.syncScreens(),this.refreshObjects()}async deleteSystemGroup(e){var c;let t=e.length;if(!window.confirm(`Delete all ${t} system object${t!==1?"s":""}? This will remove them from all screens.`))return;let n=e.map(d=>d.id),a=0,s=0,r=[],l=this.getActiveScreenForSync();for(let d of n)try{let p=await fetch("/api/objects/delete",{method:"DELETE",headers:{"Content-Type":"application/json"},body:JSON.stringify({objectId:d,screenId:l,forceSync:!0})}),
|
|
599
|
-
`))||(
|
|
598
|
+
${r}`)}t===e.length&&console.log(`[SceneObjectsPanel] Successfully deleted ${t} object(s)`),this.selectedId=this.selectedIds.size>0?Array.from(this.selectedIds)[0]:null,await this.syncScreens(),this.refreshObjects()}async deleteSystemGroup(e){var c;let t=e.length;if(!window.confirm(`Delete all ${t} system object${t!==1?"s":""}? This will remove them from all screens.`))return;let n=e.map(d=>d.id),a=0,s=0,r=[],l=this.getActiveScreenForSync();for(let d of n)try{let p=await fetch("/api/objects/delete",{method:"DELETE",headers:{"Content-Type":"application/json"},body:JSON.stringify({objectId:d,screenId:l,forceSync:!0})}),g=await p.json().catch(()=>null);if(p.ok&&(g==null?void 0:g.success)!==!1)a++;else{s++;let u=((c=g==null?void 0:g.errors)==null?void 0:c.join(`
|
|
599
|
+
`))||(g==null?void 0:g.error)||"Delete failed.";r.push(`${d}: ${u}`)}}catch(p){s++,r.push(`${d}: ${p instanceof Error?p.message:String(p)}`)}if(s>0){let d=r.length>0?r.join(`
|
|
600
600
|
`):`${s} object(s) failed to delete.`;alert(`Deleted ${a} object(s). Errors:
|
|
601
601
|
${d}`)}await this.syncScreens(),this.refreshObjects()}async moveObject(e,t){var a;let i=this.getSelectedIds();if(i.length>1&&i.includes(e))await this.moveMultipleObjects(i,t);else{let s=this.inferScreen(e,null);if(t===s)return;try{let r=await fetch("/api/objects/move",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({objectId:e,fromScreenId:s,toScreenId:t})}),l=await r.json().catch(()=>({}));if(!r.ok||(l==null?void 0:l.success)===!1){let c=((a=l==null?void 0:l.errors)==null?void 0:a.join(`
|
|
602
602
|
`))||(l==null?void 0:l.error)||"Move failed.";alert(c);return}this.refreshObjects()}catch(r){alert(`Move failed: ${r instanceof Error?r.message:String(r)}`)}}}async moveMultipleObjects(e,t){var s;let i=0,n=0,a=[];for(let r of e){let l=this.inferScreen(r,null);if(t===l){i++;continue}try{let c=await fetch("/api/objects/move",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({objectId:r,fromScreenId:l,toScreenId:t})}),d=await c.json().catch(()=>({}));if(c.ok&&(d==null?void 0:d.success)!==!1)i++;else{n++;let p=((s=d==null?void 0:d.errors)==null?void 0:s.join(`
|
|
603
603
|
`))||(d==null?void 0:d.error)||"Move failed.";a.push(`${r}: ${p}`)}}catch(c){n++,a.push(`${r}: ${c instanceof Error?c.message:String(c)}`)}}if(n>0){let r=a.length>0?a.join(`
|
|
604
604
|
`):`${n} object(s) failed to move.`;alert(`Moved ${i} object(s). Errors:
|
|
605
|
-
${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenForSync();await fetch("/api/sync-screens",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({force:!0,screenId:e})})}catch(e){console.warn("[SceneObjectsPanel] Failed to sync screens:",e)}}getActiveScreenForSync(){let e=window.__HANDLER_ACTIVE_SCREEN;return e==="loading"||e==="start"||e==="gameplay"||e==="tutorial"||e==="endgame"?e:this.screenFilter!=="all"?this.screenFilter:"gameplay"}};var
|
|
605
|
+
${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenForSync();await fetch("/api/sync-screens",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({force:!0,screenId:e})})}catch(e){console.warn("[SceneObjectsPanel] Failed to sync screens:",e)}}getActiveScreenForSync(){let e=window.__HANDLER_ACTIVE_SCREEN;return e==="loading"||e==="start"||e==="gameplay"||e==="tutorial"||e==="endgame"?e:this.screenFilter!=="all"?this.screenFilter:"gameplay"}};var si=class{constructor(){this.root=null;this.options=null;this.isCollapsed=!1}getSceneStorageKey(e){let t=typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default";return`handler_preview_scene_${e}::${t}`}render(){return`
|
|
606
606
|
<div class="scene-tools-corner-panel ${this.isCollapsed?"collapsed":""}" data-panel="scene-tools-corner">
|
|
607
607
|
<div class="scene-tools-header" data-tools-header data-panel-handle>
|
|
608
608
|
<span class="scene-tools-title">Scene Tools</span>
|
|
@@ -685,7 +685,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
685
685
|
</div>
|
|
686
686
|
</div>
|
|
687
687
|
</div>
|
|
688
|
-
`}initialize(e,t){if(this.options=t,this.root=e.querySelector('[data-panel="scene-tools-corner"]'),!this.root)return;let i=localStorage.getItem("scene-tools-collapsed");i!==null&&(this.isCollapsed=i==="true",this.root.classList.toggle("collapsed",this.isCollapsed));let n=this.root.querySelector("[data-tools-collapse]");n==null||n.addEventListener("click",()=>{var
|
|
688
|
+
`}initialize(e,t){if(this.options=t,this.root=e.querySelector('[data-panel="scene-tools-corner"]'),!this.root)return;let i=localStorage.getItem("scene-tools-collapsed");i!==null&&(this.isCollapsed=i==="true",this.root.classList.toggle("collapsed",this.isCollapsed));let n=this.root.querySelector("[data-tools-collapse]");n==null||n.addEventListener("click",()=>{var E;this.isCollapsed=!this.isCollapsed,(E=this.root)==null||E.classList.toggle("collapsed",this.isCollapsed),localStorage.setItem("scene-tools-collapsed",String(this.isCollapsed))});let a=(E,x)=>{var C;let S=(C=this.root)==null?void 0:C.querySelector(`[data-status="${E}"]`);S&&S.classList.toggle("active",x)},s=this.root.querySelector("#debug-highlight-object");s==null||s.addEventListener("change",()=>{var E;(E=this.options)==null||E.onHighlightObject(!!s.checked),a("bounds",s.checked)});let r=this.root.querySelector("#debug-highlight-anchor");r==null||r.addEventListener("change",()=>{var E;(E=this.options)==null||E.onHighlightAnchor(!!r.checked),a("anchor",r.checked),window.dispatchEvent(new CustomEvent("scene-editor:highlight-anchor",{detail:{enabled:r.checked}}));try{localStorage.setItem(this.getSceneStorageKey("highlight_anchor"),r.checked?"true":"false")}catch{}});let l=this.root.querySelector("#debug-nudge-enabled");l==null||l.addEventListener("change",()=>{a("nudge",l.checked)});let c=this.root.querySelector("#scene-grid-enabled"),d=this.root.querySelector("#scene-grid-gap"),p=this.root.querySelector("#scene-grid-alpha"),g=this.root.querySelector("#scene-grid-alpha-value"),u=this.root.querySelector("#scene-play-mode"),h=this.root.querySelector("#scene-background-cover"),m=this.root.querySelector("#scene-background-lock"),f=this.root.querySelector("[data-grid-toggle-btn]"),b=this.root.querySelector("[data-play-toggle-btn]"),y=()=>{if(!p)return .25;let E=Number(p.value),x=Number.isFinite(E)?Math.min(1,Math.max(0,E)):.25;return p.value=String(x),g&&(g.textContent=`${Math.round(x*100)}%`),x},w=(E,x,S)=>{var A,O;let C=S!==void 0?S:y();(O=(A=this.options)==null?void 0:A.onGridToggle)==null||O.call(A,E,x,C),window.dispatchEvent(new CustomEvent("scene-editor:grid",{detail:{enabled:E,gap:x,alpha:C}}))},v=E=>{var S,C;let x=y();(C=(S=this.options)==null?void 0:S.onGridGapChange)==null||C.call(S,E),window.dispatchEvent(new CustomEvent("scene-editor:grid",{detail:{enabled:!!(c!=null&&c.checked),gap:E,alpha:x}}))},L=E=>{var x,S;(S=(x=this.options)==null?void 0:x.onGridAlphaChange)==null||S.call(x,E),window.dispatchEvent(new CustomEvent("scene-editor:grid",{detail:{enabled:!!(c!=null&&c.checked),gap:M(),alpha:E}}))},j=E=>{var x,S;(S=(x=this.options)==null?void 0:x.onPlayModeChange)==null||S.call(x,E),window.dispatchEvent(new CustomEvent("scene-editor:play-mode",{detail:{enabled:E}}))},_=E=>{var x,S;(S=(x=this.options)==null?void 0:x.onBackgroundCoverChange)==null||S.call(x,E),window.dispatchEvent(new CustomEvent("scene-editor:background-cover",{detail:{enabled:E}}))},P=E=>{var x,S;(S=(x=this.options)==null?void 0:x.onBackgroundLockChange)==null||S.call(x,E),window.dispatchEvent(new CustomEvent("scene-editor:background-lock",{detail:{enabled:E}}))},M=()=>{if(!d)return 50;let E=Number(d.value),x=Number.isFinite(E)?Math.min(200,Math.max(4,E)):50;return d.value=String(x),x},T=E=>{c&&(c.checked=E),d&&(d.disabled=!E),p&&(p.disabled=!E),f==null||f.classList.toggle("active",E)},k=E=>{u&&(u.checked=E),b==null||b.classList.toggle("active",E)};try{let E=localStorage.getItem(this.getSceneStorageKey("grid_enabled")),x=localStorage.getItem(this.getSceneStorageKey("grid_gap")),S=localStorage.getItem(this.getSceneStorageKey("grid_alpha")),C=localStorage.getItem(this.getSceneStorageKey("highlight_anchor")),A=localStorage.getItem(this.getSceneStorageKey("background_cover")),O=localStorage.getItem(this.getSceneStorageKey("background_lock")),I=E?E==="true":!1;T(I),d&&(d.value=x||"50",d.disabled=!I),p&&(p.value=S||"0.25",p.disabled=!I,y()),r&&(r.checked=C==="true",a("anchor",r.checked));let R=!0;k(R),u&&(u.disabled=!0),b&&(b.disabled=!0);try{localStorage.setItem(this.getSceneStorageKey("play_mode"),R?"true":"false")}catch{}w(I,M(),y()),j(R);let z=A?A==="true":!0,D=O?O==="true":!0;h&&(h.checked=z),m&&(m.checked=D),_(z),P(D),r&&window.dispatchEvent(new CustomEvent("scene-editor:highlight-anchor",{detail:{enabled:r.checked}}))}catch{}c==null||c.addEventListener("change",()=>{let E=M(),x=y();d&&(d.disabled=!c.checked),p&&(p.disabled=!c.checked),f==null||f.classList.toggle("active",c.checked);try{localStorage.setItem(this.getSceneStorageKey("grid_enabled"),c.checked?"true":"false"),localStorage.setItem(this.getSceneStorageKey("grid_gap"),String(E)),localStorage.setItem(this.getSceneStorageKey("grid_alpha"),String(x))}catch{}w(c.checked,E,x)}),d==null||d.addEventListener("input",()=>{let E=M(),x=y();try{localStorage.setItem(this.getSceneStorageKey("grid_gap"),String(E)),localStorage.setItem(this.getSceneStorageKey("grid_alpha"),String(x))}catch{}v(E)}),p==null||p.addEventListener("input",()=>{let E=y(),x=M();try{localStorage.setItem(this.getSceneStorageKey("grid_alpha"),String(E)),localStorage.setItem(this.getSceneStorageKey("grid_gap"),String(x))}catch{}L(E)}),u==null||u.addEventListener("change",()=>{try{localStorage.setItem(this.getSceneStorageKey("play_mode"),u.checked?"true":"false")}catch{}b==null||b.classList.toggle("active",u.checked),j(u.checked)}),h==null||h.addEventListener("change",()=>{try{localStorage.setItem(this.getSceneStorageKey("background_cover"),h.checked?"true":"false")}catch{}_(h.checked)}),m==null||m.addEventListener("change",()=>{try{localStorage.setItem(this.getSceneStorageKey("background_lock"),m.checked?"true":"false")}catch{}P(m.checked)}),f==null||f.addEventListener("click",()=>{c&&(c.checked=!c.checked,c.dispatchEvent(new Event("change")))}),b==null||b.addEventListener("click",()=>{u&&(u.checked=!u.checked,u.dispatchEvent(new Event("change")))})}updateInfo(e){}};var ri=class{constructor(){this.root=null;this.options=null}render(){return`
|
|
689
689
|
<div class="nudge-panel hidden" data-panel="nudge-panel">
|
|
690
690
|
<div class="nudge-panel-header" data-panel-handle>
|
|
691
691
|
<span class="nudge-panel-title">Nudge Controls</span>
|
|
@@ -742,7 +742,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
742
742
|
</div>
|
|
743
743
|
</div>
|
|
744
744
|
</div>
|
|
745
|
-
`}initialize(e,t){if(this.options=t,this.root=e.querySelector('[data-panel="nudge-panel"]'),!this.root)return;Array.from(this.root.querySelectorAll(".nudge-arrow-btn")).forEach(a=>{a.addEventListener("click",()=>{var l,c,d,p;let s=a.dataset.nudge,r=this.getNudgeStep();switch(s){case"up":(l=this.options)==null||l.onNudge(0,-r);break;case"down":(c=this.options)==null||c.onNudge(0,r);break;case"left":(d=this.options)==null||d.onNudge(-r,0);break;case"right":(p=this.options)==null||p.onNudge(r,0);break}})}),Array.from(this.root.querySelectorAll(".nudge-scale-btn")).forEach(a=>{a.addEventListener("click",()=>{var l;let r=a.dataset.scale==="up"?.1:-.1;(l=this.options)==null||l.onScale(r)})})}show(){var e;(e=this.root)==null||e.classList.remove("hidden")}hide(){var e;(e=this.root)==null||e.classList.add("hidden")}getNudgeStep(){var i,n;let e=(i=this.root)==null?void 0:i.querySelector("#nudge-step-input"),t=Number((n=e==null?void 0:e.value)!=null?n:10);return Number.isFinite(t)&&t>0?t:10}};var Mt=class{constructor(){this.root=null;this.slotsContainer=null;this.assetsContainer=null;this.assetSearchInput=null;this.slotSearchInput=null;this.options=null;this.registry=null;this.selectedSlotId=null;this.cachedAssets={};this.pendingAssetFetches={};this.cacheBust=0;this.missingPreviewPaths=new Set;this.slotSearchDebounce=null;this.assetSearchDebounce=null}mergeRegistries(e,t){let i=e||{},n=t||{},a={slots:Array.isArray(n.slots)?[...n.slots]:[],libraryAssets:typeof n.libraryAssets=="object"&&n.libraryAssets?{...n.libraryAssets}:{},categories:Array.isArray(n.categories)?[...n.categories]:[]},s=Array.isArray(i.slots)?i.slots:[];if(s.length>0&&a.slots.length>0)for(let c of a.slots){let d=s.find(p=>(p==null?void 0:p.slotId)&&p.slotId===(c==null?void 0:c.slotId));d!=null&&d.currentAsset&&d.currentAsset!==(c==null?void 0:c.currentAsset)&&(c.currentAsset=d.currentAsset)}let r=i.libraryAssets||{};for(let[c,d]of Object.entries(r)){if(!Array.isArray(d))continue;a.libraryAssets[c]||(a.libraryAssets[c]=[]);let p=new Set((a.libraryAssets[c]||[]).map(
|
|
745
|
+
`}initialize(e,t){if(this.options=t,this.root=e.querySelector('[data-panel="nudge-panel"]'),!this.root)return;Array.from(this.root.querySelectorAll(".nudge-arrow-btn")).forEach(a=>{a.addEventListener("click",()=>{var l,c,d,p;let s=a.dataset.nudge,r=this.getNudgeStep();switch(s){case"up":(l=this.options)==null||l.onNudge(0,-r);break;case"down":(c=this.options)==null||c.onNudge(0,r);break;case"left":(d=this.options)==null||d.onNudge(-r,0);break;case"right":(p=this.options)==null||p.onNudge(r,0);break}})}),Array.from(this.root.querySelectorAll(".nudge-scale-btn")).forEach(a=>{a.addEventListener("click",()=>{var l;let r=a.dataset.scale==="up"?.1:-.1;(l=this.options)==null||l.onScale(r)})})}show(){var e;(e=this.root)==null||e.classList.remove("hidden")}hide(){var e;(e=this.root)==null||e.classList.add("hidden")}getNudgeStep(){var i,n;let e=(i=this.root)==null?void 0:i.querySelector("#nudge-step-input"),t=Number((n=e==null?void 0:e.value)!=null?n:10);return Number.isFinite(t)&&t>0?t:10}};var Mt=class{constructor(){this.root=null;this.slotsContainer=null;this.assetsContainer=null;this.assetSearchInput=null;this.slotSearchInput=null;this.options=null;this.registry=null;this.selectedSlotId=null;this.cachedAssets={};this.pendingAssetFetches={};this.cacheBust=0;this.missingPreviewPaths=new Set;this.slotSearchDebounce=null;this.assetSearchDebounce=null}mergeRegistries(e,t){let i=e||{},n=t||{},a={slots:Array.isArray(n.slots)?[...n.slots]:[],libraryAssets:typeof n.libraryAssets=="object"&&n.libraryAssets?{...n.libraryAssets}:{},categories:Array.isArray(n.categories)?[...n.categories]:[]},s=Array.isArray(i.slots)?i.slots:[];if(s.length>0&&a.slots.length>0)for(let c of a.slots){let d=s.find(p=>(p==null?void 0:p.slotId)&&p.slotId===(c==null?void 0:c.slotId));d!=null&&d.currentAsset&&d.currentAsset!==(c==null?void 0:c.currentAsset)&&(c.currentAsset=d.currentAsset)}let r=i.libraryAssets||{};for(let[c,d]of Object.entries(r)){if(!Array.isArray(d))continue;a.libraryAssets[c]||(a.libraryAssets[c]=[]);let p=new Set((a.libraryAssets[c]||[]).map(g=>g==null?void 0:g.filename));for(let g of d){let u=g==null?void 0:g.filename;!u||p.has(u)||(a.libraryAssets[c].unshift(g),p.add(u))}}let l=new Set(a.categories||[]);for(let c of i.categories||[])typeof c=="string"&&l.add(c);return a.categories=Array.from(l),a}render(){return`
|
|
746
746
|
<div class="scene-panel library-panel panel-accent-purple" data-panel="library">
|
|
747
747
|
<div class="scene-panel-header" data-panel-handle>
|
|
748
748
|
<div class="panel-title">
|
|
@@ -770,7 +770,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
770
770
|
</div>
|
|
771
771
|
<div class="panel-resize-handle" data-panel-resize></div>
|
|
772
772
|
</div>
|
|
773
|
-
`}initialize(e,t){var a,s,r,l,c,d,p,u;this.options=t,this.root=e.querySelector('[data-panel="library"]'),this.slotsContainer=(a=this.root)==null?void 0:a.querySelector("[data-library-slots]"),this.assetsContainer=(s=this.root)==null?void 0:s.querySelector("[data-library-assets]"),this.assetSearchInput=(r=this.root)==null?void 0:r.querySelector("[data-library-asset-search]"),this.slotSearchInput=(l=this.root)==null?void 0:l.querySelector("[data-library-slot-search]");let i=(c=this.root)==null?void 0:c.querySelector("[data-create-ai]");i==null||i.addEventListener("click",()=>{this.handleCreateWithAI()});let n=(d=this.root)==null?void 0:d.querySelector("[data-refresh-library]");n==null||n.addEventListener("click",()=>{n.classList.add("pulse-anim"),this.refresh(),setTimeout(()=>n.classList.remove("pulse-anim"),500)}),(p=this.assetSearchInput)==null||p.addEventListener("input",()=>this.scheduleRenderAssets()),(u=this.slotSearchInput)==null||u.addEventListener("input",()=>this.scheduleRenderSlots()),window.addEventListener("preview:select",g=>{var m;let h=(m=g.detail)==null?void 0:m.objectId;h&&this.highlightCurrentObject(h)}),this.loadAssetRegistry()}highlightCurrentObject(e){if(!this.registry)return;let t=this.registry.slots.find(i=>i.objectId===e);t&&(this.selectedSlotId=t.slotId,this.scheduleRenderSlots(),setTimeout(()=>{var n;let i=(n=this.slotsContainer)==null?void 0:n.querySelector(`[data-slot-id="${t.slotId}"]`);i&&i.scrollIntoView({behavior:"smooth",block:"center"})},100))}reRender(){console.log("[LIBRARY] Re-rendering slots..."),this.loadAssetRegistry()}async refresh(){console.log("[LIBRARY] Force refreshing asset registry...");try{let e=window.getEditableAssets,t=typeof e=="function"?e():null,i=await fetch(`/raw/assetRegistry.json?t=${Date.now()}`);if(i.ok){let n=await i.json(),a=this.mergeRegistries(t,n);window.getEditableAssets=()=>a,console.log("[LIBRARY] \u2705 Registry re-fetched successfully")}}catch(e){console.warn("[LIBRARY] Failed to re-fetch registry:",e)}this.loadAssetRegistry()}resetSearch(){this.assetSearchInput&&(this.assetSearchInput.value=""),this.slotSearchInput&&(this.slotSearchInput.value=""),this.scheduleRenderAssets(),this.scheduleRenderSlots()}loadAssetRegistry(e=0){var i,n,a,s;let t=window.getEditableAssets;if(typeof t=="function"){let r=t();if(r!=null&&r.slots&&Array.isArray(r.slots)&&r.slots.length>0){if(this.registry=r,console.log("[LIBRARY] Loaded slot-based registry:",this.registry.slots.length,"slots"),this.cacheBust=Date.now(),this.cachedAssets={},this.pendingAssetFetches={},this.missingPreviewPaths.clear(),!(this.selectedSlotId&&this.registry.slots.some(c=>c.slotId===this.selectedSlotId))){let c=window.__getSelectedObjectId,d=typeof c=="function"?c():null;if(d){let p=this.registry.slots.find(u=>u.objectId===d);p?this.selectedSlotId=p.slotId:this.selectedSlotId=(n=(i=this.registry.slots[0])==null?void 0:i.slotId)!=null?n:null}else this.selectedSlotId=(s=(a=this.registry.slots[0])==null?void 0:a.slotId)!=null?s:null}this.renderSlots(),this.renderAssets();return}}e<15?(console.log(`[LIBRARY] Waiting for asset registry... (attempt ${e+1}/15)`),setTimeout(()=>this.loadAssetRegistry(e+1),200)):(console.warn("[LIBRARY] Failed to load asset registry"),this.slotsContainer&&(this.slotsContainer.innerHTML='<div class="library-info">No editable assets available</div>'))}renderSlots(){var n;if(!this.slotsContainer||!this.registry)return;let e={};for(let a of this.registry.slots)e[a.category]||(e[a.category]=[]),e[a.category].push(a);let t=this.cacheBust||Date.now(),i=(((n=this.slotSearchInput)==null?void 0:n.value)||"").trim().toLowerCase();this.slotsContainer.innerHTML="";for(let a of this.getCategories()){let s=(e[a]||[]).filter(d=>i?`${d.displayName} ${d.slotId} ${d.objectId} ${d.currentAsset}`.toLowerCase().includes(i):!0);if(s.length===0)continue;let r=document.createElement("div");r.className="library-category";let l=document.createElement("div");l.className="library-category-header",l.textContent=this.formatCategoryName(a),r.appendChild(l);let c=document.createElement("div");c.className="library-category-slots";for(let d of s){let p=this.createSlotElement(d,t);c.appendChild(p)}r.appendChild(c),this.slotsContainer.appendChild(r)}if(!this.slotsContainer.hasChildNodes()){let a=document.createElement("div");a.className="library-info",a.textContent=i?"No slots match your search":"No editable slots available",this.slotsContainer.appendChild(a)}}createSlotElement(e,t){var y,w;let i=this.selectedSlotId===e.slotId,n=window.__getSelectedObjectId,s=(typeof n=="function"?n():null)===e.objectId,r=document.createElement("div");r.className=`library-slot ${i?"expanded":""} ${s?"current-object":""}`,r.dataset.slotId=e.slotId,r.dataset.objectId=e.objectId;let l=document.createElement("div");l.className="slot-header";let c=document.createElement("div");if(c.className="slot-current",(y=e.currentAsset)==null?void 0:y.toLowerCase().endsWith(".json")){let v=document.createElement("div");v.className="slot-thumbnail slot-thumbnail-json",v.textContent="\u{1F3AC}",v.title="Lottie/JSON Animation",c.appendChild(v)}else{let v=document.createElement("img"),L=this.resolveSlotPreviewPaths(e),M=L.primary,I=(w=L.fallback)!=null?w:null;if(!M)v.style.display="none";else if(this.missingPreviewPaths.has(M.key)&&(!I||this.missingPreviewPaths.has(I.key)))v.style.display="none";else{v.src=M.src(t),v.alt=e.displayName,v.className="slot-thumbnail",v.loading="lazy";let P=!1;v.onerror=()=>{if(P){v.onerror=null,v.style.display="none";return}if(this.missingPreviewPaths.add(M.key),I&&!this.missingPreviewPaths.has(I.key)){P=!0,v.src=I.src(t);return}I&&this.missingPreviewPaths.add(I.key),v.style.display="none"}}c.appendChild(v)}l.appendChild(c);let p=document.createElement("div");p.className="slot-info";let u=document.createElement("div");u.className="slot-name",u.textContent=e.displayName;let g=document.createElement("div");g.className="slot-asset",g.textContent=e.currentAsset,p.appendChild(u),p.appendChild(g),l.appendChild(p);let h=document.createElement("div");h.className="slot-actions";let m=document.createElement("button");m.className="slot-ai-edit",m.title="Edit with AI",m.textContent="\u2728 AI",m.addEventListener("click",async v=>{v.stopPropagation(),await this.handleAIEdit(e)}),h.appendChild(m);let f=document.createElement("button");f.className="slot-upload",f.title="Upload new asset",f.textContent="\u{1F4E4}",f.addEventListener("click",async v=>{v.stopPropagation(),await this.handleUpload(e)}),h.appendChild(f);let b=document.createElement("button");return b.className="slot-reset",b.title="Reset to default",b.textContent="\u21BA",b.addEventListener("click",async v=>{v.stopPropagation(),await this.handleReset(e)}),h.appendChild(b),l.appendChild(h),l.addEventListener("click",()=>{this.selectedSlotId=e.slotId,this.renderSlots(),this.renderAssets()}),r.appendChild(l),r}renderAssets(){var l;if(!this.assetsContainer||!this.registry)return;let e=this.cacheBust||Date.now(),t=(((l=this.assetSearchInput)==null?void 0:l.value)||"").trim().toLowerCase(),i=this.getSelectedSlot();this.assetsContainer.innerHTML="";let n=document.createElement("div");n.className="library-selected",n.textContent=i?`Selected slot: ${i.displayName} (${i.currentAsset||"no asset"})`:"Select a slot to apply assets",n.style.gridColumn="1 / -1",this.assetsContainer.appendChild(n);let a=this.getCategories(),s=!1,r=!1;for(let c of a){let d=this.getCategoryAssets(c,e);if(!d){let m=document.createElement("div");m.className="library-empty",m.textContent=`Loading ${this.formatCategoryName(c)} assets...`,this.assetsContainer.appendChild(m),r=!0;continue}let p=d.filter(m=>t?`${m.displayName} ${m.filename} ${c}`.toLowerCase().includes(t):!0);if(p.length===0)continue;let u=document.createElement("div");u.className="library-category";let g=document.createElement("div");g.className="library-category-header",g.textContent=this.formatCategoryName(c),u.appendChild(g);let h=document.createElement("div");h.className="slot-library",h.style.borderTop="none",h.style.padding="10px";for(let m of p){let f=document.createElement("div");f.className="library-item",i&&i.currentAsset===m.filename&&i.libraryFolder===c&&f.classList.add("selected");let b=document.createElement("img"),y=this.resolveLibraryAssetPath(c,m.filename);this.missingPreviewPaths.has(y.key)?b.style.display="none":b.src=y.src(e),b.alt=m.displayName,b.className="library-thumbnail",b.loading="lazy",b.onerror=()=>{this.missingPreviewPaths.add(y.key),b.style.opacity="0.3"},f.appendChild(b);let w=document.createElement("div");w.className="library-label",w.textContent=m.displayName,f.appendChild(w),f.addEventListener("click",async()=>{if(!i){alert("Select a slot first to apply an asset.");return}await this.handleApply(i,m.filename,c)}),h.appendChild(f),s=!0}u.appendChild(h),this.assetsContainer.appendChild(u)}if(!s&&!r){let c=document.createElement("div");c.className="library-empty",c.textContent=t?"No assets match your search":"No assets available",this.assetsContainer.appendChild(c)}}getCategoryAssets(e,t){var i;if(this.cachedAssets[e])return this.cachedAssets[e];if(!this.pendingAssetFetches[e]){let n=((i=this.registry)==null?void 0:i.libraryAssets[e])||[];this.pendingAssetFetches[e]=this.fetchFolderAssets(e,t).then(a=>{let s=new Map;for(let r of n)s.set(r.filename,r);for(let r of a)s.has(r.filename)||s.set(r.filename,r);return this.cachedAssets[e]=Array.from(s.values()),delete this.pendingAssetFetches[e],this.renderAssets(),this.cachedAssets[e]}).catch(()=>(this.cachedAssets[e]=n,delete this.pendingAssetFetches[e],this.renderAssets(),this.cachedAssets[e]))}return null}async fetchFolderAssets(e,t){try{let i=await fetch(`/raw/library/${e}/?t=${t}`);if(!i.ok)return[];let n=await i.text(),a=[],s=/href="([^"]+\.(png|jpg|jpeg))"/gi,r;for(;(r=s.exec(n))!==null;){let l=r[1];if(!l.startsWith("/")&&!l.startsWith("..")){let c=l.replace(/\.(png|jpg|jpeg)$/i,"").replace(/_/g," ");a.push({filename:l,displayName:c})}}return a}catch{return console.log("[LIBRARY] Could not fetch folder listing, using registry only"),[]}}async handleApply(e,t,i){var n;console.log("[LIBRARY] Applying asset:",t,"to slot:",e.slotId);try{let a=window.__wizardAssetPicker;if(a!=null&&a.onPick){let l=`raw/library/${i||e.libraryFolder||e.category}/${t}`;a.onPick(l),window.__wizardAssetPicker=null;return}let s=i||e.libraryFolder||e.category;await((n=this.options)==null?void 0:n.onApply(e.objectId,t,s)),e.currentAsset=t,e.libraryFolder=s,this.renderSlots(),this.renderAssets()}catch(a){console.error("[LIBRARY] Failed to apply asset:",a)}}async handleReset(e){var t;console.log("[LIBRARY] Resetting slot:",e.slotId,"to default:",e.defaultAsset);try{await((t=this.options)==null?void 0:t.onReset(e.objectId,e.defaultAsset,e.category)),e.currentAsset=e.defaultAsset,this.renderSlots(),this.renderAssets()}catch(i){console.error("[LIBRARY] Failed to reset slot:",i)}}formatCategoryName(e){return e.replace(/_/g," ").split(" ").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(" ")}getCategories(){if(!this.registry)return[];let e=new Set;if(Array.isArray(this.registry.categories))for(let t of this.registry.categories)t&&e.add(t);for(let t of Object.keys(this.registry.libraryAssets||{}))t&&e.add(t);for(let t of this.registry.slots||[])t!=null&&t.category&&e.add(t.category);return Array.from(e)}getSelectedSlot(){return!this.registry||!this.selectedSlotId?null:this.registry.slots.find(e=>e.slotId===this.selectedSlotId)||null}scheduleRenderSlots(){this.slotSearchDebounce&&window.clearTimeout(this.slotSearchDebounce),this.slotSearchDebounce=window.setTimeout(()=>{this.slotSearchDebounce=null,this.renderSlots()},150)}scheduleRenderAssets(){this.assetSearchDebounce&&window.clearTimeout(this.assetSearchDebounce),this.assetSearchDebounce=window.setTimeout(()=>{this.assetSearchDebounce=null,this.renderAssets()},150)}resolveSlotPreviewPaths(e){let t=(e.currentAsset||"").trim();if(!t)return{primary:null,fallback:null};let i=t.replace(/^\/+/,""),n=null,a=null;return i.startsWith("raw/")?n=i:i.startsWith("library/")?n=`raw/${i}`:i.includes("/")?n=i:e.libraryFolder?(n=`raw/library/${e.libraryFolder}/${i}`,a=`raw/${i}`):n=`raw/${i}`,{primary:n?{key:n,src:l=>`/${n}?t=${l}`}:null,fallback:a?{key:a,src:l=>`/${a}?t=${l}`}:null}}resolveLibraryAssetPath(e,t){let i=t.replace(/^\/+/,""),n="";return i.startsWith("raw/")?n=i:i.startsWith("library/")?n=`raw/${i}`:i.includes("/")?n=i:n=`raw/library/${e}/${i}`,{key:n,src:a=>`/${n}?t=${a}`}}async handleAIEdit(e){console.log("[Library] Opening AI Edit for slot:",e);let t=window.__openAiEditor;if(typeof t=="function"){let i=e.slotId||e.objectId,n="render.texture";e.category==="ui"&&(n="ui.image"),e.category==="audio"&&(n="audio.src"),t(i,`Edit ${e.displayName} with AI`,e.currentAsset,{objectId:e.objectId,path:n})}else console.warn("[Library] AI Editor not available"),alert("AI Editor is not available. Please ensure the Settings panel is loaded.")}async handleUpload(e){console.log("[Library] Opening file upload for slot:",e);let t=document.createElement("input");t.type="file",t.accept="image/*",t.style.display="none",t.addEventListener("change",async()=>{var n;let i=(n=t.files)==null?void 0:n[0];if(i){console.log("[Library] File selected:",i.name);try{let a=await this.fileToDataUrl(i);if(!a){alert("Failed to read file");return}let r=`${e.displayName.replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"")}_uploaded`,l=e.category;console.log("[Library] Saving uploaded file:",r,"to category:",l);let d=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:l,filename:`${r}.png`,data:a,overwrite:!0})})).json();if(d.success){console.log("[Library] \u2705 Upload saved:",d.path);let p=window.addAssetToRegistry;typeof p=="function"&&p(l,`${r}.png`);try{await fetch("/api/setup-library",{method:"POST",headers:{"Content-Type":"application/json"}})}catch(u){console.warn("[Library] Setup-library not available:",u)}await this.handleApply(e,`${r}.png`,e.category),e.currentAsset=`${r}.png`,await this.refresh(),setTimeout(()=>{this.highlightSlot(e.objectId,l)},500),console.log("[Library] \u2705 Upload complete and applied")}else console.error("[Library] \u274C Upload failed:",d.error),alert(`Upload failed: ${d.error}`)}catch(a){console.error("[Library] \u274C Upload error:",a),alert("Upload failed. Check console for details.")}finally{t.remove()}}}),document.body.appendChild(t),t.click()}fileToDataUrl(e){return new Promise(t=>{let i=new FileReader;i.onload=()=>t(i.result),i.onerror=()=>t(null),i.readAsDataURL(e)})}handleCreateWithAI(){console.log("[Library] Opening AI Create modal");let e=window.__openAiEditor;typeof e=="function"?e("new_asset","Create new asset with AI"):(console.warn("[Library] AI Editor not available"),alert("AI Editor is not available. Please ensure the Settings panel is loaded."))}highlightSlot(e,t){if(!this.registry||!this.slotsContainer)return;let i=e.startsWith("json.")?e.replace("json.",""):e,n=this.registry.slots.find(a=>(a.objectId===i||a.slotId===i)&&(!t||a.category===t));n?(console.log("[LIBRARY] Highlighting slot:",n.slotId),this.selectedSlotId=n.slotId,this.renderSlots(),this.renderAssets(),setTimeout(()=>{var s;let a=(s=this.slotsContainer)==null?void 0:s.querySelector(`[data-slot-id="${n.slotId}"]`);a&&(a.scrollIntoView({behavior:"smooth",block:"center"}),a.classList.add("highlight-pulse"),setTimeout(()=>a.classList.remove("highlight-pulse"),3e3))},100)):console.warn("[LIBRARY] No slot found for highlight:",e,t)}};var ri=class{detectType(e,t,i){let n=e.toLowerCase();return n==="logic_id"||n==="logicid"?"select":typeof t=="string"&&t.match(/\.(png|jpg|jpeg|gif|webp)$/i)?"image":n.includes("color")||n.includes("tint")?"color":typeof t=="boolean"?"boolean":typeof t=="number"?"number":Array.isArray(t)?"array":typeof t=="object"&&t!==null?"object":"text"}isHexColor(e){return/^#[0-9a-fA-F]{6}$/i.test(e)}isImagePath(e){return/\.(png|jpg|jpeg|gif|svg)$/i.test(e)}};var oi=class{render(e,t,i,n){let a=this.formatLabel(t),s=i?this.getThumbnailUrl(i):"";return`
|
|
773
|
+
`}initialize(e,t){var a,s,r,l,c,d,p,g;this.options=t,this.root=e.querySelector('[data-panel="library"]'),this.slotsContainer=(a=this.root)==null?void 0:a.querySelector("[data-library-slots]"),this.assetsContainer=(s=this.root)==null?void 0:s.querySelector("[data-library-assets]"),this.assetSearchInput=(r=this.root)==null?void 0:r.querySelector("[data-library-asset-search]"),this.slotSearchInput=(l=this.root)==null?void 0:l.querySelector("[data-library-slot-search]");let i=(c=this.root)==null?void 0:c.querySelector("[data-create-ai]");i==null||i.addEventListener("click",()=>{this.handleCreateWithAI()});let n=(d=this.root)==null?void 0:d.querySelector("[data-refresh-library]");n==null||n.addEventListener("click",()=>{n.classList.add("pulse-anim"),this.refresh(),setTimeout(()=>n.classList.remove("pulse-anim"),500)}),(p=this.assetSearchInput)==null||p.addEventListener("input",()=>this.scheduleRenderAssets()),(g=this.slotSearchInput)==null||g.addEventListener("input",()=>this.scheduleRenderSlots()),window.addEventListener("preview:select",u=>{var m;let h=(m=u.detail)==null?void 0:m.objectId;h&&this.highlightCurrentObject(h)}),this.loadAssetRegistry()}highlightCurrentObject(e){if(!this.registry)return;let t=this.registry.slots.find(i=>i.objectId===e);t&&(this.selectedSlotId=t.slotId,this.scheduleRenderSlots(),setTimeout(()=>{var n;let i=(n=this.slotsContainer)==null?void 0:n.querySelector(`[data-slot-id="${t.slotId}"]`);i&&i.scrollIntoView({behavior:"smooth",block:"center"})},100))}reRender(){console.log("[LIBRARY] Re-rendering slots..."),this.loadAssetRegistry()}async refresh(){console.log("[LIBRARY] Force refreshing asset registry...");try{let e=window.getEditableAssets,t=typeof e=="function"?e():null,i=await fetch(`/raw/assetRegistry.json?t=${Date.now()}`);if(i.ok){let n=await i.json(),a=this.mergeRegistries(t,n);window.getEditableAssets=()=>a,console.log("[LIBRARY] \u2705 Registry re-fetched successfully")}}catch(e){console.warn("[LIBRARY] Failed to re-fetch registry:",e)}this.loadAssetRegistry()}resetSearch(){this.assetSearchInput&&(this.assetSearchInput.value=""),this.slotSearchInput&&(this.slotSearchInput.value=""),this.scheduleRenderAssets(),this.scheduleRenderSlots()}loadAssetRegistry(e=0){var i,n,a,s;let t=window.getEditableAssets;if(typeof t=="function"){let r=t();if(r!=null&&r.slots&&Array.isArray(r.slots)&&r.slots.length>0){if(this.registry=r,console.log("[LIBRARY] Loaded slot-based registry:",this.registry.slots.length,"slots"),this.cacheBust=Date.now(),this.cachedAssets={},this.pendingAssetFetches={},this.missingPreviewPaths.clear(),!(this.selectedSlotId&&this.registry.slots.some(c=>c.slotId===this.selectedSlotId))){let c=window.__getSelectedObjectId,d=typeof c=="function"?c():null;if(d){let p=this.registry.slots.find(g=>g.objectId===d);p?this.selectedSlotId=p.slotId:this.selectedSlotId=(n=(i=this.registry.slots[0])==null?void 0:i.slotId)!=null?n:null}else this.selectedSlotId=(s=(a=this.registry.slots[0])==null?void 0:a.slotId)!=null?s:null}this.renderSlots(),this.renderAssets();return}}e<15?(console.log(`[LIBRARY] Waiting for asset registry... (attempt ${e+1}/15)`),setTimeout(()=>this.loadAssetRegistry(e+1),200)):(console.warn("[LIBRARY] Failed to load asset registry"),this.slotsContainer&&(this.slotsContainer.innerHTML='<div class="library-info">No editable assets available</div>'))}renderSlots(){var n;if(!this.slotsContainer||!this.registry)return;let e={};for(let a of this.registry.slots)e[a.category]||(e[a.category]=[]),e[a.category].push(a);let t=this.cacheBust||Date.now(),i=(((n=this.slotSearchInput)==null?void 0:n.value)||"").trim().toLowerCase();this.slotsContainer.innerHTML="";for(let a of this.getCategories()){let s=(e[a]||[]).filter(d=>i?`${d.displayName} ${d.slotId} ${d.objectId} ${d.currentAsset}`.toLowerCase().includes(i):!0);if(s.length===0)continue;let r=document.createElement("div");r.className="library-category";let l=document.createElement("div");l.className="library-category-header",l.textContent=this.formatCategoryName(a),r.appendChild(l);let c=document.createElement("div");c.className="library-category-slots";for(let d of s){let p=this.createSlotElement(d,t);c.appendChild(p)}r.appendChild(c),this.slotsContainer.appendChild(r)}if(!this.slotsContainer.hasChildNodes()){let a=document.createElement("div");a.className="library-info",a.textContent=i?"No slots match your search":"No editable slots available",this.slotsContainer.appendChild(a)}}createSlotElement(e,t){var y,w;let i=this.selectedSlotId===e.slotId,n=window.__getSelectedObjectId,s=(typeof n=="function"?n():null)===e.objectId,r=document.createElement("div");r.className=`library-slot ${i?"expanded":""} ${s?"current-object":""}`,r.dataset.slotId=e.slotId,r.dataset.objectId=e.objectId;let l=document.createElement("div");l.className="slot-header";let c=document.createElement("div");if(c.className="slot-current",(y=e.currentAsset)==null?void 0:y.toLowerCase().endsWith(".json")){let v=document.createElement("div");v.className="slot-thumbnail slot-thumbnail-json",v.textContent="\u{1F3AC}",v.title="Lottie/JSON Animation",c.appendChild(v)}else{let v=document.createElement("img"),L=this.resolveSlotPreviewPaths(e),j=L.primary,_=(w=L.fallback)!=null?w:null;if(!j)v.style.display="none";else if(this.missingPreviewPaths.has(j.key)&&(!_||this.missingPreviewPaths.has(_.key)))v.style.display="none";else{v.src=j.src(t),v.alt=e.displayName,v.className="slot-thumbnail",v.loading="lazy";let P=!1;v.onerror=()=>{if(P){v.onerror=null,v.style.display="none";return}if(this.missingPreviewPaths.add(j.key),_&&!this.missingPreviewPaths.has(_.key)){P=!0,v.src=_.src(t);return}_&&this.missingPreviewPaths.add(_.key),v.style.display="none"}}c.appendChild(v)}l.appendChild(c);let p=document.createElement("div");p.className="slot-info";let g=document.createElement("div");g.className="slot-name",g.textContent=e.displayName;let u=document.createElement("div");u.className="slot-asset",u.textContent=e.currentAsset,p.appendChild(g),p.appendChild(u),l.appendChild(p);let h=document.createElement("div");h.className="slot-actions";let m=document.createElement("button");m.className="slot-ai-edit",m.title="Edit with AI",m.textContent="\u2728 AI",m.addEventListener("click",async v=>{v.stopPropagation(),await this.handleAIEdit(e)}),h.appendChild(m);let f=document.createElement("button");f.className="slot-upload",f.title="Upload new asset",f.textContent="\u{1F4E4}",f.addEventListener("click",async v=>{v.stopPropagation(),await this.handleUpload(e)}),h.appendChild(f);let b=document.createElement("button");return b.className="slot-reset",b.title="Reset to default",b.textContent="\u21BA",b.addEventListener("click",async v=>{v.stopPropagation(),await this.handleReset(e)}),h.appendChild(b),l.appendChild(h),l.addEventListener("click",()=>{this.selectedSlotId=e.slotId,this.renderSlots(),this.renderAssets()}),r.appendChild(l),r}renderAssets(){var l;if(!this.assetsContainer||!this.registry)return;let e=this.cacheBust||Date.now(),t=(((l=this.assetSearchInput)==null?void 0:l.value)||"").trim().toLowerCase(),i=this.getSelectedSlot();this.assetsContainer.innerHTML="";let n=document.createElement("div");n.className="library-selected",n.textContent=i?`Selected slot: ${i.displayName} (${i.currentAsset||"no asset"})`:"Select a slot to apply assets",n.style.gridColumn="1 / -1",this.assetsContainer.appendChild(n);let a=this.getCategories(),s=!1,r=!1;for(let c of a){let d=this.getCategoryAssets(c,e);if(!d){let m=document.createElement("div");m.className="library-empty",m.textContent=`Loading ${this.formatCategoryName(c)} assets...`,this.assetsContainer.appendChild(m),r=!0;continue}let p=d.filter(m=>t?`${m.displayName} ${m.filename} ${c}`.toLowerCase().includes(t):!0);if(p.length===0)continue;let g=document.createElement("div");g.className="library-category";let u=document.createElement("div");u.className="library-category-header",u.textContent=this.formatCategoryName(c),g.appendChild(u);let h=document.createElement("div");h.className="slot-library",h.style.borderTop="none",h.style.padding="10px";for(let m of p){let f=document.createElement("div");f.className="library-item",i&&i.currentAsset===m.filename&&i.libraryFolder===c&&f.classList.add("selected");let b=document.createElement("img"),y=this.resolveLibraryAssetPath(c,m.filename);this.missingPreviewPaths.has(y.key)?b.style.display="none":b.src=y.src(e),b.alt=m.displayName,b.className="library-thumbnail",b.loading="lazy",b.onerror=()=>{this.missingPreviewPaths.add(y.key),b.style.opacity="0.3"},f.appendChild(b);let w=document.createElement("div");w.className="library-label",w.textContent=m.displayName,f.appendChild(w),f.addEventListener("click",async()=>{if(!i){alert("Select a slot first to apply an asset.");return}await this.handleApply(i,m.filename,c)}),h.appendChild(f),s=!0}g.appendChild(h),this.assetsContainer.appendChild(g)}if(!s&&!r){let c=document.createElement("div");c.className="library-empty",c.textContent=t?"No assets match your search":"No assets available",this.assetsContainer.appendChild(c)}}getCategoryAssets(e,t){var i;if(this.cachedAssets[e])return this.cachedAssets[e];if(!this.pendingAssetFetches[e]){let n=((i=this.registry)==null?void 0:i.libraryAssets[e])||[];this.pendingAssetFetches[e]=this.fetchFolderAssets(e,t).then(a=>{let s=new Map;for(let r of n)s.set(r.filename,r);for(let r of a)s.has(r.filename)||s.set(r.filename,r);return this.cachedAssets[e]=Array.from(s.values()),delete this.pendingAssetFetches[e],this.renderAssets(),this.cachedAssets[e]}).catch(()=>(this.cachedAssets[e]=n,delete this.pendingAssetFetches[e],this.renderAssets(),this.cachedAssets[e]))}return null}async fetchFolderAssets(e,t){try{let i=await fetch(`/raw/library/${e}/?t=${t}`);if(!i.ok)return[];let n=await i.text(),a=[],s=/href="([^"]+\.(png|jpg|jpeg))"/gi,r;for(;(r=s.exec(n))!==null;){let l=r[1];if(!l.startsWith("/")&&!l.startsWith("..")){let c=l.replace(/\.(png|jpg|jpeg)$/i,"").replace(/_/g," ");a.push({filename:l,displayName:c})}}return a}catch{return console.log("[LIBRARY] Could not fetch folder listing, using registry only"),[]}}async handleApply(e,t,i){var n;console.log("[LIBRARY] Applying asset:",t,"to slot:",e.slotId);try{let a=window.__wizardAssetPicker;if(a!=null&&a.onPick){let l=`raw/library/${i||e.libraryFolder||e.category}/${t}`;a.onPick(l),window.__wizardAssetPicker=null;return}let s=i||e.libraryFolder||e.category;await((n=this.options)==null?void 0:n.onApply(e.objectId,t,s)),e.currentAsset=t,e.libraryFolder=s,this.renderSlots(),this.renderAssets()}catch(a){console.error("[LIBRARY] Failed to apply asset:",a)}}async handleReset(e){var t;console.log("[LIBRARY] Resetting slot:",e.slotId,"to default:",e.defaultAsset);try{await((t=this.options)==null?void 0:t.onReset(e.objectId,e.defaultAsset,e.category)),e.currentAsset=e.defaultAsset,this.renderSlots(),this.renderAssets()}catch(i){console.error("[LIBRARY] Failed to reset slot:",i)}}formatCategoryName(e){return e.replace(/_/g," ").split(" ").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(" ")}getCategories(){if(!this.registry)return[];let e=new Set;if(Array.isArray(this.registry.categories))for(let t of this.registry.categories)t&&e.add(t);for(let t of Object.keys(this.registry.libraryAssets||{}))t&&e.add(t);for(let t of this.registry.slots||[])t!=null&&t.category&&e.add(t.category);return Array.from(e)}getSelectedSlot(){return!this.registry||!this.selectedSlotId?null:this.registry.slots.find(e=>e.slotId===this.selectedSlotId)||null}scheduleRenderSlots(){this.slotSearchDebounce&&window.clearTimeout(this.slotSearchDebounce),this.slotSearchDebounce=window.setTimeout(()=>{this.slotSearchDebounce=null,this.renderSlots()},150)}scheduleRenderAssets(){this.assetSearchDebounce&&window.clearTimeout(this.assetSearchDebounce),this.assetSearchDebounce=window.setTimeout(()=>{this.assetSearchDebounce=null,this.renderAssets()},150)}resolveSlotPreviewPaths(e){let t=(e.currentAsset||"").trim();if(!t)return{primary:null,fallback:null};let i=t.replace(/^\/+/,""),n=null,a=null;return i.startsWith("raw/")?n=i:i.startsWith("library/")?n=`raw/${i}`:i.includes("/")?n=i:e.libraryFolder?(n=`raw/library/${e.libraryFolder}/${i}`,a=`raw/${i}`):n=`raw/${i}`,{primary:n?{key:n,src:l=>`/${n}?t=${l}`}:null,fallback:a?{key:a,src:l=>`/${a}?t=${l}`}:null}}resolveLibraryAssetPath(e,t){let i=t.replace(/^\/+/,""),n="";return i.startsWith("raw/")?n=i:i.startsWith("library/")?n=`raw/${i}`:i.includes("/")?n=i:n=`raw/library/${e}/${i}`,{key:n,src:a=>`/${n}?t=${a}`}}async handleAIEdit(e){console.log("[Library] Opening AI Edit for slot:",e);let t=window.__openAiEditor;if(typeof t=="function"){let i=e.slotId||e.objectId,n="render.texture";e.category==="ui"&&(n="ui.image"),e.category==="audio"&&(n="audio.src"),t(i,`Edit ${e.displayName} with AI`,e.currentAsset,{objectId:e.objectId,path:n})}else console.warn("[Library] AI Editor not available"),alert("AI Editor is not available. Please ensure the Settings panel is loaded.")}async handleUpload(e){console.log("[Library] Opening file upload for slot:",e);let t=document.createElement("input");t.type="file",t.accept="image/*",t.style.display="none",t.addEventListener("change",async()=>{var n,a,s,r,l;let i=(n=t.files)==null?void 0:n[0];if(i){console.log("[Library] File selected:",i.name);try{let c=await this.fileToDataUrl(i);if(!c){alert("Failed to read file");return}let d=e.displayName.replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,""),p=((a=i.name.toLowerCase().match(/\.(png|jpg|jpeg|gif|webp)$/))==null?void 0:a[1])||"png",g=p==="jpg"?"jpeg":p,u=`${d}_uploaded_${Date.now()}.${g}`,h=e.category;console.log("[Library] Saving uploaded file:",u,"to category:",h);let f=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:h,filename:u,data:c,overwrite:!0})})).json();if(f.success){console.log("[Library] \u2705 Upload saved:",f.path),await new Promise(M=>setTimeout(M,100));let b=window.addAssetToRegistry;typeof b=="function"&&(b(h,u),console.log("[Library] \u2705 Added to registry:",h,u));let y=window.getEditableAssets;if(typeof y=="function"){let M=y();M&&!M.categories&&(M.categories=[]),M!=null&&M.categories&&!M.categories.includes(h)&&(M.categories.push(h),console.log(`[Library] Added category ${h} to registry`))}let w=!1,v=0,L=10;for(;!w&&v<L;){v++,console.log(`[Library] Refresh attempt ${v}/${L}...`);try{(await fetch("/api/setup-library",{method:"POST",headers:{"Content-Type":"application/json"}})).ok&&console.log("[Library] \u2705 Registry rebuilt from disk")}catch(k){console.warn("[Library] Setup-library not available:",k)}await new Promise(k=>setTimeout(k,300)),await this.refresh();let M=window.reRenderAssetLibrary;typeof M=="function"&&(console.log("[Library] Re-rendering library panel..."),M());let T=window.getEditableAssets;if(typeof T=="function"){let k=T(),E=((s=k==null?void 0:k.libraryAssets)==null?void 0:s[h])||[];E.some(S=>(S==null?void 0:S.filename)===u)?(console.log("[Library] \u2705 Asset found in registry!"),w=!0):(console.log(`[Library] Asset not found yet, retrying... (found ${E.length} assets in ${h})`),await new Promise(S=>setTimeout(S,500)))}else v>=2&&(w=!0)}w||console.warn("[Library] \u26A0\uFE0F Asset not found in registry after retries, proceeding anyway...");let j=!1,_=0,P=5;for(;!j&&_<P;){_++;try{console.log(`[Library] Applying asset attempt ${_}/${P}...`),await this.handleApply(e,u,e.category),await new Promise(T=>setTimeout(T,200));let M=window.getEditableObjectConfig;if(typeof M=="function"){let T=M(e.objectId),k=((l=(r=T==null?void 0:T.render)==null?void 0:r.asset)==null?void 0:l.path)||"";k===f.path||k.includes(u)?(console.log("[Library] \u2705 Asset confirmed applied to object"),j=!0):(console.log(`[Library] Asset not applied yet (attempt ${_}), retrying...`),await new Promise(E=>setTimeout(E,300)))}else j=!0}catch(M){console.error(`[Library] Apply attempt ${_} failed:`,M),_<P&&await new Promise(T=>setTimeout(T,500))}}e.currentAsset=u,await this.refresh(),setTimeout(()=>{try{window.dispatchEvent(new CustomEvent("config:changed",{detail:{action:"batch"}})),console.log("[Library] Dispatched config:changed event")}catch(M){console.warn("[Library] Failed to refresh textures:",M)}},300),setTimeout(()=>{this.highlightSlot(e.objectId,h)},1e3),j?console.log("[Library] \u2705 Upload complete and applied!"):console.warn("[Library] \u26A0\uFE0F Upload succeeded but apply may have failed")}else console.error("[Library] \u274C Upload failed:",f.error),alert(`Upload failed: ${f.error}`)}catch(c){console.error("[Library] \u274C Upload error:",c),alert("Upload failed. Check console for details.")}finally{t.remove()}}}),document.body.appendChild(t),t.click()}fileToDataUrl(e){return new Promise(t=>{let i=new FileReader;i.onload=()=>t(i.result),i.onerror=()=>t(null),i.readAsDataURL(e)})}handleCreateWithAI(){console.log("[Library] Opening AI Create modal");let e=window.__openAiEditor;typeof e=="function"?e("new_asset","Create new asset with AI"):(console.warn("[Library] AI Editor not available"),alert("AI Editor is not available. Please ensure the Settings panel is loaded."))}highlightSlot(e,t){if(!this.registry||!this.slotsContainer)return;let i=e.startsWith("json.")?e.replace("json.",""):e,n=this.registry.slots.find(a=>(a.objectId===i||a.slotId===i)&&(!t||a.category===t));n?(console.log("[LIBRARY] Highlighting slot:",n.slotId),this.selectedSlotId=n.slotId,this.renderSlots(),this.renderAssets(),setTimeout(()=>{var s;let a=(s=this.slotsContainer)==null?void 0:s.querySelector(`[data-slot-id="${n.slotId}"]`);a&&(a.scrollIntoView({behavior:"smooth",block:"center"}),a.classList.add("highlight-pulse"),setTimeout(()=>a.classList.remove("highlight-pulse"),3e3))},100)):console.warn("[LIBRARY] No slot found for highlight:",e,t)}};var oi=class{detectType(e,t,i){let n=e.toLowerCase();return n==="logic_id"||n==="logicid"?"select":typeof t=="string"&&t.match(/\.(png|jpg|jpeg|gif|webp)$/i)?"image":n.includes("color")||n.includes("tint")?"color":typeof t=="boolean"?"boolean":typeof t=="number"?"number":Array.isArray(t)?"array":typeof t=="object"&&t!==null?"object":"text"}isHexColor(e){return/^#[0-9a-fA-F]{6}$/i.test(e)}isImagePath(e){return/\.(png|jpg|jpeg|gif|svg)$/i.test(e)}};var li=class{render(e,t,i,n){let a=this.formatLabel(t),s=i?this.getThumbnailUrl(i):"";return`
|
|
774
774
|
<div class="inspector-property" data-property-type="image">
|
|
775
775
|
<div class="inspector-property-header">
|
|
776
776
|
<label class="inspector-label">${a}</label>
|
|
@@ -792,7 +792,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
792
792
|
</div>
|
|
793
793
|
`}
|
|
794
794
|
</div>
|
|
795
|
-
`}getThumbnailUrl(e){if(e.startsWith("data:")||e.startsWith("blob:")||e.startsWith("http"))return e;let t=`t=${Date.now()}`,i=e.replace(/^\.?\//,"");if(i.startsWith("raw/")||i.startsWith("assets/")||i.startsWith("library/")){let n=`/${i}`;return n.includes("?")?`${n}&${t}`:`${n}?${t}`}return`/raw/${i}?${t}`}escapeHtml(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var
|
|
795
|
+
`}getThumbnailUrl(e){if(e.startsWith("data:")||e.startsWith("blob:")||e.startsWith("http"))return e;let t=`t=${Date.now()}`,i=e.replace(/^\.?\//,"");if(i.startsWith("raw/")||i.startsWith("assets/")||i.startsWith("library/")){let n=`/${i}`;return n.includes("?")?`${n}&${t}`:`${n}?${t}`}return`/raw/${i}?${t}`}escapeHtml(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var ci=class{render(e,t,i,n){let a=i||"#000000";return`
|
|
796
796
|
<div class="inspector-property inspector-property-color">
|
|
797
797
|
<label class="inspector-property-label">${this.formatLabel(t)}</label>
|
|
798
798
|
<div class="inspector-color-group">
|
|
@@ -808,7 +808,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
808
808
|
data-object-id="${e}" />
|
|
809
809
|
</div>
|
|
810
810
|
</div>
|
|
811
|
-
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var
|
|
811
|
+
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var di=class{render(e,t,i,n){return`
|
|
812
812
|
<div class="inspector-property inspector-property-number">
|
|
813
813
|
<label class="inspector-property-label">${this.formatLabel(t)}</label>
|
|
814
814
|
<input type="number"
|
|
@@ -818,7 +818,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
818
818
|
data-object-id="${e}"
|
|
819
819
|
step="any" />
|
|
820
820
|
</div>
|
|
821
|
-
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var
|
|
821
|
+
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var pi=class{render(e,t,i,n){let a=String(i||"");return`
|
|
822
822
|
<div class="inspector-property inspector-property-text">
|
|
823
823
|
<label class="inspector-property-label">${this.formatLabel(t)}</label>
|
|
824
824
|
<div class="inspector-input-group">
|
|
@@ -829,7 +829,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
829
829
|
data-object-id="${e}" />
|
|
830
830
|
</div>
|
|
831
831
|
</div>
|
|
832
|
-
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var
|
|
832
|
+
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var ui=class{render(e,t,i,n){return`
|
|
833
833
|
<div class="inspector-property inspector-property-boolean">
|
|
834
834
|
<label class="inspector-property-label">
|
|
835
835
|
<input type="checkbox"
|
|
@@ -840,7 +840,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
840
840
|
<span>${this.formatLabel(t)}</span>
|
|
841
841
|
</label>
|
|
842
842
|
</div>
|
|
843
|
-
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var
|
|
843
|
+
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var gi=class{constructor(e){this.registry=e}render(e,t,i,n){if(t==="logic"&&this.registry){let s=this.registry,r=Array.isArray(i)?i:[],l=r.map((d,p)=>{let g=`${n}.${p}`,u=`
|
|
844
844
|
<button class="inspector-button inspector-button-small"
|
|
845
845
|
data-logic-remove="true"
|
|
846
846
|
data-object-id="${e}"
|
|
@@ -848,11 +848,11 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
848
848
|
data-index="${p}">
|
|
849
849
|
Remove
|
|
850
850
|
</button>
|
|
851
|
-
`;if(d&&typeof d=="object"&&!Array.isArray(d)){let m=s.renderProperty(e,"logic",d,
|
|
851
|
+
`;if(d&&typeof d=="object"&&!Array.isArray(d)){let m=s.renderProperty(e,"logic",d,g);return`
|
|
852
852
|
<div class="inspector-array-item inspector-logic-item">
|
|
853
853
|
<div class="inspector-array-item-header">
|
|
854
854
|
<span>Logic ${p+1}</span>
|
|
855
|
-
${
|
|
855
|
+
${u}
|
|
856
856
|
</div>
|
|
857
857
|
<div class="inspector-array-item-body">
|
|
858
858
|
${m}
|
|
@@ -862,7 +862,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
862
862
|
<div class="inspector-array-item inspector-logic-item">
|
|
863
863
|
<div class="inspector-array-item-header">
|
|
864
864
|
<span>Logic ${p+1}</span>
|
|
865
|
-
${
|
|
865
|
+
${u}
|
|
866
866
|
<button class="inspector-button inspector-button-small"
|
|
867
867
|
data-logic-convert="true"
|
|
868
868
|
data-object-id="${e}"
|
|
@@ -904,7 +904,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
904
904
|
${a}
|
|
905
905
|
</div>
|
|
906
906
|
</div>
|
|
907
|
-
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var
|
|
907
|
+
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var hi=class{constructor(e){this.registry=e}render(e,t,i,n){if(t==="logic"&&i&&typeof i=="object"&&!Array.isArray(i))return this.renderLogic(e,t,i,n);let a=[];for(let r in i){let l=i[r],c=`${n}.${r}`,d=this.registry.renderProperty(e,r,l,c);d&&a.push(d)}return a.length===0?"":a.length<=4&&a.every(r=>r.includes("inspector-property"))?`
|
|
908
908
|
<div class="inspector-subsection">
|
|
909
909
|
<div class="inspector-subsection-title">${this.formatLabel(t)}</div>
|
|
910
910
|
<div class="inspector-subsection-content">
|
|
@@ -918,7 +918,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
918
918
|
${a.join("")}
|
|
919
919
|
</div>
|
|
920
920
|
</div>
|
|
921
|
-
`}renderLogic(e,t,i,n){let a=[],s=typeof(i==null?void 0:i.id)=="string"?i.id:"",r={zone:["bottom-left","bottom-center","bottom-right","top-left","top-center","top-right"],directionMode:["dominantAxis","free"],axis:["both","x","y"],ease:["power2.out","linear","sine.inOut","back.out(1.8)"],direction:["any","horizontal","vertical"],spawnPattern:["continuous","onClick","wave","burst"],positionSource:["spawner","target","custom","random","points"],spawnPointMode:["cycle","random"],movementMode:["none","velocity"],particleEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],collectSound:["","click_4.wav","click_6.wav","success_4.wav"],hitEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],destroyEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],destroySound:["","click_4.wav","click_6.wav","success_4.wav"]},l=(()=>{let
|
|
921
|
+
`}renderLogic(e,t,i,n){let a=[],s=typeof(i==null?void 0:i.id)=="string"?i.id:"",r={zone:["bottom-left","bottom-center","bottom-right","top-left","top-center","top-right"],directionMode:["dominantAxis","free"],axis:["both","x","y"],ease:["power2.out","linear","sine.inOut","back.out(1.8)"],direction:["any","horizontal","vertical"],spawnPattern:["continuous","onClick","wave","burst"],positionSource:["spawner","target","custom","random","points"],spawnPointMode:["cycle","random"],movementMode:["none","velocity"],particleEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],collectSound:["","click_4.wav","click_6.wav","success_4.wav"],hitEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],destroyEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],destroySound:["","click_4.wav","click_6.wav","success_4.wav"]},l=(()=>{let g=window,u=Array.isArray(g==null?void 0:g.__HANDLER_LOGIC_OPTIONS)?g.__HANDLER_LOGIC_OPTIONS:[],m=[...["DragToWin","SwerveMove","DragSnap","JoystickMove"],...u].map(f=>String(f)).filter(f=>f.trim().length>0);return Array.from(new Set(m)).sort((f,b)=>f.localeCompare(b))})(),c=s&&!l.includes(s)?[s,...l]:l;a.push(`
|
|
922
922
|
<div class="inspector-property inspector-property-text">
|
|
923
923
|
<label class="inspector-property-label">Id</label>
|
|
924
924
|
<div class="inspector-input-group">
|
|
@@ -927,19 +927,19 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
927
927
|
data-object-id="${e}"
|
|
928
928
|
data-logic-id-selector="true">
|
|
929
929
|
<option value="" ${s?"":"selected"}>None</option>
|
|
930
|
-
${c.map(
|
|
930
|
+
${c.map(g=>`<option value="${g}" ${g===s?"selected":""}>${g}</option>`).join("")}
|
|
931
931
|
</select>
|
|
932
932
|
</div>
|
|
933
933
|
</div>
|
|
934
|
-
`);for(let
|
|
934
|
+
`);for(let g in i){if(g==="id")continue;let u=i[g],h=`${n}.${g}`;if(g==="props"&&u&&typeof u=="object"){let f=[];for(let b in u){let y=u[b],w=`${h}.${b}`,v=r[b];if(b==="targetId"||b==="inputId"){let L=this.registry.getObjectIds(),j=typeof y=="string"?y:"",_=j&&!L.includes(j)?[j,...L]:L;f.push(`
|
|
935
935
|
<div class="inspector-property inspector-property-text">
|
|
936
936
|
<label class="inspector-property-label">${this.formatLabel(b)}</label>
|
|
937
937
|
<div class="inspector-input-group">
|
|
938
938
|
<select class="inspector-component-select inspector-input"
|
|
939
939
|
data-property-path="${w}"
|
|
940
940
|
data-object-id="${e}">
|
|
941
|
-
<option value="" ${
|
|
942
|
-
${
|
|
941
|
+
<option value="" ${j?"":"selected"}>None</option>
|
|
942
|
+
${_.map(P=>`<option value="${P}" ${P===j?"selected":""}>${P}</option>`).join("")}
|
|
943
943
|
</select>
|
|
944
944
|
</div>
|
|
945
945
|
</div>
|
|
@@ -961,7 +961,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
961
961
|
${f.join("")}
|
|
962
962
|
</div>
|
|
963
963
|
</div>
|
|
964
|
-
`);continue}let m=this.registry.renderProperty(e,u,
|
|
964
|
+
`);continue}let m=this.registry.renderProperty(e,g,u,h);m&&a.push(m)}if(a.length===0)return"";let p=/(^|\.)logic\.\d+$/.test(n)?"":`
|
|
965
965
|
<div class="inspector-array-actions" style="margin-top: 12px;">
|
|
966
966
|
<button class="inspector-button"
|
|
967
967
|
data-logic-add="true"
|
|
@@ -979,7 +979,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
979
979
|
${p}
|
|
980
980
|
</div>
|
|
981
981
|
</div>
|
|
982
|
-
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var
|
|
982
|
+
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var mi=class{render(e,t,i,n,a){let s=i==null?"":String(i),r=Array.from(new Set(a.map(c=>String(c)))),l=s&&!r.includes(s)?[s,...r]:r;return`
|
|
983
983
|
<div class="inspector-property inspector-property-text">
|
|
984
984
|
<label class="inspector-property-label">${this.formatLabel(t)}</label>
|
|
985
985
|
<div class="inspector-input-group">
|
|
@@ -990,7 +990,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
990
990
|
</select>
|
|
991
991
|
</div>
|
|
992
992
|
</div>
|
|
993
|
-
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var
|
|
993
|
+
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var fi=class{render(e,t,i,n){let a=this.safeStringify(i);return`
|
|
994
994
|
<div class="inspector-property inspector-property-text">
|
|
995
995
|
<label class="inspector-property-label">${this.formatLabel(t)}</label>
|
|
996
996
|
<div class="inspector-input-group">
|
|
@@ -1001,7 +1001,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
1001
1001
|
rows="6">${a}</textarea>
|
|
1002
1002
|
</div>
|
|
1003
1003
|
</div>
|
|
1004
|
-
`}safeStringify(e){try{return JSON.stringify(e!=null?e:[],null,2)}catch{return"[]"}}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var
|
|
1004
|
+
`}safeStringify(e){try{return JSON.stringify(e!=null?e:[],null,2)}catch{return"[]"}}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var bi=class{render(e,t,i,n){let s=(Array.isArray(i)?i:[]).map((r,l)=>{let c=typeof(r==null?void 0:r.x)=="number"?r.x:0,d=typeof(r==null?void 0:r.y)=="number"?r.y:0;return`
|
|
1005
1005
|
<div class="inspector-row" style="gap:8px; align-items:center;">
|
|
1006
1006
|
<input type="number"
|
|
1007
1007
|
class="inspector-input"
|
|
@@ -1034,17 +1034,17 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
1034
1034
|
</div>
|
|
1035
1035
|
</div>
|
|
1036
1036
|
</div>
|
|
1037
|
-
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var
|
|
1037
|
+
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};var yi=class{constructor(e){this.registry=e}render(e,t,i,n){let a=Array.isArray(i)?i:[],r=["",...this.registry.getObjectIds()],l=a.map((c,d)=>{let p=typeof(c==null?void 0:c.templateId)=="string"?c.templateId:"",g=typeof(c==null?void 0:c.weight)=="number"?c.weight:1,u=r.map(h=>`<option value="${h}"${h===p?" selected":""}>${h||"(none)"}</option>`).join("");return`
|
|
1038
1038
|
<div class="inspector-row" style="gap:8px; align-items:center;">
|
|
1039
1039
|
<select class="inspector-select inspector-input"
|
|
1040
1040
|
data-property-path="${n}.${d}.templateId"
|
|
1041
1041
|
data-object-id="${e}">
|
|
1042
|
-
${
|
|
1042
|
+
${u}
|
|
1043
1043
|
</select>
|
|
1044
1044
|
<input type="number"
|
|
1045
1045
|
class="inspector-input"
|
|
1046
1046
|
style="width:72px;"
|
|
1047
|
-
value="${
|
|
1047
|
+
value="${g}"
|
|
1048
1048
|
placeholder="weight"
|
|
1049
1049
|
data-property-path="${n}.${d}.weight"
|
|
1050
1050
|
data-object-id="${e}" />
|
|
@@ -1069,7 +1069,7 @@ ${r}`)}this.refreshObjects()}async syncScreens(){try{let e=this.getActiveScreenF
|
|
|
1069
1069
|
</div>
|
|
1070
1070
|
</div>
|
|
1071
1071
|
</div>
|
|
1072
|
-
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};import{Graphics as Yr}from"pixi.js";var Oe={width:400,height:600,designWidth:400,scaleFactor:1},vi={scale:1,position:1},wi=[];function Wr(o,e,t,i,n,a,s){wi.push({element:o,originalScale:a,positionHelper:e,heightPercent:n}),e(o,t,i,n,a,s,!1)}function Kr(){wi.forEach(({element:o,originalScale:e,positionHelper:t,heightPercent:i})=>{let n=e*Oe.scaleFactor;t(o,Oe.width,Oe.height,i,n,!0,!1)})}function Xr(){wi.length=0,console.log("[LAYOUT] Cleared all responsive elements")}function hn(o,e){console.log(`[SCREEN] updateScreenState called: ${o}x${e}`),Oe.width=o,Oe.height=e,Oe.scaleFactor=Math.min(o/Oe.designWidth,1.15),vi.scale=Oe.scaleFactor,vi.position=1,console.log(`[SCREEN] Global multipliers - scale: ${vi.scale.toFixed(3)}`),Kr()}var ee={layout:{scale_multiplier:1,position_offset:{x:0,y:0},debug_rect_visible:!0,debug_rect_color:16711680,debug_rect_thickness:4,debug_rect_scale_x:1,debug_rect_scale_y:1,screen_scale_x:1,screen_scale_y:1},engine:{scale:1,background_scale:1.05,background_offset_y:0,background_alpha:.98,label_pulse_speed:3,label_pulse_intensity:.03}};function Jr(o,e,t){let i=ee[o];i&&i[e]!==void 0&&(i[e]=t,console.log(`Updated ${o}.${e} = ${t}`))}function Zr(){return ee}var Qr={center:{x:.5,y:.5},"center-center":{x:.5,y:.5},middle:{x:.5,y:.5},"middle-center":{x:.5,y:.5},"top-left":{x:0,y:0},"top-center":{x:.5,y:0},"top-right":{x:1,y:0},"bottom-left":{x:0,y:1},"bottom-center":{x:.5,y:1},"bottom-right":{x:1,y:1},"left-center":{x:0,y:.5},"right-center":{x:1,y:.5},"center-left":{x:0,y:.5},"center-right":{x:1,y:.5},left:{x:0,y:.5},right:{x:1,y:.5},top:{x:.5,y:0},bottom:{x:.5,y:1}};function yi(o,e){return typeof o=="number"&&Number.isFinite(o)?o:e}function Re(o,e={x:.5,y:.5}){var t;if(Array.isArray(o))return{x:yi(o[0],e.x),y:yi(o[1],e.y)};if(o&&typeof o=="object"){let i=o;return{x:yi(i.x,e.x),y:yi(i.y,e.y)}}if(typeof o=="string"){let i=o.trim().toLowerCase();return(t=Qr[i])!=null?t:e}return e}function we(o,e,t,i={}){var g,h,m,f,b,y;let n=Re(t),a=(g=i.inset)!=null?g:{},s=(h=i.padding)!=null?h:{x:0,y:0},r=((m=a.left)!=null?m:0)+s.x,l=((f=a.right)!=null?f:0)+s.x,c=((b=a.top)!=null?b:0)+s.y,d=((y=a.bottom)!=null?y:0)+s.y,p=Math.max(0,o-r-l),u=Math.max(0,e-c-d);return{x:r+p*n.x,y:c+u*n.y}}function ze(o,e,t,i={}){var m,f,b,y,w,v;let n=(m=i.inset)!=null?m:{},a=(f=i.padding)!=null?f:{x:0,y:0},s=((b=n.left)!=null?b:0)+a.x,r=((y=n.right)!=null?y:0)+a.x,l=((w=n.top)!=null?w:0)+a.y,c=((v=n.bottom)!=null?v:0)+a.y,d=Math.max(0,o-s-r),p=Math.max(0,e-l-c),u=Re(t,{x:.5,y:.5}),g=Math.min(Math.max(u.x,0),1),h=Math.min(Math.max(u.y,0),1);return{x:s+d*g,y:l+p*h}}function mn(o,e,t,i={}){var d,p,u;if(!o)return;let n=i.positionRatio?ze(e,t,i.positionRatio,{inset:i.inset,padding:i.screenPadding}):we(e,t,i.anchor,{inset:i.inset,padding:i.screenPadding}),a=(d=i.offset)!=null?d:{x:0,y:0},s=n.x+a.x,r=n.y+a.y;o.anchor&&i.renderAnchor&&o.anchor.set(i.renderAnchor.x,i.renderAnchor.y),xe(o,s,r);let l=(p=i.scale)!=null?p:1,c=(u=i.scaleMultiplier)!=null?u:1;(i.scale!==void 0||i.scaleMultiplier!==void 0)&&ke(o,l*c)}if(typeof window!="undefined"){let o=window.innerWidth,e=window.innerHeight,t=()=>{let i=window.innerWidth,n=window.innerHeight;(i!==o||n!==e)&&(o=i,e=n,hn(i,n))};window.addEventListener("resize",t),window.addEventListener("orientationchange",()=>{setTimeout(t,100)}),window.mraid&&(window.mraid.addEventListener("viewableChange",t),window.mraid.addEventListener("sizeChange",t)),hn(window.innerWidth,window.innerHeight),window.updateDebugConfig=Jr,window.getDebugConfig=Zr,window.copyConfig=po,window.applyConfig=It,window.applyConfigForRatio=uo,window.positionAtBottom=Ls,window.positionAtTop=io,window.positionAtCenter=no,window.positionAtLeft=ao,window.positionAtRight=so,window.positionAtBottomLeft=ro,window.positionAtBottomRight=oo,window.positionAtTopLeft=lo,window.positionAtTopRight=co,window.applyPositionContract=to,console.log("\u{1F3AE} Debug Config Functions Available:"),console.log("\u2022 updateDebugConfig(category, key, value)"),console.log("\u2022 getDebugConfig()"),console.log("\u2022 copyConfig(presetName)"),console.log("\u2022 applyConfig(config)"),console.log("\u2022 applyConfigForRatio(width, height)"),console.log("\u{1F4CD} Positioning Helpers Available (with scale):"),console.log("\u2022 positionAtBottom(element, w, h, percent, scale)"),console.log("\u2022 positionAtTop(element, w, h, percent, scale)"),console.log("\u2022 positionAtCenter(element, w, h, offsetX, offsetY, scale)"),console.log("\u2022 positionAtLeft/Right(element, w, h, percent, scale)"),console.log("\u2022 Corner positions: BottomLeft/Right, TopLeft/Right (all with scale)"),console.log("\u2022 applyPositionContract(element, w, h, contract)"),console.log("Example: positionAtCenter(mySprite, 400, 600, 0, -50, 1.2)")}function xi(o,e,t=0){return o*e+t}function Si(o,e,t=0){return o*(1-e)+t}function Ei(o,e,t=0){return o*e+t}function Ci(o,e,t=0){return o*(1-e)+t}function ye(o,e=0){return o/2+e}function eo(o,e){return o*e}function to(o,e,t,i){var s,r,l,c,d,p,u,g,h,m,f,b,y,w,v,L,M,I,P,j;let n=0,a=0;switch(i.type){case"top":n=ye(e,(r=(s=i.offset)==null?void 0:s.x)!=null?r:0),a=xi(t,i.percent,(c=(l=i.offset)==null?void 0:l.y)!=null?c:0);break;case"bottom":n=ye(e,(p=(d=i.offset)==null?void 0:d.x)!=null?p:0),a=Si(t,i.percent,(g=(u=i.offset)==null?void 0:u.y)!=null?g:0);break;case"left":n=Ei(e,i.percent,(m=(h=i.offset)==null?void 0:h.x)!=null?m:0),a=ye(t,(b=(f=i.offset)==null?void 0:f.y)!=null?b:0);break;case"right":n=Ci(e,i.percent,(w=(y=i.offset)==null?void 0:y.x)!=null?w:0),a=ye(t,(L=(v=i.offset)==null?void 0:v.y)!=null?L:0);break;case"center":n=ye(e,(I=(M=i.offset)==null?void 0:M.x)!=null?I:0),a=ye(t,(j=(P=i.offset)==null?void 0:P.y)!=null?j:0);break}o.position?o.position.set(n,a):(o.x=n,o.y=a),i.scale!==void 0&&i.scale!==1&&o.scale&&(typeof o.scale.set=="function"?o.scale.set(i.scale,i.scale):(o.scale.x=i.scale,o.scale.y=i.scale))}function Ls(o,e,t,i=.2,n=1,a=!0,s=!1){let r=eo(t,i),l=Si(t,i/2);xe(o,ye(e),l);let c=a?n*Oe.scaleFactor:n;ke(o,c),s&&!wi.find(d=>d.element===o)&&Wr(o,Ls,e,t,i,n,a)}function io(o,e,t,i=.1,n=1){xe(o,ye(e),xi(t,i)),ke(o,n)}function no(o,e,t,i=0,n=0,a=1){xe(o,ye(e,i),ye(t,n)),ke(o,a)}function ao(o,e,t,i=.1,n=1){xe(o,Ei(e,i),ye(t)),ke(o,n)}function so(o,e,t,i=.1,n=1){xe(o,Ci(e,i),ye(t)),ke(o,n)}function ro(o,e,t,i=.05,n=.05,a=1){xe(o,Ei(e,n),Si(t,i)),ke(o,a)}function oo(o,e,t,i=.05,n=.05,a=1){xe(o,Ci(e,n),Si(t,i)),ke(o,a)}function lo(o,e,t,i=.05,n=.05,a=1){xe(o,Ei(e,n),xi(t,i)),ke(o,a)}function co(o,e,t,i=.05,n=.05,a=1){xe(o,Ci(e,n),xi(t,i)),ke(o,a)}function xe(o,e,t){o&&o.position?typeof o.position.set=="function"?o.position.set(e,t):(o.position.x=e,o.position.y=t):o&&(o.x=e,o.y=t)}function ke(o,e){e!==1&&o&&o.scale&&(typeof o.scale.set=="function"?o.scale.set(e,e):o.scale.x!==void 0&&o.scale.y!==void 0&&(o.scale.x=e,o.scale.y=e))}var Qe={default:{layout:{scale_multiplier:1,position_offset:{x:0,y:0},debug_rect_visible:!0,debug_rect_color:16711680,debug_rect_thickness:4,debug_rect_scale_x:1,debug_rect_scale_y:1,screen_scale_x:1,screen_scale_y:1},engine:{scale:1,background_scale:1.05,background_offset_y:0,background_alpha:.98,label_pulse_speed:3,label_pulse_intensity:.03}},wide:{layout:{scale_multiplier:1,position_offset:{x:0,y:0},debug_rect_visible:!0,debug_rect_color:16711680,debug_rect_thickness:4,debug_rect_scale_x:1,debug_rect_scale_y:1,screen_scale_x:.9,screen_scale_y:1.1},engine:{scale:1,background_scale:1.1,background_offset_y:0,background_alpha:.95,label_pulse_speed:3,label_pulse_intensity:.03}},square:{layout:{scale_multiplier:1,position_offset:{x:0,y:0},debug_rect_visible:!0,debug_rect_color:16711680,debug_rect_thickness:4,debug_rect_scale_x:1,debug_rect_scale_y:1,screen_scale_x:.85,screen_scale_y:.85},engine:{scale:1,background_scale:1,background_offset_y:0,background_alpha:1,label_pulse_speed:3,label_pulse_intensity:.03}},tall:{layout:{scale_multiplier:1,position_offset:{x:0,y:0},debug_rect_visible:!0,debug_rect_color:16711680,debug_rect_thickness:4,debug_rect_scale_x:1,debug_rect_scale_y:1,screen_scale_x:1.1,screen_scale_y:.9},engine:{scale:1,background_scale:.95,background_offset_y:0,background_alpha:1,label_pulse_speed:3,label_pulse_intensity:.03}}};function po(o){return o&&Qe[o]?JSON.parse(JSON.stringify(Qe[o])):JSON.parse(JSON.stringify(ee))}function It(o){Object.keys(o).forEach(e=>{let t=e;ee[t]&&o[t]&&Object.assign(ee[t],o[t])}),console.log("Config applied:",o)}function uo(o,e){let t=o/e;t>1.6?(It(Qe.wide),console.log("Applied WIDE config for ratio:",t)):t<.7?(It(Qe.tall),console.log("Applied TALL config for ratio:",t)):t>.8&&t<1.2?(It(Qe.square),console.log("Applied SQUARE config for ratio:",t)):(It(Qe.default),console.log("Applied DEFAULT config for ratio:",t))}if(typeof window!="undefined"){let o=window;o.configPresets=Qe,o.resolveAnchorVec2=o.resolveAnchorVec2||Re,o.resolveScreenAnchorPoint=o.resolveScreenAnchorPoint||we,o.resolveScreenRatioPoint=o.resolveScreenRatioPoint||ze}var me=null,As=new Map;function go(o,e,t,i,n,a={}){var $,U,H,B,D,q,Y,W,F,te,J,Z,pe,re,Ie,je,K,oe,ie,ue,Ge,Xe,ga,ha,ma,fa,ba,ya,va,wa,xa,Sa,Ea,Ca,Aa,La,ka,Ta,Pa,Ma,Ia,ja,_a,Oa,Ra,za,Da,$a,Ha;let s=($=a.enableDebugLogs)!=null?$:!1;s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] ===== STARTING LAYOUT CALCULATION ====="),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Screen dimensions:",{width:i.width,height:i.height}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Time:",t),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Options:",a));let{mainContainer:r,label:l,background:c,backgroundTexture:d,app:p}=o;if(!p||!p.renderer){s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] \u274C No app or renderer, skipping layout");return}s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] App renderer dimensions:",{width:p.renderer.width,height:p.renderer.height}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] App screen dimensions:",{width:p.screen.width,height:p.screen.height}));let u=i.width,g=i.height;s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] Base dimensions:",{baseWidth:u,baseHeight:g});let h=u*ee.layout.screen_scale_x,m=g*ee.layout.screen_scale_y,f=u/2,b=e.engine.runtime||{},y=b.layout||{};s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] Debug config:",{screen_scale_x:ee.layout.screen_scale_x,screen_scale_y:ee.layout.screen_scale_y}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Calculated dimensions:",{width:h,height:m,midX:f}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Engine runtime:",b),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Layout config:",y));let w=m>h,v=(U=y.design_width_portrait)!=null?U:w?400:600,L=(H=y.design_height_portrait)!=null?H:w?600:400,M=Math.min(h/v,m/L);M=Math.min(M,1.15);let I=M*((B=ee.engine.scale)!=null?B:1),P=(D=a.skipMainContainerTransform)!=null?D:!1;!P&&r&&r.scale&&(typeof r.scale.set=="function"?r.scale.set(I):(r.scale.x=I,r.scale.y=I));let j=(q=y.main_container_anchor)!=null?q:"center",_=(Y=y.main_container_position_ratio)!=null?Y:{x:.5,y:.5},T=(W=y.main_container_offset)!=null?W:{x:0,y:0},S=y.main_container_position_ratio?ze(u,g,_):we(u,g,j),x=S.x+T.x+ee.layout.position_offset.x,E=S.y+T.y+ee.layout.position_offset.y;if(!P&&r&&r.position&&(typeof r.position.set=="function"?r.position.set(x,E):(r.position.x=x,r.position.y=E)),n&&(r!=null&&r.toLocal)){let ce=g>u,he=(F=y.design_width_portrait)!=null?F:ce?320:480,se=(te=y.design_height_portrait)!=null?te:ce?480:320;for(let[Ee,Ce]of e.objects.entries()){let ge=Ce==null?void 0:Ce.transform;if(!ge||((J=ge.position_mode)!=null?J:"static")!=="static")continue;let V=(Z=n.get)==null?void 0:Z.call(n,Ee),Lt=((pe=V==null?void 0:V.getDisplayObject)==null?void 0:pe.call(V))||(V==null?void 0:V.pixiObject)||V;if(!Lt||Lt.parent!==r)continue;let _e=(re=ge.anchor)!=null?re:"bottom-left";_e==="bottom-left"&&ge.anchor==null&&console.log("[DEBUG FALLBACK] LayoutManager transform.anchor \u2192 bottom-left");let nt=ge.position_ratio!=null?ze(he,se,ge.position_ratio):we(he,se,_e),at=(Ie=ge.position)!=null?Ie:{x:0,y:0},kt=nt.x-he/2+at.x,Je=nt.y-se/2+at.y;typeof(V==null?void 0:V.setPosition)=="function"?V.setPosition(kt,Je):(xe(Lt,kt,Je),(je=V==null?void 0:V.transform)!=null&&je.position&&(V.transform.position.x=kt,V.transform.position.y=Je))}}let C=typeof window!="undefined"?window.__BUILD_SETTINGS__:null,O=((C==null?void 0:C.buildMode)||(typeof __BUILD_MODE__!="undefined"?__BUILD_MODE__:"dev"))==="dev";if(ee.layout.debug_rect_visible&&O){(!me||me.parent!==p.stage)&&(me==null||me.destroy(),me=new Yr,me.zIndex=9999,p.stage.addChild(me)),me.clear();let ce=ee.layout.debug_rect_scale_x,he=ee.layout.debug_rect_scale_y,se=(u-4)*ce,Ee=(g-4)*he,Ce=(u-se)/2,ge=(g-Ee)/2;s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] ===== DEBUG RECT POSITIONING ====="),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Debug rect calculations:",{baseWidth:u,baseHeight:g,rectW:se,rectH:Ee,offsetX:Ce,offsetY:ge}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Debug rect final position:",{x:2+Ce,y:2+ge,width:se,height:Ee})),me.rect(2+Ce,2+ge,se,Ee).stroke({width:ee.layout.debug_rect_thickness,color:ee.layout.debug_rect_color})}else me&&(me.destroy(),me=null);let k=((K=o.label)==null?void 0:K.config)||e.objects.get("label_1")||e.objects.get("ui_tutorial_1");if(l&&l.position&&k){let ce=(ie=(oe=k==null?void 0:k.transform)==null?void 0:oe.anchor)!=null?ie:"center",he=(ue=k==null?void 0:k.transform)==null?void 0:ue.position_ratio,se=((Ge=k==null?void 0:k.transform)==null?void 0:Ge.offset)||{x:0,y:0};mn(l,u,g,{anchor:ce,positionRatio:he,offset:{x:se.x*I,y:se.y*I},renderAnchor:Re(ce)})}if(l&&l.alpha>0){let ce=1+Math.sin(t*ee.engine.label_pulse_speed)*ee.engine.label_pulse_intensity,he=(ga=(Xe=k==null?void 0:k.transform)==null?void 0:Xe.scale)!=null?ga:1,se=ce*I*he;l.scale&&(typeof l.scale.set=="function"?l.scale.set(se):(l.scale.x=se,l.scale.y=se))}s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] ===== BACKGROUND POSITIONING =====");let R=c?e.objects.get("background_1"):null,z=!!R&&(c==null?void 0:c.parent)===r;if(c&&!z){s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background object exists:",!!c),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background type:",(ha=c.constructor)==null?void 0:ha.name)),c.alpha=((fa=(ma=b.background)==null?void 0:ma.alpha)!=null?fa:.98)*ee.engine.background_alpha,s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background alpha set to:",c.alpha),s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background config:",R);let ce=(R==null?void 0:R.transform)||{};s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background transform:",ce);let he=ce.offset||{x:0,y:0},se=((ya=(ba=b.background)==null?void 0:ba.offset_y)!=null?ya:0)+ee.engine.background_offset_y,Ee=(va=ce.anchor)!=null?va:"center",Ce=ce.position_ratio;if(s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background positioning params:",{bgOffset:he,bgRuntimeOffsetY:se,bgScreenAnchor:Ee,bgPositionRatio:Ce,baseWidth:u,baseHeight:g,finalScale:I}),mn(c,u,g,{anchor:Ee,positionRatio:Ce,offset:{x:he.x*I,y:he.y*I+se},renderAnchor:Re(Ee)}),s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background position after applyScreenAnchor:",{x:c.x,y:c.y,scaleX:(wa=c.scale)==null?void 0:wa.x,scaleY:(xa=c.scale)==null?void 0:xa.y,anchorX:(Sa=c.anchor)==null?void 0:Sa.x,anchorY:(Ea=c.anchor)==null?void 0:Ea.y,pivotX:(Ca=c.pivot)==null?void 0:Ca.x,pivotY:(Aa=c.pivot)==null?void 0:Aa.y,width:c.width,height:c.height}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background texture dimensions:",{textureWidth:d==null?void 0:d.width,textureHeight:d==null?void 0:d.height})),d){let nt=Math.max(h/d.width,m/d.height),at=(ka=(La=b.background)==null?void 0:La.scale_multiplier)!=null?ka:1.05,kt=(Ta=ce.scale)!=null?Ta:1,Je=nt*at*ee.engine.background_scale*kt;c.scale&&(typeof c.scale.set=="function"?c.scale.set(Je):(c.scale.x=Je,c.scale.y=Je))}else c&&typeof c.clear=="function"&&(c.clear(),c.rect(-h/2,-m/2,h,m).fill({color:1444375}));let ge=`${u}x${g}`,X=As.get(ge),V={x:Number((Pa=c.x)!=null?Pa:0),y:Number((Ma=c.y)!=null?Ma:0),scaleX:Number((ja=(Ia=c.scale)==null?void 0:Ia.x)!=null?ja:1),scaleY:Number((Oa=(_a=c.scale)==null?void 0:_a.y)!=null?Oa:1),rotation:Number.isFinite(c.rotation)?c.rotation:void 0,anchorX:Number.isFinite((Ra=c.anchor)==null?void 0:Ra.x)?c.anchor.x:void 0,anchorY:Number.isFinite((za=c.anchor)==null?void 0:za.y)?c.anchor.y:void 0,pivotX:Number.isFinite((Da=c.pivot)==null?void 0:Da.x)?c.pivot.x:void 0,pivotY:Number.isFinite(($a=c.pivot)==null?void 0:$a.y)?c.pivot.y:void 0},Lt=Number.isFinite(V.x)&&Number.isFinite(V.y)&&Number.isFinite(V.scaleX)&&Number.isFinite(V.scaleY),_e=V;if(X){let nt=Math.hypot(V.x-X.x,V.y-X.y),at=Math.max(u,g)*.5;(!Lt||nt>at)&&((Ha=c.position)!=null&&Ha.set?c.position.set(X.x,X.y):(c.x=X.x,c.y=X.y),c.scale&&(typeof c.scale.set=="function"?c.scale.set(X.scaleX,X.scaleY):(c.scale.x=X.scaleX,c.scale.y=X.scaleY)),Number.isFinite(X.rotation)&&typeof c.rotation=="number"&&(c.rotation=X.rotation),c.anchor&&Number.isFinite(X.anchorX)&&Number.isFinite(X.anchorY)&&c.anchor.set(X.anchorX,X.anchorY),c.pivot&&Number.isFinite(X.pivotX)&&Number.isFinite(X.pivotY)&&c.pivot.set(X.pivotX,X.pivotY),_e=X)}Number.isFinite(_e.x)&&Number.isFinite(_e.y)&&Number.isFinite(_e.scaleX)&&Number.isFinite(_e.scaleY)&&As.set(ge,_e)}}var Ai=class{constructor(){this.typeDetector=new ri,this.imageRenderer=new oi,this.colorRenderer=new li,this.numberRenderer=new ci,this.textRenderer=new di,this.booleanRenderer=new pi,this.arrayRenderer=new ui(this),this.objectRenderer=new gi(this),this.selectRenderer=new hi,this.jsonRenderer=new mi,this.spawnPointsRenderer=new fi,this.spawnTemplatesRenderer=new bi(this)}getObjectIds(){try{let e=window,t=e==null?void 0:e.__editableConfig;if(!(t!=null&&t.objects))return[];let i=[];if(t.objects instanceof Map)for(let n of t.objects.keys())i.push(n);else typeof t.objects=="object"&&i.push(...Object.keys(t.objects));return i.sort()}catch{return[]}}getEnumOptionsFromSchemas(e){var t;try{let i=window,n=i==null?void 0:i.__editableConfig,a=n==null?void 0:n.schemas;if(!a)return null;let s=String(e||"").split(".").filter(Boolean);if(s.length<2)return null;let r=s[0],l=s.slice(1).join("."),c=a instanceof Map?a.get(r):a==null?void 0:a[r];if(!c)return null;let d=(t=c==null?void 0:c.types)==null?void 0:t[l];if(typeof d!="string"||!d.startsWith("enum:"))return null;let u=d.slice(5).split("|").map(g=>g.trim()).filter(Boolean);return u.length?u:null}catch{return null}}getLogicOptions(){try{let e=window,t=Array.isArray(e==null?void 0:e.__HANDLER_LOGIC_OPTIONS)?e.__HANDLER_LOGIC_OPTIONS:[],n=[...["DragToWin","SwerveMove","DragSnap","JoystickMove"],...t].map(a=>String(a)).filter(a=>a.trim().length>0);return Array.from(new Set(n)).sort((a,s)=>a.localeCompare(s))}catch{return[]}}renderProperty(e,t,i,n){let a=t.toLowerCase(),s=a==="logic"||a==="logic_id"||a==="logicid",r=a==="id"&&n.toLowerCase().includes("logic");if((s||r)&&typeof i=="string"){let h=this.getLogicOptions(),m=this.selectRenderer.render(e,t,i,n,h);return s?`
|
|
1072
|
+
`}formatLabel(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}};import{Graphics as Yr}from"pixi.js";var Oe={width:400,height:600,designWidth:400,scaleFactor:1},wi={scale:1,position:1},xi=[];function Wr(o,e,t,i,n,a,s){xi.push({element:o,originalScale:a,positionHelper:e,heightPercent:n}),e(o,t,i,n,a,s,!1)}function Kr(){xi.forEach(({element:o,originalScale:e,positionHelper:t,heightPercent:i})=>{let n=e*Oe.scaleFactor;t(o,Oe.width,Oe.height,i,n,!0,!1)})}function Xr(){xi.length=0,console.log("[LAYOUT] Cleared all responsive elements")}function hn(o,e){console.log(`[SCREEN] updateScreenState called: ${o}x${e}`),Oe.width=o,Oe.height=e,Oe.scaleFactor=Math.min(o/Oe.designWidth,1.15),wi.scale=Oe.scaleFactor,wi.position=1,console.log(`[SCREEN] Global multipliers - scale: ${wi.scale.toFixed(3)}`),Kr()}var ee={layout:{scale_multiplier:1,position_offset:{x:0,y:0},debug_rect_visible:!0,debug_rect_color:16711680,debug_rect_thickness:4,debug_rect_scale_x:1,debug_rect_scale_y:1,screen_scale_x:1,screen_scale_y:1},engine:{scale:1,background_scale:1.05,background_offset_y:0,background_alpha:.98,label_pulse_speed:3,label_pulse_intensity:.03}};function Jr(o,e,t){let i=ee[o];i&&i[e]!==void 0&&(i[e]=t,console.log(`Updated ${o}.${e} = ${t}`))}function Zr(){return ee}var Qr={center:{x:.5,y:.5},"center-center":{x:.5,y:.5},middle:{x:.5,y:.5},"middle-center":{x:.5,y:.5},"top-left":{x:0,y:0},"top-center":{x:.5,y:0},"top-right":{x:1,y:0},"bottom-left":{x:0,y:1},"bottom-center":{x:.5,y:1},"bottom-right":{x:1,y:1},"left-center":{x:0,y:.5},"right-center":{x:1,y:.5},"center-left":{x:0,y:.5},"center-right":{x:1,y:.5},left:{x:0,y:.5},right:{x:1,y:.5},top:{x:.5,y:0},bottom:{x:.5,y:1}};function vi(o,e){return typeof o=="number"&&Number.isFinite(o)?o:e}function Re(o,e={x:.5,y:.5}){var t;if(Array.isArray(o))return{x:vi(o[0],e.x),y:vi(o[1],e.y)};if(o&&typeof o=="object"){let i=o;return{x:vi(i.x,e.x),y:vi(i.y,e.y)}}if(typeof o=="string"){let i=o.trim().toLowerCase();return(t=Qr[i])!=null?t:e}return e}function we(o,e,t,i={}){var u,h,m,f,b,y;let n=Re(t),a=(u=i.inset)!=null?u:{},s=(h=i.padding)!=null?h:{x:0,y:0},r=((m=a.left)!=null?m:0)+s.x,l=((f=a.right)!=null?f:0)+s.x,c=((b=a.top)!=null?b:0)+s.y,d=((y=a.bottom)!=null?y:0)+s.y,p=Math.max(0,o-r-l),g=Math.max(0,e-c-d);return{x:r+p*n.x,y:c+g*n.y}}function ze(o,e,t,i={}){var m,f,b,y,w,v;let n=(m=i.inset)!=null?m:{},a=(f=i.padding)!=null?f:{x:0,y:0},s=((b=n.left)!=null?b:0)+a.x,r=((y=n.right)!=null?y:0)+a.x,l=((w=n.top)!=null?w:0)+a.y,c=((v=n.bottom)!=null?v:0)+a.y,d=Math.max(0,o-s-r),p=Math.max(0,e-l-c),g=Re(t,{x:.5,y:.5}),u=Math.min(Math.max(g.x,0),1),h=Math.min(Math.max(g.y,0),1);return{x:s+d*u,y:l+p*h}}function mn(o,e,t,i={}){var d,p,g;if(!o)return;let n=i.positionRatio?ze(e,t,i.positionRatio,{inset:i.inset,padding:i.screenPadding}):we(e,t,i.anchor,{inset:i.inset,padding:i.screenPadding}),a=(d=i.offset)!=null?d:{x:0,y:0},s=n.x+a.x,r=n.y+a.y;o.anchor&&i.renderAnchor&&o.anchor.set(i.renderAnchor.x,i.renderAnchor.y),xe(o,s,r);let l=(p=i.scale)!=null?p:1,c=(g=i.scaleMultiplier)!=null?g:1;(i.scale!==void 0||i.scaleMultiplier!==void 0)&&ke(o,l*c)}if(typeof window!="undefined"){let o=window.innerWidth,e=window.innerHeight,t=()=>{let i=window.innerWidth,n=window.innerHeight;(i!==o||n!==e)&&(o=i,e=n,hn(i,n))};window.addEventListener("resize",t),window.addEventListener("orientationchange",()=>{setTimeout(t,100)}),window.mraid&&(window.mraid.addEventListener("viewableChange",t),window.mraid.addEventListener("sizeChange",t)),hn(window.innerWidth,window.innerHeight),window.updateDebugConfig=Jr,window.getDebugConfig=Zr,window.copyConfig=po,window.applyConfig=jt,window.applyConfigForRatio=uo,window.positionAtBottom=Ls,window.positionAtTop=io,window.positionAtCenter=no,window.positionAtLeft=ao,window.positionAtRight=so,window.positionAtBottomLeft=ro,window.positionAtBottomRight=oo,window.positionAtTopLeft=lo,window.positionAtTopRight=co,window.applyPositionContract=to,console.log("\u{1F3AE} Debug Config Functions Available:"),console.log("\u2022 updateDebugConfig(category, key, value)"),console.log("\u2022 getDebugConfig()"),console.log("\u2022 copyConfig(presetName)"),console.log("\u2022 applyConfig(config)"),console.log("\u2022 applyConfigForRatio(width, height)"),console.log("\u{1F4CD} Positioning Helpers Available (with scale):"),console.log("\u2022 positionAtBottom(element, w, h, percent, scale)"),console.log("\u2022 positionAtTop(element, w, h, percent, scale)"),console.log("\u2022 positionAtCenter(element, w, h, offsetX, offsetY, scale)"),console.log("\u2022 positionAtLeft/Right(element, w, h, percent, scale)"),console.log("\u2022 Corner positions: BottomLeft/Right, TopLeft/Right (all with scale)"),console.log("\u2022 applyPositionContract(element, w, h, contract)"),console.log("Example: positionAtCenter(mySprite, 400, 600, 0, -50, 1.2)")}function Si(o,e,t=0){return o*e+t}function Ei(o,e,t=0){return o*(1-e)+t}function Ci(o,e,t=0){return o*e+t}function Ai(o,e,t=0){return o*(1-e)+t}function ye(o,e=0){return o/2+e}function eo(o,e){return o*e}function to(o,e,t,i){var s,r,l,c,d,p,g,u,h,m,f,b,y,w,v,L,j,_,P,M;let n=0,a=0;switch(i.type){case"top":n=ye(e,(r=(s=i.offset)==null?void 0:s.x)!=null?r:0),a=Si(t,i.percent,(c=(l=i.offset)==null?void 0:l.y)!=null?c:0);break;case"bottom":n=ye(e,(p=(d=i.offset)==null?void 0:d.x)!=null?p:0),a=Ei(t,i.percent,(u=(g=i.offset)==null?void 0:g.y)!=null?u:0);break;case"left":n=Ci(e,i.percent,(m=(h=i.offset)==null?void 0:h.x)!=null?m:0),a=ye(t,(b=(f=i.offset)==null?void 0:f.y)!=null?b:0);break;case"right":n=Ai(e,i.percent,(w=(y=i.offset)==null?void 0:y.x)!=null?w:0),a=ye(t,(L=(v=i.offset)==null?void 0:v.y)!=null?L:0);break;case"center":n=ye(e,(_=(j=i.offset)==null?void 0:j.x)!=null?_:0),a=ye(t,(M=(P=i.offset)==null?void 0:P.y)!=null?M:0);break}o.position?o.position.set(n,a):(o.x=n,o.y=a),i.scale!==void 0&&i.scale!==1&&o.scale&&(typeof o.scale.set=="function"?o.scale.set(i.scale,i.scale):(o.scale.x=i.scale,o.scale.y=i.scale))}function Ls(o,e,t,i=.2,n=1,a=!0,s=!1){let r=eo(t,i),l=Ei(t,i/2);xe(o,ye(e),l);let c=a?n*Oe.scaleFactor:n;ke(o,c),s&&!xi.find(d=>d.element===o)&&Wr(o,Ls,e,t,i,n,a)}function io(o,e,t,i=.1,n=1){xe(o,ye(e),Si(t,i)),ke(o,n)}function no(o,e,t,i=0,n=0,a=1){xe(o,ye(e,i),ye(t,n)),ke(o,a)}function ao(o,e,t,i=.1,n=1){xe(o,Ci(e,i),ye(t)),ke(o,n)}function so(o,e,t,i=.1,n=1){xe(o,Ai(e,i),ye(t)),ke(o,n)}function ro(o,e,t,i=.05,n=.05,a=1){xe(o,Ci(e,n),Ei(t,i)),ke(o,a)}function oo(o,e,t,i=.05,n=.05,a=1){xe(o,Ai(e,n),Ei(t,i)),ke(o,a)}function lo(o,e,t,i=.05,n=.05,a=1){xe(o,Ci(e,n),Si(t,i)),ke(o,a)}function co(o,e,t,i=.05,n=.05,a=1){xe(o,Ai(e,n),Si(t,i)),ke(o,a)}function xe(o,e,t){o&&o.position?typeof o.position.set=="function"?o.position.set(e,t):(o.position.x=e,o.position.y=t):o&&(o.x=e,o.y=t)}function ke(o,e){e!==1&&o&&o.scale&&(typeof o.scale.set=="function"?o.scale.set(e,e):o.scale.x!==void 0&&o.scale.y!==void 0&&(o.scale.x=e,o.scale.y=e))}var Qe={default:{layout:{scale_multiplier:1,position_offset:{x:0,y:0},debug_rect_visible:!0,debug_rect_color:16711680,debug_rect_thickness:4,debug_rect_scale_x:1,debug_rect_scale_y:1,screen_scale_x:1,screen_scale_y:1},engine:{scale:1,background_scale:1.05,background_offset_y:0,background_alpha:.98,label_pulse_speed:3,label_pulse_intensity:.03}},wide:{layout:{scale_multiplier:1,position_offset:{x:0,y:0},debug_rect_visible:!0,debug_rect_color:16711680,debug_rect_thickness:4,debug_rect_scale_x:1,debug_rect_scale_y:1,screen_scale_x:.9,screen_scale_y:1.1},engine:{scale:1,background_scale:1.1,background_offset_y:0,background_alpha:.95,label_pulse_speed:3,label_pulse_intensity:.03}},square:{layout:{scale_multiplier:1,position_offset:{x:0,y:0},debug_rect_visible:!0,debug_rect_color:16711680,debug_rect_thickness:4,debug_rect_scale_x:1,debug_rect_scale_y:1,screen_scale_x:.85,screen_scale_y:.85},engine:{scale:1,background_scale:1,background_offset_y:0,background_alpha:1,label_pulse_speed:3,label_pulse_intensity:.03}},tall:{layout:{scale_multiplier:1,position_offset:{x:0,y:0},debug_rect_visible:!0,debug_rect_color:16711680,debug_rect_thickness:4,debug_rect_scale_x:1,debug_rect_scale_y:1,screen_scale_x:1.1,screen_scale_y:.9},engine:{scale:1,background_scale:.95,background_offset_y:0,background_alpha:1,label_pulse_speed:3,label_pulse_intensity:.03}}};function po(o){return o&&Qe[o]?JSON.parse(JSON.stringify(Qe[o])):JSON.parse(JSON.stringify(ee))}function jt(o){Object.keys(o).forEach(e=>{let t=e;ee[t]&&o[t]&&Object.assign(ee[t],o[t])}),console.log("Config applied:",o)}function uo(o,e){let t=o/e;t>1.6?(jt(Qe.wide),console.log("Applied WIDE config for ratio:",t)):t<.7?(jt(Qe.tall),console.log("Applied TALL config for ratio:",t)):t>.8&&t<1.2?(jt(Qe.square),console.log("Applied SQUARE config for ratio:",t)):(jt(Qe.default),console.log("Applied DEFAULT config for ratio:",t))}if(typeof window!="undefined"){let o=window;o.configPresets=Qe,o.resolveAnchorVec2=o.resolveAnchorVec2||Re,o.resolveScreenAnchorPoint=o.resolveScreenAnchorPoint||we,o.resolveScreenRatioPoint=o.resolveScreenRatioPoint||ze}var me=null,As=new Map;function go(o,e,t,i,n,a={}){var D,U,H,B,$,q,W,K,F,te,J,Z,pe,re,Me,je,Y,oe,ie,ue,Ge,Xe,ga,ha,ma,fa,ba,ya,va,wa,xa,Sa,Ea,Ca,Aa,La,ka,Ta,Pa,Ia,Ma,ja,_a,Oa,Ra,za,$a,Da,Ha;let s=(D=a.enableDebugLogs)!=null?D:!1;s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] ===== STARTING LAYOUT CALCULATION ====="),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Screen dimensions:",{width:i.width,height:i.height}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Time:",t),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Options:",a));let{mainContainer:r,label:l,background:c,backgroundTexture:d,app:p}=o;if(!p||!p.renderer){s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] \u274C No app or renderer, skipping layout");return}s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] App renderer dimensions:",{width:p.renderer.width,height:p.renderer.height}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] App screen dimensions:",{width:p.screen.width,height:p.screen.height}));let g=i.width,u=i.height;s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] Base dimensions:",{baseWidth:g,baseHeight:u});let h=g*ee.layout.screen_scale_x,m=u*ee.layout.screen_scale_y,f=g/2,b=e.engine.runtime||{},y=b.layout||{};s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] Debug config:",{screen_scale_x:ee.layout.screen_scale_x,screen_scale_y:ee.layout.screen_scale_y}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Calculated dimensions:",{width:h,height:m,midX:f}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Engine runtime:",b),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Layout config:",y));let w=m>h,v=(U=y.design_width_portrait)!=null?U:w?400:600,L=(H=y.design_height_portrait)!=null?H:w?600:400,j=Math.min(h/v,m/L);j=Math.min(j,1.15);let _=j*((B=ee.engine.scale)!=null?B:1),P=($=a.skipMainContainerTransform)!=null?$:!1;!P&&r&&r.scale&&(typeof r.scale.set=="function"?r.scale.set(_):(r.scale.x=_,r.scale.y=_));let M=(q=y.main_container_anchor)!=null?q:"center",T=(W=y.main_container_position_ratio)!=null?W:{x:.5,y:.5},k=(K=y.main_container_offset)!=null?K:{x:0,y:0},E=y.main_container_position_ratio?ze(g,u,T):we(g,u,M),x=E.x+k.x+ee.layout.position_offset.x,S=E.y+k.y+ee.layout.position_offset.y;if(!P&&r&&r.position&&(typeof r.position.set=="function"?r.position.set(x,S):(r.position.x=x,r.position.y=S)),n&&(r!=null&&r.toLocal)){let ce=u>g,he=(F=y.design_width_portrait)!=null?F:ce?320:480,se=(te=y.design_height_portrait)!=null?te:ce?480:320;for(let[Ee,Ce]of e.objects.entries()){let ge=Ce==null?void 0:Ce.transform;if(!ge||((J=ge.position_mode)!=null?J:"static")!=="static")continue;let V=(Z=n.get)==null?void 0:Z.call(n,Ee),Lt=((pe=V==null?void 0:V.getDisplayObject)==null?void 0:pe.call(V))||(V==null?void 0:V.pixiObject)||V;if(!Lt||Lt.parent!==r)continue;let _e=(re=ge.anchor)!=null?re:"bottom-left";_e==="bottom-left"&&ge.anchor==null&&console.log("[DEBUG FALLBACK] LayoutManager transform.anchor \u2192 bottom-left");let nt=ge.position_ratio!=null?ze(he,se,ge.position_ratio):we(he,se,_e),at=(Me=ge.position)!=null?Me:{x:0,y:0},kt=nt.x-he/2+at.x,Je=nt.y-se/2+at.y;typeof(V==null?void 0:V.setPosition)=="function"?V.setPosition(kt,Je):(xe(Lt,kt,Je),(je=V==null?void 0:V.transform)!=null&&je.position&&(V.transform.position.x=kt,V.transform.position.y=Je))}}let C=typeof window!="undefined"?window.__BUILD_SETTINGS__:null,O=((C==null?void 0:C.buildMode)||(typeof __BUILD_MODE__!="undefined"?__BUILD_MODE__:"dev"))==="dev";if(ee.layout.debug_rect_visible&&O){(!me||me.parent!==p.stage)&&(me==null||me.destroy(),me=new Yr,me.zIndex=9999,p.stage.addChild(me)),me.clear();let ce=ee.layout.debug_rect_scale_x,he=ee.layout.debug_rect_scale_y,se=(g-4)*ce,Ee=(u-4)*he,Ce=(g-se)/2,ge=(u-Ee)/2;s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] ===== DEBUG RECT POSITIONING ====="),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Debug rect calculations:",{baseWidth:g,baseHeight:u,rectW:se,rectH:Ee,offsetX:Ce,offsetY:ge}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Debug rect final position:",{x:2+Ce,y:2+ge,width:se,height:Ee})),me.rect(2+Ce,2+ge,se,Ee).stroke({width:ee.layout.debug_rect_thickness,color:ee.layout.debug_rect_color})}else me&&(me.destroy(),me=null);let I=((Y=o.label)==null?void 0:Y.config)||e.objects.get("label_1")||e.objects.get("ui_tutorial_1");if(l&&l.position&&I){let ce=(ie=(oe=I==null?void 0:I.transform)==null?void 0:oe.anchor)!=null?ie:"center",he=(ue=I==null?void 0:I.transform)==null?void 0:ue.position_ratio,se=((Ge=I==null?void 0:I.transform)==null?void 0:Ge.offset)||{x:0,y:0};mn(l,g,u,{anchor:ce,positionRatio:he,offset:{x:se.x*_,y:se.y*_},renderAnchor:Re(ce)})}if(l&&l.alpha>0){let ce=1+Math.sin(t*ee.engine.label_pulse_speed)*ee.engine.label_pulse_intensity,he=(ga=(Xe=I==null?void 0:I.transform)==null?void 0:Xe.scale)!=null?ga:1,se=ce*_*he;l.scale&&(typeof l.scale.set=="function"?l.scale.set(se):(l.scale.x=se,l.scale.y=se))}s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] ===== BACKGROUND POSITIONING =====");let R=c?e.objects.get("background_1"):null,z=!!R&&(c==null?void 0:c.parent)===r;if(c&&!z){s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background object exists:",!!c),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background type:",(ha=c.constructor)==null?void 0:ha.name)),c.alpha=((fa=(ma=b.background)==null?void 0:ma.alpha)!=null?fa:.98)*ee.engine.background_alpha,s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background alpha set to:",c.alpha),s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background config:",R);let ce=(R==null?void 0:R.transform)||{};s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background transform:",ce);let he=ce.offset||{x:0,y:0},se=((ya=(ba=b.background)==null?void 0:ba.offset_y)!=null?ya:0)+ee.engine.background_offset_y,Ee=(va=ce.anchor)!=null?va:"center",Ce=ce.position_ratio;if(s&&console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background positioning params:",{bgOffset:he,bgRuntimeOffsetY:se,bgScreenAnchor:Ee,bgPositionRatio:Ce,baseWidth:g,baseHeight:u,finalScale:_}),mn(c,g,u,{anchor:Ee,positionRatio:Ce,offset:{x:he.x*_,y:he.y*_+se},renderAnchor:Re(Ee)}),s&&(console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background position after applyScreenAnchor:",{x:c.x,y:c.y,scaleX:(wa=c.scale)==null?void 0:wa.x,scaleY:(xa=c.scale)==null?void 0:xa.y,anchorX:(Sa=c.anchor)==null?void 0:Sa.x,anchorY:(Ea=c.anchor)==null?void 0:Ea.y,pivotX:(Ca=c.pivot)==null?void 0:Ca.x,pivotY:(Aa=c.pivot)==null?void 0:Aa.y,width:c.width,height:c.height}),console.log("\u{1F3AF} [LAYOUT_DEBUGS] Background texture dimensions:",{textureWidth:d==null?void 0:d.width,textureHeight:d==null?void 0:d.height})),d){let nt=Math.max(h/d.width,m/d.height),at=(ka=(La=b.background)==null?void 0:La.scale_multiplier)!=null?ka:1.05,kt=(Ta=ce.scale)!=null?Ta:1,Je=nt*at*ee.engine.background_scale*kt;c.scale&&(typeof c.scale.set=="function"?c.scale.set(Je):(c.scale.x=Je,c.scale.y=Je))}else c&&typeof c.clear=="function"&&(c.clear(),c.rect(-h/2,-m/2,h,m).fill({color:1444375}));let ge=`${g}x${u}`,X=As.get(ge),V={x:Number((Pa=c.x)!=null?Pa:0),y:Number((Ia=c.y)!=null?Ia:0),scaleX:Number((ja=(Ma=c.scale)==null?void 0:Ma.x)!=null?ja:1),scaleY:Number((Oa=(_a=c.scale)==null?void 0:_a.y)!=null?Oa:1),rotation:Number.isFinite(c.rotation)?c.rotation:void 0,anchorX:Number.isFinite((Ra=c.anchor)==null?void 0:Ra.x)?c.anchor.x:void 0,anchorY:Number.isFinite((za=c.anchor)==null?void 0:za.y)?c.anchor.y:void 0,pivotX:Number.isFinite(($a=c.pivot)==null?void 0:$a.x)?c.pivot.x:void 0,pivotY:Number.isFinite((Da=c.pivot)==null?void 0:Da.y)?c.pivot.y:void 0},Lt=Number.isFinite(V.x)&&Number.isFinite(V.y)&&Number.isFinite(V.scaleX)&&Number.isFinite(V.scaleY),_e=V;if(X){let nt=Math.hypot(V.x-X.x,V.y-X.y),at=Math.max(g,u)*.5;(!Lt||nt>at)&&((Ha=c.position)!=null&&Ha.set?c.position.set(X.x,X.y):(c.x=X.x,c.y=X.y),c.scale&&(typeof c.scale.set=="function"?c.scale.set(X.scaleX,X.scaleY):(c.scale.x=X.scaleX,c.scale.y=X.scaleY)),Number.isFinite(X.rotation)&&typeof c.rotation=="number"&&(c.rotation=X.rotation),c.anchor&&Number.isFinite(X.anchorX)&&Number.isFinite(X.anchorY)&&c.anchor.set(X.anchorX,X.anchorY),c.pivot&&Number.isFinite(X.pivotX)&&Number.isFinite(X.pivotY)&&c.pivot.set(X.pivotX,X.pivotY),_e=X)}Number.isFinite(_e.x)&&Number.isFinite(_e.y)&&Number.isFinite(_e.scaleX)&&Number.isFinite(_e.scaleY)&&As.set(ge,_e)}}var Li=class{constructor(){this.typeDetector=new oi,this.imageRenderer=new li,this.colorRenderer=new ci,this.numberRenderer=new di,this.textRenderer=new pi,this.booleanRenderer=new ui,this.arrayRenderer=new gi(this),this.objectRenderer=new hi(this),this.selectRenderer=new mi,this.jsonRenderer=new fi,this.spawnPointsRenderer=new bi,this.spawnTemplatesRenderer=new yi(this)}getObjectIds(){try{let e=window,t=e==null?void 0:e.__editableConfig;if(!(t!=null&&t.objects))return[];let i=[];if(t.objects instanceof Map)for(let n of t.objects.keys())i.push(n);else typeof t.objects=="object"&&i.push(...Object.keys(t.objects));return i.sort()}catch{return[]}}getEnumOptionsFromSchemas(e){var t;try{let i=window,n=i==null?void 0:i.__editableConfig,a=n==null?void 0:n.schemas;if(!a)return null;let s=String(e||"").split(".").filter(Boolean);if(s.length<2)return null;let r=s[0],l=s.slice(1).join("."),c=a instanceof Map?a.get(r):a==null?void 0:a[r];if(!c)return null;let d=(t=c==null?void 0:c.types)==null?void 0:t[l];if(typeof d!="string"||!d.startsWith("enum:"))return null;let g=d.slice(5).split("|").map(u=>u.trim()).filter(Boolean);return g.length?g:null}catch{return null}}getLogicOptions(){try{let e=window,t=Array.isArray(e==null?void 0:e.__HANDLER_LOGIC_OPTIONS)?e.__HANDLER_LOGIC_OPTIONS:[],n=[...["DragToWin","SwerveMove","DragSnap","JoystickMove"],...t].map(a=>String(a)).filter(a=>a.trim().length>0);return Array.from(new Set(n)).sort((a,s)=>a.localeCompare(s))}catch{return[]}}renderProperty(e,t,i,n){let a=t.toLowerCase(),s=a==="logic"||a==="logic_id"||a==="logicid",r=a==="id"&&n.toLowerCase().includes("logic");if((s||r)&&typeof i=="string"){let h=this.getLogicOptions(),m=this.selectRenderer.render(e,t,i,n,h);return s?`
|
|
1073
1073
|
${m}
|
|
1074
1074
|
<div class="inspector-array-actions">
|
|
1075
1075
|
<button class="inspector-button"
|
|
@@ -1079,7 +1079,7 @@ ${m}
|
|
|
1079
1079
|
Add Logic
|
|
1080
1080
|
</button>
|
|
1081
1081
|
</div>
|
|
1082
|
-
`:m}let l={zone:["bottom-left","bottom-center","bottom-right","top-left","top-center","top-right"],directionMode:["dominantAxis","free"],axis:["both","x","y"],ease:["power2.out","linear","sine.inOut","back.out(1.8)"],direction:["any","horizontal","vertical"],spawnPattern:["continuous","onClick","wave","burst"],positionSource:["spawner","target","custom","random","points"],spawnPointMode:["cycle","random"],movementMode:["none","velocity"],particleEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],collectSound:["","click_4.wav","click_6.wav","success_4.wav"],hitEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],destroyEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],destroySound:["","click_4.wav","click_6.wav","success_4.wav"]},c={anchor:["center","top-left","top-center","top-right","left-center","right-center","bottom-left","bottom-center","bottom-right"]},d=l[t];if(d&&n.includes("logic.props"))return this.selectRenderer.render(e,t,i,n,d);let p=c[t];if(p&&(n.includes("transform")||n.includes("render"))){let h;if(typeof i=="string")h=i;else if(i==null)h="center";else{let f=Re(i);h=p.find(y=>{let w=Re(y);return Math.abs(w.x-f.x)<.001&&Math.abs(w.y-f.y)<.001})||"custom"}let m=[...p];return h==="custom"&&!m.includes("custom")&&m.push("custom"),this.selectRenderer.render(e,t,h,n,m)}if(t==="spawnPoints"&&n.includes("logic.props"))return this.spawnPointsRenderer.render(e,t,i,n);if(t==="spawnTemplates"&&n.includes("logic.props"))return this.spawnTemplatesRenderer.render(e,t,i,n);if((t==="targetId"||t==="inputId"||t==="hitTemplateId"||t==="hpLabelId"||t==="hitPopupTemplateId")&&(i==null||typeof i=="string")){let h=this.getObjectIds(),m=this.selectRenderer.render(e,t,i!=null?i:"",n,["",...h]);return t==="hitTemplateId"&&n.includes("logic.props")?m+'<div class="inspector-text-sm" style="opacity:0.7; margin-top:4px;">Use template id (e.g. bullet_template), not spawner.</div>':m}if(n.includes("motion.")){if(t==="enabled")return this.booleanRenderer.render(e,t,!!i,n);if(t==="direction"&&(n.includes("continuousMove")||n.includes("continuousRotate")||n.includes("orbit"))){let m=["1","-1"],f=i==null?"1":String(i);return this.selectRenderer.render(e,t,f,n,m)}if(["speed","amplitude","intensity","minScale","maxScale","radius","lifetime","pivotOffsetX","pivotOffsetY","duration","delay","startScale","startAlpha","startYOffset","startXOffset"].includes(t)){let m=typeof i=="number"&&!Number.isNaN(i)?i:0;return this.numberRenderer.render(e,t,m,n)}}let
|
|
1082
|
+
`:m}let l={zone:["bottom-left","bottom-center","bottom-right","top-left","top-center","top-right"],directionMode:["dominantAxis","free"],axis:["both","x","y"],ease:["power2.out","linear","sine.inOut","back.out(1.8)"],direction:["any","horizontal","vertical"],spawnPattern:["continuous","onClick","wave","burst"],positionSource:["spawner","target","custom","random","points"],spawnPointMode:["cycle","random"],movementMode:["none","velocity"],particleEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],collectSound:["","click_4.wav","click_6.wav","success_4.wav"],hitEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],destroyEffect:["","sparkle","gem","fire","heart","stars","smoke","magic","coin"],destroySound:["","click_4.wav","click_6.wav","success_4.wav"]},c={anchor:["center","top-left","top-center","top-right","left-center","right-center","bottom-left","bottom-center","bottom-right"]},d=l[t];if(d&&n.includes("logic.props"))return this.selectRenderer.render(e,t,i,n,d);let p=c[t];if(p&&(n.includes("transform")||n.includes("render"))){let h;if(typeof i=="string")h=i;else if(i==null)h="center";else{let f=Re(i);h=p.find(y=>{let w=Re(y);return Math.abs(w.x-f.x)<.001&&Math.abs(w.y-f.y)<.001})||"custom"}let m=[...p];return h==="custom"&&!m.includes("custom")&&m.push("custom"),this.selectRenderer.render(e,t,h,n,m)}if(t==="spawnPoints"&&n.includes("logic.props"))return this.spawnPointsRenderer.render(e,t,i,n);if(t==="spawnTemplates"&&n.includes("logic.props"))return this.spawnTemplatesRenderer.render(e,t,i,n);if((t==="targetId"||t==="inputId"||t==="hitTemplateId"||t==="hpLabelId"||t==="hitPopupTemplateId")&&(i==null||typeof i=="string")){let h=this.getObjectIds(),m=this.selectRenderer.render(e,t,i!=null?i:"",n,["",...h]);return t==="hitTemplateId"&&n.includes("logic.props")?m+'<div class="inspector-text-sm" style="opacity:0.7; margin-top:4px;">Use template id (e.g. bullet_template), not spawner.</div>':m}if(n.includes("motion.")){if(t==="enabled")return this.booleanRenderer.render(e,t,!!i,n);if(t==="direction"&&(n.includes("continuousMove")||n.includes("continuousRotate")||n.includes("orbit"))){let m=["1","-1"],f=i==null?"1":String(i);return this.selectRenderer.render(e,t,f,n,m)}if(["speed","amplitude","intensity","minScale","maxScale","radius","lifetime","pivotOffsetX","pivotOffsetY","duration","delay","startScale","startAlpha","startYOffset","startXOffset"].includes(t)){let m=typeof i=="number"&&!Number.isNaN(i)?i:0;return this.numberRenderer.render(e,t,m,n)}}let g=this.getEnumOptionsFromSchemas(n);if(g)return this.selectRenderer.render(e,t,i,n,g);switch(this.typeDetector.detectType(t,i)){case"image":return this.imageRenderer.render(e,t,i,n);case"color":return this.colorRenderer.render(e,t,i,n);case"number":return this.numberRenderer.render(e,t,i,n);case"boolean":return this.booleanRenderer.render(e,t,i,n);case"array":return this.arrayRenderer.render(e,t,i,n);case"object":return this.objectRenderer.render(e,t,i,n);case"select":return this.selectRenderer.render(e,t,i,n,[]);default:return this.textRenderer.render(e,t,i,n)}}getTypeDetector(){return this.typeDetector}};function ho(o,e){let t;return function(...n){let a=()=>{clearTimeout(t),o(...n)};clearTimeout(t),t=setTimeout(a,e)}}var ki=class{constructor(){this.root=null;this.contentContainer=null;this.selectedObjectId=null;this.options=null;this.showAdvanced=!1;this.motionSimpleMode=!0;this.expandMotionOnNextRender=!1;this.rendererRegistry=new Li,this.updateManager=new Le,this.quickActions=new ti;try{let e=localStorage.getItem("inspector:motionSimple");e!==null&&(this.motionSimpleMode=e==="true")}catch{}window.addEventListener("inspector:refresh",()=>{this.selectedObjectId&&this.loadObject(this.selectedObjectId)}),window.addEventListener("config:changed",()=>{})}render(){return`
|
|
1083
1083
|
<div class="scene-panel inspector-panel panel-accent-violet" data-panel="inspector">
|
|
1084
1084
|
<div class="scene-panel-header" data-panel-handle>
|
|
1085
1085
|
<div class="panel-title">
|
|
@@ -1129,7 +1129,7 @@ ${m}
|
|
|
1129
1129
|
<button class="debug-btn debug-btn-sm primary" data-inspector-add-component-btn>Add</button>
|
|
1130
1130
|
</div>
|
|
1131
1131
|
</div>
|
|
1132
|
-
`}renderSection(e,t,i,n){if(t==="motion")return this.renderMotionSection(e,i,n);if(t==="logic")return this.renderLogicSection(e,i,n);let a=[],s=["kind","renderMode","position_ratio","position_mode","responsive","slot_id","asset_type"];for(let c in i){if(!this.showAdvanced&&s.includes(c))continue;let d=i[c],p=`${n}.${c}`,
|
|
1132
|
+
`}renderSection(e,t,i,n){if(t==="motion")return this.renderMotionSection(e,i,n);if(t==="logic")return this.renderLogicSection(e,i,n);let a=[],s=["kind","renderMode","position_ratio","position_mode","responsive","slot_id","asset_type"];for(let c in i){if(!this.showAdvanced&&s.includes(c))continue;let d=i[c],p=`${n}.${c}`,g=this.rendererRegistry.renderProperty(e,c,d,p);g&&a.push(g)}return a.length===0?"":`
|
|
1133
1133
|
<div class="inspector-section ${t==="transform"?"":"collapsed"}" data-section="${t}">
|
|
1134
1134
|
<div class="inspector-section-header" data-section-toggle="${t}">
|
|
1135
1135
|
<span class="inspector-section-arrow">\u25BC</span>
|
|
@@ -1168,7 +1168,7 @@ ${m}
|
|
|
1168
1168
|
<button class="debug-btn debug-btn-sm ${this.motionSimpleMode?"primary":""}" data-motion-simple-toggle>
|
|
1169
1169
|
${this.motionSimpleMode?"Simple":"Advanced"}
|
|
1170
1170
|
</button>
|
|
1171
|
-
`,p='<button class="debug-btn debug-btn-sm success" data-motion-preview>Preview Intro</button>',
|
|
1171
|
+
`,p='<button class="debug-btn debug-btn-sm success" data-motion-preview>Preview Intro</button>',g=m=>{let f=m.split(".").filter(Boolean),b=s;for(let v of f)b=b==null?void 0:b[v];let y=f[f.length-1],w=`${i}.${m}`;return this.rendererRegistry.renderProperty(e,y,b,w)};if(this.motionSimpleMode){let m=g("enabled");m&&n.push(m);let f=[],b=g("intro.enabled"),y=g("intro.type"),w=g("intro.duration"),v=g("intro.easing");b&&f.push(b),y&&f.push(y),w&&f.push(w),v&&f.push(v),f.length&&n.push(`
|
|
1172
1172
|
<div class="inspector-subsection">
|
|
1173
1173
|
<div class="inspector-subsection-title">Intro</div>
|
|
1174
1174
|
<div class="inspector-subsection-content">
|
|
@@ -1177,15 +1177,15 @@ ${m}
|
|
|
1177
1177
|
${f.join("")}
|
|
1178
1178
|
</div>
|
|
1179
1179
|
</div>
|
|
1180
|
-
`);let L=[
|
|
1180
|
+
`);let L=[g("pulse.enabled"),g("pulse.speed"),g("pulse.intensity")].filter(Boolean),j=[g("swing.enabled"),g("swing.amplitude"),g("swing.speed"),g("swing.axis")].filter(Boolean),_=[g("continuousMove.enabled"),g("continuousMove.axis"),g("continuousMove.speed"),g("continuousMove.direction"),g("continuousMove.lifetime")].filter(Boolean),P=[g("continuousRotate.enabled"),g("continuousRotate.speed"),g("continuousRotate.direction")].filter(Boolean),M=[g("orbit.enabled"),g("orbit.radius"),g("orbit.speed"),g("orbit.direction"),g("orbit.pivotOffsetX"),g("orbit.pivotOffsetY")].filter(Boolean);if(L.length||j.length||_.length||P.length||M.length){let k=(x,S)=>S.length?`
|
|
1181
1181
|
<div class="inspector-motion-continuous-group">
|
|
1182
1182
|
<div class="inspector-subsection-title">${x}</div>
|
|
1183
|
-
<div class="inspector-subsection-content">${
|
|
1184
|
-
</div>`:"",
|
|
1183
|
+
<div class="inspector-subsection-content">${S.join("")}</div>
|
|
1184
|
+
</div>`:"",E=[k("Pulse",L),k("Swing",j),k("Move forever",_),k("Rotate (pivoting itself)",P),k("Rotate around",M)].filter(Boolean).join("");n.push(`
|
|
1185
1185
|
<div class="inspector-subsection inspector-subsection-continuous">
|
|
1186
1186
|
<div class="inspector-subsection-title">Continuous</div>
|
|
1187
1187
|
<div class="inspector-subsection-content inspector-motion-continuous-groups">
|
|
1188
|
-
${
|
|
1188
|
+
${E}
|
|
1189
1189
|
</div>
|
|
1190
1190
|
</div>
|
|
1191
1191
|
`)}}else for(let m in s){let f=s[m],b=`${i}.${m}`,y=this.rendererRegistry.renderProperty(e,m,f,b);y&&n.push(y)}return n.length===0?"":`
|
|
@@ -1201,7 +1201,7 @@ ${m}
|
|
|
1201
1201
|
${n.join("")}
|
|
1202
1202
|
</div>
|
|
1203
1203
|
</div>
|
|
1204
|
-
`}attachEventListeners(){var v,L,M,I;if(!this.contentContainer)return;let e=this.contentContainer.querySelectorAll("[data-property-path]"),t=ho((P,j,_)=>{var T,S;this.updateManager.updateProperty(P,j,_),(S=(T=this.options)==null?void 0:T.onPropertyChange)==null||S.call(T,P,j,_)},300),i=P=>P?/(^|\.)logic(\.\d+)?\.id$/.test(P):!1;e.forEach(P=>{let j=S=>{var A,O;let x=S.target,E=x.dataset.propertyPath,C=x.dataset.objectId;if(E&&C){let k=x.value;if(x.type==="checkbox")k=x.checked;else if(x.type==="number"){if(k=parseFloat(x.value),isNaN(k))return}else if(x.dataset.json==="true")try{k=JSON.parse(x.value)}catch{return}x.type==="text"||x.type==="range"||x.tagName==="TEXTAREA"?t(C,E,k):(this.updateManager.updateProperty(C,E,k),(O=(A=this.options)==null?void 0:A.onPropertyChange)==null||O.call(A,C,E,k))}},_=P.dataset.propertyPath;_&&(_.includes("transform.anchor")||_.includes("render.anchor"))&&P.tagName==="SELECT"?P.addEventListener("change",async S=>{var O,k,R,z,$;let x=S.target,E=x.dataset.propertyPath,C=x.dataset.objectId,A=x.value;if(!(!E||!C)&&A!=="custom")if(E.includes("transform.anchor")){let U=window.getEditableObjectConfig,H=typeof U=="function"?U(C):null,B=(O=H==null?void 0:H.transform)==null?void 0:O.anchor,D=B!=null&&B!==""?B:"top-left",q=A;await this.updateManager.updateProperty(C,E,A),(R=(k=this.options)==null?void 0:k.onPropertyChange)==null||R.call(k,C,E,A),D!==q&&window.dispatchEvent(new CustomEvent("scene-editor:anchor-changed",{detail:{objectId:C,previousAnchor:D,nextAnchor:q}}))}else await this.updateManager.updateProperty(C,E,A),($=(z=this.options)==null?void 0:z.onPropertyChange)==null||$.call(z,C,E,A)}):i(_)?(console.log("[Inspector v1.0.0] PATH-BASED DETECTION ACTIVE - logic ID found at:",_),P.addEventListener("change",async S=>{var $;let x=S.target,E=x.dataset.propertyPath,C=x.dataset.objectId,A=x.value;if(console.log("[Inspector v1.0.0] Logic ID changed to:",A),!E||!C)return;await this.updateManager.updateProperty(C,E,A),console.log("[Inspector v1.0.0] Logic ID updated");let O=window,k=($=O==null?void 0:O.__HANDLER_LOGIC_META)==null?void 0:$[A],R=this.getDefaultPropsForLogic(A,k);console.log("[Inspector v1.0.0] New logic default props:",R);let z=E.replace(/\.id$/,".props");await this.updateManager.updateProperty(C,z,R),console.log("[Inspector v1.0.0] Logic props updated to:",R),console.log("[Inspector v1.0.0] Reloading inspector with updated config"),this.loadObject(C)})):(P.addEventListener("change",j),(P.tagName==="INPUT"||P.tagName==="TEXTAREA")&&P.addEventListener("input",j))}),this.contentContainer.querySelectorAll("[data-action]").forEach(P=>{P.addEventListener("click",j=>{let _=j.target,T=_.dataset.action,S=_.dataset.path,x=_.dataset.object;T&&S&&x&&this.quickActions.handleAction(T,x,S)})}),this.contentContainer.querySelectorAll("[data-section-toggle]").forEach(P=>{P.addEventListener("click",j=>{var S,x;let _=j.target,T=_.dataset.sectionToggle||((S=_.closest("[data-section-toggle]"))==null?void 0:S.getAttribute("data-section-toggle"));if(T){let E=(x=this.contentContainer)==null?void 0:x.querySelector(`[data-section="${T}"]`);E==null||E.classList.toggle("collapsed")}})}),this.contentContainer.querySelectorAll("[data-motion-preset]").forEach(P=>{P.addEventListener("click",async j=>{let T=j.currentTarget.dataset.motionPreset;!T||!this.selectedObjectId||await this.applyMotionPreset(this.selectedObjectId,T)})}),this.contentContainer.querySelectorAll("[data-motion-preview]").forEach(P=>{P.addEventListener("click",async()=>{this.selectedObjectId&&await this.previewMotionIntro(this.selectedObjectId)})});let l=this.contentContainer.querySelector("[data-motion-simple-toggle]");l==null||l.addEventListener("click",()=>{this.motionSimpleMode=!this.motionSimpleMode;try{localStorage.setItem("inspector:motionSimple",String(this.motionSimpleMode))}catch{}this.selectedObjectId&&this.loadObject(this.selectedObjectId)}),this.contentContainer.querySelectorAll("[data-spawnpoints-add]").forEach(P=>{P.addEventListener("click",async j=>{let _=j.target,T=_.dataset.objectId,S=_.dataset.propertyPath;if(!T||!S)return;let x=window.getEditableObjectConfig,E=x==null?void 0:x(T);if(!E)return;let C=this.updateManager.getNestedProperty(E,S),A=Array.isArray(C)?[...C]:[];A.push({x:0,y:0}),await this.updateManager.updateProperty(T,S,A),this.loadObject(T)})}),this.contentContainer.querySelectorAll("[data-spawnpoints-remove]").forEach(P=>{P.addEventListener("click",async j=>{let _=j.target,T=_.dataset.objectId,S=_.dataset.propertyPath,x=Number(_.dataset.index||"-1");if(!T||!S||x<0)return;let E=window.getEditableObjectConfig,C=E==null?void 0:E(T);if(!C)return;let A=this.updateManager.getNestedProperty(C,S);if(!Array.isArray(A))return;let O=A.filter((k,R)=>R!==x);await this.updateManager.updateProperty(T,S,O),this.loadObject(T)})}),this.contentContainer.querySelectorAll("[data-spawntemplates-add]").forEach(P=>{P.addEventListener("click",async j=>{let _=j.target,T=_.dataset.objectId,S=_.dataset.propertyPath;if(!T||!S)return;let x=window.getEditableObjectConfig,E=x==null?void 0:x(T);if(!E)return;let C=this.updateManager.getNestedProperty(E,S),A=Array.isArray(C)?[...C]:[];A.push({templateId:"",weight:1}),await this.updateManager.updateProperty(T,S,A),this.loadObject(T)})}),this.contentContainer.querySelectorAll("[data-spawntemplates-remove]").forEach(P=>{P.addEventListener("click",async j=>{var k;let _=j.target,T=_.dataset.objectId,S=_.dataset.propertyPath,x=Number((k=_.dataset.index)!=null?k:-1);if(!T||!S||x<0)return;let E=window.getEditableObjectConfig,C=E==null?void 0:E(T);if(!C)return;let A=this.updateManager.getNestedProperty(C,S);if(!Array.isArray(A))return;let O=A.filter((R,z)=>z!==x);await this.updateManager.updateProperty(T,S,O),this.loadObject(T)})}),this.contentContainer.querySelectorAll("[data-logic-add]").forEach(P=>{P.addEventListener("click",async j=>{var $;let _=j.target,T=_.dataset.objectId,S=_.dataset.propertyPath;if(!T||!S)return;let x=window.getEditableObjectConfig,E=x==null?void 0:x(T);if(!E)return;let C=this.updateManager.getNestedProperty(E,S),A;Array.isArray(C)?A=[...C]:C!=null?typeof C=="string"?A=[{id:C,props:{}}]:typeof C=="object"?A=[C]:A=[]:A=[];let O=this.getDefaultLogicId(),k=window,R=($=k==null?void 0:k.__HANDLER_LOGIC_META)==null?void 0:$[O],z=this.getDefaultPropsForLogic(O,R);A.push({id:O,props:z}),console.log("[InspectorPanel] Adding logic to array:",{objectId:T,path:S,current:C,next:A}),await this.updateManager.updateProperty(T,S,A),this.loadObject(T)})}),this.contentContainer.querySelectorAll("[data-logic-remove]").forEach(P=>{P.addEventListener("click",async j=>{var k;let _=j.target,T=_.dataset.objectId,S=_.dataset.propertyPath,x=Number((k=_.dataset.index)!=null?k:-1);if(!T||!S||x<0)return;let E=window.getEditableObjectConfig,C=E==null?void 0:E(T);if(!C)return;let A=this.updateManager.getNestedProperty(C,S);if(!Array.isArray(A))return;let O=A.filter((R,z)=>z!==x);await this.updateManager.updateProperty(T,S,O),this.loadObject(T)})}),this.contentContainer.querySelectorAll("[data-logic-convert]").forEach(P=>{P.addEventListener("click",async j=>{var U,H;let _=j.target,T=_.dataset.objectId,S=_.dataset.propertyPath,x=Number((U=_.dataset.index)!=null?U:-1);if(!T||!S||x<0)return;let E=window.getEditableObjectConfig,C=E==null?void 0:E(T);if(!C)return;let A=this.updateManager.getNestedProperty(C,S);if(!Array.isArray(A))return;let O=A[x];if(typeof O!="string")return;let k=window,R=(H=k==null?void 0:k.__HANDLER_LOGIC_META)==null?void 0:H[O],z=this.getDefaultPropsForLogic(O,R),$=[...A];$[x]={id:O,props:z},await this.updateManager.updateProperty(T,S,$),this.loadObject(T)})});let f=(v=this.root)==null?void 0:v.querySelector("[data-inspector-advanced]");f==null||f.addEventListener("click",()=>{this.showAdvanced=!this.showAdvanced,this.selectedObjectId&&this.loadObject(this.selectedObjectId)});let b=(L=this.root)==null?void 0:L.querySelector("[data-convert-toggle]");b==null||b.addEventListener("click",()=>{var j;let P=(j=this.root)==null?void 0:j.querySelector("[data-convert-menu]");P==null||P.classList.toggle("hidden")});let y=(M=this.contentContainer)==null?void 0:M.querySelector("[data-inspector-add-component-btn]"),w=(I=this.contentContainer)==null?void 0:I.querySelector("[data-inspector-component-select]");y==null||y.addEventListener("click",async()=>{let P=w.value;P&&this.selectedObjectId&&await this.addComponent(this.selectedObjectId,P)})}getMotionDefaults(){var i,n,a,s;let e=window.__editableConfig,t=e==null?void 0:e.schemas;return t instanceof Map?(n=(i=t.get("motion"))==null?void 0:i.defaults)!=null?n:{enabled:!0}:t&&typeof t=="object"?(s=(a=t.motion)==null?void 0:a.defaults)!=null?s:{enabled:!0}:{enabled:!0}}async applyMotionPreset(e,t){var l,c;let i=window.getEditableObjectConfig,n=i==null?void 0:i(e);if(!n)return;let a=this.getMotionDefaults(),s={...(l=n.motion)!=null?l:a},r={...(c=s.intro)!=null?c:{}};s.enabled=!0,r.enabled=!0,r.type=t,r.duration=typeof r.duration=="number"&&r.duration>0?r.duration:500,r.delay=typeof r.delay=="number"?r.delay:0,r.easing=typeof r.easing=="string"?r.easing:"easeOut",s.intro=r,await this.updateManager.updateProperty(e,"motion",s),this.expandMotionOnNextRender=!0,this.loadObject(e)}async previewMotionIntro(e){var r,l;let t=window.getEditableObjectConfig,i=t==null?void 0:t(e);if(!i)return;let n=this.getMotionDefaults(),a={...(r=i.motion)!=null?r:n},s={...(l=a.intro)!=null?l:{}};a.enabled=!0,s.enabled=!0,a.intro=s,await this.updateManager.updateProperty(e,"motion",{...a,intro:{...s,enabled:!1}}),await this.updateManager.updateProperty(e,"motion",{...a,intro:{...s,enabled:!0}}),this.loadObject(e)}async addComponent(e,t){console.log("[InspectorPanel] Adding component:",t,"to:",e);let i=window.getEditableObjectConfig,n=i==null?void 0:i(e);if(!n){console.error("[InspectorPanel] Failed to get config for:",e);return}if(t==="logic"){let c={id:"SwerveMove",props:this.getDefaultPropsForLogic("SwerveMove",null)};n[t]=c,await this.updateManager.updateProperty(e,t,c),this.loadObject(e),console.log("[InspectorPanel] Logic component added with default SwerveMove");return}t==="motion"&&(this.expandMotionOnNextRender=!0);let a=window.__editableConfig,s=a==null?void 0:a.schemas,r=null;s instanceof Map?r=s.get(t):s&&typeof s=="object"&&(r=s[t]),r||console.warn("[InspectorPanel] Schema not found for component:",t);let l=(r==null?void 0:r.defaults)||{enabled:!0};n[t]={...l},await this.updateManager.updateProperty(e,t,n[t]),this.loadObject(e),console.log("[InspectorPanel] Component added successfully")}isSectionMeaningful(e,t,i){var a,s;if(["identity","transform","render"].includes(e))return!0;if(!t||typeof t!="object"||e==="ui"&&((s=(a=i.render)==null?void 0:a.asset)==null?void 0:s.type)==="image")return!1;if(e==="interaction")return t.clickable===!0||t.draggable===!0;if(t.enabled===!0||t.active===!0||t.visible===!0)return!0;if(e==="ui")return!!(t.text||t.font||t.fontSize);let n=Object.keys(t);return n.length===0||n.length===1&&n[0]==="enabled"&&t.enabled===!1?!1:["audio","effects","physics","motion","gameplay"].includes(e)?t.enabled===!0:!0}showError(e){this.contentContainer&&(this.contentContainer.innerHTML=`
|
|
1204
|
+
`}attachEventListeners(){var v,L,j,_;if(!this.contentContainer)return;let e=this.contentContainer.querySelectorAll("[data-property-path]"),t=ho((P,M,T)=>{var k,E;this.updateManager.updateProperty(P,M,T),(E=(k=this.options)==null?void 0:k.onPropertyChange)==null||E.call(k,P,M,T)},300),i=P=>P?/(^|\.)logic(\.\d+)?\.id$/.test(P):!1;e.forEach(P=>{let M=E=>{var A,O;let x=E.target,S=x.dataset.propertyPath,C=x.dataset.objectId;if(S&&C){let I=x.value;if(x.type==="checkbox")I=x.checked;else if(x.type==="number"){if(I=parseFloat(x.value),isNaN(I))return}else if(x.dataset.json==="true")try{I=JSON.parse(x.value)}catch{return}x.type==="text"||x.type==="range"||x.tagName==="TEXTAREA"?t(C,S,I):(this.updateManager.updateProperty(C,S,I),(O=(A=this.options)==null?void 0:A.onPropertyChange)==null||O.call(A,C,S,I))}},T=P.dataset.propertyPath;T&&(T.includes("transform.anchor")||T.includes("render.anchor"))&&P.tagName==="SELECT"?P.addEventListener("change",async E=>{var O,I,R,z,D;let x=E.target,S=x.dataset.propertyPath,C=x.dataset.objectId,A=x.value;if(!(!S||!C)&&A!=="custom")if(S.includes("transform.anchor")){let U=window.getEditableObjectConfig,H=typeof U=="function"?U(C):null,B=(O=H==null?void 0:H.transform)==null?void 0:O.anchor,$=B!=null&&B!==""?B:"top-left",q=A;await this.updateManager.updateProperty(C,S,A),(R=(I=this.options)==null?void 0:I.onPropertyChange)==null||R.call(I,C,S,A),$!==q&&window.dispatchEvent(new CustomEvent("scene-editor:anchor-changed",{detail:{objectId:C,previousAnchor:$,nextAnchor:q}}))}else await this.updateManager.updateProperty(C,S,A),(D=(z=this.options)==null?void 0:z.onPropertyChange)==null||D.call(z,C,S,A)}):i(T)?(console.log("[Inspector v1.0.0] PATH-BASED DETECTION ACTIVE - logic ID found at:",T),P.addEventListener("change",async E=>{var D;let x=E.target,S=x.dataset.propertyPath,C=x.dataset.objectId,A=x.value;if(console.log("[Inspector v1.0.0] Logic ID changed to:",A),!S||!C)return;await this.updateManager.updateProperty(C,S,A),console.log("[Inspector v1.0.0] Logic ID updated");let O=window,I=(D=O==null?void 0:O.__HANDLER_LOGIC_META)==null?void 0:D[A],R=this.getDefaultPropsForLogic(A,I);console.log("[Inspector v1.0.0] New logic default props:",R);let z=S.replace(/\.id$/,".props");await this.updateManager.updateProperty(C,z,R),console.log("[Inspector v1.0.0] Logic props updated to:",R),console.log("[Inspector v1.0.0] Reloading inspector with updated config"),this.loadObject(C)})):(P.addEventListener("change",M),(P.tagName==="INPUT"||P.tagName==="TEXTAREA")&&P.addEventListener("input",M))}),this.contentContainer.querySelectorAll("[data-action]").forEach(P=>{P.addEventListener("click",M=>{let T=M.target,k=T.dataset.action,E=T.dataset.path,x=T.dataset.object;k&&E&&x&&this.quickActions.handleAction(k,x,E)})}),this.contentContainer.querySelectorAll("[data-section-toggle]").forEach(P=>{P.addEventListener("click",M=>{var E,x;let T=M.target,k=T.dataset.sectionToggle||((E=T.closest("[data-section-toggle]"))==null?void 0:E.getAttribute("data-section-toggle"));if(k){let S=(x=this.contentContainer)==null?void 0:x.querySelector(`[data-section="${k}"]`);S==null||S.classList.toggle("collapsed")}})}),this.contentContainer.querySelectorAll("[data-motion-preset]").forEach(P=>{P.addEventListener("click",async M=>{let k=M.currentTarget.dataset.motionPreset;!k||!this.selectedObjectId||await this.applyMotionPreset(this.selectedObjectId,k)})}),this.contentContainer.querySelectorAll("[data-motion-preview]").forEach(P=>{P.addEventListener("click",async()=>{this.selectedObjectId&&await this.previewMotionIntro(this.selectedObjectId)})});let l=this.contentContainer.querySelector("[data-motion-simple-toggle]");l==null||l.addEventListener("click",()=>{this.motionSimpleMode=!this.motionSimpleMode;try{localStorage.setItem("inspector:motionSimple",String(this.motionSimpleMode))}catch{}this.selectedObjectId&&this.loadObject(this.selectedObjectId)}),this.contentContainer.querySelectorAll("[data-spawnpoints-add]").forEach(P=>{P.addEventListener("click",async M=>{let T=M.target,k=T.dataset.objectId,E=T.dataset.propertyPath;if(!k||!E)return;let x=window.getEditableObjectConfig,S=x==null?void 0:x(k);if(!S)return;let C=this.updateManager.getNestedProperty(S,E),A=Array.isArray(C)?[...C]:[];A.push({x:0,y:0}),await this.updateManager.updateProperty(k,E,A),this.loadObject(k)})}),this.contentContainer.querySelectorAll("[data-spawnpoints-remove]").forEach(P=>{P.addEventListener("click",async M=>{let T=M.target,k=T.dataset.objectId,E=T.dataset.propertyPath,x=Number(T.dataset.index||"-1");if(!k||!E||x<0)return;let S=window.getEditableObjectConfig,C=S==null?void 0:S(k);if(!C)return;let A=this.updateManager.getNestedProperty(C,E);if(!Array.isArray(A))return;let O=A.filter((I,R)=>R!==x);await this.updateManager.updateProperty(k,E,O),this.loadObject(k)})}),this.contentContainer.querySelectorAll("[data-spawntemplates-add]").forEach(P=>{P.addEventListener("click",async M=>{let T=M.target,k=T.dataset.objectId,E=T.dataset.propertyPath;if(!k||!E)return;let x=window.getEditableObjectConfig,S=x==null?void 0:x(k);if(!S)return;let C=this.updateManager.getNestedProperty(S,E),A=Array.isArray(C)?[...C]:[];A.push({templateId:"",weight:1}),await this.updateManager.updateProperty(k,E,A),this.loadObject(k)})}),this.contentContainer.querySelectorAll("[data-spawntemplates-remove]").forEach(P=>{P.addEventListener("click",async M=>{var I;let T=M.target,k=T.dataset.objectId,E=T.dataset.propertyPath,x=Number((I=T.dataset.index)!=null?I:-1);if(!k||!E||x<0)return;let S=window.getEditableObjectConfig,C=S==null?void 0:S(k);if(!C)return;let A=this.updateManager.getNestedProperty(C,E);if(!Array.isArray(A))return;let O=A.filter((R,z)=>z!==x);await this.updateManager.updateProperty(k,E,O),this.loadObject(k)})}),this.contentContainer.querySelectorAll("[data-logic-add]").forEach(P=>{P.addEventListener("click",async M=>{var D;let T=M.target,k=T.dataset.objectId,E=T.dataset.propertyPath;if(!k||!E)return;let x=window.getEditableObjectConfig,S=x==null?void 0:x(k);if(!S)return;let C=this.updateManager.getNestedProperty(S,E),A;Array.isArray(C)?A=[...C]:C!=null?typeof C=="string"?A=[{id:C,props:{}}]:typeof C=="object"?A=[C]:A=[]:A=[];let O=this.getDefaultLogicId(),I=window,R=(D=I==null?void 0:I.__HANDLER_LOGIC_META)==null?void 0:D[O],z=this.getDefaultPropsForLogic(O,R);A.push({id:O,props:z}),console.log("[InspectorPanel] Adding logic to array:",{objectId:k,path:E,current:C,next:A}),await this.updateManager.updateProperty(k,E,A),this.loadObject(k)})}),this.contentContainer.querySelectorAll("[data-logic-remove]").forEach(P=>{P.addEventListener("click",async M=>{var I;let T=M.target,k=T.dataset.objectId,E=T.dataset.propertyPath,x=Number((I=T.dataset.index)!=null?I:-1);if(!k||!E||x<0)return;let S=window.getEditableObjectConfig,C=S==null?void 0:S(k);if(!C)return;let A=this.updateManager.getNestedProperty(C,E);if(!Array.isArray(A))return;let O=A.filter((R,z)=>z!==x);await this.updateManager.updateProperty(k,E,O),this.loadObject(k)})}),this.contentContainer.querySelectorAll("[data-logic-convert]").forEach(P=>{P.addEventListener("click",async M=>{var U,H;let T=M.target,k=T.dataset.objectId,E=T.dataset.propertyPath,x=Number((U=T.dataset.index)!=null?U:-1);if(!k||!E||x<0)return;let S=window.getEditableObjectConfig,C=S==null?void 0:S(k);if(!C)return;let A=this.updateManager.getNestedProperty(C,E);if(!Array.isArray(A))return;let O=A[x];if(typeof O!="string")return;let I=window,R=(H=I==null?void 0:I.__HANDLER_LOGIC_META)==null?void 0:H[O],z=this.getDefaultPropsForLogic(O,R),D=[...A];D[x]={id:O,props:z},await this.updateManager.updateProperty(k,E,D),this.loadObject(k)})});let f=(v=this.root)==null?void 0:v.querySelector("[data-inspector-advanced]");f==null||f.addEventListener("click",()=>{this.showAdvanced=!this.showAdvanced,this.selectedObjectId&&this.loadObject(this.selectedObjectId)});let b=(L=this.root)==null?void 0:L.querySelector("[data-convert-toggle]");b==null||b.addEventListener("click",()=>{var M;let P=(M=this.root)==null?void 0:M.querySelector("[data-convert-menu]");P==null||P.classList.toggle("hidden")});let y=(j=this.contentContainer)==null?void 0:j.querySelector("[data-inspector-add-component-btn]"),w=(_=this.contentContainer)==null?void 0:_.querySelector("[data-inspector-component-select]");y==null||y.addEventListener("click",async()=>{let P=w.value;P&&this.selectedObjectId&&await this.addComponent(this.selectedObjectId,P)})}getMotionDefaults(){var i,n,a,s;let e=window.__editableConfig,t=e==null?void 0:e.schemas;return t instanceof Map?(n=(i=t.get("motion"))==null?void 0:i.defaults)!=null?n:{enabled:!0}:t&&typeof t=="object"?(s=(a=t.motion)==null?void 0:a.defaults)!=null?s:{enabled:!0}:{enabled:!0}}async applyMotionPreset(e,t){var l,c;let i=window.getEditableObjectConfig,n=i==null?void 0:i(e);if(!n)return;let a=this.getMotionDefaults(),s={...(l=n.motion)!=null?l:a},r={...(c=s.intro)!=null?c:{}};s.enabled=!0,r.enabled=!0,r.type=t,r.duration=typeof r.duration=="number"&&r.duration>0?r.duration:500,r.delay=typeof r.delay=="number"?r.delay:0,r.easing=typeof r.easing=="string"?r.easing:"easeOut",s.intro=r,await this.updateManager.updateProperty(e,"motion",s),this.expandMotionOnNextRender=!0,this.loadObject(e)}async previewMotionIntro(e){var r,l;let t=window.getEditableObjectConfig,i=t==null?void 0:t(e);if(!i)return;let n=this.getMotionDefaults(),a={...(r=i.motion)!=null?r:n},s={...(l=a.intro)!=null?l:{}};a.enabled=!0,s.enabled=!0,a.intro=s,await this.updateManager.updateProperty(e,"motion",{...a,intro:{...s,enabled:!1}}),await this.updateManager.updateProperty(e,"motion",{...a,intro:{...s,enabled:!0}}),this.loadObject(e)}async addComponent(e,t){console.log("[InspectorPanel] Adding component:",t,"to:",e);let i=window.getEditableObjectConfig,n=i==null?void 0:i(e);if(!n){console.error("[InspectorPanel] Failed to get config for:",e);return}if(t==="logic"){let c={id:"SwerveMove",props:this.getDefaultPropsForLogic("SwerveMove",null)};n[t]=c,await this.updateManager.updateProperty(e,t,c),this.loadObject(e),console.log("[InspectorPanel] Logic component added with default SwerveMove");return}t==="motion"&&(this.expandMotionOnNextRender=!0);let a=window.__editableConfig,s=a==null?void 0:a.schemas,r=null;s instanceof Map?r=s.get(t):s&&typeof s=="object"&&(r=s[t]),r||console.warn("[InspectorPanel] Schema not found for component:",t);let l=(r==null?void 0:r.defaults)||{enabled:!0};n[t]={...l},await this.updateManager.updateProperty(e,t,n[t]),this.loadObject(e),console.log("[InspectorPanel] Component added successfully")}isSectionMeaningful(e,t,i){var a,s;if(["identity","transform","render"].includes(e))return!0;if(!t||typeof t!="object"||e==="ui"&&((s=(a=i.render)==null?void 0:a.asset)==null?void 0:s.type)==="image")return!1;if(e==="interaction")return t.clickable===!0||t.draggable===!0;if(t.enabled===!0||t.active===!0||t.visible===!0)return!0;if(e==="ui")return!!(t.text||t.font||t.fontSize);let n=Object.keys(t);return n.length===0||n.length===1&&n[0]==="enabled"&&t.enabled===!1?!1:["audio","effects","physics","motion","gameplay"].includes(e)?t.enabled===!0:!0}showError(e){this.contentContainer&&(this.contentContainer.innerHTML=`
|
|
1205
1205
|
<div class="inspector-empty">
|
|
1206
1206
|
<span class="inspector-empty-icon">\u26A0\uFE0F</span>
|
|
1207
1207
|
<span class="inspector-empty-text">${e}</span>
|
|
@@ -1211,7 +1211,7 @@ ${m}
|
|
|
1211
1211
|
<span class="inspector-empty-icon">\u{1F3AF}</span>
|
|
1212
1212
|
<span class="inspector-empty-text">Select an object to inspect</span>
|
|
1213
1213
|
</div>
|
|
1214
|
-
`)}};function fn(o){return new Promise((e,t)=>{let i=new FileReader;i.onerror=()=>t(new Error("FileReader failed")),i.onload=()=>e(String(i.result||"")),i.readAsDataURL(o)})}function ks(o){var n;let[e,t]=o.split(","),i=e==null?void 0:e.match(/data:(.*?);base64/);return{base64:t!=null?t:"",mimeType:(n=i==null?void 0:i[1])!=null?n:"image/png"}}async function Ts(o){return await new Promise(e=>{let t=new Image;t.onload=()=>e({width:t.naturalWidth||t.width,height:t.naturalHeight||t.height}),t.onerror=()=>e(null),t.src=o})}async function
|
|
1214
|
+
`)}};function fn(o){return new Promise((e,t)=>{let i=new FileReader;i.onerror=()=>t(new Error("FileReader failed")),i.onload=()=>e(String(i.result||"")),i.readAsDataURL(o)})}function ks(o){var n;let[e,t]=o.split(","),i=e==null?void 0:e.match(/data:(.*?);base64/);return{base64:t!=null?t:"",mimeType:(n=i==null?void 0:i[1])!=null?n:"image/png"}}async function Ts(o){return await new Promise(e=>{let t=new Image;t.onload=()=>e({width:t.naturalWidth||t.width,height:t.naturalHeight||t.height}),t.onerror=()=>e(null),t.src=o})}async function Ti(o){var e,t;try{console.log("[ImageUtils] Fetching image data from URL:",o);let i=await fetch(o);if(!i.ok)return console.warn("[ImageUtils] Fetch failed with status:",i.status,o),null;let n=await i.blob();console.log("[ImageUtils] Blob received, size:",n.size,"type:",n.type);let a=await fn(n),s=await Ts(a),r=ks(a);return console.log("[ImageUtils] Success resolution:",s==null?void 0:s.width,"x",s==null?void 0:s.height,"mime:",r.mimeType),{base64:r.base64,mimeType:r.mimeType,dataUrl:a,width:(e=s==null?void 0:s.width)!=null?e:0,height:(t=s==null?void 0:s.height)!=null?t:0}}catch(i){return console.error("[ImageUtils] Error fetching image data:",i),null}}async function Ve(o){var e,t;try{let i=await fn(o),n=await Ts(i),a=ks(i);return{base64:a.base64,mimeType:a.mimeType,dataUrl:i,width:(e=n==null?void 0:n.width)!=null?e:0,height:(t=n==null?void 0:n.height)!=null?t:0}}catch{return null}}function bn(o){return fn(o).then(e=>e).catch(()=>null)}function yn(o,e){var t;try{let[i,n]=o.split(","),a=i.match(/data:(.*?);base64/),s=(t=a==null?void 0:a[1])!=null?t:"image/png",r=atob(n),l=new Uint8Array(r.length);for(let c=0;c<r.length;c++)l[c]=r.charCodeAt(c);return new File([l],e,{type:s})}catch{return null}}async function pt(o,e=30){try{console.log("[ImageUtils] Removing background color...");let t=await new Promise((p,g)=>{let u=new Image;u.onload=()=>p(u),u.onerror=()=>g(new Error("Failed to load image")),u.src=o}),i=document.createElement("canvas");i.width=t.width,i.height=t.height;let n=i.getContext("2d");if(!n)return console.error("[ImageUtils] Failed to get canvas context"),o;n.drawImage(t,0,0);let a=n.getImageData(0,0,i.width,i.height),s=a.data,l=[{name:"top-left",offset:0},{name:"top-right",offset:(i.width-1)*4},{name:"bottom-left",offset:(i.height-1)*i.width*4},{name:"bottom-right",offset:((i.height-1)*i.width+(i.width-1))*4}].map(p=>({r:s[p.offset],g:s[p.offset+1],b:s[p.offset+2]})),c=0;for(let p=0;p<s.length;p+=4){let g=s[p],u=s[p+1],h=s[p+2],m=!1;for(let f of l)if(Math.sqrt(Math.pow(g-f.r,2)+Math.pow(u-f.g,2)+Math.pow(h-f.b,2))<e){m=!0;break}m&&(s[p+3]=0,c++)}return console.log(`[ImageUtils] Removed background from ${c} pixels (4-corner sampling, tolerance: ${e})`),n.putImageData(a,0,0),i.toDataURL("image/png")}catch(t){return console.error("[ImageUtils] Error removing background:",t),o}}function vn(o,e){if(!o||!e)return"1:1";let t=o/e;return t>1.3?"16:9":t<.77?"9:16":"1:1"}function $e(o){return typeof o=="object"&&o!==null&&!Array.isArray(o)}function le(o){return typeof o=="string"?o:void 0}function Ps(o){return o.toLowerCase().endsWith(".png")?o.slice(0,-4):o}function mo(o){var i,n,a;let e=(i=le(o.id))!=null?i:le(o.name);if(e)return e;let t=(n=le(o.file))!=null?n:le(o.asset);return t?Ps((a=t.split("/").pop())!=null?a:t):void 0}function fo(o,e,t){var i,n,a;if(typeof e=="string")return{id:o,file:e,role:t};if($e(e)){let s=(i=le(e.file))!=null?i:le(e.asset);return s?{id:(n=le(e.id))!=null?n:o,file:s,role:(a=le(e.role))!=null?a:t,dataUrl:le(e.dataUrl),layout:e.layout}:null}return null}function wn(o,e){var t,i,n;if(!o)return[];if(Array.isArray(o)){let a=[];for(let s of o){if(typeof s=="string"){let r=Ps((t=s.split("/").pop())!=null?t:s);a.push({id:r,file:s,role:e});continue}if($e(s)){let r=mo(s),l=(i=le(s.file))!=null?i:le(s.asset);if(!r||!l)continue;a.push({id:r,file:l,role:(n=le(s.role))!=null?n:e,dataUrl:le(s.dataUrl),layout:s.layout})}}return a}if($e(o)){let a=[];for(let[s,r]of Object.entries(o)){let l=fo(s,r,e);l&&a.push(l)}return a}return[]}function bo(o){var e,t;return(t=(e=le(o.brand_name))!=null?e:le(o.brandName))!=null?t:le(o.name)}function yo(o){if($e(o.brand_dna)&&$e(o.brand_dna.colors))return o.brand_dna;if($e(o.colors)){let e={colors:o.colors};return typeof o.style=="string"&&(e.style=o.style),$e(o.fonts)&&(e.fonts=o.fonts),e}}function vo(o){var t;let e=new Map;for(let i of o){let n=e.get(i.id);if(!n){e.set(i.id,i);continue}e.set(i.id,{...n,...i,file:i.file||n.file,role:i.role||n.role,dataUrl:i.dataUrl||n.dataUrl,layout:(t=i.layout)!=null?t:n.layout})}return Array.from(e.values())}function Is(o,e={}){var s,r,l;let t=o.filter($e),i=(r=(s=t.map(bo).find(Boolean))!=null?s:e.defaultBrandName)!=null?r:"Imported Brand",n=(l=t.map(yo).find(Boolean))!=null?l:{colors:{}},a=[];for(let c of t)"layers"in c&&a.push(...wn(c.layers,"visual element")),"assets"in c&&a.push(...wn(c.assets,"visual element")),$e(c.endgame)&&"assets"in c.endgame&&a.push(...wn(c.endgame.assets,"endgame"));return{version:"1.0",brand_name:i,brand_dna:n,assets:vo(a)}}import{GoogleGenAI as wo}from"@google/genai";async function Pi(o,e,t=[],i={}){var n,a,s,r,l,c,d;try{if(!(o!=null&&o.trim()))throw new Error("Gemini API key is required");if(!(e!=null&&e.trim()))throw new Error("Prompt is required");for(let b=0;b<t.length;b++){let y=t[b];if(!y.base64||!y.mimeType)throw new Error(`Image ${b+1} is missing required data`);if(y.base64.length<1e3&&console.warn(`Image ${b+1} data appears very small, may be corrupted`),!y.mimeType.startsWith("image/"))throw new Error(`Image ${b+1} has invalid MIME type: ${y.mimeType}`)}let p=new wo({apiKey:o}),g="gemini-2.5-flash",u=[e];t.length>0&&t.forEach((b,y)=>{u.push({inlineData:{data:b.base64,mimeType:b.mimeType}}),console.log(`[Gemini] Added image ${y+1}: ${b.mimeType}, size: ${Math.round(b.base64.length/1024)}KB`)}),console.log(`[Gemini] Making request with ${t.length} images and prompt length: ${e.length}`);let h=await p.models.generateContent({model:g,contents:u}),m="",f=(s=(a=(n=h.candidates)==null?void 0:n[0])==null?void 0:a.content)==null?void 0:s.parts;if(f)for(let b of f)b.text&&(m+=b.text);if(!m.trim())throw new Error("Empty response from Gemini API");return console.log(`[Gemini] Response received, length: ${m.length}`),m}catch(p){throw console.error("[Gemini] API error:",p),(r=p.message)!=null&&r.includes("Unable to process input image")?new Error("Unable to process the uploaded image. Please ensure it's a valid PNG, JPG, or JPEG file under 10MB and not corrupted."):(l=p.message)!=null&&l.includes("API_KEY_INVALID")?new Error("Invalid Gemini API key. Please check your API key configuration."):(c=p.message)!=null&&c.includes("QUOTA_EXCEEDED")?new Error("Gemini API quota exceeded. Please try again later or check your billing."):(d=p.message)!=null&&d.includes("SAFETY")?new Error("Content was flagged by Gemini safety filters. Please try with different images."):p}}import{GoogleGenAI as xo}from"@google/genai";async function ut(o,e,t=[],i={}){try{console.info("[GEMINI-REAL-SDK] Initializing GoogleGenAI...");let n=new xo({apiKey:o}),a=[{text:e}];t.length>0&&t.forEach((r,l)=>{console.info(`[GEMINI-REAL-SDK] Adding image part ${l}`),a.push({inlineData:{mimeType:r.mimeType,data:r.base64}})}),console.info("[GEMINI-REAL-SDK] Calling generateContent with model: gemini-2.5-flash-image");let s=await n.models.generateContent({model:"gemini-2.5-flash-image",contents:a});if(console.info("[GEMINI-REAL-SDK] Received response from model"),!s.candidates||!s.candidates[0]||!s.candidates[0].content||!s.candidates[0].content.parts)throw new Error("Gemini 2.5 Flash Image returned invalid response structure.");for(let r of s.candidates[0].content.parts)if(r.text)console.log(r.text);else if(r.inlineData){let l=r.inlineData.data,c=r.inlineData.mimeType||"image/png";return console.info("[GEMINI-REAL-SDK] Found inline image data in response"),`data:${c};base64,${l}`}throw new Error("Gemini 2.5 Flash Image returned no image data.")}catch(n){throw console.error("[GEMINI-REAL-SDK] Error in generateImageWithGemini25Flash:",JSON.stringify(n,Object.getOwnPropertyNames(n),2)),n}}function Ms(o){let e=o.brandAssets.map(a=>{let s=`- ${a.id}: ${a.role}`;return a.layout&&(s+=` [pos: ${a.layout.x.toFixed(0)},${a.layout.y.toFixed(0)}, size: ${a.layout.w.toFixed(0)}x${a.layout.h.toFixed(0)}, z: ${a.layout.z}, opacity: ${a.layout.opacity}]`),s}).join(`
|
|
1215
1215
|
`)||"None",t=o.brandDna?`Colors: ${JSON.stringify(o.brandDna.colors)}, Style: ${o.brandDna.style||"not specified"}`:"Not provided",i=o.gameObjects.map(a=>typeof a=="string"?`- id: ${a}`:`- id: ${a.id}${a.category?`, category: ${a.category}`:""}${a.type?`, type: ${a.type}`:""}`).join(`
|
|
1216
1216
|
`),n="";if(o.brandConfig){let a=o.brandConfig,s=[];a.splash&&s.push(`SPLASH: title="${a.splash.title||""}", subtitle="${a.splash.subtitle||""}", button="${a.splash.button_label||""}"`),a.endgame&&s.push(`ENDGAME: title="${a.endgame.title||""}", subtitle="${a.endgame.subtitle||""}", cta="${a.endgame.cta_label||""}"`),a.tutorial&&s.push(`TUTORIAL: text="${a.tutorial.label_text||""}", helper="${a.tutorial.helper_text||""}"`),s.length>0&&(n=`
|
|
1217
1217
|
BRAND CONTENT:
|
|
@@ -1296,7 +1296,7 @@ OUTPUT CONSTRAINTS (MUST FOLLOW):
|
|
|
1296
1296
|
|
|
1297
1297
|
OUTPUT:
|
|
1298
1298
|
Generate the requested asset matching the brand style.${o.needsTransparency?" Background MUST be solid magenta (#FF00FF).":""}
|
|
1299
|
-
`.trim()}function _s(o){return o.map(e=>{if(typeof e=="string"){let t=e,i,n;return t.includes("background")?(i="background",n="background"):t.includes("button")||t.includes("cta")?(i="ui",n="button"):t.includes("logo")?(i="ui",n="logo"):t.includes("title")||t.includes("subtitle")||t.includes("text")?(i="text",n="text"):t.includes("effect")||t.includes("confetti")||t.includes("particle")?(i="effects",n="effect"):t.includes("ui.")||t.includes("splash")||t.includes("endgame")?(i="ui",n="image"):(i="environment",n="interactive"),{id:t,category:i,type:n}}return e})}function Os(o,e){return!(o.includes("background")&&(o.includes("_1")||o.includes("splash")||o.includes("endgame")||o.includes("main"))||e==="text"||e==="effects"&&o.includes("particle"))}async function Rs(o){var s,r;let e=_s(o.gameObjects),t={gamePrompt:o.gamePrompt,gameObjects:e,brandAssets:o.manifest.assets,brandDna:o.manifest.brand_dna,brandName:o.manifest.brand_name},i=Is(t),n=[];if(o.flatDesignDataUrl)try{let l=zs(o.flatDesignDataUrl);l&&l.base64&&l.mimeType?l.base64.length<100?console.warn("[Pipeline] Flat design data URL appears invalid (too short)"):(n.push(l),console.log("[Pipeline] Added flat design to analysis, size:",l.base64.length)):console.warn("[Pipeline] Failed to parse flat design data URL")}catch(l){console.warn("[Pipeline] Error processing flat design:",l)}console.log("[Pipeline] Running analysis chain with",n.length,"images...");let a;try{a=await Ti(o.apiKey,i,n,{model:"gemini-2.5-flash"}),console.log("[Pipeline] Analysis response received")}catch(l){throw console.error("[Pipeline] Gemini API error:",l),(s=l.message)!=null&&s.includes("Unable to process input image")?new Error("Gemini API unable to process the uploaded images. Please try with different images or ensure they are valid PNG/JPG files under 10MB."):(r=l.message)!=null&&r.includes("image")?new Error("Image processing failed. Please ensure your images are valid and not corrupted."):l}return So(a,o.gameObjects)}function So(o,e){try{let t=o,i=o.match(/```(?:json)?\s*([\s\S]*?)```/);if(i)t=i[1].trim();else{let a=o.match(/\{[\s\S]*\}/);a&&(t=a[0])}let n=JSON.parse(t);return n.mappings&&Array.isArray(n.mappings)?{mappingResult:n,rawResponse:o,parsed:!0}:{mappingResult:{mappings:e.map(a=>({game_object:a,action:"KEEP",status:"Analysis response missing mappings[]"}))},rawResponse:o,parsed:!1,parseError:"Missing mappings[] array"}}catch(t){return{mappingResult:{mappings:e.map(i=>({game_object:i,action:"KEEP",status:"Analysis response was not valid JSON"}))},rawResponse:o,parsed:!1,parseError:t!=null&&t.message?String(t.message):"JSON parse failed"}}}async function xn(o,e,t={}){var n;let i=e.mappings.filter(a=>a.action==="GENERATE");if(i.length===0){console.log("[Pipeline] No assets to generate");return}console.log(`[Pipeline] Generating ${i.length} assets...`);for(let a=0;a<i.length;a++){let s=i[a];(n=t.onProgress)==null||n.call(t,a+1,i.length,s.game_object);try{let r=await Eo(o,s);s.output_dataUrl=r,s.status="Generated \u2713"}catch(r){console.error(`[Pipeline] Failed to generate ${s.game_object}:`,r),s.status="Failed \u2717"}}console.log("[Pipeline] Generation chain complete")}async function Eo(o,e){if(!e.generation_prompt)throw new Error("No generation prompt provided");let t=[];if(e.reference_asset&&o.manifest){let r=o.manifest.assets.find(l=>l.id===e.reference_asset);if(r){let l=o.assetFiles.get(r.file);if(l){let c=await Ve(l);c&&t.push({base64:c.base64,mimeType:c.mimeType})}}}if(o.flatDesignDataUrl){let r=zs(o.flatDesignDataUrl);r&&t.push(r)}let i=Os(e.game_object),n={prompt:e.generation_prompt,hasReference:t.length>0,brandDna:o.manifest.brand_dna,needsTransparency:i},a=js(n);console.log(`[Pipeline] Generating asset for ${e.game_object}... (transparency: ${i})`);let s=await ut(o.apiKey,a,t,{aspectRatio:"1:1",model:"gemini-2.5-flash-image"});return i&&await pt(s)||s}function zs(o){let[e,t]=o.split(","),i=e==null?void 0:e.match(/data:(.*?);base64/);return t&&i?{base64:t,mimeType:i[1]}:null}async function Ds(o,e){let t=o.assets,i=[];Array.isArray(t)?i=t:t&&typeof t=="object"?i=Object.entries(t).map(([n,a])=>({id:n,file:String(a),role:"visual element"})):i=[],o.assets=i;for(let n of i){let a=e.get(n.file);if(a){let s=await Ve(a);s&&(n.dataUrl=s.dataUrl)}}}function $s(o){var t,i;let e=new Map;if(!o)return console.warn("[CanvaZip] No position data provided"),e;if(typeof o=="string")try{o=JSON.parse(o)}catch(n){return console.error("[CanvaZip] Failed to parse position data JSON:",n),e}if(o!=null&&o.layers&&Array.isArray(o.layers)){console.log(`[CanvaZip] Parsing ${o.layers.length} layers from position data`);for(let n of o.layers){let a=n.asset;if(!a||!n.layout){console.warn("[CanvaZip] Skipping layer without asset or layout:",n);continue}let s=n.layout,r={x:typeof s.x=="number"?s.x:0,y:typeof s.y=="number"?s.y:0},l=typeof s.scaleX=="number"?s.scaleX:1,c=typeof s.scaleY=="number"?s.scaleY:1,d=(l+c)/2;d>1&&(d=d/13.33);let p=typeof s.rotation=="number"?s.rotation:0;e.set(a,{position:r,scale:d,rotation:p}),console.log(`[CanvaZip] Parsed position for ${a}:`,{position:r,scale:d,rotation:p})}console.log(`[CanvaZip] Successfully parsed ${e.size} assets from position data`)}else console.warn("[CanvaZip] Position data does not have layers array:",o);if(e.size===0&&typeof o=="object"&&!Array.isArray(o)){for(let[n,a]of Object.entries(o))if(a&&typeof a=="object"&&"layout"in a){let s=a.layout,r={x:0,y:0},l=1,c=0;if(s.position&&typeof s.position=="object"?r={x:s.position.x||0,y:s.position.y||0}:(typeof s.x=="number"||typeof s.y=="number")&&(r={x:s.x||0,y:s.y||0}),typeof s.scale=="number")l=s.scale;else if(typeof s.scaleX=="number"||typeof s.scaleY=="number"){let d=(t=s.scaleX)!=null?t:1,p=(i=s.scaleY)!=null?i:1;l=(d+p)/2}typeof s.rotation=="number"&&(c=s.rotation),e.set(n,{position:r,scale:l,rotation:c})}}return e}function Hs(o,e){if(!o)return console.warn("[CanvaZip] No filename provided for matching"),null;if(e.size===0)return console.warn("[CanvaZip] Position map is empty, cannot match:",o),null;if(e.has(o))return console.log(`[CanvaZip] Exact match found for ${o}`),e.get(o);let t=o.replace(/\.png$/i,"").replace(/\.jpg$/i,"").replace(/\.jpeg$/i,"");if(e.has(t))return console.log(`[CanvaZip] Match found (without extension) for ${o} -> ${t}`),e.get(t);let i=t.toLowerCase();for(let[n,a]of e.entries()){let s=n.toLowerCase();if(s===i||s.includes(i)||i.includes(s))return console.log(`[CanvaZip] Partial match found for ${o} -> ${n}`),a}return console.warn(`[CanvaZip] No match found for ${o}. Available keys:`,Array.from(e.keys()).slice(0,5)),null}function Co(o){return o.replace(/^json\./,"").replace(/_/g," ").replace(/\b\w/g,e=>e.toUpperCase())}function Ns(){let o=window.getEditableAssets;if(typeof o!="function")return console.warn("[CanvaZip] getEditableAssets not available"),[];let e=o();if(!(e!=null&&e.slots)||!Array.isArray(e.slots))return console.warn("[CanvaZip] No slots found in registry"),[];let t=[];for(let i of e.slots)i.assetType==="image"&&i.objectId&&t.push({id:i.objectId,name:i.displayName||Co(i.slotId||i.objectId),type:"sprite"});return t.sort((i,n)=>i.name.localeCompare(n.name))}import{Assets as jt}from"pixi.js";async function Bs(o,e,t){var i,n;console.log("[LIBRARY] applyAssetChange called with:",e,t);try{let a=Date.now(),r=`/${`raw/library/${e}/${t}`}?t=${a}`;console.log("[LIBRARY] Loading texture from:",r);let l=await jt.load(r);if(!l){console.error("[LIBRARY] Failed to load texture:",r);return}let c=window.CustomAssets,d=Object.keys(c||{}).filter(u=>{let g=e.replace(/s$/,"");return u.startsWith(g)||u.includes(g)});for(let u of d)Ae[u]=l,console.log("[LIBRARY] \u2705 Updated AssetTextures."+u),(i=c[u])!=null&&i.texture&&(c[u].texture=l,console.log("[LIBRARY] \u2705 Updated CustomAssets."+u+".texture"));let p=window.gameObjectManager;if(p)for(let u of d){let g=p.get(u);if(g){let h=((n=g.getDisplayObject)==null?void 0:n.call(g))||g.pixiObject||g;h!=null&&h.texture&&(h.texture=l,console.log("[LIBRARY] \u2705 Applied to display object:",u))}}}catch(a){console.error("[LIBRARY] Error applying asset change:",a)}}async function Gs(o,e){var t,i,n;console.log("[LIBRARY] resetAsset called for:",e);try{let a=window.getEditableAssets,s=typeof a=="function"?a():null,r=(t=s==null?void 0:s.slots)==null?void 0:t.find(f=>f.category===e),l=r==null?void 0:r.defaultAsset;if(!l){console.warn("[LIBRARY] Could not find default asset for:",e);return}let c=Date.now(),d=`/raw/${l}?t=${c}`;console.log("[LIBRARY] Loading default texture from:",d);let p=await jt.load(d);if(!p){console.error("[LIBRARY] Failed to load default texture:",d);return}let u=window.CustomAssets,g=e.replace(/s$/,""),h=Object.keys(u||{}).filter(f=>f.startsWith(g)||f.includes(g));for(let f of h)Ae[f]=p,console.log("[LIBRARY] \u2705 Reset AssetTextures."+f),(i=u[f])!=null&&i.texture&&(u[f].texture=p,console.log("[LIBRARY] \u2705 Reset CustomAssets."+f+" to default"));let m=window.gameObjectManager;if(m)for(let f of h){let b=m.get(f);if(b){let y=((n=b.getDisplayObject)==null?void 0:n.call(b))||b.pixiObject||b;y!=null&&y.texture&&(y.texture=p,console.log("[LIBRARY] \u2705 Reset display object:",f))}}}catch(a){console.error("[LIBRARY] Error resetting asset:",a)}}async function Pi(o,e,t,i){var n,a,s,r,l,c,d,p,u,g,h,m,f,b,y;console.log("[LIBRARY] applySlotAsset:",{objectId:e,assetFilename:t,category:i});try{let w=e.startsWith("json.")?e.replace("json.",""):e;console.log("[LIBRARY] Asset key:",w);let v=qs(w),L=Date.now(),M=`/raw/library/${i}/${t}?t=${L}`;console.log("[LIBRARY] Loading texture from:",M);let I=await jt.load(M);if(!I){console.error("[LIBRARY] Failed to load texture:",M);return}console.log("[LIBRARY] \u2705 Texture loaded"),Ae[w]=I,console.log("[LIBRARY] \u2705 Updated AssetTextures."+w);let P=window.CustomAssets;P!=null&&P[w]&&(P[w].texture=I,console.log("[LIBRARY] \u2705 Updated legacy CustomAssets."+w));let j=window.gameObjectManager;if(console.log("[LIBRARY] gameObjectManager exists?",!!j),j){let T=Array.from(((n=j.keys)==null?void 0:n.call(j))||[]).slice(0,10);console.log("[LIBRARY] Available gameObject keys (first 10):",T);let S=j.get(w);if(console.log("[LIBRARY] gameObject for "+w+"?",!!S),S){let x=((a=S.getDisplayObject)==null?void 0:a.call(S))||S.pixiObject||S.pixi||S,E=(s=x==null?void 0:x.constructor)==null?void 0:s.name;if(console.log("[LIBRARY] displayObject:",x),console.log("[LIBRARY] displayObject type:",E),console.log("[LIBRARY] has texture?",!!(x!=null&&x.texture)),x!=null&&x.texture)x.texture=I,console.log("[LIBRARY] \u2705 Applied to display object:",w);else if(E==="Text"){console.log("[LIBRARY] \u{1F504} Converting Text to Sprite...");let{Sprite:C}=await import("pixi.js"),A=x.parent,O=(l=(r=A==null?void 0:A.getChildIndex)==null?void 0:r.call(A,x))!=null?l:0,k={x:x.x,y:x.y},R={x:(d=(c=x.anchor)==null?void 0:c.x)!=null?d:.5,y:(u=(p=x.anchor)==null?void 0:p.y)!=null?u:.5},z={x:(h=(g=x.scale)==null?void 0:g.x)!=null?h:1,y:(f=(m=x.scale)==null?void 0:m.y)!=null?f:1},$=(b=x.alpha)!=null?b:1,U=(y=x.visible)!=null?y:!0,H=new C(I);H.anchor.set(R.x,R.y),H.position.set(k.x,k.y),H.scale.set(z.x,z.y),H.alpha=$,H.visible=U,A&&(A.removeChild(x),A.addChildAt(H,O),console.log("[LIBRARY] \u2705 Replaced Text with Sprite in parent")),S.pixiObject&&(S.pixiObject=H),S.pixi&&(S.pixi=H),console.log("[LIBRARY] \u2705 Text \u2192 Sprite conversion complete")}else if(x!=null&&x.children){let C=x.children.find(A=>A.texture);C?(C.texture=I,console.log("[LIBRARY] \u2705 Applied to child sprite")):console.warn("[LIBRARY] \u26A0\uFE0F No texture found in displayObject or children")}}}let _=`raw/library/${i}/${t}`;Vs(w,_,I,v),window.dispatchEvent(new CustomEvent("scene-editor:asset-updated",{detail:{objectId:w,texture:I,assetPath:_}})),Ue({objectId:w,path:"render.asset.path",value:_},{persist:!0,emitEvent:!0}),console.log("[LIBRARY] \u2705 Staged config override for:",w,"path:",_)}catch(w){console.error("[LIBRARY] Error applying slot asset:",w)}}async function Us(o,e,t,i){var n;console.log("[LIBRARY] resetSlotAsset:",{objectId:e,defaultAsset:t,category:i});try{let a=e.startsWith("json.")?e.replace("json.",""):e,s=qs(a),r=Date.now(),l=`/raw/${t}?t=${r}`;console.log("[LIBRARY] Loading default texture from:",l);let c=await jt.load(l);if(!c){console.error("[LIBRARY] Failed to load default texture:",l);return}Ae[a]=c,console.log("[LIBRARY] \u2705 Reset AssetTextures."+a);let d=window.CustomAssets;d!=null&&d[a]&&(d[a].texture=c,console.log("[LIBRARY] \u2705 Reset CustomAssets."+a+" to default"));let p=window.gameObjectManager;if(p){let u=p.get(a);if(u){let g=((n=u.getDisplayObject)==null?void 0:n.call(u))||u.pixiObject||u;g!=null&&g.texture&&(g.texture=c,console.log("[LIBRARY] \u2705 Reset display object:",a))}}Vs(a,t,c,s),window.dispatchEvent(new CustomEvent("scene-editor:asset-updated",{detail:{objectId:a,texture:c,assetPath:t}})),Ue({objectId:a,path:"render.asset.path",value:t},{persist:!0,emitEvent:!0}),console.log("[LIBRARY] \u2705 Reset config override for:",a)}catch(a){console.error("[LIBRARY] Error resetting slot asset:",a)}}function qs(o){var e,t,i;try{let n=window.getEditableObjectConfig,a=typeof n=="function"?n(o):null;return(i=(t=(e=a==null?void 0:a.render)==null?void 0:e.asset)==null?void 0:t.path)!=null?i:null}catch{return null}}function Vs(o,e,t,i){if(e){try{let n=`${o}:${e}`;Wt.set(n,t)}catch{}if(i&&i!==e)try{let n=Wt.store;n!=null&&n.delete&&n.delete(`${o}:${i}`)}catch{}Fs(e,t),i&&i!==e&&Fs(i,null)}}function Fs(o,e){if(!o)return;let t=jt.cache;if(!t)return;let i=o.replace(/^\.?\//,""),n=[i,`/${i}`];for(let a of n)typeof t.remove=="function"?t.remove(a):typeof t.delete=="function"&&t.delete(a),e&&typeof t.set=="function"&&t.set(a,e)}var Mi=class{constructor(){this.root=null;this.assets=[];this.positionMap=new Map;this.replaceableObjects=[];this.options=null;this.processedCount=0}render(){let e=this.assets.length,t=this.processedCount;return`
|
|
1299
|
+
`.trim()}function _s(o){return o.map(e=>{if(typeof e=="string"){let t=e,i,n;return t.includes("background")?(i="background",n="background"):t.includes("button")||t.includes("cta")?(i="ui",n="button"):t.includes("logo")?(i="ui",n="logo"):t.includes("title")||t.includes("subtitle")||t.includes("text")?(i="text",n="text"):t.includes("effect")||t.includes("confetti")||t.includes("particle")?(i="effects",n="effect"):t.includes("ui.")||t.includes("splash")||t.includes("endgame")?(i="ui",n="image"):(i="environment",n="interactive"),{id:t,category:i,type:n}}return e})}function Os(o,e){return!(o.includes("background")&&(o.includes("_1")||o.includes("splash")||o.includes("endgame")||o.includes("main"))||e==="text"||e==="effects"&&o.includes("particle"))}async function Rs(o){var s,r;let e=_s(o.gameObjects),t={gamePrompt:o.gamePrompt,gameObjects:e,brandAssets:o.manifest.assets,brandDna:o.manifest.brand_dna,brandName:o.manifest.brand_name},i=Ms(t),n=[];if(o.flatDesignDataUrl)try{let l=zs(o.flatDesignDataUrl);l&&l.base64&&l.mimeType?l.base64.length<100?console.warn("[Pipeline] Flat design data URL appears invalid (too short)"):(n.push(l),console.log("[Pipeline] Added flat design to analysis, size:",l.base64.length)):console.warn("[Pipeline] Failed to parse flat design data URL")}catch(l){console.warn("[Pipeline] Error processing flat design:",l)}console.log("[Pipeline] Running analysis chain with",n.length,"images...");let a;try{a=await Pi(o.apiKey,i,n,{model:"gemini-2.5-flash"}),console.log("[Pipeline] Analysis response received")}catch(l){throw console.error("[Pipeline] Gemini API error:",l),(s=l.message)!=null&&s.includes("Unable to process input image")?new Error("Gemini API unable to process the uploaded images. Please try with different images or ensure they are valid PNG/JPG files under 10MB."):(r=l.message)!=null&&r.includes("image")?new Error("Image processing failed. Please ensure your images are valid and not corrupted."):l}return So(a,o.gameObjects)}function So(o,e){try{let t=o,i=o.match(/```(?:json)?\s*([\s\S]*?)```/);if(i)t=i[1].trim();else{let a=o.match(/\{[\s\S]*\}/);a&&(t=a[0])}let n=JSON.parse(t);return n.mappings&&Array.isArray(n.mappings)?{mappingResult:n,rawResponse:o,parsed:!0}:{mappingResult:{mappings:e.map(a=>({game_object:a,action:"KEEP",status:"Analysis response missing mappings[]"}))},rawResponse:o,parsed:!1,parseError:"Missing mappings[] array"}}catch(t){return{mappingResult:{mappings:e.map(i=>({game_object:i,action:"KEEP",status:"Analysis response was not valid JSON"}))},rawResponse:o,parsed:!1,parseError:t!=null&&t.message?String(t.message):"JSON parse failed"}}}async function xn(o,e,t={}){var n;let i=e.mappings.filter(a=>a.action==="GENERATE");if(i.length===0){console.log("[Pipeline] No assets to generate");return}console.log(`[Pipeline] Generating ${i.length} assets...`);for(let a=0;a<i.length;a++){let s=i[a];(n=t.onProgress)==null||n.call(t,a+1,i.length,s.game_object);try{let r=await Eo(o,s);s.output_dataUrl=r,s.status="Generated \u2713"}catch(r){console.error(`[Pipeline] Failed to generate ${s.game_object}:`,r),s.status="Failed \u2717"}}console.log("[Pipeline] Generation chain complete")}async function Eo(o,e){if(!e.generation_prompt)throw new Error("No generation prompt provided");let t=[];if(e.reference_asset&&o.manifest){let r=o.manifest.assets.find(l=>l.id===e.reference_asset);if(r){let l=o.assetFiles.get(r.file);if(l){let c=await Ve(l);c&&t.push({base64:c.base64,mimeType:c.mimeType})}}}if(o.flatDesignDataUrl){let r=zs(o.flatDesignDataUrl);r&&t.push(r)}let i=Os(e.game_object),n={prompt:e.generation_prompt,hasReference:t.length>0,brandDna:o.manifest.brand_dna,needsTransparency:i},a=js(n);console.log(`[Pipeline] Generating asset for ${e.game_object}... (transparency: ${i})`);let s=await ut(o.apiKey,a,t,{aspectRatio:"1:1",model:"gemini-2.5-flash-image"});return i&&await pt(s)||s}function zs(o){let[e,t]=o.split(","),i=e==null?void 0:e.match(/data:(.*?);base64/);return t&&i?{base64:t,mimeType:i[1]}:null}async function $s(o,e){let t=o.assets,i=[];Array.isArray(t)?i=t:t&&typeof t=="object"?i=Object.entries(t).map(([n,a])=>({id:n,file:String(a),role:"visual element"})):i=[],o.assets=i;for(let n of i){let a=e.get(n.file);if(a){let s=await Ve(a);s&&(n.dataUrl=s.dataUrl)}}}function Ds(o){var t,i;let e=new Map;if(!o)return console.warn("[CanvaZip] No position data provided"),e;if(typeof o=="string")try{o=JSON.parse(o)}catch(n){return console.error("[CanvaZip] Failed to parse position data JSON:",n),e}if(o!=null&&o.layers&&Array.isArray(o.layers)){console.log(`[CanvaZip] Parsing ${o.layers.length} layers from position data`);for(let n of o.layers){let a=n.asset;if(!a||!n.layout){console.warn("[CanvaZip] Skipping layer without asset or layout:",n);continue}let s=n.layout,r={x:typeof s.x=="number"?s.x:0,y:typeof s.y=="number"?s.y:0},l=typeof s.scaleX=="number"?s.scaleX:1,c=typeof s.scaleY=="number"?s.scaleY:1,d=(l+c)/2;d>1&&(d=d/13.33);let p=typeof s.rotation=="number"?s.rotation:0;e.set(a,{position:r,scale:d,rotation:p}),console.log(`[CanvaZip] Parsed position for ${a}:`,{position:r,scale:d,rotation:p})}console.log(`[CanvaZip] Successfully parsed ${e.size} assets from position data`)}else console.warn("[CanvaZip] Position data does not have layers array:",o);if(e.size===0&&typeof o=="object"&&!Array.isArray(o)){for(let[n,a]of Object.entries(o))if(a&&typeof a=="object"&&"layout"in a){let s=a.layout,r={x:0,y:0},l=1,c=0;if(s.position&&typeof s.position=="object"?r={x:s.position.x||0,y:s.position.y||0}:(typeof s.x=="number"||typeof s.y=="number")&&(r={x:s.x||0,y:s.y||0}),typeof s.scale=="number")l=s.scale;else if(typeof s.scaleX=="number"||typeof s.scaleY=="number"){let d=(t=s.scaleX)!=null?t:1,p=(i=s.scaleY)!=null?i:1;l=(d+p)/2}typeof s.rotation=="number"&&(c=s.rotation),e.set(n,{position:r,scale:l,rotation:c})}}return e}function Hs(o,e){if(!o)return console.warn("[CanvaZip] No filename provided for matching"),null;if(e.size===0)return console.warn("[CanvaZip] Position map is empty, cannot match:",o),null;if(e.has(o))return console.log(`[CanvaZip] Exact match found for ${o}`),e.get(o);let t=o.replace(/\.png$/i,"").replace(/\.jpg$/i,"").replace(/\.jpeg$/i,"");if(e.has(t))return console.log(`[CanvaZip] Match found (without extension) for ${o} -> ${t}`),e.get(t);let i=t.toLowerCase();for(let[n,a]of e.entries()){let s=n.toLowerCase();if(s===i||s.includes(i)||i.includes(s))return console.log(`[CanvaZip] Partial match found for ${o} -> ${n}`),a}return console.warn(`[CanvaZip] No match found for ${o}. Available keys:`,Array.from(e.keys()).slice(0,5)),null}function Co(o){return o.replace(/^json\./,"").replace(/_/g," ").replace(/\b\w/g,e=>e.toUpperCase())}function Ns(){let o=window.getEditableAssets;if(typeof o!="function")return console.warn("[CanvaZip] getEditableAssets not available"),[];let e=o();if(!(e!=null&&e.slots)||!Array.isArray(e.slots))return console.warn("[CanvaZip] No slots found in registry"),[];let t=[];for(let i of e.slots)i.assetType==="image"&&i.objectId&&t.push({id:i.objectId,name:i.displayName||Co(i.slotId||i.objectId),type:"sprite"});return t.sort((i,n)=>i.name.localeCompare(n.name))}import{Assets as _t}from"pixi.js";async function Bs(o,e,t){var i,n;console.log("[LIBRARY] applyAssetChange called with:",e,t);try{let a=Date.now(),r=`/${`raw/library/${e}/${t}`}?t=${a}`;console.log("[LIBRARY] Loading texture from:",r);let l=await _t.load(r);if(!l){console.error("[LIBRARY] Failed to load texture:",r);return}let c=window.CustomAssets,d=Object.keys(c||{}).filter(g=>{let u=e.replace(/s$/,"");return g.startsWith(u)||g.includes(u)});for(let g of d)Ae[g]=l,console.log("[LIBRARY] \u2705 Updated AssetTextures."+g),(i=c[g])!=null&&i.texture&&(c[g].texture=l,console.log("[LIBRARY] \u2705 Updated CustomAssets."+g+".texture"));let p=window.gameObjectManager;if(p)for(let g of d){let u=p.get(g);if(u){let h=((n=u.getDisplayObject)==null?void 0:n.call(u))||u.pixiObject||u;h!=null&&h.texture&&(h.texture=l,console.log("[LIBRARY] \u2705 Applied to display object:",g))}}}catch(a){console.error("[LIBRARY] Error applying asset change:",a)}}async function Gs(o,e){var t,i,n;console.log("[LIBRARY] resetAsset called for:",e);try{let a=window.getEditableAssets,s=typeof a=="function"?a():null,r=(t=s==null?void 0:s.slots)==null?void 0:t.find(f=>f.category===e),l=r==null?void 0:r.defaultAsset;if(!l){console.warn("[LIBRARY] Could not find default asset for:",e);return}let c=Date.now(),d=`/raw/${l}?t=${c}`;console.log("[LIBRARY] Loading default texture from:",d);let p=await _t.load(d);if(!p){console.error("[LIBRARY] Failed to load default texture:",d);return}let g=window.CustomAssets,u=e.replace(/s$/,""),h=Object.keys(g||{}).filter(f=>f.startsWith(u)||f.includes(u));for(let f of h)Ae[f]=p,console.log("[LIBRARY] \u2705 Reset AssetTextures."+f),(i=g[f])!=null&&i.texture&&(g[f].texture=p,console.log("[LIBRARY] \u2705 Reset CustomAssets."+f+" to default"));let m=window.gameObjectManager;if(m)for(let f of h){let b=m.get(f);if(b){let y=((n=b.getDisplayObject)==null?void 0:n.call(b))||b.pixiObject||b;y!=null&&y.texture&&(y.texture=p,console.log("[LIBRARY] \u2705 Reset display object:",f))}}}catch(a){console.error("[LIBRARY] Error resetting asset:",a)}}async function Ii(o,e,t,i){var n,a,s,r,l,c,d,p,g,u,h,m,f,b,y;console.log("[LIBRARY] applySlotAsset:",{objectId:e,assetFilename:t,category:i});try{let w=e.startsWith("json.")?e.replace("json.",""):e;console.log("[LIBRARY] Asset key:",w);let v=qs(w),L=Date.now(),j=`/raw/library/${i}/${t}?t=${L}`;console.log("[LIBRARY] Loading texture from:",j);let _=await _t.load(j);if(!_){console.error("[LIBRARY] Failed to load texture:",j);return}console.log("[LIBRARY] \u2705 Texture loaded"),Ae[w]=_,console.log("[LIBRARY] \u2705 Updated AssetTextures."+w);let P=window.CustomAssets;P!=null&&P[w]&&(P[w].texture=_,console.log("[LIBRARY] \u2705 Updated legacy CustomAssets."+w));let M=window.gameObjectManager;if(console.log("[LIBRARY] gameObjectManager exists?",!!M),M){let k=Array.from(((n=M.keys)==null?void 0:n.call(M))||[]).slice(0,10);console.log("[LIBRARY] Available gameObject keys (first 10):",k);let E=M.get(w);if(console.log("[LIBRARY] gameObject for "+w+"?",!!E),E){let x=((a=E.getDisplayObject)==null?void 0:a.call(E))||E.pixiObject||E.pixi||E,S=(s=x==null?void 0:x.constructor)==null?void 0:s.name;if(console.log("[LIBRARY] displayObject:",x),console.log("[LIBRARY] displayObject type:",S),console.log("[LIBRARY] has texture?",!!(x!=null&&x.texture)),x!=null&&x.texture)x.texture=_,console.log("[LIBRARY] \u2705 Applied to display object:",w);else if(S==="Text"){console.log("[LIBRARY] \u{1F504} Converting Text to Sprite...");let{Sprite:C}=await import("pixi.js"),A=x.parent,O=(l=(r=A==null?void 0:A.getChildIndex)==null?void 0:r.call(A,x))!=null?l:0,I={x:x.x,y:x.y},R={x:(d=(c=x.anchor)==null?void 0:c.x)!=null?d:.5,y:(g=(p=x.anchor)==null?void 0:p.y)!=null?g:.5},z={x:(h=(u=x.scale)==null?void 0:u.x)!=null?h:1,y:(f=(m=x.scale)==null?void 0:m.y)!=null?f:1},D=(b=x.alpha)!=null?b:1,U=(y=x.visible)!=null?y:!0,H=new C(_);H.anchor.set(R.x,R.y),H.position.set(I.x,I.y),H.scale.set(z.x,z.y),H.alpha=D,H.visible=U,A&&(A.removeChild(x),A.addChildAt(H,O),console.log("[LIBRARY] \u2705 Replaced Text with Sprite in parent")),E.pixiObject&&(E.pixiObject=H),E.pixi&&(E.pixi=H),console.log("[LIBRARY] \u2705 Text \u2192 Sprite conversion complete")}else if(x!=null&&x.children){let C=x.children.find(A=>A.texture);C?(C.texture=_,console.log("[LIBRARY] \u2705 Applied to child sprite")):console.warn("[LIBRARY] \u26A0\uFE0F No texture found in displayObject or children")}}}let T=`raw/library/${i}/${t}`;Vs(w,T,_,v),window.dispatchEvent(new CustomEvent("scene-editor:asset-updated",{detail:{objectId:w,texture:_,assetPath:T}})),Ue({objectId:w,path:"render.asset.path",value:T},{persist:!0,emitEvent:!0}),console.log("[LIBRARY] \u2705 Staged config override for:",w,"path:",T)}catch(w){console.error("[LIBRARY] Error applying slot asset:",w)}}async function Us(o,e,t,i){var n;console.log("[LIBRARY] resetSlotAsset:",{objectId:e,defaultAsset:t,category:i});try{let a=e.startsWith("json.")?e.replace("json.",""):e,s=qs(a),r=Date.now(),l=`/raw/${t}?t=${r}`;console.log("[LIBRARY] Loading default texture from:",l);let c=await _t.load(l);if(!c){console.error("[LIBRARY] Failed to load default texture:",l);return}Ae[a]=c,console.log("[LIBRARY] \u2705 Reset AssetTextures."+a);let d=window.CustomAssets;d!=null&&d[a]&&(d[a].texture=c,console.log("[LIBRARY] \u2705 Reset CustomAssets."+a+" to default"));let p=window.gameObjectManager;if(p){let g=p.get(a);if(g){let u=((n=g.getDisplayObject)==null?void 0:n.call(g))||g.pixiObject||g;u!=null&&u.texture&&(u.texture=c,console.log("[LIBRARY] \u2705 Reset display object:",a))}}Vs(a,t,c,s),window.dispatchEvent(new CustomEvent("scene-editor:asset-updated",{detail:{objectId:a,texture:c,assetPath:t}})),Ue({objectId:a,path:"render.asset.path",value:t},{persist:!0,emitEvent:!0}),console.log("[LIBRARY] \u2705 Reset config override for:",a)}catch(a){console.error("[LIBRARY] Error resetting slot asset:",a)}}function qs(o){var e,t,i;try{let n=window.getEditableObjectConfig,a=typeof n=="function"?n(o):null;return(i=(t=(e=a==null?void 0:a.render)==null?void 0:e.asset)==null?void 0:t.path)!=null?i:null}catch{return null}}function Vs(o,e,t,i){if(e){try{let n=`${o}:${e}`;Kt.set(n,t)}catch{}if(i&&i!==e)try{let n=Kt.store;n!=null&&n.delete&&n.delete(`${o}:${i}`)}catch{}Fs(e,t),i&&i!==e&&Fs(i,null)}}function Fs(o,e){if(!o)return;let t=_t.cache;if(!t)return;let i=o.replace(/^\.?\//,""),n=[i,`/${i}`];for(let a of n)typeof t.remove=="function"?t.remove(a):typeof t.delete=="function"&&t.delete(a),e&&typeof t.set=="function"&&t.set(a,e)}var Mi=class{constructor(){this.root=null;this.assets=[];this.positionMap=new Map;this.replaceableObjects=[];this.options=null;this.processedCount=0}render(){let e=this.assets.length,t=this.processedCount;return`
|
|
1300
1300
|
<div class="canva-wizard-overlay" data-canva-wizard>
|
|
1301
1301
|
<div class="canva-wizard-modal">
|
|
1302
1302
|
<div class="canva-wizard-header">
|
|
@@ -1402,8 +1402,8 @@ Generate the requested asset matching the brand style.${o.needsTransparency?" Ba
|
|
|
1402
1402
|
${this.replaceableObjects.map(i=>`<option value="${i.id}" ${e.targetObjectId===i.id?"selected":""}>${i.name}</option>`).join("")}
|
|
1403
1403
|
</select>
|
|
1404
1404
|
</div>
|
|
1405
|
-
`}initialize(e,t,i,n){this.options=n,this.positionMap
|
|
1406
|
-
`))||(n==null?void 0:n.error)||"Batch create failed.";throw new Error(s)}try{let{trackObjectCreation:s}=await import("./ConfigOverride-XECG7H5B.js");for(let r of t)s(r.instanceId,r.screenId,r.config)}catch(s){console.warn("[CanvaZip] Failed to track batch creation in history:",s)}console.log(`[CanvaZip] \u2705 Batch added ${e.length} objects to scene`)}async saveAssetToLibrary(e){try{let i=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:e.category,filename:e.filename,data:e.dataUrl,overwrite:!0})})).json();if(i.success&&i.path)return console.log(`[CanvaZip] \u2705 Saved ${e.filename} to library: ${i.path}`),i.path;throw new Error(i.error||"Failed to save to library")}catch(t){throw console.error(`[CanvaZip] Failed to save ${e.filename} to library:`,t),t}}async syncScreens(){try{let e=window.__HANDLER_ACTIVE_SCREEN,t=await fetch("/api/sync-screens",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({force:!0,screenId:e})});if(!t.ok){let i=await t.json().catch(()=>({}));throw new Error((i==null?void 0:i.error)||"Failed to sync screens")}}catch(e){console.warn("[CanvaZip] Screen sync failed:",e)}}async replaceObject(e,t){let i=window.__debugContext;if(!i){console.warn("[CanvaZip] No debug context available for replace");return}try{await
|
|
1405
|
+
`}initialize(e,t,i,n){this.options=n,this.positionMap=Ds(i),this.replaceableObjects=Ns(),this.assets=t.map(a=>{let s=Hs(a.filename,this.positionMap);return{filename:a.filename,dataUrl:a.dataUrl,category:this.inferCategory(a.filename),position:s==null?void 0:s.position,scale:s==null?void 0:s.scale,rotation:s==null?void 0:s.rotation,action:void 0,targetObjectId:void 0}}),e.innerHTML=this.render(),this.root=e.querySelector("[data-canva-wizard]"),this.attachEventListeners()}attachEventListeners(){var e,t,i;this.root&&((e=this.root.querySelector("[data-canva-wizard-close]"))==null||e.addEventListener("click",()=>{this.close()}),(t=this.root.querySelector("[data-canva-wizard-cancel]"))==null||t.addEventListener("click",()=>{this.close()}),(i=this.root.querySelector("[data-canva-wizard-apply-all]"))==null||i.addEventListener("click",()=>{this.applyAll()}),this.root.querySelectorAll("[data-asset-action]").forEach(n=>{n.addEventListener("click",a=>{let s=a.target,r=parseInt(s.getAttribute("data-asset-action")||"0"),l=s.getAttribute("data-action");this.handleAction(r,l)})}),this.root.querySelectorAll("[data-asset-category]").forEach(n=>{n.addEventListener("change",a=>{let s=a.target,r=parseInt(s.getAttribute("data-asset-category")||"0"),l=s.value;this.assets[r]&&(this.assets[r].category=l)})}),this.root.querySelectorAll("[data-asset-target]").forEach(n=>{n.addEventListener("change",a=>{let s=a.target,r=parseInt(s.getAttribute("data-asset-target")||"0"),l=s.value;this.assets[r]&&(this.assets[r].targetObjectId=l)})}),this.root.querySelectorAll("[data-asset-screen]").forEach(n=>{n.addEventListener("change",a=>{let s=a.target,r=parseInt(s.getAttribute("data-asset-screen")||"0"),l=s.value;this.assets[r]&&(this.assets[r].screen=l)})}),this.root.querySelectorAll("[data-asset-type]").forEach(n=>{n.addEventListener("change",a=>{let s=a.target,r=parseInt(s.getAttribute("data-asset-type")||"0"),l=s.value;this.assets[r]&&(this.assets[r].objectType=l)})}),this.root.addEventListener("click",n=>{n.target===this.root&&this.close()}))}handleAction(e,t){this.assets[e]&&(this.assets[e].action=t,t==="add"&&(this.assets[e].screen||(this.assets[e].screen="gameplay"),this.assets[e].objectType||(this.assets[e].objectType="sprite")),t==="replace"?this.updateAssetCard(e):(this.assets[e].targetObjectId=void 0,this.updateAssetCard(e)))}updateAssetCard(e){var i,n,a,s;if(!this.root)return;let t=this.root.querySelector(`[data-asset-index="${e}"]`);if(t&&this.assets[e]){let r=this.assets[e],l=this.renderAssetCard(r,e);t.outerHTML=l;let c=this.root.querySelector(`[data-asset-index="${e}"]`);c&&(c.querySelectorAll("[data-asset-action]").forEach(d=>{d.addEventListener("click",p=>{let g=p.target,u=parseInt(g.getAttribute("data-asset-action")||"0"),h=g.getAttribute("data-action");this.handleAction(u,h)})}),(i=c.querySelector("[data-asset-category]"))==null||i.addEventListener("change",d=>{let g=d.target.value;this.assets[e]&&(this.assets[e].category=g)}),(n=c.querySelector("[data-asset-target]"))==null||n.addEventListener("change",d=>{let g=d.target.value;this.assets[e]&&(this.assets[e].targetObjectId=g)}),(a=c.querySelector("[data-asset-screen]"))==null||a.addEventListener("change",d=>{let g=d.target.value;this.assets[e]&&(this.assets[e].screen=g)}),(s=c.querySelector("[data-asset-type]"))==null||s.addEventListener("change",d=>{let g=d.target.value;this.assets[e]&&(this.assets[e].objectType=g)}))}}async applyAll(){if(!this.options)return;for(let i of this.assets)i.action||(i.action="skip");this.processedCount=0,this.updateProgress();let e=[],t=[];for(let i=0;i<this.assets.length;i++){let n=this.assets[i];try{let a=await this.saveAssetToLibrary(n);n.libraryPath=a,n.action==="add"?e.push(n):n.action==="replace"&&n.targetObjectId&&t.push({asset:n,targetId:n.targetObjectId}),this.processedCount++,this.updateProgress()}catch(a){console.error(`[CanvaZip] Failed to save ${n.filename} to library:`,a)}}if(e.length>0)try{await this.batchAddToScene(e)}catch(i){console.error("[CanvaZip] Batch add to scene failed:",i)}if(t.length>0)for(let{asset:i,targetId:n}of t)try{await this.replaceObject(i,n)}catch(a){console.error(`[CanvaZip] Replace failed for ${n}:`,a)}await this.syncScreens(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),window.dispatchEvent(new CustomEvent("config:changed",{detail:{action:"batch"}})),this.options.onComplete&&this.options.onComplete(this.assets),this.close()}async batchAddToScene(e){var a;let t=e.map(s=>{let r=s.filename.replace(/\.(png|jpg|jpeg)$/i,"").replace(/[^a-zA-Z0-9._-]/g,"_").toLowerCase(),l=`json.${r}`,c={identity:{id:l,category:s.category||"environment"},transform:{position:s.position||{x:0,y:0},offset:{x:0,y:0},scale:.3,rotation:s.rotation||0,anchor:{x:.5,y:.5},position_ratio:null,position_mode:"static"},render:{alpha:1,visible:!0,tint:null,z_index:0,asset:{type:"image",path:s.libraryPath}},instance_id:r,object_config:l};return{screenId:s.screen,instanceId:r,objectConfigId:l,layer:s.objectType==="ui-image"?"ui":"world",config:c}}),i=await fetch("/api/objects/batch-create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({objects:t})}),n=await i.json().catch(()=>({}));if(!i.ok||(n==null?void 0:n.success)===!1){let s=((a=n==null?void 0:n.errors)==null?void 0:a.join(`
|
|
1406
|
+
`))||(n==null?void 0:n.error)||"Batch create failed.";throw new Error(s)}try{let{trackObjectCreation:s}=await import("./ConfigOverride-XECG7H5B.js");for(let r of t)s(r.instanceId,r.screenId,r.config)}catch(s){console.warn("[CanvaZip] Failed to track batch creation in history:",s)}console.log(`[CanvaZip] \u2705 Batch added ${e.length} objects to scene`)}async saveAssetToLibrary(e){try{let i=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:e.category,filename:e.filename,data:e.dataUrl,overwrite:!0})})).json();if(i.success&&i.path)return console.log(`[CanvaZip] \u2705 Saved ${e.filename} to library: ${i.path}`),i.path;throw new Error(i.error||"Failed to save to library")}catch(t){throw console.error(`[CanvaZip] Failed to save ${e.filename} to library:`,t),t}}async syncScreens(){try{let e=window.__HANDLER_ACTIVE_SCREEN,t=await fetch("/api/sync-screens",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({force:!0,screenId:e})});if(!t.ok){let i=await t.json().catch(()=>({}));throw new Error((i==null?void 0:i.error)||"Failed to sync screens")}}catch(e){console.warn("[CanvaZip] Screen sync failed:",e)}}async replaceObject(e,t){let i=window.__debugContext;if(!i){console.warn("[CanvaZip] No debug context available for replace");return}try{await Ii(i,t,e.filename,e.category),console.log(`[CanvaZip] \u2705 Replaced ${t} with ${e.filename}`)}catch(n){throw console.error(`[CanvaZip] Failed to replace ${t}:`,n),n}}updateProgress(){if(!this.root)return;let e=this.root.querySelector(".canva-wizard-progress-fill"),t=this.root.querySelector(".canva-wizard-progress-text");if(e){let i=this.processedCount/this.assets.length*100;e.style.width=`${i}%`}t&&(t.textContent=`${this.processedCount} of ${this.assets.length} assets processed`)}inferCategory(e){let t=e.toLowerCase();return t.includes("background")||t.includes("bg")?"backgrounds":t.includes("ui")||t.includes("button")||t.includes("cta")||t.includes("logo")||t.includes("text")?"ui":t.includes("sparkle")||t.includes("effect")||t.includes("particle")?"effects":t.includes("bottle")||t.includes("product")||t.includes("item")?"products":"environment"}close(){var e;(e=this.options)!=null&&e.onCancel&&this.options.onCancel(),this.root&&this.root.remove()}};var ji=class{constructor(){this.root=null;this.currentTab="upload";this.uploadMethod="individual";this.uploadedJsons=new Map;this.normalizedManifest=null;this.flatDesignDataUrl=null;this.assetFiles=new Map;this.zipFile=null;this.wizardProcessedAssets=new Set;this.mappingResult=null;this.analysisRawResponse=null;this.analysisParsedOk=null;this.analysisParseError=null;this.isAnalyzing=!1;this.isGenerating=!1}get manifest(){return this.normalizedManifest}render(){return`
|
|
1407
1407
|
<div class="scene-panel brand-vision-panel panel-accent-violet" data-panel="brand-vision">
|
|
1408
1408
|
<div class="scene-panel-header" data-panel-handle>
|
|
1409
1409
|
<div class="panel-title">
|
|
@@ -1533,15 +1533,15 @@ Generate the requested asset matching the brand style.${o.needsTransparency?" Ba
|
|
|
1533
1533
|
</div>
|
|
1534
1534
|
<div class="panel-resize-handle" data-panel-resize></div>
|
|
1535
1535
|
</div>
|
|
1536
|
-
`}initialize(e,t){this.root=e.querySelector('[data-panel="brand-vision"]'),this.onClose=t,this.root&&(this.attachEventListeners(),this.setupResizeHandle())}attachEventListeners(){var t,i,n,a,s,r,l,c,d,p,u,g,h,m;if(!this.root)return;(t=this.root.querySelector("[data-panel-close]"))==null||t.addEventListener("click",()=>{if(this.onClose)this.onClose();else{let f="/dashboard";window.location.pathname!==f&&(window.location.href=f)}}),this.root.querySelectorAll("[data-vision-tab]").forEach(f=>{f.addEventListener("click",()=>{let b=f.dataset.visionTab;this.switchTab(b)})}),(i=this.root.querySelector("[data-vision-upload-method]"))==null||i.addEventListener("change",f=>{let b=f.target.value;this.switchUploadMethod(b)}),(n=this.root.querySelector("[data-vision-upload-manifest]"))==null||n.addEventListener("click",()=>{var f,b;(b=(f=this.root)==null?void 0:f.querySelector("[data-vision-manifest-input]"))==null||b.click()}),(a=this.root.querySelector("[data-vision-upload-batch-png]"))==null||a.addEventListener("click",()=>{var f,b;(b=(f=this.root)==null?void 0:f.querySelector("[data-vision-batch-png-input]"))==null||b.click()}),(s=this.root.querySelector("[data-vision-batch-png-input]"))==null||s.addEventListener("change",f=>{this.handleBatchPNGUpload(f)}),(r=this.root.querySelector("[data-vision-upload-zip]"))==null||r.addEventListener("click",()=>{var f,b;(b=(f=this.root)==null?void 0:f.querySelector("[data-vision-zip-input]"))==null||b.click()}),(l=this.root.querySelector("[data-vision-zip-input]"))==null||l.addEventListener("change",f=>{this.handleZipUpload(f)}),(c=this.root.querySelector("[data-vision-manifest-input]"))==null||c.addEventListener("change",f=>{this.handleManifestUpload(f)}),(d=this.root.querySelector("[data-vision-upload-assets]"))==null||d.addEventListener("click",()=>{var f,b;(b=(f=this.root)==null?void 0:f.querySelector("[data-vision-assets-input]"))==null||b.click()}),(p=this.root.querySelector("[data-vision-assets-input]"))==null||p.addEventListener("change",f=>{this.handleAssetsUpload(f)}),(u=this.root.querySelector("[data-vision-upload-flat]"))==null||u.addEventListener("click",()=>{var f,b;(b=(f=this.root)==null?void 0:f.querySelector("[data-vision-flat-input]"))==null||b.click()}),(g=this.root.querySelector("[data-vision-flat-input]"))==null||g.addEventListener("change",f=>{this.handleFlatDesignUpload(f)}),(h=this.root.querySelector("[data-vision-generate-all]"))==null||h.addEventListener("click",()=>{this.generateAllMissing()}),(m=this.root.querySelector("[data-vision-apply-all]"))==null||m.addEventListener("click",()=>{this.applyAll()});let e=this.root.querySelector("[data-vision-mappings]");e==null||e.addEventListener("click",f=>{let b=f.target;if(!b)return;let y=b.closest("[data-mapping-item]"),w=y==null?void 0:y.dataset.mappingItem;w&&(b.closest("[data-mapping-apply-one]")&&this.applyOne(w),b.closest("[data-mapping-save-one]")&&this.saveAndApplyOne(w),b.closest("[data-mapping-edit-one]")&&this.openEditorForOne(w),b.closest("[data-mapping-generate-one]")&&this.generateOne(w),b.closest("[data-mapping-copy-raw]")&&this.copyRawAnalysis())}),e==null||e.addEventListener("change",f=>{let b=f.target;if(!b||!this.mappingResult)return;let y=b.closest("[data-mapping-item]"),w=y==null?void 0:y.dataset.mappingItem;if(!w)return;let v=this.mappingResult.mappings.find(L=>L.game_object===w);v&&(b.matches("[data-mapping-action]")&&(v.action=String(b.value||"KEEP"),v.status="Edited",this.renderMappings()),b.matches("[data-mapping-brand-asset]")&&(v.brand_asset=String(b.value||""),v.status="Edited",this.renderMappings()))}),e==null||e.addEventListener("input",f=>{let b=f.target;if(!b||!this.mappingResult||!b.matches("[data-mapping-prompt]"))return;let y=b.closest("[data-mapping-item]"),w=y==null?void 0:y.dataset.mappingItem;if(!w)return;let v=this.mappingResult.mappings.find(L=>L.game_object===w);v&&(v.generation_prompt=String(b.value||""),v.status="Edited")})}switchTab(e){var t,i;this.root&&(this.currentTab=e,this.root.querySelectorAll("[data-vision-tab]").forEach(n=>n.classList.remove("active")),this.root.querySelectorAll("[data-vision-content]").forEach(n=>n.classList.remove("active")),(t=this.root.querySelector(`[data-vision-tab="${e}"]`))==null||t.classList.add("active"),(i=this.root.querySelector(`[data-vision-content="${e}"]`))==null||i.classList.add("active"))}switchUploadMethod(e){var t;this.root&&(this.uploadMethod=e,this.root.querySelectorAll("[data-vision-upload-section]").forEach(i=>{i.classList.remove("active")}),(t=this.root.querySelector(`[data-vision-upload-section="${e}"]`))==null||t.classList.add("active"))}async handleBatchPNGUpload(e){var s;let t=e.target,i=Array.from(t.files||[]);if(i.length===0)return;let n=i.filter(r=>r.type.startsWith("image/"));if(n.length===0){this.setStatus("upload","\u26A0\uFE0F No image files selected");return}let a=(s=this.root)==null?void 0:s.querySelector("[data-vision-batch-png-status]");a&&(a.textContent=`Processing ${n.length} PNG${n.length>1?"s":""}...`);try{let r=window.__HANDLER_ACTIVE_SCREEN,l=r==="loading"||r==="start"||r==="gameplay"||r==="tutorial"||r==="endgame"?r:"gameplay",c=[];for(let g=0;g<n.length;g++){let h=n[g];try{let m=await this.fileToDataUrl(h);if(!m){c.push({success:!1,filename:h.name,error:"Failed to read file"});continue}let f=h.name.replace(/\.[^/.]+$/,""),b=this.inferCategoryFromFilename(f),y=f.replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"").toLowerCase(),w=`${y}_${Date.now()}${g>0?`_${g}`:""}`,v=`json.${w}`,L=`${y}.png`,I=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:b,filename:L,data:m,overwrite:!1})})).json();if(!I.success){c.push({success:!1,filename:h.name,error:I.error});continue}let P={identity:{id:v,category:b},transform:{anchor:"center",position:{x:0,y:0},scale:1,rotation:0},render:{z_index:0,alpha:1,visible:!0,anchor:{x:.5,y:.5},asset:{type:"image",path:I.path||`raw/library/${b}/${L}`}}},j=await fetch("/api/objects/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:l,instanceId:w,objectConfigId:v,config:P,layer:b==="ui"?"ui":"world"})}),_=await j.json();j.ok&&_.success?c.push({success:!0,filename:h.name}):c.push({success:!1,filename:h.name,error:_.error})}catch(m){c.push({success:!1,filename:h.name,error:m instanceof Error?m.message:String(m)})}}let d=c.filter(g=>g.success).length,p=c.length-d;a&&(p===0?a.textContent=`\u2705 Added ${d} PNG${d>1?"s":""} to scene`:a.textContent=`\u26A0\uFE0F Added ${d}, failed ${p}`),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh"));let u=window.refreshAssetLibrary;typeof u=="function"&&u(),t.value=""}catch(r){a&&(a.textContent=`\u274C Error: ${r instanceof Error?r.message:String(r)}`),console.error("[BrandVision] Batch PNG upload failed:",r)}}inferCategoryFromFilename(e){let t=e.toLowerCase();return t.startsWith("ui_")||t.includes("button")||t.includes("label")?"ui":t.startsWith("bg_")||t.includes("background")?"backgrounds":t.includes("character")||t.includes("player")?"character":"environment"}fileToDataUrl(e){return new Promise(t=>{let i=new FileReader;i.onload=()=>t(i.result),i.onerror=()=>t(null),i.readAsDataURL(e)})}async handleZipUpload(e){var n;let i=(n=e.target.files)==null?void 0:n[0];if(i){this.zipFile=i,this.setStatus("zip",`Selected: ${i.name} (${(i.size/1024/1024).toFixed(2)} MB)`);try{await this.processZipFile(i)}catch(a){console.error("[BrandVision] ZIP processing failed:",a),this.setStatus("zip",`Error: ${a instanceof Error?a.message:"Unknown error"}`)}}}async processZipFile(e){var l;let t=null;if(typeof window!="undefined"&&window.JSZip)t=window.JSZip,console.log("[BrandVision] \u2705 Found window.JSZip");else try{let c=await import("jszip");t=c.default||c,console.log("[BrandVision] \u2705 Loaded JSZip via dynamic import")}catch(c){throw new Error(`JSZip is not properly imported. Make sure jszip is loaded globally (window.JSZip) or available as a module: ${(c==null?void 0:c.message)||"Unknown error"}`)}if(!t||typeof t.loadAsync!="function")throw new Error("JSZip is not properly imported - loadAsync method not found");let i=await t.loadAsync(e),n=[],a=[];i.forEach((c,d)=>{let p=c.toLowerCase();p.endsWith(".json")?n.push({name:c,content:null}):p.startsWith("assets/")&&p.endsWith(".png")&&a.push({name:c,file:d})});for(let c of n)try{let d=await((l=i.file(c.name))==null?void 0:l.async("text"));d&&(c.content=JSON.parse(d))}catch(d){console.warn(`Failed to parse ${c.name}:`,d)}let s=[];for(let c of a)try{let d=await c.file.async("uint8array"),p=new Blob([d],{type:"image/png"}),u=c.name.split("/").pop()||c.name;console.log(`Processing ${u}, uint8array length: ${d.length}, blob size: ${p.size}`);let g;try{g=await this.blobToDataUrl(p)}catch(h){console.warn(`FileReader failed for ${u}, using fallback:`,h),g=`data:image/png;base64,${btoa(String.fromCharCode.apply(null,Array.from(d)))}`}if(!g.startsWith("data:image/png;base64,")){console.warn(`Invalid data URL format for ${u}:`,g.substring(0,100));continue}s.push({filename:u,dataUrl:g})}catch(d){console.warn(`Failed to extract ${c.name}:`,d)}let r=null;for(let c of n){let d=c.name.toLowerCase();if(d.includes("positionnormalizedpack")||d.includes("positionnormalized")){r=c.content,console.log(`[BrandVision] Found position data file: ${c.name}`,{hasContent:!!r,isString:typeof r=="string",isObject:typeof r=="object",hasLayers:r!=null&&r.layers?r.layers.length:0});break}}if(r||console.warn("[BrandVision] No positionnormalizedpack.json found in ZIP. Available JSON files:",n.map(c=>c.name)),s.length>0){await this.showCanvaZipWizard(s,r),this.setStatus("zip",`\u2705 Wizard completed - ${s.length} assets processed`);return}else{this.setStatus("zip","\u26A0\uFE0F No PNG files found in ZIP");return}}async showCanvaZipWizard(e,t){return new Promise(i=>{let n=e.filter(r=>!this.wizardProcessedAssets.has(r.filename));if(n.length===0){console.log("[BrandVision] All assets already processed by wizard"),i();return}let a=document.createElement("div");document.body.appendChild(a),new Mi().initialize(a,n,t,{onComplete:r=>{console.log("[BrandVision] Wizard completed, processed assets:",r),r.forEach(l=>{this.wizardProcessedAssets.add(l.filename)}),a.remove(),i()},onCancel:()=>{console.log("[BrandVision] Wizard cancelled"),a.remove(),i()}})})}async blobToDataUrl(e){return new Promise((t,i)=>{let n=new FileReader;n.onload=()=>{let a=n.result;console.log("FileReader result type:",typeof a,"length:",a.length),console.log("Data URL prefix:",a.substring(0,30)),t(a)},n.onerror=a=>{console.error("FileReader error:",a),i(a)},n.readAsDataURL(e)})}inferAssetCategory(e){let t=e.toLowerCase();return t.includes("background")||t.includes("bg")?"backgrounds":t.includes("ui")||t.includes("button")||t.includes("cta")||t.includes("logo")||t.includes("text")?"ui":t.includes("sparkle")||t.includes("effect")||t.includes("particle")?"effects":t.includes("bottle")||t.includes("product")||t.includes("item")?"products":"misc"}addAssetsToRegistry(e){let t=window.getEditableAssets;if(typeof t!="function")return;let i=t();if(!(i!=null&&i.libraryAssets))return;let n={};for(let a of e){let s=a.category||"misc";n[s]||(n[s]=[]),i.libraryAssets[s]||(i.libraryAssets[s]=[]),i.libraryAssets[s].some(l=>l.filename===a.filename)||(i.libraryAssets[s].unshift({filename:a.filename,displayName:a.id.replace(/_/g," ").replace(/\b\w/g,l=>l.toUpperCase())}),console.log(`[BrandVision] Added ${a.filename} to registry category ${s}`))}}refreshLibrary(){let e=window.refreshAssetLibrary;typeof e=="function"&&e();let t=window.reRenderAssetLibrary;typeof t=="function"&&t()}async handleManifestUpload(e){var s;let t=e.target,i=t.files;if(!i||i.length===0)return;this.uploadedJsons.clear(),this.normalizedManifest=null,this.mappingResult=null;let n="";for(let r of Array.from(i))try{let l=await r.text(),c=JSON.parse(l);this.uploadedJsons.set(r.name,c),c.layers?n+=`\u2705 Layers: ${r.name}
|
|
1536
|
+
`}initialize(e,t){this.root=e.querySelector('[data-panel="brand-vision"]'),this.onClose=t,this.root&&(this.attachEventListeners(),this.setupResizeHandle())}attachEventListeners(){var t,i,n,a,s,r,l,c,d,p,g,u,h,m;if(!this.root)return;(t=this.root.querySelector("[data-panel-close]"))==null||t.addEventListener("click",()=>{if(this.onClose)this.onClose();else{let f="/dashboard";window.location.pathname!==f&&(window.location.href=f)}}),this.root.querySelectorAll("[data-vision-tab]").forEach(f=>{f.addEventListener("click",()=>{let b=f.dataset.visionTab;this.switchTab(b)})}),(i=this.root.querySelector("[data-vision-upload-method]"))==null||i.addEventListener("change",f=>{let b=f.target.value;this.switchUploadMethod(b)}),(n=this.root.querySelector("[data-vision-upload-manifest]"))==null||n.addEventListener("click",()=>{var f,b;(b=(f=this.root)==null?void 0:f.querySelector("[data-vision-manifest-input]"))==null||b.click()}),(a=this.root.querySelector("[data-vision-upload-batch-png]"))==null||a.addEventListener("click",()=>{var f,b;(b=(f=this.root)==null?void 0:f.querySelector("[data-vision-batch-png-input]"))==null||b.click()}),(s=this.root.querySelector("[data-vision-batch-png-input]"))==null||s.addEventListener("change",f=>{this.handleBatchPNGUpload(f)}),(r=this.root.querySelector("[data-vision-upload-zip]"))==null||r.addEventListener("click",()=>{var f,b;(b=(f=this.root)==null?void 0:f.querySelector("[data-vision-zip-input]"))==null||b.click()}),(l=this.root.querySelector("[data-vision-zip-input]"))==null||l.addEventListener("change",f=>{this.handleZipUpload(f)}),(c=this.root.querySelector("[data-vision-manifest-input]"))==null||c.addEventListener("change",f=>{this.handleManifestUpload(f)}),(d=this.root.querySelector("[data-vision-upload-assets]"))==null||d.addEventListener("click",()=>{var f,b;(b=(f=this.root)==null?void 0:f.querySelector("[data-vision-assets-input]"))==null||b.click()}),(p=this.root.querySelector("[data-vision-assets-input]"))==null||p.addEventListener("change",f=>{this.handleAssetsUpload(f)}),(g=this.root.querySelector("[data-vision-upload-flat]"))==null||g.addEventListener("click",()=>{var f,b;(b=(f=this.root)==null?void 0:f.querySelector("[data-vision-flat-input]"))==null||b.click()}),(u=this.root.querySelector("[data-vision-flat-input]"))==null||u.addEventListener("change",f=>{this.handleFlatDesignUpload(f)}),(h=this.root.querySelector("[data-vision-generate-all]"))==null||h.addEventListener("click",()=>{this.generateAllMissing()}),(m=this.root.querySelector("[data-vision-apply-all]"))==null||m.addEventListener("click",()=>{this.applyAll()});let e=this.root.querySelector("[data-vision-mappings]");e==null||e.addEventListener("click",f=>{let b=f.target;if(!b)return;let y=b.closest("[data-mapping-item]"),w=y==null?void 0:y.dataset.mappingItem;w&&(b.closest("[data-mapping-apply-one]")&&this.applyOne(w),b.closest("[data-mapping-save-one]")&&this.saveAndApplyOne(w),b.closest("[data-mapping-edit-one]")&&this.openEditorForOne(w),b.closest("[data-mapping-generate-one]")&&this.generateOne(w),b.closest("[data-mapping-copy-raw]")&&this.copyRawAnalysis())}),e==null||e.addEventListener("change",f=>{let b=f.target;if(!b||!this.mappingResult)return;let y=b.closest("[data-mapping-item]"),w=y==null?void 0:y.dataset.mappingItem;if(!w)return;let v=this.mappingResult.mappings.find(L=>L.game_object===w);v&&(b.matches("[data-mapping-action]")&&(v.action=String(b.value||"KEEP"),v.status="Edited",this.renderMappings()),b.matches("[data-mapping-brand-asset]")&&(v.brand_asset=String(b.value||""),v.status="Edited",this.renderMappings()))}),e==null||e.addEventListener("input",f=>{let b=f.target;if(!b||!this.mappingResult||!b.matches("[data-mapping-prompt]"))return;let y=b.closest("[data-mapping-item]"),w=y==null?void 0:y.dataset.mappingItem;if(!w)return;let v=this.mappingResult.mappings.find(L=>L.game_object===w);v&&(v.generation_prompt=String(b.value||""),v.status="Edited")})}switchTab(e){var t,i;this.root&&(this.currentTab=e,this.root.querySelectorAll("[data-vision-tab]").forEach(n=>n.classList.remove("active")),this.root.querySelectorAll("[data-vision-content]").forEach(n=>n.classList.remove("active")),(t=this.root.querySelector(`[data-vision-tab="${e}"]`))==null||t.classList.add("active"),(i=this.root.querySelector(`[data-vision-content="${e}"]`))==null||i.classList.add("active"))}switchUploadMethod(e){var t;this.root&&(this.uploadMethod=e,this.root.querySelectorAll("[data-vision-upload-section]").forEach(i=>{i.classList.remove("active")}),(t=this.root.querySelector(`[data-vision-upload-section="${e}"]`))==null||t.classList.add("active"))}async handleBatchPNGUpload(e){var s;let t=e.target,i=Array.from(t.files||[]);if(i.length===0)return;let n=i.filter(r=>r.type.startsWith("image/"));if(n.length===0){this.setStatus("upload","\u26A0\uFE0F No image files selected");return}let a=(s=this.root)==null?void 0:s.querySelector("[data-vision-batch-png-status]");a&&(a.textContent=`Processing ${n.length} PNG${n.length>1?"s":""}...`);try{let r=window.__HANDLER_ACTIVE_SCREEN,l=r==="loading"||r==="start"||r==="gameplay"||r==="tutorial"||r==="endgame"?r:"gameplay",c=[];for(let u=0;u<n.length;u++){let h=n[u];try{let m=await this.fileToDataUrl(h);if(!m){c.push({success:!1,filename:h.name,error:"Failed to read file"});continue}let f=h.name.replace(/\.[^/.]+$/,""),b=this.inferCategoryFromFilename(f),y=f.replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"").toLowerCase(),w=`${y}_${Date.now()}${u>0?`_${u}`:""}`,v=`json.${w}`,L=`${y}.png`,_=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:b,filename:L,data:m,overwrite:!1})})).json();if(!_.success){c.push({success:!1,filename:h.name,error:_.error});continue}let P={identity:{id:v,category:b},transform:{anchor:"center",position:{x:0,y:0},scale:1,rotation:0},render:{z_index:0,alpha:1,visible:!0,anchor:{x:.5,y:.5},asset:{type:"image",path:_.path||`raw/library/${b}/${L}`}}},M=await fetch("/api/objects/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:l,instanceId:w,objectConfigId:v,config:P,layer:b==="ui"?"ui":"world"})}),T=await M.json();M.ok&&T.success?c.push({success:!0,filename:h.name}):c.push({success:!1,filename:h.name,error:T.error})}catch(m){c.push({success:!1,filename:h.name,error:m instanceof Error?m.message:String(m)})}}let d=c.filter(u=>u.success).length,p=c.length-d;a&&(p===0?a.textContent=`\u2705 Added ${d} PNG${d>1?"s":""} to scene`:a.textContent=`\u26A0\uFE0F Added ${d}, failed ${p}`),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh"));let g=window.refreshAssetLibrary;typeof g=="function"&&g(),t.value=""}catch(r){a&&(a.textContent=`\u274C Error: ${r instanceof Error?r.message:String(r)}`),console.error("[BrandVision] Batch PNG upload failed:",r)}}inferCategoryFromFilename(e){let t=e.toLowerCase();return t.startsWith("ui_")||t.includes("button")||t.includes("label")?"ui":t.startsWith("bg_")||t.includes("background")?"backgrounds":t.includes("character")||t.includes("player")?"character":"environment"}fileToDataUrl(e){return new Promise(t=>{let i=new FileReader;i.onload=()=>t(i.result),i.onerror=()=>t(null),i.readAsDataURL(e)})}async handleZipUpload(e){var n;let i=(n=e.target.files)==null?void 0:n[0];if(i){this.zipFile=i,this.setStatus("zip",`Selected: ${i.name} (${(i.size/1024/1024).toFixed(2)} MB)`);try{await this.processZipFile(i)}catch(a){console.error("[BrandVision] ZIP processing failed:",a),this.setStatus("zip",`Error: ${a instanceof Error?a.message:"Unknown error"}`)}}}async processZipFile(e){var l;let t=null;if(typeof window!="undefined"&&window.JSZip)t=window.JSZip,console.log("[BrandVision] \u2705 Found window.JSZip");else try{let c=await import("jszip");t=c.default||c,console.log("[BrandVision] \u2705 Loaded JSZip via dynamic import")}catch(c){throw new Error(`JSZip is not properly imported. Make sure jszip is loaded globally (window.JSZip) or available as a module: ${(c==null?void 0:c.message)||"Unknown error"}`)}if(!t||typeof t.loadAsync!="function")throw new Error("JSZip is not properly imported - loadAsync method not found");let i=await t.loadAsync(e),n=[],a=[];i.forEach((c,d)=>{let p=c.toLowerCase();p.endsWith(".json")?n.push({name:c,content:null}):p.startsWith("assets/")&&p.endsWith(".png")&&a.push({name:c,file:d})});for(let c of n)try{let d=await((l=i.file(c.name))==null?void 0:l.async("text"));d&&(c.content=JSON.parse(d))}catch(d){console.warn(`Failed to parse ${c.name}:`,d)}let s=[];for(let c of a)try{let d=await c.file.async("uint8array"),p=new Blob([d],{type:"image/png"}),g=c.name.split("/").pop()||c.name;console.log(`Processing ${g}, uint8array length: ${d.length}, blob size: ${p.size}`);let u;try{u=await this.blobToDataUrl(p)}catch(h){console.warn(`FileReader failed for ${g}, using fallback:`,h),u=`data:image/png;base64,${btoa(String.fromCharCode.apply(null,Array.from(d)))}`}if(!u.startsWith("data:image/png;base64,")){console.warn(`Invalid data URL format for ${g}:`,u.substring(0,100));continue}s.push({filename:g,dataUrl:u})}catch(d){console.warn(`Failed to extract ${c.name}:`,d)}let r=null;for(let c of n){let d=c.name.toLowerCase();if(d.includes("positionnormalizedpack")||d.includes("positionnormalized")){r=c.content,console.log(`[BrandVision] Found position data file: ${c.name}`,{hasContent:!!r,isString:typeof r=="string",isObject:typeof r=="object",hasLayers:r!=null&&r.layers?r.layers.length:0});break}}if(r||console.warn("[BrandVision] No positionnormalizedpack.json found in ZIP. Available JSON files:",n.map(c=>c.name)),s.length>0){await this.showCanvaZipWizard(s,r),this.setStatus("zip",`\u2705 Wizard completed - ${s.length} assets processed`);return}else{this.setStatus("zip","\u26A0\uFE0F No PNG files found in ZIP");return}}async showCanvaZipWizard(e,t){return new Promise(i=>{let n=e.filter(r=>!this.wizardProcessedAssets.has(r.filename));if(n.length===0){console.log("[BrandVision] All assets already processed by wizard"),i();return}let a=document.createElement("div");document.body.appendChild(a),new Mi().initialize(a,n,t,{onComplete:r=>{console.log("[BrandVision] Wizard completed, processed assets:",r),r.forEach(l=>{this.wizardProcessedAssets.add(l.filename)}),a.remove(),i()},onCancel:()=>{console.log("[BrandVision] Wizard cancelled"),a.remove(),i()}})})}async blobToDataUrl(e){return new Promise((t,i)=>{let n=new FileReader;n.onload=()=>{let a=n.result;console.log("FileReader result type:",typeof a,"length:",a.length),console.log("Data URL prefix:",a.substring(0,30)),t(a)},n.onerror=a=>{console.error("FileReader error:",a),i(a)},n.readAsDataURL(e)})}inferAssetCategory(e){let t=e.toLowerCase();return t.includes("background")||t.includes("bg")?"backgrounds":t.includes("ui")||t.includes("button")||t.includes("cta")||t.includes("logo")||t.includes("text")?"ui":t.includes("sparkle")||t.includes("effect")||t.includes("particle")?"effects":t.includes("bottle")||t.includes("product")||t.includes("item")?"products":"misc"}addAssetsToRegistry(e){let t=window.getEditableAssets;if(typeof t!="function")return;let i=t();if(!(i!=null&&i.libraryAssets))return;let n={};for(let a of e){let s=a.category||"misc";n[s]||(n[s]=[]),i.libraryAssets[s]||(i.libraryAssets[s]=[]),i.libraryAssets[s].some(l=>l.filename===a.filename)||(i.libraryAssets[s].unshift({filename:a.filename,displayName:a.id.replace(/_/g," ").replace(/\b\w/g,l=>l.toUpperCase())}),console.log(`[BrandVision] Added ${a.filename} to registry category ${s}`))}}refreshLibrary(){let e=window.refreshAssetLibrary;typeof e=="function"&&e();let t=window.reRenderAssetLibrary;typeof t=="function"&&t()}async handleManifestUpload(e){var s;let t=e.target,i=t.files;if(!i||i.length===0)return;this.uploadedJsons.clear(),this.normalizedManifest=null,this.mappingResult=null;let n="";for(let r of Array.from(i))try{let l=await r.text(),c=JSON.parse(l);this.uploadedJsons.set(r.name,c),c.layers?n+=`\u2705 Layers: ${r.name}
|
|
1537
1537
|
`:c.brand_dna||c.colors?n+=`\u2705 Brand: ${r.name}
|
|
1538
1538
|
`:n+=`\u2705 Loaded: ${r.name}
|
|
1539
1539
|
`}catch{n+=`\u274C Error in ${r.name}
|
|
1540
|
-
`}try{this.normalizedManifest=
|
|
1540
|
+
`}try{this.normalizedManifest=Is(Array.from(this.uploadedJsons.values()),{defaultBrandName:"Imported Brand"});let r=Array.isArray((s=this.normalizedManifest)==null?void 0:s.assets)?this.normalizedManifest.assets.length:0;n+=`
|
|
1541
1541
|
\u{1F4E6} Normalized manifest: ${r} assets`,n+=`
|
|
1542
1542
|
\u{1F3F7}\uFE0F Brand: ${this.normalizedManifest.brand_name||"Imported Brand"}`,console.info("[BrandVision] Normalized manifest",{jsonFiles:Array.from(this.uploadedJsons.keys()),assetsType:typeof this.normalizedManifest.assets,assetsCount:r,brandName:this.normalizedManifest.brand_name})}catch(r){console.error("[BrandVision] Failed to normalize manifest:",r),this.normalizedManifest=null,n+=`
|
|
1543
1543
|
\u274C Failed to normalize manifest`}t.value="";let a=n.trim();this.uploadedJsons.size>0?this.setStatus("manifest",`${a}
|
|
1544
|
-
\u2705 JSONs ready - now upload PNGs to open wizard`):this.setStatus("manifest",a)}async handleAssetsUpload(e){console.log("[BrandVision] handleAssetsUpload called",e);let t=e.target,i=t.files;if(console.log("[BrandVision] Files object:",i),!i||i.length===0){console.log("[BrandVision] No files selected");return}console.log(`[BrandVision] handleAssetsUpload: ${i.length} files selected`);for(let r=0;r<i.length;r++)console.log(`[BrandVision] File ${r}: ${i[r].name}, type: ${i[r].type}, size: ${i[r].size}`);let n=[];for(let r of Array.from(i)){if(console.log(`[BrandVision] Processing file: ${r.name}, type: ${r.type}`),!r.type.startsWith("image/")){console.log(`[BrandVision] Skipping non-image file: ${r.name}`),this.assetFiles.set(r.name,r);continue}try{let l=await this.fileToDataUrl(r);l?(n.push({filename:r.name,dataUrl:l}),console.log(`[BrandVision] \u2705 Converted ${r.name} to data URL (length: ${l.length})`)):(console.error(`[BrandVision] Failed to convert ${r.name} to data URL`),this.assetFiles.set(r.name,r))}catch(l){console.error(`[BrandVision] Failed to process ${r.name}:`,l),this.assetFiles.set(r.name,r)}}console.log(`[BrandVision] Extracted ${n.length} image assets`);let a=this.uploadedJsons.size>0,s=n.length>0;if(console.log(`[BrandVision] Individual upload check: JSONs=${a}, Images=${s}`),a&&s){console.log("[BrandVision] Both JSONs and images present - showing wizard"),this.setStatus("assets",`Processing ${n.length} images...`);let r=null;console.log("[BrandVision] Checking uploaded JSONs for position data:",Array.from(this.uploadedJsons.keys()));for(let[l,c]of this.uploadedJsons.entries()){let d=l.toLowerCase();if(console.log(`[BrandVision] Checking JSON: ${l} (lowercase: ${d})`),d.includes("positionnormalizedpack")||d.includes("positionnormalized")){r=c,console.log("[BrandVision] \u2705 Found position data in:",l,{hasContent:!!r,isString:typeof r=="string",isObject:typeof r=="object",hasLayers:r!=null&&r.layers?r.layers.length:0,contentPreview:typeof r=="object"?JSON.stringify(r).substring(0,200):String(r).substring(0,200)});break}}r||console.warn("[BrandVision] \u26A0\uFE0F No position data found. Uploaded JSON files:",Array.from(this.uploadedJsons.keys())),console.log("[BrandVision] Opening wizard with assets:",n.map(l=>l.filename)),await this.showCanvaZipWizard(n,r),console.log("[BrandVision] Wizard completed successfully"),this.setStatus("assets",`\u2705 Wizard completed - ${n.length} assets processed`)}else console.log("[BrandVision] Waiting for both JSONs and images. Current state:",{jsons:this.uploadedJsons.size,images:n.length}),a?this.setStatus("assets",`Uploaded ${n.length} images. JSONs ready - wizard should open now.`):this.setStatus("assets","\u26A0\uFE0F Upload JSONs first, then PNGs to open wizard");t.value=""}async handleFlatDesignUpload(e){var a,s;let i=(a=e.target.files)==null?void 0:a[0];if(!i)return;let n=await Ve(i);if(n){this.flatDesignDataUrl=n.dataUrl,this.setStatus("flat",`\u{1F3A8} ${i.name}`);let r=(s=this.root)==null?void 0:s.querySelector("[data-vision-flat-preview]");r&&(r.innerHTML=`<img src="${n.dataUrl}" style="max-width:100%;max-height:100px;border-radius:4px;">`)}}async runAnalysis(){var i,n,a,s,r,l,c;if(this.isAnalyzing)return;let e=(a=(n=(i=this.root)==null?void 0:i.querySelector("[data-vision-api-key]"))==null?void 0:n.value)==null?void 0:a.trim();if(!e){this.setStatus("upload","Missing API key");return}let t=this.manifest;if(!t){this.setStatus("upload","Upload manifest first");return}Array.isArray(t.assets)||console.warn("[BrandVision] Manifest assets not array at analysis time; continuing with normalization fallback.",{assets:t.assets}),this.isAnalyzing=!0,this.setStatus("upload","Analyzing...");try{await
|
|
1544
|
+
\u2705 JSONs ready - now upload PNGs to open wizard`):this.setStatus("manifest",a)}async handleAssetsUpload(e){console.log("[BrandVision] handleAssetsUpload called",e);let t=e.target,i=t.files;if(console.log("[BrandVision] Files object:",i),!i||i.length===0){console.log("[BrandVision] No files selected");return}console.log(`[BrandVision] handleAssetsUpload: ${i.length} files selected`);for(let r=0;r<i.length;r++)console.log(`[BrandVision] File ${r}: ${i[r].name}, type: ${i[r].type}, size: ${i[r].size}`);let n=[];for(let r of Array.from(i)){if(console.log(`[BrandVision] Processing file: ${r.name}, type: ${r.type}`),!r.type.startsWith("image/")){console.log(`[BrandVision] Skipping non-image file: ${r.name}`),this.assetFiles.set(r.name,r);continue}try{let l=await this.fileToDataUrl(r);l?(n.push({filename:r.name,dataUrl:l}),console.log(`[BrandVision] \u2705 Converted ${r.name} to data URL (length: ${l.length})`)):(console.error(`[BrandVision] Failed to convert ${r.name} to data URL`),this.assetFiles.set(r.name,r))}catch(l){console.error(`[BrandVision] Failed to process ${r.name}:`,l),this.assetFiles.set(r.name,r)}}console.log(`[BrandVision] Extracted ${n.length} image assets`);let a=this.uploadedJsons.size>0,s=n.length>0;if(console.log(`[BrandVision] Individual upload check: JSONs=${a}, Images=${s}`),a&&s){console.log("[BrandVision] Both JSONs and images present - showing wizard"),this.setStatus("assets",`Processing ${n.length} images...`);let r=null;console.log("[BrandVision] Checking uploaded JSONs for position data:",Array.from(this.uploadedJsons.keys()));for(let[l,c]of this.uploadedJsons.entries()){let d=l.toLowerCase();if(console.log(`[BrandVision] Checking JSON: ${l} (lowercase: ${d})`),d.includes("positionnormalizedpack")||d.includes("positionnormalized")){r=c,console.log("[BrandVision] \u2705 Found position data in:",l,{hasContent:!!r,isString:typeof r=="string",isObject:typeof r=="object",hasLayers:r!=null&&r.layers?r.layers.length:0,contentPreview:typeof r=="object"?JSON.stringify(r).substring(0,200):String(r).substring(0,200)});break}}r||console.warn("[BrandVision] \u26A0\uFE0F No position data found. Uploaded JSON files:",Array.from(this.uploadedJsons.keys())),console.log("[BrandVision] Opening wizard with assets:",n.map(l=>l.filename)),await this.showCanvaZipWizard(n,r),console.log("[BrandVision] Wizard completed successfully"),this.setStatus("assets",`\u2705 Wizard completed - ${n.length} assets processed`)}else console.log("[BrandVision] Waiting for both JSONs and images. Current state:",{jsons:this.uploadedJsons.size,images:n.length}),a?this.setStatus("assets",`Uploaded ${n.length} images. JSONs ready - wizard should open now.`):this.setStatus("assets","\u26A0\uFE0F Upload JSONs first, then PNGs to open wizard");t.value=""}async handleFlatDesignUpload(e){var a,s;let i=(a=e.target.files)==null?void 0:a[0];if(!i)return;let n=await Ve(i);if(n){this.flatDesignDataUrl=n.dataUrl,this.setStatus("flat",`\u{1F3A8} ${i.name}`);let r=(s=this.root)==null?void 0:s.querySelector("[data-vision-flat-preview]");r&&(r.innerHTML=`<img src="${n.dataUrl}" style="max-width:100%;max-height:100px;border-radius:4px;">`)}}async runAnalysis(){var i,n,a,s,r,l,c;if(this.isAnalyzing)return;let e=(a=(n=(i=this.root)==null?void 0:i.querySelector("[data-vision-api-key]"))==null?void 0:n.value)==null?void 0:a.trim();if(!e){this.setStatus("upload","Missing API key");return}let t=this.manifest;if(!t){this.setStatus("upload","Upload manifest first");return}Array.isArray(t.assets)||console.warn("[BrandVision] Manifest assets not array at analysis time; continuing with normalization fallback.",{assets:t.assets}),this.isAnalyzing=!0,this.setStatus("upload","Analyzing...");try{await $s(t,this.assetFiles);let d={apiKey:e,manifest:t,flatDesignDataUrl:this.flatDesignDataUrl,assetFiles:this.assetFiles,gameObjects:this.getGameObjects(),gamePrompt:await this.getGamePrompt()},p=await Rs(d);this.mappingResult=p.mappingResult,this.analysisRawResponse=p.rawResponse,this.analysisParsedOk=p.parsed,this.analysisParseError=(s=p.parseError)!=null?s:null,this.renderMappings(),p.parsed?(this.setStatus("upload","Analysis complete"),this.setStatus("mapping",`${(c=(l=(r=this.mappingResult)==null?void 0:r.mappings)==null?void 0:l.length)!=null?c:0} objects mapped`)):(this.setStatus("upload","Analysis response was not JSON"),this.setStatus("mapping",`Parse failed: ${p.parseError||"Unknown error"}`)),this.switchTab("mapping")}catch(d){console.error("[BrandVision] Analysis failed:",d),this.setStatus("upload","Analysis failed")}finally{this.isAnalyzing=!1}}async generateAllMissing(){var t,i,n;if(this.isGenerating||!this.mappingResult||!this.manifest)return;let e=(n=(i=(t=this.root)==null?void 0:t.querySelector("[data-vision-api-key]"))==null?void 0:i.value)==null?void 0:n.trim();if(!e){this.setStatus("apply","Missing API key");return}this.isGenerating=!0;try{let a={apiKey:e,manifest:this.manifest,flatDesignDataUrl:this.flatDesignDataUrl,assetFiles:this.assetFiles,gameObjects:this.getGameObjects(),gamePrompt:await this.getGamePrompt()};await xn(a,this.mappingResult,{onProgress:(s,r,l)=>{this.setStatus("apply",`Generating ${s}/${r}: ${l}`),this.renderMappings()}}),this.setStatus("apply","Generation complete"),this.renderMappings()}catch(a){console.error("[BrandVision] Generation failed:",a),this.setStatus("apply","Generation failed")}finally{this.isGenerating=!1}}renderMappings(){var r;let e=(r=this.root)==null?void 0:r.querySelector("[data-vision-mappings]");if(!e||!this.mappingResult)return;let t=this.manifest,i=this.getEngineAssets(),n=!!this.analysisRawResponse&&this.analysisParsedOk===!1,a=((t==null?void 0:t.assets)||[]).map(l=>`<option value="${l.id}">${l.id}</option>`).join(""),s=n?`
|
|
1545
1545
|
<div class="vision-raw-block">
|
|
1546
1546
|
<div class="inspector-text-sm" style="white-space: pre-wrap;">
|
|
1547
1547
|
\u26A0\uFE0F AI response was not valid JSON (${this.analysisParseError||"unknown error"}).
|
|
@@ -1551,7 +1551,7 @@ Generate the requested asset matching the brand style.${o.needsTransparency?" Ba
|
|
|
1551
1551
|
</div>
|
|
1552
1552
|
`:"";e.innerHTML=`
|
|
1553
1553
|
${s}
|
|
1554
|
-
${this.mappingResult.mappings.map(l=>{var b;let c=i[l.game_object]||"",d=l.brand_asset||"",p=(b=t==null?void 0:t.assets)==null?void 0:b.find(y=>y.id===d),
|
|
1554
|
+
${this.mappingResult.mappings.map(l=>{var b;let c=i[l.game_object]||"",d=l.brand_asset||"",p=(b=t==null?void 0:t.assets)==null?void 0:b.find(y=>y.id===d),g=(p==null?void 0:p.dataUrl)||"",u=l.output_dataUrl||"",h=l.action==="GENERATE"?u:l.action==="APPLY"?g:"",m=!!h,f=`
|
|
1555
1555
|
<select class="inspector-input" data-mapping-brand-asset style="flex:1; padding:6px 8px;">
|
|
1556
1556
|
<option value="">Select brand asset\u2026</option>
|
|
1557
1557
|
${a.replace(`value="${d}"`,`value="${d}" selected`)}
|
|
@@ -1604,7 +1604,7 @@ Generate the requested asset matching the brand style.${o.needsTransparency?" Ba
|
|
|
1604
1604
|
</div>
|
|
1605
1605
|
`}).join("")}
|
|
1606
1606
|
`}async applyAll(){let e=await this.stageOverridesFromMappings({saveToLibrary:!1});this.setStatus("apply",e>0?`Staged ${e} asset overrides`:"No assets to stage")}getEngineAssets(){let e=window.getEditableEngineConfig;if(typeof e!="function")return{};let t=e();return t!=null&&t.assets&&typeof t.assets=="object"?t.assets:{}}getPreviewValueForMapping(e){if(!this.mappingResult||!this.manifest)return{value:null,source:"none"};let t=this.mappingResult.mappings.find(i=>i.game_object===e);if(!t)return{value:null,source:"none"};if(t.action==="GENERATE"&&t.output_dataUrl)return{value:t.output_dataUrl,source:"generated"};if(t.action==="APPLY"&&t.brand_asset){let i=this.manifest.assets.find(n=>n.id===t.brand_asset);if(i!=null&&i.dataUrl)return{value:i.dataUrl,source:"brand"}}return{value:null,source:"none"}}async stageOverridesFromMappings(e){if(!this.mappingResult)return 0;let t=0;for(let i of this.mappingResult.mappings){if(i.action==="KEEP"||i.action==="APPLY"&&!i.brand_asset||i.action==="GENERATE"&&!i.output_dataUrl)continue;let n=i.game_object,a=this.getPreviewValueForMapping(n);if(!a.value)continue;let s=e.saveToLibrary?await this.saveToLibraryAndReturnPath(n,a.value):a.value;s&&(await this.stageEngineAssetOverride(n,s),i.status=e.saveToLibrary?"Saved + staged \u2713":"Staged \u2713",t++)}return this.renderMappings(),t}async applyOne(e){var n;let t=this.getPreviewValueForMapping(e);if(!t.value){this.setStatus("apply",`No output to apply for ${e}`);return}await this.stageEngineAssetOverride(e,t.value);let i=(n=this.mappingResult)==null?void 0:n.mappings.find(a=>a.game_object===e);i&&(i.status="Staged \u2713"),this.renderMappings(),this.setStatus("apply",`Staged override for ${e}`)}async saveAndApplyOne(e){var a;let t=this.getPreviewValueForMapping(e);if(!t.value){this.setStatus("apply",`No output to save for ${e}`);return}let i=await this.saveToLibraryAndReturnPath(e,t.value);if(!i){this.setStatus("apply",`Save failed for ${e}`);return}await this.stageEngineAssetOverride(e,i);let n=(a=this.mappingResult)==null?void 0:a.mappings.find(s=>s.game_object===e);n&&(n.status="Saved + staged \u2713"),this.renderMappings(),this.setStatus("apply",`Saved + staged ${e}`)}openEditorForOne(e){if(!this.mappingResult)return;let t=this.mappingResult.mappings.find(s=>s.game_object===e);if(!t)return;let i=this.getPreviewValueForMapping(e),n=window.__openAiEditor;if(typeof n!="function"){this.setStatus("apply","AI editor not available");return}let a=t.action==="GENERATE"?t.generation_prompt:void 0;n(e,a,i.value||void 0,{path:`assets.${e}`})}async generateOne(e){var n,a,s;if(!this.mappingResult||this.isGenerating)return;let t=this.mappingResult.mappings.find(r=>r.game_object===e);if(!t)return;if(t.action="GENERATE",!t.generation_prompt){t.status="Missing prompt",this.renderMappings();return}let i=(s=(a=(n=this.root)==null?void 0:n.querySelector("[data-vision-api-key]"))==null?void 0:a.value)==null?void 0:s.trim();if(!i||!this.manifest){this.setStatus("apply","Missing API key or manifest");return}this.isGenerating=!0,t.status="Generating\u2026",this.renderMappings();try{let r={apiKey:i,manifest:this.manifest,flatDesignDataUrl:this.flatDesignDataUrl,assetFiles:this.assetFiles,gameObjects:this.getGameObjects(),gamePrompt:await this.getGamePrompt()};await xn(r,{mappings:[t]}),t.status=t.output_dataUrl?"Generated \u2713":t.status||"Done"}catch(r){console.error("[BrandVision] generateOne failed:",r),t.status="Failed \u2717"}finally{this.isGenerating=!1,this.renderMappings()}}async stageEngineAssetOverride(e,t){let{applyConfigOverride:i}=await import("./ConfigOverride-XECG7H5B.js");i({path:`assets.${e}`,value:t},{silent:!0});let n=window.applyEditableEngineConfig;typeof n=="function"&&n({assets:{[e]:t}})}async saveToLibraryAndReturnPath(e,t){if(!/^(data:|blob:)/.test(t))return t;let i=this.inferCategoryFromAssetKey(e),n=`${e.replace(/[^a-zA-Z0-9_-]/g,"_")}_vision_${Date.now()}.png`;try{let s=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:i,filename:n,data:t,overwrite:!0})})).json();if(!(s!=null&&s.success)||!(s!=null&&s.path))return console.error("[BrandVision] Save to library failed:",(s==null?void 0:s.error)||s),null;let r=window.addAssetToRegistry;typeof r=="function"&&r(i,n);let l=window.refreshAssetLibrary;return typeof l=="function"&&l(),String(s.path)}catch(a){return console.error("[BrandVision] Save to library error:",a),null}}inferCategoryFromAssetKey(e){let t=window.getEditableAssets;if(typeof t=="function"){let n=t();if(n!=null&&n.slots&&Array.isArray(n.slots)){let s=n.slots.find(r=>r.slotId===e||r.currentAsset===e);if(s!=null&&s.category)return String(s.category)}let a=n==null?void 0:n.categories;if(Array.isArray(a)&&a.length>0){let s=e.toLowerCase(),r=l=>a.find(c=>c.toLowerCase().includes(l));return s.includes("bg")||s.includes("background")?r("background")||a[0]:(s.includes("cta")||s.includes("button")||s.includes("ui")||s.includes("logo"))&&r("ui")||a[0]}}let i=e.toLowerCase();return i.includes("bg")||i.includes("background")?"backgrounds":i.includes("cta")||i.includes("button")||i.includes("ui")||i.includes("logo")?"ui":"misc"}async copyRawAnalysis(){if(this.analysisRawResponse)try{await navigator.clipboard.writeText(this.analysisRawResponse),this.setStatus("mapping","Copied raw analysis to clipboard")}catch{this.setStatus("mapping","Clipboard not available")}}setStatus(e,t){var a;let i={manifest:"[data-vision-manifest-status]",assets:"[data-vision-assets-status]",flat:"[data-vision-flat-status]",zip:"[data-vision-zip-status]",upload:"[data-vision-upload-status]",mapping:"[data-vision-mapping-status]",apply:"[data-vision-apply-status]"},n=(a=this.root)==null?void 0:a.querySelector(i[e]);n&&(n.textContent=t)}getGameObjects(){let e=window.getEditableObjectList;return typeof e=="function"?e():[]}async getGamePrompt(){try{let e=await fetch("./configs/engine/game.prompt.json");if(e.ok)return(await e.json()).game_prompt||""}catch{}return""}setupResizeHandle(){if(!this.root)return;let e=this.root.querySelector("[data-panel-resize]");e&&e.addEventListener("pointerdown",t=>{let i=t.clientX,n=this.root.getBoundingClientRect().width,a=r=>{let l=Math.max(300,n+(r.clientX-i));this.root.style.width=`${l}px`},s=()=>{window.removeEventListener("pointermove",a),window.removeEventListener("pointerup",s)};window.addEventListener("pointermove",a),window.addEventListener("pointerup",s)})}refresh(){}};function Ys(o,e={}){let{includeReference:t=!1,includeMagenta:i=!0,changeLevel:n=5}=e;return[`TASK: ${o}`,`CHANGE_STRENGTH: ${n}/10`,t?"REFERENCE: provided":"REFERENCE: none",i?"BACKGROUND: solid magenta #FF00FF (if possible)":""].filter(Boolean).join(`
|
|
1607
|
-
`)}var Ao=["background_color","text_color","cta_background","cta_text","warning_text_color","endgame_title_color","endgame_subtitle_color","endgame_cta_text_color","endgame_cta_hint_color","endgame_footer_color"],Lo=["cta_hint","cta_label_end"],Ws=[{key:"warning_text",objectId:"label.warning",property:"ui.text"},{key:"endgame_title",objectId:"ui.endgame.title",property:"ui.text"},{key:"endgame_subtitle",objectId:"ui.endgame.subtitle",property:"ui.text"},{key:"endgame_cta_text",objectId:"ui.endgame.cta",property:"ui.text"},{key:"endgame_cta_hint_text",objectId:"ui.endgame.cta.hint",property:"ui.text"},{key:"endgame_footer_text",objectId:"ui.endgame.footer",property:"ui.text"}],ko=["brand.primary","brand.heading","brand.body","brand.warning"],
|
|
1607
|
+
`)}var Ao=["background_color","text_color","cta_background","cta_text","warning_text_color","endgame_title_color","endgame_subtitle_color","endgame_cta_text_color","endgame_cta_hint_color","endgame_footer_color"],Lo=["cta_hint","cta_label_end"],Ws=[{key:"warning_text",objectId:"label.warning",property:"ui.text"},{key:"endgame_title",objectId:"ui.endgame.title",property:"ui.text"},{key:"endgame_subtitle",objectId:"ui.endgame.subtitle",property:"ui.text"},{key:"endgame_cta_text",objectId:"ui.endgame.cta",property:"ui.text"},{key:"endgame_cta_hint_text",objectId:"ui.endgame.cta.hint",property:"ui.text"},{key:"endgame_footer_text",objectId:"ui.endgame.footer",property:"ui.text"}],ko=["brand.primary","brand.heading","brand.body","brand.warning"],_i=class{constructor(){this.root=null;this.assetsContainer=null;this.colorsContainer=null;this.fontsContainer=null;this.textsContainer=null;this.audioContainer=null;this.options=null;this.previewModal=null;this.autoApplyTimer=null;this.activePreviewKey=null;this.activePreviewValue=null;this.activePreviewFileInput=null;this.retryTimer=null;this.aiModal=null;this.aiTargetKey=null;this.aiKeyInput=null;this.aiPromptInput=null;this.aiStrengthInput=null;this.aiStrengthValue=null;this.aiModelSelect=null;this.aiModalSubtitle=null;this.aiGalleryToggle=null;this.aiGalleryEl=null;this.aiGalleryGrid=null;this.aiReferenceInput=null;this.aiReferenceName=null;this.aiReferenceFile=null;this.aiRemoveBgToggle=null;this.aiUseOutputToggle=null;this.aiGenerateBtn=null;this.aiApplyBtn=null;this.aiSaveLibraryBtn=null;this.aiCropBtn=null;this.aiDownloadBtn=null;this.aiPreviewImg=null;this.aiStatusEl=null;this.aiOutputDataUrl=null;this.aiBaseDataUrl=null;this.aiBaseValue=null;this.aiOutputKey=null;this.aiContext=null;this.aiBgToleranceInput=null;this.aiBgToleranceValue=null;this.aiRawOutputDataUrl=null;this.aiLoadingEl=null}render(){return`
|
|
1608
1608
|
<div class="scene-panel customize-panel panel-accent-blue" data-panel="customize-settings">
|
|
1609
1609
|
<div class="scene-panel-header" data-panel-handle>
|
|
1610
1610
|
<div class="panel-title">
|
|
@@ -1662,7 +1662,7 @@ Generate the requested asset matching the brand style.${o.needsTransparency?" Ba
|
|
|
1662
1662
|
</div>
|
|
1663
1663
|
<div class="panel-resize-handle" data-panel-resize></div>
|
|
1664
1664
|
</div>
|
|
1665
|
-
`}initialize(e,t){var n,a,s,r,l,c;this.options=t,this.root=e.querySelector('[data-panel="customize-settings"]'),this.assetsContainer=(n=this.root)==null?void 0:n.querySelector("[data-customize-assets]"),this.colorsContainer=(a=this.root)==null?void 0:a.querySelector("[data-customize-colors]"),this.fontsContainer=(s=this.root)==null?void 0:s.querySelector("[data-customize-fonts]"),this.textsContainer=(r=this.root)==null?void 0:r.querySelector("[data-customize-texts]"),this.audioContainer=(l=this.root)==null?void 0:l.querySelector("[data-customize-audio]");let i=(c=this.root)==null?void 0:c.querySelector("[data-customize-apply]");i==null||i.addEventListener("click",()=>this.handleApply()),this.setupRenderModeHandlers(),this.setupResizeHandle(),this.refresh()}setupRenderModeHandlers(){var i,n;let e=(i=this.root)==null?void 0:i.querySelector('[data-render-mode="endgame-png"]'),t=(n=this.root)==null?void 0:n.querySelector('[data-render-mode="splash-png"]');e==null||e.addEventListener("change",()=>{this.applyEndgamePngMode(e.checked)}),t==null||t.addEventListener("change",()=>{this.applySplashPngMode(t.checked)})}applyEndgamePngMode(e){let t=window.getEditableObjectConfig,i=window.applyEditableObjectConfig;if(typeof t!="function"||typeof i!="function")return;let n=["ui_endgame_title_1","ui_endgame_subtitle_1","ui_endgame_logo_1","ui_endgame_cta_1"];for(let a of n){let s=t(a);s&&(s.ui||(s.ui={}),s.ui.renderMode=e?"png":"text",e&&(s.render||(s.render={}),s.render.asset||(s.render.asset={type:"image",path:""}),s.render.asset.type="image"),i(a,s))}console.log("[CustomizePanel] EndGame PNG mode:",e?"enabled":"disabled")}applySplashPngMode(e){let t=window.applyEditableEngineConfig;typeof t=="function"&&(t({splash:{type:e?"image":"text",image_path:e?"library/splash/splash.png":""}}),console.log("[CustomizePanel] Splash PNG mode:",e?"enabled":"disabled"))}openAiEditor(e,t,i,n){this.openAiModal(e,i,n),t&&this.aiPromptInput&&(this.aiPromptInput.value=t,this.setAiStatus("Prompt loaded."))}refresh(){var t,i,n,a,s,r,l,c;let e=this.getEngineSnapshot();if(!e){this.scheduleRetry();return}console.log("[CustomizePanel] Snapshot assets count:",Object.keys(e.assets||{}).length),this.renderAssets(e.assets),this.renderColors((i=(t=e.runtime)==null?void 0:t.theme)!=null?i:{}),this.renderFonts((a=(n=e.runtime)==null?void 0:n.fonts)!=null?a:{}),this.renderTexts((r=(s=e.runtime)==null?void 0:s.ui)!=null?r:{}),this.renderAudio((c=(l=e.runtime)==null?void 0:l.audio)!=null?c:{})}getEngineSnapshot(){let e=window.getEditableEngineConfig;return typeof e!="function"?null:e()}renderAssets(e){if(!this.assetsContainer)return;this.assetsContainer.innerHTML="";let t=Object.entries(e!=null?e:{});if(!t.length){this.assetsContainer.innerHTML='<div class="customize-empty">No assets found.</div>',this.scheduleRetry();return}this.clearRetry(),t.forEach(([i,n])=>{var
|
|
1665
|
+
`}initialize(e,t){var n,a,s,r,l,c;this.options=t,this.root=e.querySelector('[data-panel="customize-settings"]'),this.assetsContainer=(n=this.root)==null?void 0:n.querySelector("[data-customize-assets]"),this.colorsContainer=(a=this.root)==null?void 0:a.querySelector("[data-customize-colors]"),this.fontsContainer=(s=this.root)==null?void 0:s.querySelector("[data-customize-fonts]"),this.textsContainer=(r=this.root)==null?void 0:r.querySelector("[data-customize-texts]"),this.audioContainer=(l=this.root)==null?void 0:l.querySelector("[data-customize-audio]");let i=(c=this.root)==null?void 0:c.querySelector("[data-customize-apply]");i==null||i.addEventListener("click",()=>this.handleApply()),this.setupRenderModeHandlers(),this.setupResizeHandle(),this.refresh()}setupRenderModeHandlers(){var i,n;let e=(i=this.root)==null?void 0:i.querySelector('[data-render-mode="endgame-png"]'),t=(n=this.root)==null?void 0:n.querySelector('[data-render-mode="splash-png"]');e==null||e.addEventListener("change",()=>{this.applyEndgamePngMode(e.checked)}),t==null||t.addEventListener("change",()=>{this.applySplashPngMode(t.checked)})}applyEndgamePngMode(e){let t=window.getEditableObjectConfig,i=window.applyEditableObjectConfig;if(typeof t!="function"||typeof i!="function")return;let n=["ui_endgame_title_1","ui_endgame_subtitle_1","ui_endgame_logo_1","ui_endgame_cta_1"];for(let a of n){let s=t(a);s&&(s.ui||(s.ui={}),s.ui.renderMode=e?"png":"text",e&&(s.render||(s.render={}),s.render.asset||(s.render.asset={type:"image",path:""}),s.render.asset.type="image"),i(a,s))}console.log("[CustomizePanel] EndGame PNG mode:",e?"enabled":"disabled")}applySplashPngMode(e){let t=window.applyEditableEngineConfig;typeof t=="function"&&(t({splash:{type:e?"image":"text",image_path:e?"library/splash/splash.png":""}}),console.log("[CustomizePanel] Splash PNG mode:",e?"enabled":"disabled"))}openAiEditor(e,t,i,n){this.openAiModal(e,i,n),t&&this.aiPromptInput&&(this.aiPromptInput.value=t,this.setAiStatus("Prompt loaded."))}refresh(){var t,i,n,a,s,r,l,c;let e=this.getEngineSnapshot();if(!e){this.scheduleRetry();return}console.log("[CustomizePanel] Snapshot assets count:",Object.keys(e.assets||{}).length),this.renderAssets(e.assets),this.renderColors((i=(t=e.runtime)==null?void 0:t.theme)!=null?i:{}),this.renderFonts((a=(n=e.runtime)==null?void 0:n.fonts)!=null?a:{}),this.renderTexts((r=(s=e.runtime)==null?void 0:s.ui)!=null?r:{}),this.renderAudio((c=(l=e.runtime)==null?void 0:l.audio)!=null?c:{})}getEngineSnapshot(){let e=window.getEditableEngineConfig;return typeof e!="function"?null:e()}renderAssets(e){if(!this.assetsContainer)return;this.assetsContainer.innerHTML="";let t=Object.entries(e!=null?e:{});if(!t.length){this.assetsContainer.innerHTML='<div class="customize-empty">No assets found.</div>',this.scheduleRetry();return}this.clearRetry(),t.forEach(([i,n])=>{var g;let a=document.createElement("div");a.className="customize-row";let s=document.createElement("span");s.className="customize-key",s.textContent=i;let r=document.createElement("input");r.type="text",r.value=n!=null?n:"",r.className="customize-input",r.dataset.assetKey=i,r.addEventListener("input",()=>{this.handleAssetValueChange(i,r)});let l=document.createElement("div");l.className="customize-actions";let c=document.createElement("button");c.type="button",c.className="customize-icon-btn",c.title="Preview asset",c.innerHTML=`
|
|
1666
1666
|
<svg viewBox="0 0 24 24" aria-hidden="true">
|
|
1667
1667
|
<path d="M12 5c5.2 0 9.2 3.7 10 6.8-.8 3.1-4.8 6.8-10 6.8S2.8 14.9 2 11.8C2.8 8.7 6.8 5 12 5z" />
|
|
1668
1668
|
<circle cx="12" cy="12" r="3.2" />
|
|
@@ -1672,7 +1672,7 @@ Generate the requested asset matching the brand style.${o.needsTransparency?" Ba
|
|
|
1672
1672
|
<path d="M12 3l4 4h-3v6h-2V7H8l4-4z" />
|
|
1673
1673
|
<path d="M5 14v4h14v-4h2v6H3v-6h2z" />
|
|
1674
1674
|
</svg>
|
|
1675
|
-
`;let p=document.createElement("input");p.type="file",p.accept="image/*,audio/*,application/json",p.className="customize-file",p.addEventListener("change",()=>{var h;let
|
|
1675
|
+
`;let p=document.createElement("input");p.type="file",p.accept="image/*,audio/*,application/json",p.className="customize-file",p.addEventListener("change",()=>{var h;let u=(h=p.files)==null?void 0:h[0];u&&this.handleAssetUpload(u,r,i)}),d.addEventListener("click",()=>p.click()),l.appendChild(c),l.appendChild(d),l.appendChild(p),a.appendChild(s),a.appendChild(r),a.appendChild(l),(g=this.assetsContainer)==null||g.appendChild(a)})}renderColors(e){this.colorsContainer&&(this.colorsContainer.innerHTML="",Ao.forEach(t=>{var l,c,d;let i=(l=e==null?void 0:e[t])!=null?l:"#ffffff";if(t.includes("_text_color")||t.includes("_color")){let g={warning_text_color:{objectId:"label.warning",property:"render.tint"},endgame_title_color:{objectId:"ui.endgame.title",property:"render.tint"},endgame_subtitle_color:{objectId:"ui.endgame.subtitle",property:"render.tint"},endgame_cta_text_color:{objectId:"ui.endgame.cta",property:"render.tint"},endgame_cta_hint_color:{objectId:"ui.endgame.cta.hint",property:"render.tint"},endgame_footer_color:{objectId:"ui.endgame.footer",property:"render.tint"}}[t];g&&(i=(c=this.getObjectPropertyValue(g.objectId,g.property))!=null?c:"#ffffff")}let n=document.createElement("label");n.className="customize-color-field";let a=document.createElement("span");a.textContent=t.replace(/_/g," ");let s=document.createElement("input");s.type="color",s.value=i,s.dataset.colorKey=t;let r=document.createElement("input");r.type="text",r.value=i,r.className="customize-color-text",r.dataset.colorTextKey=t,s.addEventListener("input",()=>{r.value=s.value}),r.addEventListener("input",()=>{/^#([0-9a-fA-F]{6})$/.test(r.value)&&(s.value=r.value)}),n.appendChild(a),n.appendChild(s),n.appendChild(r),(d=this.colorsContainer)==null||d.appendChild(n)}))}renderFonts(e){this.fontsContainer&&(this.fontsContainer.innerHTML="",ko.forEach(t=>{var s,r;let i=document.createElement("div");i.className="customize-row";let n=document.createElement("span");n.className="customize-key",n.textContent=t;let a=document.createElement("input");a.type="text",a.value=(s=e==null?void 0:e[t])!=null?s:t,a.className="customize-input",a.dataset.fontKey=t,i.appendChild(n),i.appendChild(a),(r=this.fontsContainer)==null||r.appendChild(i)}))}renderTexts(e){this.textsContainer&&(this.textsContainer.innerHTML="",Lo.forEach(t=>{var s,r;let i=document.createElement("div");i.className="customize-row";let n=document.createElement("span");n.className="customize-key",n.textContent=t;let a=document.createElement("input");a.type="text",a.value=(s=this.readUiValue(e,t))!=null?s:"",a.className="customize-input",a.dataset.textKey=t,i.appendChild(n),i.appendChild(a),(r=this.textsContainer)==null||r.appendChild(i)}),Ws.forEach(({key:t,objectId:i})=>{var r,l;let n=document.createElement("div");n.className="customize-row";let a=document.createElement("span");a.className="customize-key",a.textContent=t;let s=document.createElement("input");s.type="text",s.value=(r=this.getObjectTextValue(i))!=null?r:"",s.className="customize-input",s.dataset.objectTextKey=t,n.appendChild(a),n.appendChild(s),(l=this.textsContainer)==null||l.appendChild(n)}))}renderAudio(e){if(!this.audioContainer)return;this.audioContainer.innerHTML="",["background_file","background_volume","click_file","click_volume","success_file","success_volume","complete_file","complete_volume"].forEach(i=>{var r,l;let n=document.createElement("div");n.className="customize-row";let a=document.createElement("span");a.className="customize-key",a.textContent=i.replace("_"," ");let s=document.createElement("input");s.type=i.includes("volume")?"number":"text",s.min="0",s.max="1",s.step="0.1",s.value=String((r=e==null?void 0:e[i])!=null?r:""),s.className="customize-input",s.dataset.audioKey=i,i.includes("file")&&(s.placeholder="audio file path"),n.appendChild(a),n.appendChild(s),(l=this.audioContainer)==null||l.appendChild(n)})}readUiValue(e,t){if(t.includes(".")){let n=t.split("."),a=e;for(let s of n){if(a==null)return null;a=a[s]}return typeof a=="string"?a:null}let i=e==null?void 0:e[t];return typeof i=="string"?i:null}getObjectTextValue(e){var n,a;let t=window.getEditableObjectConfig;if(typeof t!="function")return null;let i=t(e);return(a=(n=i==null?void 0:i.ui)==null?void 0:n.text)!=null?a:null}getObjectPropertyValue(e,t){let i=window.getEditableObjectConfig;if(typeof i!="function")return null;let n=i(e);if(!n)return null;let a=t.split("."),s=n;for(let r of a){if(s==null)return null;s=s[r]}return typeof s=="string"?s:null}handleApply(){this.handleApplyWithSource("manual")}handleApplyWithSource(e){if(console.log(`[CustomizePanel] handleApplyWithSource called with source: ${e}`),!this.root||!this.options)return;let t={};this.root.querySelectorAll("[data-asset-key]").forEach(r=>{let l=r;l.dataset.assetKey&&(t[l.dataset.assetKey]=l.value)}),console.log("[CustomizePanel] Assets being applied:",Object.keys(t).length,"total"),console.log("[CustomizePanel] Asset values:",t);let i={};this.root.querySelectorAll("[data-color-text-key]").forEach(r=>{let l=r,c=l.dataset.colorTextKey;c&&(c.includes("_text_color")||c.includes("_color")?this.applyTextColorToObject(c,l.value):i[c]=l.value)});let n={};this.root.querySelectorAll("[data-font-key]").forEach(r=>{let l=r,c=l.dataset.fontKey;c&&(n[c]=l.value)});let a={};this.root.querySelectorAll("[data-text-key]").forEach(r=>{let l=r,c=l.dataset.textKey;c&&(a[c]=l.value)});let s={};this.root.querySelectorAll("[data-audio-key]").forEach(r=>{let l=r,c=l.dataset.audioKey;if(c)if(c.includes("volume")){let d=parseFloat(l.value);s[c]=isNaN(d)?0:d}else s[c]=l.value}),this.root.querySelectorAll("[data-object-text-key]").forEach(r=>{let l=r,c=l.dataset.objectTextKey;if(!c)return;let d=Ws.find(p=>p.key===c);d&&this.applyObjectPropertyValue(d.objectId,d.property,l.value)}),console.log("[CustomizePanel] Calling onApply callback to restart game with source:",e),this.options.onApply({assets:t,runtime:{theme:i,ui:a,fonts:n,audio:s}},{source:e})}setupAiPanel(){}setAiStatus(e){this.aiStatusEl&&(this.aiStatusEl.textContent=e)}getSelectedAssetKey(){return this.aiTargetKey}getSelectedAssetInput(){let e=this.getSelectedAssetKey();return!this.root||!e?null:this.root.querySelector(`input[data-asset-key="${e}"]`)}async getImageDataFromAsset(e){let t=this.resolveAssetUrls(e);console.log("[CustomizePanel] Resolving asset urls for AI:",e,t);for(let i of t)try{let n=await Ti(i);if(n)return console.log("[CustomizePanel] Successfully fetched image data for AI"),{input:{base64:n.base64,mimeType:n.mimeType},dataUrl:n.dataUrl,width:n.width,height:n.height}}catch(n){console.warn("[CustomizePanel] Failed to fetch image data from:",i,n)}return console.error("[CustomizePanel] Could not load image data for AI from any URL"),null}async updateAiBasePreview(e){var n,a,s;let t=(e==null?void 0:e.trim())||"";if(!t){let r=this.getSelectedAssetInput();t=(a=(n=r==null?void 0:r.value)==null?void 0:n.trim())!=null?a:""}if(console.log("[CustomizePanel] updateAiBasePreview using value:",t),!t){this.aiBaseDataUrl=null,this.updateAiPreview();return}let i=await this.getImageDataFromAsset(t);this.aiBaseDataUrl=(s=i==null?void 0:i.dataUrl)!=null?s:null,this.updateAiPreview()}updateAiPreview(){if(!this.aiPreviewImg)return;let e=this.aiOutputDataUrl||this.aiBaseDataUrl||"";if(!e){this.aiPreviewImg.removeAttribute("src");return}this.aiPreviewImg.src=e}updateAiModalPreview(e,t){if(!e)return;let i=t!=null?t:this.activePreviewKey;if(!i||!this.aiOutputDataUrl||this.aiOutputKey!==i){e.classList.add("hidden");return}let n=e.querySelector(".asset-preview-ai-image");n&&(n.src=this.aiOutputDataUrl),e.classList.remove("hidden")}setAiLoading(e){this.aiLoadingEl&&this.aiLoadingEl.classList.toggle("active",e),this.aiGenerateBtn&&(this.aiGenerateBtn.disabled=e)}toggleAiGallery(){if(!this.aiGalleryEl||!this.aiGalleryToggle)return;let e=this.aiGalleryEl.classList.toggle("hidden");this.aiGalleryToggle.textContent=e?"Gallery":"Hide Gallery",e||this.renderAiGallery()}renderAiGallery(){if(!this.aiGalleryGrid)return;let e=this.getAiGalleryEntries();if(!e.length){this.aiGalleryGrid.innerHTML='<div class="ai-gallery-empty">No image assets found.</div>';return}this.aiGalleryGrid.innerHTML="",e.forEach(({key:t,value:i})=>{var l;let n=document.createElement("button");n.type="button",n.className="ai-gallery-item",t===this.aiTargetKey&&n.classList.add("active");let a=document.createElement("img");a.className="ai-gallery-thumb",a.alt=t;let s=this.resolveAssetUrls(i);s[0]&&(a.src=s[0]);let r=document.createElement("span");r.className="ai-gallery-label",r.textContent=t,n.appendChild(a),n.appendChild(r),n.addEventListener("click",()=>this.selectAiGalleryAsset(t)),(l=this.aiGalleryGrid)==null||l.appendChild(n)})}getAiGalleryEntries(){if(!this.root)return[];let e=[];return this.root.querySelectorAll("[data-asset-key]").forEach(t=>{var s,r;let i=t,n=i.dataset.assetKey,a=(r=(s=i.value)==null?void 0:s.trim())!=null?r:"";!n||!a||this.isAiGalleryImage(a)&&e.push({key:n,value:a})}),e}isAiGalleryImage(e){let t=e.trim();if(!t)return!1;if(/^(data:image|blob:)/.test(t))return!0;let i=t.split("?")[0].toLowerCase();return![".mp3",".wav",".ogg",".json"].some(n=>i.endsWith(n))}selectAiGalleryAsset(e){this.aiTargetKey!==e&&(this.aiTargetKey=e,this.aiOutputDataUrl=null,this.aiOutputKey=null,this.aiReferenceFile=null,this.aiBaseDataUrl=null,this.aiReferenceInput&&(this.aiReferenceInput.value=""),this.aiReferenceName&&(this.aiReferenceName.textContent="Optional"),this.aiModalSubtitle&&(this.aiModalSubtitle.textContent=e),this.setAiOutputButtonsEnabled(!1),this.updateAiBasePreview(),this.updateAiPreview(),this.renderAiGallery())}openAiModal(e,t,i){var r,l,c,d,p,g,u,h,m,f;this.closeAiModal(),this.aiTargetKey=e,this.aiBaseValue=t||null,this.aiContext=i||null,this.aiOutputDataUrl=null,this.aiOutputKey=null,this.aiReferenceFile=null,this.aiBaseDataUrl=null;let n=document.createElement("div");n.className="ai-modal",n.innerHTML=`
|
|
1676
1676
|
<div class="ai-modal-card">
|
|
1677
1677
|
<div class="ai-modal-header">
|
|
1678
1678
|
<div>
|
|
@@ -1743,7 +1743,7 @@ Generate the requested asset matching the brand style.${o.needsTransparency?" Ba
|
|
|
1743
1743
|
</div>
|
|
1744
1744
|
</div>
|
|
1745
1745
|
</div>
|
|
1746
|
-
`;let a=n.querySelector(".ai-modal-close");a==null||a.addEventListener("click",()=>this.closeAiModal()),n.addEventListener("click",b=>{b.target===n&&this.closeAiModal()}),this.aiModal=n,this.aiKeyInput=n.querySelector("[data-ai-key]"),this.aiModelSelect=n.querySelector("[data-ai-model]"),this.aiPromptInput=n.querySelector("[data-ai-prompt]"),this.aiStrengthInput=n.querySelector("[data-ai-strength]"),this.aiStrengthValue=n.querySelector("[data-ai-strength-value]"),this.aiModalSubtitle=n.querySelector(".ai-modal-subtitle"),this.aiGalleryToggle=n.querySelector("[data-ai-gallery-toggle]"),this.aiGalleryEl=n.querySelector("[data-ai-gallery]"),this.aiGalleryGrid=n.querySelector("[data-ai-gallery-grid]"),this.aiReferenceInput=n.querySelector("[data-ai-ref-input]"),this.aiReferenceName=n.querySelector("[data-ai-ref-name]"),this.aiRemoveBgToggle=n.querySelector("[data-ai-remove-bg]"),this.aiUseOutputToggle=n.querySelector("[data-ai-use-output]"),this.aiGenerateBtn=n.querySelector("[data-ai-generate]"),this.aiApplyBtn=n.querySelector("[data-ai-apply]"),this.aiSaveLibraryBtn=n.querySelector("[data-ai-save-library]"),this.aiCropBtn=n.querySelector("[data-ai-crop]"),this.aiDownloadBtn=n.querySelector("[data-ai-download]"),this.aiPreviewImg=n.querySelector("[data-ai-preview]"),this.aiStatusEl=n.querySelector("[data-ai-status]"),this.aiLoadingEl=n.querySelector("[data-ai-loading]"),this.aiBgToleranceInput=n.querySelector("[data-ai-bg-tolerance]"),this.aiBgToleranceValue=n.querySelector("[data-ai-bg-tolerance-value]"),(r=this.aiRemoveBgToggle)==null||r.addEventListener("change",()=>{this.refreshAiOutputFromRaw()});let s=n.querySelector("[data-ai-ref-button]");s==null||s.addEventListener("click",()=>{var b;return(b=this.aiReferenceInput)==null?void 0:b.click()}),(l=this.aiGalleryToggle)==null||l.addEventListener("click",()=>this.toggleAiGallery()),(c=this.aiStrengthInput)==null||c.addEventListener("input",()=>{var y,w;let b=(w=(y=this.aiStrengthInput)==null?void 0:y.value)!=null?w:"5";this.aiStrengthValue&&(this.aiStrengthValue.textContent=b)}),(d=this.aiBgToleranceInput)==null||d.addEventListener("input",()=>{var y,w;let b=(w=(y=this.aiBgToleranceInput)==null?void 0:y.value)!=null?w:"30";this.aiBgToleranceValue&&(this.aiBgToleranceValue.textContent=b),this.refreshAiOutputFromRaw()}),(p=this.aiReferenceInput)==null||p.addEventListener("change",()=>{var y,w,v;let b=(v=(w=(y=this.aiReferenceInput)==null?void 0:y.files)==null?void 0:w[0])!=null?v:null;this.aiReferenceFile=b,this.aiReferenceName&&(this.aiReferenceName.textContent=b?`${b.name} (loaded)`:"Optional"),b&&this.setAiStatus(`Reference attached: ${b.name}`)}),(u=this.aiGenerateBtn)==null||u.addEventListener("click",()=>{this.handleAiGenerate()}),(g=this.aiApplyBtn)==null||g.addEventListener("click",()=>this.handleAiApply()),(h=this.aiSaveLibraryBtn)==null||h.addEventListener("click",()=>{this.handleAiSaveToLibrary()}),(m=this.aiCropBtn)==null||m.addEventListener("click",()=>{this.handleAiCrop()}),(f=this.aiDownloadBtn)==null||f.addEventListener("click",()=>this.handleAiDownload()),document.body.appendChild(n),this.setAiOutputButtonsEnabled(!1),this.setAiStatus("Ready."),this.updateAiBasePreview(t),this.updateAiPreview(),this.renderAiGallery()}closeAiModal(){this.aiModal&&(this.aiModal.remove(),this.aiModal=null),this.aiTargetKey=null,this.aiBaseValue=null,this.aiContext=null,this.aiKeyInput=null,this.aiModelSelect=null,this.aiPromptInput=null,this.aiStrengthInput=null,this.aiStrengthValue=null,this.aiModalSubtitle=null,this.aiGalleryToggle=null,this.aiGalleryEl=null,this.aiGalleryGrid=null,this.aiReferenceInput=null,this.aiReferenceName=null,this.aiReferenceFile=null,this.aiRemoveBgToggle=null,this.aiUseOutputToggle=null,this.aiGenerateBtn=null,this.aiApplyBtn=null,this.aiCropBtn=null,this.aiDownloadBtn=null,this.aiPreviewImg=null,this.aiStatusEl=null,this.aiLoadingEl=null,this.aiBgToleranceInput=null,this.aiBgToleranceValue=null}async handleAiGenerate(){var d,p,u,g,h,m,f,b,y,w,v,L,M,I,P,j,_,T,S,x;if(console.log("[CustomizePanel] handleAiGenerate clicked"),!this.aiGenerateBtn)return;let e=(u=(p=(d=this.aiKeyInput)==null?void 0:d.value)==null?void 0:p.trim())!=null?u:"",t=(h=(g=this.aiModelSelect)==null?void 0:g.value)!=null?h:"gemini-2.5-flash-image",i=(b=(f=(m=this.aiPromptInput)==null?void 0:m.value)==null?void 0:f.trim())!=null?b:"",n=(w=(y=this.aiRemoveBgToggle)==null?void 0:y.checked)!=null?w:!1,a=n,s=n,r=Number((L=(v=this.aiStrengthInput)==null?void 0:v.value)!=null?L:"5");if(!e){this.setAiStatus("Missing API key.");return}if(!i){this.setAiStatus("Add a prompt.");return}let l=this.getSelectedAssetInput(),c=((M=l==null?void 0:l.value)==null?void 0:M.trim())||((I=this.aiBaseValue)==null?void 0:I.trim())||"";this.setAiLoading(!0),this.setAiStatus(c?"Generating...":"Generating from scratch...");try{let E=null,C=null,A=(P=this.getSelectedAssetKey())!=null?P:"unknown",O=(j=this.aiUseOutputToggle)!=null&&j.checked&&this.aiOutputDataUrl?"ai-output":"asset-value";if((_=this.aiUseOutputToggle)!=null&&_.checked&&this.aiOutputDataUrl){let B=yn(this.aiOutputDataUrl,"ai-output.png");if(B){let D=await Ve(B);D&&(E={input:{base64:D.base64,mimeType:D.mimeType},dataUrl:D.dataUrl,width:D.width,height:D.height})}}!E&&c&&(E=await this.getImageDataFromAsset(c));let k=[];E&&k.push(E.input);let R=!1;if(this.aiReferenceFile){let B=await Ve(this.aiReferenceFile);B?(C={input:{base64:B.base64,mimeType:B.mimeType},dataUrl:B.dataUrl,width:B.width,height:B.height},k.push(C.input),R=!0,this.setAiStatus(`Generating with reference: ${this.aiReferenceFile.name}`)):this.setAiStatus("Reference image failed to load, generating without reference.")}let z=Ys(i,{includeReference:R,includeMagenta:a,changeLevel:r}),$=(S=(T=this.aiReferenceFile)==null?void 0:T.name)!=null?S:"none";console.info("[AI] Final prompt:",z),console.info("[AI] Image sources:",{assetKey:A,base:O,reference:$});let U=E?vn(E.width,E.height):C?vn(C.width,C.height):"1:1";console.info("[AI] CRITICAL: Calling generateImageWithGemini25Flash NOW...");let H=await ut(e,z,k,{aspectRatio:U,model:t});console.info("[AI] CRITICAL: generateImageWithGemini25Flash returned! Length:",H==null?void 0:H.length),this.aiRawOutputDataUrl=H,await this.refreshAiOutputFromRaw()}catch(E){console.error("[CustomizePanel] AI Generate Error:",E),this.setAiStatus("Generation failed. Check console.")}finally{this.setAiLoading(!1),((x=this.aiStatusEl)==null?void 0:x.textContent)==="Generating..."&&this.setAiStatus("Ready.")}}async refreshAiOutputFromRaw(){var n,a,s,r;if(!this.aiRawOutputDataUrl)return;let e=(a=(n=this.aiRemoveBgToggle)==null?void 0:n.checked)!=null?a:!1,t=Number((r=(s=this.aiBgToleranceInput)==null?void 0:s.value)!=null?r:"30"),i=this.aiRawOutputDataUrl;if(e){let l=await pt(this.aiRawOutputDataUrl,t);l&&(i=l)}this.setAiOutput(i),this.setAiStatus("Ready.")}setAiOutput(e){var i,n;this.aiOutputDataUrl=e,this.aiOutputKey=this.getSelectedAssetKey(),this.updateAiPreview(),this.setAiOutputButtonsEnabled(!0);let t=(i=this.previewModal)==null?void 0:i.querySelector("[data-asset-ai-preview]");this.updateAiModalPreview(t,(n=this.activePreviewKey)!=null?n:void 0)}setAiOutputButtonsEnabled(e){this.aiApplyBtn&&(this.aiApplyBtn.disabled=!e),this.aiSaveLibraryBtn&&(this.aiSaveLibraryBtn.disabled=!e),this.aiCropBtn&&(this.aiCropBtn.disabled=!e),this.aiDownloadBtn&&(this.aiDownloadBtn.disabled=!e)}handleAiApply(){var t,i,n;let e=this.getSelectedAssetInput();if(!this.aiOutputDataUrl){this.setAiStatus("Generate output first.");return}if(e)console.log("[CustomizePanel] Applying AI output to brand asset:",e.dataset.assetKey),e.value=this.aiOutputDataUrl,this.handleAssetValueChange((t=e.dataset.assetKey)!=null?t:"",e),this.setAiStatus("Applied. Restarting game...");else{let a=((i=this.aiContext)==null?void 0:i.objectId)||this.inferObjectIdFromAssetKey(this.aiTargetKey||""),s=((n=this.aiContext)==null?void 0:n.path)||this.inferPathFromAssetKey(this.aiTargetKey||"");if(a&&s)console.log("[CustomizePanel] Applying AI output directly to object:",a,s),this.applyObjectPropertyValue(a,s,this.aiOutputDataUrl),this.setAiStatus("Applied directly. Restarting game..."),window.dispatchEvent(new CustomEvent("inspector:refresh"));else{this.setAiStatus("No target input found to apply.");return}}setTimeout(()=>{this.closeAiModal()},500)}async handleAiSaveToLibrary(){var a,s,r;if(!this.aiOutputDataUrl){this.setAiStatus("Generate output first.");return}if(!this.getSelectedAssetKey()){this.setAiStatus("No asset selected.");return}let i=`${(this.aiTargetKey||"asset").replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"")}_ai_generated`,n=this.inferCategoryFromAssetKey(this.aiTargetKey||"");this.setAiStatus("Saving to library...");try{let c=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:n,filename:`${i}.png`,data:this.aiOutputDataUrl,overwrite:!0})})).json();if(c.success){console.log("[CustomizePanel] \u2705 Saved to library:",c.path),this.setAiStatus(`Saved as ${i}.png. Refreshing library...`);let d=window.addAssetToRegistry;typeof d=="function"&&(console.log("[CustomizePanel] Adding to registry category:",n),d(n,`${i}.png`));try{console.log("[CustomizePanel] Triggering setup-library..."),(await fetch("/api/setup-library",{method:"POST",headers:{"Content-Type":"application/json"}})).ok?console.log("[CustomizePanel] \u2705 Library setup completed"):console.warn("[CustomizePanel] Setup-library returned non-OK status")}catch(b){console.warn("[CustomizePanel] Setup-library endpoint not available:",b)}let p=window.refreshAssetLibrary;typeof p=="function"&&(console.log("[CustomizePanel] Refreshing library panel..."),await p());let u=window.__wizardAssetPicker;if(u!=null&&u.onPick){u.onPick(c.path),window.__wizardAssetPicker=null,this.setAiStatus("Saved to library and applied to wizard.");return}let g=((a=this.aiContext)==null?void 0:a.objectId)||this.inferObjectIdFromAssetKey(this.aiTargetKey||""),h=((s=this.aiContext)==null?void 0:s.path)||this.inferPathFromAssetKey(this.aiTargetKey||""),m=this.getSelectedAssetInput();if(m&&(m.value=c.path,this.handleAssetValueChange((r=m.dataset.assetKey)!=null?r:"",m)),g&&h){console.log("[CustomizePanel] Applying saved asset to object:",g,h);let b=window.applyAssetToSlot,y=/texture|image|sprite|asset\\.path/i.test(h)||/\\.(png|jpg|jpeg)$/i.test(String(c.path||""));if(typeof b=="function"&&y){let w=this.getFilenameFromPath(c.path);await b(g,w,n)}else this.applyObjectPropertyValue(g,h,c.path);window.dispatchEvent(new CustomEvent("inspector:refresh"))}let f=window.__highlightLibrarySlot;typeof f=="function"&&g&&(console.log("[CustomizePanel] Highlighting slot in library:",g,n),setTimeout(()=>{f(g,n)},500)),this.setAiStatus(`\u2705 Saved and applied ${i}.png`),setTimeout(()=>{this.closeAiModal()},1500)}else console.error("[CustomizePanel] \u274C Save failed:",c.error),this.setAiStatus(`Save failed: ${c.error}`)}catch(l){console.error("[CustomizePanel] \u274C Save error:",l),this.setAiStatus("Save failed. Check console.")}}inferCategoryFromAssetKey(e){var s;let t=(s=this.aiContext)==null?void 0:s.objectId,i=e||this.aiTargetKey||"",n=window.getEditableAssets;if(typeof n=="function"){let r=n();if(r!=null&&r.slots){let l=r.slots.find(c=>t&&c.objectId===t||c.currentAsset===i||c.slotId===i||c.currentAsset&&c.currentAsset.includes(i)||i.includes(c.slotId));if(l){let c=l.libraryFolder||l.category;if(c)return c}}}let a=i.toLowerCase();return a.includes("background")?"backgrounds":a.includes("character")?"characters":a.includes("key")?"collectedkeys":a.includes("draggable")?"draggables":a.includes("environment")||a.includes("env")||a.includes("hand")||a.includes("prop")||a.includes("item")||a.includes("decor")||a.includes("object")?"environment":a.includes("machine")?"machines":a.includes("tutorial")?"tutorial":a.includes("ui")||a.includes("button")||a.includes("label")||a.includes("icon")||a.includes("logo")||a.includes("cta")||a.includes("menu")||a.includes("overlay")?"ui":a.includes("effect")||a.includes("confetti")||a.includes("particle")?"effects":"ui"}inferObjectIdFromAssetKey(e){let t=window.getEditableAssets;if(typeof t!="function")return null;let i=t();if(!(i!=null&&i.slots))return null;let n=i.slots.find(a=>a.currentAsset===e||a.slotId===e);return(n==null?void 0:n.objectId)||null}inferPathFromAssetKey(e){let t=window.getEditableAssets;if(typeof t!="function")return null;let i=t();if(!(i!=null&&i.slots))return null;let n=i.slots.find(s=>s.currentAsset===e||s.slotId===e);if(!n)return null;let a=n.category;return a==="render"||a==="backgrounds"||a==="characters"?"render.texture":a==="ui"?"ui.image":a==="audio"?"audio.src":"render.texture"}getFilenameFromPath(e){if(!e)return"";let t=e.split("/");return t[t.length-1]}async handleAiCrop(){var r;if(!this.aiOutputDataUrl){this.setAiStatus("Generate output first.");return}let e=this.getSelectedAssetInput(),t=(r=e==null?void 0:e.value)!=null?r:"",i=await this.getImageDimensions(t);if(!i){this.setAiStatus("Unable to read target dimensions.");return}let n=yn(this.aiOutputDataUrl,"ai-output.png");if(!n)return;let a=await this.showManualCropModal(n,i,t);if(!a)return;let s=await bn(a);s&&this.setAiOutput(s)}handleAiDownload(){var i;if(!this.aiOutputDataUrl)return;let e=(i=this.getSelectedAssetKey())!=null?i:"ai-image",t=document.createElement("a");t.href=this.aiOutputDataUrl,t.download=`${e}-ai.png`,t.click()}handleAssetValueChange(e,t){this.previewModal&&this.closePreviewModal(),this.scheduleAutoApply(),this.updatePreviewIfOpen(e,t.value,t.dataset.assetType)}async handleAssetUpload(e,t,i){console.log("[CustomizePanel] Handling asset upload for:",i);let n=t.value,a=e;if(e.type.startsWith("image/")){let d=await this.getImageDimensions(n);if(d){let p=await this.showManualCropModal(e,d,n);if(!p)return;a=p}}let s=await bn(a);if(!s){console.error("[CustomizePanel] Failed to convert file to data URL");return}let l=`${i.replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"")}_uploaded`,c=this.inferCategoryFromAssetKey(i);console.log("[CustomizePanel] Saving uploaded file to library:",l,"category:",c);try{let p=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:c,filename:`${l}.png`,data:s,overwrite:!0})})).json();if(p.success){console.log("[CustomizePanel] \u2705 Uploaded file saved to library:",p.path);let u=window.addAssetToRegistry;typeof u=="function"&&u(c,`${l}.png`);try{await fetch("/api/setup-library",{method:"POST",headers:{"Content-Type":"application/json"}})}catch(b){console.warn("[CustomizePanel] Setup-library not available:",b)}let g=window.refreshAssetLibrary;typeof g=="function"&&await g(),t.value=p.path,this.handleAssetValueChange(i,t);let h=this.inferObjectIdFromAssetKey(i),m=this.inferPathFromAssetKey(i);if(h&&m){let b=window.applyAssetToSlot,y=/texture|image|sprite|asset\\.path/i.test(m)||/\\.(png|jpg|jpeg)$/i.test(String(p.path||""));if(typeof b=="function"&&y){let w=this.getFilenameFromPath(p.path);await b(h,w,c)}else this.applyObjectPropertyValue(h,m,p.path);window.dispatchEvent(new CustomEvent("inspector:refresh"))}let f=window.__highlightLibrarySlot;typeof f=="function"&&h&&setTimeout(()=>{f(h,c)},500),console.log("[CustomizePanel] \u2705 Upload complete:",l)}else console.error("[CustomizePanel] \u274C Upload save failed:",p.error),alert(`Failed to save uploaded file: ${p.error}`)}catch(d){console.error("[CustomizePanel] \u274C Upload error:",d),alert("Failed to save uploaded file. Check console for details.")}}scheduleAutoApply(){this.options&&(this.autoApplyTimer&&window.clearTimeout(this.autoApplyTimer),console.log("[CustomizePanel] Scheduling auto-apply in 250ms"),this.autoApplyTimer=window.setTimeout(()=>{this.autoApplyTimer=null,console.log("[CustomizePanel] Executing auto-apply now"),this.handleApplyWithSource("auto")},250))}previewAsset(e,t,i,n){if(!t)return;let a=this.resolveAssetUrls(t);if(a.length===0)return;let s=i||this.guessMimeType(t);this.activePreviewKey=e,this.activePreviewValue=t,this.activePreviewFileInput=n!=null?n:null,this.openPreviewModal(e,t,a,s)}resolveAssetUrls(e){let t=e.trim();if(!t)return[];if(console.log("[CustomizePanel] Resolving asset urls for:",t),/^(blob:|data:|https?:|\/)/.test(t))return console.log("[CustomizePanel] Path is absolute or data/blob, using as is"),[t];let i=t.replace(/^\.?\//,""),n=[];return i.startsWith("raw/")?n=[`/${i}`,`/assets/${i}`]:i.startsWith("assets/")?n=[`/${i}`]:n=[`/raw/${i}`,`/assets/raw/${i}`,`/assets/${i}`,`/${i}`],console.log("[CustomizePanel] Resolved to possible paths:",n),n}guessMimeType(e){let t=e.toLowerCase();return t.endsWith(".png")||t.endsWith(".jpg")||t.endsWith(".jpeg")||t.endsWith(".gif")||t.endsWith(".webp")||t.endsWith(".svg")?"image":t.endsWith(".mp3")||t.endsWith(".wav")||t.endsWith(".ogg")?"audio":t.endsWith(".json")?"json":"file"}openPreviewModal(e,t,i,n){this.closePreviewModal(!0);let a=document.createElement("div");a.className="asset-preview-modal",a.innerHTML=`
|
|
1746
|
+
`;let a=n.querySelector(".ai-modal-close");a==null||a.addEventListener("click",()=>this.closeAiModal()),n.addEventListener("click",b=>{b.target===n&&this.closeAiModal()}),this.aiModal=n,this.aiKeyInput=n.querySelector("[data-ai-key]"),this.aiModelSelect=n.querySelector("[data-ai-model]"),this.aiPromptInput=n.querySelector("[data-ai-prompt]"),this.aiStrengthInput=n.querySelector("[data-ai-strength]"),this.aiStrengthValue=n.querySelector("[data-ai-strength-value]"),this.aiModalSubtitle=n.querySelector(".ai-modal-subtitle"),this.aiGalleryToggle=n.querySelector("[data-ai-gallery-toggle]"),this.aiGalleryEl=n.querySelector("[data-ai-gallery]"),this.aiGalleryGrid=n.querySelector("[data-ai-gallery-grid]"),this.aiReferenceInput=n.querySelector("[data-ai-ref-input]"),this.aiReferenceName=n.querySelector("[data-ai-ref-name]"),this.aiRemoveBgToggle=n.querySelector("[data-ai-remove-bg]"),this.aiUseOutputToggle=n.querySelector("[data-ai-use-output]"),this.aiGenerateBtn=n.querySelector("[data-ai-generate]"),this.aiApplyBtn=n.querySelector("[data-ai-apply]"),this.aiSaveLibraryBtn=n.querySelector("[data-ai-save-library]"),this.aiCropBtn=n.querySelector("[data-ai-crop]"),this.aiDownloadBtn=n.querySelector("[data-ai-download]"),this.aiPreviewImg=n.querySelector("[data-ai-preview]"),this.aiStatusEl=n.querySelector("[data-ai-status]"),this.aiLoadingEl=n.querySelector("[data-ai-loading]"),this.aiBgToleranceInput=n.querySelector("[data-ai-bg-tolerance]"),this.aiBgToleranceValue=n.querySelector("[data-ai-bg-tolerance-value]"),(r=this.aiRemoveBgToggle)==null||r.addEventListener("change",()=>{this.refreshAiOutputFromRaw()});let s=n.querySelector("[data-ai-ref-button]");s==null||s.addEventListener("click",()=>{var b;return(b=this.aiReferenceInput)==null?void 0:b.click()}),(l=this.aiGalleryToggle)==null||l.addEventListener("click",()=>this.toggleAiGallery()),(c=this.aiStrengthInput)==null||c.addEventListener("input",()=>{var y,w;let b=(w=(y=this.aiStrengthInput)==null?void 0:y.value)!=null?w:"5";this.aiStrengthValue&&(this.aiStrengthValue.textContent=b)}),(d=this.aiBgToleranceInput)==null||d.addEventListener("input",()=>{var y,w;let b=(w=(y=this.aiBgToleranceInput)==null?void 0:y.value)!=null?w:"30";this.aiBgToleranceValue&&(this.aiBgToleranceValue.textContent=b),this.refreshAiOutputFromRaw()}),(p=this.aiReferenceInput)==null||p.addEventListener("change",()=>{var y,w,v;let b=(v=(w=(y=this.aiReferenceInput)==null?void 0:y.files)==null?void 0:w[0])!=null?v:null;this.aiReferenceFile=b,this.aiReferenceName&&(this.aiReferenceName.textContent=b?`${b.name} (loaded)`:"Optional"),b&&this.setAiStatus(`Reference attached: ${b.name}`)}),(g=this.aiGenerateBtn)==null||g.addEventListener("click",()=>{this.handleAiGenerate()}),(u=this.aiApplyBtn)==null||u.addEventListener("click",()=>this.handleAiApply()),(h=this.aiSaveLibraryBtn)==null||h.addEventListener("click",()=>{this.handleAiSaveToLibrary()}),(m=this.aiCropBtn)==null||m.addEventListener("click",()=>{this.handleAiCrop()}),(f=this.aiDownloadBtn)==null||f.addEventListener("click",()=>this.handleAiDownload()),document.body.appendChild(n),this.setAiOutputButtonsEnabled(!1),this.setAiStatus("Ready."),this.updateAiBasePreview(t),this.updateAiPreview(),this.renderAiGallery()}closeAiModal(){this.aiModal&&(this.aiModal.remove(),this.aiModal=null),this.aiTargetKey=null,this.aiBaseValue=null,this.aiContext=null,this.aiKeyInput=null,this.aiModelSelect=null,this.aiPromptInput=null,this.aiStrengthInput=null,this.aiStrengthValue=null,this.aiModalSubtitle=null,this.aiGalleryToggle=null,this.aiGalleryEl=null,this.aiGalleryGrid=null,this.aiReferenceInput=null,this.aiReferenceName=null,this.aiReferenceFile=null,this.aiRemoveBgToggle=null,this.aiUseOutputToggle=null,this.aiGenerateBtn=null,this.aiApplyBtn=null,this.aiCropBtn=null,this.aiDownloadBtn=null,this.aiPreviewImg=null,this.aiStatusEl=null,this.aiLoadingEl=null,this.aiBgToleranceInput=null,this.aiBgToleranceValue=null}async handleAiGenerate(){var d,p,g,u,h,m,f,b,y,w,v,L,j,_,P,M,T,k,E,x;if(console.log("[CustomizePanel] handleAiGenerate clicked"),!this.aiGenerateBtn)return;let e=(g=(p=(d=this.aiKeyInput)==null?void 0:d.value)==null?void 0:p.trim())!=null?g:"",t=(h=(u=this.aiModelSelect)==null?void 0:u.value)!=null?h:"gemini-2.5-flash-image",i=(b=(f=(m=this.aiPromptInput)==null?void 0:m.value)==null?void 0:f.trim())!=null?b:"",n=(w=(y=this.aiRemoveBgToggle)==null?void 0:y.checked)!=null?w:!1,a=n,s=n,r=Number((L=(v=this.aiStrengthInput)==null?void 0:v.value)!=null?L:"5");if(!e){this.setAiStatus("Missing API key.");return}if(!i){this.setAiStatus("Add a prompt.");return}let l=this.getSelectedAssetInput(),c=((j=l==null?void 0:l.value)==null?void 0:j.trim())||((_=this.aiBaseValue)==null?void 0:_.trim())||"";this.setAiLoading(!0),this.setAiStatus(c?"Generating...":"Generating from scratch...");try{let S=null,C=null,A=(P=this.getSelectedAssetKey())!=null?P:"unknown",O=(M=this.aiUseOutputToggle)!=null&&M.checked&&this.aiOutputDataUrl?"ai-output":"asset-value";if((T=this.aiUseOutputToggle)!=null&&T.checked&&this.aiOutputDataUrl){let B=yn(this.aiOutputDataUrl,"ai-output.png");if(B){let $=await Ve(B);$&&(S={input:{base64:$.base64,mimeType:$.mimeType},dataUrl:$.dataUrl,width:$.width,height:$.height})}}!S&&c&&(S=await this.getImageDataFromAsset(c));let I=[];S&&I.push(S.input);let R=!1;if(this.aiReferenceFile){let B=await Ve(this.aiReferenceFile);B?(C={input:{base64:B.base64,mimeType:B.mimeType},dataUrl:B.dataUrl,width:B.width,height:B.height},I.push(C.input),R=!0,this.setAiStatus(`Generating with reference: ${this.aiReferenceFile.name}`)):this.setAiStatus("Reference image failed to load, generating without reference.")}let z=Ys(i,{includeReference:R,includeMagenta:a,changeLevel:r}),D=(E=(k=this.aiReferenceFile)==null?void 0:k.name)!=null?E:"none";console.info("[AI] Final prompt:",z),console.info("[AI] Image sources:",{assetKey:A,base:O,reference:D});let U=S?vn(S.width,S.height):C?vn(C.width,C.height):"1:1";console.info("[AI] CRITICAL: Calling generateImageWithGemini25Flash NOW...");let H=await ut(e,z,I,{aspectRatio:U,model:t});console.info("[AI] CRITICAL: generateImageWithGemini25Flash returned! Length:",H==null?void 0:H.length),this.aiRawOutputDataUrl=H,await this.refreshAiOutputFromRaw()}catch(S){console.error("[CustomizePanel] AI Generate Error:",S),this.setAiStatus("Generation failed. Check console.")}finally{this.setAiLoading(!1),((x=this.aiStatusEl)==null?void 0:x.textContent)==="Generating..."&&this.setAiStatus("Ready.")}}async refreshAiOutputFromRaw(){var n,a,s,r;if(!this.aiRawOutputDataUrl)return;let e=(a=(n=this.aiRemoveBgToggle)==null?void 0:n.checked)!=null?a:!1,t=Number((r=(s=this.aiBgToleranceInput)==null?void 0:s.value)!=null?r:"30"),i=this.aiRawOutputDataUrl;if(e){let l=await pt(this.aiRawOutputDataUrl,t);l&&(i=l)}this.setAiOutput(i),this.setAiStatus("Ready.")}setAiOutput(e){var i,n;this.aiOutputDataUrl=e,this.aiOutputKey=this.getSelectedAssetKey(),this.updateAiPreview(),this.setAiOutputButtonsEnabled(!0);let t=(i=this.previewModal)==null?void 0:i.querySelector("[data-asset-ai-preview]");this.updateAiModalPreview(t,(n=this.activePreviewKey)!=null?n:void 0)}setAiOutputButtonsEnabled(e){this.aiApplyBtn&&(this.aiApplyBtn.disabled=!e),this.aiSaveLibraryBtn&&(this.aiSaveLibraryBtn.disabled=!e),this.aiCropBtn&&(this.aiCropBtn.disabled=!e),this.aiDownloadBtn&&(this.aiDownloadBtn.disabled=!e)}handleAiApply(){var t,i,n;let e=this.getSelectedAssetInput();if(!this.aiOutputDataUrl){this.setAiStatus("Generate output first.");return}if(e)console.log("[CustomizePanel] Applying AI output to brand asset:",e.dataset.assetKey),e.value=this.aiOutputDataUrl,this.handleAssetValueChange((t=e.dataset.assetKey)!=null?t:"",e),this.setAiStatus("Applied. Restarting game...");else{let a=((i=this.aiContext)==null?void 0:i.objectId)||this.inferObjectIdFromAssetKey(this.aiTargetKey||""),s=((n=this.aiContext)==null?void 0:n.path)||this.inferPathFromAssetKey(this.aiTargetKey||"");if(a&&s)console.log("[CustomizePanel] Applying AI output directly to object:",a,s),this.applyObjectPropertyValue(a,s,this.aiOutputDataUrl),this.setAiStatus("Applied directly. Restarting game..."),window.dispatchEvent(new CustomEvent("inspector:refresh"));else{this.setAiStatus("No target input found to apply.");return}}setTimeout(()=>{this.closeAiModal()},500)}async handleAiSaveToLibrary(){var a,s,r;if(!this.aiOutputDataUrl){this.setAiStatus("Generate output first.");return}if(!this.getSelectedAssetKey()){this.setAiStatus("No asset selected.");return}let i=`${(this.aiTargetKey||"asset").replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"")}_ai_generated`,n=this.inferCategoryFromAssetKey(this.aiTargetKey||"");this.setAiStatus("Saving to library...");try{let c=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:n,filename:`${i}.png`,data:this.aiOutputDataUrl,overwrite:!0})})).json();if(c.success){console.log("[CustomizePanel] \u2705 Saved to library:",c.path),this.setAiStatus(`Saved as ${i}.png. Refreshing library...`);let d=window.addAssetToRegistry;typeof d=="function"&&(console.log("[CustomizePanel] Adding to registry category:",n),d(n,`${i}.png`));try{console.log("[CustomizePanel] Triggering setup-library..."),(await fetch("/api/setup-library",{method:"POST",headers:{"Content-Type":"application/json"}})).ok?console.log("[CustomizePanel] \u2705 Library setup completed"):console.warn("[CustomizePanel] Setup-library returned non-OK status")}catch(b){console.warn("[CustomizePanel] Setup-library endpoint not available:",b)}let p=window.refreshAssetLibrary;typeof p=="function"&&(console.log("[CustomizePanel] Refreshing library panel..."),await p());let g=window.__wizardAssetPicker;if(g!=null&&g.onPick){g.onPick(c.path),window.__wizardAssetPicker=null,this.setAiStatus("Saved to library and applied to wizard.");return}let u=((a=this.aiContext)==null?void 0:a.objectId)||this.inferObjectIdFromAssetKey(this.aiTargetKey||""),h=((s=this.aiContext)==null?void 0:s.path)||this.inferPathFromAssetKey(this.aiTargetKey||""),m=this.getSelectedAssetInput();if(m&&(m.value=c.path,this.handleAssetValueChange((r=m.dataset.assetKey)!=null?r:"",m)),u&&h){console.log("[CustomizePanel] Applying saved asset to object:",u,h);let b=window.applyAssetToSlot,y=/texture|image|sprite|asset\\.path/i.test(h)||/\\.(png|jpg|jpeg)$/i.test(String(c.path||""));if(typeof b=="function"&&y){let w=this.getFilenameFromPath(c.path);await b(u,w,n)}else this.applyObjectPropertyValue(u,h,c.path);window.dispatchEvent(new CustomEvent("inspector:refresh"))}let f=window.__highlightLibrarySlot;typeof f=="function"&&u&&(console.log("[CustomizePanel] Highlighting slot in library:",u,n),setTimeout(()=>{f(u,n)},500)),this.setAiStatus(`\u2705 Saved and applied ${i}.png`),setTimeout(()=>{this.closeAiModal()},1500)}else console.error("[CustomizePanel] \u274C Save failed:",c.error),this.setAiStatus(`Save failed: ${c.error}`)}catch(l){console.error("[CustomizePanel] \u274C Save error:",l),this.setAiStatus("Save failed. Check console.")}}inferCategoryFromAssetKey(e){var s;let t=(s=this.aiContext)==null?void 0:s.objectId,i=e||this.aiTargetKey||"",n=window.getEditableAssets;if(typeof n=="function"){let r=n();if(r!=null&&r.slots){let l=r.slots.find(c=>t&&c.objectId===t||c.currentAsset===i||c.slotId===i||c.currentAsset&&c.currentAsset.includes(i)||i.includes(c.slotId));if(l){let c=l.libraryFolder||l.category;if(c)return c}}}let a=i.toLowerCase();return a.includes("background")?"backgrounds":a.includes("character")?"characters":a.includes("key")?"collectedkeys":a.includes("draggable")?"draggables":a.includes("environment")||a.includes("env")||a.includes("hand")||a.includes("prop")||a.includes("item")||a.includes("decor")||a.includes("object")?"environment":a.includes("machine")?"machines":a.includes("tutorial")?"tutorial":a.includes("ui")||a.includes("button")||a.includes("label")||a.includes("icon")||a.includes("logo")||a.includes("cta")||a.includes("menu")||a.includes("overlay")?"ui":a.includes("effect")||a.includes("confetti")||a.includes("particle")?"effects":"ui"}inferObjectIdFromAssetKey(e){let t=window.getEditableAssets;if(typeof t!="function")return null;let i=t();if(!(i!=null&&i.slots))return null;let n=i.slots.find(a=>a.currentAsset===e||a.slotId===e);return(n==null?void 0:n.objectId)||null}inferPathFromAssetKey(e){let t=window.getEditableAssets;if(typeof t!="function")return null;let i=t();if(!(i!=null&&i.slots))return null;let n=i.slots.find(s=>s.currentAsset===e||s.slotId===e);if(!n)return null;let a=n.category;return a==="render"||a==="backgrounds"||a==="characters"?"render.texture":a==="ui"?"ui.image":a==="audio"?"audio.src":"render.texture"}getFilenameFromPath(e){if(!e)return"";let t=e.split("/");return t[t.length-1]}async handleAiCrop(){var r;if(!this.aiOutputDataUrl){this.setAiStatus("Generate output first.");return}let e=this.getSelectedAssetInput(),t=(r=e==null?void 0:e.value)!=null?r:"",i=await this.getImageDimensions(t);if(!i){this.setAiStatus("Unable to read target dimensions.");return}let n=yn(this.aiOutputDataUrl,"ai-output.png");if(!n)return;let a=await this.showManualCropModal(n,i,t);if(!a)return;let s=await bn(a);s&&this.setAiOutput(s)}handleAiDownload(){var i;if(!this.aiOutputDataUrl)return;let e=(i=this.getSelectedAssetKey())!=null?i:"ai-image",t=document.createElement("a");t.href=this.aiOutputDataUrl,t.download=`${e}-ai.png`,t.click()}handleAssetValueChange(e,t){this.previewModal&&this.closePreviewModal(),this.scheduleAutoApply(),this.updatePreviewIfOpen(e,t.value,t.dataset.assetType)}async handleAssetUpload(e,t,i){var g,u,h,m,f;console.log("[CustomizePanel] Handling asset upload for:",i);let n=t.value,a=e;if(e.type.startsWith("image/")){let b=await this.getImageDimensions(n);if(b){let y=await this.showManualCropModal(e,b,n);if(!y)return;a=y}}let s=await bn(a);if(!s){console.error("[CustomizePanel] Failed to convert file to data URL");return}let r=i.replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,""),l=((g=e.name.toLowerCase().match(/\.(png|jpg|jpeg|gif|webp)$/))==null?void 0:g[1])||"png",c=l==="jpg"?"jpeg":l,d=`${r}_uploaded_${Date.now()}.${c}`,p=this.inferCategoryFromAssetKey(i);console.log("[CustomizePanel] Saving uploaded file to library:",d,"category:",p);try{let y=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:p,filename:d,data:s,overwrite:!0})})).json();if(y.success){console.log("[CustomizePanel] \u2705 Uploaded file saved to library:",y.path),await new Promise(T=>setTimeout(T,100));let w=window.addAssetToRegistry;typeof w=="function"&&(w(p,d),console.log("[CustomizePanel] \u2705 Added to registry:",p,d));let v=window.getEditableAssets;if(typeof v=="function"){let T=v();T&&!T.categories&&(T.categories=[]),T!=null&&T.categories&&!T.categories.includes(p)&&(T.categories.push(p),console.log(`[CustomizePanel] Added category ${p} to registry`))}let L=!1,j=0,_=10;for(;!L&&j<_;){j++,console.log(`[CustomizePanel] Refresh attempt ${j}/${_}...`);try{(await fetch("/api/setup-library",{method:"POST",headers:{"Content-Type":"application/json"}})).ok&&console.log("[CustomizePanel] \u2705 Registry rebuilt from disk")}catch(x){console.warn("[CustomizePanel] Setup-library not available:",x)}await new Promise(x=>setTimeout(x,300));let T=window.refreshAssetLibrary;typeof T=="function"&&(console.log("[CustomizePanel] Refreshing library panel..."),await T());let k=window.reRenderAssetLibrary;typeof k=="function"&&(console.log("[CustomizePanel] Re-rendering library panel..."),k());let E=window.getEditableAssets;if(typeof E=="function"){let x=E(),S=((u=x==null?void 0:x.libraryAssets)==null?void 0:u[p])||[];S.some(A=>(A==null?void 0:A.filename)===d)?(console.log("[CustomizePanel] \u2705 Asset found in registry!"),L=!0):(console.log(`[CustomizePanel] Asset not found yet, retrying... (found ${S.length} assets in ${p})`),await new Promise(A=>setTimeout(A,500)))}else j>=2&&(L=!0)}L||console.warn("[CustomizePanel] \u26A0\uFE0F Asset not found in registry after retries, proceeding anyway..."),t.value=y.path,this.handleAssetValueChange(i,t);let P=this.inferObjectIdFromAssetKey(i),M=this.inferPathFromAssetKey(i);if(P&&M){let T=!1,k=0,E=5;for(;!T&&k<E;){k++;try{console.log(`[CustomizePanel] Applying asset attempt ${k}/${E}...`);let S=window.applyAssetToSlot,C=/texture|image|sprite|asset\\.path/i.test(M)||/\\.(png|jpg|jpeg)$/i.test(String(y.path||""));if(typeof S=="function"&&C){let O=this.getFilenameFromPath(y.path);await S(P,O,p)}else this.applyObjectPropertyValue(P,M,y.path);await new Promise(O=>setTimeout(O,200));let A=window.getEditableObjectConfig;if(typeof A=="function"){let O=A(P),I=((m=(h=O==null?void 0:O.render)==null?void 0:h.asset)==null?void 0:m.path)||((f=O==null?void 0:O.ui)==null?void 0:f.image)||"";I===y.path||I.includes(d)?(console.log("[CustomizePanel] \u2705 Asset confirmed applied to object"),T=!0):(console.log(`[CustomizePanel] Asset not applied yet (attempt ${k}), retrying...`),await new Promise(R=>setTimeout(R,300)))}else T=!0}catch(S){console.error(`[CustomizePanel] Apply attempt ${k} failed:`,S),k<E&&await new Promise(C=>setTimeout(C,500))}}window.dispatchEvent(new CustomEvent("inspector:refresh")),window.dispatchEvent(new CustomEvent("config:changed",{detail:{objectId:P,action:"update",path:M}})),setTimeout(()=>{try{window.dispatchEvent(new CustomEvent("config:changed",{detail:{action:"batch"}})),console.log("[CustomizePanel] Dispatched config:changed event")}catch(S){console.warn("[CustomizePanel] Failed to refresh textures:",S)}},300);let x=window.__highlightLibrarySlot;typeof x=="function"&&P&&setTimeout(()=>{x(P,p)},1e3),T?console.log("[CustomizePanel] \u2705 Upload complete and applied!"):console.warn("[CustomizePanel] \u26A0\uFE0F Upload succeeded but apply may have failed")}else console.log("[CustomizePanel] \u2705 Upload complete (no object context to apply)")}else console.error("[CustomizePanel] \u274C Upload save failed:",y.error),alert(`Failed to save uploaded file: ${y.error}`)}catch(b){console.error("[CustomizePanel] \u274C Upload error:",b),alert("Failed to save uploaded file. Check console for details.")}}scheduleAutoApply(){this.options&&(this.autoApplyTimer&&window.clearTimeout(this.autoApplyTimer),console.log("[CustomizePanel] Scheduling auto-apply in 250ms"),this.autoApplyTimer=window.setTimeout(()=>{this.autoApplyTimer=null,console.log("[CustomizePanel] Executing auto-apply now"),this.handleApplyWithSource("auto")},250))}previewAsset(e,t,i,n){if(!t)return;let a=this.resolveAssetUrls(t);if(a.length===0)return;let s=i||this.guessMimeType(t);this.activePreviewKey=e,this.activePreviewValue=t,this.activePreviewFileInput=n!=null?n:null,this.openPreviewModal(e,t,a,s)}resolveAssetUrls(e){let t=e.trim();if(!t)return[];if(console.log("[CustomizePanel] Resolving asset urls for:",t),/^(blob:|data:|https?:|\/)/.test(t))return console.log("[CustomizePanel] Path is absolute or data/blob, using as is"),[t];let i=t.replace(/^\.?\//,""),n=[];return i.startsWith("raw/")?n=[`/${i}`,`/assets/${i}`]:i.startsWith("assets/")?n=[`/${i}`]:n=[`/raw/${i}`,`/assets/raw/${i}`,`/assets/${i}`,`/${i}`],console.log("[CustomizePanel] Resolved to possible paths:",n),n}guessMimeType(e){let t=e.toLowerCase();return t.endsWith(".png")||t.endsWith(".jpg")||t.endsWith(".jpeg")||t.endsWith(".gif")||t.endsWith(".webp")||t.endsWith(".svg")?"image":t.endsWith(".mp3")||t.endsWith(".wav")||t.endsWith(".ogg")?"audio":t.endsWith(".json")?"json":"file"}openPreviewModal(e,t,i,n){this.closePreviewModal(!0);let a=document.createElement("div");a.className="asset-preview-modal",a.innerHTML=`
|
|
1747
1747
|
<div class="asset-preview-card">
|
|
1748
1748
|
<div class="asset-preview-header">
|
|
1749
1749
|
<div class="asset-preview-title">${e}</div>
|
|
@@ -1759,7 +1759,7 @@ Generate the requested asset matching the brand style.${o.needsTransparency?" Ba
|
|
|
1759
1759
|
<img class="asset-preview-ai-image" alt="AI output preview">
|
|
1760
1760
|
</div>
|
|
1761
1761
|
</div>
|
|
1762
|
-
`;let s=a.querySelector(".asset-preview-body"),r=a.querySelector(".asset-preview-close"),l=a.querySelector(".asset-preview-change"),c=a.querySelector(".asset-preview-ai"),d=a.querySelector("[data-asset-ai-preview]");if(r==null||r.addEventListener("click",()=>this.closePreviewModal()),c==null||c.addEventListener("click",()=>{console.log("[CustomizePanel] AI Edit clicked for:",e),this.openAiModal(e,t)}),l==null||l.addEventListener("click",()=>{console.log("[CustomizePanel] Change clicked for:",e),this.activePreviewFileInput&&this.activePreviewFileInput.click()}),a.addEventListener("click",p=>{p.target===a&&this.closePreviewModal()}),s)if(n==="image"){let p=document.createElement("img");this.loadWithFallback(p,i),s.appendChild(p)}else if(n==="audio"){let p=document.createElement("audio");p.controls=!0,this.loadWithFallback(p,i),s.appendChild(p)}else if(n==="json"){let p=document.createElement("pre");this.fetchWithFallback(i).then(
|
|
1762
|
+
`;let s=a.querySelector(".asset-preview-body"),r=a.querySelector(".asset-preview-close"),l=a.querySelector(".asset-preview-change"),c=a.querySelector(".asset-preview-ai"),d=a.querySelector("[data-asset-ai-preview]");if(r==null||r.addEventListener("click",()=>this.closePreviewModal()),c==null||c.addEventListener("click",()=>{console.log("[CustomizePanel] AI Edit clicked for:",e),this.openAiModal(e,t)}),l==null||l.addEventListener("click",()=>{console.log("[CustomizePanel] Change clicked for:",e),this.activePreviewFileInput&&this.activePreviewFileInput.click()}),a.addEventListener("click",p=>{p.target===a&&this.closePreviewModal()}),s)if(n==="image"){let p=document.createElement("img");this.loadWithFallback(p,i),s.appendChild(p)}else if(n==="audio"){let p=document.createElement("audio");p.controls=!0,this.loadWithFallback(p,i),s.appendChild(p)}else if(n==="json"){let p=document.createElement("pre");this.fetchWithFallback(i).then(g=>{p.textContent=g!=null?g:"Unable to load JSON."}),s.appendChild(p)}else{let p=document.createElement("a");p.href=i[0],p.target="_blank",p.rel="noreferrer",p.textContent="Open asset",s.appendChild(p)}document.body.appendChild(a),this.previewModal=a,this.updateAiModalPreview(d,e)}loadWithFallback(e,t){if(t.length===0)return;let i=0,n=()=>{i>=t.length||(e.src=t[i],i+=1)};e.addEventListener("error",n),n()}async fetchWithFallback(e){for(let t of e)try{let i=await fetch(t);if(!i.ok)continue;return await i.text()}catch{}return null}applyObjectPropertyValue(e,t,i){let n=window.getEditableObjectConfig,a=window.applyEditableObjectConfig;if(typeof n!="function"||typeof a!="function")return;let s=n(e);if(!s)return;let r=JSON.parse(JSON.stringify(s)),l=t.split("."),c=r;for(let d=0;d<l.length-1;d++){let p=l[d];c[p]=c[p]||{},c=c[p]}c[l[l.length-1]]=i,a(e,r)}applyTextColorToObject(e,t){let n={warning_text_color:{objectId:"label.warning",property:"render.tint"},endgame_title_color:{objectId:"ui.endgame.title",property:"render.tint"},endgame_subtitle_color:{objectId:"ui.endgame.subtitle",property:"render.tint"},endgame_cta_text_color:{objectId:"ui.endgame.cta",property:"render.tint"},endgame_cta_hint_color:{objectId:"ui.endgame.cta.hint",property:"render.tint"},endgame_footer_color:{objectId:"ui.endgame.footer",property:"render.tint"}}[e];n&&this.applyObjectPropertyValue(n.objectId,n.property,t)}closePreviewModal(e){this.previewModal&&(this.previewModal.remove(),this.previewModal=null),e||(this.activePreviewKey=null,this.activePreviewValue=null,this.activePreviewFileInput=null)}updatePreviewIfOpen(e,t,i){var a;if(!this.previewModal||this.activePreviewKey!==e)return;let n=t!=null?t:"";this.activePreviewValue!==n&&this.previewAsset(e,n,i,(a=this.activePreviewFileInput)!=null?a:void 0)}scheduleRetry(){this.retryTimer||(this.retryTimer=window.setTimeout(()=>{this.retryTimer=null,this.refresh()},350))}clearRetry(){this.retryTimer&&(window.clearTimeout(this.retryTimer),this.retryTimer=null)}setupResizeHandle(){if(!this.root)return;let e=this.root.querySelector("[data-panel-resize]");if(!e)return;let t=window.localStorage.getItem("customizePanelWidth"),i=t?Number(t):NaN;Number.isFinite(i)&&i>0&&(this.root.style.width=`${i}px`);let n=a=>{var g,u;a.preventDefault();let s=a.clientX,r=(u=(g=this.root)==null?void 0:g.getBoundingClientRect().width)!=null?u:0,l=260,c=620,d=h=>{let m=h.clientX-s,f=Math.min(c,Math.max(l,r+m));this.root&&(this.root.style.width=`${f}px`)},p=()=>{var m,f;window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p);let h=(f=(m=this.root)==null?void 0:m.getBoundingClientRect().width)!=null?f:0;h>0&&window.localStorage.setItem("customizePanelWidth",String(Math.round(h)))};window.addEventListener("pointermove",d),window.addEventListener("pointerup",p)};e.addEventListener("pointerdown",n)}async getImageDimensions(e){let t=this.resolveAssetUrls(e);if(t.length===0)return null;for(let i of t){let n=await this.loadImage(i);if(n!=null&&n.naturalWidth&&(n!=null&&n.naturalHeight))return{width:n.naturalWidth,height:n.naturalHeight}}return null}async loadImage(e){return await new Promise(t=>{let i=new Image;i.onload=()=>t(i),i.onerror=()=>t(null),i.src=e})}async showManualCropModal(e,t,i){let n=t.width/t.height,a=URL.createObjectURL(e),s=null;try{if(s=await this.loadImage(a),!(s!=null&&s.naturalWidth)||!(s!=null&&s.naturalHeight))return console.error("[CustomizePanel] Failed to load image for crop:",e.name),URL.revokeObjectURL(a),null;console.log("[CustomizePanel] Image loaded for crop:",s.naturalWidth,"x",s.naturalHeight)}catch(l){return console.error("[CustomizePanel] Error loading image:",l),URL.revokeObjectURL(a),null}let r=await this.loadImageForValue(i);return await new Promise(l=>{let c=document.createElement("div");c.className="asset-crop-modal";let d=Math.min(860,window.innerWidth-60),h=Math.max(220,Math.floor((d-32-16)/2)),m=Math.min(520,window.innerHeight-240),f=h,b=f/n;b>m&&(b=m,f=b*n),c.innerHTML=`
|
|
1763
1763
|
<div class="asset-crop-card" style="width:${d}px;">
|
|
1764
1764
|
<div class="asset-crop-header">
|
|
1765
1765
|
<div>
|
|
@@ -1789,7 +1789,7 @@ Generate the requested asset matching the brand style.${o.needsTransparency?" Ba
|
|
|
1789
1789
|
<button class="asset-crop-apply" type="button">Apply Crop</button>
|
|
1790
1790
|
</div>
|
|
1791
1791
|
</div>
|
|
1792
|
-
`;let y=c.querySelector(".asset-crop-canvas"),w=c.querySelector(".asset-crop-preview"),v=c.querySelector(".asset-crop-zoom"),L=c.querySelector(".asset-crop-zoom-value"),
|
|
1792
|
+
`;let y=c.querySelector(".asset-crop-canvas"),w=c.querySelector(".asset-crop-preview"),v=c.querySelector(".asset-crop-zoom"),L=c.querySelector(".asset-crop-zoom-value"),j=c.querySelector(".asset-crop-close"),_=c.querySelector(".asset-crop-cancel"),P=c.querySelector(".asset-crop-apply"),M=c.querySelector(".asset-crop-reset");if(!y||!w||!v||!L){l(null);return}let T=y.getContext("2d"),k=w.getContext("2d");if(!T||!k){l(null);return}let E=s.naturalWidth,x=s.naturalHeight,S=Math.max(y.width/E,y.height/x),C=1,A=0,O=0,I=!1,R=0,z=0,D=0,U=0,H=()=>{let F=S*C,te=Math.max(0,(E*F-y.width)/2),J=Math.max(0,(x*F-y.height)/2);A=Math.min(te,Math.max(-te,A)),O=Math.min(J,Math.max(-J,O))},B=()=>{if(!s||!s.complete||s.naturalWidth===0||s.naturalHeight===0){console.warn("[CustomizePanel] Image not ready for drawing"),T.fillStyle="rgba(128, 128, 128, 0.3)",T.fillRect(0,0,y.width,y.height),T.fillStyle="rgba(255, 255, 255, 0.5)",T.font="14px sans-serif",T.textAlign="center",T.fillText("Loading image...",y.width/2,y.height/2);return}let F=S*C;T.clearRect(0,0,y.width,y.height);let te=y.width/2-E*F/2+A,J=y.height/2-x*F/2+O;try{T.drawImage(s,te,J,E*F,x*F)}catch(Y){console.error("[CustomizePanel] Error drawing image:",Y),T.fillStyle="rgba(255, 0, 0, 0.3)",T.fillRect(0,0,y.width,y.height),T.fillStyle="#ff0000",T.font="14px sans-serif",T.textAlign="center",T.fillText("Error drawing image",y.width/2,y.height/2)}if(k.clearRect(0,0,w.width,w.height),r!=null&&r.naturalWidth&&(r!=null&&r.naturalHeight)){let Y=Math.max(w.width/r.naturalWidth,w.height/r.naturalHeight),oe=w.width/2-r.naturalWidth*Y/2,ie=w.height/2-r.naturalHeight*Y/2;k.drawImage(r,oe,ie,r.naturalWidth*Y,r.naturalHeight*Y)}else k.fillStyle="rgba(255, 255, 255, 0.04)",k.fillRect(0,0,w.width,w.height),k.strokeStyle="rgba(255, 255, 255, 0.08)",k.strokeRect(4,4,w.width-8,w.height-8);let Z=w.width/y.width*(S*C),pe=A*(w.width/y.width),re=O*(w.height/y.height),Me=w.width/2-E*Z/2+pe,je=w.height/2-x*Z/2+re;k.save(),k.globalAlpha=.7,k.drawImage(s,Me,je,E*Z,x*Z),k.restore()},$=()=>{A=0,O=0,H(),B()};v.addEventListener("input",()=>{C=Number(v.value),L.textContent=`${C.toFixed(2)}\xD7`,H(),B()}),y.addEventListener("pointerdown",F=>{I=!0,R=F.clientX,z=F.clientY,D=A,U=O,y.setPointerCapture(F.pointerId)}),y.addEventListener("pointermove",F=>{I&&(A=D+(F.clientX-R),O=U+(F.clientY-z),H(),B())}),y.addEventListener("pointerup",F=>{I=!1,y.releasePointerCapture(F.pointerId)}),y.addEventListener("pointerleave",()=>{I=!1});let q=()=>{c.remove();try{URL.revokeObjectURL(a)}catch{}},W=()=>{q(),l(null)},K=async()=>{let F=document.createElement("canvas");F.width=t.width,F.height=t.height;let te=F.getContext("2d");if(!te){q(),l(null);return}let J=C,pe=Math.max(F.width/E,F.height/x)*J,re=F.width/y.width,Me=A*re,je=O*re,Y=F.width/2-E*pe/2+Me,oe=F.height/2-x*pe/2+je;te.drawImage(s,Y,oe,E*pe,x*pe);let ie=await new Promise(ue=>{F.toBlob(Ge=>ue(Ge),e.type||"image/png")});if(q(),!ie){l(null);return}l(new File([ie],e.name,{type:ie.type}))};j==null||j.addEventListener("click",W),_==null||_.addEventListener("click",W),M==null||M.addEventListener("click",$),P==null||P.addEventListener("click",()=>{K()}),c.addEventListener("click",F=>{F.target===c&&W()}),document.body.appendChild(c),s.complete&&s.naturalWidth>0&&s.naturalHeight>0?$():(s.onload=()=>{console.log("[CustomizePanel] Image fully loaded, drawing crop modal"),$()},s.onerror=()=>{console.error("[CustomizePanel] Image failed to load"),q(),l(null)})})}async loadImageForValue(e){let t=this.resolveAssetUrls(e);if(!t.length)return null;for(let i of t){let n=await this.loadImage(i);if(n)return n}return null}};var Oi=class{constructor(){this.root=null;this.options=null}render(){return`
|
|
1793
1793
|
<div class="scene-panel loading-screen-panel panel-accent-purple" data-panel="loading-screen">
|
|
1794
1794
|
<div class="scene-panel-header" data-panel-handle>
|
|
1795
1795
|
<div class="panel-title">
|
|
@@ -1855,10 +1855,10 @@ Generate the requested asset matching the brand style.${o.needsTransparency?" Ba
|
|
|
1855
1855
|
</div>
|
|
1856
1856
|
</div>
|
|
1857
1857
|
</div>
|
|
1858
|
-
`}initialize(e,t){var y,w,v,L,M,I,P,j,_,T,S,x,E,C,A,O;this.options=t,this.root=e.querySelector('[data-panel="loading-screen"]');let n=(()=>{var R;let k=window.getEditableEngineConfig;if(typeof k=="function"){let z=k();return(R=z==null?void 0:z.loading)!=null?R:{}}return{}})(),a=(y=this.root)==null?void 0:y.querySelector("#loading-screen-type");a&&(a.value=n.type==="image"?"image":"color",a.addEventListener("change",()=>{var k,R;(R=(k=this.options)==null?void 0:k.onUpdateLoading)==null||R.call(k,{type:a.value}),this.updateFieldVisibility(a.value)}));let s=(w=this.root)==null?void 0:w.querySelector("#loading-background-color");s&&(s.value=n.background_color||"#160a17",s.addEventListener("input",()=>{var k,R;(R=(k=this.options)==null?void 0:k.onUpdateLoading)==null||R.call(k,{background_color:s.value})}));let r=(v=this.root)==null?void 0:v.querySelector("#loading-overlay-alpha"),l=(L=this.root)==null?void 0:L.querySelector("#loading-overlay-alpha-value");r&&(r.value=String((M=n.overlay_alpha)!=null?M:1),l&&(l.textContent=Number(r.value).toFixed(2)),r.addEventListener("input",()=>{var R,z;let k=Number(r.value);l&&(l.textContent=k.toFixed(2)),(z=(R=this.options)==null?void 0:R.onUpdateLoading)==null||z.call(R,{overlay_alpha:k})}));let c=(I=this.root)==null?void 0:I.querySelector("#loading-text");c&&(c.value=n.text||"",c.addEventListener("input",()=>{var k,R;(R=(k=this.options)==null?void 0:k.onUpdateLoading)==null||R.call(k,{text:c.value})}));let d=(P=this.root)==null?void 0:P.querySelector("#loading-text-scale"),p=(j=this.root)==null?void 0:j.querySelector("#loading-text-scale-value");d&&(d.value=String((_=n.text_scale)!=null?_:.6),p&&(p.textContent=Number(d.value).toFixed(2)),d.addEventListener("input",()=>{var R,z;let k=Number(d.value);p&&(p.textContent=k.toFixed(2)),(z=(R=this.options)==null?void 0:R.onUpdateLoading)==null||z.call(R,{text_scale:k})}));let u=(T=this.root)==null?void 0:T.querySelector("#loading-enabled");u&&(u.checked=n.enabled!==!1,u.addEventListener("change",()=>{var k,R;(R=(k=this.options)==null?void 0:k.onUpdateLoading)==null||R.call(k,{enabled:u.checked})}));let g=(S=this.root)==null?void 0:S.querySelector("#loading-blur-enabled");g&&(g.checked=n.blur_enabled!==!1,g.addEventListener("change",()=>{var k,R;(R=(k=this.options)==null?void 0:k.onUpdateLoading)==null||R.call(k,{blur_enabled:g.checked})}));let h=(x=this.root)==null?void 0:x.querySelector("#loading-blur-strength"),m=(E=this.root)==null?void 0:E.querySelector("#loading-blur-strength-value");h&&(h.value=String((C=n.blur_strength)!=null?C:8),m&&(m.textContent=h.value),h.addEventListener("input",()=>{var k,R;m&&(m.textContent=h.value),(R=(k=this.options)==null?void 0:k.onUpdateLoading)==null||R.call(k,{blur_strength:Number(h.value)})}));let f=(A=this.root)==null?void 0:A.querySelector("#loading-show-btn"),b=(O=this.root)==null?void 0:O.querySelector("#loading-hide-btn");f==null||f.addEventListener("click",()=>{var k,R;(R=(k=this.options)==null?void 0:k.onShowLoadingScreen)==null||R.call(k)}),b==null||b.addEventListener("click",()=>{var k,R;(R=(k=this.options)==null?void 0:k.onHideLoadingScreen)==null||R.call(k)}),this.updateFieldVisibility(n.type==="image"?"image":"color")}updateFieldVisibility(e){var n,a;let t=(n=this.root)==null?void 0:n.querySelector("#loading-color-field"),i=(a=this.root)==null?void 0:a.querySelector("#loading-alpha-field");e==="image"?(t&&(t.style.display="none"),i&&(i.style.display="none")):(t&&(t.style.display=""),i&&(i.style.display=""))}refresh(){}};import{Graphics as Qs,Point as To}from"pixi.js";import{Point as Ks}from"pixi.js";var Ye=()=>window.debugConfig||{},Xs=()=>window.resolveAnchorVec2||(o=>({x:.5,y:.5})),Js=()=>window.resolveScreenAnchorPoint||(()=>new Ks),Zs=()=>window.resolveScreenRatioPoint||(()=>new Ks);function er(o){Oi(o)&&(o.objectDebugRaf||(o.objectDebugRaf=window.requestAnimationFrame(()=>Ri(o))))}function tr(o){o.objectDebugRaf&&(window.cancelAnimationFrame(o.objectDebugRaf),o.objectDebugRaf=null),Ot(o)}function Oi(o){return o.isDebugOpen}function Ri(o){var a,s,r;if(!Oi(o)){o.objectDebugRaf=null;return}o.objectDebugRaf=window.requestAnimationFrame(()=>Ri(o));let e=Sn(o);if(!e){_t(o,null),Ot(o);return}let t=En(o,e);if(!t){_t(o,null),Ot(o);return}let i=new To;(a=t.getGlobalPosition)==null||a.call(t,i);let n=Cn(o,t);_t(o,{instanceId:e,worldX:i.x,worldY:i.y,configX:(s=n==null?void 0:n.x)!=null?s:null,configY:(r=n==null?void 0:n.y)!=null?r:null}),o.highlightObject?Tn(o,t):Mn(o),o.highlightAnchor&&n?Pn(o,n):In(o)}function Sn(o){var n;let e=o.selectedObjectId;if(!e)return null;let t=window.__editableObjectInstances,i=(n=t==null?void 0:t.get)==null?void 0:n.call(t,e);return Array.isArray(i)&&i.length>0?i[0]:e}function En(o,e){var n,a;let t=window.gameObjectManager,i=(n=t==null?void 0:t.get)==null?void 0:n.call(t,e);return i?((a=i.getDisplayObject)==null?void 0:a.call(i))||i.pixiObject||i:null}function Rt(o){let e=o.selectedObjectId;if(!e)return null;let t=window.getEditableObjectConfig;return typeof t!="function"?null:t(e)}function Cn(o,e){var s,r;let t=Rt(o);if(!t)return null;let i=(s=t.transform)!=null?s:{},n=An(o);if(!n)return null;if(i.position_ratio!=null)return Zs()(n.width,n.height,i.position_ratio);let a=(r=i.anchor)!=null?r:"bottom-center";return a==="bottom-center"&&i.anchor==null&&console.log("[DEBUG FALLBACK] objectVisuals transform.anchor \u2192 bottom-center"),Js()(n.width,n.height,a)}function An(o){var a;let e=(a=o.container)==null?void 0:a.querySelector(".game-container"),t=Number(e==null?void 0:e.dataset.screenWidth),i=Number(e==null?void 0:e.dataset.screenHeight);if(Number.isFinite(t)&&t>0&&Number.isFinite(i)&&i>0)return{width:t,height:i};let n=window.gameApp;return n!=null&&n.renderer?{width:n.renderer.width,height:n.renderer.height}:null}function Ln(o){let e=window.gameApp;return e!=null&&e.stage?(o.objectBoundsGfx&&o.objectBoundsGfx.parent!==e.stage&&(o.objectBoundsGfx.destroy(),o.objectBoundsGfx=null),o.objectBoundsGfx||(o.objectBoundsGfx=new Qs,o.objectBoundsGfx.zIndex=999999,e.stage.addChild(o.objectBoundsGfx)),o.objectBoundsGfx):null}function kn(o){let e=window.gameApp;return e!=null&&e.stage?(o.objectAnchorGfx&&o.objectAnchorGfx.parent!==e.stage&&(o.objectAnchorGfx.destroy(),o.objectAnchorGfx=null),o.objectAnchorGfx||(o.objectAnchorGfx=new Qs,o.objectAnchorGfx.zIndex=1e6,e.stage.addChild(o.objectAnchorGfx)),o.objectAnchorGfx):null}function Tn(o,e){var n;let t=Ln(o);if(!t)return;let i=(n=e.getBounds)==null?void 0:n.call(e);i&&(t.clear(),t.rect(i.x,i.y,i.width,i.height).stroke({width:2,color:16726832,alpha:.9}))}function Pn(o,e){let t=kn(o);if(!t)return;let i=6;t.clear(),t.moveTo(e.x-i,e.y),t.lineTo(e.x+i,e.y),t.moveTo(e.x,e.y-i),t.lineTo(e.x,e.y+i),t.stroke({width:2,color:3066993,alpha:.9})}function Mn(o){o.objectBoundsGfx&&o.objectBoundsGfx.clear()}function In(o){o.objectAnchorGfx&&o.objectAnchorGfx.clear()}function Ot(o){o.objectBoundsGfx&&(o.objectBoundsGfx.destroy(),o.objectBoundsGfx=null),o.objectAnchorGfx&&(o.objectAnchorGfx.destroy(),o.objectAnchorGfx=null)}function _t(o,e){o.sceneToolsPanel.updateInfo(e?{instanceId:e.instanceId,worldX:e.worldX,worldY:e.worldY,anchorX:e.configX,anchorY:e.configY}:null)}function ir(o,e){return e.split(".").reduce((t,i)=>t?t[i]:void 0,o)}function nr(o,e,t){var s;let i=e.split("."),n=i.pop(),a=o;for(let r of i)a[r]=(s=a[r])!=null?s:{},a=a[r];a[n]=t}function jn(o){var i,n,a,s,r;if(!o)return!1;if((i=o.transform)!=null&&i.offset)return!0;let e=((a=(n=o.identity)==null?void 0:n.category)!=null?a:"").toString().toLowerCase(),t=((r=(s=o.identity)==null?void 0:s.id)!=null?r:"").toString().toLowerCase();return e.includes("ui")||t.startsWith("ui")||t.includes("label")}function Di(o){let e=Ye();e.layout&&(e.layout.scale_multiplier=1,e.layout.position_offset={x:0,y:0},e.layout.debug_rect_visible=!0,e.layout.debug_rect_color=16711680,e.layout.debug_rect_thickness=4),e.engine&&(e.engine.scale=1,e.engine.background_scale=1.05,e.engine.label_pulse_speed=3,e.engine.label_pulse_intensity=.03),e.physics&&(e.physics.rope_length=420),window.location.reload()}function ar(o){window.location.reload()}function $i(o){let e=JSON.stringify(Ye(),null,2);navigator.clipboard.writeText(e).then(()=>{alert("Debug config copied to clipboard!")}).catch(()=>{console.log(e),alert("Config logged to console (clipboard not available)")})}async function sr(o,e){var t,i,n;if(!(!o.configViewer||!o.container))try{let a=window.getEditableObjectConfig,s=typeof a=="function"?a(e):null;if(!s){let{loadObjectCentricConfig:r,loadObjectConfig:l}=await import("./config-TFSKV7GO.js"),p=(((t=(await r("scene.main")).scene)==null?void 0:t.objects)||[]).find(g=>g.object_config===e||g.instance_id===e);if(!p)return;let u=await l(p.object_config);console.log("[PREVIEW] Loaded object config (fallback)",e,u),zi(o,u),(i=o.configViewer)==null||i.style.setProperty("display","block");return}console.log("[PREVIEW] Loaded object config",e,s),zi(o,s),(n=o.configViewer)==null||n.style.setProperty("display","block");return}catch(a){console.error("[DEBUG] Failed to load object config:",a)}}function zi(o,e){var u,g,h,m,f,b,y,w,v,L;if(!o.container)return;let t=o.container.querySelector("#config-pos-x"),i=o.container.querySelector("#config-pos-y"),n=o.container.querySelector("#config-scale"),a=o.container.querySelector("#config-anchor-preset"),s=o.container.querySelector("#config-anchor-x"),r=o.container.querySelector("#config-anchor-y"),c=jn(e)?(u=e.transform)==null?void 0:u.offset:(g=e.transform)==null?void 0:g.position;t&&(t.value=String((h=c==null?void 0:c.x)!=null?h:0)),i&&(i.value=String((m=c==null?void 0:c.y)!=null?m:0)),n&&(n.value=String((b=(f=e.transform)==null?void 0:f.scale)!=null?b:1));let d=(L=(v=(y=e.transform)==null?void 0:y.anchor)!=null?v:(w=e.render)==null?void 0:w.anchor)!=null?L:"center";if(a){typeof d=="string"?a.value=d:a.value="custom";let M=o.container.querySelectorAll(".anchor-custom-field"),I=a.value==="custom";M.forEach(P=>P.style.display=I?"block":"none")}let p=Xs()(d);s&&(s.value=String(p.x)),r&&(r.value=String(p.y))}function rr(o){var l,c,d,p,u,g,h,m,f,b;let e=o.selectedObjectId;if(!e||!o.container)return;let t=(c=(l=o.container.querySelector("#config-pos-x"))==null?void 0:l.value)!=null?c:"0",i=(p=(d=o.container.querySelector("#config-pos-y"))==null?void 0:d.value)!=null?p:"0",n=(g=(u=o.container.querySelector("#config-scale"))==null?void 0:u.value)!=null?g:"1",a=(m=(h=o.container.querySelector("#config-anchor-x"))==null?void 0:h.value)!=null?m:"0.5",s=(b=(f=o.container.querySelector("#config-anchor-y"))==null?void 0:f.value)!=null?b:"0.5",r=`${e}:
|
|
1858
|
+
`}initialize(e,t){var y,w,v,L,j,_,P,M,T,k,E,x,S,C,A,O;this.options=t,this.root=e.querySelector('[data-panel="loading-screen"]');let n=(()=>{var R;let I=window.getEditableEngineConfig;if(typeof I=="function"){let z=I();return(R=z==null?void 0:z.loading)!=null?R:{}}return{}})(),a=(y=this.root)==null?void 0:y.querySelector("#loading-screen-type");a&&(a.value=n.type==="image"?"image":"color",a.addEventListener("change",()=>{var I,R;(R=(I=this.options)==null?void 0:I.onUpdateLoading)==null||R.call(I,{type:a.value}),this.updateFieldVisibility(a.value)}));let s=(w=this.root)==null?void 0:w.querySelector("#loading-background-color");s&&(s.value=n.background_color||"#160a17",s.addEventListener("input",()=>{var I,R;(R=(I=this.options)==null?void 0:I.onUpdateLoading)==null||R.call(I,{background_color:s.value})}));let r=(v=this.root)==null?void 0:v.querySelector("#loading-overlay-alpha"),l=(L=this.root)==null?void 0:L.querySelector("#loading-overlay-alpha-value");r&&(r.value=String((j=n.overlay_alpha)!=null?j:1),l&&(l.textContent=Number(r.value).toFixed(2)),r.addEventListener("input",()=>{var R,z;let I=Number(r.value);l&&(l.textContent=I.toFixed(2)),(z=(R=this.options)==null?void 0:R.onUpdateLoading)==null||z.call(R,{overlay_alpha:I})}));let c=(_=this.root)==null?void 0:_.querySelector("#loading-text");c&&(c.value=n.text||"",c.addEventListener("input",()=>{var I,R;(R=(I=this.options)==null?void 0:I.onUpdateLoading)==null||R.call(I,{text:c.value})}));let d=(P=this.root)==null?void 0:P.querySelector("#loading-text-scale"),p=(M=this.root)==null?void 0:M.querySelector("#loading-text-scale-value");d&&(d.value=String((T=n.text_scale)!=null?T:.6),p&&(p.textContent=Number(d.value).toFixed(2)),d.addEventListener("input",()=>{var R,z;let I=Number(d.value);p&&(p.textContent=I.toFixed(2)),(z=(R=this.options)==null?void 0:R.onUpdateLoading)==null||z.call(R,{text_scale:I})}));let g=(k=this.root)==null?void 0:k.querySelector("#loading-enabled");g&&(g.checked=n.enabled!==!1,g.addEventListener("change",()=>{var I,R;(R=(I=this.options)==null?void 0:I.onUpdateLoading)==null||R.call(I,{enabled:g.checked})}));let u=(E=this.root)==null?void 0:E.querySelector("#loading-blur-enabled");u&&(u.checked=n.blur_enabled!==!1,u.addEventListener("change",()=>{var I,R;(R=(I=this.options)==null?void 0:I.onUpdateLoading)==null||R.call(I,{blur_enabled:u.checked})}));let h=(x=this.root)==null?void 0:x.querySelector("#loading-blur-strength"),m=(S=this.root)==null?void 0:S.querySelector("#loading-blur-strength-value");h&&(h.value=String((C=n.blur_strength)!=null?C:8),m&&(m.textContent=h.value),h.addEventListener("input",()=>{var I,R;m&&(m.textContent=h.value),(R=(I=this.options)==null?void 0:I.onUpdateLoading)==null||R.call(I,{blur_strength:Number(h.value)})}));let f=(A=this.root)==null?void 0:A.querySelector("#loading-show-btn"),b=(O=this.root)==null?void 0:O.querySelector("#loading-hide-btn");f==null||f.addEventListener("click",()=>{var I,R;(R=(I=this.options)==null?void 0:I.onShowLoadingScreen)==null||R.call(I)}),b==null||b.addEventListener("click",()=>{var I,R;(R=(I=this.options)==null?void 0:I.onHideLoadingScreen)==null||R.call(I)}),this.updateFieldVisibility(n.type==="image"?"image":"color")}updateFieldVisibility(e){var n,a;let t=(n=this.root)==null?void 0:n.querySelector("#loading-color-field"),i=(a=this.root)==null?void 0:a.querySelector("#loading-alpha-field");e==="image"?(t&&(t.style.display="none"),i&&(i.style.display="none")):(t&&(t.style.display=""),i&&(i.style.display=""))}refresh(){}};import{Graphics as Qs,Point as To}from"pixi.js";import{Point as Ks}from"pixi.js";var Ye=()=>window.debugConfig||{},Xs=()=>window.resolveAnchorVec2||(o=>({x:.5,y:.5})),Js=()=>window.resolveScreenAnchorPoint||(()=>new Ks),Zs=()=>window.resolveScreenRatioPoint||(()=>new Ks);function er(o){Ri(o)&&(o.objectDebugRaf||(o.objectDebugRaf=window.requestAnimationFrame(()=>zi(o))))}function tr(o){o.objectDebugRaf&&(window.cancelAnimationFrame(o.objectDebugRaf),o.objectDebugRaf=null),Rt(o)}function Ri(o){return o.isDebugOpen}function zi(o){var a,s,r;if(!Ri(o)){o.objectDebugRaf=null;return}o.objectDebugRaf=window.requestAnimationFrame(()=>zi(o));let e=Sn(o);if(!e){Ot(o,null),Rt(o);return}let t=En(o,e);if(!t){Ot(o,null),Rt(o);return}let i=new To;(a=t.getGlobalPosition)==null||a.call(t,i);let n=Cn(o,t);Ot(o,{instanceId:e,worldX:i.x,worldY:i.y,configX:(s=n==null?void 0:n.x)!=null?s:null,configY:(r=n==null?void 0:n.y)!=null?r:null}),o.highlightObject?Tn(o,t):In(o),o.highlightAnchor&&n?Pn(o,n):Mn(o)}function Sn(o){var n;let e=o.selectedObjectId;if(!e)return null;let t=window.__editableObjectInstances,i=(n=t==null?void 0:t.get)==null?void 0:n.call(t,e);return Array.isArray(i)&&i.length>0?i[0]:e}function En(o,e){var n,a;let t=window.gameObjectManager,i=(n=t==null?void 0:t.get)==null?void 0:n.call(t,e);return i?((a=i.getDisplayObject)==null?void 0:a.call(i))||i.pixiObject||i:null}function zt(o){let e=o.selectedObjectId;if(!e)return null;let t=window.getEditableObjectConfig;return typeof t!="function"?null:t(e)}function Cn(o,e){var s,r;let t=zt(o);if(!t)return null;let i=(s=t.transform)!=null?s:{},n=An(o);if(!n)return null;if(i.position_ratio!=null)return Zs()(n.width,n.height,i.position_ratio);let a=(r=i.anchor)!=null?r:"bottom-center";return a==="bottom-center"&&i.anchor==null&&console.log("[DEBUG FALLBACK] objectVisuals transform.anchor \u2192 bottom-center"),Js()(n.width,n.height,a)}function An(o){var a;let e=(a=o.container)==null?void 0:a.querySelector(".game-container"),t=Number(e==null?void 0:e.dataset.screenWidth),i=Number(e==null?void 0:e.dataset.screenHeight);if(Number.isFinite(t)&&t>0&&Number.isFinite(i)&&i>0)return{width:t,height:i};let n=window.gameApp;return n!=null&&n.renderer?{width:n.renderer.width,height:n.renderer.height}:null}function Ln(o){let e=window.gameApp;return e!=null&&e.stage?(o.objectBoundsGfx&&o.objectBoundsGfx.parent!==e.stage&&(o.objectBoundsGfx.destroy(),o.objectBoundsGfx=null),o.objectBoundsGfx||(o.objectBoundsGfx=new Qs,o.objectBoundsGfx.zIndex=999999,e.stage.addChild(o.objectBoundsGfx)),o.objectBoundsGfx):null}function kn(o){let e=window.gameApp;return e!=null&&e.stage?(o.objectAnchorGfx&&o.objectAnchorGfx.parent!==e.stage&&(o.objectAnchorGfx.destroy(),o.objectAnchorGfx=null),o.objectAnchorGfx||(o.objectAnchorGfx=new Qs,o.objectAnchorGfx.zIndex=1e6,e.stage.addChild(o.objectAnchorGfx)),o.objectAnchorGfx):null}function Tn(o,e){var n;let t=Ln(o);if(!t)return;let i=(n=e.getBounds)==null?void 0:n.call(e);i&&(t.clear(),t.rect(i.x,i.y,i.width,i.height).stroke({width:2,color:16726832,alpha:.9}))}function Pn(o,e){let t=kn(o);if(!t)return;let i=6;t.clear(),t.moveTo(e.x-i,e.y),t.lineTo(e.x+i,e.y),t.moveTo(e.x,e.y-i),t.lineTo(e.x,e.y+i),t.stroke({width:2,color:3066993,alpha:.9})}function In(o){o.objectBoundsGfx&&o.objectBoundsGfx.clear()}function Mn(o){o.objectAnchorGfx&&o.objectAnchorGfx.clear()}function Rt(o){o.objectBoundsGfx&&(o.objectBoundsGfx.destroy(),o.objectBoundsGfx=null),o.objectAnchorGfx&&(o.objectAnchorGfx.destroy(),o.objectAnchorGfx=null)}function Ot(o,e){o.sceneToolsPanel.updateInfo(e?{instanceId:e.instanceId,worldX:e.worldX,worldY:e.worldY,anchorX:e.configX,anchorY:e.configY}:null)}function ir(o,e){return e.split(".").reduce((t,i)=>t?t[i]:void 0,o)}function nr(o,e,t){var s;let i=e.split("."),n=i.pop(),a=o;for(let r of i)a[r]=(s=a[r])!=null?s:{},a=a[r];a[n]=t}function jn(o){var i,n,a,s,r;if(!o)return!1;if((i=o.transform)!=null&&i.offset)return!0;let e=((a=(n=o.identity)==null?void 0:n.category)!=null?a:"").toString().toLowerCase(),t=((r=(s=o.identity)==null?void 0:s.id)!=null?r:"").toString().toLowerCase();return e.includes("ui")||t.startsWith("ui")||t.includes("label")}function Di(o){let e=Ye();e.layout&&(e.layout.scale_multiplier=1,e.layout.position_offset={x:0,y:0},e.layout.debug_rect_visible=!0,e.layout.debug_rect_color=16711680,e.layout.debug_rect_thickness=4),e.engine&&(e.engine.scale=1,e.engine.background_scale=1.05,e.engine.label_pulse_speed=3,e.engine.label_pulse_intensity=.03),e.physics&&(e.physics.rope_length=420),window.location.reload()}function ar(o){window.location.reload()}function Hi(o){let e=JSON.stringify(Ye(),null,2);navigator.clipboard.writeText(e).then(()=>{alert("Debug config copied to clipboard!")}).catch(()=>{console.log(e),alert("Config logged to console (clipboard not available)")})}async function sr(o,e){var t,i,n;if(!(!o.configViewer||!o.container))try{let a=window.getEditableObjectConfig,s=typeof a=="function"?a(e):null;if(!s){let{loadObjectCentricConfig:r,loadObjectConfig:l}=await import("./config-TFSKV7GO.js"),p=(((t=(await r("scene.main")).scene)==null?void 0:t.objects)||[]).find(u=>u.object_config===e||u.instance_id===e);if(!p)return;let g=await l(p.object_config);console.log("[PREVIEW] Loaded object config (fallback)",e,g),$i(o,g),(i=o.configViewer)==null||i.style.setProperty("display","block");return}console.log("[PREVIEW] Loaded object config",e,s),$i(o,s),(n=o.configViewer)==null||n.style.setProperty("display","block");return}catch(a){console.error("[DEBUG] Failed to load object config:",a)}}function $i(o,e){var g,u,h,m,f,b,y,w,v,L;if(!o.container)return;let t=o.container.querySelector("#config-pos-x"),i=o.container.querySelector("#config-pos-y"),n=o.container.querySelector("#config-scale"),a=o.container.querySelector("#config-anchor-preset"),s=o.container.querySelector("#config-anchor-x"),r=o.container.querySelector("#config-anchor-y"),c=jn(e)?(g=e.transform)==null?void 0:g.offset:(u=e.transform)==null?void 0:u.position;t&&(t.value=String((h=c==null?void 0:c.x)!=null?h:0)),i&&(i.value=String((m=c==null?void 0:c.y)!=null?m:0)),n&&(n.value=String((b=(f=e.transform)==null?void 0:f.scale)!=null?b:1));let d=(L=(v=(y=e.transform)==null?void 0:y.anchor)!=null?v:(w=e.render)==null?void 0:w.anchor)!=null?L:"center";if(a){typeof d=="string"?a.value=d:a.value="custom";let j=o.container.querySelectorAll(".anchor-custom-field"),_=a.value==="custom";j.forEach(P=>P.style.display=_?"block":"none")}let p=Xs()(d);s&&(s.value=String(p.x)),r&&(r.value=String(p.y))}function rr(o){var l,c,d,p,g,u,h,m,f,b;let e=o.selectedObjectId;if(!e||!o.container)return;let t=(c=(l=o.container.querySelector("#config-pos-x"))==null?void 0:l.value)!=null?c:"0",i=(p=(d=o.container.querySelector("#config-pos-y"))==null?void 0:d.value)!=null?p:"0",n=(u=(g=o.container.querySelector("#config-scale"))==null?void 0:g.value)!=null?u:"1",a=(m=(h=o.container.querySelector("#config-anchor-x"))==null?void 0:h.value)!=null?m:"0.5",s=(b=(f=o.container.querySelector("#config-anchor-y"))==null?void 0:f.value)!=null?b:"0.5",r=`${e}:
|
|
1859
1859
|
position: (${t}, ${i})
|
|
1860
1860
|
scale: ${n}
|
|
1861
|
-
anchor: (${a}, ${s})`;navigator.clipboard.writeText(r).then(()=>console.log("[DEBUG] Config values copied to clipboard")).catch(y=>console.error("[DEBUG] Failed to copy config values:",y))}async function _n(o,e){var u,g,h,m,f,b,y,w,v,L,M,I;if(console.log("[INSPECTOR] \u{1F527} applyObjectConfig called"),!o.container)return;let t=o.selectedObjectId;if(!t){console.warn("[PREVIEW] Apply object config clicked with no selection");return}let i=Number((g=(u=o.container.querySelector("#config-pos-x"))==null?void 0:u.value)!=null?g:0),n=Number((m=(h=o.container.querySelector("#config-pos-y"))==null?void 0:h.value)!=null?m:0),a=Number((b=(f=o.container.querySelector("#config-scale"))==null?void 0:f.value)!=null?b:1),s=(w=(y=o.container.querySelector("#config-anchor-preset"))==null?void 0:y.value)!=null?w:"center",r=Number((L=(v=o.container.querySelector("#config-anchor-x"))==null?void 0:v.value)!=null?L:.5),l=Number((I=(M=o.container.querySelector("#config-anchor-y"))==null?void 0:M.value)!=null?I:.5),c=s==="custom"?{x:r,y:l}:s;console.log("[INSPECTOR] Applying config for:",t,{posX:i,posY:n,scale:a,anchor:c});let{applyConfigOverride:d}=await import("./ConfigOverride-XECG7H5B.js");d({objectId:t,path:"transform.position",value:{x:i,y:n}},{silent:e==null?void 0:e.silent}),d({objectId:t,path:"transform.scale",value:a},{silent:e==null?void 0:e.silent}),d({objectId:t,path:"transform.anchor",value:c},{silent:e==null?void 0:e.silent});let p=Rt(o);jn(p)&&d({objectId:t,path:"transform.offset",value:{x:i,y:n}},{silent:!0})}async function or(o,e,t){let{applyConfigOverride:i}=await import("./ConfigOverride-XECG7H5B.js");Object.entries(e.assets).forEach(([l,c])=>{i({path:`assets.${l}`,value:c},{silent:!0})}),Object.entries(e.runtime.theme).forEach(([l,c])=>{i({path:`runtime.theme.${l}`,value:c},{silent:!0})}),Object.entries(e.runtime.ui).forEach(([l,c])=>{i({path:`runtime.ui.${l}`,value:c},{silent:!0})}),Object.entries(e.runtime.fonts).forEach(([l,c])=>{i({path:`runtime.fonts.${l}`,value:c},{silent:!0})}),Object.entries(e.runtime.audio).forEach(([l,c])=>{i({path:`runtime.audio.${l}`,value:c},{silent:!0})});let n=window.applyEditableEngineConfig;if(typeof n=="function"){let l={theme:e.runtime.theme,fonts:e.runtime.fonts,audio:e.runtime.audio},c={};Object.entries(e.runtime.ui).forEach(([d,p])=>{var u;if(d)if(d.includes(".")){let g=d.split("."),h=c;for(let m=0;m<g.length-1;m++){let f=g[m];h[f]=(u=h[f])!=null?u:{},h=h[f]}h[g[g.length-1]]=p}else c[d]=p}),l.ui=c,n({runtime:l,assets:e.assets})}let a=Object.values(e.assets).some(l=>/^(blob:|data:)/.test(l)),s=(t==null?void 0:t.source)!=="auto"&&!a,r=window.__previewShell;s&&(r!=null&&r.refresh)&&r.refresh()}function lr(o){o.selectedObjectId&&(o.objectAutoApplyTimer&&window.clearTimeout(o.objectAutoApplyTimer),o.objectAutoApplyTimer=window.setTimeout(()=>{o.objectAutoApplyTimer=null,_n(o,{silent:!0})},150))}var Po=3e3;function et(o,e,t){let i=t!=null?t:o.offsetParent;if(!i)return;e.style.cursor="move";let n=!1,a=0,s=0,r=0,l=0,c=0,d=0,p=g=>{if(!n)return;let h=i.getBoundingClientRect();o.style.left=`${g.clientX-h.left-c}px`,o.style.top=`${g.clientY-h.top-d}px`},u=()=>{n&&(n=!1,o.classList.remove("dragging"),window.removeEventListener("pointermove",p),window.removeEventListener("pointerup",u))};e.addEventListener("pointerdown",g=>{if(g.button!==0)return;let h=g.target;if(h!=null&&h.closest("button, input, select, textarea"))return;g.preventDefault();let m=o.getBoundingClientRect(),f=i.getBoundingClientRect();console.log("[DRAG] Panel:",o.className),console.log("[DRAG] Container:",i.className),console.log("[DRAG] panelRect:",{left:m.left,top:m.top,width:m.width,height:m.height}),console.log("[DRAG] containerRect:",{left:f.left,top:f.top,width:f.width,height:f.height}),console.log("[DRAG] mouse:",{x:g.clientX,y:g.clientY}),c=g.clientX-m.left,d=g.clientY-m.top,console.log("[DRAG] offset:",{x:c,y:d});let b=m.left-f.left,y=m.top-f.top;console.log("[DRAG] targetPosition:",{left:b,top:y}),o.style.left=`${b}px`,o.style.top=`${y}px`,o.style.right="auto",o.style.bottom="auto",o.style.zIndex=String(++Po),n=!0,o.classList.add("dragging"),window.addEventListener("pointermove",p),window.addEventListener("pointerup",u)})}function Hi(o,e,t,i=280,n=200){e.style.cursor="nwse-resize";let a=0,s=0,r=0,l=0,c=!1,d=u=>{var y;if(!c)return;let g=u.clientX-r,h=u.clientY-l,m=Math.max(i,a+g),f=Math.max(n,s+h);o.style.width=`${m}px`,(y=o.closest(".preview-shell"))!=null&&y.classList.contains("layout-fixed")||(o.style.height=`${f}px`),t==null||t(m,f)},p=()=>{c&&(c=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p))};e.addEventListener("pointerdown",u=>{if(u.button!==0)return;u.preventDefault(),u.stopPropagation();let g=o.getBoundingClientRect();a=g.width,s=g.height,r=u.clientX,l=u.clientY,c=!0,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p)})}function On(o,e){var m,f,b,y;let t=(b=(f=(m=o.container)==null?void 0:m.querySelector("#debug-overlay"))!=null?f:o.debugOverlay)!=null?b:e.offsetParent;if(!t||(y=o.container)!=null&&y.classList.contains("layout-fixed"))return;let i=t.getBoundingClientRect(),n=e.getBoundingClientRect(),a=12,s=Math.max(250,Math.floor(i.width-a*2)),r=Math.max(200,Math.floor(i.height-a*2));n.width>s&&(e.style.width=`${s}px`),n.height>r&&(e.style.height=`${r}px`);let l=e.getBoundingClientRect(),c=l.left-i.left,d=l.top-i.top,p=Math.max(a,i.width-l.width-a),u=Math.max(a,i.height-l.height-a),g=Math.min(Math.max(c,a),p),h=Math.min(Math.max(d,a),u);e.style.left=`${Math.round(g)}px`,e.style.top=`${Math.round(h)}px`,e.style.right="auto",e.style.bottom="auto"}function gt(o){var i,n;if(!o.container)return;let e=o.container.querySelector("#debug-workbench");if(!e)return;if(On(o,e),(i=o.container)!=null&&i.classList.contains("layout-fixed")){let a=localStorage.getItem("preview_workbench_state"),s={activeTab:o.activeTab};if(a)try{s={...JSON.parse(a),activeTab:o.activeTab}}catch{}localStorage.setItem("preview_workbench_state",JSON.stringify(s));return}let t={activeTab:o.activeTab,width:e.style.width,height:(n=o.container)!=null&&n.classList.contains("layout-fixed")?"":e.style.height,left:e.style.left,top:e.style.top};localStorage.setItem("preview_workbench_state",JSON.stringify(t))}function Ni(o){try{let e=localStorage.getItem("preview_workbench_state");if(!e)return;let t=JSON.parse(e);t.activeTab&&(o.activeTab=t.activeTab),window.requestAnimationFrame(()=>{var n,a;let i=(n=o.container)==null?void 0:n.querySelector("#debug-workbench");if(i){let s=(a=o.container)==null?void 0:a.classList.contains("layout-fixed");t.width&&(i.style.width=t.width),t.height&&!s?i.style.height=t.height:s&&(i.style.height=""),t.left&&(i.style.left=t.left,i.style.right="auto"),t.top&&(i.style.top=t.top,i.style.bottom="auto"),On(o,i)}})}catch(e){console.warn("[PREVIEW] Failed to load workbench state",e)}}function Rn(o,e){let t=e.getBoundingClientRect();(t.left<0||t.top<0||t.right>window.innerWidth||t.bottom>window.innerHeight)&&(console.warn("[Workbench] Workbench positioned outside viewport, repositioning..."),e.style.left="16px",e.style.top="72px",e.style.right="auto",e.style.bottom="auto",On(o,e),gt(o))}function cr(o){var n,a,s;if(!o.container)return;let e=o.container,t=e.querySelector("#debug-toggle");t||console.warn("[PREVIEW] Debug toggle not found in DOM"),t==null||t.addEventListener("click",()=>{var r;console.log("[PREVIEW] Debug toggle clicked"),(r=o.toggleDebug)==null||r.call(o)}),(n=e.querySelector("#debug-close"))==null||n.addEventListener("click",()=>{var r;return(r=o.toggleDebug)==null?void 0:r.call(o,!1)}),(a=e.querySelector("#debug-reset"))==null||a.addEventListener("click",()=>Di(o)),(s=e.querySelector("#debug-export"))==null||s.addEventListener("click",()=>$i(o)),e.querySelectorAll(".workbench-tab").forEach(r=>{r.addEventListener("click",()=>{let l=r.dataset.tab;o.activeTab=l,zn(o),gt(o)})}),$n(o,e),Dn(o,e)}function zn(o){var n,a;if(!o.container)return;let e=o.container;e.querySelectorAll(".workbench-tab").forEach(s=>{let r=s.dataset.tab;s.classList.toggle("active",r===o.activeTab)}),e.querySelectorAll(".workbench-tab-panel").forEach(s=>{let r=s.dataset.tabPanel;s.classList.toggle("active",r===o.activeTab)}),o.activeTab==="library"&&o.libraryPanel&&((a=(n=o.libraryPanel).resetSearch)==null||a.call(n))}function Dn(o,e){Se(o,e,"debug-layout-scale","layout.scale_multiplier","#debug-layout-scale-value"),Se(o,e,"debug-layout-offset-x","layout.position_offset.x","#debug-layout-offset-x-value"),Se(o,e,"debug-layout-offset-y","layout.position_offset.y","#debug-layout-offset-y-value"),Se(o,e,"debug-rect-thickness","layout.debug_rect_thickness","#debug-rect-thickness-value"),Se(o,e,"debug-engine-scale","engine.scale","#debug-engine-scale-value"),Se(o,e,"debug-background-scale","engine.background_scale","#debug-background-scale-value"),Se(o,e,"debug-label-pulse-speed","engine.label_pulse_speed","#debug-label-pulse-speed-value"),Se(o,e,"debug-label-pulse-intensity","engine.label_pulse_intensity","#debug-label-pulse-intensity-value"),Se(o,e,"debug-rope-length","physics.rope_length","#debug-rope-length-value");let t=e.querySelector("#debug-rect-visible");t==null||t.addEventListener("change",()=>{let n=Ye();n.layout&&(n.layout.debug_rect_visible=!!t.checked)});let i=e.querySelector("#debug-rect-color");i==null||i.addEventListener("input",()=>{let n=i.value.replace("#",""),a=parseInt(n,16),s=Ye();s.layout&&(s.layout.debug_rect_color=Number.isFinite(a)?a:16711680)})}function dr(o){if(!o.container||!o.debugOverlay)return;let e=o.container.querySelector("#debug-workbench"),t=o.container.querySelector("#workbench-handle");e&&t&&(!e.style.left&&!e.style.right&&!e.style.top&&!e.style.bottom&&(e.style.right="16px",e.style.top="72px"),et(e,t,o.debugOverlay),t.addEventListener("pointerup",()=>{setTimeout(()=>{gt(o),Rn(o,e)},10)}));let i=o.container.querySelector('[data-panel="scene-objects"]'),n=i==null?void 0:i.querySelector("[data-panel-handle]"),a=i==null?void 0:i.querySelector("[data-panel-resize-v]");i&&n&&(!i.style.left&&!i.style.right&&!i.style.top&&!i.style.bottom&&(i.style.left="16px",i.style.top="72px"),et(i,n,o.debugOverlay),n.addEventListener("pointerup",()=>{setTimeout(()=>{Rn(o,i)},10)})),i&&a&&Hi(i,a);let s=o.container.querySelector('[data-panel="scene-tools-corner"]'),r=s==null?void 0:s.querySelector("[data-panel-handle]");s&&r&&et(s,r,o.debugOverlay);let l=o.container.querySelector('[data-panel="nudge-panel"]'),c=l==null?void 0:l.querySelector("[data-panel-handle]");l&&c&&et(l,c,o.debugOverlay),Ni(o)}function $n(o,e){Array.from(e.querySelectorAll("[data-panel-toggle]")).forEach(i=>{i.addEventListener("click",()=>{let n=i.closest(".scene-panel");n&&n.classList.toggle("collapsed")})})}function Se(o,e,t,i,n){let a=e.querySelector(`#${t}`),s=e.querySelector(n);if(!a||!s)return;let r=ir(Ye(),i);typeof r=="number"&&(a.value=String(r),s.textContent=String(r)),a.addEventListener("input",()=>{let l=Number(a.value);s.textContent=String(l),nr(Ye(),i,l)})}var Fi=class{constructor(){this.container=null;this.currentVersion=null;this.availableVersions=[];this.isDevelopmentMode=!1}async forceResyncAfterApply(){var e;try{let t=window.__HANDLER_ACTIVE_SCREEN;await fetch("/api/sync-screens",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({force:!0,screenId:t})})}catch(t){console.warn("[ConfigPersistence] sync-screens failed:",t)}try{let t=window.__HANDLER_REFRESH_SCREEN_INDEX;typeof t=="function"?await t():window.dispatchEvent(new CustomEvent("handler:screen-index-loaded"))}catch{}try{(e=window.refreshEditableConfigIndex)==null||e.call(window)}catch{}try{window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),window.dispatchEvent(new CustomEvent("config:changed",{detail:{action:"batch"}}))}catch{}}async initialize(e){this.container=e,this.isDevelopmentMode=typeof window!="undefined"&&document.querySelector('script[type="module"][src*="/@vite/"]')!==null,await this.loadVersionsList(),window.addEventListener("config:changed",()=>{this.refreshPanel()}),this.refreshPanel()}render(){let e=st(),{hasChanges:t,overrideCount:i,overrides:n}=e,a={};for(let d of n){let p=d.objectId||"Engine";a[p]||(a[p]=[]),a[p].push(d)}let s=localStorage.getItem("handler_last_applied"),r=s?new Date(parseInt(s)).toLocaleString():"Never",l=this.currentVersion?`Version: ${this.currentVersion} (Active)`:"Original",c=this.currentVersion?`Versioned (${this.currentVersion})`:"Global";return`
|
|
1861
|
+
anchor: (${a}, ${s})`;navigator.clipboard.writeText(r).then(()=>console.log("[DEBUG] Config values copied to clipboard")).catch(y=>console.error("[DEBUG] Failed to copy config values:",y))}async function _n(o,e){var g,u,h,m,f,b,y,w,v,L,j,_;if(console.log("[INSPECTOR] \u{1F527} applyObjectConfig called"),!o.container)return;let t=o.selectedObjectId;if(!t){console.warn("[PREVIEW] Apply object config clicked with no selection");return}let i=Number((u=(g=o.container.querySelector("#config-pos-x"))==null?void 0:g.value)!=null?u:0),n=Number((m=(h=o.container.querySelector("#config-pos-y"))==null?void 0:h.value)!=null?m:0),a=Number((b=(f=o.container.querySelector("#config-scale"))==null?void 0:f.value)!=null?b:1),s=(w=(y=o.container.querySelector("#config-anchor-preset"))==null?void 0:y.value)!=null?w:"center",r=Number((L=(v=o.container.querySelector("#config-anchor-x"))==null?void 0:v.value)!=null?L:.5),l=Number((_=(j=o.container.querySelector("#config-anchor-y"))==null?void 0:j.value)!=null?_:.5),c=s==="custom"?{x:r,y:l}:s;console.log("[INSPECTOR] Applying config for:",t,{posX:i,posY:n,scale:a,anchor:c});let{applyConfigOverride:d}=await import("./ConfigOverride-XECG7H5B.js");d({objectId:t,path:"transform.position",value:{x:i,y:n}},{silent:e==null?void 0:e.silent}),d({objectId:t,path:"transform.scale",value:a},{silent:e==null?void 0:e.silent}),d({objectId:t,path:"transform.anchor",value:c},{silent:e==null?void 0:e.silent});let p=zt(o);jn(p)&&d({objectId:t,path:"transform.offset",value:{x:i,y:n}},{silent:!0})}async function or(o,e,t){let{applyConfigOverride:i}=await import("./ConfigOverride-XECG7H5B.js");Object.entries(e.assets).forEach(([l,c])=>{i({path:`assets.${l}`,value:c},{silent:!0})}),Object.entries(e.runtime.theme).forEach(([l,c])=>{i({path:`runtime.theme.${l}`,value:c},{silent:!0})}),Object.entries(e.runtime.ui).forEach(([l,c])=>{i({path:`runtime.ui.${l}`,value:c},{silent:!0})}),Object.entries(e.runtime.fonts).forEach(([l,c])=>{i({path:`runtime.fonts.${l}`,value:c},{silent:!0})}),Object.entries(e.runtime.audio).forEach(([l,c])=>{i({path:`runtime.audio.${l}`,value:c},{silent:!0})});let n=window.applyEditableEngineConfig;if(typeof n=="function"){let l={theme:e.runtime.theme,fonts:e.runtime.fonts,audio:e.runtime.audio},c={};Object.entries(e.runtime.ui).forEach(([d,p])=>{var g;if(d)if(d.includes(".")){let u=d.split("."),h=c;for(let m=0;m<u.length-1;m++){let f=u[m];h[f]=(g=h[f])!=null?g:{},h=h[f]}h[u[u.length-1]]=p}else c[d]=p}),l.ui=c,n({runtime:l,assets:e.assets})}let a=Object.values(e.assets).some(l=>/^(blob:|data:)/.test(l)),s=(t==null?void 0:t.source)!=="auto"&&!a,r=window.__previewShell;s&&(r!=null&&r.refresh)&&r.refresh()}function lr(o){o.selectedObjectId&&(o.objectAutoApplyTimer&&window.clearTimeout(o.objectAutoApplyTimer),o.objectAutoApplyTimer=window.setTimeout(()=>{o.objectAutoApplyTimer=null,_n(o,{silent:!0})},150))}var Po=3e3;function et(o,e,t){let i=t!=null?t:o.offsetParent;if(!i)return;e.style.cursor="move";let n=!1,a=0,s=0,r=0,l=0,c=0,d=0,p=u=>{if(!n)return;let h=i.getBoundingClientRect();o.style.left=`${u.clientX-h.left-c}px`,o.style.top=`${u.clientY-h.top-d}px`},g=()=>{n&&(n=!1,o.classList.remove("dragging"),window.removeEventListener("pointermove",p),window.removeEventListener("pointerup",g))};e.addEventListener("pointerdown",u=>{if(u.button!==0)return;let h=u.target;if(h!=null&&h.closest("button, input, select, textarea"))return;u.preventDefault();let m=o.getBoundingClientRect(),f=i.getBoundingClientRect();console.log("[DRAG] Panel:",o.className),console.log("[DRAG] Container:",i.className),console.log("[DRAG] panelRect:",{left:m.left,top:m.top,width:m.width,height:m.height}),console.log("[DRAG] containerRect:",{left:f.left,top:f.top,width:f.width,height:f.height}),console.log("[DRAG] mouse:",{x:u.clientX,y:u.clientY}),c=u.clientX-m.left,d=u.clientY-m.top,console.log("[DRAG] offset:",{x:c,y:d});let b=m.left-f.left,y=m.top-f.top;console.log("[DRAG] targetPosition:",{left:b,top:y}),o.style.left=`${b}px`,o.style.top=`${y}px`,o.style.right="auto",o.style.bottom="auto",o.style.zIndex=String(++Po),n=!0,o.classList.add("dragging"),window.addEventListener("pointermove",p),window.addEventListener("pointerup",g)})}function Ni(o,e,t,i=280,n=200){e.style.cursor="nwse-resize";let a=0,s=0,r=0,l=0,c=!1,d=g=>{var y;if(!c)return;let u=g.clientX-r,h=g.clientY-l,m=Math.max(i,a+u),f=Math.max(n,s+h);o.style.width=`${m}px`,(y=o.closest(".preview-shell"))!=null&&y.classList.contains("layout-fixed")||(o.style.height=`${f}px`),t==null||t(m,f)},p=()=>{c&&(c=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p))};e.addEventListener("pointerdown",g=>{if(g.button!==0)return;g.preventDefault(),g.stopPropagation();let u=o.getBoundingClientRect();a=u.width,s=u.height,r=g.clientX,l=g.clientY,c=!0,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p)})}function On(o,e){var m,f,b,y;let t=(b=(f=(m=o.container)==null?void 0:m.querySelector("#debug-overlay"))!=null?f:o.debugOverlay)!=null?b:e.offsetParent;if(!t||(y=o.container)!=null&&y.classList.contains("layout-fixed"))return;let i=t.getBoundingClientRect(),n=e.getBoundingClientRect(),a=12,s=Math.max(250,Math.floor(i.width-a*2)),r=Math.max(200,Math.floor(i.height-a*2));n.width>s&&(e.style.width=`${s}px`),n.height>r&&(e.style.height=`${r}px`);let l=e.getBoundingClientRect(),c=l.left-i.left,d=l.top-i.top,p=Math.max(a,i.width-l.width-a),g=Math.max(a,i.height-l.height-a),u=Math.min(Math.max(c,a),p),h=Math.min(Math.max(d,a),g);e.style.left=`${Math.round(u)}px`,e.style.top=`${Math.round(h)}px`,e.style.right="auto",e.style.bottom="auto"}function gt(o){var i,n;if(!o.container)return;let e=o.container.querySelector("#debug-workbench");if(!e)return;if(On(o,e),(i=o.container)!=null&&i.classList.contains("layout-fixed")){let a=localStorage.getItem("preview_workbench_state"),s={activeTab:o.activeTab};if(a)try{s={...JSON.parse(a),activeTab:o.activeTab}}catch{}localStorage.setItem("preview_workbench_state",JSON.stringify(s));return}let t={activeTab:o.activeTab,width:e.style.width,height:(n=o.container)!=null&&n.classList.contains("layout-fixed")?"":e.style.height,left:e.style.left,top:e.style.top};localStorage.setItem("preview_workbench_state",JSON.stringify(t))}function Fi(o){try{let e=localStorage.getItem("preview_workbench_state");if(!e)return;let t=JSON.parse(e);t.activeTab&&(o.activeTab=t.activeTab),window.requestAnimationFrame(()=>{var n,a;let i=(n=o.container)==null?void 0:n.querySelector("#debug-workbench");if(i){let s=(a=o.container)==null?void 0:a.classList.contains("layout-fixed");t.width&&(i.style.width=t.width),t.height&&!s?i.style.height=t.height:s&&(i.style.height=""),t.left&&(i.style.left=t.left,i.style.right="auto"),t.top&&(i.style.top=t.top,i.style.bottom="auto"),On(o,i)}})}catch(e){console.warn("[PREVIEW] Failed to load workbench state",e)}}function Rn(o,e){let t=e.getBoundingClientRect();(t.left<0||t.top<0||t.right>window.innerWidth||t.bottom>window.innerHeight)&&(console.warn("[Workbench] Workbench positioned outside viewport, repositioning..."),e.style.left="16px",e.style.top="72px",e.style.right="auto",e.style.bottom="auto",On(o,e),gt(o))}function cr(o){var n,a,s;if(!o.container)return;let e=o.container,t=e.querySelector("#debug-toggle");t||console.warn("[PREVIEW] Debug toggle not found in DOM"),t==null||t.addEventListener("click",()=>{var r;console.log("[PREVIEW] Debug toggle clicked"),(r=o.toggleDebug)==null||r.call(o)}),(n=e.querySelector("#debug-close"))==null||n.addEventListener("click",()=>{var r;return(r=o.toggleDebug)==null?void 0:r.call(o,!1)}),(a=e.querySelector("#debug-reset"))==null||a.addEventListener("click",()=>Di(o)),(s=e.querySelector("#debug-export"))==null||s.addEventListener("click",()=>Hi(o)),e.querySelectorAll(".workbench-tab").forEach(r=>{r.addEventListener("click",()=>{let l=r.dataset.tab;o.activeTab=l,zn(o),gt(o)})}),Dn(o,e),$n(o,e)}function zn(o){var n,a;if(!o.container)return;let e=o.container;e.querySelectorAll(".workbench-tab").forEach(s=>{let r=s.dataset.tab;s.classList.toggle("active",r===o.activeTab)}),e.querySelectorAll(".workbench-tab-panel").forEach(s=>{let r=s.dataset.tabPanel;s.classList.toggle("active",r===o.activeTab)}),o.activeTab==="library"&&o.libraryPanel&&((a=(n=o.libraryPanel).resetSearch)==null||a.call(n))}function $n(o,e){Se(o,e,"debug-layout-scale","layout.scale_multiplier","#debug-layout-scale-value"),Se(o,e,"debug-layout-offset-x","layout.position_offset.x","#debug-layout-offset-x-value"),Se(o,e,"debug-layout-offset-y","layout.position_offset.y","#debug-layout-offset-y-value"),Se(o,e,"debug-rect-thickness","layout.debug_rect_thickness","#debug-rect-thickness-value"),Se(o,e,"debug-engine-scale","engine.scale","#debug-engine-scale-value"),Se(o,e,"debug-background-scale","engine.background_scale","#debug-background-scale-value"),Se(o,e,"debug-label-pulse-speed","engine.label_pulse_speed","#debug-label-pulse-speed-value"),Se(o,e,"debug-label-pulse-intensity","engine.label_pulse_intensity","#debug-label-pulse-intensity-value"),Se(o,e,"debug-rope-length","physics.rope_length","#debug-rope-length-value");let t=e.querySelector("#debug-rect-visible");t==null||t.addEventListener("change",()=>{let n=Ye();n.layout&&(n.layout.debug_rect_visible=!!t.checked)});let i=e.querySelector("#debug-rect-color");i==null||i.addEventListener("input",()=>{let n=i.value.replace("#",""),a=parseInt(n,16),s=Ye();s.layout&&(s.layout.debug_rect_color=Number.isFinite(a)?a:16711680)})}function dr(o){if(!o.container||!o.debugOverlay)return;let e=o.container.querySelector("#debug-workbench"),t=o.container.querySelector("#workbench-handle");e&&t&&(!e.style.left&&!e.style.right&&!e.style.top&&!e.style.bottom&&(e.style.right="16px",e.style.top="72px"),et(e,t,o.debugOverlay),t.addEventListener("pointerup",()=>{setTimeout(()=>{gt(o),Rn(o,e)},10)}));let i=o.container.querySelector('[data-panel="scene-objects"]'),n=i==null?void 0:i.querySelector("[data-panel-handle]"),a=i==null?void 0:i.querySelector("[data-panel-resize-v]");i&&n&&(!i.style.left&&!i.style.right&&!i.style.top&&!i.style.bottom&&(i.style.left="16px",i.style.top="72px"),et(i,n,o.debugOverlay),n.addEventListener("pointerup",()=>{setTimeout(()=>{Rn(o,i)},10)})),i&&a&&Ni(i,a);let s=o.container.querySelector('[data-panel="scene-tools-corner"]'),r=s==null?void 0:s.querySelector("[data-panel-handle]");s&&r&&et(s,r,o.debugOverlay);let l=o.container.querySelector('[data-panel="nudge-panel"]'),c=l==null?void 0:l.querySelector("[data-panel-handle]");l&&c&&et(l,c,o.debugOverlay),Fi(o)}function Dn(o,e){Array.from(e.querySelectorAll("[data-panel-toggle]")).forEach(i=>{i.addEventListener("click",()=>{let n=i.closest(".scene-panel");n&&n.classList.toggle("collapsed")})})}function Se(o,e,t,i,n){let a=e.querySelector(`#${t}`),s=e.querySelector(n);if(!a||!s)return;let r=ir(Ye(),i);typeof r=="number"&&(a.value=String(r),s.textContent=String(r)),a.addEventListener("input",()=>{let l=Number(a.value);s.textContent=String(l),nr(Ye(),i,l)})}var Bi=class{constructor(){this.container=null;this.currentVersion=null;this.availableVersions=[];this.isDevelopmentMode=!1}async forceResyncAfterApply(){var e;try{let t=window.__HANDLER_ACTIVE_SCREEN;await fetch("/api/sync-screens",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({force:!0,screenId:t})})}catch(t){console.warn("[ConfigPersistence] sync-screens failed:",t)}try{let t=window.__HANDLER_REFRESH_SCREEN_INDEX;typeof t=="function"?await t():window.dispatchEvent(new CustomEvent("handler:screen-index-loaded"))}catch{}try{(e=window.refreshEditableConfigIndex)==null||e.call(window)}catch{}try{window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),window.dispatchEvent(new CustomEvent("inspector:refresh")),window.dispatchEvent(new CustomEvent("config:changed",{detail:{action:"batch"}}))}catch{}}async initialize(e){this.container=e,this.isDevelopmentMode=typeof window!="undefined"&&document.querySelector('script[type="module"][src*="/@vite/"]')!==null,await this.loadVersionsList(),window.addEventListener("config:changed",()=>{this.refreshPanel()}),this.refreshPanel()}render(){let e=st(),{hasChanges:t,overrideCount:i,overrides:n}=e,a={};for(let d of n){let p=d.objectId||"Engine";a[p]||(a[p]=[]),a[p].push(d)}let s=localStorage.getItem("handler_last_applied"),r=s?new Date(parseInt(s)).toLocaleString():"Never",l=this.currentVersion?`Version: ${this.currentVersion} (Active)`:"Original",c=this.currentVersion?`Versioned (${this.currentVersion})`:"Global";return`
|
|
1862
1862
|
<div class="config-persistence-panel">
|
|
1863
1863
|
<!-- Status Footer (Always Visible) -->
|
|
1864
1864
|
<div class="persistence-status-footer">
|
|
@@ -1976,13 +1976,13 @@ Generate the requested asset matching the brand style.${o.needsTransparency?" Ba
|
|
|
1976
1976
|
<span class="group-id">${d}</span>
|
|
1977
1977
|
</div>
|
|
1978
1978
|
<div class="staging-items">
|
|
1979
|
-
${p.map(
|
|
1979
|
+
${p.map(g=>`
|
|
1980
1980
|
<div class="staging-item">
|
|
1981
|
-
<div class="item-path">${
|
|
1982
|
-
<div class="item-value" title="${JSON.stringify(
|
|
1983
|
-
${this.formatValue(
|
|
1981
|
+
<div class="item-path">${g.path}</div>
|
|
1982
|
+
<div class="item-value" title="${JSON.stringify(g.value)}">
|
|
1983
|
+
${this.formatValue(g.value)}
|
|
1984
1984
|
</div>
|
|
1985
|
-
<button class="item-remove" data-remove-path="${
|
|
1985
|
+
<button class="item-remove" data-remove-path="${g.path}" data-remove-id="${g.objectId||""}" title="Discard this change">\xD7</button>
|
|
1986
1986
|
</div>
|
|
1987
1987
|
`).join("")}
|
|
1988
1988
|
</div>
|
|
@@ -2022,17 +2022,17 @@ This will delete generated config JSON files in configs/objects that are not ref
|
|
|
2022
2022
|
|
|
2023
2023
|
It will NOT touch library/base configs.
|
|
2024
2024
|
|
|
2025
|
-
Continue?`))try{e.textContent="\u23F3 Pruning...",e.setAttribute("disabled","true");let
|
|
2025
|
+
Continue?`))try{e.textContent="\u23F3 Pruning...",e.setAttribute("disabled","true");let u=await fetch("/api/objects/prune-unused",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({dryRun:!1})}),h=await u.json().catch(()=>({}));if(!u.ok||(h==null?void 0:h.success)===!1)throw new Error((h==null?void 0:h.error)||"Prune failed");await this.forceResyncAfterApply();let m=Array.isArray(h.deletedFiles)?h.deletedFiles.length:0,f=Array.isArray(h.removedAssetSlots)?h.removedAssetSlots.length:0;this.showSuccessNotification(`Pruned ${m} configs, ${f} asset slots`),this.refreshPanel()}catch(u){console.error("[ConfigPersistence] Prune unused failed:",u),alert(`\u274C Prune failed: ${u.message}`)}finally{e.textContent="\u{1F9F9} PRUNE UNUSED OBJECT CONFIGS",e.removeAttribute("disabled")}});let t=this.container.querySelector("#create-version-btn");t==null||t.addEventListener("click",async()=>{var h;if(t.getAttribute("disabled")!==null)return;if(!st().hasChanges){alert("No changes to save. Make some edits first.");return}if(confirm(`Save As New Version?
|
|
2026
2026
|
|
|
2027
2027
|
This will:
|
|
2028
2028
|
\u2022 Create a new version snapshot
|
|
2029
2029
|
\u2022 Include all current changes
|
|
2030
2030
|
\u2022 Clear staged overrides after save
|
|
2031
|
-
\u2022 Set the new version as active`))try{let m=localStorage.getItem("handler_last_version_name")||"",b=((h=prompt("Version name (e.g. v1.2.0, test_2024):",m))!=null?h:"").trim();if(!b){alert("Version name is required.");return}localStorage.setItem("handler_last_version_name",b),t.textContent="\u23F3 Creating version...",t.setAttribute("disabled","true"),await Ga(b),Ze(),await this.forceResyncAfterApply(),this.showSuccessNotification("Version created and set as active"),await this.loadVersionsList(),this.refreshPanel()}catch(m){console.error("[ConfigPersistence] Create version failed:",m),alert(`\u274C Failed to create version: ${m.message}`),t.textContent="\u{1F4DD} SAVE AS NEW VERSION",t.removeAttribute("disabled")}});let i=this.container.querySelector("#apply-current-btn");i==null||i.addEventListener("click",async()=>{if(i.getAttribute("disabled")!==null)return;let
|
|
2031
|
+
\u2022 Set the new version as active`))try{let m=localStorage.getItem("handler_last_version_name")||"",b=((h=prompt("Version name (e.g. v1.2.0, test_2024):",m))!=null?h:"").trim();if(!b){alert("Version name is required.");return}localStorage.setItem("handler_last_version_name",b),t.textContent="\u23F3 Creating version...",t.setAttribute("disabled","true"),await Ga(b),Ze(),await this.forceResyncAfterApply(),this.showSuccessNotification("Version created and set as active"),await this.loadVersionsList(),this.refreshPanel()}catch(m){console.error("[ConfigPersistence] Create version failed:",m),alert(`\u274C Failed to create version: ${m.message}`),t.textContent="\u{1F4DD} SAVE AS NEW VERSION",t.removeAttribute("disabled")}});let i=this.container.querySelector("#apply-current-btn");i==null||i.addEventListener("click",async()=>{if(i.getAttribute("disabled")!==null)return;let g=this.currentVersion?`version "${this.currentVersion}"`:"Original configs";if(confirm(`Apply to Current Source?
|
|
2032
2032
|
|
|
2033
|
-
This will write all staged changes to ${
|
|
2033
|
+
This will write all staged changes to ${g}.
|
|
2034
2034
|
|
|
2035
|
-
After applying, staged overrides will be cleared.`))try{i.textContent="\u23F3 Applying...",i.setAttribute("disabled","true");let h=
|
|
2035
|
+
After applying, staged overrides will be cleared.`))try{i.textContent="\u23F3 Applying...",i.setAttribute("disabled","true");let h=Jt(),m={};for(let[y,w]of Object.entries(h.objects)){let v=w,L=y;/^(json\.|ui\.|effects\.|engine\.)/.test(L)||(L=`json.${y}`),v&&typeof v=="object"&&(v.identity||(v.identity={}),v.identity.id=L),m[`objects/${L}.json`]=v}h.engine&&(h.engine.runtime&&(m["engine/engine.runtime.json"]=h.engine.runtime),h.engine.assets&&(m["engine/engine.assets.json"]=h.engine.assets),h.engine.splash&&(m["engine/engine.splash.json"]=h.engine.splash),h.engine.loading&&(m["engine/engine.loading.json"]=h.engine.loading),h.engine.start&&(m["engine/engine.start.json"]=h.engine.start),h.engine.tutorial&&(m["engine/engine.tutorial.json"]=h.engine.tutorial),h.engine.endgame&&(m["engine/engine.endgame.json"]=h.engine.endgame),!h.engine.runtime&&!h.engine.assets&&(m["engine/engine.json"]=h.engine));for(let[y,w]of Object.entries(h.scenes)){let v=y.startsWith("scene.")?y:`scene.${y}`;m[`scenes/${v}.json`]=w}let f=this.currentVersion?"/api/apply-current":"/api/apply-direct",b=await fetch(f,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({configs:m,assets:{},hadCacheAtApply:!0})});if(!b.ok){let y=await b.json();throw new Error(y.error||"Apply to current source failed")}Ze();try{let y=window.__editableConfig;y&&(window.__editableConfigBaseline=Tt(y))}catch{}this.showSuccessNotification("Applied to current source"),await this.loadVersionsList(),this.refreshPanel(),await this.forceResyncAfterApply()}catch(h){console.error("[ConfigPersistence] Apply current failed:",h),alert(`\u274C Apply to current source failed: ${h.message}`),i.textContent="\u{1F4BE} APPLY TO CURRENT SOURCE",i.removeAttribute("disabled")}});let n=this.container.querySelector("#apply-base-btn");n==null||n.addEventListener("click",async()=>{if(confirm(`\u26A0\uFE0F DANGER: APPLY TO BASE
|
|
2036
2036
|
|
|
2037
2037
|
This will DIRECTLY MODIFY base configuration files.
|
|
2038
2038
|
|
|
@@ -2042,7 +2042,7 @@ This is ONLY for active development.
|
|
|
2042
2042
|
|
|
2043
2043
|
Make sure your project is under Git version control.
|
|
2044
2044
|
|
|
2045
|
-
Continue?`))try{n.textContent="\u23F3 Writing to base...",n.setAttribute("disabled","true");let
|
|
2045
|
+
Continue?`))try{n.textContent="\u23F3 Writing to base...",n.setAttribute("disabled","true");let u=Jt(),h={};for(let[f,b]of Object.entries(u.objects)){let y=b,w=f;/^(json\.|ui\.|effects\.|engine\.)/.test(w)||(w=`json.${f}`),y&&typeof y=="object"&&(y.identity||(y.identity={}),y.identity.id=w),h[`objects/${w}.json`]=y}u.engine&&(u.engine.runtime&&(h["engine/engine.runtime.json"]=u.engine.runtime),u.engine.assets&&(h["engine/engine.assets.json"]=u.engine.assets),u.engine.splash&&(h["engine/engine.splash.json"]=u.engine.splash),u.engine.loading&&(h["engine/engine.loading.json"]=u.engine.loading),u.engine.start&&(h["engine/engine.start.json"]=u.engine.start),u.engine.tutorial&&(h["engine/engine.tutorial.json"]=u.engine.tutorial),u.engine.endgame&&(h["engine/engine.endgame.json"]=u.engine.endgame),!u.engine.runtime&&!u.engine.assets&&(h["engine/engine.json"]=u.engine));for(let[f,b]of Object.entries(u.scenes)){let y=f.startsWith("scene.")?f:`scene.${f}`;h[`scenes/${y}.json`]=b}let m=await fetch("/api/apply-direct",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({configs:h,assets:{}})});if(!m.ok){let f=await m.json();throw new Error(f.error||"Apply to base failed")}Ze(),this.showSuccessNotification(),this.refreshPanel(),await this.forceResyncAfterApply()}catch(u){console.error("[ConfigPersistence] Apply to base failed:",u),alert(`\u274C Apply to base failed: ${u.message}`),n.textContent="\u{1F527} APPLY TO BASE (No Version)",n.removeAttribute("disabled")}});let a=this.container.querySelector("#version-selector");a==null||a.addEventListener("change",async g=>{let h=g.target.value;await this.switchVersion(h)}),this.container.querySelectorAll(".item-remove").forEach(g=>{g.addEventListener("click",()=>{let u=g.dataset.removePath,h=g.dataset.removeId;Na(h||void 0,u)})});let r=this.container.querySelector("#clear-all-overrides"),l=this.container.querySelector("#discard-all-overrides-btn"),c=()=>{confirm("Discard all staged changes? This will clear all overrides and reload from current Source.")&&(Ze(),sn(),this.refreshPanel())};r==null||r.addEventListener("click",c),l==null||l.addEventListener("click",c);let d=this.container.querySelector("#reset-to-applied-btn");d==null||d.addEventListener("click",()=>{confirm("Discard changes and reload last applied state?")&&sn()});let p=this.container.querySelector("#reset-to-original-btn");p==null||p.addEventListener("click",async()=>{await Ua()})}showSuccessNotification(e){let t=document.createElement("div");t.className="persistence-notification success";let i=e&&e.trim().length>0?e.trim():"Changes Applied!";t.innerHTML=`
|
|
2046
2046
|
<div class="notify-icon">\u2705</div>
|
|
2047
2047
|
<div class="notify-content">
|
|
2048
2048
|
<strong>${i}</strong>
|
|
@@ -2060,7 +2060,7 @@ This will DIRECTLY MODIFY your base configuration files WITHOUT creating a snaps
|
|
|
2060
2060
|
|
|
2061
2061
|
This cannot be undone unless you have git commits or backups.
|
|
2062
2062
|
|
|
2063
|
-
Are you absolutely sure?`))try{let t=
|
|
2063
|
+
Are you absolutely sure?`))try{let t=Jt(),i={};for(let[a,s]of Object.entries(t.objects)){let r=s,l=a;/^(json\.|ui\.|effects\.|engine\.)/.test(l)||(l=`json.${a}`),r&&typeof r=="object"&&(r.identity||(r.identity={}),r.identity.id=l),i[`objects/${l}.json`]=r}t.engine&&(t.engine.runtime&&(i["engine/engine.runtime.json"]=t.engine.runtime),t.engine.assets&&(i["engine/engine.assets.json"]=t.engine.assets),t.engine.splash&&(i["engine/engine.splash.json"]=t.engine.splash),t.engine.loading&&(i["engine/engine.loading.json"]=t.engine.loading),t.engine.start&&(i["engine/engine.start.json"]=t.engine.start),t.engine.tutorial&&(i["engine/engine.tutorial.json"]=t.engine.tutorial),t.engine.endgame&&(i["engine/engine.endgame.json"]=t.engine.endgame),!t.engine.runtime&&!t.engine.assets&&(i["engine/engine.json"]=t.engine));for(let[a,s]of Object.entries(t.scenes)){let r=a.startsWith("scene.")?a:`scene.${a}`;i[`scenes/${r}.json`]=s}let n=await fetch("/api/apply-direct",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({configs:i,assets:{}})});if(!n.ok){let a=await n.json();throw new Error(a.error||"Direct apply failed")}Ze(),this.showSuccessNotification(),this.refreshPanel()}catch(t){console.error("[ConfigPersistence] Direct apply failed:",t),alert(`\u274C Direct apply failed: ${t.message}`)}}};var Gi=class{constructor(){this.debugOverlay=null;this.isDebugOpen=!1;this.selectedObjectId=null;this.configViewer=null;this.container=null;this.objectAutoApplyTimer=null;this.objectDebugRaf=null;this.objectBoundsGfx=null;this.objectAnchorGfx=null;this.highlightObject=!1;this.highlightAnchor=!1;this.activeTab="hierarchy";this.sceneObjectsPanel=new ai;this.sceneToolsPanel=new si;this.nudgePanel=new ri;this.inspectorPanel=new ki;this.libraryPanel=new Mt;this.libraryPanelDocked=new Mt;this.brandVisionPanel=new ji;this.customizeSettingsPanel=new _i;this.configPersistencePanel=new Bi;this.loadingScreenPanel=new Oi}applyAssetChange(e,t){return Bs(this,e,t)}resetAsset(e){return Gs(this,e)}applySlotAsset(e,t,i){return Ii(this,e,t,i)}resetSlotAsset(e,t,i){return Us(this,e,t,i)}startObjectVisuals(){return er(this)}stopObjectVisuals(){return tr(this)}shouldRunObjectVisuals(){return Ri(this)}updateObjectVisuals(){return zi(this)}getSelectedInstanceId(){return Sn(this)}getDisplayObjectById(e){return En(this,e)}getSelectedObjectConfig(){return zt(this)}getConfigAnchorWorldPoint(e){return Cn(this,e)}getScreenSize(){return An(this)}ensureBoundsGfx(){return Ln(this)}ensureAnchorGfx(){return kn(this)}drawBounds(e){return Tn(this,e)}drawAnchor(e){return Pn(this,e)}clearBounds(){return In(this)}clearAnchor(){return Mn(this)}clearObjectVisuals(){return Rt(this)}updateObjectInfo(e){return Ot(this,e)}resetDebugConfig(){return Di(this)}applyDebugConfig(){return ar(this)}exportDebugConfig(){return Hi(this)}loadObjectConfig(e){return sr(this,e)}fillConfigViewer(e){return $i(this,e)}copyConfigValues(){return rr(this)}applyObjectConfig(e){return _n(this,e)}applyCustomizeSettings(e,t){return or(this,e,t)}scheduleObjectAutoApply(){return lr(this)}setupDebugEventListeners(){return cr(this)}setupDebugInputListeners(e){return $n(this,e)}setupPanelLayout(){return dr(this)}setupCollapsiblePanels(e){return Dn(this,e)}setupRangeInput(e,t,i,n){return Se(this,e,t,i,n)}updateWorkbenchTabs(){return zn(this)}saveWorkbenchState(){return gt(this)}loadWorkbenchState(){return Fi(this)}initialize(e){var n;this.container=e,this.debugOverlay=e.querySelector(".debug-overlay"),this.configViewer=e.querySelector("#config-viewer");try{let a=localStorage.getItem("preview_workbench_state");if(a){let s=JSON.parse(a);s.activeTab&&(this.activeTab=s.activeTab)}}catch(a){console.warn("[PREVIEW] Failed to load workbench tab state",a)}this.sceneObjectsPanel.initialize(e,{onSelect:a=>this.handleObjectSelect(a)}),this.libraryPanel.initialize(e,{onApply:(a,s,r)=>this.applySlotAsset(a,s,r),onReset:(a,s,r)=>this.resetSlotAsset(a,s,r)});let t=e.querySelector("#dock-library-content");t&&(t.innerHTML=this.libraryPanelDocked.render(),this.libraryPanelDocked.initialize(t,{onApply:(a,s,r)=>this.applySlotAsset(a,s,r),onReset:(a,s,r)=>this.resetSlotAsset(a,s,r)})),this.inspectorPanel.initialize(e,{onPropertyChange:(a,s,r)=>{console.log("[Inspector] Property changed:",a,s,r)}}),this.brandVisionPanel.initialize(e,()=>{this.toggleDebug(!1);let a="/dashboard";window.location.pathname!==a&&(window.location.href=a)}),this.customizeSettingsPanel.initialize(e,{onApply:(a,s)=>this.applyCustomizeSettings(a,s)}),this.sceneToolsPanel.initialize(e,{onHighlightObject:a=>{this.highlightObject=a,a?this.selectedObjectId&&this.startObjectVisuals():this.stopObjectVisuals()},onHighlightAnchor:a=>{this.highlightAnchor=a,a?this.selectedObjectId&&this.startObjectVisuals():this.stopObjectVisuals()},onNudge:(a,s)=>this.nudgeSelectedObject(a,s),onShowSplash:()=>{let a=window;typeof a.__previewShowSplash=="function"&&a.__previewShowSplash()},onUpdateSplash:a=>{let s=window;typeof s.applyEditableEngineConfig=="function"&&s.applyEditableEngineConfig({splash:a})}}),this.nudgePanel.initialize(e,{onNudge:async(a,s)=>{var g,u,h;if(!this.selectedObjectId)return;let r=this.getSelectedObjectConfig();if(!r)return;let l=(g=r.transform)==null?void 0:g.position,c=((u=l==null?void 0:l.x)!=null?u:0)+a,d=((h=l==null?void 0:l.y)!=null?h:0)+s,{applyConfigOverride:p}=await import("./ConfigOverride-XECG7H5B.js");p({objectId:this.selectedObjectId,path:"transform.position",value:{x:c,y:d}},{silent:!0,emitEvent:!0}),window.dispatchEvent(new CustomEvent("inspector:refresh"))},onScale:async a=>{var d,p;if(!this.selectedObjectId)return;let s=this.getSelectedObjectConfig();if(!s)return;let r=(p=(d=s.transform)==null?void 0:d.scale)!=null?p:1,l=Math.max(.1,r+a),{applyConfigOverride:c}=await import("./ConfigOverride-XECG7H5B.js");c({objectId:this.selectedObjectId,path:"transform.scale",value:l},{silent:!0,emitEvent:!0}),window.dispatchEvent(new CustomEvent("inspector:refresh"))}});let i=e.querySelector("#debug-nudge-enabled");i==null||i.addEventListener("change",()=>{i.checked?this.nudgePanel.show():this.nudgePanel.hide()}),this.configPersistencePanel.initialize(e),this.loadingScreenPanel.initialize(e,{onShowLoadingScreen:()=>{let a=window;typeof a.__previewShowLoading=="function"?a.__previewShowLoading():console.warn("[DEBUG] __previewShowLoading not available")},onHideLoadingScreen:()=>{let a=window;typeof a.__previewHideLoading=="function"?a.__previewHideLoading():console.warn("[DEBUG] __previewHideLoading not available")},onUpdateLoading:a=>{let s=window;typeof s.applyEditableEngineConfig=="function"&&s.applyEditableEngineConfig({loading:a}),typeof s.__previewUpdateLoading=="function"?s.__previewUpdateLoading(a):console.warn("[DEBUG] __previewUpdateLoading not available")}}),window.__openAiEditor=(a,s,r,l)=>{this.customizeSettingsPanel.openAiEditor(a,s,r,l)},this.setupPanelLayout(),this.updateWorkbenchTabs(),window.__debugContext=this,window.__updateWorkbenchTabs=()=>this.updateWorkbenchTabs(),this.isDebugOpen=!0,(n=this.debugOverlay)==null||n.classList.remove("hidden"),this.updateDebugBadge(),this.sceneObjectsPanel.refreshObjects(),window.__previewSelectObject=a=>this.selectObject(a),window.__getSelectedObjectId=()=>this.selectedObjectId,window.addEventListener("config:changed",a=>{var s,r;((s=a.detail)==null?void 0:s.action)!=="remove"&&((r=a.detail)==null?void 0:r.action)!=="clear_object"&&this.highlightChangesTab()}),window.applyAssetToSlot=(a,s,r)=>this.applySlotAsset(a,s,r),window.refreshAssetLibrary=()=>Promise.all([this.libraryPanel.refresh(),this.libraryPanelDocked.refresh()]),window.reRenderAssetLibrary=()=>{this.libraryPanel.reRender(),this.libraryPanelDocked.reRender()},window.getEngineSplashConfig=()=>{var s;let a=window.getActiveConfig;if(typeof a=="function"){let r=a();return((s=r==null?void 0:r.engine)==null?void 0:s.splash)||null}return null},window.addAssetToRegistry=(a,s)=>{let r=window.getEditableAssets;if(typeof r=="function"){let l=r();if(l!=null&&l.libraryAssets&&(l.libraryAssets[a]||(l.libraryAssets[a]=[]),!l.libraryAssets[a].some(d=>d.filename===s))){let d=s.replace(/\.(png|jpg|jpeg)$/i,"").replace(/_/g," ");l.libraryAssets[a].unshift({filename:s,displayName:d}),console.log(`[DEBUG] Added ${s} to registry category ${a}`)}}},window.__highlightLibrarySlot=(a,s)=>{this.libraryPanel.highlightSlot(a,s),this.libraryPanelDocked.highlightSlot(a,s)}}selectObject(e){this.handleObjectSelect(e),this.activeTab!=="inspector"&&this.activeTab!=="ai"&&this.setActiveTab("inspector")}setActiveTab(e){this.activeTab=e,this.updateWorkbenchTabs(),this.saveWorkbenchState()}highlightChangesTab(){var t;let e=(t=this.container)==null?void 0:t.querySelector('[data-tab="changes"]');e&&e.classList.add("has-pending-changes")}getDebugOverlayHTML(){return`
|
|
2064
2064
|
<div class="debug-overlay hidden" id="debug-overlay">
|
|
2065
2065
|
<div class="debug-workbench" id="debug-workbench">
|
|
2066
2066
|
<div class="workbench-header" id="workbench-handle">
|
|
@@ -2107,7 +2107,7 @@ Are you absolutely sure?`))try{let t=Xt(),i={};for(let[a,s]of Object.entries(t.o
|
|
|
2107
2107
|
${this.sceneToolsPanel.render()}
|
|
2108
2108
|
${this.nudgePanel.render()}
|
|
2109
2109
|
</div>
|
|
2110
|
-
`}refresh(){this.isDebugOpen&&(this.sceneObjectsPanel.refreshObjects(),this.libraryPanel.refresh(),this.libraryPanelDocked.refresh(),this.brandVisionPanel.refresh(),this.selectedObjectId&&this.handleObjectSelect(this.selectedObjectId))}toggleDebug(e){var t;this.isDebugOpen=e!=null?e:!this.isDebugOpen,(t=this.debugOverlay)==null||t.classList.toggle("hidden",!this.isDebugOpen),this.updateDebugBadge(),this.isDebugOpen?this.refresh():this.stopObjectVisuals()}updateDebugBadge(){if(!this.container)return;let e=this.container.querySelector("#debug-badge");e&&e.classList.toggle("active",this.isDebugOpen)}handleObjectSelect(e){this.selectedObjectId=e,this.sceneObjectsPanel.setSelected(e),this.inspectorPanel.loadObject(e),this.loadObjectConfig(e),this.startObjectVisuals(),window.dispatchEvent(new CustomEvent("preview:select",{detail:{objectId:e}}))}async nudgeSelectedObject(e,t){var r,l,c,d;let i=this.sceneObjectsPanel.getSelectedIds();if(i.length===0)return;let n=this.nudgePanel.getNudgeStep();if(i.length===1&&this.container){let p=this.container.querySelector("#config-pos-x"),
|
|
2110
|
+
`}refresh(){this.isDebugOpen&&(this.sceneObjectsPanel.refreshObjects(),this.libraryPanel.refresh(),this.libraryPanelDocked.refresh(),this.brandVisionPanel.refresh(),this.selectedObjectId&&this.handleObjectSelect(this.selectedObjectId))}toggleDebug(e){var t;this.isDebugOpen=e!=null?e:!this.isDebugOpen,(t=this.debugOverlay)==null||t.classList.toggle("hidden",!this.isDebugOpen),this.updateDebugBadge(),this.isDebugOpen?this.refresh():this.stopObjectVisuals()}updateDebugBadge(){if(!this.container)return;let e=this.container.querySelector("#debug-badge");e&&e.classList.toggle("active",this.isDebugOpen)}handleObjectSelect(e){this.selectedObjectId=e,this.sceneObjectsPanel.setSelected(e),this.inspectorPanel.loadObject(e),this.loadObjectConfig(e),this.startObjectVisuals(),window.dispatchEvent(new CustomEvent("preview:select",{detail:{objectId:e}}))}async nudgeSelectedObject(e,t){var r,l,c,d;let i=this.sceneObjectsPanel.getSelectedIds();if(i.length===0)return;let n=this.nudgePanel.getNudgeStep();if(i.length===1&&this.container){let p=this.container.querySelector("#config-pos-x"),g=this.container.querySelector("#config-pos-y");if(p&&g){let u=Number((r=p.value)!=null?r:0),h=Number((l=g.value)!=null?l:0),m=u+e*n,f=h+t*n;p.value=String(m),g.value=String(f),(c=this.configViewer)==null||c.style.setProperty("display","block"),this.scheduleObjectAutoApply();return}}let a=window.getEditableObjectConfig;if(typeof a!="function")return;let s=new Le;for(let p of i){let g=a(p);if(!g)continue;let u=((d=g.transform)==null?void 0:d.position)||[0,0],h=Array.isArray(u)?u[0]:u.x||0,m=Array.isArray(u)?u[1]:u.y||0,f=h+e*n,b=m+t*n;await s.updateProperty(p,"transform.position",[f,b])}i.length===1&&this.selectedObjectId===i[0]&&window.dispatchEvent(new CustomEvent("inspector:refresh"))}};function Io(o){return new Promise((e,t)=>{let i=new FileReader;i.onerror=()=>t(new Error("FileReader failed")),i.onload=()=>e(String(i.result||"")),i.readAsDataURL(o)})}function Mo(o){var n;let[e,t]=o.split(","),i=e==null?void 0:e.match(/data:(.*?);base64/);return{base64:t!=null?t:"",mimeType:(n=i==null?void 0:i[1])!=null?n:"image/png"}}function jo(o){return`
|
|
2111
2111
|
Analyze these screenshots of a brand or game and extract its "Brand DNA".
|
|
2112
2112
|
|
|
2113
2113
|
Provide a concise summary (2-3 sentences) covering:
|
|
@@ -2124,8 +2124,8 @@ Palette: [#RRGGBB, #RRGGBB, ...]
|
|
|
2124
2124
|
${o?`
|
|
2125
2125
|
ADDITIONAL RULES/NOTES:
|
|
2126
2126
|
${o}`:""}
|
|
2127
|
-
`.trim()}function pr(){let o=[],e="",t=null;return{async addSources(i){let n=[];for(let a of i){let s=await
|
|
2128
|
-
`);for(let
|
|
2127
|
+
`.trim()}function pr(){let o=[],e="",t=null;return{async addSources(i){let n=[];for(let a of i){let s=await Io(a),r=Mo(s),l={id:`${Date.now()}-${Math.random().toString(16).slice(2)}`,name:a.name,base64:r.base64,mimeType:r.mimeType,dataUrl:s};o.push(l),n.push(l)}return n},getSources(){return o.slice()},async analyze(i,n,a){if(o.length===0)throw new Error("No screenshots to analyze.");let s=jo(n),r=o.map(g=>({base64:g.base64,mimeType:g.mimeType})),l=await Pi(i,s,r,{model:a}),c=e,d=[],p=l.split(`
|
|
2128
|
+
`);for(let g of p)if(g.toLowerCase().startsWith("summary:"))c=g.slice(8).trim();else if(g.toLowerCase().includes("palette:")){let u=g.match(/#[0-9A-Fa-f]{6}/g);u&&u.forEach(h=>{d.includes(h.toUpperCase())||d.push(h.toUpperCase())})}return(!c||c===e)&&(c=l.split(`
|
|
2129
2129
|
Palette:`)[0].replace(/^Summary:\s*/i,"").trim()),t={summary:c,palette:d.slice(0,10)},t},setSummary(i){e=i,t&&(t={...t,summary:i})},getResult(){return t}}}var tt="handler_api_key_";var ht=class{static setKey(e,t,i){try{let n={key:this.encryptKey(t),created:Date.now(),lastUsed:Date.now(),label:i||e},a=`${tt}${e}`;localStorage.setItem(a,JSON.stringify(n))}catch(n){console.error("[ApiKeyStorage] Failed to store API key:",n)}}static getKey(e){try{let t=`${tt}${e}`,i=localStorage.getItem(t);if(!i)return null;let n=JSON.parse(i);return n.lastUsed=Date.now(),localStorage.setItem(t,JSON.stringify(n)),this.decryptKey(n.key)}catch(t){return console.error("[ApiKeyStorage] Failed to retrieve API key:",t),null}}static hasKey(e){let t=`${tt}${e}`;return localStorage.getItem(t)!==null}static removeKey(e){try{let t=`${tt}${e}`;localStorage.removeItem(t)}catch(t){console.error("[ApiKeyStorage] Failed to remove API key:",t)}}static getStoredServices(){let e=[];try{for(let t=0;t<localStorage.length;t++){let i=localStorage.key(t);if(i&&i.startsWith(tt)){let n=i.substring(tt.length),a=localStorage.getItem(i);if(a){let s=JSON.parse(a);e.push({service:n,label:s.label,created:s.created,lastUsed:s.lastUsed})}}}}catch(t){console.error("[ApiKeyStorage] Failed to get stored services:",t)}return e.sort((t,i)=>i.lastUsed-t.lastUsed)}static clearAll(){try{let e=[];for(let t=0;t<localStorage.length;t++){let i=localStorage.key(t);i&&i.startsWith(tt)&&e.push(i)}e.forEach(t=>localStorage.removeItem(t))}catch(e){console.error("[ApiKeyStorage] Failed to clear API keys:",e)}}static encryptKey(e){try{let i="handler_preview_salt_2024"+e;return btoa(i)}catch(t){return console.warn("[ApiKeyStorage] Encryption failed, storing as-is:",t),e}}static decryptKey(e){try{let t=atob(e),i="handler_preview_salt_2024";return t.startsWith(i)?t.substring(i.length):t}catch(t){return console.warn("[ApiKeyStorage] Decryption failed, returning as-is:",t),e}}},Hn=()=>ht.getKey("gemini"),Nn=(o,e)=>ht.setKey("gemini",o,e),_o=()=>ht.hasKey("gemini");window.ApiKeyStorage=ht;window.getGeminiApiKey=Hn;window.setGeminiApiKey=Nn;window.hasGeminiApiKey=_o;var Bn=class{constructor(){this.modal=null;this.options=null;this.analyzer=pr();this.currentPrompt="";this.isGenerating=!1;this.generatedImages=[];this.selectedImageIndex=-1;this.savedLibraryPaths=new Map;this.promptInput=null;this.generateBtn=null;this.saveLibraryBtn=null;this.loadingEl=null;this.galleryEl=null;this.previewEl=null;this.statusEl=null}open(e){this.options=e,this.currentPrompt=e.initialPrompt||"",this.generatedImages=[],this.selectedImageIndex=-1,this.isGenerating=!1,this.savedLibraryPaths.clear(),this.createModal(),document.body.appendChild(this.modal),setTimeout(()=>{var t,i;(t=this.promptInput)==null||t.focus(),(i=this.promptInput)==null||i.select()},100)}createModal(){var t;let e=document.createElement("div");e.className="ai-modal",e.innerHTML=`
|
|
2130
2130
|
<style>
|
|
2131
2131
|
.ai-gallery-item {
|
|
@@ -2226,13 +2226,13 @@ Palette:`)[0].replace(/^Summary:\s*/i,"").trim()),t={summary:c,palette:d.slice(0
|
|
|
2226
2226
|
</div>
|
|
2227
2227
|
`,this.modal=e,this.attachEventListeners(),this.updatePromptFromDna()}attachEventListeners(){var i;if(!this.modal)return;this.promptInput=this.modal.querySelector(".ai-textarea"),this.generateBtn=this.modal.querySelector('[data-action="generate"]'),this.saveLibraryBtn=this.modal.querySelector('[data-action="save-library"]'),this.loadingEl=this.modal.querySelector("[data-loading]"),this.galleryEl=this.modal.querySelector("[data-gallery]"),this.previewEl=this.modal.querySelector("[data-preview]"),this.statusEl=this.modal.querySelector("[data-status]"),(i=this.promptInput)==null||i.addEventListener("input",()=>{var n;this.currentPrompt=((n=this.promptInput)==null?void 0:n.value)||"",this.updateGenerateButton()});let e=this.modal.querySelector('[data-strength="creativity"]'),t=this.modal.querySelector(".ai-strength-value");e==null||e.addEventListener("input",()=>{t.textContent=e.value}),this.modal.addEventListener("click",n=>{var r;let a=n.target;switch(a.dataset.action||((r=a.closest("[data-action]"))==null?void 0:r.getAttribute("data-action"))){case"generate":this.generateImage();break;case"save-library":this.saveSelectedImageToLibrary();break;case"apply":this.applySelectedImage();break;case"gallery":this.toggleGallery();break;case"close":case"cancel":this.close();break}}),this.modal.addEventListener("click",n=>{let a=n.target;if(a.classList.contains("ai-gallery-item")||a.closest(".ai-gallery-item")){let s=a.closest(".ai-gallery-item"),r=parseInt(s.dataset.index||"-1");r>=0&&this.selectImage(r)}}),this.updateGenerateButton(),this.setStatus("Ready. Generate an image to get started.")}updateGenerateButton(){if(!this.generateBtn)return;let e=this.currentPrompt.trim().length>0;this.generateBtn.disabled=!e||this.isGenerating}async updatePromptFromDna(){var t;let e=(t=this.modal)==null?void 0:t.querySelector("#ai-use-dna");if(e!=null&&e.checked)try{let i=this.analyzer.getResult();if(i!=null&&i.summary&&this.promptInput){let n=`${this.currentPrompt}
|
|
2228
2228
|
|
|
2229
|
-
Style guidelines: ${i.summary}`;this.promptInput.value=n,this.currentPrompt=n}}catch(i){console.warn("[AiEditorModal] Failed to apply brand DNA:",i)}}async generateImage(){var e,t,i,n;if(!(!this.options||this.isGenerating)){this.isGenerating=!0,this.updateGenerateButton(),(e=this.loadingEl)==null||e.classList.remove("hidden"),(t=this.previewEl)==null||t.classList.add("hidden");try{let a=this.getApiKey();if(!a){alert("Please set your Gemini API key first. You can do this in the AI Creative Suite panel.");return}let s=[];if(this.options.currentValue&&this.options.currentValue.startsWith("data:"))try{let c=await
|
|
2229
|
+
Style guidelines: ${i.summary}`;this.promptInput.value=n,this.currentPrompt=n}}catch(i){console.warn("[AiEditorModal] Failed to apply brand DNA:",i)}}async generateImage(){var e,t,i,n;if(!(!this.options||this.isGenerating)){this.isGenerating=!0,this.updateGenerateButton(),(e=this.loadingEl)==null||e.classList.remove("hidden"),(t=this.previewEl)==null||t.classList.add("hidden");try{let a=this.getApiKey();if(!a){alert("Please set your Gemini API key first. You can do this in the AI Creative Suite panel.");return}let s=[];if(this.options.currentValue&&this.options.currentValue.startsWith("data:"))try{let c=await Ti(this.options.currentValue);c&&(s=[{base64:c.base64,mimeType:c.mimeType}])}catch(c){console.warn("[AiEditorModal] Failed to load current image:",c)}let r=await ut(a,this.currentPrompt,s,{aspectRatio:"1:1"}),l=await pt(r);this.generatedImages.push(l||r),this.selectedImageIndex=this.generatedImages.length-1,this.updateGallery(),this.updatePreview(),this.updateApplyButton()}catch(a){console.error("[AiEditorModal] Generation failed:",a),alert(`Generation failed: ${a instanceof Error?a.message:"Unknown error"}`)}finally{this.isGenerating=!1,(i=this.loadingEl)==null||i.classList.add("hidden"),(n=this.previewEl)==null||n.classList.remove("hidden"),this.updateGenerateButton()}}}updateGallery(){if(!this.galleryEl)return;let e=this.galleryEl.querySelector("[data-gallery-grid]");e&&(e.innerHTML=this.generatedImages.map((t,i)=>{let n=this.savedLibraryPaths.has(i),a=n?this.savedLibraryPaths.get(i):null,s=a?a.split("/").pop():"";return`
|
|
2230
2230
|
<div class="ai-gallery-item ${i===this.selectedImageIndex?"active":""}" data-index="${i}">
|
|
2231
2231
|
<img class="ai-gallery-thumb" src="${t}" alt="Generated ${i+1}" />
|
|
2232
2232
|
<div class="ai-gallery-label">#${i+1}${n?" \u2713":""}</div>
|
|
2233
2233
|
${n?`<div class="ai-gallery-saved" title="Saved: ${s}">\u{1F4BE}</div>`:""}
|
|
2234
2234
|
</div>
|
|
2235
|
-
`}).join(""))}updatePreview(){if(!this.previewEl||this.selectedImageIndex<0)return;let e=this.generatedImages[this.selectedImageIndex];this.previewEl.innerHTML=`<img src="${e}" alt="Selected image" />`}selectImage(e){e<0||e>=this.generatedImages.length||(this.selectedImageIndex=e,this.updateGallery(),this.updatePreview(),this.updateApplyButton())}toggleGallery(){this.galleryEl&&this.galleryEl.classList.toggle("hidden")}updateApplyButton(){var i,n;let e=(i=this.modal)==null?void 0:i.querySelector('[data-action="apply"]'),t=(n=this.modal)==null?void 0:n.querySelector('[data-action="save-library"]');e&&(e.disabled=this.selectedImageIndex<0),t&&(t.disabled=this.selectedImageIndex<0)}setStatus(e,t=!1){this.statusEl&&(this.statusEl.textContent=e,this.statusEl.style.color=t?"#ff4444":"#888")}async saveSelectedImageToLibrary(){var r;if(this.selectedImageIndex<0){this.setStatus("No image selected.",!0);return}let e=this.generatedImages[this.selectedImageIndex];if(!e){this.setStatus("Invalid image data.",!0);return}if(this.savedLibraryPaths.has(this.selectedImageIndex)){let l=this.savedLibraryPaths.get(this.selectedImageIndex);this.setStatus(`Already saved: ${l}`);return}let t=e;if(!t.startsWith("data:image/")){this.setStatus("Invalid image format.",!0);return}t=t.trim().replace(/\s/g,"");let i=((r=this.options)==null?void 0:r.objectId)||"asset",a=`${i.replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"")}_ai_${Date.now()}.png`,s=this.inferCategoryFromObjectId(i);this.setStatus("Saving to library...");try{let c=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:s,filename:a,data:t,overwrite:!0})})).json();if(c.success){console.log("[AiEditorModal] \u2705 Saved to library:",c.path),this.savedLibraryPaths.set(this.selectedImageIndex,c.path),this.setStatus(`\u2705 Saved: ${a}`);let d=window.addAssetToRegistry;typeof d=="function"&&d(s,a);let p=window.getEditableAssets;if(typeof p=="function"){let h=p();h&&!h.categories&&(h.categories=[]),h!=null&&h.categories&&!h.categories.includes(s)&&(h.categories.push(s),console.log(`[AiEditorModal] Added category ${s} to registry`))}await new Promise(h=>setTimeout(h,100));try{(await fetch("/api/setup-library",{method:"POST",headers:{"Content-Type":"application/json"}})).ok?console.log("[AiEditorModal] \u2705 Registry rebuilt from disk"):console.warn("[AiEditorModal] Setup-library returned non-OK status")}catch(h){console.warn("[AiEditorModal] Setup-library not available:",h)}await new Promise(h=>setTimeout(h,200));let
|
|
2235
|
+
`}).join(""))}updatePreview(){if(!this.previewEl||this.selectedImageIndex<0)return;let e=this.generatedImages[this.selectedImageIndex];this.previewEl.innerHTML=`<img src="${e}" alt="Selected image" />`}selectImage(e){e<0||e>=this.generatedImages.length||(this.selectedImageIndex=e,this.updateGallery(),this.updatePreview(),this.updateApplyButton())}toggleGallery(){this.galleryEl&&this.galleryEl.classList.toggle("hidden")}updateApplyButton(){var i,n;let e=(i=this.modal)==null?void 0:i.querySelector('[data-action="apply"]'),t=(n=this.modal)==null?void 0:n.querySelector('[data-action="save-library"]');e&&(e.disabled=this.selectedImageIndex<0),t&&(t.disabled=this.selectedImageIndex<0)}setStatus(e,t=!1){this.statusEl&&(this.statusEl.textContent=e,this.statusEl.style.color=t?"#ff4444":"#888")}async saveSelectedImageToLibrary(){var r;if(this.selectedImageIndex<0){this.setStatus("No image selected.",!0);return}let e=this.generatedImages[this.selectedImageIndex];if(!e){this.setStatus("Invalid image data.",!0);return}if(this.savedLibraryPaths.has(this.selectedImageIndex)){let l=this.savedLibraryPaths.get(this.selectedImageIndex);this.setStatus(`Already saved: ${l}`);return}let t=e;if(!t.startsWith("data:image/")){this.setStatus("Invalid image format.",!0);return}t=t.trim().replace(/\s/g,"");let i=((r=this.options)==null?void 0:r.objectId)||"asset",a=`${i.replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"")}_ai_${Date.now()}.png`,s=this.inferCategoryFromObjectId(i);this.setStatus("Saving to library...");try{let c=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:s,filename:a,data:t,overwrite:!0})})).json();if(c.success){console.log("[AiEditorModal] \u2705 Saved to library:",c.path),this.savedLibraryPaths.set(this.selectedImageIndex,c.path),this.setStatus(`\u2705 Saved: ${a}`);let d=window.addAssetToRegistry;typeof d=="function"&&d(s,a);let p=window.getEditableAssets;if(typeof p=="function"){let h=p();h&&!h.categories&&(h.categories=[]),h!=null&&h.categories&&!h.categories.includes(s)&&(h.categories.push(s),console.log(`[AiEditorModal] Added category ${s} to registry`))}await new Promise(h=>setTimeout(h,100));try{(await fetch("/api/setup-library",{method:"POST",headers:{"Content-Type":"application/json"}})).ok?console.log("[AiEditorModal] \u2705 Registry rebuilt from disk"):console.warn("[AiEditorModal] Setup-library returned non-OK status")}catch(h){console.warn("[AiEditorModal] Setup-library not available:",h)}await new Promise(h=>setTimeout(h,200));let g=window.refreshAssetLibrary;typeof g=="function"&&(console.log("[AiEditorModal] Refreshing library panel..."),await g());let u=window.reRenderAssetLibrary;typeof u=="function"&&(console.log("[AiEditorModal] Re-rendering library panel..."),u()),setTimeout(()=>{try{let h=window.__screenManager;h&&typeof h.refreshTextures=="function"&&(console.log("[AiEditorModal] Refreshing game textures via screen manager..."),h.refreshTextures()),window.dispatchEvent(new CustomEvent("config:changed",{detail:{action:"batch"}})),console.log("[AiEditorModal] Dispatched config:changed event")}catch(h){console.warn("[AiEditorModal] Failed to refresh textures:",h)}},300),this.updateGallery()}else console.error("[AiEditorModal] \u274C Save failed:",c.error),this.setStatus(`Save failed: ${c.error}`,!0)}catch(l){console.error("[AiEditorModal] \u274C Save error:",l),this.setStatus("Save failed. Check console.",!0)}}inferCategoryFromObjectId(e){let t=e.toLowerCase();return t.includes("background")?"backgrounds":t.includes("character")?"characters":t.includes("key")?"collectedkeys":t.includes("draggable")?"draggables":t.includes("environment")||t.includes("env")||t.includes("hand")||t.includes("prop")||t.includes("item")?"environment":t.includes("machine")?"machines":t.includes("tutorial")?"tutorial":t.includes("ui")||t.includes("button")||t.includes("label")||t.includes("icon")||t.includes("logo")?"ui":t.includes("effect")||t.includes("confetti")||t.includes("particle")?"effects":"ui"}async applySelectedImage(){var i;if(this.selectedImageIndex<0||!((i=this.options)!=null&&i.onApply))return;let t=this.generatedImages[this.selectedImageIndex];this.savedLibraryPaths.has(this.selectedImageIndex)?(t=this.savedLibraryPaths.get(this.selectedImageIndex),this.setStatus("Applying saved image...")):(this.setStatus("Saving to library before applying..."),await this.saveSelectedImageToLibrary(),this.savedLibraryPaths.has(this.selectedImageIndex)?(t=this.savedLibraryPaths.get(this.selectedImageIndex),this.setStatus("\u2705 Saved and applying...")):this.setStatus("Failed to save. Applying data URL instead.",!0)),this.options.onApply(t),setTimeout(()=>{this.close()},500)}getApiKey(){let e=Hn();if(e)return e;try{let t=this.analyzer.getResult();if(t&&t.apiKey)return Nn(t.apiKey,"From Brand DNA"),t.apiKey}catch(t){console.warn("[AiEditorModal] Failed to get API key from brand DNA:",t)}return null}close(){this.modal&&this.modal.parentNode&&this.modal.parentNode.removeChild(this.modal),this.modal=null,this.options=null}},Fn=null;window.__openAiEditor=function(o,e,t,i){Fn||(Fn=new Bn),Fn.open({objectId:o,initialPrompt:e,currentValue:t,path:i==null?void 0:i.path,onApply:n=>{if(i!=null&&i.path){let a=window.updateManager;if(a)a.updateProperty(o,i.path,n);else{let s=window.getEditableObjectConfig,r=s==null?void 0:s(o);if(r){let l=i.path.split("."),c=r;for(let d=0;d<l.length-1;d++)c[l[d]]||(c[l[d]]={}),c=c[l[d]];c[l[l.length-1]]=n}}}window.dispatchEvent(new CustomEvent("inspector:refresh"))}})};var Gn=class{constructor(){this.modal=null;this.options=null}open(e){this.options=e,this.createModal(),document.body.appendChild(this.modal)}createModal(){if(!this.options)return;let{assetPath:e,assetType:t,objectId:i}=this.options,n=i||"Asset Preview",a=document.createElement("div");a.className="asset-preview-modal",a.innerHTML=`
|
|
2236
2236
|
<div class="asset-preview-card">
|
|
2237
2237
|
<div class="asset-preview-header">
|
|
2238
2238
|
<div class="asset-preview-title">${n}</div>
|
|
@@ -2259,7 +2259,7 @@ Style guidelines: ${i.summary}`;this.promptInput.value=n,this.currentPrompt=n}}c
|
|
|
2259
2259
|
<source src="${n}" type="audio/wav">
|
|
2260
2260
|
Your browser does not support the audio element.
|
|
2261
2261
|
</audio>
|
|
2262
|
-
`;case"text":return`<pre style="background: rgba(0,0,0,0.2); padding: 16px; border-radius: 8px; max-height: 300px; overflow-y: auto; white-space: pre-wrap;">${e}</pre>`;default:return`<div class="asset-preview-placeholder">Cannot preview ${t} assets</div>`}}resolveAssetUrl(e){return e.startsWith("data:")||e.startsWith("blob:")||e.startsWith("/")?e:`/raw/${e}`}attachEventListeners(){if(!this.modal)return;this.modal.addEventListener("click",i=>{let n=i.target;(n.dataset.action==="close"||n===this.modal)&&this.close()});let e=this.modal.querySelector('[data-action="change"]');e&&e.addEventListener("click",()=>{this.openAssetEditor()});let t=this.modal.querySelector('[data-action="edit"]');t&&t.addEventListener("click",()=>{this.openAiEditor(),this.close()})}openAssetEditor(){this.options&&import("./AssetEditorModal-N52QSFSY.js").then(({AssetEditorModal:e})=>{new e().show(this.options.objectId||"unknown",this.options.propertyPath||"",this.options.assetPath,i=>{var n;(n=this.options)!=null&&n.onChange&&this.options.onChange(i),this.close()})})}openAiEditor(){if(!this.options||this.options.assetType!=="image")return;let e=window.__openAiEditor;typeof e=="function"&&e(this.options.objectId||"asset","Edit this image asset",this.options.assetPath,{path:this.options.propertyPath,onApply:t=>{var i;(i=this.options)!=null&&i.onChange&&this.options.onChange(t)}})}close(){this.modal&&this.modal.parentNode&&this.modal.parentNode.removeChild(this.modal),this.modal=null,this.options=null}};window.openAssetPreview=function(o){new Gn().open(o)};import{Application as Do,Container as $e,Graphics as de,Point as G,Rectangle as gr,Text as $o,TextStyle as Ho}from"pixi.js";import{Sprite as Oo,Container as ur}from"pixi.js";var Ro=typeof __BUILD_MODE__!="undefined"?__BUILD_MODE__:"undefined",Un=Ro;if(typeof window!="undefined")try{let o=new XMLHttpRequest;if(o.open("GET","./build-settings.json",!1),o.send(),o.status===200&&o.responseText){let e=JSON.parse(o.responseText);e!=null&&e.buildMode&&(Un=e.buildMode,console.log(`[ObjectFactory] Build mode overridden by settings: ${Un}`))}}catch{}function zo(o){var t,i,n,a,s;if(typeof window!="undefined"&&window.resolveAnchorVec2)return window.resolveAnchorVec2(o);let e={center:{x:.5,y:.5},"top-left":{x:0,y:0},"top-center":{x:.5,y:0},"top-right":{x:1,y:0},"center-left":{x:0,y:.5},"center-right":{x:1,y:.5},"bottom-left":{x:0,y:1},"bottom-center":{x:.5,y:1},"bottom-right":{x:1,y:1},left:{x:0,y:.5},right:{x:1,y:.5},top:{x:.5,y:0},bottom:{x:.5,y:1}};if(Array.isArray(o))return{x:(t=o[0])!=null?t:.5,y:(i=o[1])!=null?i:.5};if(o&&typeof o=="object"&&"x"in o&&"y"in o)return{x:(n=o.x)!=null?n:.5,y:(a=o.y)!=null?a:.5};if(typeof o=="string"){let r=o.trim().toLowerCase();return(s=e[r])!=null?s:{x:.5,y:.5}}return null}var Te=class{static async create(e,t,i){var l,c,d,p,u,g,h;console.log(`[ObjectFactory] create() called for: ${e}, __BUILD_MODE__: ${Un}`);let n=(l=t==null?void 0:t.render)==null?void 0:l.asset;if(!n){console.log(`[ObjectFactory] No asset definition for: ${e}, returning empty container`);let m=new ur;return this.applyTransform(m,t==null?void 0:t.transform,t),m}let a=(c=t==null?void 0:t.identity)==null?void 0:c.id;console.log(`[ObjectFactory] Calling AssetLoader.load() for: ${e}, configId: ${a}, type: ${n.type}, path: ${n.path}`);let s=await en.load(e,n,i,a);console.log(`[ObjectFactory] AssetLoader.load() completed for: ${e}, rawAsset type: ${(d=s==null?void 0:s.constructor)==null?void 0:d.name}`);let r;if(n.type==="image")console.log("[ObjectFactory] Creating Sprite from texture:",s,"for object:",e),r=new Oo(s),console.log("[ObjectFactory] Created object:",r,"type:",(p=r==null?void 0:r.constructor)==null?void 0:p.name),this.applyTransform(r,t==null?void 0:t.transform,t);else if(n.type==="json")if(console.log("[ObjectFactory] JSON asset for",e,"rawAsset type:",(u=s==null?void 0:s.constructor)==null?void 0:u.name,s),s&&(((g=s.constructor)==null?void 0:g.name)==="Container"||s instanceof ur)){console.warn("[ObjectFactory] JSON asset is Container (from cache), reloading JSON directly");let m=[n.path,`/assets/${n.path}`,`assets/${n.path}`,`../assets/${n.path}`],f=!1;for(let b of m)try{let y=await fetch(b);if(y.ok){r=await y.json(),console.log("[ObjectFactory] Reloaded JSON directly from:",b,"type:",(h=r==null?void 0:r.constructor)==null?void 0:h.name),f=!0;break}}catch{continue}f||(console.error("[ObjectFactory] Failed to reload JSON from any path"),r=s)}else r=s;else r=s,r&&typeof r=="object"&&("x"in r||"position"in r)&&this.applyTransform(r,t==null?void 0:t.transform,t);return r}static applyTransform(e,t,i){var n,a,s,r;if(!(!t||!e)&&(t.position&&("x"in e&&"y"in e?(e.x=(n=t.position.x)!=null?n:0,e.y=(a=t.position.y)!=null?a:0):"position"in e&&e.position&&e.position.set((s=t.position.x)!=null?s:0,(r=t.position.y)!=null?r:0)),t.scale!==void 0&&"scale"in e&&e.scale&&(typeof e.scale=="object"&&"set"in e.scale?e.scale.set(t.scale):e.scale=t.scale),t.rotation!==void 0&&"rotation"in e&&(e.rotation=t.rotation),t.anchor&&"anchor"in e&&e.anchor)){let l=zo(t.anchor);l&&("set"in e.anchor?e.anchor.set(l.x,l.y):(e.anchor.x=l.x,e.anchor.y=l.y))}}};var Gi=class{constructor(e){this.app=null;this.camera=new $e;this.bgContainer=new $e;this.mainContainer=new $e;this.uiContainer=new $e;this.gizmoLayer=new $e;this.screenFrame=new de;this.gameFrame=new de;this.gridLayer=new de;this.spawnPointLayer=new $e;this.objectMap=new Map;this.selectedId=null;this.selectedIds=new Set;this.dragMode=null;this.selectionBox=null;this.selectionBoxStart=null;this.isSelectionBoxActive=!1;this.dragStartPointer=null;this.dragStartPos=null;this.dragStartScale=1;this.dragStartRotation=0;this.dragStartAngle=0;this.dragStartDistance=1;this.dragAnchorLocal=null;this.dragStartValue=null;this.dragContainer=null;this.dragLastPointer=null;this.dragPointerOffset=null;this.dragSyncHoldUntil=0;this.dragLogged=!1;this.spawnPointDrag=null;this.lastGameFrameSize=null;this.cameraScale=1;this.isPanning=!1;this.panStart=null;this.panStartCamera=null;this.hasUserCamera=!1;this.resizeObserver=null;this.screenSyncRaf=null;this.gizmoOutline=new de;this.anchorVisualizationLayer=new de;this.moveHandle=new de;this.scaleHandle=new de;this.rotateHandle=new de;this.isVisible=!0;this.applyQueued=!1;this.applyQueuedId=null;this.gridEnabled=!1;this.gridGap=50;this.gridAlpha=.25;this.snapToGrid=!1;this.alignmentGuidesEnabled=!0;this.alignmentGuideLayer=new de;this.lastPickPoint=null;this.lastPickIds=[];this.lastPickIndex=0;this.lastPickTime=0;this.playModeEnabled=!0;this.playModeInitialized=!1;this.layoutScale=1;this.updateManager=new Le;this.backgroundCoverEnabled=!0;this.backgroundLocked=!0;this.dropZoneActive=!1;this.dropZoneOverlay=null;this.handleScreenChange=e=>{if(!(e!=null&&e.detail))return;let{width:t,height:i}=e.detail;!t||!i||(this.hasUserCamera=!1,this.updateLayout({width:t,height:i}),this.hasUserCamera||this.centerCamera(),this.updateGizmos(),this.updateGrid(),this.playModeEnabled?this.schedulePostScreenSync({width:t,height:i}):this.syncFromConfig())};this.handleAnchorChanged=e=>{let t=e==null?void 0:e.detail,i=t==null?void 0:t.objectId;if(!i)return;let n=t==null?void 0:t.previousAnchor,a=t==null?void 0:t.nextAnchor;this.adjustPositionForAnchorChange(i,n,a)};this.handleActiveScreenChanged=()=>{this.isVisible&&this.syncFromConfig()};this.handleConfigChanged=e=>{if(!this.isVisible)return;this.updateLayout(),this.updateGrid();let t=e==null?void 0:e.detail;if(!t){this.syncFromConfig();return}let i=t.path,n=t.objectId;if(i==="transform.anchor"&&n){let s=t.value,r=t.oldValue;r!=null&&this.adjustPositionForAnchorChange(n,r,s)}let a=t.objectIds;if(n){this.syncFromConfig([n]);return}if(Array.isArray(a)&&a.length>0){this.syncFromConfig(a);return}this.syncFromConfig()};this.handleSceneRefresh=()=>{this.isVisible&&this.syncFromConfig()};this.handleAssetUpdated=e=>{var l;let t=(l=e==null?void 0:e.detail)!=null?l:{},i=t.objectId,n=t.texture;if(!i||!n)return;let a=this.objectMap.get(i);if(!a)return;let s=a.displayObject;if(s!=null&&s.texture)s.texture=n;else if(s!=null&&s.children){let c=s.children.find(d=>d==null?void 0:d.texture);c&&(c.texture=n)}let r=this.getEditableObjectConfig(i);r&&(a.assetKey=this.getAssetKey(r))};this.handleLayoutApplied=e=>{var s;if(!this.isVisible)return;let t=(s=e==null?void 0:e.detail)!=null?s:{},i=Number(t.width),n=Number(t.height),a=Number.isFinite(i)&&i>0&&Number.isFinite(n)&&n>0?{width:i,height:n}:this.getScreen();this.updateLayout(a),this.hasUserCamera||this.centerCamera(),this.syncFromConfig().then(()=>{this.playModeEnabled&&this.syncFromGameObjectsInternal(),this.updateGizmos(),this.updateGrid()})};this.handlePreviewSelect=e=>{var i,n;let t=(n=(i=e==null?void 0:e.detail)==null?void 0:i.objectId)!=null?n:null;this.setSelected(t,{silent:!0})};this.onStagePointerDown=e=>{if(!this.app||!this.isVisible)return;let t=this.getPointerButton(e);if(t===2){if(this.isGizmoTarget(e==null?void 0:e.target))return;let h=this.getEventGlobalPoint(e);if(!h)return;let m=new G(h.x,h.y),f=this.getPickCandidates(m);if(f.length>0){let b=f[0];this.selectedIds.has(b)||(this.selectedIds.clear(),this.selectedIds.add(b),this.setSelected(b),this.updateGizmos()),this.showContextMenu(b,h.x,h.y)}return}if(t!==0||this.isGizmoTarget(e==null?void 0:e.target))return;let i=this.getEventGlobalPoint(e);if(!i)return;let n=new G(i.x,i.y),a=this.getPickCandidates(n),r=navigator.platform.toUpperCase().indexOf("MAC")>=0?e.metaKey:e.ctrlKey;if(a.length===0){r||(this.setSelected(null),this.selectedIds.clear()),this.selectionBoxStart=n,this.isSelectionBoxActive=!0,this.lastPickIds=[],this.lastPickIndex=0,this.lastPickPoint=n,this.lastPickTime=performance.now();return}let l=performance.now(),c=this.areSameIds(a,this.lastPickIds),d=this.lastPickPoint&&this.distance(n,this.lastPickPoint)<=6,p=l-this.lastPickTime<1200,u=c&&d&&p?(this.lastPickIndex+1)%a.length:0,g=a[u];this.lastPickIds=a,this.lastPickIndex=u,this.lastPickPoint=n,this.lastPickTime=l,r?this.selectedIds.has(g)?(this.selectedIds.delete(g),this.selectedId===g&&(this.selectedId=this.selectedIds.size>0?Array.from(this.selectedIds)[0]:null)):(this.selectedIds.add(g),this.selectedId=g):(this.selectedIds.clear(),this.selectedIds.add(g),this.setSelected(g)),this.updateGizmos()};this.handleGridSettings=e=>{var a,s,r;let t=(a=e==null?void 0:e.detail)==null?void 0:a.enabled,i=(s=e==null?void 0:e.detail)==null?void 0:s.gap,n=(r=e==null?void 0:e.detail)==null?void 0:r.alpha;typeof t=="boolean"&&(this.gridEnabled=t),typeof i=="number"&&Number.isFinite(i)&&i>2&&(this.gridGap=i),typeof n=="number"&&Number.isFinite(n)&&n>=0&&n<=1&&(this.gridAlpha=n),this.updateGrid()};this.handleBackgroundCover=e=>{var i;let t=(i=e==null?void 0:e.detail)==null?void 0:i.enabled;typeof t=="boolean"&&(this.backgroundCoverEnabled=t,this.syncFromConfig(),this.updateGizmos())};this.handleBackgroundLock=e=>{var i;let t=(i=e==null?void 0:e.detail)==null?void 0:i.enabled;if(typeof t=="boolean"&&(this.backgroundLocked=t,t&&this.selectedId)){let n=this.getEditableObjectConfig(this.selectedId),a=this.objectMap.get(this.selectedId);this.isBackgroundObject(this.selectedId,n,a==null?void 0:a.displayObject)&&this.setSelected(null)}};this.handlePlayModeChange=e=>{var i;let t=(i=e==null?void 0:e.detail)==null?void 0:i.enabled;typeof t=="boolean"&&(!this.playModeInitialized&&(this.playModeInitialized=!0,!t)||t&&this.applyPlayModeState(!0))};this.syncFromGameObjects=()=>{this.syncFromGameObjectsInternal()};this.onSpawnPointDragMove=e=>{if(!this.spawnPointDrag)return;let t=this.getPointerInContainer(e.clientX,e.clientY,this.mainContainer);if(!t)return;let i=t.x+this.spawnPointDrag.offset.x,n=t.y+this.spawnPointDrag.offset.y;this.updateLiveSpawnPoint(this.spawnPointDrag.objectId,this.spawnPointDrag.index,i,n)};this.onSpawnPointDragEnd=()=>{if(!this.spawnPointDrag)return;let{objectId:e,startPoints:t}=this.spawnPointDrag,i=this.getEditableObjectConfig(e),n=i?this.getSpawnPoints(i):null;i&&n&&(this.setNestedValue(i,"logic.props.spawnPoints",t),Ue({objectId:e,path:"logic.props.spawnPoints",value:n},{persist:!0,emitEvent:!0,trackHistory:!0}),this.queueLiveApply(e)),this.spawnPointDrag=null,window.dispatchEvent(new CustomEvent("inspector:refresh")),window.removeEventListener("pointermove",this.onSpawnPointDragMove),window.removeEventListener("pointerup",this.onSpawnPointDragEnd)};this.onDragMove=e=>{var n;if(!this.dragMode||!this.selectedId||!this.dragContainer||!this.dragStartPointer||!this.dragStartPos)return;let t=this.objectMap.get(this.selectedId);if(!(t!=null&&t.displayObject))return;let i=this.getPointerInContainer(e.clientX,e.clientY,this.dragContainer);if(i){if(this.dragMode==="move"){let a=this.dragPointerOffset;if(!a)return;let s=i.x+a.x,r=i.y+a.y;if(this.snapToGrid){let d=this.snapToGridPosition(s,r);s=d.x,r=d.y}let l=s-this.dragStartPos.x,c=r-this.dragStartPos.y;if(t.displayObject.position.set(s,r),this.updateAlignmentGuides(this.selectedId,new G(s,r)),this.updateLiveConfigPosition(s,r),this.selectedIds.size>1){let d=new Map;if(!this.multiDragStartPositions){this.multiDragStartPositions=new Map;for(let p of this.selectedIds){if(p===this.selectedId)continue;let u=this.objectMap.get(p);u!=null&&u.displayObject&&this.multiDragStartPositions.set(p,new G(u.displayObject.position.x,u.displayObject.position.y))}}for(let p of this.selectedIds){if(p===this.selectedId)continue;let u=this.objectMap.get(p);if(!(u!=null&&u.displayObject))continue;let g=this.multiDragStartPositions.get(p);if(g){let h=g.x+l,m=g.y+c;if(this.snapToGrid){let f=this.snapToGridPosition(h,m);h=f.x,m=f.y}u.displayObject.position.set(h,m),this.updateLiveConfigPositionForObject(p,h,m)}}}this.dragLastPointer=new G(i.x,i.y),this.dragLogged||(this.dragLogged=!0,console.log("[SceneEditor][DragMove]",{objectId:this.selectedId,selectedCount:this.selectedIds.size,pointer:{x:i.x,y:i.y},nextPos:{x:s,y:r}}))}if(this.dragMode==="scale"&&this.dragAnchorLocal){let s=Math.max(1,this.distance(i,this.dragAnchorLocal))/Math.max(1,this.dragStartDistance),r=Math.max(.01,this.dragStartScale*s);(n=t.displayObject.scale)!=null&&n.set?t.displayObject.scale.set(r,r):t.displayObject.scale&&(t.displayObject.scale.x=r,t.displayObject.scale.y=r),this.updateLiveConfigScale(r)}if(this.dragMode==="rotate"&&this.dragAnchorLocal){let a=Math.atan2(i.y-this.dragAnchorLocal.y,i.x-this.dragAnchorLocal.x),s=this.dragStartRotation+(a-this.dragStartAngle);t.displayObject.rotation=s,this.updateLiveConfigRotation(s)}this.updateGizmos()}};this.onDragEnd=()=>{if(this.dragMode){if(this.alignmentGuideLayer&&this.alignmentGuideLayer.clear(),this.selectedIds.size>0){let e=Array.from(this.selectedIds);window.dispatchEvent(new CustomEvent("config:changed",{detail:{objectIds:e}})),this.dragSyncHoldUntil=performance.now()+200}this.dragMode=null,this.dragStartPointer=null,this.dragStartPos=null,this.dragAnchorLocal=null,this.dragStartValue=null,this.dragContainer=null,this.dragLastPointer=null,this.dragPointerOffset=null,this.multiDragStartPositions=null,window.removeEventListener("pointermove",this.onDragMove),window.removeEventListener("pointerup",this.onDragEnd)}};this.onWheel=e=>{if(!this.app||!this.isVisible)return;e.preventDefault();let i=Math.sign(e.deltaY)<0?1.1:.9,n=Math.min(6,Math.max(.1,this.cameraScale*i)),a=new G(this.app.renderer.width/2,this.app.renderer.height/2),s=this.camera.toLocal(a);this.cameraScale=n,this.camera.scale.set(n);let r=this.camera.toGlobal(s);this.camera.position.set(this.camera.position.x+(a.x-r.x),this.camera.position.y+(a.y-r.y)),this.hasUserCamera=!0,this.updateGizmos(),this.updateGrid()};this.onPanStart=e=>{e.button===2&&(this.isPanning=!0,this.panStart={x:e.clientX,y:e.clientY},this.panStartCamera={x:this.camera.position.x,y:this.camera.position.y},this.hasUserCamera=!0)};this.onPanMove=e=>{if(this.isPanning&&this.panStart&&this.panStartCamera){let t=e.clientX-this.panStart.x,i=e.clientY-this.panStart.y;this.camera.position.set(this.panStartCamera.x+t,this.panStartCamera.y+i),this.updateGrid()}if(this.isSelectionBoxActive&&this.selectionBoxStart&&this.app){let t=this.getEventGlobalPoint(e);if(!t)return;let i=new G(t.x,t.y);this.drawSelectionBox(this.selectionBoxStart,i)}};this.onPanEnd=e=>{if(this.isPanning&&(this.isPanning=!1,this.panStart=null,this.panStartCamera=null),this.isSelectionBoxActive&&this.selectionBoxStart&&this.app){let t=this.getEventGlobalPoint(e);if(t){let i=new G(t.x,t.y);this.finalizeSelectionBox(this.selectionBoxStart,i)}this.isSelectionBoxActive=!1,this.selectionBoxStart=null,this.selectionBox&&this.selectionBox.clear()}this.multiDragStartPositions=null};this.root=e.root,this.getScreen=e.getScreen}async mount(){this.app||(this.app=new Do,await this.app.init({resizeTo:this.root,autoDensity:!0,resolution:window.devicePixelRatio||1,antialias:!0,backgroundAlpha:0}),this.root.innerHTML="",this.root.appendChild(this.app.canvas),this.root.style.position="relative",this.root.style.overflow="hidden",this.app.stage.sortableChildren=!0,this.app.stage.eventMode="static",this.camera.sortableChildren=!0,this.bgContainer.sortableChildren=!0,this.mainContainer.sortableChildren=!0,this.uiContainer.sortableChildren=!0,this.spawnPointLayer.sortableChildren=!0,this.gizmoLayer.sortableChildren=!0,this.app.stage.addChild(this.camera),this.camera.addChild(this.screenFrame),this.camera.addChild(this.bgContainer),this.camera.addChild(this.mainContainer),this.camera.addChild(this.gridLayer),this.camera.addChild(this.uiContainer),this.camera.addChild(this.spawnPointLayer),this.camera.addChild(this.gameFrame),this.camera.addChild(this.gizmoLayer),this.screenFrame.zIndex=-1,this.screenFrame.eventMode="none",this.bgContainer.zIndex=-5e3,this.bgContainer.eventMode="none",this.mainContainer.zIndex=0,this.gridLayer.zIndex=2e4,this.gridLayer.eventMode="none",this.gridLayer.visible=!0,this.uiContainer.zIndex=5e4,this.spawnPointLayer.zIndex=8e4,this.spawnPointLayer.eventMode="passive",this.gameFrame.zIndex=85e3,this.gameFrame.eventMode="none",this.gizmoLayer.zIndex=1e5,this.gizmoLayer.addChild(this.gizmoOutline),this.gizmoLayer.addChild(this.anchorVisualizationLayer),this.gizmoLayer.addChild(this.moveHandle),this.gizmoLayer.addChild(this.scaleHandle),this.gizmoLayer.addChild(this.rotateHandle),this.selectionBox=new de,this.selectionBox.zIndex=99999,this.selectionBox.eventMode="none",this.gizmoLayer.addChild(this.selectionBox),this.dropZoneOverlay=new de,this.dropZoneOverlay.zIndex=99998,this.dropZoneOverlay.eventMode="none",this.gizmoLayer.addChild(this.dropZoneOverlay),this.alignmentGuideLayer=new de,this.alignmentGuideLayer.zIndex=99997,this.alignmentGuideLayer.eventMode="none",this.gizmoLayer.addChild(this.alignmentGuideLayer),this.gizmoOutline.eventMode="none",this.anchorVisualizationLayer.eventMode="none",this.setupInteractions(),this.setupObservers(),this.updateLayout(),this.hasUserCamera||this.centerCamera(),this.restoreScenePreferences(),this.refresh(),this.applyPlayModeState(!0),!this.isVisible&&this.app.ticker&&this.app.ticker.stop())}destroy(){var e;this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.screenSyncRaf&&(cancelAnimationFrame(this.screenSyncRaf),this.screenSyncRaf=null),window.removeEventListener("handler-preview:screen",this.handleScreenChange),window.removeEventListener("handler:active-screen-changed",this.handleActiveScreenChanged),window.removeEventListener("config:changed",this.handleConfigChanged),window.removeEventListener("handler:scene-objects-refresh",this.handleSceneRefresh),window.removeEventListener("handler:layout-applied",this.handleLayoutApplied),window.removeEventListener("preview:select",this.handlePreviewSelect),window.removeEventListener("scene-editor:grid",this.handleGridSettings),window.removeEventListener("scene-editor:background-cover",this.handleBackgroundCover),window.removeEventListener("scene-editor:background-lock",this.handleBackgroundLock),window.removeEventListener("scene-editor:asset-updated",this.handleAssetUpdated),window.removeEventListener("scene-editor:play-mode",this.handlePlayModeChange),window.removeEventListener("scene-editor:anchor-changed",this.handleAnchorChanged),window.removeEventListener("pointermove",this.onSpawnPointDragMove),window.removeEventListener("pointerup",this.onSpawnPointDragEnd),this.app&&((e=this.app.ticker)==null||e.remove(this.syncFromGameObjects),this.app.stage.off("pointerdown",this.onStagePointerDown),this.app.destroy(!0),this.app=null)}setVisible(e){this.isVisible=e,!(!this.app||!this.app.ticker)&&(e?(this.app.ticker.start(),this.refresh(),this.updateGrid()):this.app.ticker.stop())}refresh(){this.syncFromConfig()}setupObservers(){window.addEventListener("handler-preview:screen",this.handleScreenChange),window.addEventListener("handler:active-screen-changed",this.handleActiveScreenChanged),window.addEventListener("config:changed",this.handleConfigChanged),window.addEventListener("handler:scene-objects-refresh",this.handleSceneRefresh),window.addEventListener("handler:layout-applied",this.handleLayoutApplied),window.addEventListener("preview:select",this.handlePreviewSelect),window.addEventListener("scene-editor:grid",this.handleGridSettings),window.addEventListener("scene-editor:background-cover",this.handleBackgroundCover),window.addEventListener("scene-editor:background-lock",this.handleBackgroundLock),window.addEventListener("scene-editor:asset-updated",this.handleAssetUpdated),window.addEventListener("scene-editor:play-mode",this.handlePlayModeChange),window.addEventListener("scene-editor:anchor-changed",this.handleAnchorChanged),this.resizeObserver=new ResizeObserver(()=>{this.handleResize()}),this.resizeObserver.observe(this.root)}setupInteractions(){if(!this.app)return;let e=this.app.canvas;e.addEventListener("contextmenu",t=>t.preventDefault()),e.addEventListener("wheel",this.onWheel,{passive:!1}),e.addEventListener("pointerdown",this.onPanStart),window.addEventListener("pointermove",this.onPanMove),window.addEventListener("pointerup",this.onPanEnd),this.app.stage.on("pointerdown",this.onStagePointerDown),this.moveHandle.on("pointerdown",t=>this.startDrag("move",t)),this.scaleHandle.on("pointerdown",t=>this.startDrag("scale",t)),this.rotateHandle.on("pointerdown",t=>this.startDrag("rotate",t)),this.applyEditControls(),this.setupKeyboardShortcuts(),this.setupDragAndDrop()}setupKeyboardShortcuts(){window.addEventListener("keydown",e=>{if(!this.isVisible)return;let i=navigator.platform.toUpperCase().indexOf("MAC")>=0?e.metaKey:e.ctrlKey,n=e.target;n.tagName==="INPUT"||n.tagName==="TEXTAREA"||n.isContentEditable||(i&&e.key==="a"?(e.preventDefault(),this.selectAll()):i&&e.key==="d"?(e.preventDefault(),this.duplicateSelected()):i&&e.key==="c"?(e.preventDefault(),this.copySelected()):i&&e.key==="v"?(e.preventDefault(),this.pasteObjects()):e.key==="Escape"?(this.setSelected(null),this.selectedIds.clear(),this.updateGizmos()):(e.key==="Delete"||e.key==="Backspace")&&this.selectedIds.size>0?(e.preventDefault(),this.deleteSelectedObjects()):e.key==="g"||e.key==="G"?(e.preventDefault(),this.toggleGrid()):e.shiftKey&&(e.key==="g"||e.key==="G")&&(e.preventDefault(),this.toggleSnapToGrid()))})}async duplicateSelected(){if(this.selectedIds.size===0)return;let e=window.__HANDLER_ACTIVE_SCREEN,t=e==="loading"||e==="start"||e==="gameplay"||e==="tutorial"||e==="endgame"?e:"gameplay",i=Array.from(this.selectedIds),n=[];for(let a of i)try{let s=`${a}_copy_${Date.now()}`,r=await fetch("/api/objects/duplicate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({sourceId:a,newInstanceId:s,shareConfig:!1,screenId:t})}),l=await r.json();r.ok&&l.success&&n.push(l.newObjectId)}catch(s){console.error(`[SceneEditor] Failed to duplicate ${a}:`,s)}n.length>0&&(this.selectedIds=new Set(n),this.selectedId=n[0],this.updateGizmos(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")))}copySelected(){if(this.selectedIds.size===0)return;let e=[];for(let t of this.selectedIds){let i=this.getEditableObjectConfig(t);i&&e.push({id:t,config:i})}window.__sceneEditorClipboard={configs:e,timestamp:Date.now()},this.showToast(`\u{1F4CB} Copied ${e.length} object${e.length>1?"s":""}`,1500)}async pasteObjects(){var a,s;let e=window.__sceneEditorClipboard;if(!e||!e.configs||e.configs.length===0)return;let t=window.__HANDLER_ACTIVE_SCREEN,i=t==="loading"||t==="start"||t==="gameplay"||t==="tutorial"||t==="endgame"?t:"gameplay",n=[];for(let{id:r,config:l}of e.configs)try{let c=`${r}_paste_${Date.now()}_${Math.random().toString(36).substr(2,5)}`,d=`json.${c}`,p=JSON.parse(JSON.stringify(l));if(p.identity.id=d,p.instance_id=c,p.object_config=d,(a=p.transform)!=null&&a.position){let h=p.transform.position,m=Array.isArray(h)?h[0]:h.x||0,f=Array.isArray(h)?h[1]:h.y||0;Array.isArray(h)?p.transform.position=[m+20,f+20]:p.transform.position={x:m+20,y:f+20}}let u=await fetch("/api/objects/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i,instanceId:c,objectConfigId:d,config:p,layer:((s=p.identity)==null?void 0:s.category)==="ui"?"ui":"world"})}),g=await u.json();u.ok&&g.success&&n.push(c)}catch(c){console.error(`[SceneEditor] Failed to paste ${r}:`,c)}n.length>0&&(this.selectedIds=new Set(n),this.selectedId=n[0],this.updateGizmos(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),this.showToast(`\u{1F4CB} Pasted ${n.length} object${n.length>1?"s":""}`,1500))}toggleGrid(){this.gridEnabled=!this.gridEnabled,this.updateGrid();try{window.localStorage.setItem(this.getSceneStorageKey("grid_enabled"),String(this.gridEnabled))}catch{}this.showToast(this.gridEnabled?"\u{1F4D0} Grid enabled":"\u{1F4D0} Grid disabled",1e3)}toggleSnapToGrid(){this.snapToGrid=!this.snapToGrid;try{window.localStorage.setItem(this.getSceneStorageKey("snap_to_grid"),String(this.snapToGrid))}catch{}this.showToast(this.snapToGrid?"\u{1F532} Snap to grid enabled":"\u{1F532} Snap to grid disabled",1e3)}snapToGridPosition(e,t){if(!this.snapToGrid)return{x:e,y:t};let i=this.gridGap;return{x:Math.round(e/i)*i,y:Math.round(t/i)*i}}updateAlignmentGuides(e,t){var d,p,u,g;if(!this.alignmentGuidesEnabled||!e||!this.alignmentGuideLayer){this.alignmentGuideLayer&&this.alignmentGuideLayer.clear();return}let i=this.objectMap.get(e);if(!(i!=null&&i.displayObject)){this.alignmentGuideLayer.clear();return}let n=(p=(d=i.displayObject).getBounds)==null?void 0:p.call(d);if(!n){this.alignmentGuideLayer.clear();return}this.alignmentGuideLayer.clear();let a=this.camera.toLocal(new G(n.x,n.y)),s=this.camera.toLocal(new G(n.x+n.width,n.y+n.height)),r=(a.x+s.x)/2,l=(a.y+s.y)/2,c=5;for(let[h,m]of this.objectMap.entries()){if(h===e||!(m!=null&&m.displayObject)||m.displayObject.visible===!1)continue;let f=(g=(u=m.displayObject).getBounds)==null?void 0:g.call(u);if(!f)continue;let b=this.camera.toLocal(new G(f.x,f.y)),y=this.camera.toLocal(new G(f.x+f.width,f.y+f.height)),w=(b.x+y.x)/2,v=(b.y+y.y)/2;if(Math.abs(r-w)<c){let x=Math.min(a.y,b.y),E=Math.max(s.y,y.y);this.alignmentGuideLayer.moveTo(w,x),this.alignmentGuideLayer.lineTo(w,E),this.alignmentGuideLayer.stroke({width:1,color:3900150,alpha:.6})}if(Math.abs(l-v)<c){let x=Math.min(a.x,b.x),E=Math.max(s.x,y.x);this.alignmentGuideLayer.moveTo(x,v),this.alignmentGuideLayer.lineTo(E,v),this.alignmentGuideLayer.stroke({width:1,color:3900150,alpha:.6})}let L=a.x,M=s.x,I=a.y,P=s.y,j=b.x,_=y.x,T=b.y,S=y.y;if(Math.abs(L-j)<c||Math.abs(L-_)<c||Math.abs(M-j)<c||Math.abs(M-_)<c){let x=Math.abs(L-j)<c?j:Math.abs(L-_)<c?_:Math.abs(M-j)<c?j:_,E=Math.min(I,T),C=Math.max(P,S);this.alignmentGuideLayer.moveTo(x,E),this.alignmentGuideLayer.lineTo(x,C),this.alignmentGuideLayer.stroke({width:1,color:1096065,alpha:.5})}if(Math.abs(I-T)<c||Math.abs(I-S)<c||Math.abs(P-T)<c||Math.abs(P-S)<c){let x=Math.abs(I-T)<c?T:Math.abs(I-S)<c?S:Math.abs(P-T)<c?T:S,E=Math.min(L,j),C=Math.max(M,_);this.alignmentGuideLayer.moveTo(E,x),this.alignmentGuideLayer.lineTo(C,x),this.alignmentGuideLayer.stroke({width:1,color:1096065,alpha:.5})}}}selectAll(){let e=Array.from(this.objectMap.keys()).filter(t=>{let i=this.getEditableObjectConfig(t),n=this.objectMap.get(t);return!(!(n!=null&&n.displayObject)||n.displayObject.visible===!1||this.backgroundLocked&&this.isBackgroundObject(t,i,n.displayObject))});this.selectedIds=new Set(e),e.length>0&&(this.selectedId=e[0],this.updateGizmos())}deleteSelectedObjects(){let e=Array.from(this.selectedIds);for(let t of e){let i=window.__deleteObjectRequest;typeof i=="function"&&i(t)}this.selectedIds.clear(),this.selectedId=null,this.updateGizmos()}handleResize(){this.app&&(this.updateLayout(),this.hasUserCamera||this.centerCamera(),this.updateGizmos(),this.updateGrid())}adjustPositionForAnchorChange(e,t,i){var _,T,S,x,E,C;if(t==null||i==null||t===i)return;let n=this.getEditableObjectConfig(e);if(!n)return;let a=(_=n.transform)!=null?_:{};if(a.position_ratio!=null)return;let s=(T=this.getRuntimeScreenSize())!=null?T:this.getScreen();if(!(s!=null&&s.width)||!(s!=null&&s.height))return;let r=this.objectMap.get(e);if(!(r!=null&&r.displayObject))return;let l=this.isBackgroundObject(e,n,r.displayObject),c=this.getRuntimeScale(),d=r.displayObject.position.x,p=r.displayObject.position.y,u=we(s.width,s.height,t),g=we(s.width,s.height,i),h=u.x,m=u.y,f=g.x,b=g.y;l||(h=(u.x-s.width/2)/c,m=(u.y-s.height/2)/c,f=(g.x-s.width/2)/c,b=(g.y-s.height/2)/c);let y={x:d-h,y:p-m},w={x:d-f,y:p-b},v=a.offset,L=Array.isArray(v)?Number((S=v[0])!=null?S:0):Number((x=v==null?void 0:v.x)!=null?x:0),M=Array.isArray(v)?Number((E=v[1])!=null?E:0):Number((C=v==null?void 0:v.y)!=null?C:0),I=w.x-L,P=w.y-M,j=this.buildPositionValue(a,{x:I,y:P});this.updateManager.updateProperty(e,"transform.position",j,{refreshInspector:!0})}getPickCandidates(e){var i;let t=[];for(let[n,a]of this.objectMap.entries()){let s=a.displayObject;if(!s||s.visible===!1||this.backgroundLocked&&this.isBackgroundObject(n,this.getEditableObjectConfig(n),s))continue;let r=(i=s.getBounds)==null?void 0:i.call(s);if(!r||r.width<=0||r.height<=0||e.x<r.x||e.x>r.x+r.width||e.y<r.y||e.y>r.y+r.height)continue;let l=s.parent,c=typeof(l==null?void 0:l.zIndex)=="number"?l.zIndex:0,d=typeof s.zIndex=="number"?s.zIndex:0,p=typeof(l==null?void 0:l.getChildIndex)=="function"?l.getChildIndex(s):0,u=c*1e6+d*1e3+p;t.push({id:n,order:u})}return t.sort((n,a)=>a.order-n.order),t.map(n=>n.id)}areSameIds(e,t){if(e.length!==t.length)return!1;for(let i=0;i<e.length;i+=1)if(e[i]!==t[i])return!1;return!0}isGizmoTarget(e){return e&&this.spawnPointLayer.children.indexOf(e)!==-1?!0:e===this.moveHandle||e===this.scaleHandle||e===this.rotateHandle||e===this.gizmoOutline}restoreScenePreferences(){if(typeof window!="undefined"){try{let e=window.localStorage.getItem(this.getSceneStorageKey("grid_enabled")),t=window.localStorage.getItem(this.getSceneStorageKey("grid_gap")),i=window.localStorage.getItem(this.getSceneStorageKey("grid_alpha")),n=window.localStorage.getItem(this.getSceneStorageKey("snap_to_grid")),a=window.localStorage.getItem(this.getSceneStorageKey("background_cover")),s=window.localStorage.getItem(this.getSceneStorageKey("background_lock"));if(e!==null&&(this.gridEnabled=e==="true"),t!==null){let r=Number(t);Number.isFinite(r)&&r>2&&(this.gridGap=r)}if(i!==null){let r=Number(i);Number.isFinite(r)&&r>=0&&r<=1&&(this.gridAlpha=r)}n!==null&&(this.snapToGrid=n==="true"),a!==null&&(this.backgroundCoverEnabled=a==="true"),s!==null&&(this.backgroundLocked=s==="true")}catch{}this.updateGrid()}}getSceneStorageKey(e){let t=typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default";return`handler_preview_scene_${e}::${t}`}applyPlayModeState(e){var t;this.playModeEnabled=e,(t=this.app)!=null&&t.ticker&&(this.app.ticker.remove(this.syncFromGameObjects),e&&this.app.ticker.add(this.syncFromGameObjects)),this.applyEditControls(),this.updateLayout(),this.hasUserCamera||this.centerCamera(),this.syncFromConfig().then(()=>{this.playModeEnabled&&this.syncFromGameObjectsInternal(),this.updateGizmos(),this.updateGrid()})}applyEditControls(){this.moveHandle.eventMode="static",this.scaleHandle.eventMode="static",this.rotateHandle.eventMode="static"}schedulePostScreenSync(e){this.screenSyncRaf&&cancelAnimationFrame(this.screenSyncRaf),this.screenSyncRaf=requestAnimationFrame(()=>{this.runPostScreenSync(e)})}async runPostScreenSync(e){this.screenSyncRaf=null,this.isVisible&&this.playModeEnabled&&(this.updateLayout(e),this.hasUserCamera||this.centerCamera(),await this.syncFromConfig(),this.syncFromGameObjectsInternal(),this.updateGizmos(),this.updateGrid())}getRuntimeScreenSize(){var a,s,r,l,c,d,p;let e=window.gameApp;if(e!=null&&e.renderer){let u=e.renderer.screen,g=Number((a=u==null?void 0:u.width)!=null?a:0),h=Number((s=u==null?void 0:u.height)!=null?s:0);if(Number.isFinite(g)&&g>0&&Number.isFinite(h)&&h>0)return{width:g,height:h};let m=Number((r=e.renderer.resolution)!=null?r:1)||1,f=Number((l=e.renderer.width)!=null?l:0)/m,b=Number((c=e.renderer.height)!=null?c:0)/m;if(Number.isFinite(f)&&f>0&&Number.isFinite(b)&&b>0)return{width:f,height:b}}let t=document.querySelector(".game-container"),i=Number((d=t==null?void 0:t.dataset)==null?void 0:d.screenWidth),n=Number((p=t==null?void 0:t.dataset)==null?void 0:p.screenHeight);return Number.isFinite(i)&&i>0&&Number.isFinite(n)&&n>0?{width:i,height:n}:null}getRuntimeLayoutReference(){var a,s,r,l,c,d,p,u,g,h,m,f,b,y,w,v,L,M,I,P,j,_,T,S,x,E,C,A,O,k,R,z,$,U;let e=window.__screenManager;if(e){let H=["gameplay","start","tutorial","endgame","loading"];for(let B of H){let D=(a=e.get)==null?void 0:a.call(e,B);if(D!=null&&D.visible){let q=(s=D.getContentLayer)==null?void 0:s.call(D);if(q){let Y=(r=D.x)!=null?r:0,W=(l=D.y)!=null?l:0,F=(c=q.x)!=null?c:0,te=(d=q.y)!=null?d:0,J=(u=(p=q.scale)==null?void 0:p.x)!=null?u:1,Z=(h=(g=q.scale)==null?void 0:g.y)!=null?h:J;return console.log("[SceneEditor] getRuntimeLayoutReference: using visible screen contentLayer",{screenId:B,contentLayerScale:{x:J,y:Z},position:{x:Y+F,y:W+te}}),{scale:{x:J,y:Z},position:{x:Y+F,y:W+te},pivot:q.pivot?{x:q.pivot.x,y:q.pivot.y}:void 0}}}}for(let B of H){let D=(m=e.get)==null?void 0:m.call(e,B);if(D){if(!D.visible&&typeof D.updateLayout=="function"){let Y=window.gameApp;if((f=Y==null?void 0:Y.renderer)!=null&&f.screen){let W=Y.renderer.screen.width,F=Y.renderer.screen.height;W>0&&F>0&&D.updateLayout(W,F)}}let q=(b=D.getContentLayer)==null?void 0:b.call(D);if(q){let Y=(y=D.x)!=null?y:0,W=(w=D.y)!=null?w:0,F=(v=q.x)!=null?v:0,te=(L=q.y)!=null?L:0,J=(I=(M=q.scale)==null?void 0:M.x)!=null?I:1,Z=(j=(P=q.scale)==null?void 0:P.y)!=null?j:J;return console.log("[SceneEditor] getRuntimeLayoutReference: using any screen contentLayer",{screenId:B,visible:D.visible,contentLayerScale:{x:J,y:Z},position:{x:Y+F,y:W+te}}),{scale:{x:J,y:Z},position:{x:Y+F,y:W+te},pivot:q.pivot?{x:q.pivot.x,y:q.pivot.y}:void 0}}}}}let t=window.__mainContainer;if(t){let H=(T=(_=t.scale)==null?void 0:_.x)!=null?T:1,B=(x=(S=t.scale)==null?void 0:S.y)!=null?x:H;return console.log("[SceneEditor] getRuntimeLayoutReference: using __mainContainer",{scale:{x:H,y:B},position:{x:(E=t.position)==null?void 0:E.x,y:(C=t.position)==null?void 0:C.y}}),t}let i=window.gameApp,n=(A=i==null?void 0:i.stage)!=null?A:null;if(n){let H=(k=(O=n.scale)==null?void 0:O.x)!=null?k:1,B=(z=(R=n.scale)==null?void 0:R.y)!=null?z:H;console.log("[SceneEditor] getRuntimeLayoutReference: using gameApp.stage (fallback)",{scale:{x:H,y:B},position:{x:($=n.position)==null?void 0:$.x,y:(U=n.position)==null?void 0:U.y}})}else console.log("[SceneEditor] getRuntimeLayoutReference: no reference found");return n}getRuntimeScale(){var i,n;let e=this.getRuntimeLayoutReference(),t=Number((n=(i=e==null?void 0:e.scale)==null?void 0:i.x)!=null?n:1);return Number.isFinite(t)&&t>0?t:Number.isFinite(this.layoutScale)&&this.layoutScale>0?this.layoutScale:1}getRuntimeParentContainer(e){var c,d,p,u,g;let t=window.gameObjectManager;if(!(t!=null&&t.get))return null;let i=t.get(e),n=((c=i==null?void 0:i.getDisplayObject)==null?void 0:c.call(i))||(i==null?void 0:i.pixiObject)||i,a=n==null?void 0:n.parent;if(!a)return null;let s=window.__screenManager;if(s){let h=["gameplay","start","tutorial","endgame","loading"];for(let m of h){let f=(d=s.get)==null?void 0:d.call(s,m);if(!f)continue;let b=(u=(p=f.getBgLayer)==null?void 0:p.call(f))!=null?u:f.bgLayer;if(b&&(a===b||typeof b.contains=="function"&&b.contains(a)))return this.bgContainer}}let r=this.getRuntimeLayoutReference(),l=(g=window.gameApp)==null?void 0:g.stage;return r&&l&&r===l?this.mainContainer:r&&typeof r.contains=="function"&&r.contains(a)?this.mainContainer:a===r||a===l?this.mainContainer:this.uiContainer}applyRuntimeTransform(e){var s,r,l,c,d,p,u,g,h,m;if(!e)return console.log("[SceneEditor] applyRuntimeTransform: no reference"),!1;let t=1,i=1,n=Number((r=(s=e.position)==null?void 0:s.x)!=null?r:0),a=Number((c=(l=e.position)==null?void 0:l.y)!=null?c:0);if(!Number.isFinite(n)||!Number.isFinite(a))return console.log("[SceneEditor] applyRuntimeTransform: invalid position",{posX:n,posY:a}),!1;if(console.log("[SceneEditor] applyRuntimeTransform: applying (scale always 1)",{scale:{x:t,y:i},position:{x:n,y:a}}),this.mainContainer.scale.set(1,1),this.uiContainer.scale.set(1,1),this.mainContainer.position.set(n,a),this.uiContainer.position.set(n,a),e.pivot&&((d=this.mainContainer.pivot)!=null&&d.set)&&((p=this.uiContainer.pivot)!=null&&p.set)){let f=Number((g=(u=e.pivot)==null?void 0:u.x)!=null?g:0),b=Number((m=(h=e.pivot)==null?void 0:h.y)!=null?m:0);Number.isFinite(f)&&Number.isFinite(b)&&(this.mainContainer.pivot.set(f,b),this.uiContainer.pivot.set(f,b))}return typeof e.rotation=="number"&&(this.mainContainer.rotation=e.rotation,this.uiContainer.rotation=e.rotation),!0}getEditableConfig(){return window.__editableConfig||null}getEditableObjectConfig(e){var n,a;let t=window.getEditableObjectConfig;if(typeof t=="function")return t(e);let i=this.getEditableConfig();return i!=null&&i.objects?typeof i.objects.get=="function"?(n=i.objects.get(e))!=null?n:null:(a=i.objects[e])!=null?a:null:null}getEditableObjectIds(){let e=window.getEditableObjectList;if(typeof e=="function"){let i=e();if(Array.isArray(i))return i}let t=this.getEditableConfig();return t!=null&&t.objects?typeof t.objects.keys=="function"?Array.from(t.objects.keys()):Object.keys(t.objects):[]}async syncFromConfig(e){if(!this.app)return;let t=this.getEditableConfig();if(!(t!=null&&t.objects))return;let i=e!=null&&e.length?e:this.getEditableObjectIds(),n=new Set(i);if(!e)for(let a of Array.from(this.objectMap.keys()))n.has(a)||this.removeObject(a);for(let a of i){let s=this.getEditableObjectConfig(a);if(!s){this.removeObject(a);continue}await this.upsertObject(a,s)}this.updateGizmos(),this.updateSpawnPointHandles(),this.updateGameFrame(this.getScreen())}removeObject(e){var i,n;let t=this.objectMap.get(e);if(t){try{(n=(i=t.displayObject)==null?void 0:i.destroy)==null||n.call(i)}catch{}this.objectMap.delete(e),this.selectedId===e&&this.setSelected(null,{silent:!0})}}async upsertObject(e,t){let i=this.getAssetKey(t),n=this.objectMap.get(e),a=this.isUiConfig(e,t),s=this.playModeEnabled?this.getRuntimeParentContainer(e):null,l=this.isBackgroundObject(e,t)?this.bgContainer:a?this.uiContainer:this.mainContainer,c=s!=null?s:l;if(!n||n.assetKey!==i||n.isUi!==a){n&&this.removeObject(e);let p=await this.createDisplayObject(e,t);if(!p)return;c.addChild(p),this.objectMap.set(e,{id:e,displayObject:p,assetKey:i,isUi:a}),this.attachObjectInteraction(p,e)}let d=this.objectMap.get(e);d&&(d.displayObject.parent!==c&&c.addChild(d.displayObject),this.applyVisualConfig(d.displayObject,t),(!this.playModeEnabled||!s)&&this.applyTransformFromConfig(e,d.displayObject,t))}async createDisplayObject(e,t){var r,l,c,d,p,u,g,h,m,f,b,y,w,v,L;if((r=t==null?void 0:t.render)!=null&&r.asset)try{if(((c=(l=t==null?void 0:t.render)==null?void 0:l.asset)==null?void 0:c.type)!=="json"){let I=await Te.create(e,t,this.app);if(I instanceof $e)return I}}catch(M){console.warn("[SceneEditor] ObjectFactory failed for",e,M)}let i=t==null?void 0:t.ui,n=(d=t==null?void 0:t.render)!=null?d:{},a=(i==null?void 0:i.text)||(i==null?void 0:i.kind)==="text";if(!!n.background_color){let M=this.getScreen(),I=(p=M==null?void 0:M.width)!=null?p:0,P=(u=M==null?void 0:M.height)!=null?u:0,j=new de,_=this.parseColor(n.background_color,0),T=typeof n.background_alpha=="number"?n.background_alpha:1;I>0&&P>0&&j.rect(0,0,I,P).fill({color:_,alpha:T});let S=new $e;return S.addChild(j),S}if(a){let M=(h=(g=i==null?void 0:i.color)!=null?g:n==null?void 0:n.tint)!=null?h:"#ffffff",I=new Ho({fontFamily:"Arial, sans-serif",fontSize:(m=i==null?void 0:i.fontSize)!=null?m:16,fill:M,align:(f=i==null?void 0:i.align)!=null?f:"center",letterSpacing:(b=i==null?void 0:i.letterSpacing)!=null?b:0});return new $o({text:(y=i==null?void 0:i.text)!=null?y:"",style:I})}if((w=t==null?void 0:t.effects)!=null&&w.width||(v=t==null?void 0:t.effects)!=null&&v.height){let M=new de,I=typeof t.effects.width=="number"?t.effects.width:100,P=typeof t.effects.height=="number"?t.effects.height:100,j=(L=t.effects.fill_color)!=null?L:"#ffffff",_=typeof t.effects.fill_alpha=="number"?t.effects.fill_alpha:1,T=Number.parseInt(String(j).replace("#",""),16);return M.rect(0,0,I,P).fill({color:Number.isFinite(T)?T:16777215,alpha:_}),M}return new $e}attachObjectInteraction(e,t){if(e&&(e.eventMode="static",e.cursor="pointer",!e.hitArea&&typeof e.getLocalBounds=="function")){let i=e.getLocalBounds();i&&i.width>0&&i.height>0&&(e.hitArea=new gr(i.x,i.y,i.width,i.height))}}getAssetKey(e){var i;let t=(i=e==null?void 0:e.render)==null?void 0:i.asset;return t?`${t.type||"asset"}::${t.path||""}`:null}isUiConfig(e,t){var a,s;let i=(((a=t==null?void 0:t.identity)==null?void 0:a.category)||"").toString().toLowerCase(),n=(((s=t==null?void 0:t.identity)==null?void 0:s.id)||e||"").toString().toLowerCase();return i.includes("ui")||n.startsWith("ui")||n.includes("label")}isBackgroundObject(e,t,i){var s,r;if((i==null?void 0:i.parent)===this.bgContainer)return!0;let n=(((s=t==null?void 0:t.identity)==null?void 0:s.category)||"").toString().toLowerCase(),a=(((r=t==null?void 0:t.identity)==null?void 0:r.id)||e||"").toString().toLowerCase();return!!(n.includes("bg")||n.includes("background")||a.startsWith("background_")||a.includes("background"))}applyVisualConfig(e,t){var a,s,r;if(!e)return;let i=(a=t==null?void 0:t.render)!=null?a:{};typeof i.alpha=="number"&&(e.alpha=i.alpha),e.visible=i.visible!==!1,e.zIndex=typeof i.z_index=="number"?i.z_index:0;let n={x:.5,y:.5};if((s=e.anchor)!=null&&s.set)e.anchor.set(n.x,n.y);else if(e.pivot){let l=(r=e.getLocalBounds)==null?void 0:r.call(e);l&&e.pivot.set(l.width*n.x,l.height*n.y)}}applyTransformFromConfig(e,t,i){var I,P,j,_,T,S,x,E,C,A,O,k,R,z,$,U,H,B,D,q,Y;if(!t)return;let n=this.getScreen();if(!(n!=null&&n.width)||!(n!=null&&n.height))return;let a=(I=i==null?void 0:i.transform)!=null?I:{},s=this.getPositioningAnchor(e,a),r=a==null?void 0:a.position_ratio,l=a==null?void 0:a.position,c=a==null?void 0:a.offset,d=Array.isArray(l)?Number((P=l[0])!=null?P:0):Number((j=l==null?void 0:l.x)!=null?j:0),p=Array.isArray(l)?Number((_=l[1])!=null?_:0):Number((T=l==null?void 0:l.y)!=null?T:0),u=Array.isArray(c)?Number((S=c[0])!=null?S:0):Number((x=c==null?void 0:c.x)!=null?x:0),g=Array.isArray(c)?Number((E=c[1])!=null?E:0):Number((C=c==null?void 0:c.y)!=null?C:0),h=(Number.isFinite(d)?d:0)+(Number.isFinite(u)?u:0),m=(Number.isFinite(p)?p:0)+(Number.isFinite(g)?g:0);if(this.backgroundCoverEnabled&&this.isBackgroundObject(e,i,t)){let W=Number((O=(A=t==null?void 0:t.texture)==null?void 0:A.width)!=null?O:0),F=Number((R=(k=t==null?void 0:t.texture)==null?void 0:k.height)!=null?R:0);if(!Number.isFinite(W)||W<=0||!Number.isFinite(F)||F<=0){let re=(z=t==null?void 0:t.getLocalBounds)==null?void 0:z.call(t);W=Number(($=re==null?void 0:re.width)!=null?$:0),F=Number((U=re==null?void 0:re.height)!=null?U:0)}if(!Number.isFinite(W)||W<=0||!Number.isFinite(F)||F<=0)return;(H=t.anchor)!=null&&H.set&&t.anchor.set(.5,.5),(B=t.position)!=null&&B.set?t.position.set(n.width/2,n.height/2):t.position&&(t.position.x=n.width/2,t.position.y=n.height/2);let te=n.width/W,J=n.height/F,Z=Math.max(te,J);(D=t.scale)!=null&&D.set?t.scale.set(Z,Z):t.scale&&(t.scale.x=Z,t.scale.y=Z);let pe=typeof(a==null?void 0:a.rotation)=="number"?a.rotation:0;t.rotation=this.toRadians(pe);return}let f=r!=null?ze(n.width,n.height,r):we(n.width,n.height,s),b=this.getRuntimeScale(),y=(f.x-n.width/2)/b+h,w=(f.y-n.height/2)/b+m;(q=t.position)!=null&&q.set?t.position.set(y,w):t.position&&(t.position.x=y,t.position.y=w);let L=(typeof(a==null?void 0:a.scale)=="number"?a.scale:1)*this.getRuntimeScale();(Y=t.scale)!=null&&Y.set?t.scale.set(L,L):t.scale&&(t.scale.x=L,t.scale.y=L);let M=typeof(a==null?void 0:a.rotation)=="number"?a.rotation:0;t.rotation=this.toRadians(M)}getAnchorLocalPoint(e,t=this.mainContainer){var d;let i=(d=this.getRuntimeScreenSize())!=null?d:this.getScreen();if(!(i!=null&&i.width)||!(i!=null&&i.height))return null;let n="top-right",a=this.getPositioningAnchor(this.selectedId,e!=null?e:{}),s=(e==null?void 0:e.position_ratio)!=null?ze(i.width,i.height,e.position_ratio):we(i.width,i.height,a!=null?a:n);if(t===this.bgContainer)return new G(s.x,s.y);let r=this.getRuntimeScale(),l=(s.x-i.width/2)/r,c=(s.y-i.height/2)/r;return new G(l,c)}getPositioningAnchor(e,t){var i,n,a,s,r,l,c,d,p,u;if((t==null?void 0:t.anchor)!=null&&t.anchor!=="")return t.anchor;if(typeof window!="undefined"&&e){let g=window,h=g.__editableConfig,m=(n=(i=h==null?void 0:h.objects)==null?void 0:i.get)==null?void 0:n.call(i,e),f=(r=(a=m==null?void 0:m.transform)==null?void 0:a.anchor)!=null?r:(s=m==null?void 0:m.render)==null?void 0:s.anchor;if(f!=null&&f!=="")return f;let b=g.__editableConfigBaseline,y=(c=(l=b==null?void 0:b.objects)==null?void 0:l.get)==null?void 0:c.call(l,e),w=(u=(d=y==null?void 0:y.transform)==null?void 0:d.anchor)!=null?u:(p=y==null?void 0:y.render)==null?void 0:p.anchor;if(w!=null&&w!=="")return w}return"top-left"}getActiveScreenSize(e){var t,i;return this.playModeEnabled?(i=(t=this.getRuntimeScreenSize())!=null?t:e)!=null?i:this.getScreen():e!=null?e:this.getScreen()}updateLayout(e){var i,n,a,s,r,l,c,d,p;let t=this.getActiveScreenSize(e);if(!(!(t!=null&&t.width)||!(t!=null&&t.height))){if(console.log("[SceneEditor] updateLayout: called",{screen:{width:t.width,height:t.height},currentScale:{x:this.mainContainer.scale.x,y:this.mainContainer.scale.y}}),this.playModeEnabled){let u=this.getRuntimeLayoutReference();if(u){let g=Number((n=(i=u.position)==null?void 0:i.x)!=null?n:t.width/2),h=Number((s=(a=u.position)==null?void 0:a.y)!=null?s:t.height/2);this.mainContainer.position.set(g,h),this.uiContainer.position.set(g,h);let m=Number((l=(r=u.scale)==null?void 0:r.x)!=null?l:1);Number.isFinite(m)&&m>0&&(this.layoutScale=m)}this.bgContainer.position.set(0,0),this.bgContainer.scale.set(1,1),this.mainContainer.scale.set(1,1),this.uiContainer.scale.set(1,1)}else this.bgContainer.position.set(0,0),this.bgContainer.scale.set(1,1),this.mainContainer.position.set(t.width/2,t.height/2),this.uiContainer.position.set(t.width/2,t.height/2),this.mainContainer.scale.set(1,1),this.uiContainer.scale.set(1,1),this.mainContainer.rotation=0,this.uiContainer.rotation=0,(c=this.mainContainer.pivot)!=null&&c.set&&this.mainContainer.pivot.set(0,0),(d=this.uiContainer.pivot)!=null&&d.set&&this.uiContainer.pivot.set(0,0);console.log("[SceneEditor] updateLayout: result",{finalScale:{x:this.mainContainer.scale.x,y:this.mainContainer.scale.y},position:{x:this.mainContainer.position.x,y:this.mainContainer.position.y}}),this.screenFrame.clear(),this.screenFrame.rect(0,0,t.width,t.height),this.screenFrame.stroke({width:2,color:2894892,alpha:.5}),this.updateGameFrame(t),(p=this.app)!=null&&p.stage&&(this.app.stage.hitArea=new gr(0,0,this.app.renderer.width,this.app.renderer.height)),this.updateSpawnPointHandles()}}updateGrid(){if(!this.app)return;if(!this.gridEnabled){this.gridLayer.clear(),this.gridLayer.visible=!0;return}let e=Math.max(4,this.gridGap),t=this.app.renderer,i=this.camera.toLocal(new G(0,0)),n=this.camera.toLocal(new G(t.width,t.height)),a=Math.min(i.x,n.x),s=Math.max(i.x,n.x),r=Math.min(i.y,n.y),l=Math.max(i.y,n.y),c=400,d=Math.ceil((s-a)/e),p=Math.ceil((l-r)/e),u=e*Math.max(1,Math.ceil(d/c)),g=e*Math.max(1,Math.ceil(p/c)),h=Math.floor(a/u)*u,m=Math.floor(r/g)*g;this.gridLayer.clear(),this.gridLayer.visible=!0;for(let f=h;f<=s;f+=u)this.gridLayer.moveTo(f,r),this.gridLayer.lineTo(f,l);for(let f=m;f<=l;f+=g)this.gridLayer.moveTo(a,f),this.gridLayer.lineTo(s,f);this.gridLayer.stroke({width:1,color:16777215,alpha:this.gridAlpha})}updateGameFrame(e){let t=this.getActiveScreenSize(e);if(!(t!=null&&t.width)||!(t!=null&&t.height))return;let i=t.width,n=t.height,a=0,s=0;this.lastGameFrameSize&&this.lastGameFrameSize.width===t.width&&this.lastGameFrameSize.height===t.height||(this.lastGameFrameSize={width:t.width,height:t.height},this.gameFrame.clear(),this.gameFrame.rect(a,s,i,n),this.gameFrame.stroke({width:2,color:6333946,alpha:.35}))}syncFromGameObjectsInternal(){var i,n,a,s,r,l,c,d,p;if(!this.app||!this.isVisible)return;let e=window.gameObjectManager;if(!(e!=null&&e.get))return;let t=this.dragMode||this.selectedId&&performance.now()<this.dragSyncHoldUntil?this.selectedId:null;for(let[u,g]of this.objectMap.entries()){if(t&&u===t)continue;let h=e.get(u),m=((i=h==null?void 0:h.getDisplayObject)==null?void 0:i.call(h))||(h==null?void 0:h.pixiObject)||h;if(!m)continue;let f=(a=(n=g.displayObject)==null?void 0:n.parent)!=null?a:this.mainContainer,b=new G;if(typeof m.getGlobalPosition=="function"){m.getGlobalPosition(b);let M=f.toLocal(b,this.camera);g.displayObject.position.set(M.x,M.y)}else if(m.worldTransform){b.set(m.worldTransform.tx,m.worldTransform.ty);let M=f.toLocal(b,this.camera);g.displayObject.position.set(M.x,M.y)}let y=this.getWorldScale(m);if(y){let M=Number((r=(s=f.scale)==null?void 0:s.x)!=null?r:1)||1,I=Number((c=(l=f.scale)==null?void 0:l.y)!=null?c:1)||1,P=y.x/M,j=y.y/I;(d=g.displayObject.scale)!=null&&d.set?g.displayObject.scale.set(P,j):g.displayObject.scale&&(g.displayObject.scale.x=P,g.displayObject.scale.y=j)}let w=this.getWorldRotation(m);if(typeof w=="number"){let M=f?f.rotation:0,I=w-M;g.displayObject.rotation=I;let P=this.getEditableObjectConfig(u);if(P){let j=(p=P.transform)!=null?p:{};P.transform||(P.transform=j);let _=this.toDegrees(I),T=typeof j.rotation=="number"?j.rotation:0;if(Math.abs(_-T)>.01){let S=Math.round(_*100)/100;j.rotation=S}}}let v=m.parent,L=typeof(v==null?void 0:v.getChildIndex)=="function"?v.getChildIndex(m):0;typeof m.zIndex=="number"?g.displayObject.zIndex=m.zIndex:Number.isFinite(L)&&(g.displayObject.zIndex=L)}this.updateGizmos()}getWorldScale(e){var a,s;let t=(s=e==null?void 0:e.worldTransform)!=null?s:(a=e==null?void 0:e.transform)==null?void 0:a.worldTransform;if(!t)return null;let i=Math.sqrt(t.a*t.a+t.b*t.b),n=Math.sqrt(t.c*t.c+t.d*t.d);return!Number.isFinite(i)||!Number.isFinite(n)?null:{x:i,y:n}}getWorldRotation(e){var i,n;let t=(n=e==null?void 0:e.worldTransform)!=null?n:(i=e==null?void 0:e.transform)==null?void 0:i.worldTransform;if(t){let a=Math.atan2(t.b,t.a);return Number.isFinite(a)?a:null}return typeof(e==null?void 0:e.rotation)=="number"?e.rotation:null}centerCamera(){if(!this.app)return;let e=this.getActiveScreenSize();if(!(e!=null&&e.width)||!(e!=null&&e.height))return;let t=this.app.renderer.width,i=this.app.renderer.height,n=Math.max(.01,Math.min(t/e.width,i/e.height));this.cameraScale=n,this.camera.scale.set(n),this.camera.position.set((t-e.width*n)/2,(i-e.height*n)/2)}updateGizmos(){var m,f,b,y,w,v;if(!this.selectedId&&this.selectedIds.size===0||!this.isVisible){this.clearGizmos();return}if(this.selectedIds.size>1){let L=1/0,M=1/0,I=-1/0,P=-1/0,j=!1;for(let _ of this.selectedIds){let T=this.objectMap.get(_);if(!(T!=null&&T.displayObject))continue;let S=(f=(m=T.displayObject).getBounds)==null?void 0:f.call(m);if(!S||S.width<=0||S.height<=0)continue;let x=this.camera.toLocal(new G(S.x,S.y)),E=this.camera.toLocal(new G(S.x+S.width,S.y+S.height));L=Math.min(L,x.x,E.x),M=Math.min(M,x.y,E.y),I=Math.max(I,x.x,E.x),P=Math.max(P,x.y,E.y),j=!0}if(j){let _=I-L,T=P-M,S=L+_/2,x=M+T/2;this.gizmoOutline.clear(),this.gizmoOutline.rect(L,M,_,T),this.gizmoOutline.stroke({width:2,color:16752394,alpha:.9});for(let A of this.selectedIds){let O=this.objectMap.get(A);if(!(O!=null&&O.displayObject))continue;let k=(y=(b=O.displayObject).getBounds)==null?void 0:y.call(b);if(!k||k.width<=0||k.height<=0)continue;let R=this.camera.toLocal(new G(k.x,k.y)),z=this.camera.toLocal(new G(k.x+k.width,k.y+k.height)),$=z.x-R.x,U=z.y-R.y;this.gizmoOutline.rect(R.x,R.y,$,U),this.gizmoOutline.stroke({width:1,color:16752394,alpha:.5})}let E=7,C={width:2,color:988970,alpha:.6};this.moveHandle.clear(),this.moveHandle.circle(S,x,E).fill({color:2278750,alpha:.95}),this.moveHandle.stroke(C),this.moveHandle.cursor="move",this.scaleHandle.clear(),this.rotateHandle.clear()}else this.clearGizmos();return}if(!this.selectedId){this.clearGizmos();return}let e=this.objectMap.get(this.selectedId);if(!(e!=null&&e.displayObject)){this.clearGizmos();return}let t=(v=(w=e.displayObject).getBounds)==null?void 0:v.call(w);if(!t||t.width<=0||t.height<=0){this.clearGizmos();return}let i=this.camera.toLocal(new G(t.x,t.y)),n=this.camera.toLocal(new G(t.x+t.width,t.y+t.height)),a=n.x-i.x,s=n.y-i.y,r=i.x+a/2,l=i.y+s/2;this.gizmoOutline.clear(),this.gizmoOutline.rect(i.x,i.y,a,s),this.gizmoOutline.stroke({width:2,color:16752394,alpha:.9});let c=7,d={width:2,color:988970,alpha:.6};this.moveHandle.clear(),this.moveHandle.circle(r,l,c).fill({color:2278750,alpha:.95}),this.moveHandle.stroke(d),this.moveHandle.cursor="move";let p=i.x+a,u=i.y+s;this.scaleHandle.clear(),this.scaleHandle.rect(p-c,u-c,c*2,c*2).fill({color:3718648,alpha:.95}),this.scaleHandle.stroke(d),this.scaleHandle.cursor="nwse-resize";let g=r,h=i.y-c*2;this.rotateHandle.clear(),this.rotateHandle.circle(g,h,c).fill({color:16347926,alpha:.95}),this.rotateHandle.stroke(d),this.rotateHandle.cursor="crosshair"}clearGizmos(){this.gizmoOutline.clear(),this.moveHandle.clear(),this.scaleHandle.clear(),this.rotateHandle.clear()}updateSpawnPointHandles(){if(this.clearSpawnPointHandles(),!this.selectedId)return;let e=this.getEditableObjectConfig(this.selectedId);if(!e||!this.isSpawnerConfig(e))return;let t=this.getSpawnPoints(e);!t||t.length===0||t.forEach((i,n)=>{let a=new de;a.circle(0,0,5).fill({color:16096779,alpha:.9}),a.circle(0,0,9).stroke({width:1,color:16096779,alpha:.45});let s=this.toCameraFromMain(i);a.position.set(s.x,s.y),a.cursor="move",a.eventMode="static",a.on("pointerdown",r=>this.startSpawnPointDrag(n,r)),this.spawnPointLayer.addChild(a)})}clearSpawnPointHandles(){this.spawnPointLayer.removeChildren().forEach(t=>{var i;(i=t.destroy)==null||i.call(t)})}isSpawnerConfig(e){var i,n;return((i=e==null?void 0:e.logic)==null?void 0:i.id)==="Spawner"?!0:String(((n=e==null?void 0:e.identity)==null?void 0:n.system_role)||"").toLowerCase().includes("spawner")}getSpawnPoints(e){var i,n;let t=(n=(i=e==null?void 0:e.logic)==null?void 0:i.props)==null?void 0:n.spawnPoints;return Array.isArray(t)?t.map(a=>{var s,r;return{x:Number((s=a==null?void 0:a.x)!=null?s:0),y:Number((r=a==null?void 0:a.y)!=null?r:0)}}):null}toCameraFromMain(e){let t=this.mainContainer.toGlobal(new G(e.x,e.y)),i=new G;return this.camera.toLocal(t,void 0,i),i}startSpawnPointDrag(e,t){var r,l;if(!this.selectedId)return;let i=this.getEditableObjectConfig(this.selectedId);if(!i)return;let n=this.getSpawnPoints(i);if(!n||!n[e])return;(r=t==null?void 0:t.stopPropagation)==null||r.call(t),(l=t==null?void 0:t.stopImmediatePropagation)==null||l.call(t);let a=this.getEventLocalPoint(t,this.mainContainer);if(!a)return;let s=n[e];this.spawnPointDrag={objectId:this.selectedId,index:e,offset:new G(s.x-a.x,s.y-a.y),startPoints:n.map(c=>({x:c.x,y:c.y}))},window.addEventListener("pointermove",this.onSpawnPointDragMove),window.addEventListener("pointerup",this.onSpawnPointDragEnd)}updateLiveSpawnPoint(e,t,i,n){let a=this.getEditableObjectConfig(e);if(!a)return;let s=this.getSpawnPoints(a);if(!s||!s[t])return;let r=s.map((l,c)=>c===t?{x:i,y:n}:{x:l.x,y:l.y});this.setNestedValue(a,"logic.props.spawnPoints",r),this.queueLiveApply(e),this.updateSpawnPointHandles()}setSelected(e,t={}){if(!(this.selectedId===e&&this.selectedIds.size===1&&this.selectedIds.has(e||""))&&(this.selectedId=e,e?(this.selectedIds.clear(),this.selectedIds.add(e)):this.selectedIds.clear(),this.updateGizmos(),this.updateSpawnPointHandles(),!t.silent&&e)){let i=window.__previewSelectObject;typeof i=="function"&&i(e)}}startDrag(e,t){var d,p,u,g,h,m,f;if(!this.selectedId)return;let i=this.objectMap.get(this.selectedId);if(!(i!=null&&i.displayObject))return;let n=this.getEditableObjectConfig(this.selectedId);if(!n||this.backgroundLocked&&this.isBackgroundObject(this.selectedId,n,i.displayObject))return;let a=(d=n.transform)!=null?d:{},s=(p=i.displayObject.parent)!=null?p:this.mainContainer,r=this.getEventLocalPoint(t,s);if(!r)return;(u=t==null?void 0:t.stopPropagation)==null||u.call(t),(g=t==null?void 0:t.stopImmediatePropagation)==null||g.call(t);let l=this.getPositioningAnchor(this.selectedId,a);(a.anchor==null||a.anchor==="")&&this.updateManager.updateProperty(this.selectedId,"transform.anchor",l),(((h=n==null?void 0:n.render)==null?void 0:h.anchor)==null||n.render.anchor==="")&&this.updateManager.updateProperty(this.selectedId,"render.anchor",l),this.dragMode=e,this.dragContainer=s,this.dragStartPointer=new G(r.x,r.y),this.dragStartPos=new G(i.displayObject.position.x,i.displayObject.position.y),this.dragLastPointer=new G(r.x,r.y),this.dragPointerOffset=new G(i.displayObject.position.x-r.x,i.displayObject.position.y-r.y),this.dragLogged=!1;let c=(m=this.getRuntimeScreenSize())!=null?m:this.getScreen();console.log("[SceneEditor][DragStart]",{objectId:this.selectedId,mode:e,isBackground:this.isBackgroundObject(this.selectedId,n,i.displayObject),screen:c,runtimeScale:this.getRuntimeScale(),pointer:{x:r.x,y:r.y},objectPos:{x:i.displayObject.position.x,y:i.displayObject.position.y},container:s===this.bgContainer?"bg":s===this.uiContainer?"ui":"main"}),this.dragStartScale=typeof((f=i.displayObject.scale)==null?void 0:f.x)=="number"?i.displayObject.scale.x:1,this.dragStartRotation=typeof i.displayObject.rotation=="number"?i.displayObject.rotation:0,this.dragAnchorLocal=this.getAnchorLocalPoint(a,s),this.dragStartValue=this.getDragStartValue(e,a),this.dragAnchorLocal&&(this.dragStartAngle=Math.atan2(r.y-this.dragAnchorLocal.y,r.x-this.dragAnchorLocal.x),this.dragStartDistance=Math.max(1,this.distance(r,this.dragAnchorLocal))),window.addEventListener("pointermove",this.onDragMove),window.addEventListener("pointerup",this.onDragEnd)}getDragStartValue(e,t){var i,n,a;return e==="move"?(i=t==null?void 0:t.position)!=null?i:{x:0,y:0}:e==="scale"?(n=t==null?void 0:t.scale)!=null?n:1:e==="rotate"?(a=t==null?void 0:t.rotation)!=null?a:0:null}updateLiveConfigPositionForObject(e,t,i){var L,M,I,P,j,_,T,S;let n=this.getEditableObjectConfig(e);if(!n)return;let a=(L=n.transform)!=null?L:{};n.transform||(n.transform=a);let s=(M=this.getRuntimeScreenSize())!=null?M:this.getScreen();if(!(s!=null&&s.width)||!(s!=null&&s.height))return;let r=this.objectMap.get(e),l=((I=r==null?void 0:r.displayObject)==null?void 0:I.parent)===this.bgContainer,c=this.getPositioningAnchor(e,a),d=(a==null?void 0:a.position_ratio)!=null?ze(s.width,s.height,a.position_ratio):we(s.width,s.height,c),p=d.x,u=d.y,g=t,h=i;if(!l){let x=this.getRuntimeScale();p=(d.x-s.width/2)/x,u=(d.y-s.height/2)/x,g=t/x,h=i/x}let m=g-p,f=h-u,b=(P=a.offset)!=null?P:{x:0,y:0},y=Array.isArray(b)?Number((j=b[0])!=null?j:0):Number((_=b==null?void 0:b.x)!=null?_:0),w=Array.isArray(b)?Number((T=b[1])!=null?T:0):Number((S=b==null?void 0:b.y)!=null?S:0),v=this.buildPositionValue(a,{x:m-y,y:f-w});this.updateManager.updateProperty(e,"transform.position",v,{refreshInspector:!0})}updateLiveConfigPosition(e,t){this.selectedId&&this.updateLiveConfigPositionForObject(this.selectedId,e,t)}updateLiveConfigScale(e){var a;if(!this.selectedId)return;let t=this.getEditableObjectConfig(this.selectedId);if(!t)return;let i=(a=t.transform)!=null?a:{};t.transform||(t.transform=i);let n=Math.round(e*100)/100;this.updateManager.updateProperty(this.selectedId,"transform.scale",n,{refreshInspector:!0})}updateLiveConfigRotation(e){var s;if(!this.selectedId)return;let t=this.getEditableObjectConfig(this.selectedId);if(!t)return;let i=(s=t.transform)!=null?s:{};t.transform||(t.transform=i);let n=this.toDegrees(e),a=typeof i.rotation=="number"?i.rotation:0;if(Math.abs(n-a)>.01){let r=Math.round(n*100)/100;this.updateManager.updateProperty(this.selectedId,"transform.rotation",r,{refreshInspector:!0})}}applyFinalOverride(e,t,i,n){let a=this.getEditableObjectConfig(e);a!=null&&a.transform&&this.setNestedValue(a.transform,t.replace("transform.",""),n),Ue({objectId:e,path:t,value:i},{persist:!0,emitEvent:!0,trackHistory:!0})}queueLiveApply(e){this.applyQueuedId=e,!this.applyQueued&&(this.applyQueued=!0,requestAnimationFrame(()=>{this.applyQueued=!1;let t=this.applyQueuedId;if(!t)return;let i=this.getEditableObjectConfig(t),n=window.applyEditableObjectConfig;typeof n=="function"&&i&&(n(t,i),window.dispatchEvent(new CustomEvent("inspector:refresh")))}))}setNestedValue(e,t,i){let n=t.split("."),a=e;for(let s=0;s<n.length-1;s+=1){let r=n[s];(!a[r]||typeof a[r]!="object")&&(a[r]={}),a=a[r]}a[n[n.length-1]]=i}buildPositionValue(e,t){let i=e==null?void 0:e.position,n=Math.round(t.x*100)/100,a=Math.round(t.y*100)/100;return Array.isArray(i)?[n,a]:{x:n,y:a}}toRadians(e){return e*Math.PI/180}toDegrees(e){return e*180/Math.PI}distance(e,t){let i=e.x-t.x,n=e.y-t.y;return Math.sqrt(i*i+n*n)}getPointerButton(e){var t,i,n;return typeof(e==null?void 0:e.button)=="number"?e.button:typeof((t=e==null?void 0:e.data)==null?void 0:t.button)=="number"?e.data.button:typeof((n=(i=e==null?void 0:e.data)==null?void 0:i.originalEvent)==null?void 0:n.button)=="number"?e.data.originalEvent.button:0}getEventGlobalPoint(e){var l,c;let t=(c=e==null?void 0:e.global)!=null?c:(l=e==null?void 0:e.data)==null?void 0:l.global;if(t)return new G(t.x,t.y);if(!this.app)return null;let i=e==null?void 0:e.clientX,n=e==null?void 0:e.clientY;if(typeof i!="number"||typeof n!="number")return null;let a=this.app.canvas.getBoundingClientRect(),s=(i-a.left)*(this.app.renderer.width/a.width),r=(n-a.top)*(this.app.renderer.height/a.height);return new G(s,r)}getEventLocalPoint(e,t=this.mainContainer){var a,s;if(!this.app)return null;if(typeof(e==null?void 0:e.getLocalPosition)=="function"){let r=e.getLocalPosition(t);return new G(r.x,r.y)}let i=(s=e==null?void 0:e.global)!=null?s:(a=e==null?void 0:e.data)==null?void 0:a.global;if(!i)return null;let n=new G;return t.toLocal(new G(i.x,i.y),void 0,n),n}getPointerInContainer(e,t,i){if(!this.app)return null;let n=this.app.canvas.getBoundingClientRect(),a=(e-n.left)*(this.app.renderer.width/n.width),s=(t-n.top)*(this.app.renderer.height/n.height),r=new G;return i.toLocal(new G(a,s),void 0,r),r}parseColor(e,t){if(typeof e=="number"&&Number.isFinite(e))return e;if(typeof e=="string"){let i=e.trim().replace("#",""),n=Number.parseInt(i,16);if(Number.isFinite(n))return n}return t}drawSelectionBox(e,t){if(!this.selectionBox)return;this.selectionBox.clear();let i=Math.min(e.x,t.x),n=Math.max(e.x,t.x),a=Math.min(e.y,t.y),s=Math.max(e.y,t.y),r=n-i,l=s-a;this.selectionBox.rect(i,a,r,l),this.selectionBox.stroke({width:2,color:3900150,alpha:.8}),this.selectionBox.rect(i,a,r,l),this.selectionBox.fill({color:3900150,alpha:.1})}finalizeSelectionBox(e,t){var l;let i=Math.min(e.x,t.x),n=Math.max(e.x,t.x),a=Math.min(e.y,t.y),s=Math.max(e.y,t.y),r=[];for(let[c,d]of this.objectMap.entries()){let p=d.displayObject;if(!p||p.visible===!1||this.backgroundLocked&&this.isBackgroundObject(c,this.getEditableObjectConfig(c),p))continue;let u=(l=p.getBounds)==null?void 0:l.call(p);if(!u||u.width<=0||u.height<=0)continue;let g=u.x+u.width/2,h=u.y+u.height/2;g>=i&&g<=n&&h>=a&&h<=s&&r.push(c)}r.length>0&&(this.selectedIds=new Set(r),this.selectedId=r[0],this.updateGizmos())}setupDragAndDrop(){if(!this.app)return;let e=this.app.canvas;e.addEventListener("dragover",t=>{t.preventDefault(),t.stopPropagation(),this.dropZoneActive||(this.dropZoneActive=!0,this.showDropZone())}),e.addEventListener("dragleave",t=>{e.contains(t.relatedTarget)||(this.dropZoneActive=!1,this.hideDropZone())}),e.addEventListener("drop",async t=>{var d;t.preventDefault(),t.stopPropagation(),this.dropZoneActive=!1,this.hideDropZone();let n=Array.from(((d=t.dataTransfer)==null?void 0:d.files)||[]).filter(p=>p.type.startsWith("image/"));if(n.length===0)return;let a=e.getBoundingClientRect(),s=t.clientX-a.left,r=t.clientY-a.top,l=new G(s/a.width*this.app.renderer.width,r/a.height*this.app.renderer.height),c=this.camera.toLocal(l);await this.handleDroppedPNGs(n,c)})}showDropZone(){if(!this.dropZoneOverlay||!this.app)return;let e=this.camera.toLocal(new G(0,0)),t=this.camera.toLocal(new G(this.app.renderer.width,this.app.renderer.height)),i=t.x-e.x,n=t.y-e.y;this.dropZoneOverlay.clear(),this.dropZoneOverlay.rect(e.x,e.y,i,n),this.dropZoneOverlay.fill({color:3900150,alpha:.1}),this.dropZoneOverlay.rect(e.x,e.y,i,n),this.dropZoneOverlay.stroke({width:3,color:3900150,alpha:.6}),this.dropZoneOverlay.visible=!0}hideDropZone(){this.dropZoneOverlay&&(this.dropZoneOverlay.clear(),this.dropZoneOverlay.visible=!1)}async handleDroppedPNGs(e,t){let i=window.__HANDLER_ACTIVE_SCREEN,n=i==="loading"||i==="start"||i==="gameplay"||i==="tutorial"||i==="endgame"?i:"gameplay",a=this.showToast(`Processing ${e.length} PNG${e.length>1?"s":""}...`);try{for(let s=0;s<e.length;s++){let r=e[s];await this.processDroppedPNG(r,t,n,s)}this.hideToast(a),this.showToast(`\u2705 Added ${e.length} PNG${e.length>1?"s":""} to scene`,2e3),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh"))}catch(s){this.hideToast(a),this.showToast(`\u274C Error: ${s instanceof Error?s.message:String(s)}`,3e3),console.error("[SceneEditor] Failed to process dropped PNGs:",s)}}async processDroppedPNG(e,t,i,n){let a=await this.fileToDataUrl(e);if(!a)throw new Error(`Failed to read ${e.name}`);let s=e.name.replace(/\.[^/.]+$/,""),r=this.inferCategoryFromFilename(s),l=s.replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"").toLowerCase(),c=`${l}_${Date.now()}${n>0?`_${n}`:""}`,d=`json.${c}`,p=`${l}.png`,g=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:r,filename:p,data:a,overwrite:!1})})).json();if(!g.success)throw new Error(`Failed to save ${e.name} to library: ${g.error}`);let h=this.getScreen(),m=this.getRuntimeScale(),f=(t.x-h.width/2)/m,b=(t.y-h.height/2)/m,y={identity:{id:d,category:r},transform:{anchor:"center",position:{x:f,y:b},scale:1,rotation:0},render:{z_index:0,alpha:1,visible:!0,anchor:{x:.5,y:.5},asset:{type:"image",path:g.path||`raw/library/${r}/${p}`}}},w=await fetch("/api/objects/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i,instanceId:c,objectConfigId:d,config:y,layer:r==="ui"?"ui":"world"})}),v=await w.json();if(!w.ok||!v.success)throw new Error(`Failed to create object: ${v.error||"Unknown error"}`)}inferCategoryFromFilename(e){let t=e.toLowerCase();return t.startsWith("ui_")||t.includes("button")||t.includes("label")?"ui":t.startsWith("bg_")||t.includes("background")?"backgrounds":t.includes("character")||t.includes("player")?"character":"environment"}fileToDataUrl(e){return new Promise(t=>{let i=new FileReader;i.onload=()=>t(i.result),i.onerror=()=>t(null),i.readAsDataURL(e)})}showToast(e,t=3e3){let i=document.createElement("div");return i.style.cssText=`
|
|
2262
|
+
`;case"text":return`<pre style="background: rgba(0,0,0,0.2); padding: 16px; border-radius: 8px; max-height: 300px; overflow-y: auto; white-space: pre-wrap;">${e}</pre>`;default:return`<div class="asset-preview-placeholder">Cannot preview ${t} assets</div>`}}resolveAssetUrl(e){return e.startsWith("data:")||e.startsWith("blob:")||e.startsWith("/")?e:`/raw/${e}`}attachEventListeners(){if(!this.modal)return;this.modal.addEventListener("click",i=>{let n=i.target;(n.dataset.action==="close"||n===this.modal)&&this.close()});let e=this.modal.querySelector('[data-action="change"]');e&&e.addEventListener("click",()=>{this.openAssetEditor()});let t=this.modal.querySelector('[data-action="edit"]');t&&t.addEventListener("click",()=>{this.openAiEditor(),this.close()})}openAssetEditor(){this.options&&import("./AssetEditorModal-N52QSFSY.js").then(({AssetEditorModal:e})=>{new e().show(this.options.objectId||"unknown",this.options.propertyPath||"",this.options.assetPath,i=>{var n;(n=this.options)!=null&&n.onChange&&this.options.onChange(i),this.close()})})}openAiEditor(){if(!this.options||this.options.assetType!=="image")return;let e=window.__openAiEditor;typeof e=="function"&&e(this.options.objectId||"asset","Edit this image asset",this.options.assetPath,{path:this.options.propertyPath,onApply:t=>{var i;(i=this.options)!=null&&i.onChange&&this.options.onChange(t)}})}close(){this.modal&&this.modal.parentNode&&this.modal.parentNode.removeChild(this.modal),this.modal=null,this.options=null}};window.openAssetPreview=function(o){new Gn().open(o)};import{Application as $o,Container as De,Graphics as de,Point as G,Rectangle as gr,Text as Do,TextStyle as Ho}from"pixi.js";import{Sprite as Oo,Container as ur}from"pixi.js";var Ro=typeof __BUILD_MODE__!="undefined"?__BUILD_MODE__:"undefined",Un=Ro;if(typeof window!="undefined")try{let o=new XMLHttpRequest;if(o.open("GET","./build-settings.json",!1),o.send(),o.status===200&&o.responseText){let e=JSON.parse(o.responseText);e!=null&&e.buildMode&&(Un=e.buildMode,console.log(`[ObjectFactory] Build mode overridden by settings: ${Un}`))}}catch{}function zo(o){var t,i,n,a,s;if(typeof window!="undefined"&&window.resolveAnchorVec2)return window.resolveAnchorVec2(o);let e={center:{x:.5,y:.5},"top-left":{x:0,y:0},"top-center":{x:.5,y:0},"top-right":{x:1,y:0},"center-left":{x:0,y:.5},"center-right":{x:1,y:.5},"bottom-left":{x:0,y:1},"bottom-center":{x:.5,y:1},"bottom-right":{x:1,y:1},left:{x:0,y:.5},right:{x:1,y:.5},top:{x:.5,y:0},bottom:{x:.5,y:1}};if(Array.isArray(o))return{x:(t=o[0])!=null?t:.5,y:(i=o[1])!=null?i:.5};if(o&&typeof o=="object"&&"x"in o&&"y"in o)return{x:(n=o.x)!=null?n:.5,y:(a=o.y)!=null?a:.5};if(typeof o=="string"){let r=o.trim().toLowerCase();return(s=e[r])!=null?s:{x:.5,y:.5}}return null}var Te=class{static async create(e,t,i){var l,c,d,p,g,u,h;console.log(`[ObjectFactory] create() called for: ${e}, __BUILD_MODE__: ${Un}`);let n=(l=t==null?void 0:t.render)==null?void 0:l.asset;if(!n){console.log(`[ObjectFactory] No asset definition for: ${e}, returning empty container`);let m=new ur;return this.applyTransform(m,t==null?void 0:t.transform,t),m}let a=(c=t==null?void 0:t.identity)==null?void 0:c.id;console.log(`[ObjectFactory] Calling AssetLoader.load() for: ${e}, configId: ${a}, type: ${n.type}, path: ${n.path}`);let s=await tn.load(e,n,i,a);console.log(`[ObjectFactory] AssetLoader.load() completed for: ${e}, rawAsset type: ${(d=s==null?void 0:s.constructor)==null?void 0:d.name}`);let r;if(n.type==="image")console.log("[ObjectFactory] Creating Sprite from texture:",s,"for object:",e),r=new Oo(s),console.log("[ObjectFactory] Created object:",r,"type:",(p=r==null?void 0:r.constructor)==null?void 0:p.name),this.applyTransform(r,t==null?void 0:t.transform,t);else if(n.type==="json")if(console.log("[ObjectFactory] JSON asset for",e,"rawAsset type:",(g=s==null?void 0:s.constructor)==null?void 0:g.name,s),s&&(((u=s.constructor)==null?void 0:u.name)==="Container"||s instanceof ur)){console.warn("[ObjectFactory] JSON asset is Container (from cache), reloading JSON directly");let m=[n.path,`/assets/${n.path}`,`assets/${n.path}`,`../assets/${n.path}`],f=!1;for(let b of m)try{let y=await fetch(b);if(y.ok){r=await y.json(),console.log("[ObjectFactory] Reloaded JSON directly from:",b,"type:",(h=r==null?void 0:r.constructor)==null?void 0:h.name),f=!0;break}}catch{continue}f||(console.error("[ObjectFactory] Failed to reload JSON from any path"),r=s)}else r=s;else r=s,r&&typeof r=="object"&&("x"in r||"position"in r)&&this.applyTransform(r,t==null?void 0:t.transform,t);return r}static applyTransform(e,t,i){var n,a,s,r;if(!(!t||!e)&&(t.position&&("x"in e&&"y"in e?(e.x=(n=t.position.x)!=null?n:0,e.y=(a=t.position.y)!=null?a:0):"position"in e&&e.position&&e.position.set((s=t.position.x)!=null?s:0,(r=t.position.y)!=null?r:0)),t.scale!==void 0&&"scale"in e&&e.scale&&(typeof e.scale=="object"&&"set"in e.scale?e.scale.set(t.scale):e.scale=t.scale),t.rotation!==void 0&&"rotation"in e&&(e.rotation=t.rotation),t.anchor&&"anchor"in e&&e.anchor)){let l=zo(t.anchor);l&&("set"in e.anchor?e.anchor.set(l.x,l.y):(e.anchor.x=l.x,e.anchor.y=l.y))}}};var Ui=class{constructor(e){this.app=null;this.camera=new De;this.bgContainer=new De;this.mainContainer=new De;this.uiContainer=new De;this.gizmoLayer=new De;this.screenFrame=new de;this.gameFrame=new de;this.gridLayer=new de;this.spawnPointLayer=new De;this.objectMap=new Map;this.selectedId=null;this.selectedIds=new Set;this.dragMode=null;this.selectionBox=null;this.selectionBoxStart=null;this.isSelectionBoxActive=!1;this.dragStartPointer=null;this.dragStartPos=null;this.dragStartScale=1;this.dragStartRotation=0;this.dragStartAngle=0;this.dragStartDistance=1;this.dragAnchorLocal=null;this.dragStartValue=null;this.dragContainer=null;this.dragLastPointer=null;this.dragPointerOffset=null;this.dragSyncHoldUntil=0;this.dragLogged=!1;this.spawnPointDrag=null;this.lastGameFrameSize=null;this.cameraScale=1;this.isPanning=!1;this.panStart=null;this.panStartCamera=null;this.hasUserCamera=!1;this.resizeObserver=null;this.screenSyncRaf=null;this.gizmoOutline=new de;this.anchorVisualizationLayer=new de;this.moveHandle=new de;this.scaleHandle=new de;this.rotateHandle=new de;this.isVisible=!0;this.applyQueued=!1;this.applyQueuedId=null;this.gridEnabled=!1;this.gridGap=50;this.gridAlpha=.25;this.snapToGrid=!1;this.alignmentGuidesEnabled=!0;this.alignmentGuideLayer=new de;this.lastPickPoint=null;this.lastPickIds=[];this.lastPickIndex=0;this.lastPickTime=0;this.playModeEnabled=!0;this.playModeInitialized=!1;this.layoutScale=1;this.updateManager=new Le;this.backgroundCoverEnabled=!0;this.backgroundLocked=!0;this.dropZoneActive=!1;this.dropZoneOverlay=null;this.handleScreenChange=e=>{if(!(e!=null&&e.detail))return;let{width:t,height:i}=e.detail;!t||!i||(this.hasUserCamera=!1,this.updateLayout({width:t,height:i}),this.hasUserCamera||this.centerCamera(),this.updateGizmos(),this.updateGrid(),this.playModeEnabled?this.schedulePostScreenSync({width:t,height:i}):this.syncFromConfig())};this.handleAnchorChanged=e=>{let t=e==null?void 0:e.detail,i=t==null?void 0:t.objectId;if(!i)return;let n=t==null?void 0:t.previousAnchor,a=t==null?void 0:t.nextAnchor;this.adjustPositionForAnchorChange(i,n,a)};this.handleActiveScreenChanged=()=>{this.isVisible&&this.syncFromConfig()};this.handleConfigChanged=e=>{if(!this.isVisible)return;this.updateLayout(),this.updateGrid();let t=e==null?void 0:e.detail;if(!t){this.syncFromConfig();return}let i=t.path,n=t.objectId;if(i==="transform.anchor"&&n){let s=t.value,r=t.oldValue;r!=null&&this.adjustPositionForAnchorChange(n,r,s)}let a=t.objectIds;if(n){this.syncFromConfig([n]);return}if(Array.isArray(a)&&a.length>0){this.syncFromConfig(a);return}this.syncFromConfig()};this.handleSceneRefresh=()=>{this.isVisible&&this.syncFromConfig()};this.handleAssetUpdated=e=>{var l;let t=(l=e==null?void 0:e.detail)!=null?l:{},i=t.objectId,n=t.texture;if(!i||!n)return;let a=this.objectMap.get(i);if(!a)return;let s=a.displayObject;if(s!=null&&s.texture)s.texture=n;else if(s!=null&&s.children){let c=s.children.find(d=>d==null?void 0:d.texture);c&&(c.texture=n)}let r=this.getEditableObjectConfig(i);r&&(a.assetKey=this.getAssetKey(r))};this.handleLayoutApplied=e=>{var s;if(!this.isVisible)return;let t=(s=e==null?void 0:e.detail)!=null?s:{},i=Number(t.width),n=Number(t.height),a=Number.isFinite(i)&&i>0&&Number.isFinite(n)&&n>0?{width:i,height:n}:this.getScreen();this.updateLayout(a),this.hasUserCamera||this.centerCamera(),this.syncFromConfig().then(()=>{this.playModeEnabled&&this.syncFromGameObjectsInternal(),this.updateGizmos(),this.updateGrid()})};this.handlePreviewSelect=e=>{var i,n;let t=(n=(i=e==null?void 0:e.detail)==null?void 0:i.objectId)!=null?n:null;this.setSelected(t,{silent:!0})};this.onStagePointerDown=e=>{if(!this.app||!this.isVisible)return;let t=this.getPointerButton(e);if(t===2){if(this.isGizmoTarget(e==null?void 0:e.target))return;let h=this.getEventGlobalPoint(e);if(!h)return;let m=new G(h.x,h.y),f=this.getPickCandidates(m);if(f.length>0){let b=f[0];this.selectedIds.has(b)||(this.selectedIds.clear(),this.selectedIds.add(b),this.setSelected(b),this.updateGizmos()),this.showContextMenu(b,h.x,h.y)}return}if(t!==0||this.isGizmoTarget(e==null?void 0:e.target))return;let i=this.getEventGlobalPoint(e);if(!i)return;let n=new G(i.x,i.y),a=this.getPickCandidates(n),r=navigator.platform.toUpperCase().indexOf("MAC")>=0?e.metaKey:e.ctrlKey;if(a.length===0){r||(this.setSelected(null),this.selectedIds.clear()),this.selectionBoxStart=n,this.isSelectionBoxActive=!0,this.lastPickIds=[],this.lastPickIndex=0,this.lastPickPoint=n,this.lastPickTime=performance.now();return}let l=performance.now(),c=this.areSameIds(a,this.lastPickIds),d=this.lastPickPoint&&this.distance(n,this.lastPickPoint)<=6,p=l-this.lastPickTime<1200,g=c&&d&&p?(this.lastPickIndex+1)%a.length:0,u=a[g];this.lastPickIds=a,this.lastPickIndex=g,this.lastPickPoint=n,this.lastPickTime=l,r?this.selectedIds.has(u)?(this.selectedIds.delete(u),this.selectedId===u&&(this.selectedId=this.selectedIds.size>0?Array.from(this.selectedIds)[0]:null)):(this.selectedIds.add(u),this.selectedId=u):(this.selectedIds.clear(),this.selectedIds.add(u),this.setSelected(u)),this.updateGizmos()};this.handleGridSettings=e=>{var a,s,r;let t=(a=e==null?void 0:e.detail)==null?void 0:a.enabled,i=(s=e==null?void 0:e.detail)==null?void 0:s.gap,n=(r=e==null?void 0:e.detail)==null?void 0:r.alpha;typeof t=="boolean"&&(this.gridEnabled=t),typeof i=="number"&&Number.isFinite(i)&&i>2&&(this.gridGap=i),typeof n=="number"&&Number.isFinite(n)&&n>=0&&n<=1&&(this.gridAlpha=n),this.updateGrid()};this.handleBackgroundCover=e=>{var i;let t=(i=e==null?void 0:e.detail)==null?void 0:i.enabled;typeof t=="boolean"&&(this.backgroundCoverEnabled=t,this.syncFromConfig(),this.updateGizmos())};this.handleBackgroundLock=e=>{var i;let t=(i=e==null?void 0:e.detail)==null?void 0:i.enabled;if(typeof t=="boolean"&&(this.backgroundLocked=t,t&&this.selectedId)){let n=this.getEditableObjectConfig(this.selectedId),a=this.objectMap.get(this.selectedId);this.isBackgroundObject(this.selectedId,n,a==null?void 0:a.displayObject)&&this.setSelected(null)}};this.handlePlayModeChange=e=>{var i;let t=(i=e==null?void 0:e.detail)==null?void 0:i.enabled;typeof t=="boolean"&&(!this.playModeInitialized&&(this.playModeInitialized=!0,!t)||t&&this.applyPlayModeState(!0))};this.syncFromGameObjects=()=>{this.syncFromGameObjectsInternal()};this.onSpawnPointDragMove=e=>{if(!this.spawnPointDrag)return;let t=this.getPointerInContainer(e.clientX,e.clientY,this.mainContainer);if(!t)return;let i=t.x+this.spawnPointDrag.offset.x,n=t.y+this.spawnPointDrag.offset.y;this.updateLiveSpawnPoint(this.spawnPointDrag.objectId,this.spawnPointDrag.index,i,n)};this.onSpawnPointDragEnd=()=>{if(!this.spawnPointDrag)return;let{objectId:e,startPoints:t}=this.spawnPointDrag,i=this.getEditableObjectConfig(e),n=i?this.getSpawnPoints(i):null;i&&n&&(this.setNestedValue(i,"logic.props.spawnPoints",t),Ue({objectId:e,path:"logic.props.spawnPoints",value:n},{persist:!0,emitEvent:!0,trackHistory:!0}),this.queueLiveApply(e)),this.spawnPointDrag=null,window.dispatchEvent(new CustomEvent("inspector:refresh")),window.removeEventListener("pointermove",this.onSpawnPointDragMove),window.removeEventListener("pointerup",this.onSpawnPointDragEnd)};this.onDragMove=e=>{var n;if(!this.dragMode||!this.selectedId||!this.dragContainer||!this.dragStartPointer||!this.dragStartPos)return;let t=this.objectMap.get(this.selectedId);if(!(t!=null&&t.displayObject))return;let i=this.getPointerInContainer(e.clientX,e.clientY,this.dragContainer);if(i){if(this.dragMode==="move"){let a=this.dragPointerOffset;if(!a)return;let s=i.x+a.x,r=i.y+a.y;if(this.snapToGrid){let d=this.snapToGridPosition(s,r);s=d.x,r=d.y}let l=s-this.dragStartPos.x,c=r-this.dragStartPos.y;if(t.displayObject.position.set(s,r),this.updateAlignmentGuides(this.selectedId,new G(s,r)),this.updateLiveConfigPosition(s,r),this.selectedIds.size>1){let d=new Map;if(!this.multiDragStartPositions){this.multiDragStartPositions=new Map;for(let p of this.selectedIds){if(p===this.selectedId)continue;let g=this.objectMap.get(p);g!=null&&g.displayObject&&this.multiDragStartPositions.set(p,new G(g.displayObject.position.x,g.displayObject.position.y))}}for(let p of this.selectedIds){if(p===this.selectedId)continue;let g=this.objectMap.get(p);if(!(g!=null&&g.displayObject))continue;let u=this.multiDragStartPositions.get(p);if(u){let h=u.x+l,m=u.y+c;if(this.snapToGrid){let f=this.snapToGridPosition(h,m);h=f.x,m=f.y}g.displayObject.position.set(h,m),this.updateLiveConfigPositionForObject(p,h,m)}}}this.dragLastPointer=new G(i.x,i.y),this.dragLogged||(this.dragLogged=!0,console.log("[SceneEditor][DragMove]",{objectId:this.selectedId,selectedCount:this.selectedIds.size,pointer:{x:i.x,y:i.y},nextPos:{x:s,y:r}}))}if(this.dragMode==="scale"&&this.dragAnchorLocal){let s=Math.max(1,this.distance(i,this.dragAnchorLocal))/Math.max(1,this.dragStartDistance),r=Math.max(.01,this.dragStartScale*s);(n=t.displayObject.scale)!=null&&n.set?t.displayObject.scale.set(r,r):t.displayObject.scale&&(t.displayObject.scale.x=r,t.displayObject.scale.y=r),this.updateLiveConfigScale(r)}if(this.dragMode==="rotate"&&this.dragAnchorLocal){let a=Math.atan2(i.y-this.dragAnchorLocal.y,i.x-this.dragAnchorLocal.x),s=this.dragStartRotation+(a-this.dragStartAngle);t.displayObject.rotation=s,this.updateLiveConfigRotation(s)}this.updateGizmos()}};this.onDragEnd=()=>{if(this.dragMode){if(this.alignmentGuideLayer&&this.alignmentGuideLayer.clear(),this.selectedIds.size>0){let e=Array.from(this.selectedIds);window.dispatchEvent(new CustomEvent("config:changed",{detail:{objectIds:e}})),this.dragSyncHoldUntil=performance.now()+200}this.dragMode=null,this.dragStartPointer=null,this.dragStartPos=null,this.dragAnchorLocal=null,this.dragStartValue=null,this.dragContainer=null,this.dragLastPointer=null,this.dragPointerOffset=null,this.multiDragStartPositions=null,window.removeEventListener("pointermove",this.onDragMove),window.removeEventListener("pointerup",this.onDragEnd)}};this.onWheel=e=>{if(!this.app||!this.isVisible)return;e.preventDefault();let i=Math.sign(e.deltaY)<0?1.1:.9,n=Math.min(6,Math.max(.1,this.cameraScale*i)),a=new G(this.app.renderer.width/2,this.app.renderer.height/2),s=this.camera.toLocal(a);this.cameraScale=n,this.camera.scale.set(n);let r=this.camera.toGlobal(s);this.camera.position.set(this.camera.position.x+(a.x-r.x),this.camera.position.y+(a.y-r.y)),this.hasUserCamera=!0,this.updateGizmos(),this.updateGrid()};this.onPanStart=e=>{e.button===2&&(this.isPanning=!0,this.panStart={x:e.clientX,y:e.clientY},this.panStartCamera={x:this.camera.position.x,y:this.camera.position.y},this.hasUserCamera=!0)};this.onPanMove=e=>{if(this.isPanning&&this.panStart&&this.panStartCamera){let t=e.clientX-this.panStart.x,i=e.clientY-this.panStart.y;this.camera.position.set(this.panStartCamera.x+t,this.panStartCamera.y+i),this.updateGrid()}if(this.isSelectionBoxActive&&this.selectionBoxStart&&this.app){let t=this.getEventGlobalPoint(e);if(!t)return;let i=new G(t.x,t.y);this.drawSelectionBox(this.selectionBoxStart,i)}};this.onPanEnd=e=>{if(this.isPanning&&(this.isPanning=!1,this.panStart=null,this.panStartCamera=null),this.isSelectionBoxActive&&this.selectionBoxStart&&this.app){let t=this.getEventGlobalPoint(e);if(t){let i=new G(t.x,t.y);this.finalizeSelectionBox(this.selectionBoxStart,i)}this.isSelectionBoxActive=!1,this.selectionBoxStart=null,this.selectionBox&&this.selectionBox.clear()}this.multiDragStartPositions=null};this.root=e.root,this.getScreen=e.getScreen}async mount(){this.app||(this.app=new $o,await this.app.init({resizeTo:this.root,autoDensity:!0,resolution:window.devicePixelRatio||1,antialias:!0,backgroundAlpha:0}),this.root.innerHTML="",this.root.appendChild(this.app.canvas),this.root.style.position="relative",this.root.style.overflow="hidden",this.app.stage.sortableChildren=!0,this.app.stage.eventMode="static",this.camera.sortableChildren=!0,this.bgContainer.sortableChildren=!0,this.mainContainer.sortableChildren=!0,this.uiContainer.sortableChildren=!0,this.spawnPointLayer.sortableChildren=!0,this.gizmoLayer.sortableChildren=!0,this.app.stage.addChild(this.camera),this.camera.addChild(this.screenFrame),this.camera.addChild(this.bgContainer),this.camera.addChild(this.mainContainer),this.camera.addChild(this.gridLayer),this.camera.addChild(this.uiContainer),this.camera.addChild(this.spawnPointLayer),this.camera.addChild(this.gameFrame),this.camera.addChild(this.gizmoLayer),this.screenFrame.zIndex=-1,this.screenFrame.eventMode="none",this.bgContainer.zIndex=-5e3,this.bgContainer.eventMode="none",this.mainContainer.zIndex=0,this.gridLayer.zIndex=2e4,this.gridLayer.eventMode="none",this.gridLayer.visible=!0,this.uiContainer.zIndex=5e4,this.spawnPointLayer.zIndex=8e4,this.spawnPointLayer.eventMode="passive",this.gameFrame.zIndex=85e3,this.gameFrame.eventMode="none",this.gizmoLayer.zIndex=1e5,this.gizmoLayer.addChild(this.gizmoOutline),this.gizmoLayer.addChild(this.anchorVisualizationLayer),this.gizmoLayer.addChild(this.moveHandle),this.gizmoLayer.addChild(this.scaleHandle),this.gizmoLayer.addChild(this.rotateHandle),this.selectionBox=new de,this.selectionBox.zIndex=99999,this.selectionBox.eventMode="none",this.gizmoLayer.addChild(this.selectionBox),this.dropZoneOverlay=new de,this.dropZoneOverlay.zIndex=99998,this.dropZoneOverlay.eventMode="none",this.gizmoLayer.addChild(this.dropZoneOverlay),this.alignmentGuideLayer=new de,this.alignmentGuideLayer.zIndex=99997,this.alignmentGuideLayer.eventMode="none",this.gizmoLayer.addChild(this.alignmentGuideLayer),this.gizmoOutline.eventMode="none",this.anchorVisualizationLayer.eventMode="none",this.setupInteractions(),this.setupObservers(),this.updateLayout(),this.hasUserCamera||this.centerCamera(),this.restoreScenePreferences(),this.refresh(),this.applyPlayModeState(!0),!this.isVisible&&this.app.ticker&&this.app.ticker.stop())}destroy(){var e;this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.screenSyncRaf&&(cancelAnimationFrame(this.screenSyncRaf),this.screenSyncRaf=null),window.removeEventListener("handler-preview:screen",this.handleScreenChange),window.removeEventListener("handler:active-screen-changed",this.handleActiveScreenChanged),window.removeEventListener("config:changed",this.handleConfigChanged),window.removeEventListener("handler:scene-objects-refresh",this.handleSceneRefresh),window.removeEventListener("handler:layout-applied",this.handleLayoutApplied),window.removeEventListener("preview:select",this.handlePreviewSelect),window.removeEventListener("scene-editor:grid",this.handleGridSettings),window.removeEventListener("scene-editor:background-cover",this.handleBackgroundCover),window.removeEventListener("scene-editor:background-lock",this.handleBackgroundLock),window.removeEventListener("scene-editor:asset-updated",this.handleAssetUpdated),window.removeEventListener("scene-editor:play-mode",this.handlePlayModeChange),window.removeEventListener("scene-editor:anchor-changed",this.handleAnchorChanged),window.removeEventListener("pointermove",this.onSpawnPointDragMove),window.removeEventListener("pointerup",this.onSpawnPointDragEnd),this.app&&((e=this.app.ticker)==null||e.remove(this.syncFromGameObjects),this.app.stage.off("pointerdown",this.onStagePointerDown),this.app.destroy(!0),this.app=null)}setVisible(e){this.isVisible=e,!(!this.app||!this.app.ticker)&&(e?(this.app.ticker.start(),this.refresh(),this.updateGrid()):this.app.ticker.stop())}refresh(){this.syncFromConfig()}setupObservers(){window.addEventListener("handler-preview:screen",this.handleScreenChange),window.addEventListener("handler:active-screen-changed",this.handleActiveScreenChanged),window.addEventListener("config:changed",this.handleConfigChanged),window.addEventListener("handler:scene-objects-refresh",this.handleSceneRefresh),window.addEventListener("handler:layout-applied",this.handleLayoutApplied),window.addEventListener("preview:select",this.handlePreviewSelect),window.addEventListener("scene-editor:grid",this.handleGridSettings),window.addEventListener("scene-editor:background-cover",this.handleBackgroundCover),window.addEventListener("scene-editor:background-lock",this.handleBackgroundLock),window.addEventListener("scene-editor:asset-updated",this.handleAssetUpdated),window.addEventListener("scene-editor:play-mode",this.handlePlayModeChange),window.addEventListener("scene-editor:anchor-changed",this.handleAnchorChanged),this.resizeObserver=new ResizeObserver(()=>{this.handleResize()}),this.resizeObserver.observe(this.root)}setupInteractions(){if(!this.app)return;let e=this.app.canvas;e.addEventListener("contextmenu",t=>t.preventDefault()),e.addEventListener("wheel",this.onWheel,{passive:!1}),e.addEventListener("pointerdown",this.onPanStart),window.addEventListener("pointermove",this.onPanMove),window.addEventListener("pointerup",this.onPanEnd),this.app.stage.on("pointerdown",this.onStagePointerDown),this.moveHandle.on("pointerdown",t=>this.startDrag("move",t)),this.scaleHandle.on("pointerdown",t=>this.startDrag("scale",t)),this.rotateHandle.on("pointerdown",t=>this.startDrag("rotate",t)),this.applyEditControls(),this.setupKeyboardShortcuts(),this.setupDragAndDrop()}setupKeyboardShortcuts(){window.addEventListener("keydown",e=>{if(!this.isVisible)return;let i=navigator.platform.toUpperCase().indexOf("MAC")>=0?e.metaKey:e.ctrlKey,n=e.target;n.tagName==="INPUT"||n.tagName==="TEXTAREA"||n.isContentEditable||(i&&e.key==="a"?(e.preventDefault(),this.selectAll()):i&&e.key==="d"?(e.preventDefault(),this.duplicateSelected()):i&&e.key==="c"?(e.preventDefault(),this.copySelected()):i&&e.key==="v"?(e.preventDefault(),this.pasteObjects()):e.key==="Escape"?(this.setSelected(null),this.selectedIds.clear(),this.updateGizmos()):(e.key==="Delete"||e.key==="Backspace")&&this.selectedIds.size>0?(e.preventDefault(),this.deleteSelectedObjects()):e.key==="g"||e.key==="G"?(e.preventDefault(),this.toggleGrid()):e.shiftKey&&(e.key==="g"||e.key==="G")&&(e.preventDefault(),this.toggleSnapToGrid()))})}async duplicateSelected(){if(this.selectedIds.size===0)return;let e=window.__HANDLER_ACTIVE_SCREEN,t=e==="loading"||e==="start"||e==="gameplay"||e==="tutorial"||e==="endgame"?e:"gameplay",i=Array.from(this.selectedIds),n=[];for(let a of i)try{let s=`${a}_copy_${Date.now()}`,r=await fetch("/api/objects/duplicate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({sourceId:a,newInstanceId:s,shareConfig:!1,screenId:t})}),l=await r.json();r.ok&&l.success&&n.push(l.newObjectId)}catch(s){console.error(`[SceneEditor] Failed to duplicate ${a}:`,s)}n.length>0&&(this.selectedIds=new Set(n),this.selectedId=n[0],this.updateGizmos(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")))}copySelected(){if(this.selectedIds.size===0)return;let e=[];for(let t of this.selectedIds){let i=this.getEditableObjectConfig(t);i&&e.push({id:t,config:i})}window.__sceneEditorClipboard={configs:e,timestamp:Date.now()},this.showToast(`\u{1F4CB} Copied ${e.length} object${e.length>1?"s":""}`,1500)}async pasteObjects(){var a,s;let e=window.__sceneEditorClipboard;if(!e||!e.configs||e.configs.length===0)return;let t=window.__HANDLER_ACTIVE_SCREEN,i=t==="loading"||t==="start"||t==="gameplay"||t==="tutorial"||t==="endgame"?t:"gameplay",n=[];for(let{id:r,config:l}of e.configs)try{let c=`${r}_paste_${Date.now()}_${Math.random().toString(36).substr(2,5)}`,d=`json.${c}`,p=JSON.parse(JSON.stringify(l));if(p.identity.id=d,p.instance_id=c,p.object_config=d,(a=p.transform)!=null&&a.position){let h=p.transform.position,m=Array.isArray(h)?h[0]:h.x||0,f=Array.isArray(h)?h[1]:h.y||0;Array.isArray(h)?p.transform.position=[m+20,f+20]:p.transform.position={x:m+20,y:f+20}}let g=await fetch("/api/objects/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i,instanceId:c,objectConfigId:d,config:p,layer:((s=p.identity)==null?void 0:s.category)==="ui"?"ui":"world"})}),u=await g.json();g.ok&&u.success&&n.push(c)}catch(c){console.error(`[SceneEditor] Failed to paste ${r}:`,c)}n.length>0&&(this.selectedIds=new Set(n),this.selectedId=n[0],this.updateGizmos(),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh")),this.showToast(`\u{1F4CB} Pasted ${n.length} object${n.length>1?"s":""}`,1500))}toggleGrid(){this.gridEnabled=!this.gridEnabled,this.updateGrid();try{window.localStorage.setItem(this.getSceneStorageKey("grid_enabled"),String(this.gridEnabled))}catch{}this.showToast(this.gridEnabled?"\u{1F4D0} Grid enabled":"\u{1F4D0} Grid disabled",1e3)}toggleSnapToGrid(){this.snapToGrid=!this.snapToGrid;try{window.localStorage.setItem(this.getSceneStorageKey("snap_to_grid"),String(this.snapToGrid))}catch{}this.showToast(this.snapToGrid?"\u{1F532} Snap to grid enabled":"\u{1F532} Snap to grid disabled",1e3)}snapToGridPosition(e,t){if(!this.snapToGrid)return{x:e,y:t};let i=this.gridGap;return{x:Math.round(e/i)*i,y:Math.round(t/i)*i}}updateAlignmentGuides(e,t){var d,p,g,u;if(!this.alignmentGuidesEnabled||!e||!this.alignmentGuideLayer){this.alignmentGuideLayer&&this.alignmentGuideLayer.clear();return}let i=this.objectMap.get(e);if(!(i!=null&&i.displayObject)){this.alignmentGuideLayer.clear();return}let n=(p=(d=i.displayObject).getBounds)==null?void 0:p.call(d);if(!n){this.alignmentGuideLayer.clear();return}this.alignmentGuideLayer.clear();let a=this.camera.toLocal(new G(n.x,n.y)),s=this.camera.toLocal(new G(n.x+n.width,n.y+n.height)),r=(a.x+s.x)/2,l=(a.y+s.y)/2,c=5;for(let[h,m]of this.objectMap.entries()){if(h===e||!(m!=null&&m.displayObject)||m.displayObject.visible===!1)continue;let f=(u=(g=m.displayObject).getBounds)==null?void 0:u.call(g);if(!f)continue;let b=this.camera.toLocal(new G(f.x,f.y)),y=this.camera.toLocal(new G(f.x+f.width,f.y+f.height)),w=(b.x+y.x)/2,v=(b.y+y.y)/2;if(Math.abs(r-w)<c){let x=Math.min(a.y,b.y),S=Math.max(s.y,y.y);this.alignmentGuideLayer.moveTo(w,x),this.alignmentGuideLayer.lineTo(w,S),this.alignmentGuideLayer.stroke({width:1,color:3900150,alpha:.6})}if(Math.abs(l-v)<c){let x=Math.min(a.x,b.x),S=Math.max(s.x,y.x);this.alignmentGuideLayer.moveTo(x,v),this.alignmentGuideLayer.lineTo(S,v),this.alignmentGuideLayer.stroke({width:1,color:3900150,alpha:.6})}let L=a.x,j=s.x,_=a.y,P=s.y,M=b.x,T=y.x,k=b.y,E=y.y;if(Math.abs(L-M)<c||Math.abs(L-T)<c||Math.abs(j-M)<c||Math.abs(j-T)<c){let x=Math.abs(L-M)<c?M:Math.abs(L-T)<c?T:Math.abs(j-M)<c?M:T,S=Math.min(_,k),C=Math.max(P,E);this.alignmentGuideLayer.moveTo(x,S),this.alignmentGuideLayer.lineTo(x,C),this.alignmentGuideLayer.stroke({width:1,color:1096065,alpha:.5})}if(Math.abs(_-k)<c||Math.abs(_-E)<c||Math.abs(P-k)<c||Math.abs(P-E)<c){let x=Math.abs(_-k)<c?k:Math.abs(_-E)<c?E:Math.abs(P-k)<c?k:E,S=Math.min(L,M),C=Math.max(j,T);this.alignmentGuideLayer.moveTo(S,x),this.alignmentGuideLayer.lineTo(C,x),this.alignmentGuideLayer.stroke({width:1,color:1096065,alpha:.5})}}}selectAll(){let e=Array.from(this.objectMap.keys()).filter(t=>{let i=this.getEditableObjectConfig(t),n=this.objectMap.get(t);return!(!(n!=null&&n.displayObject)||n.displayObject.visible===!1||this.backgroundLocked&&this.isBackgroundObject(t,i,n.displayObject))});this.selectedIds=new Set(e),e.length>0&&(this.selectedId=e[0],this.updateGizmos())}deleteSelectedObjects(){let e=Array.from(this.selectedIds);for(let t of e){let i=window.__deleteObjectRequest;typeof i=="function"&&i(t)}this.selectedIds.clear(),this.selectedId=null,this.updateGizmos()}handleResize(){this.app&&(this.updateLayout(),this.hasUserCamera||this.centerCamera(),this.updateGizmos(),this.updateGrid())}adjustPositionForAnchorChange(e,t,i){var T,k,E,x,S,C;if(t==null||i==null||t===i)return;let n=this.getEditableObjectConfig(e);if(!n)return;let a=(T=n.transform)!=null?T:{};if(a.position_ratio!=null)return;let s=(k=this.getRuntimeScreenSize())!=null?k:this.getScreen();if(!(s!=null&&s.width)||!(s!=null&&s.height))return;let r=this.objectMap.get(e);if(!(r!=null&&r.displayObject))return;let l=this.isBackgroundObject(e,n,r.displayObject),c=this.getRuntimeScale(),d=r.displayObject.position.x,p=r.displayObject.position.y,g=we(s.width,s.height,t),u=we(s.width,s.height,i),h=g.x,m=g.y,f=u.x,b=u.y;l||(h=(g.x-s.width/2)/c,m=(g.y-s.height/2)/c,f=(u.x-s.width/2)/c,b=(u.y-s.height/2)/c);let y={x:d-h,y:p-m},w={x:d-f,y:p-b},v=a.offset,L=Array.isArray(v)?Number((E=v[0])!=null?E:0):Number((x=v==null?void 0:v.x)!=null?x:0),j=Array.isArray(v)?Number((S=v[1])!=null?S:0):Number((C=v==null?void 0:v.y)!=null?C:0),_=w.x-L,P=w.y-j,M=this.buildPositionValue(a,{x:_,y:P});this.updateManager.updateProperty(e,"transform.position",M,{refreshInspector:!0})}getPickCandidates(e){var i;let t=[];for(let[n,a]of this.objectMap.entries()){let s=a.displayObject;if(!s||s.visible===!1||this.backgroundLocked&&this.isBackgroundObject(n,this.getEditableObjectConfig(n),s))continue;let r=(i=s.getBounds)==null?void 0:i.call(s);if(!r||r.width<=0||r.height<=0||e.x<r.x||e.x>r.x+r.width||e.y<r.y||e.y>r.y+r.height)continue;let l=s.parent,c=typeof(l==null?void 0:l.zIndex)=="number"?l.zIndex:0,d=typeof s.zIndex=="number"?s.zIndex:0,p=typeof(l==null?void 0:l.getChildIndex)=="function"?l.getChildIndex(s):0,g=c*1e6+d*1e3+p;t.push({id:n,order:g})}return t.sort((n,a)=>a.order-n.order),t.map(n=>n.id)}areSameIds(e,t){if(e.length!==t.length)return!1;for(let i=0;i<e.length;i+=1)if(e[i]!==t[i])return!1;return!0}isGizmoTarget(e){return e&&this.spawnPointLayer.children.indexOf(e)!==-1?!0:e===this.moveHandle||e===this.scaleHandle||e===this.rotateHandle||e===this.gizmoOutline}restoreScenePreferences(){if(typeof window!="undefined"){try{let e=window.localStorage.getItem(this.getSceneStorageKey("grid_enabled")),t=window.localStorage.getItem(this.getSceneStorageKey("grid_gap")),i=window.localStorage.getItem(this.getSceneStorageKey("grid_alpha")),n=window.localStorage.getItem(this.getSceneStorageKey("snap_to_grid")),a=window.localStorage.getItem(this.getSceneStorageKey("background_cover")),s=window.localStorage.getItem(this.getSceneStorageKey("background_lock"));if(e!==null&&(this.gridEnabled=e==="true"),t!==null){let r=Number(t);Number.isFinite(r)&&r>2&&(this.gridGap=r)}if(i!==null){let r=Number(i);Number.isFinite(r)&&r>=0&&r<=1&&(this.gridAlpha=r)}n!==null&&(this.snapToGrid=n==="true"),a!==null&&(this.backgroundCoverEnabled=a==="true"),s!==null&&(this.backgroundLocked=s==="true")}catch{}this.updateGrid()}}getSceneStorageKey(e){let t=typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default";return`handler_preview_scene_${e}::${t}`}applyPlayModeState(e){var t;this.playModeEnabled=e,(t=this.app)!=null&&t.ticker&&(this.app.ticker.remove(this.syncFromGameObjects),e&&this.app.ticker.add(this.syncFromGameObjects)),this.applyEditControls(),this.updateLayout(),this.hasUserCamera||this.centerCamera(),this.syncFromConfig().then(()=>{this.playModeEnabled&&this.syncFromGameObjectsInternal(),this.updateGizmos(),this.updateGrid()})}applyEditControls(){this.moveHandle.eventMode="static",this.scaleHandle.eventMode="static",this.rotateHandle.eventMode="static"}schedulePostScreenSync(e){this.screenSyncRaf&&cancelAnimationFrame(this.screenSyncRaf),this.screenSyncRaf=requestAnimationFrame(()=>{this.runPostScreenSync(e)})}async runPostScreenSync(e){this.screenSyncRaf=null,this.isVisible&&this.playModeEnabled&&(this.updateLayout(e),this.hasUserCamera||this.centerCamera(),await this.syncFromConfig(),this.syncFromGameObjectsInternal(),this.updateGizmos(),this.updateGrid())}getRuntimeScreenSize(){var a,s,r,l,c,d,p;let e=window.gameApp;if(e!=null&&e.renderer){let g=e.renderer.screen,u=Number((a=g==null?void 0:g.width)!=null?a:0),h=Number((s=g==null?void 0:g.height)!=null?s:0);if(Number.isFinite(u)&&u>0&&Number.isFinite(h)&&h>0)return{width:u,height:h};let m=Number((r=e.renderer.resolution)!=null?r:1)||1,f=Number((l=e.renderer.width)!=null?l:0)/m,b=Number((c=e.renderer.height)!=null?c:0)/m;if(Number.isFinite(f)&&f>0&&Number.isFinite(b)&&b>0)return{width:f,height:b}}let t=document.querySelector(".game-container"),i=Number((d=t==null?void 0:t.dataset)==null?void 0:d.screenWidth),n=Number((p=t==null?void 0:t.dataset)==null?void 0:p.screenHeight);return Number.isFinite(i)&&i>0&&Number.isFinite(n)&&n>0?{width:i,height:n}:null}getRuntimeLayoutReference(){var a,s,r,l,c,d,p,g,u,h,m,f,b,y,w,v,L,j,_,P,M,T,k,E,x,S,C,A,O,I,R,z,D,U;let e=window.__screenManager;if(e){let H=["gameplay","start","tutorial","endgame","loading"];for(let B of H){let $=(a=e.get)==null?void 0:a.call(e,B);if($!=null&&$.visible){let q=(s=$.getContentLayer)==null?void 0:s.call($);if(q){let W=(r=$.x)!=null?r:0,K=(l=$.y)!=null?l:0,F=(c=q.x)!=null?c:0,te=(d=q.y)!=null?d:0,J=(g=(p=q.scale)==null?void 0:p.x)!=null?g:1,Z=(h=(u=q.scale)==null?void 0:u.y)!=null?h:J;return console.log("[SceneEditor] getRuntimeLayoutReference: using visible screen contentLayer",{screenId:B,contentLayerScale:{x:J,y:Z},position:{x:W+F,y:K+te}}),{scale:{x:J,y:Z},position:{x:W+F,y:K+te},pivot:q.pivot?{x:q.pivot.x,y:q.pivot.y}:void 0}}}}for(let B of H){let $=(m=e.get)==null?void 0:m.call(e,B);if($){if(!$.visible&&typeof $.updateLayout=="function"){let W=window.gameApp;if((f=W==null?void 0:W.renderer)!=null&&f.screen){let K=W.renderer.screen.width,F=W.renderer.screen.height;K>0&&F>0&&$.updateLayout(K,F)}}let q=(b=$.getContentLayer)==null?void 0:b.call($);if(q){let W=(y=$.x)!=null?y:0,K=(w=$.y)!=null?w:0,F=(v=q.x)!=null?v:0,te=(L=q.y)!=null?L:0,J=(_=(j=q.scale)==null?void 0:j.x)!=null?_:1,Z=(M=(P=q.scale)==null?void 0:P.y)!=null?M:J;return console.log("[SceneEditor] getRuntimeLayoutReference: using any screen contentLayer",{screenId:B,visible:$.visible,contentLayerScale:{x:J,y:Z},position:{x:W+F,y:K+te}}),{scale:{x:J,y:Z},position:{x:W+F,y:K+te},pivot:q.pivot?{x:q.pivot.x,y:q.pivot.y}:void 0}}}}}let t=window.__mainContainer;if(t){let H=(k=(T=t.scale)==null?void 0:T.x)!=null?k:1,B=(x=(E=t.scale)==null?void 0:E.y)!=null?x:H;return console.log("[SceneEditor] getRuntimeLayoutReference: using __mainContainer",{scale:{x:H,y:B},position:{x:(S=t.position)==null?void 0:S.x,y:(C=t.position)==null?void 0:C.y}}),t}let i=window.gameApp,n=(A=i==null?void 0:i.stage)!=null?A:null;if(n){let H=(I=(O=n.scale)==null?void 0:O.x)!=null?I:1,B=(z=(R=n.scale)==null?void 0:R.y)!=null?z:H;console.log("[SceneEditor] getRuntimeLayoutReference: using gameApp.stage (fallback)",{scale:{x:H,y:B},position:{x:(D=n.position)==null?void 0:D.x,y:(U=n.position)==null?void 0:U.y}})}else console.log("[SceneEditor] getRuntimeLayoutReference: no reference found");return n}getRuntimeScale(){var i,n;let e=this.getRuntimeLayoutReference(),t=Number((n=(i=e==null?void 0:e.scale)==null?void 0:i.x)!=null?n:1);return Number.isFinite(t)&&t>0?t:Number.isFinite(this.layoutScale)&&this.layoutScale>0?this.layoutScale:1}getRuntimeParentContainer(e){var c,d,p,g,u;let t=window.gameObjectManager;if(!(t!=null&&t.get))return null;let i=t.get(e),n=((c=i==null?void 0:i.getDisplayObject)==null?void 0:c.call(i))||(i==null?void 0:i.pixiObject)||i,a=n==null?void 0:n.parent;if(!a)return null;let s=window.__screenManager;if(s){let h=["gameplay","start","tutorial","endgame","loading"];for(let m of h){let f=(d=s.get)==null?void 0:d.call(s,m);if(!f)continue;let b=(g=(p=f.getBgLayer)==null?void 0:p.call(f))!=null?g:f.bgLayer;if(b&&(a===b||typeof b.contains=="function"&&b.contains(a)))return this.bgContainer}}let r=this.getRuntimeLayoutReference(),l=(u=window.gameApp)==null?void 0:u.stage;return r&&l&&r===l?this.mainContainer:r&&typeof r.contains=="function"&&r.contains(a)?this.mainContainer:a===r||a===l?this.mainContainer:this.uiContainer}applyRuntimeTransform(e){var s,r,l,c,d,p,g,u,h,m;if(!e)return console.log("[SceneEditor] applyRuntimeTransform: no reference"),!1;let t=1,i=1,n=Number((r=(s=e.position)==null?void 0:s.x)!=null?r:0),a=Number((c=(l=e.position)==null?void 0:l.y)!=null?c:0);if(!Number.isFinite(n)||!Number.isFinite(a))return console.log("[SceneEditor] applyRuntimeTransform: invalid position",{posX:n,posY:a}),!1;if(console.log("[SceneEditor] applyRuntimeTransform: applying (scale always 1)",{scale:{x:t,y:i},position:{x:n,y:a}}),this.mainContainer.scale.set(1,1),this.uiContainer.scale.set(1,1),this.mainContainer.position.set(n,a),this.uiContainer.position.set(n,a),e.pivot&&((d=this.mainContainer.pivot)!=null&&d.set)&&((p=this.uiContainer.pivot)!=null&&p.set)){let f=Number((u=(g=e.pivot)==null?void 0:g.x)!=null?u:0),b=Number((m=(h=e.pivot)==null?void 0:h.y)!=null?m:0);Number.isFinite(f)&&Number.isFinite(b)&&(this.mainContainer.pivot.set(f,b),this.uiContainer.pivot.set(f,b))}return typeof e.rotation=="number"&&(this.mainContainer.rotation=e.rotation,this.uiContainer.rotation=e.rotation),!0}getEditableConfig(){return window.__editableConfig||null}getEditableObjectConfig(e){var n,a;let t=window.getEditableObjectConfig;if(typeof t=="function")return t(e);let i=this.getEditableConfig();return i!=null&&i.objects?typeof i.objects.get=="function"?(n=i.objects.get(e))!=null?n:null:(a=i.objects[e])!=null?a:null:null}getEditableObjectIds(){let e=window.getEditableObjectList;if(typeof e=="function"){let i=e();if(Array.isArray(i))return i}let t=this.getEditableConfig();return t!=null&&t.objects?typeof t.objects.keys=="function"?Array.from(t.objects.keys()):Object.keys(t.objects):[]}async syncFromConfig(e){if(!this.app)return;let t=this.getEditableConfig();if(!(t!=null&&t.objects))return;let i=e!=null&&e.length?e:this.getEditableObjectIds(),n=new Set(i);if(!e)for(let a of Array.from(this.objectMap.keys()))n.has(a)||this.removeObject(a);for(let a of i){let s=this.getEditableObjectConfig(a);if(!s){this.removeObject(a);continue}await this.upsertObject(a,s)}this.updateGizmos(),this.updateSpawnPointHandles(),this.updateGameFrame(this.getScreen())}removeObject(e){var i,n;let t=this.objectMap.get(e);if(t){try{(n=(i=t.displayObject)==null?void 0:i.destroy)==null||n.call(i)}catch{}this.objectMap.delete(e),this.selectedId===e&&this.setSelected(null,{silent:!0})}}async upsertObject(e,t){let i=this.getAssetKey(t),n=this.objectMap.get(e),a=this.isUiConfig(e,t),s=this.playModeEnabled?this.getRuntimeParentContainer(e):null,l=this.isBackgroundObject(e,t)?this.bgContainer:a?this.uiContainer:this.mainContainer,c=s!=null?s:l;if(!n||n.assetKey!==i||n.isUi!==a){n&&this.removeObject(e);let p=await this.createDisplayObject(e,t);if(!p)return;c.addChild(p),this.objectMap.set(e,{id:e,displayObject:p,assetKey:i,isUi:a}),this.attachObjectInteraction(p,e)}let d=this.objectMap.get(e);d&&(d.displayObject.parent!==c&&c.addChild(d.displayObject),this.applyVisualConfig(d.displayObject,t),(!this.playModeEnabled||!s)&&this.applyTransformFromConfig(e,d.displayObject,t))}async createDisplayObject(e,t){var r,l,c,d,p,g,u,h,m,f,b,y,w,v,L;if((r=t==null?void 0:t.render)!=null&&r.asset)try{if(((c=(l=t==null?void 0:t.render)==null?void 0:l.asset)==null?void 0:c.type)!=="json"){let _=await Te.create(e,t,this.app);if(_ instanceof De)return _}}catch(j){console.warn("[SceneEditor] ObjectFactory failed for",e,j)}let i=t==null?void 0:t.ui,n=(d=t==null?void 0:t.render)!=null?d:{},a=(i==null?void 0:i.text)||(i==null?void 0:i.kind)==="text";if(!!n.background_color){let j=this.getScreen(),_=(p=j==null?void 0:j.width)!=null?p:0,P=(g=j==null?void 0:j.height)!=null?g:0,M=new de,T=this.parseColor(n.background_color,0),k=typeof n.background_alpha=="number"?n.background_alpha:1;_>0&&P>0&&M.rect(0,0,_,P).fill({color:T,alpha:k});let E=new De;return E.addChild(M),E}if(a){let j=(h=(u=i==null?void 0:i.color)!=null?u:n==null?void 0:n.tint)!=null?h:"#ffffff",_=new Ho({fontFamily:"Arial, sans-serif",fontSize:(m=i==null?void 0:i.fontSize)!=null?m:16,fill:j,align:(f=i==null?void 0:i.align)!=null?f:"center",letterSpacing:(b=i==null?void 0:i.letterSpacing)!=null?b:0});return new Do({text:(y=i==null?void 0:i.text)!=null?y:"",style:_})}if((w=t==null?void 0:t.effects)!=null&&w.width||(v=t==null?void 0:t.effects)!=null&&v.height){let j=new de,_=typeof t.effects.width=="number"?t.effects.width:100,P=typeof t.effects.height=="number"?t.effects.height:100,M=(L=t.effects.fill_color)!=null?L:"#ffffff",T=typeof t.effects.fill_alpha=="number"?t.effects.fill_alpha:1,k=Number.parseInt(String(M).replace("#",""),16);return j.rect(0,0,_,P).fill({color:Number.isFinite(k)?k:16777215,alpha:T}),j}return new De}attachObjectInteraction(e,t){if(e&&(e.eventMode="static",e.cursor="pointer",!e.hitArea&&typeof e.getLocalBounds=="function")){let i=e.getLocalBounds();i&&i.width>0&&i.height>0&&(e.hitArea=new gr(i.x,i.y,i.width,i.height))}}getAssetKey(e){var i;let t=(i=e==null?void 0:e.render)==null?void 0:i.asset;return t?`${t.type||"asset"}::${t.path||""}`:null}isUiConfig(e,t){var a,s;let i=(((a=t==null?void 0:t.identity)==null?void 0:a.category)||"").toString().toLowerCase(),n=(((s=t==null?void 0:t.identity)==null?void 0:s.id)||e||"").toString().toLowerCase();return i.includes("ui")||n.startsWith("ui")||n.includes("label")}isBackgroundObject(e,t,i){var s,r;if((i==null?void 0:i.parent)===this.bgContainer)return!0;let n=(((s=t==null?void 0:t.identity)==null?void 0:s.category)||"").toString().toLowerCase(),a=(((r=t==null?void 0:t.identity)==null?void 0:r.id)||e||"").toString().toLowerCase();return!!(n.includes("bg")||n.includes("background")||a.startsWith("background_")||a.includes("background"))}applyVisualConfig(e,t){var a,s,r;if(!e)return;let i=(a=t==null?void 0:t.render)!=null?a:{};typeof i.alpha=="number"&&(e.alpha=i.alpha),e.visible=i.visible!==!1,e.zIndex=typeof i.z_index=="number"?i.z_index:0;let n={x:.5,y:.5};if((s=e.anchor)!=null&&s.set)e.anchor.set(n.x,n.y);else if(e.pivot){let l=(r=e.getLocalBounds)==null?void 0:r.call(e);l&&e.pivot.set(l.width*n.x,l.height*n.y)}}applyTransformFromConfig(e,t,i){var _,P,M,T,k,E,x,S,C,A,O,I,R,z,D,U,H,B,$,q,W;if(!t)return;let n=this.getScreen();if(!(n!=null&&n.width)||!(n!=null&&n.height))return;let a=(_=i==null?void 0:i.transform)!=null?_:{},s=this.getPositioningAnchor(e,a),r=a==null?void 0:a.position_ratio,l=a==null?void 0:a.position,c=a==null?void 0:a.offset,d=Array.isArray(l)?Number((P=l[0])!=null?P:0):Number((M=l==null?void 0:l.x)!=null?M:0),p=Array.isArray(l)?Number((T=l[1])!=null?T:0):Number((k=l==null?void 0:l.y)!=null?k:0),g=Array.isArray(c)?Number((E=c[0])!=null?E:0):Number((x=c==null?void 0:c.x)!=null?x:0),u=Array.isArray(c)?Number((S=c[1])!=null?S:0):Number((C=c==null?void 0:c.y)!=null?C:0),h=(Number.isFinite(d)?d:0)+(Number.isFinite(g)?g:0),m=(Number.isFinite(p)?p:0)+(Number.isFinite(u)?u:0);if(this.backgroundCoverEnabled&&this.isBackgroundObject(e,i,t)){let K=Number((O=(A=t==null?void 0:t.texture)==null?void 0:A.width)!=null?O:0),F=Number((R=(I=t==null?void 0:t.texture)==null?void 0:I.height)!=null?R:0);if(!Number.isFinite(K)||K<=0||!Number.isFinite(F)||F<=0){let re=(z=t==null?void 0:t.getLocalBounds)==null?void 0:z.call(t);K=Number((D=re==null?void 0:re.width)!=null?D:0),F=Number((U=re==null?void 0:re.height)!=null?U:0)}if(!Number.isFinite(K)||K<=0||!Number.isFinite(F)||F<=0)return;(H=t.anchor)!=null&&H.set&&t.anchor.set(.5,.5),(B=t.position)!=null&&B.set?t.position.set(n.width/2,n.height/2):t.position&&(t.position.x=n.width/2,t.position.y=n.height/2);let te=n.width/K,J=n.height/F,Z=Math.max(te,J);($=t.scale)!=null&&$.set?t.scale.set(Z,Z):t.scale&&(t.scale.x=Z,t.scale.y=Z);let pe=typeof(a==null?void 0:a.rotation)=="number"?a.rotation:0;t.rotation=this.toRadians(pe);return}let f=r!=null?ze(n.width,n.height,r):we(n.width,n.height,s),b=this.getRuntimeScale(),y=(f.x-n.width/2)/b+h,w=(f.y-n.height/2)/b+m;(q=t.position)!=null&&q.set?t.position.set(y,w):t.position&&(t.position.x=y,t.position.y=w);let L=(typeof(a==null?void 0:a.scale)=="number"?a.scale:1)*this.getRuntimeScale();(W=t.scale)!=null&&W.set?t.scale.set(L,L):t.scale&&(t.scale.x=L,t.scale.y=L);let j=typeof(a==null?void 0:a.rotation)=="number"?a.rotation:0;t.rotation=this.toRadians(j)}getAnchorLocalPoint(e,t=this.mainContainer){var d;let i=(d=this.getRuntimeScreenSize())!=null?d:this.getScreen();if(!(i!=null&&i.width)||!(i!=null&&i.height))return null;let n="top-right",a=this.getPositioningAnchor(this.selectedId,e!=null?e:{}),s=(e==null?void 0:e.position_ratio)!=null?ze(i.width,i.height,e.position_ratio):we(i.width,i.height,a!=null?a:n);if(t===this.bgContainer)return new G(s.x,s.y);let r=this.getRuntimeScale(),l=(s.x-i.width/2)/r,c=(s.y-i.height/2)/r;return new G(l,c)}getPositioningAnchor(e,t){var i,n,a,s,r,l,c,d,p,g;if((t==null?void 0:t.anchor)!=null&&t.anchor!=="")return t.anchor;if(typeof window!="undefined"&&e){let u=window,h=u.__editableConfig,m=(n=(i=h==null?void 0:h.objects)==null?void 0:i.get)==null?void 0:n.call(i,e),f=(r=(a=m==null?void 0:m.transform)==null?void 0:a.anchor)!=null?r:(s=m==null?void 0:m.render)==null?void 0:s.anchor;if(f!=null&&f!=="")return f;let b=u.__editableConfigBaseline,y=(c=(l=b==null?void 0:b.objects)==null?void 0:l.get)==null?void 0:c.call(l,e),w=(g=(d=y==null?void 0:y.transform)==null?void 0:d.anchor)!=null?g:(p=y==null?void 0:y.render)==null?void 0:p.anchor;if(w!=null&&w!=="")return w}return"top-left"}getActiveScreenSize(e){var t,i;return this.playModeEnabled?(i=(t=this.getRuntimeScreenSize())!=null?t:e)!=null?i:this.getScreen():e!=null?e:this.getScreen()}updateLayout(e){var i,n,a,s,r,l,c,d,p;let t=this.getActiveScreenSize(e);if(!(!(t!=null&&t.width)||!(t!=null&&t.height))){if(console.log("[SceneEditor] updateLayout: called",{screen:{width:t.width,height:t.height},currentScale:{x:this.mainContainer.scale.x,y:this.mainContainer.scale.y}}),this.playModeEnabled){let g=this.getRuntimeLayoutReference();if(g){let u=Number((n=(i=g.position)==null?void 0:i.x)!=null?n:t.width/2),h=Number((s=(a=g.position)==null?void 0:a.y)!=null?s:t.height/2);this.mainContainer.position.set(u,h),this.uiContainer.position.set(u,h);let m=Number((l=(r=g.scale)==null?void 0:r.x)!=null?l:1);Number.isFinite(m)&&m>0&&(this.layoutScale=m)}this.bgContainer.position.set(0,0),this.bgContainer.scale.set(1,1),this.mainContainer.scale.set(1,1),this.uiContainer.scale.set(1,1)}else this.bgContainer.position.set(0,0),this.bgContainer.scale.set(1,1),this.mainContainer.position.set(t.width/2,t.height/2),this.uiContainer.position.set(t.width/2,t.height/2),this.mainContainer.scale.set(1,1),this.uiContainer.scale.set(1,1),this.mainContainer.rotation=0,this.uiContainer.rotation=0,(c=this.mainContainer.pivot)!=null&&c.set&&this.mainContainer.pivot.set(0,0),(d=this.uiContainer.pivot)!=null&&d.set&&this.uiContainer.pivot.set(0,0);console.log("[SceneEditor] updateLayout: result",{finalScale:{x:this.mainContainer.scale.x,y:this.mainContainer.scale.y},position:{x:this.mainContainer.position.x,y:this.mainContainer.position.y}}),this.screenFrame.clear(),this.screenFrame.rect(0,0,t.width,t.height),this.screenFrame.stroke({width:2,color:2894892,alpha:.5}),this.updateGameFrame(t),(p=this.app)!=null&&p.stage&&(this.app.stage.hitArea=new gr(0,0,this.app.renderer.width,this.app.renderer.height)),this.updateSpawnPointHandles()}}updateGrid(){if(!this.app)return;if(!this.gridEnabled){this.gridLayer.clear(),this.gridLayer.visible=!0;return}let e=Math.max(4,this.gridGap),t=this.app.renderer,i=this.camera.toLocal(new G(0,0)),n=this.camera.toLocal(new G(t.width,t.height)),a=Math.min(i.x,n.x),s=Math.max(i.x,n.x),r=Math.min(i.y,n.y),l=Math.max(i.y,n.y),c=400,d=Math.ceil((s-a)/e),p=Math.ceil((l-r)/e),g=e*Math.max(1,Math.ceil(d/c)),u=e*Math.max(1,Math.ceil(p/c)),h=Math.floor(a/g)*g,m=Math.floor(r/u)*u;this.gridLayer.clear(),this.gridLayer.visible=!0;for(let f=h;f<=s;f+=g)this.gridLayer.moveTo(f,r),this.gridLayer.lineTo(f,l);for(let f=m;f<=l;f+=u)this.gridLayer.moveTo(a,f),this.gridLayer.lineTo(s,f);this.gridLayer.stroke({width:1,color:16777215,alpha:this.gridAlpha})}updateGameFrame(e){let t=this.getActiveScreenSize(e);if(!(t!=null&&t.width)||!(t!=null&&t.height))return;let i=t.width,n=t.height,a=0,s=0;this.lastGameFrameSize&&this.lastGameFrameSize.width===t.width&&this.lastGameFrameSize.height===t.height||(this.lastGameFrameSize={width:t.width,height:t.height},this.gameFrame.clear(),this.gameFrame.rect(a,s,i,n),this.gameFrame.stroke({width:2,color:6333946,alpha:.35}))}syncFromGameObjectsInternal(){var i,n,a,s,r,l,c,d,p;if(!this.app||!this.isVisible)return;let e=window.gameObjectManager;if(!(e!=null&&e.get))return;let t=this.dragMode||this.selectedId&&performance.now()<this.dragSyncHoldUntil?this.selectedId:null;for(let[g,u]of this.objectMap.entries()){if(t&&g===t)continue;let h=e.get(g),m=((i=h==null?void 0:h.getDisplayObject)==null?void 0:i.call(h))||(h==null?void 0:h.pixiObject)||h;if(!m)continue;let f=(a=(n=u.displayObject)==null?void 0:n.parent)!=null?a:this.mainContainer,b=new G;if(typeof m.getGlobalPosition=="function"){m.getGlobalPosition(b);let j=f.toLocal(b,this.camera);u.displayObject.position.set(j.x,j.y)}else if(m.worldTransform){b.set(m.worldTransform.tx,m.worldTransform.ty);let j=f.toLocal(b,this.camera);u.displayObject.position.set(j.x,j.y)}let y=this.getWorldScale(m);if(y){let j=Number((r=(s=f.scale)==null?void 0:s.x)!=null?r:1)||1,_=Number((c=(l=f.scale)==null?void 0:l.y)!=null?c:1)||1,P=y.x/j,M=y.y/_;(d=u.displayObject.scale)!=null&&d.set?u.displayObject.scale.set(P,M):u.displayObject.scale&&(u.displayObject.scale.x=P,u.displayObject.scale.y=M)}let w=this.getWorldRotation(m);if(typeof w=="number"){let j=f?f.rotation:0,_=w-j;u.displayObject.rotation=_;let P=this.getEditableObjectConfig(g);if(P){let M=(p=P.transform)!=null?p:{};P.transform||(P.transform=M);let T=this.toDegrees(_),k=typeof M.rotation=="number"?M.rotation:0;if(Math.abs(T-k)>.01){let E=Math.round(T*100)/100;M.rotation=E}}}let v=m.parent,L=typeof(v==null?void 0:v.getChildIndex)=="function"?v.getChildIndex(m):0;typeof m.zIndex=="number"?u.displayObject.zIndex=m.zIndex:Number.isFinite(L)&&(u.displayObject.zIndex=L)}this.updateGizmos()}getWorldScale(e){var a,s;let t=(s=e==null?void 0:e.worldTransform)!=null?s:(a=e==null?void 0:e.transform)==null?void 0:a.worldTransform;if(!t)return null;let i=Math.sqrt(t.a*t.a+t.b*t.b),n=Math.sqrt(t.c*t.c+t.d*t.d);return!Number.isFinite(i)||!Number.isFinite(n)?null:{x:i,y:n}}getWorldRotation(e){var i,n;let t=(n=e==null?void 0:e.worldTransform)!=null?n:(i=e==null?void 0:e.transform)==null?void 0:i.worldTransform;if(t){let a=Math.atan2(t.b,t.a);return Number.isFinite(a)?a:null}return typeof(e==null?void 0:e.rotation)=="number"?e.rotation:null}centerCamera(){if(!this.app)return;let e=this.getActiveScreenSize();if(!(e!=null&&e.width)||!(e!=null&&e.height))return;let t=this.app.renderer.width,i=this.app.renderer.height,n=Math.max(.01,Math.min(t/e.width,i/e.height));this.cameraScale=n,this.camera.scale.set(n),this.camera.position.set((t-e.width*n)/2,(i-e.height*n)/2)}updateGizmos(){var m,f,b,y,w,v;if(!this.selectedId&&this.selectedIds.size===0||!this.isVisible){this.clearGizmos();return}if(this.selectedIds.size>1){let L=1/0,j=1/0,_=-1/0,P=-1/0,M=!1;for(let T of this.selectedIds){let k=this.objectMap.get(T);if(!(k!=null&&k.displayObject))continue;let E=(f=(m=k.displayObject).getBounds)==null?void 0:f.call(m);if(!E||E.width<=0||E.height<=0)continue;let x=this.camera.toLocal(new G(E.x,E.y)),S=this.camera.toLocal(new G(E.x+E.width,E.y+E.height));L=Math.min(L,x.x,S.x),j=Math.min(j,x.y,S.y),_=Math.max(_,x.x,S.x),P=Math.max(P,x.y,S.y),M=!0}if(M){let T=_-L,k=P-j,E=L+T/2,x=j+k/2;this.gizmoOutline.clear(),this.gizmoOutline.rect(L,j,T,k),this.gizmoOutline.stroke({width:2,color:16752394,alpha:.9});for(let A of this.selectedIds){let O=this.objectMap.get(A);if(!(O!=null&&O.displayObject))continue;let I=(y=(b=O.displayObject).getBounds)==null?void 0:y.call(b);if(!I||I.width<=0||I.height<=0)continue;let R=this.camera.toLocal(new G(I.x,I.y)),z=this.camera.toLocal(new G(I.x+I.width,I.y+I.height)),D=z.x-R.x,U=z.y-R.y;this.gizmoOutline.rect(R.x,R.y,D,U),this.gizmoOutline.stroke({width:1,color:16752394,alpha:.5})}let S=7,C={width:2,color:988970,alpha:.6};this.moveHandle.clear(),this.moveHandle.circle(E,x,S).fill({color:2278750,alpha:.95}),this.moveHandle.stroke(C),this.moveHandle.cursor="move",this.scaleHandle.clear(),this.rotateHandle.clear()}else this.clearGizmos();return}if(!this.selectedId){this.clearGizmos();return}let e=this.objectMap.get(this.selectedId);if(!(e!=null&&e.displayObject)){this.clearGizmos();return}let t=(v=(w=e.displayObject).getBounds)==null?void 0:v.call(w);if(!t||t.width<=0||t.height<=0){this.clearGizmos();return}let i=this.camera.toLocal(new G(t.x,t.y)),n=this.camera.toLocal(new G(t.x+t.width,t.y+t.height)),a=n.x-i.x,s=n.y-i.y,r=i.x+a/2,l=i.y+s/2;this.gizmoOutline.clear(),this.gizmoOutline.rect(i.x,i.y,a,s),this.gizmoOutline.stroke({width:2,color:16752394,alpha:.9});let c=7,d={width:2,color:988970,alpha:.6};this.moveHandle.clear(),this.moveHandle.circle(r,l,c).fill({color:2278750,alpha:.95}),this.moveHandle.stroke(d),this.moveHandle.cursor="move";let p=i.x+a,g=i.y+s;this.scaleHandle.clear(),this.scaleHandle.rect(p-c,g-c,c*2,c*2).fill({color:3718648,alpha:.95}),this.scaleHandle.stroke(d),this.scaleHandle.cursor="nwse-resize";let u=r,h=i.y-c*2;this.rotateHandle.clear(),this.rotateHandle.circle(u,h,c).fill({color:16347926,alpha:.95}),this.rotateHandle.stroke(d),this.rotateHandle.cursor="crosshair"}clearGizmos(){this.gizmoOutline.clear(),this.moveHandle.clear(),this.scaleHandle.clear(),this.rotateHandle.clear()}updateSpawnPointHandles(){if(this.clearSpawnPointHandles(),!this.selectedId)return;let e=this.getEditableObjectConfig(this.selectedId);if(!e||!this.isSpawnerConfig(e))return;let t=this.getSpawnPoints(e);!t||t.length===0||t.forEach((i,n)=>{let a=new de;a.circle(0,0,5).fill({color:16096779,alpha:.9}),a.circle(0,0,9).stroke({width:1,color:16096779,alpha:.45});let s=this.toCameraFromMain(i);a.position.set(s.x,s.y),a.cursor="move",a.eventMode="static",a.on("pointerdown",r=>this.startSpawnPointDrag(n,r)),this.spawnPointLayer.addChild(a)})}clearSpawnPointHandles(){this.spawnPointLayer.removeChildren().forEach(t=>{var i;(i=t.destroy)==null||i.call(t)})}isSpawnerConfig(e){var i,n;return((i=e==null?void 0:e.logic)==null?void 0:i.id)==="Spawner"?!0:String(((n=e==null?void 0:e.identity)==null?void 0:n.system_role)||"").toLowerCase().includes("spawner")}getSpawnPoints(e){var i,n;let t=(n=(i=e==null?void 0:e.logic)==null?void 0:i.props)==null?void 0:n.spawnPoints;return Array.isArray(t)?t.map(a=>{var s,r;return{x:Number((s=a==null?void 0:a.x)!=null?s:0),y:Number((r=a==null?void 0:a.y)!=null?r:0)}}):null}toCameraFromMain(e){let t=this.mainContainer.toGlobal(new G(e.x,e.y)),i=new G;return this.camera.toLocal(t,void 0,i),i}startSpawnPointDrag(e,t){var r,l;if(!this.selectedId)return;let i=this.getEditableObjectConfig(this.selectedId);if(!i)return;let n=this.getSpawnPoints(i);if(!n||!n[e])return;(r=t==null?void 0:t.stopPropagation)==null||r.call(t),(l=t==null?void 0:t.stopImmediatePropagation)==null||l.call(t);let a=this.getEventLocalPoint(t,this.mainContainer);if(!a)return;let s=n[e];this.spawnPointDrag={objectId:this.selectedId,index:e,offset:new G(s.x-a.x,s.y-a.y),startPoints:n.map(c=>({x:c.x,y:c.y}))},window.addEventListener("pointermove",this.onSpawnPointDragMove),window.addEventListener("pointerup",this.onSpawnPointDragEnd)}updateLiveSpawnPoint(e,t,i,n){let a=this.getEditableObjectConfig(e);if(!a)return;let s=this.getSpawnPoints(a);if(!s||!s[t])return;let r=s.map((l,c)=>c===t?{x:i,y:n}:{x:l.x,y:l.y});this.setNestedValue(a,"logic.props.spawnPoints",r),this.queueLiveApply(e),this.updateSpawnPointHandles()}setSelected(e,t={}){if(!(this.selectedId===e&&this.selectedIds.size===1&&this.selectedIds.has(e||""))&&(this.selectedId=e,e?(this.selectedIds.clear(),this.selectedIds.add(e)):this.selectedIds.clear(),this.updateGizmos(),this.updateSpawnPointHandles(),!t.silent&&e)){let i=window.__previewSelectObject;typeof i=="function"&&i(e)}}startDrag(e,t){var d,p,g,u,h,m,f;if(!this.selectedId)return;let i=this.objectMap.get(this.selectedId);if(!(i!=null&&i.displayObject))return;let n=this.getEditableObjectConfig(this.selectedId);if(!n||this.backgroundLocked&&this.isBackgroundObject(this.selectedId,n,i.displayObject))return;let a=(d=n.transform)!=null?d:{},s=(p=i.displayObject.parent)!=null?p:this.mainContainer,r=this.getEventLocalPoint(t,s);if(!r)return;(g=t==null?void 0:t.stopPropagation)==null||g.call(t),(u=t==null?void 0:t.stopImmediatePropagation)==null||u.call(t);let l=this.getPositioningAnchor(this.selectedId,a);(a.anchor==null||a.anchor==="")&&this.updateManager.updateProperty(this.selectedId,"transform.anchor",l),(((h=n==null?void 0:n.render)==null?void 0:h.anchor)==null||n.render.anchor==="")&&this.updateManager.updateProperty(this.selectedId,"render.anchor",l),this.dragMode=e,this.dragContainer=s,this.dragStartPointer=new G(r.x,r.y),this.dragStartPos=new G(i.displayObject.position.x,i.displayObject.position.y),this.dragLastPointer=new G(r.x,r.y),this.dragPointerOffset=new G(i.displayObject.position.x-r.x,i.displayObject.position.y-r.y),this.dragLogged=!1;let c=(m=this.getRuntimeScreenSize())!=null?m:this.getScreen();console.log("[SceneEditor][DragStart]",{objectId:this.selectedId,mode:e,isBackground:this.isBackgroundObject(this.selectedId,n,i.displayObject),screen:c,runtimeScale:this.getRuntimeScale(),pointer:{x:r.x,y:r.y},objectPos:{x:i.displayObject.position.x,y:i.displayObject.position.y},container:s===this.bgContainer?"bg":s===this.uiContainer?"ui":"main"}),this.dragStartScale=typeof((f=i.displayObject.scale)==null?void 0:f.x)=="number"?i.displayObject.scale.x:1,this.dragStartRotation=typeof i.displayObject.rotation=="number"?i.displayObject.rotation:0,this.dragAnchorLocal=this.getAnchorLocalPoint(a,s),this.dragStartValue=this.getDragStartValue(e,a),this.dragAnchorLocal&&(this.dragStartAngle=Math.atan2(r.y-this.dragAnchorLocal.y,r.x-this.dragAnchorLocal.x),this.dragStartDistance=Math.max(1,this.distance(r,this.dragAnchorLocal))),window.addEventListener("pointermove",this.onDragMove),window.addEventListener("pointerup",this.onDragEnd)}getDragStartValue(e,t){var i,n,a;return e==="move"?(i=t==null?void 0:t.position)!=null?i:{x:0,y:0}:e==="scale"?(n=t==null?void 0:t.scale)!=null?n:1:e==="rotate"?(a=t==null?void 0:t.rotation)!=null?a:0:null}updateLiveConfigPositionForObject(e,t,i){var L,j,_,P,M,T,k,E;let n=this.getEditableObjectConfig(e);if(!n)return;let a=(L=n.transform)!=null?L:{};n.transform||(n.transform=a);let s=(j=this.getRuntimeScreenSize())!=null?j:this.getScreen();if(!(s!=null&&s.width)||!(s!=null&&s.height))return;let r=this.objectMap.get(e),l=((_=r==null?void 0:r.displayObject)==null?void 0:_.parent)===this.bgContainer,c=this.getPositioningAnchor(e,a),d=(a==null?void 0:a.position_ratio)!=null?ze(s.width,s.height,a.position_ratio):we(s.width,s.height,c),p=d.x,g=d.y,u=t,h=i;if(!l){let x=this.getRuntimeScale();p=(d.x-s.width/2)/x,g=(d.y-s.height/2)/x,u=t/x,h=i/x}let m=u-p,f=h-g,b=(P=a.offset)!=null?P:{x:0,y:0},y=Array.isArray(b)?Number((M=b[0])!=null?M:0):Number((T=b==null?void 0:b.x)!=null?T:0),w=Array.isArray(b)?Number((k=b[1])!=null?k:0):Number((E=b==null?void 0:b.y)!=null?E:0),v=this.buildPositionValue(a,{x:m-y,y:f-w});this.updateManager.updateProperty(e,"transform.position",v,{refreshInspector:!0})}updateLiveConfigPosition(e,t){this.selectedId&&this.updateLiveConfigPositionForObject(this.selectedId,e,t)}updateLiveConfigScale(e){var a;if(!this.selectedId)return;let t=this.getEditableObjectConfig(this.selectedId);if(!t)return;let i=(a=t.transform)!=null?a:{};t.transform||(t.transform=i);let n=Math.round(e*100)/100;this.updateManager.updateProperty(this.selectedId,"transform.scale",n,{refreshInspector:!0})}updateLiveConfigRotation(e){var s;if(!this.selectedId)return;let t=this.getEditableObjectConfig(this.selectedId);if(!t)return;let i=(s=t.transform)!=null?s:{};t.transform||(t.transform=i);let n=this.toDegrees(e),a=typeof i.rotation=="number"?i.rotation:0;if(Math.abs(n-a)>.01){let r=Math.round(n*100)/100;this.updateManager.updateProperty(this.selectedId,"transform.rotation",r,{refreshInspector:!0})}}applyFinalOverride(e,t,i,n){let a=this.getEditableObjectConfig(e);a!=null&&a.transform&&this.setNestedValue(a.transform,t.replace("transform.",""),n),Ue({objectId:e,path:t,value:i},{persist:!0,emitEvent:!0,trackHistory:!0})}queueLiveApply(e){this.applyQueuedId=e,!this.applyQueued&&(this.applyQueued=!0,requestAnimationFrame(()=>{this.applyQueued=!1;let t=this.applyQueuedId;if(!t)return;let i=this.getEditableObjectConfig(t),n=window.applyEditableObjectConfig;typeof n=="function"&&i&&(n(t,i),window.dispatchEvent(new CustomEvent("inspector:refresh")))}))}setNestedValue(e,t,i){let n=t.split("."),a=e;for(let s=0;s<n.length-1;s+=1){let r=n[s];(!a[r]||typeof a[r]!="object")&&(a[r]={}),a=a[r]}a[n[n.length-1]]=i}buildPositionValue(e,t){let i=e==null?void 0:e.position,n=Math.round(t.x*100)/100,a=Math.round(t.y*100)/100;return Array.isArray(i)?[n,a]:{x:n,y:a}}toRadians(e){return e*Math.PI/180}toDegrees(e){return e*180/Math.PI}distance(e,t){let i=e.x-t.x,n=e.y-t.y;return Math.sqrt(i*i+n*n)}getPointerButton(e){var t,i,n;return typeof(e==null?void 0:e.button)=="number"?e.button:typeof((t=e==null?void 0:e.data)==null?void 0:t.button)=="number"?e.data.button:typeof((n=(i=e==null?void 0:e.data)==null?void 0:i.originalEvent)==null?void 0:n.button)=="number"?e.data.originalEvent.button:0}getEventGlobalPoint(e){var l,c;let t=(c=e==null?void 0:e.global)!=null?c:(l=e==null?void 0:e.data)==null?void 0:l.global;if(t)return new G(t.x,t.y);if(!this.app)return null;let i=e==null?void 0:e.clientX,n=e==null?void 0:e.clientY;if(typeof i!="number"||typeof n!="number")return null;let a=this.app.canvas.getBoundingClientRect(),s=(i-a.left)*(this.app.renderer.width/a.width),r=(n-a.top)*(this.app.renderer.height/a.height);return new G(s,r)}getEventLocalPoint(e,t=this.mainContainer){var a,s;if(!this.app)return null;if(typeof(e==null?void 0:e.getLocalPosition)=="function"){let r=e.getLocalPosition(t);return new G(r.x,r.y)}let i=(s=e==null?void 0:e.global)!=null?s:(a=e==null?void 0:e.data)==null?void 0:a.global;if(!i)return null;let n=new G;return t.toLocal(new G(i.x,i.y),void 0,n),n}getPointerInContainer(e,t,i){if(!this.app)return null;let n=this.app.canvas.getBoundingClientRect(),a=(e-n.left)*(this.app.renderer.width/n.width),s=(t-n.top)*(this.app.renderer.height/n.height),r=new G;return i.toLocal(new G(a,s),void 0,r),r}parseColor(e,t){if(typeof e=="number"&&Number.isFinite(e))return e;if(typeof e=="string"){let i=e.trim().replace("#",""),n=Number.parseInt(i,16);if(Number.isFinite(n))return n}return t}drawSelectionBox(e,t){if(!this.selectionBox)return;this.selectionBox.clear();let i=Math.min(e.x,t.x),n=Math.max(e.x,t.x),a=Math.min(e.y,t.y),s=Math.max(e.y,t.y),r=n-i,l=s-a;this.selectionBox.rect(i,a,r,l),this.selectionBox.stroke({width:2,color:3900150,alpha:.8}),this.selectionBox.rect(i,a,r,l),this.selectionBox.fill({color:3900150,alpha:.1})}finalizeSelectionBox(e,t){var l;let i=Math.min(e.x,t.x),n=Math.max(e.x,t.x),a=Math.min(e.y,t.y),s=Math.max(e.y,t.y),r=[];for(let[c,d]of this.objectMap.entries()){let p=d.displayObject;if(!p||p.visible===!1||this.backgroundLocked&&this.isBackgroundObject(c,this.getEditableObjectConfig(c),p))continue;let g=(l=p.getBounds)==null?void 0:l.call(p);if(!g||g.width<=0||g.height<=0)continue;let u=g.x+g.width/2,h=g.y+g.height/2;u>=i&&u<=n&&h>=a&&h<=s&&r.push(c)}r.length>0&&(this.selectedIds=new Set(r),this.selectedId=r[0],this.updateGizmos())}setupDragAndDrop(){if(!this.app)return;let e=this.app.canvas;e.addEventListener("dragover",t=>{t.preventDefault(),t.stopPropagation(),this.dropZoneActive||(this.dropZoneActive=!0,this.showDropZone())}),e.addEventListener("dragleave",t=>{e.contains(t.relatedTarget)||(this.dropZoneActive=!1,this.hideDropZone())}),e.addEventListener("drop",async t=>{var d;t.preventDefault(),t.stopPropagation(),this.dropZoneActive=!1,this.hideDropZone();let n=Array.from(((d=t.dataTransfer)==null?void 0:d.files)||[]).filter(p=>p.type.startsWith("image/"));if(n.length===0)return;let a=e.getBoundingClientRect(),s=t.clientX-a.left,r=t.clientY-a.top,l=new G(s/a.width*this.app.renderer.width,r/a.height*this.app.renderer.height),c=this.camera.toLocal(l);await this.handleDroppedPNGs(n,c)})}showDropZone(){if(!this.dropZoneOverlay||!this.app)return;let e=this.camera.toLocal(new G(0,0)),t=this.camera.toLocal(new G(this.app.renderer.width,this.app.renderer.height)),i=t.x-e.x,n=t.y-e.y;this.dropZoneOverlay.clear(),this.dropZoneOverlay.rect(e.x,e.y,i,n),this.dropZoneOverlay.fill({color:3900150,alpha:.1}),this.dropZoneOverlay.rect(e.x,e.y,i,n),this.dropZoneOverlay.stroke({width:3,color:3900150,alpha:.6}),this.dropZoneOverlay.visible=!0}hideDropZone(){this.dropZoneOverlay&&(this.dropZoneOverlay.clear(),this.dropZoneOverlay.visible=!1)}async handleDroppedPNGs(e,t){let i=window.__HANDLER_ACTIVE_SCREEN,n=i==="loading"||i==="start"||i==="gameplay"||i==="tutorial"||i==="endgame"?i:"gameplay",a=this.showToast(`Processing ${e.length} PNG${e.length>1?"s":""}...`);try{for(let s=0;s<e.length;s++){let r=e[s];await this.processDroppedPNG(r,t,n,s)}this.hideToast(a),this.showToast(`\u2705 Added ${e.length} PNG${e.length>1?"s":""} to scene`,2e3),window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh"))}catch(s){this.hideToast(a),this.showToast(`\u274C Error: ${s instanceof Error?s.message:String(s)}`,3e3),console.error("[SceneEditor] Failed to process dropped PNGs:",s)}}async processDroppedPNG(e,t,i,n){let a=await this.fileToDataUrl(e);if(!a)throw new Error(`Failed to read ${e.name}`);let s=e.name.replace(/\.[^/.]+$/,""),r=this.inferCategoryFromFilename(s),l=s.replace(/[^a-zA-Z0-9_-]/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"").toLowerCase(),c=`${l}_${Date.now()}${n>0?`_${n}`:""}`,d=`json.${c}`,p=`${l}.png`,u=await(await fetch("/api/library/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({category:r,filename:p,data:a,overwrite:!1})})).json();if(!u.success)throw new Error(`Failed to save ${e.name} to library: ${u.error}`);let h=this.getScreen(),m=this.getRuntimeScale(),f=(t.x-h.width/2)/m,b=(t.y-h.height/2)/m,y={identity:{id:d,category:r},transform:{anchor:"center",position:{x:f,y:b},scale:1,rotation:0},render:{z_index:0,alpha:1,visible:!0,anchor:{x:.5,y:.5},asset:{type:"image",path:u.path||`raw/library/${r}/${p}`}}},w=await fetch("/api/objects/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenId:i,instanceId:c,objectConfigId:d,config:y,layer:r==="ui"?"ui":"world"})}),v=await w.json();if(!w.ok||!v.success)throw new Error(`Failed to create object: ${v.error||"Unknown error"}`)}inferCategoryFromFilename(e){let t=e.toLowerCase();return t.startsWith("ui_")||t.includes("button")||t.includes("label")?"ui":t.startsWith("bg_")||t.includes("background")?"backgrounds":t.includes("character")||t.includes("player")?"character":"environment"}fileToDataUrl(e){return new Promise(t=>{let i=new FileReader;i.onload=()=>t(i.result),i.onerror=()=>t(null),i.readAsDataURL(e)})}showToast(e,t=3e3){let i=document.createElement("div");return i.style.cssText=`
|
|
2263
2263
|
position: fixed;
|
|
2264
2264
|
top: 20px;
|
|
2265
2265
|
right: 20px;
|
|
@@ -2272,7 +2272,7 @@ Style guidelines: ${i.summary}`;this.promptInput.value=n,this.currentPrompt=n}}c
|
|
|
2272
2272
|
font-family: system-ui, -apple-system, sans-serif;
|
|
2273
2273
|
font-size: 14px;
|
|
2274
2274
|
pointer-events: none;
|
|
2275
|
-
`,i.textContent=e,document.body.appendChild(i),t>0&&setTimeout(()=>this.hideToast(i),t),i}hideToast(e){e&&e.parentNode&&e.parentNode.removeChild(e)}showContextMenu(e,t,i){let n=window.__HANDLER_ACTIVE_SCREEN,a=n==="loading"||n==="start"||n==="gameplay"||n==="tutorial"||n==="endgame"?n:"gameplay";new dt({objectId:e,screenId:a,onSelect:r=>{r?(this.selectedIds.clear(),this.selectedIds.add(r),this.setSelected(r),this.updateGizmos()):(this.setSelected(null),this.selectedIds.clear(),this.updateGizmos())},onRefresh:()=>{window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh"))},onClose:()=>{},onDeleteRequest:r=>{let l=window.__deleteObjectRequest;typeof l=="function"&&l(r)},onMoveRequest:(r,l)=>{let c=window.__moveObjectRequest;typeof c=="function"&&c(r,a,l)}}).open({x:t,y:i})}};var qn=class{constructor(e={}){this.isLandscape=!1;this.autoScale=1;this.userScaleMultiplier=1;this.viewMode="single";this.layoutMode="fixed";this.comparePresets=[ct("playable-portrait"),ct("iphone-14"),ct("ipad-mini")];this.activeCompareId="playable-portrait";this.compareViewports=new Map;this.resizeObserver=null;this.rafFitHandle=null;this.ignoreNextWindowResize=!1;this.frameDragOffsetX=0;this.frameDragOffsetY=0;this.frameDragActive=!1;this.frameDragStartX=0;this.frameDragStartY=0;this.frameDragOriginX=0;this.frameDragOriginY=0;this.isSpaceKeyPressed=!1;this.consolePanel=null;this.consoleMessages=[];this.isConsoleOpen=!1;this.originalConsole={log:console.log.bind(console),warn:console.warn.bind(console),error:console.error.bind(console),info:console.info.bind(console)};this.sceneEditor=null;this.sceneVisiblePreference=!0;this.sceneVisible=!0;this.hasInitialFit=!1;this.isMounted=!1;this.isInitialized=!1;this.gameReady=!1;this.resizeListenersDisabled=!1;this.compareSnapshotTimer=null;this.hasUnsavedChanges=!1;this.hasForceSynced=!1;this.onWindowResize=e=>{if(this.ignoreNextWindowResize){this.ignoreNextWindowResize=!1;return}this.resizeListenersDisabled||!this.gameReady||(this.scheduleFit(),this.updateBottomDockHeight())};this.onFrameDragMove=e=>{if(!this.frameDragActive)return;let t=e.clientX-this.frameDragStartX,i=e.clientY-this.frameDragStartY;this.frameDragOffsetX=this.frameDragOriginX+t,this.frameDragOffsetY=this.frameDragOriginY+i,this.applyFrameDrag(),this.updateDragCursor()};this.onFrameDragEnd=()=>{this.frameDragActive&&(this.frameDragActive=!1,window.removeEventListener("pointermove",this.onFrameDragMove),window.removeEventListener("pointerup",this.onFrameDragEnd),this.updateDragCursor())};this.options=e,this.currentPreset=ct(e.defaultDevice||un.id),this.debugPanel=new Bi,this.container=this.createShell(),this.previewContainer=this.mustQuery(".preview-container"),this.singleStage=this.mustQuery('[data-preview-stage="single"]'),this.compareStage=this.mustQuery('[data-preview-stage="compare"]'),this.frameDragger=this.mustQuery(".frame-dragger"),this.frameWrapper=this.mustQuery(".frame-wrapper"),this.deviceFrame=this.mustQuery(".device-frame"),this.gameContainer=this.mustQuery(".game-container"),this.scenePane=this.mustQuery("[data-scene-pane]"),this.sceneRoot=this.mustQuery("#scene-editor-root"),this.sceneSplitter=this.mustQuery("[data-scene-splitter]"),this.gameViewPane=this.mustQuery("[data-game-pane]"),this.lastSinglePresetId=this.currentPreset.id,this.consolePanel=this.container.querySelector(".console-panel"),this.debugPanel.initialize(this.container),this.debugPanel.setupDebugEventListeners();try{let i=window.localStorage.getItem(this.getSceneVisibilityStorageKey());this.sceneVisiblePreference=i===null?!0:i==="true"}catch{}let t="dark";try{let i=window.localStorage.getItem(this.getThemeStorageKey());(i==="light"||i==="dark")&&(t=i)}catch{}this.setTheme(t),this.sceneEditor=new Gi({root:this.sceneRoot,getScreen:()=>this.getScreen()}),this.sceneEditor.mount(),this.applyDeviceFrameStyles(),this.setupCompareViewports(),this.setupConsoleInterceptor(),this.setupObserversAndListeners(),this.setupFrameDragging(),this.setupSpaceKeyListener(),this.setupShortcutListeners(),this.setupUnsavedChangesIndicator(),this.setupScenePaneInteractions(),this.updateSceneVisibility(),this.setDevice(this.currentPreset.id,{suppressCallback:!0}),this.updateDockState(),this.updateBottomDockHeight(),this.isInitialized=!0,this.scheduleForceSync()}getShortcutKey(){return typeof navigator!="undefined"&&navigator.platform.toUpperCase().indexOf("MAC")>=0?"CMD":"CTRL"}mount(e=document.body){e.innerHTML="",e.appendChild(this.container),this.isMounted=!0,this.scheduleFit()}scheduleForceSync(){this.hasForceSynced||(this.hasForceSynced=!0,window.setTimeout(()=>{let e=window.__HANDLER_ACTIVE_SCREEN;fetch("/api/sync-screens",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({force:!0,screenId:e==="loading"||e==="start"||e==="gameplay"||e==="tutorial"||e==="endgame"?e:"gameplay"})}).catch(i=>{console.warn("[PreviewShell] Force sync on refresh failed:",i)})},250))}destroy(){if(this.disableResizeListeners(),this.resizeObserver){try{this.resizeObserver.disconnect()}catch{}this.resizeObserver=null}window.removeEventListener("resize",this.onWindowResize),this.rafFitHandle&&(cancelAnimationFrame(this.rafFitHandle),this.rafFitHandle=null),this.compareSnapshotTimer&&(window.clearInterval(this.compareSnapshotTimer),this.compareSnapshotTimer=null),this.gameReady=!1,this.sceneEditor&&(this.sceneEditor.destroy(),this.sceneEditor=null)}getGameContainer(){return this.gameContainer}getScreen(){let e=this.getEffectivePreset();return{width:e.width,height:e.height}}getEffectivePreset(){var e;return this.isLandscape?{...this.currentPreset,width:this.currentPreset.height,height:this.currentPreset.width,ratio:((e=this.currentPreset.ratio)==null?void 0:e.split(":").reverse().join(":"))||this.currentPreset.ratio}:this.currentPreset}notifyGameLoaded(){var e;this.gameReady=!0,this.enableResizeListeners(),this.scheduleFit(),this.debugPanel.refresh(),(e=this.sceneEditor)==null||e.refresh(),requestAnimationFrame(()=>this.updatePanelPositions())}notifyGameDestroyed(){this.gameReady=!1,this.disableResizeListeners()}disableResizeListeners(){this.resizeListenersDisabled=!0,this.rafFitHandle&&(cancelAnimationFrame(this.rafFitHandle),this.rafFitHandle=null)}enableResizeListeners(){this.resizeListenersDisabled=!1}refresh(){this.options.onRefresh?this.options.onRefresh():window.location.reload()}setDevice(e,t={}){var n,a;let i=this.userScaleMultiplier;this.isLandscape=!1,this.currentPreset=ct(e),this.viewMode==="single"&&(this.lastSinglePresetId=this.currentPreset.id),this.applyPresetDimensions(),this.fitToScreen({keepUserScaleMultiplier:i}),t.suppressCallback||(a=(n=this.options).onDeviceChange)==null||a.call(n,this.getEffectivePreset()),this.emitScreenChange()}setTheme(e){e==="dark"?this.container.classList.add("theme-dark"):this.container.classList.remove("theme-dark");try{window.localStorage.setItem(this.getThemeStorageKey(),e)}catch{}let t=this.container.querySelector("#theme-select");t&&(t.value=e),requestAnimationFrame(()=>this.updatePanelPositions())}setLayoutMode(e){if(this.layoutMode===e)return;this.layoutMode=e,this.container.classList.toggle("layout-fixed",e==="fixed"),this.container.classList.toggle("layout-draggable",e==="draggable"),Array.from(this.container.querySelectorAll("[data-layout-toggle]")).forEach(n=>n.classList.toggle("active",n.dataset.layoutToggle===e)),Array.from(this.container.querySelectorAll(".debug-workbench, .scene-panel")).forEach(n=>{n.style.left="",n.style.top="",n.style.width="",n.style.height="",n.style.zIndex=""}),this.scheduleFit(),this.updateDockState(),this.updatePanelPositions(),this.updateSceneVisibility(),window.dispatchEvent(new CustomEvent("inspector:refresh"))}updateDockState(){let e=this.container.querySelector("#bottom-dock");e==null||e.classList.remove("hidden");let t=this.container.querySelector("#console-messages"),i=this.container.querySelector("#dock-console-content");t&&i&&t.parentElement!==i&&i.appendChild(t)}makeBottomDockResizable(e,t){let i,n,a=null,s=l=>{let c=l.clientY-i,d=Math.max(100,Math.min(800,n-c));e.style.height=`${d}px`;let p=window.innerHeight;a=d/p*100;try{window.localStorage.setItem("preview_bottom_dock_height_percent",String(a))}catch{}let u=this.autoScale*this.userScaleMultiplier;this.fitToScreen({keepVisibleScale:u})},r=()=>{document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",r),e.classList.remove("resizing")};t.addEventListener("pointerdown",l=>{l.preventDefault(),i=l.clientY,n=e.offsetHeight,document.addEventListener("pointermove",s),document.addEventListener("pointerup",r),e.classList.add("resizing")})}updateBottomDockHeight(){let e=this.container.querySelector("#bottom-dock");if(!e||e.classList.contains("resizing"))return;try{let a=window.localStorage.getItem("preview_bottom_dock_height_percent");if(a){let s=Number(a);if(Number.isFinite(s)&&s>0){let r=window.innerHeight,l=Math.max(100,Math.min(800,s/100*r));e.style.height=`${l}px`;return}}}catch{}let t=e.offsetHeight,i=window.innerHeight,n=Math.min(800,i*.5);t>n&&(e.style.height=`${n}px`)}makeSidebarResizable(e,t,i){let n,a,s=()=>{let c=this.container.querySelector(".preview-main");if(!c)return 600;let p=c.getBoundingClientRect().width,u=i==="left"?this.container.querySelector(".debug-workbench"):this.container.querySelector(".scene-panel.scene-objects"),g=u?u.offsetWidth:i==="left"?350:300,m=p-g-200;return Math.max(200,m)},r=c=>{let d=i==="left"?c.clientX-n:n-c.clientX,p=s(),u=Math.max(200,Math.min(p,a+d));e.style.width=`${u}px`;let g=this.container.querySelector(".preview-main");if(g){let m=i==="left"?`${u}px`:g.style.gridTemplateColumns.split(" ")[0]||"300px",f=i==="right"?`${u}px`:g.style.gridTemplateColumns.split(" ")[2]||"350px",b=400;g.style.gridTemplateColumns=`${m} minmax(${b}px, 1fr) ${f}`}let h=this.autoScale*this.userScaleMultiplier;this.fitToScreen({keepVisibleScale:h})},l=()=>{document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",l),e.classList.remove("resizing")};t.addEventListener("pointerdown",c=>{c.preventDefault(),n=c.clientX,a=e.offsetWidth,document.addEventListener("pointermove",r),document.addEventListener("pointerup",l),e.classList.add("resizing")})}getSceneVisibilityStorageKey(){return`handler_preview_scene_visible::${typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default"}`}getSceneWidthStorageKey(){return`handler_preview_scene_width::${typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default"}`}getThemeStorageKey(){return`handler_preview_theme::${typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default"}`}setupScenePaneInteractions(){let e=this.scenePane.querySelector("[data-scene-drag-handle]"),t=this.scenePane.querySelector("[data-scene-resize]"),i=this.container.querySelector("[data-preview-split]");e&&et(this.scenePane,e,i!=null?i:this.previewContainer),t&&Hi(this.scenePane,t,void 0,260,200);let n=this.getStoredSceneWidth();n&&(this.scenePane.style.width=`${n}px`),this.sceneSplitter.addEventListener("pointerdown",a=>{if(this.layoutMode!=="fixed"||!this.sceneVisible)return;a.preventDefault();let s=a.clientX,r=this.scenePane.offsetWidth,l=Math.max(260,Math.min(720,this.previewContainer.clientWidth*.6)),c=p=>{let u=p.clientX-s,g=Math.max(240,Math.min(l,r+u));this.scenePane.style.width=`${g}px`;let h=this.autoScale*this.userScaleMultiplier;this.fitToScreen({keepVisibleScale:h})},d=()=>{document.removeEventListener("pointermove",c),document.removeEventListener("pointerup",d),this.storeSceneWidth(this.scenePane.offsetWidth)};document.addEventListener("pointermove",c),document.addEventListener("pointerup",d)})}storeSceneWidth(e){try{window.localStorage.setItem(this.getSceneWidthStorageKey(),String(e))}catch{}}getStoredSceneWidth(){try{let e=window.localStorage.getItem(this.getSceneWidthStorageKey()),t=e?Number(e):null;return Number.isFinite(t)&&t?t:null}catch{return null}}updateSceneVisibility(){let e=this.viewMode==="single"&&this.sceneVisiblePreference;this.setSceneVisible(e,{persist:!1});let t=this.container.querySelector("#scene-toggle");t&&(t.classList.toggle("active",this.sceneVisiblePreference),t.setAttribute("aria-pressed",String(this.sceneVisiblePreference)))}setSceneVisible(e,t={}){var i;if(this.sceneVisible=e,this.container.classList.toggle("scene-hidden",!e),(i=this.sceneEditor)==null||i.setVisible(e),t.persist!==!1){this.sceneVisiblePreference=e;try{window.localStorage.setItem(this.getSceneVisibilityStorageKey(),String(e))}catch{}}this.scheduleFit()}createShell(){var t;let e=document.createElement("div");return e.className="preview-shell layout-fixed",e.innerHTML=`
|
|
2275
|
+
`,i.textContent=e,document.body.appendChild(i),t>0&&setTimeout(()=>this.hideToast(i),t),i}hideToast(e){e&&e.parentNode&&e.parentNode.removeChild(e)}showContextMenu(e,t,i){let n=window.__HANDLER_ACTIVE_SCREEN,a=n==="loading"||n==="start"||n==="gameplay"||n==="tutorial"||n==="endgame"?n:"gameplay";new dt({objectId:e,screenId:a,onSelect:r=>{r?(this.selectedIds.clear(),this.selectedIds.add(r),this.setSelected(r),this.updateGizmos()):(this.setSelected(null),this.selectedIds.clear(),this.updateGizmos())},onRefresh:()=>{window.dispatchEvent(new CustomEvent("handler:scene-objects-refresh"))},onClose:()=>{},onDeleteRequest:r=>{let l=window.__deleteObjectRequest;typeof l=="function"&&l(r)},onMoveRequest:(r,l)=>{let c=window.__moveObjectRequest;typeof c=="function"&&c(r,a,l)}}).open({x:t,y:i})}};var qn=class{constructor(e={}){this.isLandscape=!1;this.autoScale=1;this.userScaleMultiplier=1;this.viewMode="single";this.layoutMode="fixed";this.comparePresets=[ct("playable-portrait"),ct("iphone-14"),ct("ipad-mini")];this.activeCompareId="playable-portrait";this.compareViewports=new Map;this.resizeObserver=null;this.rafFitHandle=null;this.ignoreNextWindowResize=!1;this.frameDragOffsetX=0;this.frameDragOffsetY=0;this.frameDragActive=!1;this.frameDragStartX=0;this.frameDragStartY=0;this.frameDragOriginX=0;this.frameDragOriginY=0;this.isSpaceKeyPressed=!1;this.consolePanel=null;this.consoleMessages=[];this.isConsoleOpen=!1;this.originalConsole={log:console.log.bind(console),warn:console.warn.bind(console),error:console.error.bind(console),info:console.info.bind(console)};this.sceneEditor=null;this.sceneVisiblePreference=!0;this.sceneVisible=!0;this.hasInitialFit=!1;this.isMounted=!1;this.isInitialized=!1;this.gameReady=!1;this.resizeListenersDisabled=!1;this.compareSnapshotTimer=null;this.hasUnsavedChanges=!1;this.hasForceSynced=!1;this.onWindowResize=e=>{if(this.ignoreNextWindowResize){this.ignoreNextWindowResize=!1;return}this.resizeListenersDisabled||!this.gameReady||(this.scheduleFit(),this.updateBottomDockHeight())};this.onFrameDragMove=e=>{if(!this.frameDragActive)return;let t=e.clientX-this.frameDragStartX,i=e.clientY-this.frameDragStartY;this.frameDragOffsetX=this.frameDragOriginX+t,this.frameDragOffsetY=this.frameDragOriginY+i,this.applyFrameDrag(),this.updateDragCursor()};this.onFrameDragEnd=()=>{this.frameDragActive&&(this.frameDragActive=!1,window.removeEventListener("pointermove",this.onFrameDragMove),window.removeEventListener("pointerup",this.onFrameDragEnd),this.updateDragCursor())};this.options=e,this.currentPreset=ct(e.defaultDevice||un.id),this.debugPanel=new Gi,this.container=this.createShell(),this.previewContainer=this.mustQuery(".preview-container"),this.singleStage=this.mustQuery('[data-preview-stage="single"]'),this.compareStage=this.mustQuery('[data-preview-stage="compare"]'),this.frameDragger=this.mustQuery(".frame-dragger"),this.frameWrapper=this.mustQuery(".frame-wrapper"),this.deviceFrame=this.mustQuery(".device-frame"),this.gameContainer=this.mustQuery(".game-container"),this.scenePane=this.mustQuery("[data-scene-pane]"),this.sceneRoot=this.mustQuery("#scene-editor-root"),this.sceneSplitter=this.mustQuery("[data-scene-splitter]"),this.gameViewPane=this.mustQuery("[data-game-pane]"),this.lastSinglePresetId=this.currentPreset.id,this.consolePanel=this.container.querySelector(".console-panel"),this.debugPanel.initialize(this.container),this.debugPanel.setupDebugEventListeners();try{let i=window.localStorage.getItem(this.getSceneVisibilityStorageKey());this.sceneVisiblePreference=i===null?!0:i==="true"}catch{}let t="dark";try{let i=window.localStorage.getItem(this.getThemeStorageKey());(i==="light"||i==="dark")&&(t=i)}catch{}this.setTheme(t),this.sceneEditor=new Ui({root:this.sceneRoot,getScreen:()=>this.getScreen()}),this.sceneEditor.mount(),this.applyDeviceFrameStyles(),this.setupCompareViewports(),this.setupConsoleInterceptor(),this.setupObserversAndListeners(),this.setupFrameDragging(),this.setupSpaceKeyListener(),this.setupShortcutListeners(),this.setupUnsavedChangesIndicator(),this.setupScenePaneInteractions(),this.updateSceneVisibility(),this.setDevice(this.currentPreset.id,{suppressCallback:!0}),this.updateDockState(),this.updateBottomDockHeight(),this.isInitialized=!0,this.scheduleForceSync()}getShortcutKey(){return typeof navigator!="undefined"&&navigator.platform.toUpperCase().indexOf("MAC")>=0?"CMD":"CTRL"}mount(e=document.body){e.innerHTML="",e.appendChild(this.container),this.isMounted=!0,this.scheduleFit()}scheduleForceSync(){this.hasForceSynced||(this.hasForceSynced=!0,window.setTimeout(()=>{let e=window.__HANDLER_ACTIVE_SCREEN;fetch("/api/sync-screens",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({force:!0,screenId:e==="loading"||e==="start"||e==="gameplay"||e==="tutorial"||e==="endgame"?e:"gameplay"})}).catch(i=>{console.warn("[PreviewShell] Force sync on refresh failed:",i)})},250))}destroy(){if(this.disableResizeListeners(),this.resizeObserver){try{this.resizeObserver.disconnect()}catch{}this.resizeObserver=null}window.removeEventListener("resize",this.onWindowResize),this.rafFitHandle&&(cancelAnimationFrame(this.rafFitHandle),this.rafFitHandle=null),this.compareSnapshotTimer&&(window.clearInterval(this.compareSnapshotTimer),this.compareSnapshotTimer=null),this.gameReady=!1,this.sceneEditor&&(this.sceneEditor.destroy(),this.sceneEditor=null)}getGameContainer(){return this.gameContainer}getScreen(){let e=this.getEffectivePreset();return{width:e.width,height:e.height}}getEffectivePreset(){var e;return this.isLandscape?{...this.currentPreset,width:this.currentPreset.height,height:this.currentPreset.width,ratio:((e=this.currentPreset.ratio)==null?void 0:e.split(":").reverse().join(":"))||this.currentPreset.ratio}:this.currentPreset}notifyGameLoaded(){var e;this.gameReady=!0,this.enableResizeListeners(),this.scheduleFit(),this.debugPanel.refresh(),(e=this.sceneEditor)==null||e.refresh(),requestAnimationFrame(()=>this.updatePanelPositions())}notifyGameDestroyed(){this.gameReady=!1,this.disableResizeListeners()}disableResizeListeners(){this.resizeListenersDisabled=!0,this.rafFitHandle&&(cancelAnimationFrame(this.rafFitHandle),this.rafFitHandle=null)}enableResizeListeners(){this.resizeListenersDisabled=!1}refresh(){this.options.onRefresh?this.options.onRefresh():window.location.reload()}setDevice(e,t={}){var n,a;let i=this.userScaleMultiplier;this.isLandscape=!1,this.currentPreset=ct(e),this.viewMode==="single"&&(this.lastSinglePresetId=this.currentPreset.id),this.applyPresetDimensions(),this.fitToScreen({keepUserScaleMultiplier:i}),t.suppressCallback||(a=(n=this.options).onDeviceChange)==null||a.call(n,this.getEffectivePreset()),this.emitScreenChange()}setTheme(e){e==="dark"?this.container.classList.add("theme-dark"):this.container.classList.remove("theme-dark");try{window.localStorage.setItem(this.getThemeStorageKey(),e)}catch{}let t=this.container.querySelector("#theme-select");t&&(t.value=e),requestAnimationFrame(()=>this.updatePanelPositions())}setLayoutMode(e){if(this.layoutMode===e)return;this.layoutMode=e,this.container.classList.toggle("layout-fixed",e==="fixed"),this.container.classList.toggle("layout-draggable",e==="draggable"),Array.from(this.container.querySelectorAll("[data-layout-toggle]")).forEach(n=>n.classList.toggle("active",n.dataset.layoutToggle===e)),Array.from(this.container.querySelectorAll(".debug-workbench, .scene-panel")).forEach(n=>{n.style.left="",n.style.top="",n.style.width="",n.style.height="",n.style.zIndex=""}),this.scheduleFit(),this.updateDockState(),this.updatePanelPositions(),this.updateSceneVisibility(),window.dispatchEvent(new CustomEvent("inspector:refresh"))}updateDockState(){let e=this.container.querySelector("#bottom-dock");e==null||e.classList.remove("hidden");let t=this.container.querySelector("#console-messages"),i=this.container.querySelector("#dock-console-content");t&&i&&t.parentElement!==i&&i.appendChild(t)}makeBottomDockResizable(e,t){let i,n,a=null,s=l=>{let c=l.clientY-i,d=Math.max(100,Math.min(800,n-c));e.style.height=`${d}px`;let p=window.innerHeight;a=d/p*100;try{window.localStorage.setItem("preview_bottom_dock_height_percent",String(a))}catch{}let g=this.autoScale*this.userScaleMultiplier;this.fitToScreen({keepVisibleScale:g})},r=()=>{document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",r),e.classList.remove("resizing")};t.addEventListener("pointerdown",l=>{l.preventDefault(),i=l.clientY,n=e.offsetHeight,document.addEventListener("pointermove",s),document.addEventListener("pointerup",r),e.classList.add("resizing")})}updateBottomDockHeight(){let e=this.container.querySelector("#bottom-dock");if(!e||e.classList.contains("resizing"))return;try{let a=window.localStorage.getItem("preview_bottom_dock_height_percent");if(a){let s=Number(a);if(Number.isFinite(s)&&s>0){let r=window.innerHeight,l=Math.max(100,Math.min(800,s/100*r));e.style.height=`${l}px`;return}}}catch{}let t=e.offsetHeight,i=window.innerHeight,n=Math.min(800,i*.5);t>n&&(e.style.height=`${n}px`)}makeSidebarResizable(e,t,i){let n,a,s=()=>{let c=this.container.querySelector(".preview-main");if(!c)return 600;let p=c.getBoundingClientRect().width,g=i==="left"?this.container.querySelector(".debug-workbench"):this.container.querySelector(".scene-panel.scene-objects"),u=g?g.offsetWidth:i==="left"?350:300,m=p-u-200;return Math.max(200,m)},r=c=>{let d=i==="left"?c.clientX-n:n-c.clientX,p=s(),g=Math.max(200,Math.min(p,a+d));e.style.width=`${g}px`;let u=this.container.querySelector(".preview-main");if(u){let m=i==="left"?`${g}px`:u.style.gridTemplateColumns.split(" ")[0]||"300px",f=i==="right"?`${g}px`:u.style.gridTemplateColumns.split(" ")[2]||"350px",b=400;u.style.gridTemplateColumns=`${m} minmax(${b}px, 1fr) ${f}`}let h=this.autoScale*this.userScaleMultiplier;this.fitToScreen({keepVisibleScale:h})},l=()=>{document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",l),e.classList.remove("resizing")};t.addEventListener("pointerdown",c=>{c.preventDefault(),n=c.clientX,a=e.offsetWidth,document.addEventListener("pointermove",r),document.addEventListener("pointerup",l),e.classList.add("resizing")})}getSceneVisibilityStorageKey(){return`handler_preview_scene_visible::${typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default"}`}getSceneWidthStorageKey(){return`handler_preview_scene_width::${typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default"}`}getThemeStorageKey(){return`handler_preview_theme::${typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default"}`}setupScenePaneInteractions(){let e=this.scenePane.querySelector("[data-scene-drag-handle]"),t=this.scenePane.querySelector("[data-scene-resize]"),i=this.container.querySelector("[data-preview-split]");e&&et(this.scenePane,e,i!=null?i:this.previewContainer),t&&Ni(this.scenePane,t,void 0,260,200);let n=this.getStoredSceneWidth();n&&(this.scenePane.style.width=`${n}px`),this.sceneSplitter.addEventListener("pointerdown",a=>{if(this.layoutMode!=="fixed"||!this.sceneVisible)return;a.preventDefault();let s=a.clientX,r=this.scenePane.offsetWidth,l=Math.max(260,Math.min(720,this.previewContainer.clientWidth*.6)),c=p=>{let g=p.clientX-s,u=Math.max(240,Math.min(l,r+g));this.scenePane.style.width=`${u}px`;let h=this.autoScale*this.userScaleMultiplier;this.fitToScreen({keepVisibleScale:h})},d=()=>{document.removeEventListener("pointermove",c),document.removeEventListener("pointerup",d),this.storeSceneWidth(this.scenePane.offsetWidth)};document.addEventListener("pointermove",c),document.addEventListener("pointerup",d)})}storeSceneWidth(e){try{window.localStorage.setItem(this.getSceneWidthStorageKey(),String(e))}catch{}}getStoredSceneWidth(){try{let e=window.localStorage.getItem(this.getSceneWidthStorageKey()),t=e?Number(e):null;return Number.isFinite(t)&&t?t:null}catch{return null}}updateSceneVisibility(){let e=this.viewMode==="single"&&this.sceneVisiblePreference;this.setSceneVisible(e,{persist:!1});let t=this.container.querySelector("#scene-toggle");t&&(t.classList.toggle("active",this.sceneVisiblePreference),t.setAttribute("aria-pressed",String(this.sceneVisiblePreference)))}setSceneVisible(e,t={}){var i;if(this.sceneVisible=e,this.container.classList.toggle("scene-hidden",!e),(i=this.sceneEditor)==null||i.setVisible(e),t.persist!==!1){this.sceneVisiblePreference=e;try{window.localStorage.setItem(this.getSceneVisibilityStorageKey(),String(e))}catch{}}this.scheduleFit()}createShell(){var t;let e=document.createElement("div");return e.className="preview-shell layout-fixed",e.innerHTML=`
|
|
2276
2276
|
<div class="preview-toolbar">
|
|
2277
2277
|
<div class="preview-toolbar-left">
|
|
2278
2278
|
<span class="preview-logo">PREVIEWER</span>
|
|
@@ -2464,7 +2464,7 @@ Style guidelines: ${i.summary}`;this.promptInput.value=n,this.currentPrompt=n}}c
|
|
|
2464
2464
|
</div>
|
|
2465
2465
|
|
|
2466
2466
|
</div>
|
|
2467
|
-
`,this.setupEventListeners(e),e}setupEventListeners(e){var M,I,P,j,_,T,S,x;let t=e.querySelector("#device-select");t==null||t.addEventListener("change",E=>{if(this.viewMode==="compare")return;let C=E.target.value;this.setDevice(C)});let i=e.querySelector("#theme-select");i==null||i.addEventListener("change",E=>{let C=E.target.value;this.setTheme(C)}),Array.from(e.querySelectorAll("[data-view-toggle]")).forEach(E=>{E.addEventListener("click",()=>{let C=E.dataset.viewToggle;C&&this.setViewMode(C)})}),Array.from(e.querySelectorAll("[data-layout-toggle]")).forEach(E=>{E.addEventListener("click",()=>{let C=E.dataset.layoutToggle;C&&this.setLayoutMode(C)})});let s=e.querySelector("#scene-toggle");s==null||s.addEventListener("click",()=>{this.viewMode!=="compare"&&(this.setSceneVisible(!this.sceneVisiblePreference),this.updateSceneVisibility())});let r=e.querySelector("#scene-hide-btn");r==null||r.addEventListener("click",()=>{this.viewMode!=="compare"&&(this.setSceneVisible(!1),this.updateSceneVisibility())});let l=E=>{let C=typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default";return`handler_preview_scene_${E}::${C}`},c=e.querySelector("#scene-grid-btn"),d=e.querySelector("#scene-play-btn"),p=(E,C,A)=>{E&&(E.textContent=C?`${A} On`:`${A} Off`,E.setAttribute("aria-pressed",C?"true":"false"))},u=()=>{let E=window.localStorage.getItem(l("grid_gap")),C=Number(E!=null?E:50);return Number.isFinite(C)?C:50},g=E=>{try{window.localStorage.setItem(l("grid_enabled"),E?"true":"false")}catch{}p(c,E,"Grid");let C=u();window.dispatchEvent(new CustomEvent("scene-editor:grid",{detail:{enabled:E,gap:C}}))},h=E=>{try{window.localStorage.setItem(l("play_mode"),E?"true":"false")}catch{}p(d,E,"Play"),window.dispatchEvent(new CustomEvent("scene-editor:play-mode",{detail:{enabled:E}}))};try{let E=window.localStorage.getItem(l("grid_enabled"))==="true",C=!0;try{window.localStorage.setItem(l("play_mode"),"true")}catch{}if(p(c,E,"Grid"),p(d,C,"Play"),d&&(d.disabled=!0),c){let A=u();window.dispatchEvent(new CustomEvent("scene-editor:grid",{detail:{enabled:E,gap:A}}))}d&&window.dispatchEvent(new CustomEvent("scene-editor:play-mode",{detail:{enabled:C}}))}catch{}c==null||c.addEventListener("click",()=>{let E=c.getAttribute("aria-pressed")==="true";g(!E)}),d==null||d.addEventListener("click",()=>{let E=d.getAttribute("aria-pressed")==="true";h(!E)}),(M=e.querySelector("#rotate-btn"))==null||M.addEventListener("click",()=>this.toggleRotation()),(I=e.querySelector("#zoom-in-btn"))==null||I.addEventListener("click",()=>this.adjustUserZoom(.1)),(P=e.querySelector("#zoom-out-btn"))==null||P.addEventListener("click",()=>this.adjustUserZoom(-.1)),(j=e.querySelector("#refresh-btn"))==null||j.addEventListener("click",()=>this.refresh());let m=e.querySelector("#bottom-dock"),f=e.querySelector("#bottom-dock-resize");m&&f&&this.makeBottomDockResizable(m,f);let b=Array.from(e.querySelectorAll(".bottom-dock-tab"));b.forEach(E=>{E.addEventListener("click",()=>{let C=E.dataset.dockTab;if(!C)return;b.forEach(O=>O.classList.remove("active")),E.classList.add("active"),Array.from(e.querySelectorAll(".bottom-dock-panel")).forEach(O=>{let k=O.dataset.dockPanel;O.classList.toggle("active",k===C)})})}),(_=e.querySelector("#console-clear"))==null||_.addEventListener("click",()=>this.clearConsole()),(T=e.querySelector("#corner-zoom-in-btn"))==null||T.addEventListener("click",()=>this.adjustUserZoom(.1)),(S=e.querySelector("#corner-zoom-out-btn"))==null||S.addEventListener("click",()=>this.adjustUserZoom(-.1)),(x=e.querySelector("#corner-grab-btn"))==null||x.addEventListener("click",()=>{this.frameDragger.style.cursor="grab",setTimeout(()=>{this.isSpaceKeyPressed||(this.frameDragger.style.cursor="")},1e3)});let y=e.querySelector(".scene-panel.scene-objects"),w=y==null?void 0:y.querySelector("[data-panel-resize-v]");y&&w&&this.makeSidebarResizable(y,w,"left");let v=e.querySelector(".debug-workbench"),L=v==null?void 0:v.querySelector("#workbench-resize-v");v&&L&&this.makeSidebarResizable(v,L,"right")}applyDeviceFrameStyles(){Object.assign(this.frameDragger.style,{display:"flex",justifyContent:"center",alignItems:"center",transform:"translate(0px, 0px)",touchAction:"none"}),Object.assign(this.frameWrapper.style,{display:"flex",justifyContent:"center",alignItems:"center",transformOrigin:"center center",transition:"transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)",boxShadow:"var(--ui-shadow-strong)",borderRadius:"0px",willChange:"transform"}),Object.assign(this.deviceFrame.style,{overflow:"hidden",position:"relative",borderRadius:"0px"}),Object.assign(this.gameContainer.style,{position:"relative",overflow:"hidden",minWidth:"0px",minHeight:"0px"})}setupObserversAndListeners(){this.resizeObserver=new ResizeObserver(()=>{this.resizeListenersDisabled||this.scheduleFit()}),this.resizeObserver.observe(this.previewContainer),window.addEventListener("resize",this.onWindowResize,{passive:!0})}scheduleFit(){this.rafFitHandle&&cancelAnimationFrame(this.rafFitHandle),this.rafFitHandle=requestAnimationFrame(()=>{this.rafFitHandle=null,this.fitToScreen()})}applyPresetDimensions(){let e=this.getEffectivePreset(),t=`${e.width}px`,i=`${e.height}px`;this.deviceFrame.style.width=t,this.deviceFrame.style.height=i,this.gameContainer.style.width=t,this.gameContainer.style.height=i,this.gameContainer.style.maxWidth=t,this.gameContainer.style.maxHeight=i,this.gameContainer.style.minWidth=t,this.gameContainer.style.minHeight=i,this.gameContainer.dataset.screenWidth=String(e.width),this.gameContainer.dataset.screenHeight=String(e.height),this.container.style.setProperty("--preview-screen-width",String(e.width)),this.container.style.setProperty("--preview-screen-height",String(e.height))}fitToScreen(e){if(!this.previewContainer)return;let t=this.getEffectivePreset(),i=this.getFitBounds(),n=Math.max(0,i.width),a=Math.max(0,i.height);if(n<=0||a<=0)return;this.applyPresetDimensions(),this.viewMode==="compare"&&this.applyCompareDimensions();let s=n/t.width,r=a/t.height;if(this.autoScale=Math.max(.01,Math.min(s,r)),!this.hasInitialFit){this.hasInitialFit=!0;let l=.6;this.userScaleMultiplier=l/this.autoScale}(e==null?void 0:e.keepUserScaleMultiplier)!==void 0&&e.keepUserScaleMultiplier>0?this.userScaleMultiplier=e.keepUserScaleMultiplier:e!=null&&e.keepVisibleScale&&e.keepVisibleScale>0&&(this.userScaleMultiplier=e.keepVisibleScale/this.autoScale),this.applyTransform(),this.viewMode==="compare"&&this.fitCompareGhosts(),requestAnimationFrame(()=>this.updatePanelPositions()),this.emitScreenChange()}applyTransform(){let e=this.autoScale*this.userScaleMultiplier;this.frameWrapper.style.transform=`scale(${e})`;let t=this.container.querySelector("#zoom-label");t&&(t.textContent=`${Math.round(e*100)}%`),requestAnimationFrame(()=>this.updatePanelPositions())}applyFrameDrag(){this.frameDragger.style.transform=`translate(${this.frameDragOffsetX}px, ${this.frameDragOffsetY}px)`,requestAnimationFrame(()=>this.updatePanelPositions())}updatePanelPositions(){if(!this.gameReady||this.viewMode==="compare")return;let e=this.container.querySelector('[data-panel="scene-tools-corner"]'),t=this.container.querySelector('[data-panel="nudge-panel"]');if(this.layoutMode==="fixed"){let i=this.gameViewPane||this.container.querySelector(".preview-container");i&&(e&&e.parentElement!==i&&i.appendChild(e),t&&t.parentElement!==i&&i.appendChild(t))}else{let i=this.container.querySelector(".preview-main");i&&(e&&e.parentElement!==i&&i.appendChild(e),t&&t.parentElement!==i&&i.appendChild(t))}e&&(e.style.zIndex="100"),t&&(t.style.position="absolute",t.style.left="50%",t.style.top="16px",t.style.transform="translateX(calc(-50% + 200px))",t.style.zIndex="100")}setupFrameDragging(){this.frameDragger.addEventListener("pointerdown",e=>{let t=!this.gameContainer.contains(e.target);!this.isSpaceKeyPressed&&!t||e.button===0&&(e.preventDefault(),this.frameDragActive=!0,this.frameDragStartX=e.clientX,this.frameDragStartY=e.clientY,this.frameDragOriginX=this.frameDragOffsetX,this.frameDragOriginY=this.frameDragOffsetY,window.addEventListener("pointermove",this.onFrameDragMove),window.addEventListener("pointerup",this.onFrameDragEnd))})}setupSpaceKeyListener(){window.addEventListener("keydown",e=>{e.code==="Space"&&!this.isInputFocused()&&(this.isSpaceKeyPressed||(this.isSpaceKeyPressed=!0,this.updateDragCursor(),e.preventDefault()))}),window.addEventListener("keyup",e=>{e.code==="Space"&&(this.isSpaceKeyPressed=!1,this.updateDragCursor(),this.frameDragActive&&this.onFrameDragEnd())}),window.addEventListener("blur",()=>{this.isSpaceKeyPressed=!1,this.updateDragCursor(),this.frameDragActive&&this.onFrameDragEnd()})}isInputFocused(){let e=document.activeElement;if(!e)return!1;let t=e.tagName.toLowerCase();return t==="input"||t==="textarea"||t==="select"||e.isContentEditable}setupShortcutListeners(){window.addEventListener("keydown",e=>{if(this.isInputFocused())return;let t=navigator.platform.toUpperCase().indexOf("MAC")>=0,i=e.ctrlKey||e.metaKey,n=e.shiftKey;if(i&&e.key==="s"&&!n){e.preventDefault();let a=document.querySelector("#apply-current-btn");a&&a.getAttribute("disabled")===null&&a.click();return}if(i&&e.key==="z"&&!n){e.preventDefault(),Fa();return}if(i&&(e.key==="z"&&n||e.key==="y"&&!n)){e.preventDefault(),Ba();return}})}setupUnsavedChangesIndicator(){let e=this.container.querySelector("#preview-save-shortcut-text");e&&(e.textContent=`(${this.getShortcutKey()} + S)`),window.addEventListener("config:changed",()=>{this.updateUnsavedChangesIndicator()}),this.updateUnsavedChangesIndicator();let t=this.container.querySelector("#preview-save-btn");t==null||t.addEventListener("click",()=>{let i=document.querySelector("#apply-current-btn");i&&i.getAttribute("disabled")===null&&i.click()})}updateUnsavedChangesIndicator(){let t=st().hasChanges;if(t!==this.hasUnsavedChanges){this.hasUnsavedChanges=t;let i=this.container.querySelector("#preview-unsaved-star"),n=this.container.querySelector("#preview-save-btn");i&&(i.style.display=t?"inline-block":"none"),n&&(n.style.display=t?"inline-flex":"none")}}updateDragCursor(){this.isSpaceKeyPressed?(this.frameDragger.style.cursor="grab",this.frameDragActive&&(this.frameDragger.style.cursor="grabbing")):this.frameDragger.style.cursor=""}adjustUserZoom(e){this.userScaleMultiplier=Math.max(.1,Math.min(6,this.userScaleMultiplier+e)),this.applyTransform(),this.emitScreenChange()}toggleRotation(){var t,i;if(this.viewMode==="compare")return;let e=this.userScaleMultiplier;this.isLandscape=!this.isLandscape,this.applyPresetDimensions(),this.fitToScreen({keepUserScaleMultiplier:e}),(i=(t=this.options).onDeviceChange)==null||i.call(t,this.getEffectivePreset()),this.emitScreenChange()}emitScreenChange(){if(!this.gameReady)return;let e=this.getEffectivePreset(),t={width:e.width,height:e.height,dpr:Math.max(1,Math.floor(window.devicePixelRatio||1)),presetId:e.id,isLandscape:this.isLandscape};if(window.dispatchEvent(new CustomEvent("handler-preview:screen",{detail:t})),this.viewMode==="compare"&&this.refreshCompareSnapshots(),this.isInitialized&&this.isMounted&&this.gameReady){let i=window.gameApp;if(!(i!=null&&i.renderer))return;this.ignoreNextWindowResize=!0,window.dispatchEvent(new Event("resize"))}}safeStringify(e){var i;let t=new WeakSet;try{return JSON.stringify(e,(n,a)=>{if(typeof a=="object"&&a!==null){if(t.has(a))return"[Circular]";t.add(a)}return a},2)}catch{try{if(e&&((i=e.constructor)!=null&&i.name))return`[object ${e.constructor.name}]`}catch{}return String(e)}}setupConsoleInterceptor(){let e=(t,...i)=>{let n=i.map(s=>typeof s=="object"?this.safeStringify(s):String(s)).join(" ");this.consoleMessages.push({type:t,message:n,timestamp:new Date}),this.appendConsoleMessage(this.consoleMessages[this.consoleMessages.length-1]);let a=this.container.querySelector("#console-badge");if(a){let s=this.consoleMessages.filter(r=>r.type==="error").length;a.textContent=s>0?`${s}!`:"0",a.classList.toggle("has-errors",s>0)}};console.log=(...t)=>{this.originalConsole.log(...t),e("log",...t)},console.warn=(...t)=>{this.originalConsole.warn(...t),e("warn",...t)},console.error=(...t)=>{this.originalConsole.error(...t),e("error",...t)},console.info=(...t)=>{this.originalConsole.info(...t),e("info",...t)}}appendConsoleMessage(e){let t=this.container.querySelector("#console-messages");if(!t)return;let i=document.createElement("div");i.className=`console-msg type-${e.type}`;let n=e.timestamp.toLocaleTimeString();i.innerHTML=`<span class="time">${this.escapeHtml(n)}</span> <pre>${this.escapeHtml(e.message)}</pre>`,t.appendChild(i),t.scrollTop=t.scrollHeight}escapeHtml(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}toggleConsole(e){var t;if(this.layoutMode==="fixed"){let i=this.container.querySelector('[data-dock-tab="console"]');if(i){i.click();let n=this.container.querySelector("#bottom-dock");n==null||n.classList.remove("hidden")}return}this.isConsoleOpen=e!=null?e:!this.isConsoleOpen,(t=this.consolePanel)==null||t.classList.toggle("closed",!this.isConsoleOpen)}clearConsole(){this.consoleMessages=[];let e=this.container.querySelector("#console-messages");e&&(e.innerHTML="");let t=this.container.querySelector("#console-badge");t&&(t.textContent="0")}setupCompareViewports(){Array.from(this.container.querySelectorAll("[data-viewport]")).forEach(t=>{let i=t.dataset.viewport;if(!i)return;let n=this.comparePresets.find(p=>p.id===i);if(!n)return;let a=t.querySelector("[data-compare-slot]"),s=t.querySelector("[data-compare-ghost]"),r=t.querySelector("[data-compare-wrapper]"),l=t.querySelector("[data-compare-frame]"),c=t.querySelector("[data-compare-snapshot]"),d=t.querySelector("[data-compare-focus]");!a||!s||!r||!l||(t.addEventListener("click",p=>{let u=p.target;if(u!=null&&u.closest("[data-compare-focus]")){p.preventDefault(),this.activateCompareViewport(i);return}t.classList.contains("is-active")||this.activateCompareViewport(i)}),this.compareViewports.set(i,{preset:n,root:t,slot:a,ghost:s,wrapper:r,frame:l,canvas:c,focus:d}))})}setViewMode(e){if(this.viewMode===e)return;this.viewMode=e,this.container.classList.toggle("compare-mode",e==="compare"),this.singleStage.classList.toggle("hidden",e!=="single"),this.compareStage.classList.toggle("hidden",e!=="compare");let t=this.container.querySelector("#device-select");t&&(t.disabled=e==="compare");let i=this.container.querySelector("#rotate-btn");i&&(i.disabled=e==="compare");let n=this.container.querySelector("#scene-toggle");if(n&&(n.disabled=e==="compare"),this.updateViewToggleUI(),e==="compare"){this.lastSinglePresetId=this.currentPreset.id,this.activateCompareViewport(this.activeCompareId),this.refreshCompareSnapshots(),this.startCompareSnapshots(),this.updateSceneVisibility();return}this.stopCompareSnapshots(),this.singleStage.appendChild(this.frameDragger),this.setDevice(this.lastSinglePresetId,{suppressCallback:!0}),this.fitToScreen(),this.updateSceneVisibility()}updateViewToggleUI(){Array.from(this.container.querySelectorAll("[data-view-toggle]")).forEach(t=>{t.classList.toggle("active",t.dataset.viewToggle===this.viewMode)})}activateCompareViewport(e){var a,s;let t=this.compareViewports.get(e);if(!t)return;let i=this.autoScale*this.userScaleMultiplier,n=this.activeCompareId;n&&n!==e&&this.captureCompareSnapshot(n),this.activeCompareId=e,this.currentPreset=t.preset,this.isLandscape=!1,t.slot.appendChild(this.frameDragger),this.frameDragOffsetX=0,this.frameDragOffsetY=0,this.applyFrameDrag(),this.compareViewports.forEach((r,l)=>{r.root.classList.toggle("is-active",l===e),r.ghost.classList.toggle("hidden",l===e),r.focus&&(r.focus.textContent=l===e?"Live":"Focus")}),this.applyPresetDimensions(),this.applyCompareDimensions(),this.fitToScreen({keepVisibleScale:i}),(s=(a=this.options).onDeviceChange)==null||s.call(a,this.getEffectivePreset())}applyCompareDimensions(){this.compareViewports.forEach(e=>{let t=e.preset,i=`${t.width}px`,n=`${t.height}px`;e.frame.style.width=i,e.frame.style.height=n,e.canvas&&(e.canvas.width=t.width,e.canvas.height=t.height)})}fitCompareGhosts(){this.compareViewports.forEach(e=>{let t=e.root.querySelector(".compare-body");if(!t)return;let i=Math.max(0,t.clientWidth-24),n=Math.max(0,t.clientHeight-24);if(i<=0||n<=0)return;let a=i/e.preset.width,s=n/e.preset.height,r=Math.max(.01,Math.min(a,s));e.wrapper.style.transform=`scale(${r})`})}captureCompareSnapshot(e){let t=this.compareViewports.get(e);if(!(t!=null&&t.canvas))return;let i=this.gameContainer.querySelector("canvas");if(!i)return;let n=t.canvas.getContext("2d");if(!n)return;let a=t.canvas.width,s=t.canvas.height,r=Math.min(a/i.width,s/i.height),l=i.width*r,c=i.height*r,d=(a-l)/2,p=(s-c)/2;n.clearRect(0,0,a,s),n.drawImage(i,d,p,l,c)}refreshCompareSnapshots(){this.compareViewports.forEach((e,t)=>{t!==this.activeCompareId&&this.captureCompareSnapshot(t)})}startCompareSnapshots(){this.compareSnapshotTimer||(this.compareSnapshotTimer=window.setInterval(()=>{this.viewMode==="compare"&&this.refreshCompareSnapshots()},500))}stopCompareSnapshots(){this.compareSnapshotTimer&&(window.clearInterval(this.compareSnapshotTimer),this.compareSnapshotTimer=null)}getFitBounds(){if(this.viewMode!=="compare"){let i=this.gameViewPane||this.previewContainer;return{width:i.clientWidth-40,height:i.clientHeight-40}}let e=this.compareViewports.get(this.activeCompareId),t=e==null?void 0:e.root.querySelector(".compare-body");return t?{width:t.clientWidth-24,height:t.clientHeight-24}:{width:this.previewContainer.clientWidth-40,height:this.previewContainer.clientHeight-40}}mustQuery(e){let t=this.container.querySelector(e);if(!t)throw new Error(`PreviewShell missing element: ${e}`);return t}};function hr(o={}){let e=new qn(o);return typeof window!="undefined"&&(window.__previewShell=e),e.mount(),e}function Vn(o){try{if(o&&typeof o.keys=="function")return Array.from(o.keys())}catch{}return[]}function mr(o){var e;return o?((e=o.getDisplayObject)==null?void 0:e.call(o))||o.pixiObject||o:null}function No(o,e){if(!o||!(e!=null&&e.interaction))return;let t=e.interaction,i=t.enabled!==!1&&(t.draggable===!0||t.clickable===!0);o.eventMode=i?"static":"none",o.interactive=i,i&&(o.cursor=t.draggable?"move":"pointer")}function fr(o,e){var d,p,u;if(!o||!e)return;let t=e.transform||{};No(o,e);let i=t.position||{},n=t.offset||{},a=(typeof i.x=="number"?i.x:0)+(typeof n.x=="number"?n.x:0),s=(typeof i.y=="number"?i.y:0)+(typeof n.y=="number"?n.y:0),r=333,l=111;a+=r,s+=l,console.log("[DEBUG FALLBACK] tryApplyTransform (live-edit) position.set",a,s,"(raw + 333, +111)"),(d=o.position)!=null&&d.set?o.position.set(a,s):(typeof o.x=="number"&&(o.x=a),typeof o.y=="number"&&(o.y=s)),typeof t.scale=="number"&&((p=o.scale)!=null&&p.set?o.scale.set(t.scale):o.scale&&(o.scale.x=t.scale,o.scale.y=t.scale));let c=t.anchor;if(c&&((u=o.anchor)!=null&&u.set)){let g=null;typeof window!="undefined"&&window.resolveAnchorVec2?g=window.resolveAnchorVec2(c):typeof c=="object"&&c.x!==void 0&&c.y!==void 0?g=c:Array.isArray(c)&&c.length===2&&(g={x:c[0],y:c[1]}),g&&typeof g.x=="number"&&typeof g.y=="number"&&o.anchor.set(g.x,g.y)}}function br(o){if(typeof window=="undefined")return;let e=o==null?void 0:o.objects,t=Vn(e),i=a=>{var s;try{let r=window.__HANDLER_ACTIVE_SCREEN;if(!r||r==="all")return a;let l=window.__HANDLER_SCREEN_INDEX,c=(s=l==null?void 0:l.screenToInstances)==null?void 0:s[r];if(Array.isArray(c)&&c.length>0){let p=new Set(c);return a.filter(u=>p.has(u))}let d=l==null?void 0:l.instanceToScreen;return d?a.filter(p=>d[p]===r):a}catch{return a}};window.__editableObjectConfigs=e;let n=new Map;t.forEach(a=>n.set(a,[a])),window.__editableObjectInstances=n,window.refreshEditableConfigIndex=()=>br(window.__editableConfig),window.getEditableObjectList=()=>{var a;return i(Vn((a=window.__editableConfig)==null?void 0:a.objects))},window.getEditableObjectListAll=()=>{var a;return Vn((a=window.__editableConfig)==null?void 0:a.objects)},window.getEditableObjectConfig=a=>{var p,u,g,h,m,f;let s=(h=(g=(u=(p=window.__editableConfig)==null?void 0:p.objects)==null?void 0:u.get)==null?void 0:g.call(u,a))!=null?h:null,r=window.__HANDLER_ACTIVE_SCREEN;if(!r||r==="all")return s;let l=window.__HANDLER_SCREEN_INDEX,c=(m=l==null?void 0:l.screenToInstances)==null?void 0:m[r];if(Array.isArray(c))return c.includes(a)?s:null;let d=(f=l==null?void 0:l.instanceToScreen)==null?void 0:f[a];return d&&d===r?s:null},window.getEditableEngineConfig=()=>{let a=window.__editableConfig;if(console.log("[BRIDGE] getEditableEngineConfig called, cfg present:",!!a),!a)return null;if(a.engine&&a.objects instanceof Map){console.log("[BRIDGE] Detected ObjectCentricConfig, flattening...");let s={...a.engine,objects:a.objects,scene:a.scene};return console.log("[BRIDGE] Returned assets:",Object.keys(s.assets||{})),s}return a}}function Fo(){if(typeof window=="undefined")return;let o=t=>{let i=String(t||"").trim();return i?/^(data:|blob:|https?:)/.test(i)||i.startsWith("/")?i:`/${i.replace(/^\.\//,"")}`:""},e=async(t,i)=>{var a,s,r;let n=o(i);if(n)try{let[{Assets:l},{AssetTextures:c}]=await Promise.all([import("pixi.js"),import("./AssetTextures-67BIZDFD.js")]),d=Date.now(),p=/^(data:|blob:)/.test(n)?n:n+(n.includes("?")?`&t=${d}`:`?t=${d}`),u=await l.load(p);if(!u)return;c[t]=u;let g=window.CustomAssets;(a=g==null?void 0:g[t])!=null&&a.texture&&(g[t].texture=u);let h=window.gameObjectManager,m=(s=h==null?void 0:h.get)==null?void 0:s.call(h,t);if(m){let f=((r=m.getDisplayObject)==null?void 0:r.call(m))||m.pixiObject||m.pixi||m;if(f!=null&&f.texture)f.texture=u;else if(f!=null&&f.children){let b=f.children.find(y=>y==null?void 0:y.texture);b!=null&&b.texture&&(b.texture=u)}}}catch(l){console.warn("[LIVE-EDIT] Failed to reload Pixi texture for",t,l)}};window.applyLiveEditOverrides=t=>{try{let i=nn();Array.isArray(i)&&i.length&&(window.__editableConfig=t,Kt(i,{silent:!0,persist:!1}))}catch{}},window.applyEngineOverrides=t=>{try{let i=nn();Array.isArray(i)&&i.length&&(window.__editableConfig=t,Kt(i,{silent:!0,persist:!1}))}catch{}},window.applyEditableEngineConfig=t=>{let i=window.__editableConfig;if(!(i!=null&&i.engine))return;let n=[];if(t.runtime)for(let[a,s]of Object.entries(t.runtime))n.push({path:`runtime.${a}`,value:s});if(t.assets)for(let[a,s]of Object.entries(t.assets))n.push({path:`assets.${a}`,value:s}),typeof s=="string"&&e(a,s);if(t.splash)for(let[a,s]of Object.entries(t.splash))n.push({path:`splash.${a}`,value:s});if(t.loading)for(let[a,s]of Object.entries(t.loading))n.push({path:`loading.${a}`,value:s});if(t.start)for(let[a,s]of Object.entries(t.start))n.push({path:`start.${a}`,value:s});n.length&&Kt(n,{silent:!0,persist:!0,emitEvent:!0})}}function Yn(o){let{getConfig:e,gameObjectManager:t,onObjectConfigApplied:i}=o;t&&(t.onObjectRebuildRequired=async(a,s)=>{console.log(`[LIVE-EDIT] \u{1F3D7}\uFE0F Rebuilding object ${a} due to type change...`);let r=t.get(a),l=r==null?void 0:r.pixiObject,c=l==null?void 0:l.parent,d=c==null?void 0:c.children.indexOf(l);r?t.remove(a):l&&l.destroy();let p=window.gameApp,u=await Te.create(a,s,p);c&&(d!==void 0&&d!==-1?c.addChildAt(u,d):c.addChild(u));let g=t.create(a,u);return console.log(`[LIVE-EDIT] \u2705 Rebuild complete for ${a}`),g}),typeof window!="undefined"&&(Fo(),window.applyEditableObjectConfig=(a,s)=>{var r,l,c;console.log("[LIVE-EDIT] \u{1F504} applyEditableObjectConfig called for:",a);try{let d=window.__editableConfig;(r=d==null?void 0:d.objects)!=null&&r.set&&(d.objects.set(a,s),console.log("[LIVE-EDIT] \u2705 Updated config in __editableConfig"));let p=(l=t==null?void 0:t.get)==null?void 0:l.call(t,a);if(console.log("[LIVE-EDIT] gameObject found?",!!p),p&&(console.log("[LIVE-EDIT] gameObject type:",(c=p.constructor)==null?void 0:c.name),console.log("[LIVE-EDIT] has updateConfig?",typeof p.updateConfig=="function"),console.log("[LIVE-EDIT] has onConfigUpdate?",typeof p.onConfigUpdate=="function")),p&&typeof p.updateConfig=="function")console.log("[LIVE-EDIT] \u2705 Calling updateConfig()"),p.updateConfig(s);else if(p&&typeof p.onConfigUpdate=="function")console.log("[LIVE-EDIT] \u2705 Calling onConfigUpdate()"),p.onConfigUpdate();else{console.log("[LIVE-EDIT] \u26A0\uFE0F No updateConfig or onConfigUpdate, applying transform directly");let u=mr(p);fr(u,s)}}catch(d){console.error("[LIVE-EDIT] \u274C Error in applyEditableObjectConfig:",d)}});let n={async applyObjectConfig(a,s){var d,p;console.log("[BRIDGE] \u{1F504} applyObjectConfig called for:",a);let r=e();(d=r==null?void 0:r.objects)!=null&&d.set&&(r.objects.set(a,s),console.log("[BRIDGE] \u2705 Updated config"));let l=(p=t==null?void 0:t.get)==null?void 0:p.call(t,a);if(console.log("[BRIDGE] gameObject found?",!!l),l&&(console.log("[BRIDGE] has updateConfig?",typeof l.updateConfig=="function"),console.log("[BRIDGE] has onConfigUpdate?",typeof l.onConfigUpdate=="function")),l&&typeof l.updateConfig=="function")console.log("[BRIDGE] \u2705 Calling updateConfig()"),l.updateConfig(s);else if(l&&typeof l.onConfigUpdate=="function")console.log("[BRIDGE] \u2705 Calling onConfigUpdate()"),l.onConfigUpdate();else{console.log("[BRIDGE] \u26A0\uFE0F Applying transform directly");let u=mr(l);fr(u,s)}let c=[a];i==null||i(a,s,c)},rebuildIndexes(){let a=e();typeof window!="undefined"&&(window.__editableConfig=a,br(a))}};return n.rebuildIndexes(),n}import Bo from"lottie-web";Xn(xs);typeof window!="undefined"&&!window.lottie&&(window.lottie=Bo);var mt=null,Go=async()=>{if(!mt){let o=typeof window!="undefined"?window.INLINE_ASSETS:null,e=(o==null?void 0:o["handler.config"])||(o==null?void 0:o["handler.config.json"]);if(e)try{if(e.startsWith("data:")){let i=atob(e.split(",")[1]);mt=JSON.parse(i)}else mt=JSON.parse(e);return mt}catch(i){console.warn("[CONFIG] Failed to parse inline handler.config.json:",i)}mt=await(await fetch("./handler.config.json")).json()}return mt},Jn,$t,wr,ft,Wn,Kn;function Vp(o){Jn=o.initGame,$t=o.CustomAssets,wr=o.updateScreenState,ft=o.globalResponsiveMultipliers,Wn=o.layout,Kn=o.clearResponsiveElements}var Ui="web_embed",Dt="https://example.com",yr={profile_id:Ui},We=null,Pe=null,zt={width:0,height:0},Uo=!0,Yp=async()=>{var c,d,p,u;document.title="Handler Pixi Game";let o=await Go();yr={...o.ids||{},profile_id:Ui},Dt=o.destination_url||((d=(c=o.export_profiles)==null?void 0:c[Ui])==null?void 0:d.destination_url)||Dt,He.init({ids:yr,profile:Ui,destinationUrl:Dt});let e=He.getRoot();if(typeof __PREVIEW_SHELL__!="undefined"&&__PREVIEW_SHELL__){console.log("[BOOTSTRAP] Initializing Preview Shell..."),Pe=hr({onDeviceChange:h=>{console.log(`[PREVIEW] Device switched to ${h.width}x${h.height}, restarting game...`),vr()},onRefresh:vr});let g=Pe.getGameContainer();g&&(e=g),window.addEventListener("handler-preview:screen",h=>{var w,v,L,M,I,P,j,_,T,S,x,E,C;let m=window.gameApp,f=window.gameObjectManager,{width:b,height:y}=h.detail;if(zt.width=b,zt.height=y,wr(b,y),!(!m||!m.renderer)){f&&r(m,f);try{m.renderer.resize(b,y);let A=m.view;A&&(A.style.width="100%",A.style.height="100%",A.style.display="block")}catch(A){console.warn("[SCREEN] Error resizing renderer:",A);return}if(t&&f&&Wn)try{let A=(w=window.__mainContainer)!=null?w:m.stage,O=(j=(P=(M=window.__tutorialLabel)!=null?M:(L=(v=f.get("label_1"))==null?void 0:v.getDisplayObject)==null?void 0:L.call(v))!=null?P:(I=f.get("label_1"))==null?void 0:I.pixiObject)!=null?j:f.get("label_1"),k=f.get("background_1"),R=(x=(S=(T=window.__background)!=null?T:(_=k==null?void 0:k.getDisplayObject)==null?void 0:_.call(k))!=null?S:k==null?void 0:k.pixiObject)!=null?x:k;if(A){let z=A===m.stage;Wn({mainContainer:A,label:O,background:R,backgroundTexture:(R==null?void 0:R.texture)||null,app:m},t,0,zt,f,{skipMainContainerTransform:z}),window.dispatchEvent(new CustomEvent("handler:layout-applied",{detail:{width:zt.width,height:zt.height,presetId:(C=(E=h.detail)==null?void 0:E.presetId)!=null?C:null}}))}}catch(A){console.warn("[SCREEN] Error in layout:",A)}}})}let t=await Jt("scene.main");window.__editableConfig=t,s(),window.__editableConfigBaseline||(window.__editableConfigBaseline=an(t),console.log("[BOOTSTRAP] Frozen config baseline for persistence")),(u=(p=t.engine.runtime)==null?void 0:p.layout)!=null&&u.design_width_portrait||(console.warn("[BOOTSTRAP] Config layout missing, retrying..."),await new Promise(g=>setTimeout(g,100)),t=await Jt("scene.main"));let i=await Jn(e,t,Dt,Pe);We=i.app;let n=i.gameObjectManager;window.gameApp=We,window.gameObjectManager=n;try{window.__liveEditBridge=Yn({getConfig:()=>window.__editableConfig,gameObjectManager:n,assets:$t})}catch(g){console.warn("[BOOTSTRAP] Failed to initialize live-edit bridge",g)}Pe&&Pe.notifyGameLoaded();let a=window.__debugScale;a&&typeof a=="number"&&(ft.scale=a,console.log(`[DEBUG] Applied persisted debug scale: ${a}`)),r(We,n);async function s(){try{let g=async y=>{let w=y.startsWith("/")?y:`/${y}`,v=await fetch(w,{cache:"no-cache"});if(!v.ok)return null;let L=await v.text();try{return JSON.parse(L)}catch{return null}},h=await g("configs/flow/app.flow.json");if(!h||typeof h!="object")return;let m=h.screens;if(!m||typeof m!="object")return;let f={},b={};for(let[y,w]of Object.entries(m)){let v=w==null?void 0:w.source;if(typeof v!="string")continue;let L=await g(v),M=L==null?void 0:L.elements;if(!Array.isArray(M))continue;let I=M.map(P=>P==null?void 0:P.instance_id).filter(P=>typeof P=="string");f[y]=I;for(let P of I)b[P]||(b[P]=y)}window.__HANDLER_APP_FLOW=h,window.__HANDLER_SCREEN_INDEX={screenToInstances:f,instanceToScreen:b},window.dispatchEvent(new CustomEvent("handler:screen-index-loaded"))}catch{}}function r(g,h){if(Uo){console.log("[RESPONSIVE] Skipping global scaling; using config-driven layout");return}if(console.log("[RESPONSIVE] ===== APPLYING GLOBAL RESPONSIVE SCALING ====="),console.log(`[RESPONSIVE] Scale multiplier: ${ft.scale.toFixed(3)}`),g.stage){let f=function(b,y=0){if(!b||!b.children)return;let w=" ".repeat(y);b.children.forEach((v,L)=>{if(v&&v.zIndex===9999){console.log(`${w}[RESPONSIVE] Skipping debug border (zIndex 9999)`);return}if(v&&v.scale){let M=v.scale.x||1,I=v.scale.y||1;v.__originalScale||(v.__originalScale={x:M,y:I},console.log(`${w}[RESPONSIVE] Stored original scale for child[${L}]: ${M.toFixed(3)}, ${I.toFixed(3)}`));let P=v.__originalScale.x*ft.scale,j=v.__originalScale.y*ft.scale;typeof v.scale.set=="function"?v.scale.set(P,j):(v.scale.x=P,v.scale.y=j),console.log(`${w}[RESPONSIVE] Child[${L}] scale: ${M.toFixed(3)}\u2192${v.scale.x.toFixed(3)} (type: ${v.constructor.name})`),f(v,y+1)}else v&&console.log(`${w}[RESPONSIVE] Child[${L}] has no scale (type: ${v.constructor.name})`)})};var m=f;console.log("[RESPONSIVE] Applying scale to PIXI stage children"),f(g.stage)}else console.warn("[RESPONSIVE] No app.stage found!");console.log("[REDDEBUG] Debug border left unscaled (fixed boundaries)"),console.log("[RESPONSIVE] ===== GLOBAL RESPONSIVE SCALING COMPLETE =====")}function l(g){if(g!==void 0){ft.scale=g,console.log(`[RESPONSIVE] Updated global scale multiplier to: ${g.toFixed(3)}`);let h=window.gameApp,m=window.gameObjectManager;h&&m?(r(h,m),h.renderer&&(h.renderer.render(h.stage),console.log("[RESPONSIVE] Forced PIXI renderer update"))):console.warn(`[RESPONSIVE] No gameApp (${!!h}) or gameObjectManager (${!!m}) found in window for live update`)}}window.updateGlobalResponsiveMultipliers=l,He.start()},vr=async()=>{var e,t,i,n;console.log("[PREVIEW] Restarting game in 1 seconds...");let o=(e=window.gameObjectManager)==null?void 0:e.get("character_1");if(o){let a=((t=o.getDisplayObject)==null?void 0:t.call(o))||o;a&&a.scale&&console.log(`[CHARACTER] Before restart - Current scale - x: ${((i=a.scale.x)!=null?i:1).toFixed(3)}, y: ${((n=a.scale.y)!=null?n:1).toFixed(3)}`)}if(Pe){Pe.notifyGameDestroyed();try{Kn&&Kn()}catch(a){console.warn("Failed to clear responsive elements",a)}setTimeout(()=>{console.log("[PREVIEW] Executing restart...");let a=Pe.getGameContainer(),s=window.gameObjectManager;if(s&&typeof s.clear=="function"&&(console.log("[PREVIEW] Clearing old GameObjectManager tickers..."),s.clear()),We){try{We.destroy(!0,{children:!0,texture:!1})}catch(r){console.warn("[PREVIEW] Destroy warning:",r)}We=null}window.gameApp=null,window.gameObjectManager=null,a&&(a.innerHTML="");try{typeof $t.resetScene=="function"&&$t.resetScene()}catch(r){console.warn("Asset reset failed",r)}setTimeout(()=>{Jt("scene.main").then(r=>{window.__editableConfig=r,window.__editableConfigBaseline||(window.__editableConfigBaseline=an(r)),Jn(a,r,Dt).then(l=>{We=l.app,window.gameApp=We,window.gameObjectManager=l.gameObjectManager;try{window.__liveEditBridge=Yn({getConfig:()=>window.__editableConfig,gameObjectManager:window.gameObjectManager,assets:$t})}catch(c){console.warn("[BOOTSTRAP] Failed to re-initialize live-edit bridge",c)}Pe&&Pe.notifyGameLoaded(),console.log("[PREVIEW] Game restarted successfully");try{He.start()}catch{}})})},100)},1e3)}};var Ne={background:"#F6F3EF",ink:"#1E1E1E",secondaryText:"#8E8A84",primaryAccent:"#E38A5A",secondaryAccent:"#C9A28C",statusGreen:"#5F8F6B"},qo=1.25,Vo={fontFamily:"Inter, system-ui, sans-serif"};var Zn=class{constructor(e={}){this.currentProgress=0;var t;this.currentProgress=(t=e.progress)!=null?t:0,this.container=this.createContainer()}createContainer(){let e=document.createElement("div");e.className="handler-loading-screen",e.style.cssText=`
|
|
2467
|
+
`,this.setupEventListeners(e),e}setupEventListeners(e){var j,_,P,M,T,k,E,x;let t=e.querySelector("#device-select");t==null||t.addEventListener("change",S=>{if(this.viewMode==="compare")return;let C=S.target.value;this.setDevice(C)});let i=e.querySelector("#theme-select");i==null||i.addEventListener("change",S=>{let C=S.target.value;this.setTheme(C)}),Array.from(e.querySelectorAll("[data-view-toggle]")).forEach(S=>{S.addEventListener("click",()=>{let C=S.dataset.viewToggle;C&&this.setViewMode(C)})}),Array.from(e.querySelectorAll("[data-layout-toggle]")).forEach(S=>{S.addEventListener("click",()=>{let C=S.dataset.layoutToggle;C&&this.setLayoutMode(C)})});let s=e.querySelector("#scene-toggle");s==null||s.addEventListener("click",()=>{this.viewMode!=="compare"&&(this.setSceneVisible(!this.sceneVisiblePreference),this.updateSceneVisibility())});let r=e.querySelector("#scene-hide-btn");r==null||r.addEventListener("click",()=>{this.viewMode!=="compare"&&(this.setSceneVisible(!1),this.updateSceneVisibility())});let l=S=>{let C=typeof window!="undefined"&&window.__HANDLER_PROJECT_ID||"default";return`handler_preview_scene_${S}::${C}`},c=e.querySelector("#scene-grid-btn"),d=e.querySelector("#scene-play-btn"),p=(S,C,A)=>{S&&(S.textContent=C?`${A} On`:`${A} Off`,S.setAttribute("aria-pressed",C?"true":"false"))},g=()=>{let S=window.localStorage.getItem(l("grid_gap")),C=Number(S!=null?S:50);return Number.isFinite(C)?C:50},u=S=>{try{window.localStorage.setItem(l("grid_enabled"),S?"true":"false")}catch{}p(c,S,"Grid");let C=g();window.dispatchEvent(new CustomEvent("scene-editor:grid",{detail:{enabled:S,gap:C}}))},h=S=>{try{window.localStorage.setItem(l("play_mode"),S?"true":"false")}catch{}p(d,S,"Play"),window.dispatchEvent(new CustomEvent("scene-editor:play-mode",{detail:{enabled:S}}))};try{let S=window.localStorage.getItem(l("grid_enabled"))==="true",C=!0;try{window.localStorage.setItem(l("play_mode"),"true")}catch{}if(p(c,S,"Grid"),p(d,C,"Play"),d&&(d.disabled=!0),c){let A=g();window.dispatchEvent(new CustomEvent("scene-editor:grid",{detail:{enabled:S,gap:A}}))}d&&window.dispatchEvent(new CustomEvent("scene-editor:play-mode",{detail:{enabled:C}}))}catch{}c==null||c.addEventListener("click",()=>{let S=c.getAttribute("aria-pressed")==="true";u(!S)}),d==null||d.addEventListener("click",()=>{let S=d.getAttribute("aria-pressed")==="true";h(!S)}),(j=e.querySelector("#rotate-btn"))==null||j.addEventListener("click",()=>this.toggleRotation()),(_=e.querySelector("#zoom-in-btn"))==null||_.addEventListener("click",()=>this.adjustUserZoom(.1)),(P=e.querySelector("#zoom-out-btn"))==null||P.addEventListener("click",()=>this.adjustUserZoom(-.1)),(M=e.querySelector("#refresh-btn"))==null||M.addEventListener("click",()=>this.refresh());let m=e.querySelector("#bottom-dock"),f=e.querySelector("#bottom-dock-resize");m&&f&&this.makeBottomDockResizable(m,f);let b=Array.from(e.querySelectorAll(".bottom-dock-tab"));b.forEach(S=>{S.addEventListener("click",()=>{let C=S.dataset.dockTab;if(!C)return;b.forEach(O=>O.classList.remove("active")),S.classList.add("active"),Array.from(e.querySelectorAll(".bottom-dock-panel")).forEach(O=>{let I=O.dataset.dockPanel;O.classList.toggle("active",I===C)})})}),(T=e.querySelector("#console-clear"))==null||T.addEventListener("click",()=>this.clearConsole()),(k=e.querySelector("#corner-zoom-in-btn"))==null||k.addEventListener("click",()=>this.adjustUserZoom(.1)),(E=e.querySelector("#corner-zoom-out-btn"))==null||E.addEventListener("click",()=>this.adjustUserZoom(-.1)),(x=e.querySelector("#corner-grab-btn"))==null||x.addEventListener("click",()=>{this.frameDragger.style.cursor="grab",setTimeout(()=>{this.isSpaceKeyPressed||(this.frameDragger.style.cursor="")},1e3)});let y=e.querySelector(".scene-panel.scene-objects"),w=y==null?void 0:y.querySelector("[data-panel-resize-v]");y&&w&&this.makeSidebarResizable(y,w,"left");let v=e.querySelector(".debug-workbench"),L=v==null?void 0:v.querySelector("#workbench-resize-v");v&&L&&this.makeSidebarResizable(v,L,"right")}applyDeviceFrameStyles(){Object.assign(this.frameDragger.style,{display:"flex",justifyContent:"center",alignItems:"center",transform:"translate(0px, 0px)",touchAction:"none"}),Object.assign(this.frameWrapper.style,{display:"flex",justifyContent:"center",alignItems:"center",transformOrigin:"center center",transition:"transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)",boxShadow:"var(--ui-shadow-strong)",borderRadius:"0px",willChange:"transform"}),Object.assign(this.deviceFrame.style,{overflow:"hidden",position:"relative",borderRadius:"0px"}),Object.assign(this.gameContainer.style,{position:"relative",overflow:"hidden",minWidth:"0px",minHeight:"0px"})}setupObserversAndListeners(){this.resizeObserver=new ResizeObserver(()=>{this.resizeListenersDisabled||this.scheduleFit()}),this.resizeObserver.observe(this.previewContainer),window.addEventListener("resize",this.onWindowResize,{passive:!0})}scheduleFit(){this.rafFitHandle&&cancelAnimationFrame(this.rafFitHandle),this.rafFitHandle=requestAnimationFrame(()=>{this.rafFitHandle=null,this.fitToScreen()})}applyPresetDimensions(){let e=this.getEffectivePreset(),t=`${e.width}px`,i=`${e.height}px`;this.deviceFrame.style.width=t,this.deviceFrame.style.height=i,this.gameContainer.style.width=t,this.gameContainer.style.height=i,this.gameContainer.style.maxWidth=t,this.gameContainer.style.maxHeight=i,this.gameContainer.style.minWidth=t,this.gameContainer.style.minHeight=i,this.gameContainer.dataset.screenWidth=String(e.width),this.gameContainer.dataset.screenHeight=String(e.height),this.container.style.setProperty("--preview-screen-width",String(e.width)),this.container.style.setProperty("--preview-screen-height",String(e.height))}fitToScreen(e){if(!this.previewContainer)return;let t=this.getEffectivePreset(),i=this.getFitBounds(),n=Math.max(0,i.width),a=Math.max(0,i.height);if(n<=0||a<=0)return;this.applyPresetDimensions(),this.viewMode==="compare"&&this.applyCompareDimensions();let s=n/t.width,r=a/t.height;if(this.autoScale=Math.max(.01,Math.min(s,r)),!this.hasInitialFit){this.hasInitialFit=!0;let l=.6;this.userScaleMultiplier=l/this.autoScale}(e==null?void 0:e.keepUserScaleMultiplier)!==void 0&&e.keepUserScaleMultiplier>0?this.userScaleMultiplier=e.keepUserScaleMultiplier:e!=null&&e.keepVisibleScale&&e.keepVisibleScale>0&&(this.userScaleMultiplier=e.keepVisibleScale/this.autoScale),this.applyTransform(),this.viewMode==="compare"&&this.fitCompareGhosts(),requestAnimationFrame(()=>this.updatePanelPositions()),this.emitScreenChange()}applyTransform(){let e=this.autoScale*this.userScaleMultiplier;this.frameWrapper.style.transform=`scale(${e})`;let t=this.container.querySelector("#zoom-label");t&&(t.textContent=`${Math.round(e*100)}%`),requestAnimationFrame(()=>this.updatePanelPositions())}applyFrameDrag(){this.frameDragger.style.transform=`translate(${this.frameDragOffsetX}px, ${this.frameDragOffsetY}px)`,requestAnimationFrame(()=>this.updatePanelPositions())}updatePanelPositions(){if(!this.gameReady||this.viewMode==="compare")return;let e=this.container.querySelector('[data-panel="scene-tools-corner"]'),t=this.container.querySelector('[data-panel="nudge-panel"]');if(this.layoutMode==="fixed"){let i=this.gameViewPane||this.container.querySelector(".preview-container");i&&(e&&e.parentElement!==i&&i.appendChild(e),t&&t.parentElement!==i&&i.appendChild(t))}else{let i=this.container.querySelector(".preview-main");i&&(e&&e.parentElement!==i&&i.appendChild(e),t&&t.parentElement!==i&&i.appendChild(t))}e&&(e.style.zIndex="100"),t&&(t.style.position="absolute",t.style.left="50%",t.style.top="16px",t.style.transform="translateX(calc(-50% + 200px))",t.style.zIndex="100")}setupFrameDragging(){this.frameDragger.addEventListener("pointerdown",e=>{let t=!this.gameContainer.contains(e.target);!this.isSpaceKeyPressed&&!t||e.button===0&&(e.preventDefault(),this.frameDragActive=!0,this.frameDragStartX=e.clientX,this.frameDragStartY=e.clientY,this.frameDragOriginX=this.frameDragOffsetX,this.frameDragOriginY=this.frameDragOffsetY,window.addEventListener("pointermove",this.onFrameDragMove),window.addEventListener("pointerup",this.onFrameDragEnd))})}setupSpaceKeyListener(){window.addEventListener("keydown",e=>{e.code==="Space"&&!this.isInputFocused()&&(this.isSpaceKeyPressed||(this.isSpaceKeyPressed=!0,this.updateDragCursor(),e.preventDefault()))}),window.addEventListener("keyup",e=>{e.code==="Space"&&(this.isSpaceKeyPressed=!1,this.updateDragCursor(),this.frameDragActive&&this.onFrameDragEnd())}),window.addEventListener("blur",()=>{this.isSpaceKeyPressed=!1,this.updateDragCursor(),this.frameDragActive&&this.onFrameDragEnd()})}isInputFocused(){let e=document.activeElement;if(!e)return!1;let t=e.tagName.toLowerCase();return t==="input"||t==="textarea"||t==="select"||e.isContentEditable}setupShortcutListeners(){window.addEventListener("keydown",e=>{if(this.isInputFocused())return;let t=navigator.platform.toUpperCase().indexOf("MAC")>=0,i=e.ctrlKey||e.metaKey,n=e.shiftKey;if(i&&e.key==="s"&&!n){e.preventDefault();let a=document.querySelector("#apply-current-btn");a&&a.getAttribute("disabled")===null&&a.click();return}if(i&&e.key==="z"&&!n){e.preventDefault(),Fa();return}if(i&&(e.key==="z"&&n||e.key==="y"&&!n)){e.preventDefault(),Ba();return}})}setupUnsavedChangesIndicator(){let e=this.container.querySelector("#preview-save-shortcut-text");e&&(e.textContent=`(${this.getShortcutKey()} + S)`),window.addEventListener("config:changed",()=>{this.updateUnsavedChangesIndicator()}),this.updateUnsavedChangesIndicator();let t=this.container.querySelector("#preview-save-btn");t==null||t.addEventListener("click",()=>{let i=document.querySelector("#apply-current-btn");i&&i.getAttribute("disabled")===null&&i.click()})}updateUnsavedChangesIndicator(){let t=st().hasChanges;if(t!==this.hasUnsavedChanges){this.hasUnsavedChanges=t;let i=this.container.querySelector("#preview-unsaved-star"),n=this.container.querySelector("#preview-save-btn");i&&(i.style.display=t?"inline-block":"none"),n&&(n.style.display=t?"inline-flex":"none")}}updateDragCursor(){this.isSpaceKeyPressed?(this.frameDragger.style.cursor="grab",this.frameDragActive&&(this.frameDragger.style.cursor="grabbing")):this.frameDragger.style.cursor=""}adjustUserZoom(e){this.userScaleMultiplier=Math.max(.1,Math.min(6,this.userScaleMultiplier+e)),this.applyTransform(),this.emitScreenChange()}toggleRotation(){var t,i;if(this.viewMode==="compare")return;let e=this.userScaleMultiplier;this.isLandscape=!this.isLandscape,this.applyPresetDimensions(),this.fitToScreen({keepUserScaleMultiplier:e}),(i=(t=this.options).onDeviceChange)==null||i.call(t,this.getEffectivePreset()),this.emitScreenChange()}emitScreenChange(){if(!this.gameReady)return;let e=this.getEffectivePreset(),t={width:e.width,height:e.height,dpr:Math.max(1,Math.floor(window.devicePixelRatio||1)),presetId:e.id,isLandscape:this.isLandscape};if(window.dispatchEvent(new CustomEvent("handler-preview:screen",{detail:t})),this.viewMode==="compare"&&this.refreshCompareSnapshots(),this.isInitialized&&this.isMounted&&this.gameReady){let i=window.gameApp;if(!(i!=null&&i.renderer))return;this.ignoreNextWindowResize=!0,window.dispatchEvent(new Event("resize"))}}safeStringify(e){var i;let t=new WeakSet;try{return JSON.stringify(e,(n,a)=>{if(typeof a=="object"&&a!==null){if(t.has(a))return"[Circular]";t.add(a)}return a},2)}catch{try{if(e&&((i=e.constructor)!=null&&i.name))return`[object ${e.constructor.name}]`}catch{}return String(e)}}setupConsoleInterceptor(){let e=(t,...i)=>{let n=i.map(s=>typeof s=="object"?this.safeStringify(s):String(s)).join(" ");this.consoleMessages.push({type:t,message:n,timestamp:new Date}),this.appendConsoleMessage(this.consoleMessages[this.consoleMessages.length-1]);let a=this.container.querySelector("#console-badge");if(a){let s=this.consoleMessages.filter(r=>r.type==="error").length;a.textContent=s>0?`${s}!`:"0",a.classList.toggle("has-errors",s>0)}};console.log=(...t)=>{this.originalConsole.log(...t),e("log",...t)},console.warn=(...t)=>{this.originalConsole.warn(...t),e("warn",...t)},console.error=(...t)=>{this.originalConsole.error(...t),e("error",...t)},console.info=(...t)=>{this.originalConsole.info(...t),e("info",...t)}}appendConsoleMessage(e){let t=this.container.querySelector("#console-messages");if(!t)return;let i=document.createElement("div");i.className=`console-msg type-${e.type}`;let n=e.timestamp.toLocaleTimeString();i.innerHTML=`<span class="time">${this.escapeHtml(n)}</span> <pre>${this.escapeHtml(e.message)}</pre>`,t.appendChild(i),t.scrollTop=t.scrollHeight}escapeHtml(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}toggleConsole(e){var t;if(this.layoutMode==="fixed"){let i=this.container.querySelector('[data-dock-tab="console"]');if(i){i.click();let n=this.container.querySelector("#bottom-dock");n==null||n.classList.remove("hidden")}return}this.isConsoleOpen=e!=null?e:!this.isConsoleOpen,(t=this.consolePanel)==null||t.classList.toggle("closed",!this.isConsoleOpen)}clearConsole(){this.consoleMessages=[];let e=this.container.querySelector("#console-messages");e&&(e.innerHTML="");let t=this.container.querySelector("#console-badge");t&&(t.textContent="0")}setupCompareViewports(){Array.from(this.container.querySelectorAll("[data-viewport]")).forEach(t=>{let i=t.dataset.viewport;if(!i)return;let n=this.comparePresets.find(p=>p.id===i);if(!n)return;let a=t.querySelector("[data-compare-slot]"),s=t.querySelector("[data-compare-ghost]"),r=t.querySelector("[data-compare-wrapper]"),l=t.querySelector("[data-compare-frame]"),c=t.querySelector("[data-compare-snapshot]"),d=t.querySelector("[data-compare-focus]");!a||!s||!r||!l||(t.addEventListener("click",p=>{let g=p.target;if(g!=null&&g.closest("[data-compare-focus]")){p.preventDefault(),this.activateCompareViewport(i);return}t.classList.contains("is-active")||this.activateCompareViewport(i)}),this.compareViewports.set(i,{preset:n,root:t,slot:a,ghost:s,wrapper:r,frame:l,canvas:c,focus:d}))})}setViewMode(e){if(this.viewMode===e)return;this.viewMode=e,this.container.classList.toggle("compare-mode",e==="compare"),this.singleStage.classList.toggle("hidden",e!=="single"),this.compareStage.classList.toggle("hidden",e!=="compare");let t=this.container.querySelector("#device-select");t&&(t.disabled=e==="compare");let i=this.container.querySelector("#rotate-btn");i&&(i.disabled=e==="compare");let n=this.container.querySelector("#scene-toggle");if(n&&(n.disabled=e==="compare"),this.updateViewToggleUI(),e==="compare"){this.lastSinglePresetId=this.currentPreset.id,this.activateCompareViewport(this.activeCompareId),this.refreshCompareSnapshots(),this.startCompareSnapshots(),this.updateSceneVisibility();return}this.stopCompareSnapshots(),this.singleStage.appendChild(this.frameDragger),this.setDevice(this.lastSinglePresetId,{suppressCallback:!0}),this.fitToScreen(),this.updateSceneVisibility()}updateViewToggleUI(){Array.from(this.container.querySelectorAll("[data-view-toggle]")).forEach(t=>{t.classList.toggle("active",t.dataset.viewToggle===this.viewMode)})}activateCompareViewport(e){var a,s;let t=this.compareViewports.get(e);if(!t)return;let i=this.autoScale*this.userScaleMultiplier,n=this.activeCompareId;n&&n!==e&&this.captureCompareSnapshot(n),this.activeCompareId=e,this.currentPreset=t.preset,this.isLandscape=!1,t.slot.appendChild(this.frameDragger),this.frameDragOffsetX=0,this.frameDragOffsetY=0,this.applyFrameDrag(),this.compareViewports.forEach((r,l)=>{r.root.classList.toggle("is-active",l===e),r.ghost.classList.toggle("hidden",l===e),r.focus&&(r.focus.textContent=l===e?"Live":"Focus")}),this.applyPresetDimensions(),this.applyCompareDimensions(),this.fitToScreen({keepVisibleScale:i}),(s=(a=this.options).onDeviceChange)==null||s.call(a,this.getEffectivePreset())}applyCompareDimensions(){this.compareViewports.forEach(e=>{let t=e.preset,i=`${t.width}px`,n=`${t.height}px`;e.frame.style.width=i,e.frame.style.height=n,e.canvas&&(e.canvas.width=t.width,e.canvas.height=t.height)})}fitCompareGhosts(){this.compareViewports.forEach(e=>{let t=e.root.querySelector(".compare-body");if(!t)return;let i=Math.max(0,t.clientWidth-24),n=Math.max(0,t.clientHeight-24);if(i<=0||n<=0)return;let a=i/e.preset.width,s=n/e.preset.height,r=Math.max(.01,Math.min(a,s));e.wrapper.style.transform=`scale(${r})`})}captureCompareSnapshot(e){let t=this.compareViewports.get(e);if(!(t!=null&&t.canvas))return;let i=this.gameContainer.querySelector("canvas");if(!i)return;let n=t.canvas.getContext("2d");if(!n)return;let a=t.canvas.width,s=t.canvas.height,r=Math.min(a/i.width,s/i.height),l=i.width*r,c=i.height*r,d=(a-l)/2,p=(s-c)/2;n.clearRect(0,0,a,s),n.drawImage(i,d,p,l,c)}refreshCompareSnapshots(){this.compareViewports.forEach((e,t)=>{t!==this.activeCompareId&&this.captureCompareSnapshot(t)})}startCompareSnapshots(){this.compareSnapshotTimer||(this.compareSnapshotTimer=window.setInterval(()=>{this.viewMode==="compare"&&this.refreshCompareSnapshots()},500))}stopCompareSnapshots(){this.compareSnapshotTimer&&(window.clearInterval(this.compareSnapshotTimer),this.compareSnapshotTimer=null)}getFitBounds(){if(this.viewMode!=="compare"){let i=this.gameViewPane||this.previewContainer;return{width:i.clientWidth-40,height:i.clientHeight-40}}let e=this.compareViewports.get(this.activeCompareId),t=e==null?void 0:e.root.querySelector(".compare-body");return t?{width:t.clientWidth-24,height:t.clientHeight-24}:{width:this.previewContainer.clientWidth-40,height:this.previewContainer.clientHeight-40}}mustQuery(e){let t=this.container.querySelector(e);if(!t)throw new Error(`PreviewShell missing element: ${e}`);return t}};function hr(o={}){let e=new qn(o);return typeof window!="undefined"&&(window.__previewShell=e),e.mount(),e}function Vn(o){try{if(o&&typeof o.keys=="function")return Array.from(o.keys())}catch{}return[]}function mr(o){var e;return o?((e=o.getDisplayObject)==null?void 0:e.call(o))||o.pixiObject||o:null}function No(o,e){if(!o||!(e!=null&&e.interaction))return;let t=e.interaction,i=t.enabled!==!1&&(t.draggable===!0||t.clickable===!0);o.eventMode=i?"static":"none",o.interactive=i,i&&(o.cursor=t.draggable?"move":"pointer")}function fr(o,e){var d,p,g;if(!o||!e)return;let t=e.transform||{};No(o,e);let i=t.position||{},n=t.offset||{},a=(typeof i.x=="number"?i.x:0)+(typeof n.x=="number"?n.x:0),s=(typeof i.y=="number"?i.y:0)+(typeof n.y=="number"?n.y:0),r=333,l=111;a+=r,s+=l,console.log("[DEBUG FALLBACK] tryApplyTransform (live-edit) position.set",a,s,"(raw + 333, +111)"),(d=o.position)!=null&&d.set?o.position.set(a,s):(typeof o.x=="number"&&(o.x=a),typeof o.y=="number"&&(o.y=s)),typeof t.scale=="number"&&((p=o.scale)!=null&&p.set?o.scale.set(t.scale):o.scale&&(o.scale.x=t.scale,o.scale.y=t.scale));let c=t.anchor;if(c&&((g=o.anchor)!=null&&g.set)){let u=null;typeof window!="undefined"&&window.resolveAnchorVec2?u=window.resolveAnchorVec2(c):typeof c=="object"&&c.x!==void 0&&c.y!==void 0?u=c:Array.isArray(c)&&c.length===2&&(u={x:c[0],y:c[1]}),u&&typeof u.x=="number"&&typeof u.y=="number"&&o.anchor.set(u.x,u.y)}}function br(o){if(typeof window=="undefined")return;let e=o==null?void 0:o.objects,t=Vn(e),i=a=>{var s;try{let r=window.__HANDLER_ACTIVE_SCREEN;if(!r||r==="all")return a;let l=window.__HANDLER_SCREEN_INDEX,c=(s=l==null?void 0:l.screenToInstances)==null?void 0:s[r];if(Array.isArray(c)&&c.length>0){let p=new Set(c);return a.filter(g=>p.has(g))}let d=l==null?void 0:l.instanceToScreen;return d?a.filter(p=>d[p]===r):a}catch{return a}};window.__editableObjectConfigs=e;let n=new Map;t.forEach(a=>n.set(a,[a])),window.__editableObjectInstances=n,window.refreshEditableConfigIndex=()=>br(window.__editableConfig),window.getEditableObjectList=()=>{var a;return i(Vn((a=window.__editableConfig)==null?void 0:a.objects))},window.getEditableObjectListAll=()=>{var a;return Vn((a=window.__editableConfig)==null?void 0:a.objects)},window.getEditableObjectConfig=a=>{var p,g,u,h,m,f;let s=(h=(u=(g=(p=window.__editableConfig)==null?void 0:p.objects)==null?void 0:g.get)==null?void 0:u.call(g,a))!=null?h:null,r=window.__HANDLER_ACTIVE_SCREEN;if(!r||r==="all")return s;let l=window.__HANDLER_SCREEN_INDEX,c=(m=l==null?void 0:l.screenToInstances)==null?void 0:m[r];if(Array.isArray(c))return c.includes(a)?s:null;let d=(f=l==null?void 0:l.instanceToScreen)==null?void 0:f[a];return d&&d===r?s:null},window.getEditableEngineConfig=()=>{let a=window.__editableConfig;if(console.log("[BRIDGE] getEditableEngineConfig called, cfg present:",!!a),!a)return null;if(a.engine&&a.objects instanceof Map){console.log("[BRIDGE] Detected ObjectCentricConfig, flattening...");let s={...a.engine,objects:a.objects,scene:a.scene};return console.log("[BRIDGE] Returned assets:",Object.keys(s.assets||{})),s}return a}}function Fo(){if(typeof window=="undefined")return;let o=t=>{let i=String(t||"").trim();return i?/^(data:|blob:|https?:)/.test(i)||i.startsWith("/")?i:`/${i.replace(/^\.\//,"")}`:""},e=async(t,i)=>{var a,s,r;let n=o(i);if(n)try{let[{Assets:l},{AssetTextures:c}]=await Promise.all([import("pixi.js"),import("./AssetTextures-67BIZDFD.js")]),d=Date.now(),p=/^(data:|blob:)/.test(n)?n:n+(n.includes("?")?`&t=${d}`:`?t=${d}`),g=await l.load(p);if(!g)return;c[t]=g;let u=window.CustomAssets;(a=u==null?void 0:u[t])!=null&&a.texture&&(u[t].texture=g);let h=window.gameObjectManager,m=(s=h==null?void 0:h.get)==null?void 0:s.call(h,t);if(m){let f=((r=m.getDisplayObject)==null?void 0:r.call(m))||m.pixiObject||m.pixi||m;if(f!=null&&f.texture)f.texture=g;else if(f!=null&&f.children){let b=f.children.find(y=>y==null?void 0:y.texture);b!=null&&b.texture&&(b.texture=g)}}}catch(l){console.warn("[LIVE-EDIT] Failed to reload Pixi texture for",t,l)}};window.applyLiveEditOverrides=t=>{try{let i=an();Array.isArray(i)&&i.length&&(window.__editableConfig=t,Xt(i,{silent:!0,persist:!1}))}catch{}},window.applyEngineOverrides=t=>{try{let i=an();Array.isArray(i)&&i.length&&(window.__editableConfig=t,Xt(i,{silent:!0,persist:!1}))}catch{}},window.applyEditableEngineConfig=t=>{let i=window.__editableConfig;if(!(i!=null&&i.engine))return;let n=[];if(t.runtime)for(let[a,s]of Object.entries(t.runtime))n.push({path:`runtime.${a}`,value:s});if(t.assets)for(let[a,s]of Object.entries(t.assets))n.push({path:`assets.${a}`,value:s}),typeof s=="string"&&e(a,s);if(t.splash)for(let[a,s]of Object.entries(t.splash))n.push({path:`splash.${a}`,value:s});if(t.loading)for(let[a,s]of Object.entries(t.loading))n.push({path:`loading.${a}`,value:s});if(t.start)for(let[a,s]of Object.entries(t.start))n.push({path:`start.${a}`,value:s});n.length&&Xt(n,{silent:!0,persist:!0,emitEvent:!0})}}function Yn(o){let{getConfig:e,gameObjectManager:t,onObjectConfigApplied:i}=o;t&&(t.onObjectRebuildRequired=async(a,s)=>{console.log(`[LIVE-EDIT] \u{1F3D7}\uFE0F Rebuilding object ${a} due to type change...`);let r=t.get(a),l=r==null?void 0:r.pixiObject,c=l==null?void 0:l.parent,d=c==null?void 0:c.children.indexOf(l);r?t.remove(a):l&&l.destroy();let p=window.gameApp,g=await Te.create(a,s,p);c&&(d!==void 0&&d!==-1?c.addChildAt(g,d):c.addChild(g));let u=t.create(a,g);return console.log(`[LIVE-EDIT] \u2705 Rebuild complete for ${a}`),u}),typeof window!="undefined"&&(Fo(),window.applyEditableObjectConfig=(a,s)=>{var r,l,c;console.log("[LIVE-EDIT] \u{1F504} applyEditableObjectConfig called for:",a);try{let d=window.__editableConfig;(r=d==null?void 0:d.objects)!=null&&r.set&&(d.objects.set(a,s),console.log("[LIVE-EDIT] \u2705 Updated config in __editableConfig"));let p=(l=t==null?void 0:t.get)==null?void 0:l.call(t,a);if(console.log("[LIVE-EDIT] gameObject found?",!!p),p&&(console.log("[LIVE-EDIT] gameObject type:",(c=p.constructor)==null?void 0:c.name),console.log("[LIVE-EDIT] has updateConfig?",typeof p.updateConfig=="function"),console.log("[LIVE-EDIT] has onConfigUpdate?",typeof p.onConfigUpdate=="function")),p&&typeof p.updateConfig=="function")console.log("[LIVE-EDIT] \u2705 Calling updateConfig()"),p.updateConfig(s);else if(p&&typeof p.onConfigUpdate=="function")console.log("[LIVE-EDIT] \u2705 Calling onConfigUpdate()"),p.onConfigUpdate();else{console.log("[LIVE-EDIT] \u26A0\uFE0F No updateConfig or onConfigUpdate, applying transform directly");let g=mr(p);fr(g,s)}}catch(d){console.error("[LIVE-EDIT] \u274C Error in applyEditableObjectConfig:",d)}});let n={async applyObjectConfig(a,s){var d,p;console.log("[BRIDGE] \u{1F504} applyObjectConfig called for:",a);let r=e();(d=r==null?void 0:r.objects)!=null&&d.set&&(r.objects.set(a,s),console.log("[BRIDGE] \u2705 Updated config"));let l=(p=t==null?void 0:t.get)==null?void 0:p.call(t,a);if(console.log("[BRIDGE] gameObject found?",!!l),l&&(console.log("[BRIDGE] has updateConfig?",typeof l.updateConfig=="function"),console.log("[BRIDGE] has onConfigUpdate?",typeof l.onConfigUpdate=="function")),l&&typeof l.updateConfig=="function")console.log("[BRIDGE] \u2705 Calling updateConfig()"),l.updateConfig(s);else if(l&&typeof l.onConfigUpdate=="function")console.log("[BRIDGE] \u2705 Calling onConfigUpdate()"),l.onConfigUpdate();else{console.log("[BRIDGE] \u26A0\uFE0F Applying transform directly");let g=mr(l);fr(g,s)}let c=[a];i==null||i(a,s,c)},rebuildIndexes(){let a=e();typeof window!="undefined"&&(window.__editableConfig=a,br(a))}};return n.rebuildIndexes(),n}import Bo from"lottie-web";Xn(xs);typeof window!="undefined"&&!window.lottie&&(window.lottie=Bo);var mt=null,Go=async()=>{if(!mt){let o=typeof window!="undefined"?window.INLINE_ASSETS:null,e=(o==null?void 0:o["handler.config"])||(o==null?void 0:o["handler.config.json"]);if(e)try{if(e.startsWith("data:")){let i=atob(e.split(",")[1]);mt=JSON.parse(i)}else mt=JSON.parse(e);return mt}catch(i){console.warn("[CONFIG] Failed to parse inline handler.config.json:",i)}mt=await(await fetch("./handler.config.json")).json()}return mt},Jn,Ht,wr,ft,Wn,Kn;function Vp(o){Jn=o.initGame,Ht=o.CustomAssets,wr=o.updateScreenState,ft=o.globalResponsiveMultipliers,Wn=o.layout,Kn=o.clearResponsiveElements}var qi="web_embed",Dt="https://example.com",yr={profile_id:qi},We=null,Pe=null,$t={width:0,height:0},Uo=!0,Yp=async()=>{var c,d,p,g;document.title="Handler Pixi Game";let o=await Go();yr={...o.ids||{},profile_id:qi},Dt=o.destination_url||((d=(c=o.export_profiles)==null?void 0:c[qi])==null?void 0:d.destination_url)||Dt,He.init({ids:yr,profile:qi,destinationUrl:Dt});let e=He.getRoot();if(typeof __PREVIEW_SHELL__!="undefined"&&__PREVIEW_SHELL__){console.log("[BOOTSTRAP] Initializing Preview Shell..."),Pe=hr({onDeviceChange:h=>{console.log(`[PREVIEW] Device switched to ${h.width}x${h.height}, restarting game...`),vr()},onRefresh:vr});let u=Pe.getGameContainer();u&&(e=u),window.addEventListener("handler-preview:screen",h=>{var w,v,L,j,_,P,M,T,k,E,x,S,C;let m=window.gameApp,f=window.gameObjectManager,{width:b,height:y}=h.detail;if($t.width=b,$t.height=y,wr(b,y),!(!m||!m.renderer)){f&&r(m,f);try{m.renderer.resize(b,y);let A=m.view;A&&(A.style.width="100%",A.style.height="100%",A.style.display="block")}catch(A){console.warn("[SCREEN] Error resizing renderer:",A);return}if(t&&f&&Wn)try{let A=(w=window.__mainContainer)!=null?w:m.stage,O=(M=(P=(j=window.__tutorialLabel)!=null?j:(L=(v=f.get("label_1"))==null?void 0:v.getDisplayObject)==null?void 0:L.call(v))!=null?P:(_=f.get("label_1"))==null?void 0:_.pixiObject)!=null?M:f.get("label_1"),I=f.get("background_1"),R=(x=(E=(k=window.__background)!=null?k:(T=I==null?void 0:I.getDisplayObject)==null?void 0:T.call(I))!=null?E:I==null?void 0:I.pixiObject)!=null?x:I;if(A){let z=A===m.stage;Wn({mainContainer:A,label:O,background:R,backgroundTexture:(R==null?void 0:R.texture)||null,app:m},t,0,$t,f,{skipMainContainerTransform:z}),window.dispatchEvent(new CustomEvent("handler:layout-applied",{detail:{width:$t.width,height:$t.height,presetId:(C=(S=h.detail)==null?void 0:S.presetId)!=null?C:null}}))}}catch(A){console.warn("[SCREEN] Error in layout:",A)}}})}let t=await Zt("scene.main");window.__editableConfig=t,s(),window.__editableConfigBaseline||(window.__editableConfigBaseline=Tt(t),console.log("[BOOTSTRAP] Frozen config baseline for persistence")),(g=(p=t.engine.runtime)==null?void 0:p.layout)!=null&&g.design_width_portrait||(console.warn("[BOOTSTRAP] Config layout missing, retrying..."),await new Promise(u=>setTimeout(u,100)),t=await Zt("scene.main"));let i=await Jn(e,t,Dt,Pe);We=i.app;let n=i.gameObjectManager;window.gameApp=We,window.gameObjectManager=n;try{window.__liveEditBridge=Yn({getConfig:()=>window.__editableConfig,gameObjectManager:n,assets:Ht})}catch(u){console.warn("[BOOTSTRAP] Failed to initialize live-edit bridge",u)}Pe&&Pe.notifyGameLoaded();let a=window.__debugScale;a&&typeof a=="number"&&(ft.scale=a,console.log(`[DEBUG] Applied persisted debug scale: ${a}`)),r(We,n);async function s(){try{let u=async y=>{let w=y.startsWith("/")?y:`/${y}`,v=await fetch(w,{cache:"no-cache"});if(!v.ok)return null;let L=await v.text();try{return JSON.parse(L)}catch{return null}},h=await u("configs/flow/app.flow.json");if(!h||typeof h!="object")return;let m=h.screens;if(!m||typeof m!="object")return;let f={},b={};for(let[y,w]of Object.entries(m)){let v=w==null?void 0:w.source;if(typeof v!="string")continue;let L=await u(v),j=L==null?void 0:L.elements;if(!Array.isArray(j))continue;let _=j.map(P=>P==null?void 0:P.instance_id).filter(P=>typeof P=="string");f[y]=_;for(let P of _)b[P]||(b[P]=y)}window.__HANDLER_APP_FLOW=h,window.__HANDLER_SCREEN_INDEX={screenToInstances:f,instanceToScreen:b},window.dispatchEvent(new CustomEvent("handler:screen-index-loaded"))}catch{}}function r(u,h){if(Uo){console.log("[RESPONSIVE] Skipping global scaling; using config-driven layout");return}if(console.log("[RESPONSIVE] ===== APPLYING GLOBAL RESPONSIVE SCALING ====="),console.log(`[RESPONSIVE] Scale multiplier: ${ft.scale.toFixed(3)}`),u.stage){let f=function(b,y=0){if(!b||!b.children)return;let w=" ".repeat(y);b.children.forEach((v,L)=>{if(v&&v.zIndex===9999){console.log(`${w}[RESPONSIVE] Skipping debug border (zIndex 9999)`);return}if(v&&v.scale){let j=v.scale.x||1,_=v.scale.y||1;v.__originalScale||(v.__originalScale={x:j,y:_},console.log(`${w}[RESPONSIVE] Stored original scale for child[${L}]: ${j.toFixed(3)}, ${_.toFixed(3)}`));let P=v.__originalScale.x*ft.scale,M=v.__originalScale.y*ft.scale;typeof v.scale.set=="function"?v.scale.set(P,M):(v.scale.x=P,v.scale.y=M),console.log(`${w}[RESPONSIVE] Child[${L}] scale: ${j.toFixed(3)}\u2192${v.scale.x.toFixed(3)} (type: ${v.constructor.name})`),f(v,y+1)}else v&&console.log(`${w}[RESPONSIVE] Child[${L}] has no scale (type: ${v.constructor.name})`)})};var m=f;console.log("[RESPONSIVE] Applying scale to PIXI stage children"),f(u.stage)}else console.warn("[RESPONSIVE] No app.stage found!");console.log("[REDDEBUG] Debug border left unscaled (fixed boundaries)"),console.log("[RESPONSIVE] ===== GLOBAL RESPONSIVE SCALING COMPLETE =====")}function l(u){if(u!==void 0){ft.scale=u,console.log(`[RESPONSIVE] Updated global scale multiplier to: ${u.toFixed(3)}`);let h=window.gameApp,m=window.gameObjectManager;h&&m?(r(h,m),h.renderer&&(h.renderer.render(h.stage),console.log("[RESPONSIVE] Forced PIXI renderer update"))):console.warn(`[RESPONSIVE] No gameApp (${!!h}) or gameObjectManager (${!!m}) found in window for live update`)}}window.updateGlobalResponsiveMultipliers=l,He.start()},vr=async()=>{var e,t,i,n;console.log("[PREVIEW] Restarting game in 1 seconds...");let o=(e=window.gameObjectManager)==null?void 0:e.get("character_1");if(o){let a=((t=o.getDisplayObject)==null?void 0:t.call(o))||o;a&&a.scale&&console.log(`[CHARACTER] Before restart - Current scale - x: ${((i=a.scale.x)!=null?i:1).toFixed(3)}, y: ${((n=a.scale.y)!=null?n:1).toFixed(3)}`)}if(Pe){Pe.notifyGameDestroyed();try{Kn&&Kn()}catch(a){console.warn("Failed to clear responsive elements",a)}setTimeout(()=>{console.log("[PREVIEW] Executing restart...");let a=Pe.getGameContainer(),s=window.gameObjectManager;if(s&&typeof s.clear=="function"&&(console.log("[PREVIEW] Clearing old GameObjectManager tickers..."),s.clear()),We){try{We.destroy(!0,{children:!0,texture:!1})}catch(r){console.warn("[PREVIEW] Destroy warning:",r)}We=null}window.gameApp=null,window.gameObjectManager=null,a&&(a.innerHTML="");try{typeof Ht.resetScene=="function"&&Ht.resetScene()}catch(r){console.warn("Asset reset failed",r)}setTimeout(()=>{Zt("scene.main").then(r=>{window.__editableConfig=r,window.__editableConfigBaseline||(window.__editableConfigBaseline=Tt(r)),Jn(a,r,Dt).then(l=>{We=l.app,window.gameApp=We,window.gameObjectManager=l.gameObjectManager;try{window.__liveEditBridge=Yn({getConfig:()=>window.__editableConfig,gameObjectManager:window.gameObjectManager,assets:Ht})}catch(c){console.warn("[BOOTSTRAP] Failed to re-initialize live-edit bridge",c)}Pe&&Pe.notifyGameLoaded(),console.log("[PREVIEW] Game restarted successfully");try{He.start()}catch{}})})},100)},1e3)}};var Ne={background:"#F6F3EF",ink:"#1E1E1E",secondaryText:"#8E8A84",primaryAccent:"#E38A5A",secondaryAccent:"#C9A28C",statusGreen:"#5F8F6B"},qo=1.25,Vo={fontFamily:"Inter, system-ui, sans-serif"};var Zn=class{constructor(e={}){this.currentProgress=0;var t;this.currentProgress=(t=e.progress)!=null?t:0,this.container=this.createContainer()}createContainer(){let e=document.createElement("div");e.className="handler-loading-screen",e.style.cssText=`
|
|
2468
2468
|
position: fixed;
|
|
2469
2469
|
inset: 0;
|
|
2470
2470
|
display: flex;
|
|
@@ -2539,11 +2539,11 @@ Style guidelines: ${i.summary}`;this.promptInput.value=n,this.currentPrompt=n}}c
|
|
|
2539
2539
|
margin-top: 8px;
|
|
2540
2540
|
padding: 0 4px;
|
|
2541
2541
|
opacity: 0.4;
|
|
2542
|
-
`;for(let
|
|
2542
|
+
`;for(let g=0;g<9;g++){let u=document.createElement("div");u.style.cssText=`
|
|
2543
2543
|
width: 1.5px;
|
|
2544
2544
|
background-color: black;
|
|
2545
|
-
height: ${
|
|
2546
|
-
`,c.appendChild(
|
|
2545
|
+
height: ${g%4===0?"6px":"2px"};
|
|
2546
|
+
`,c.appendChild(u)}n.appendChild(a),n.appendChild(r),n.appendChild(c);let d=document.createElement("div");return d.id="handler-load-centered",d.style.cssText=`
|
|
2547
2547
|
position: absolute;
|
|
2548
2548
|
top: 48px;
|
|
2549
2549
|
width: 600px;
|
|
@@ -2552,7 +2552,7 @@ Style guidelines: ${i.summary}`;this.promptInput.value=n,this.currentPrompt=n}}c
|
|
|
2552
2552
|
left: 50%;
|
|
2553
2553
|
transform: translateX(-50%);
|
|
2554
2554
|
overflow: visible;
|
|
2555
|
-
`,"HANDLER".split("").forEach((u
|
|
2555
|
+
`,"HANDLER".split("").forEach((g,u)=>{let h=document.createElement("div");h.textContent=g,h.style.cssText=`
|
|
2556
2556
|
position: absolute;
|
|
2557
2557
|
width: 28px;
|
|
2558
2558
|
height: 40px;
|
|
@@ -2566,7 +2566,7 @@ Style guidelines: ${i.summary}`;this.promptInput.value=n,this.currentPrompt=n}}c
|
|
|
2566
2566
|
display: flex;
|
|
2567
2567
|
align-items: center;
|
|
2568
2568
|
justify-content: center;
|
|
2569
|
-
animation-delay: ${[1.05,.875,.7,.525,.35,.175,0][
|
|
2569
|
+
animation-delay: ${[1.05,.875,.7,.525,.35,.175,0][u]}s;
|
|
2570
2570
|
`,d.appendChild(h)}),t.appendChild(n),t.appendChild(d),this.authSeq=document.createElement("div"),this.authSeq.style.cssText=`
|
|
2571
2571
|
position: absolute;
|
|
2572
2572
|
bottom: 48px;
|
|
@@ -2663,7 +2663,7 @@ Style guidelines: ${i.summary}`;this.promptInput.value=n,this.currentPrompt=n}}c
|
|
|
2663
2663
|
0%, 100% { opacity: 1; }
|
|
2664
2664
|
50% { opacity: 0.3; }
|
|
2665
2665
|
}
|
|
2666
|
-
`,document.head.appendChild(e)}setProgress(e){this.currentProgress=Math.max(0,Math.min(100,e)),this.progressBar.style.width=`${this.currentProgress}%`,this.progressText.textContent=`${Math.floor(this.currentProgress)}%`,this.authSeq.textContent=`Auth_Seq: 0x${Math.floor(this.currentProgress*2.55).toString(16).toUpperCase()} // System_Ready`}mount(e=document.body){e.appendChild(this.container)}unmount(){this.container.parentElement&&this.container.parentElement.removeChild(this.container)}getElement(){return this.container}};var Qn=ts.version,Yo=new Set(["init","boot","view","ready","start","pause","resume","complete","error","engagement","first_interaction","retry","cta_show","cta_click","cta_dismiss","clickout","conversion","session_time","level_time","load_time","level_start","level_complete","level_fail","checkpoint","reward","tutorial_start","tutorial_complete","tutorial_skip","ab_assign","fps","memory","asset_load_start","asset_load_complete"]);es();var kr={mechanic_id:"TODO_mechanic_id",variant_id:"TODO_variant_id",deployment_id:"TODO_deployment_id",export_id:"TODO_export_id",profile_id:"TODO_profile_id",instance_id:"default"},Tr=Math.random().toString(36).slice(2),vt=null,bt={...kr},Pr="web_embed",na={},Nt,ea=!1,Ht=!1,Bt=!1,Mr=!1,oa=1,Vi=0,Ki=!1,Fe=!1,yt="",wt=Math.floor(window.innerWidth),xt=Math.floor(window.innerHeight),aa=wt>xt,Be=!1,Ft=!1,xr=!1,Sr=!1,ta=!1,Yi=null,it=null,sa=!1,ra=!1,qi=new Map;function Ir(){if(!it)return null;let o=Date.now()-it;return!Number.isFinite(o)||o<0?null:o}function ia(o){if(sa)return;let e=Ir();e!==null&&(sa=!0,N("session_time",{duration_ms:e,reason:o}))}function Er(){if(vt)return vt;let o=document.createElement("div");return o.id="handler-root",o.setAttribute("data-handler-root","true"),document.body.appendChild(o),vt=o,o}function Wi(o){switch(o){case"interaction":return"engagement";case"finish":return"complete";case"install":return"cta_click";default:return o}}function jr(o,e){return{event_name:o,ts:Date.now(),session_id:Tr,deployment_id:bt.deployment_id,variant_id:bt.variant_id,export_profile_id:bt.profile_id,instance_id:bt.instance_id||"default",env:Pr==="mraid"?"mraid":"web",attribution:Nt,payload:e}}function N(o,e){let t=Wi(o),i=jr(t,e);on(i,!!na.analytics),Qt(t,i),t!==o&&Qt(o,i)}function Gt(){Yi&&(Yi(wt,xt),Yi=null)}function St(o){oa=o,N("volume",o)}function Et(o){o&&(Mr=!0),!Bt&&(Bt=!0,N("pause"),St(0))}function Ut(o){!o&&Mr||Bt&&(Bt=!1,N("resume"),St(oa))}function Ke(o,e){wt=Math.floor(o||window.innerWidth),xt=Math.floor(e||window.innerHeight),aa=wt>xt,N("resize",{width:wt,height:xt})}function Wo(){if(gs())try{let o=mraid.getMaxSize();Ke(o.width,o.height);let e=()=>{mraid.isViewable()&&mraid.getState()!=="hidden"?Ut():Et()};if(mraid.addEventListener("viewableChange",e),mraid.addEventListener("stateChange",e),mraid.addEventListener("sizeChange",()=>{let t=mraid.getMaxSize();Ke(t.width,t.height)}),mraid.getAudioVolume){let t=mraid.getAudioVolume();St(t?1:0)}if(mraid.addEventListener("audioVolumeChange",t=>{t!==null&&St(t>0?1:0)}),mraid.addEventListener("error",(t,i)=>{console.warn("mraid error:",t,"action:",i)}),Ki=!0,mraid.isViewable()&&mraid.getState()!=="hidden")Be=!0,N("boot"),N("view"),N("ready"),Fe=!0,Gt();else{let t=()=>{Be=!0,N("boot"),N("view"),N("ready"),Fe=!0,Gt()};mraid.addEventListener("ready",t)}}catch(o){console.warn("MRAID hook skipped",o)}}function Ko(){if(hs())try{let o=dapi.getScreenSize();Ke(o.width,o.height),dapi.addEventListener("viewableChange",t=>{t.isViewable?Ut():Et()}),dapi.addEventListener("adResized",t=>{let i=dapi.getScreenSize();Ke(t.width||i.width,t.height||i.height)});let e=dapi.getAudioVolume();if(St(e?1:0),dapi.addEventListener("audioVolumeChange",t=>St(t?1:0)),Ki=!0,dapi.isViewable())Be=!0,N("boot"),N("view"),N("ready"),Fe=!0,Gt();else{let t=()=>{Be=!0,N("boot"),N("view"),N("ready"),Fe=!0,Gt()};dapi.addEventListener("ready",t)}}catch(o){console.warn("DAPI hook skipped",o)}}function Cr(){let o=()=>{Be||document.visibilityState==="visible"&&(document.readyState==="complete"||document.readyState==="interactive")&&(Be=!0,N("boot"),N("view"),N("ready"),Fe=!0,Gt(),Ft&&(Ft=!1,Me.start()))};window.addEventListener("resize",()=>Ke()),document.addEventListener("visibilitychange",()=>{document.visibilityState==="visible"?(Ut(),o()):Et()}),document.readyState==="complete"||document.readyState==="interactive"?o():window.addEventListener("load",o),Ki=!0}function Xo(){let o=e=>{typeof TouchEvent!="undefined"&&e instanceof TouchEvent&&(xr=!0),!(xr&&e instanceof MouseEvent)&&(Vi+=1,ra||(ra=!0,N("first_interaction",{count:Vi})),N("interaction",Vi))};document.addEventListener("mousedown",o),document.addEventListener("touchstart",o)}function Ar(o){var i,n,a,s,r,l,c,d,p,u,g,h;let e=typeof AD_PROTOCOL!="undefined"?AD_PROTOCOL:"none";if((typeof AD_NETWORK!="undefined"?AD_NETWORK:"web_embed")==="google")try{(i=window.ExitApi)==null||i.exit();return}catch{}if(e==="mraid"&&typeof mraid!="undefined")mraid.open(o||"");else if(e==="dapi"&&typeof dapi!="undefined")dapi.openStoreUrl();else if(lt())(a=(n=window.TJ_API)==null?void 0:n.click)==null||a.call(n);else if(ms())(r=(s=window.FbPlayableAd)==null?void 0:s.onCTAClick)==null||r.call(s);else if(vs())(c=(l=window.ScPlayableAd)==null?void 0:l.onCTAClick)==null||c.call(l);else if(ys())try{(p=(d=window.smxTracking)==null?void 0:d.redirect)==null||p.call(d)}catch(m){console.warn("Smadex redirect failed",m)}else if(fs()){let m=window.ExitApi;m&&typeof m.exit=="function"?m.exit(o||yt||""):o&&window.open(o)}else ot()?(u=window.install)==null||u.call(window):bs()?(g=window.openAppStore)==null||g.call(window):ln()?(h=parent==null?void 0:parent.postMessage)==null||h.call(parent,"download","*"):o&&window.open(o)}function Jo(){let o=typeof AD_NETWORK!="undefined"?AD_NETWORK:"web_embed",e=t=>{if(!t)return;let i=new Image;i.src=t};if(o==="bigabid"){let t=window.BIGABID_BIDTIMEMACROS;if(!t)return;fe("view",()=>e(t.mraid_viewable)),fe("start",()=>e(t.game_viewable)),fe("engagement",()=>e(t.engagement));let i=()=>e(t.complete);fe("complete",i),Zt("engagement",n=>{var a;((a=n==null?void 0:n.payload)==null?void 0:a.count)>3&&i()}),fe("cta_click",()=>e(t.click))}else if(o==="inmobi"){let t=window.INMOBI_DSPMACROS;if(!t)return;fe("view",()=>e(t.Ad_Load_Start)),fe("start",()=>e(t.Ad_Viewable)),fe("engagement",()=>e(t.First_Engagement)),fe("complete",()=>e(t.Gameplay_Complete)),fe("cta_click",()=>e(t.DSP_Click)),fe("start",()=>{[5,10,15,20,25,30].forEach(i=>setTimeout(()=>e(t[`Spent_${i}_Seconds`]),i*1e3))})}}function Zo(){if(!lt())return;let o=window.TJ_API;o&&o.setPlayableAPI&&o.setPlayableAPI({skipAd:()=>{try{Me.finish()}catch(e){console.warn("Tapjoy skip failed",e)}}})}function Lr(){var e,t,i;let o=window.TJ_API;(e=o==null?void 0:o.objectiveComplete)==null||e.call(o),(t=o==null?void 0:o.playableFinished)==null||t.call(o),(i=o==null?void 0:o.gameplayFinished)==null||i.call(o)}function Qo(){ot()&&(window.mintGameStart=()=>{Ut(!0),Ke()},window.mintGameClose=()=>{Et(!0)})}function el(){if(!cn())return;let o=window.NUC;!o||!o.trigger||(Me.on("cta_click",()=>{var e,t;return(t=(e=o.trigger).convert)==null?void 0:t.call(e,yt)}),Me.on("complete",()=>{var e,t;return(t=(e=o.trigger).tryAgain)==null?void 0:t.call(e)}))}var Me={init(o={},e){var t;if(Pr=o.profile||"web_embed",na=o.consent||{},bt={...kr,...o.ids||{}},vt=o.rootEl||vt,Nt=void 0,Ya((t=o.telemetry)!=null&&t.endpoint?o.telemetry:null),it=null,sa=!1,ra=!1,qi.clear(),yt=o.destinationUrl||(/android/i.test(navigator.userAgent)?"https://play.google.com/store":"https://www.apple.com/app-store/"),e&&(Yi=e),N("init"),document.body.oncontextmenu=()=>!1,Er(),il(vt),ws(),Wo(),Ko(),!Ki){if(document.readyState==="complete")Cr();else if(!Sr){Sr=!0;let i=()=>{Cr(),window.removeEventListener("load",i),document.removeEventListener("DOMContentLoaded",i)};window.addEventListener("load",i),document.addEventListener("DOMContentLoaded",i)}}Xo(),Jo(),Zo(),Qo(),el(),console.log(`%c @handler/playable-sdk %c v${Qn} `,"background: var(--ui-console-info); color: var(--ui-white); font-size: 14px; padding: 4px 8px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;","background: var(--ui-console-bg); color: var(--ui-console-text); font-size: 14px; padding: 4px 8px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;"),Be&&!Fe&&(N("boot"),N("view"),N("ready"),Ft&&(Ft=!1,Me.start()),Fe=!0),Fe=Be},getRoot(){return Er()},get version(){return Qn},get maxWidth(){return wt},get maxHeight(){return xt},get isLandscape(){return aa},get isReady(){return Fe},get isStarted(){return ea},get isPaused(){return Bt},get isFinished(){return Ht},get volume(){return oa},get interactions(){return Vi},on(o,e){Zt(Wi(o),e)},off(o,e){rn(Wi(o),e)},start(){var o,e;if(!ea){if(!Be){Ft=!0;return}if(ea=!0,it||(it=Date.now()),N("start"),Ke(),ot())Et(),(o=window.gameReady)==null||o.call(window);else if(lt()){let t=window.TJ_API;(e=t==null?void 0:t.setPlayableBuild)==null||e.call(t,{orientation:aa?"landscape":"portrait",buildID:Qn})}}},finish(){var o,e;Ht||(Ht=!0,N("complete"),ia("complete"),ot()?(o=window.gameEnd)==null||o.call(window):ln()?(e=parent==null?void 0:parent.postMessage)==null||e.call(parent,"complete","*"):lt()&&Lr())},install(o){if(!Ht){Ht=!0,lt()?(Lr(),setTimeout(()=>Me.install(o),300)):(N("complete"),setTimeout(()=>Me.install(o),0));return}ta||(ta=!0,setTimeout(()=>ta=!1,500),N("cta_click"),N("conversion"),ia("cta"),Ar(o||yt))},emit(o,e){let t=Wi(o);if(!Yo.has(t)&&t!=="resize"&&t!=="volume"&&!t.startsWith("custom."))throw new Error(`Event ${o} must be canonical or namespaced as custom.<mechanic_id>.<event>`);let i=jr(t,e);on(i,!!na.analytics),Qt(t,i)},gameStart(){Me.start()},gameEnd(){Me.finish()},ctaClick(o,e){N("cta_click",{url:o||yt,manual:!0}),(e==null?void 0:e.open)!==!1&&Ar(o||yt)},ctaShow(o){N("cta_show",o)},ctaDismiss(o){N("cta_dismiss",o)},getGameTimeMs(){return Ir()},endSession(o="manual"){ia(o)},setAttribution(o){Nt=o},abTest(o,e){if(!o)throw new Error("abTest requires experimentId");if(!Array.isArray(e)||e.length<2)throw new Error("abTest requires at least 2 variants");let t=Math.abs(tl(`${Tr}:${o}`))%e.length,i=e[t];return Nt={...Nt||{},experiment_id:o},bt.variant_id=i,N("ab_assign",{experiment_id:o,variant_id:i}),i},levelStart(o,e){it||(it=Date.now()),N("level_start",{level_id:o,...e})},levelComplete(o,e){N("level_complete",{level_id:o,...e})},levelFail(o,e){N("level_fail",{level_id:o,...e})},checkpoint(o,e){N("checkpoint",{checkpoint_id:o,...e})},reward(o,e){N("reward",{reward_id:o,...e})},tutorialStart(o,e){N("tutorial_start",{step_id:o,...e})},tutorialComplete(o,e){N("tutorial_complete",{step_id:o,...e})},tutorialSkip(o,e){N("tutorial_skip",{step_id:o,...e})},timerStart(o){o&&qi.set(o,Date.now())},timerEnd(o,e="custom",t){if(!o)return;let i=qi.get(o);if(!i)return;qi.delete(o);let n=Date.now()-i;if(!(!Number.isFinite(n)||n<0)){if(e==="custom"){N("engagement",{action:"timer",key:o,duration_ms:n,...t});return}N(e,{key:o,duration_ms:n,...t})}},fps(o,e){N("fps",{value:o,...e})},memory(o,e){N("memory",{bytes:o,...e})},assetLoadStart(o,e){N("asset_load_start",{asset_id:o,...e})},assetLoadComplete(o,e){N("asset_load_complete",{asset_id:o,...e})},reportError(o,e,t){N("error",{code:o,message:e,...t})},retry(){var o,e,t;if(ot())(o=window.gameRetry)==null||o.call(window);else if(cn()){let i=window.NUC;(t=(e=i==null?void 0:i.trigger)==null?void 0:e.tryAgain)==null||t.call(e)}N("engagement",{action:"retry"})},pause(){Et(!0)},resume(){Ut(!0)},resize(o,e){Ke(o,e)}},He=Me;function tl(o){let e=2166136261;for(let t=0;t<o.length;t++)e^=o.charCodeAt(t),e=Math.imul(e,16777619);return e|0}function il(o){let e=document.createElement("script");e.type="text/javascript",e.textContent=`
|
|
2666
|
+
`,document.head.appendChild(e)}setProgress(e){this.currentProgress=Math.max(0,Math.min(100,e)),this.progressBar.style.width=`${this.currentProgress}%`,this.progressText.textContent=`${Math.floor(this.currentProgress)}%`,this.authSeq.textContent=`Auth_Seq: 0x${Math.floor(this.currentProgress*2.55).toString(16).toUpperCase()} // System_Ready`}mount(e=document.body){e.appendChild(this.container)}unmount(){this.container.parentElement&&this.container.parentElement.removeChild(this.container)}getElement(){return this.container}};var Qn=ts.version,Yo=new Set(["init","boot","view","ready","start","pause","resume","complete","error","engagement","first_interaction","retry","cta_show","cta_click","cta_dismiss","clickout","conversion","session_time","level_time","load_time","level_start","level_complete","level_fail","checkpoint","reward","tutorial_start","tutorial_complete","tutorial_skip","ab_assign","fps","memory","asset_load_start","asset_load_complete"]);es();var kr={mechanic_id:"TODO_mechanic_id",variant_id:"TODO_variant_id",deployment_id:"TODO_deployment_id",export_id:"TODO_export_id",profile_id:"TODO_profile_id",instance_id:"default"},Tr=Math.random().toString(36).slice(2),vt=null,bt={...kr},Pr="web_embed",na={},Ft,ea=!1,Nt=!1,Gt=!1,Ir=!1,oa=1,Yi=0,Xi=!1,Fe=!1,yt="",wt=Math.floor(window.innerWidth),xt=Math.floor(window.innerHeight),aa=wt>xt,Be=!1,Bt=!1,xr=!1,Sr=!1,ta=!1,Wi=null,it=null,sa=!1,ra=!1,Vi=new Map;function Mr(){if(!it)return null;let o=Date.now()-it;return!Number.isFinite(o)||o<0?null:o}function ia(o){if(sa)return;let e=Mr();e!==null&&(sa=!0,N("session_time",{duration_ms:e,reason:o}))}function Er(){if(vt)return vt;let o=document.createElement("div");return o.id="handler-root",o.setAttribute("data-handler-root","true"),document.body.appendChild(o),vt=o,o}function Ki(o){switch(o){case"interaction":return"engagement";case"finish":return"complete";case"install":return"cta_click";default:return o}}function jr(o,e){return{event_name:o,ts:Date.now(),session_id:Tr,deployment_id:bt.deployment_id,variant_id:bt.variant_id,export_profile_id:bt.profile_id,instance_id:bt.instance_id||"default",env:Pr==="mraid"?"mraid":"web",attribution:Ft,payload:e}}function N(o,e){let t=Ki(o),i=jr(t,e);on(i,!!na.analytics),ei(t,i),t!==o&&ei(o,i)}function Ut(){Wi&&(Wi(wt,xt),Wi=null)}function St(o){oa=o,N("volume",o)}function Et(o){o&&(Ir=!0),!Gt&&(Gt=!0,N("pause"),St(0))}function qt(o){!o&&Ir||Gt&&(Gt=!1,N("resume"),St(oa))}function Ke(o,e){wt=Math.floor(o||window.innerWidth),xt=Math.floor(e||window.innerHeight),aa=wt>xt,N("resize",{width:wt,height:xt})}function Wo(){if(gs())try{let o=mraid.getMaxSize();Ke(o.width,o.height);let e=()=>{mraid.isViewable()&&mraid.getState()!=="hidden"?qt():Et()};if(mraid.addEventListener("viewableChange",e),mraid.addEventListener("stateChange",e),mraid.addEventListener("sizeChange",()=>{let t=mraid.getMaxSize();Ke(t.width,t.height)}),mraid.getAudioVolume){let t=mraid.getAudioVolume();St(t?1:0)}if(mraid.addEventListener("audioVolumeChange",t=>{t!==null&&St(t>0?1:0)}),mraid.addEventListener("error",(t,i)=>{console.warn("mraid error:",t,"action:",i)}),Xi=!0,mraid.isViewable()&&mraid.getState()!=="hidden")Be=!0,N("boot"),N("view"),N("ready"),Fe=!0,Ut();else{let t=()=>{Be=!0,N("boot"),N("view"),N("ready"),Fe=!0,Ut()};mraid.addEventListener("ready",t)}}catch(o){console.warn("MRAID hook skipped",o)}}function Ko(){if(hs())try{let o=dapi.getScreenSize();Ke(o.width,o.height),dapi.addEventListener("viewableChange",t=>{t.isViewable?qt():Et()}),dapi.addEventListener("adResized",t=>{let i=dapi.getScreenSize();Ke(t.width||i.width,t.height||i.height)});let e=dapi.getAudioVolume();if(St(e?1:0),dapi.addEventListener("audioVolumeChange",t=>St(t?1:0)),Xi=!0,dapi.isViewable())Be=!0,N("boot"),N("view"),N("ready"),Fe=!0,Ut();else{let t=()=>{Be=!0,N("boot"),N("view"),N("ready"),Fe=!0,Ut()};dapi.addEventListener("ready",t)}}catch(o){console.warn("DAPI hook skipped",o)}}function Cr(){let o=()=>{Be||document.visibilityState==="visible"&&(document.readyState==="complete"||document.readyState==="interactive")&&(Be=!0,N("boot"),N("view"),N("ready"),Fe=!0,Ut(),Bt&&(Bt=!1,Ie.start()))};window.addEventListener("resize",()=>Ke()),document.addEventListener("visibilitychange",()=>{document.visibilityState==="visible"?(qt(),o()):Et()}),document.readyState==="complete"||document.readyState==="interactive"?o():window.addEventListener("load",o),Xi=!0}function Xo(){let o=e=>{typeof TouchEvent!="undefined"&&e instanceof TouchEvent&&(xr=!0),!(xr&&e instanceof MouseEvent)&&(Yi+=1,ra||(ra=!0,N("first_interaction",{count:Yi})),N("interaction",Yi))};document.addEventListener("mousedown",o),document.addEventListener("touchstart",o)}function Ar(o){var i,n,a,s,r,l,c,d,p,g,u,h;let e=typeof AD_PROTOCOL!="undefined"?AD_PROTOCOL:"none";if((typeof AD_NETWORK!="undefined"?AD_NETWORK:"web_embed")==="google")try{(i=window.ExitApi)==null||i.exit();return}catch{}if(e==="mraid"&&typeof mraid!="undefined")mraid.open(o||"");else if(e==="dapi"&&typeof dapi!="undefined")dapi.openStoreUrl();else if(lt())(a=(n=window.TJ_API)==null?void 0:n.click)==null||a.call(n);else if(ms())(r=(s=window.FbPlayableAd)==null?void 0:s.onCTAClick)==null||r.call(s);else if(vs())(c=(l=window.ScPlayableAd)==null?void 0:l.onCTAClick)==null||c.call(l);else if(ys())try{(p=(d=window.smxTracking)==null?void 0:d.redirect)==null||p.call(d)}catch(m){console.warn("Smadex redirect failed",m)}else if(fs()){let m=window.ExitApi;m&&typeof m.exit=="function"?m.exit(o||yt||""):o&&window.open(o)}else ot()?(g=window.install)==null||g.call(window):bs()?(u=window.openAppStore)==null||u.call(window):ln()?(h=parent==null?void 0:parent.postMessage)==null||h.call(parent,"download","*"):o&&window.open(o)}function Jo(){let o=typeof AD_NETWORK!="undefined"?AD_NETWORK:"web_embed",e=t=>{if(!t)return;let i=new Image;i.src=t};if(o==="bigabid"){let t=window.BIGABID_BIDTIMEMACROS;if(!t)return;fe("view",()=>e(t.mraid_viewable)),fe("start",()=>e(t.game_viewable)),fe("engagement",()=>e(t.engagement));let i=()=>e(t.complete);fe("complete",i),Qt("engagement",n=>{var a;((a=n==null?void 0:n.payload)==null?void 0:a.count)>3&&i()}),fe("cta_click",()=>e(t.click))}else if(o==="inmobi"){let t=window.INMOBI_DSPMACROS;if(!t)return;fe("view",()=>e(t.Ad_Load_Start)),fe("start",()=>e(t.Ad_Viewable)),fe("engagement",()=>e(t.First_Engagement)),fe("complete",()=>e(t.Gameplay_Complete)),fe("cta_click",()=>e(t.DSP_Click)),fe("start",()=>{[5,10,15,20,25,30].forEach(i=>setTimeout(()=>e(t[`Spent_${i}_Seconds`]),i*1e3))})}}function Zo(){if(!lt())return;let o=window.TJ_API;o&&o.setPlayableAPI&&o.setPlayableAPI({skipAd:()=>{try{Ie.finish()}catch(e){console.warn("Tapjoy skip failed",e)}}})}function Lr(){var e,t,i;let o=window.TJ_API;(e=o==null?void 0:o.objectiveComplete)==null||e.call(o),(t=o==null?void 0:o.playableFinished)==null||t.call(o),(i=o==null?void 0:o.gameplayFinished)==null||i.call(o)}function Qo(){ot()&&(window.mintGameStart=()=>{qt(!0),Ke()},window.mintGameClose=()=>{Et(!0)})}function el(){if(!cn())return;let o=window.NUC;!o||!o.trigger||(Ie.on("cta_click",()=>{var e,t;return(t=(e=o.trigger).convert)==null?void 0:t.call(e,yt)}),Ie.on("complete",()=>{var e,t;return(t=(e=o.trigger).tryAgain)==null?void 0:t.call(e)}))}var Ie={init(o={},e){var t;if(Pr=o.profile||"web_embed",na=o.consent||{},bt={...kr,...o.ids||{}},vt=o.rootEl||vt,Ft=void 0,Ya((t=o.telemetry)!=null&&t.endpoint?o.telemetry:null),it=null,sa=!1,ra=!1,Vi.clear(),yt=o.destinationUrl||(/android/i.test(navigator.userAgent)?"https://play.google.com/store":"https://www.apple.com/app-store/"),e&&(Wi=e),N("init"),document.body.oncontextmenu=()=>!1,Er(),il(vt),ws(),Wo(),Ko(),!Xi){if(document.readyState==="complete")Cr();else if(!Sr){Sr=!0;let i=()=>{Cr(),window.removeEventListener("load",i),document.removeEventListener("DOMContentLoaded",i)};window.addEventListener("load",i),document.addEventListener("DOMContentLoaded",i)}}Xo(),Jo(),Zo(),Qo(),el(),console.log(`%c @handler/playable-sdk %c v${Qn} `,"background: var(--ui-console-info); color: var(--ui-white); font-size: 14px; padding: 4px 8px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;","background: var(--ui-console-bg); color: var(--ui-console-text); font-size: 14px; padding: 4px 8px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;"),Be&&!Fe&&(N("boot"),N("view"),N("ready"),Bt&&(Bt=!1,Ie.start()),Fe=!0),Fe=Be},getRoot(){return Er()},get version(){return Qn},get maxWidth(){return wt},get maxHeight(){return xt},get isLandscape(){return aa},get isReady(){return Fe},get isStarted(){return ea},get isPaused(){return Gt},get isFinished(){return Nt},get volume(){return oa},get interactions(){return Yi},on(o,e){Qt(Ki(o),e)},off(o,e){rn(Ki(o),e)},start(){var o,e;if(!ea){if(!Be){Bt=!0;return}if(ea=!0,it||(it=Date.now()),N("start"),Ke(),ot())Et(),(o=window.gameReady)==null||o.call(window);else if(lt()){let t=window.TJ_API;(e=t==null?void 0:t.setPlayableBuild)==null||e.call(t,{orientation:aa?"landscape":"portrait",buildID:Qn})}}},finish(){var o,e;Nt||(Nt=!0,N("complete"),ia("complete"),ot()?(o=window.gameEnd)==null||o.call(window):ln()?(e=parent==null?void 0:parent.postMessage)==null||e.call(parent,"complete","*"):lt()&&Lr())},install(o){if(!Nt){Nt=!0,lt()?(Lr(),setTimeout(()=>Ie.install(o),300)):(N("complete"),setTimeout(()=>Ie.install(o),0));return}ta||(ta=!0,setTimeout(()=>ta=!1,500),N("cta_click"),N("conversion"),ia("cta"),Ar(o||yt))},emit(o,e){let t=Ki(o);if(!Yo.has(t)&&t!=="resize"&&t!=="volume"&&!t.startsWith("custom."))throw new Error(`Event ${o} must be canonical or namespaced as custom.<mechanic_id>.<event>`);let i=jr(t,e);on(i,!!na.analytics),ei(t,i)},gameStart(){Ie.start()},gameEnd(){Ie.finish()},ctaClick(o,e){N("cta_click",{url:o||yt,manual:!0}),(e==null?void 0:e.open)!==!1&&Ar(o||yt)},ctaShow(o){N("cta_show",o)},ctaDismiss(o){N("cta_dismiss",o)},getGameTimeMs(){return Mr()},endSession(o="manual"){ia(o)},setAttribution(o){Ft=o},abTest(o,e){if(!o)throw new Error("abTest requires experimentId");if(!Array.isArray(e)||e.length<2)throw new Error("abTest requires at least 2 variants");let t=Math.abs(tl(`${Tr}:${o}`))%e.length,i=e[t];return Ft={...Ft||{},experiment_id:o},bt.variant_id=i,N("ab_assign",{experiment_id:o,variant_id:i}),i},levelStart(o,e){it||(it=Date.now()),N("level_start",{level_id:o,...e})},levelComplete(o,e){N("level_complete",{level_id:o,...e})},levelFail(o,e){N("level_fail",{level_id:o,...e})},checkpoint(o,e){N("checkpoint",{checkpoint_id:o,...e})},reward(o,e){N("reward",{reward_id:o,...e})},tutorialStart(o,e){N("tutorial_start",{step_id:o,...e})},tutorialComplete(o,e){N("tutorial_complete",{step_id:o,...e})},tutorialSkip(o,e){N("tutorial_skip",{step_id:o,...e})},timerStart(o){o&&Vi.set(o,Date.now())},timerEnd(o,e="custom",t){if(!o)return;let i=Vi.get(o);if(!i)return;Vi.delete(o);let n=Date.now()-i;if(!(!Number.isFinite(n)||n<0)){if(e==="custom"){N("engagement",{action:"timer",key:o,duration_ms:n,...t});return}N(e,{key:o,duration_ms:n,...t})}},fps(o,e){N("fps",{value:o,...e})},memory(o,e){N("memory",{bytes:o,...e})},assetLoadStart(o,e){N("asset_load_start",{asset_id:o,...e})},assetLoadComplete(o,e){N("asset_load_complete",{asset_id:o,...e})},reportError(o,e,t){N("error",{code:o,message:e,...t})},retry(){var o,e,t;if(ot())(o=window.gameRetry)==null||o.call(window);else if(cn()){let i=window.NUC;(t=(e=i==null?void 0:i.trigger)==null?void 0:e.tryAgain)==null||t.call(e)}N("engagement",{action:"retry"})},pause(){Et(!0)},resume(){qt(!0)},resize(o,e){Ke(o,e)}},He=Ie;function tl(o){let e=2166136261;for(let t=0;t<o.length;t++)e^=o.charCodeAt(t),e=Math.imul(e,16777619);return e|0}function il(o){let e=document.createElement("script");e.type="text/javascript",e.textContent=`
|
|
2667
2667
|
(function(){
|
|
2668
2668
|
var events = ['touchstart','touchend','mousedown','keydown'];
|
|
2669
2669
|
function unlock(){
|
|
@@ -2679,14 +2679,14 @@ Style guidelines: ${i.summary}`;this.promptInput.value=n,this.currentPrompt=n}}c
|
|
|
2679
2679
|
}
|
|
2680
2680
|
events.forEach(function(e){ document.addEventListener(e, unlock, false); });
|
|
2681
2681
|
})();
|
|
2682
|
-
`,o.appendChild(e)}async function la(o,e={}){let t=new nl;await t.init({resizeTo:o,autoDensity:!0,resolution:window.devicePixelRatio||1,antialias:!0,backgroundAlpha:0});let i=s=>{var p,u,g,h;if(!t.renderer)return;let r=(p=s==null?void 0:s.width)!=null?p:o.clientWidth,l=(u=s==null?void 0:s.height)!=null?u:o.clientHeight,c=r&&r>0?r:(g=window.innerWidth)!=null?g:320,d=l&&l>0?l:(h=window.innerHeight)!=null?h:480;t.renderer.resize(c,d)};o.appendChild(t.canvas),o.style.position="relative",o.style.display="flex",o.style.flexDirection="column",o.style.alignItems="stretch",o.style.width="100%",o.style.height="100dvh",o.style.minHeight="100vh",o.style.maxWidth="100%",o.style.maxHeight="100%",o.style.boxSizing="border-box",o.style.overflow="hidden",e.background&&(o.style.background=e.background),i();let n=document.createElement("div");return n.setAttribute("style",["position:absolute","inset:0","display:flex","flex-direction:column","align-items:center","justify-content:flex-start","gap:12px","pointer-events:none","font-family:Arial,sans-serif","padding:20px 16px","padding-bottom:clamp(24px, 6vh, 96px)","box-sizing:border-box","z-index:2"].join(";")),o.appendChild(n),He.on("pause",()=>{t.ticker.stop(),document.querySelectorAll("audio").forEach(r=>r.pause())}),He.on("resume",()=>{t.ticker.start(),document.querySelectorAll("audio").forEach(r=>{r.currentTime>0&&!r.ended&&r.play().catch(()=>{})})}),He.on("resize",({payload:s})=>{i({width:s==null?void 0:s.width,height:s==null?void 0:s.height})}),window.addEventListener("resize",()=>i()),requestAnimationFrame(()=>i()),new ResizeObserver(s=>{let r=s[0];if(r&&r.contentRect.width>0&&r.contentRect.height>0){let l=Math.round(r.contentRect.width),c=Math.round(r.contentRect.height);if(i({width:l,height:c}),typeof window!="undefined"&&window.gameApp&&window.gameObjectManager){let d={width:l,height:c,dpr:Math.max(1,Math.floor(window.devicePixelRatio||1)),presetId:"auto-resize",isLandscape:l>c};window.dispatchEvent(new CustomEvent("handler-preview:screen",{detail:d}))}}}).observe(o),{app:t,stage:t.stage,overlay:n,applySize:i}}import{BlurFilter as ca,Ticker as Ct,ColorMatrixFilter as al}from"pixi.js";var Xi=class{constructor(e){var n,a;let t=e==null?void 0:e.position,i=e==null?void 0:e.offset;this._basePosition={x:typeof(t==null?void 0:t.x)=="number"?t.x:0,y:typeof(t==null?void 0:t.y)=="number"?t.y:0},this._offset={x:typeof(i==null?void 0:i.x)=="number"?i.x:0,y:typeof(i==null?void 0:i.y)=="number"?i.y:0},this.position={x:this._basePosition.x+this._offset.x,y:this._basePosition.y+this._offset.y},this.scale=(n=e==null?void 0:e.scale)!=null?n:1,this.rotation=(a=e==null?void 0:e.rotation)!=null?a:0}update(e){let t=e.position,i=e.offset;t!==void 0&&(this._basePosition={x:typeof(t==null?void 0:t.x)=="number"?t.x:0,y:typeof(t==null?void 0:t.y)=="number"?t.y:0}),i!==void 0&&(this._offset={x:typeof(i==null?void 0:i.x)=="number"?i.x:0,y:typeof(i==null?void 0:i.y)=="number"?i.y:0}),(t!==void 0||i!==void 0)&&(this.position={x:this._basePosition.x+this._offset.x,y:this._basePosition.y+this._offset.y}),e.scale!==void 0&&(this.scale=e.scale),e.rotation!==void 0&&(this.rotation=e.rotation)}syncToPixi(e){e&&(e.position.set(this.position.x,this.position.y),e.scale.set(this.scale),e.rotation=this.rotation)}},Ji=class{constructor(e){var t,i,n,a;this.z_index=(t=e==null?void 0:e.z_index)!=null?t:0,this.alpha=(i=e==null?void 0:e.alpha)!=null?i:1,this.visible=(n=e==null?void 0:e.visible)!=null?n:!0,this.tint=(a=e==null?void 0:e.tint)!=null?a:null}update(e){e.z_index!==void 0&&(this.z_index=e.z_index),e.alpha!==void 0&&(this.alpha=e.alpha),e.visible!==void 0&&(this.visible=e.visible),e.tint!==void 0&&(this.tint=e.tint)}syncToPixi(e,t){if(!e)return;if(e.zIndex=this.z_index,t!=null&&t.startsWith("ui_endgame_")||(e.alpha=this.alpha),e.visible=this.visible,this.tint!==null&&"tint"in e&&(e.tint=this.tint),t&&"texture"in e)try{let{AssetTextures:n}=$r("handler-playable-sdk/pixi");if(n&&n[t]){let a=n[t];a&&(e.texture=a)}}catch{}}},Zi=class{constructor(e,t,i,n){this._tickerCleanup=null;this.onRebuildRequired=null;this.instanceId=e,this.objectConfig=t,this.pixiObject=i,this._config=n,this.transform=new Xi(n.transform),this.renderer=new Ji(n.render),this.sync()}sync(){this.transform.syncToPixi(this.pixiObject),this.renderer.syncToPixi(this.pixiObject,this.instanceId),this.applyAnchor(),this.applyEffectsScale(),this.applyEffects(),this.syncTextProperties(),(!this._initialized||this._shouldReplayIntro)&&(this.applyIntro(),this._initialized=!0,this._shouldReplayIntro=!1),this.applyMotion()}syncTextProperties(){var t;if(!this.pixiObject||!("text"in this.pixiObject))return;let e=(t=this._config)==null?void 0:t.ui;e&&(e.text!==void 0&&this.pixiObject.text!==e.text&&(this.pixiObject.text=e.text),this.pixiObject.style&&(e.fontSize!==void 0&&(this.pixiObject.style.fontSize=e.fontSize),e.color!==void 0&&(this.pixiObject.style.fill=e.color),e.align!==void 0&&(this.pixiObject.style.align=e.align)))}destroy(){this._tickerCleanup&&(this._tickerCleanup(),this._tickerCleanup=null),this._introTicker&&(Ct.shared.remove(this._introTicker),this._introTicker=null),this.pixiObject&&this.pixiObject.parent&&this.pixiObject.parent.removeChild(this.pixiObject)}updateConfig(e){var l,c,d,p,u,g,h,m,f,b,y;let t=(c=(l=this._config)==null?void 0:l.motion)==null?void 0:c.intro,i=(d=e==null?void 0:e.motion)==null?void 0:d.intro;i!=null&&i.enabled&&JSON.stringify(t)!==JSON.stringify(i)&&(this._shouldReplayIntro=!0);let n=(g=(u=(p=this._config)==null?void 0:p.render)==null?void 0:u.asset)==null?void 0:g.type,a=(m=(h=e==null?void 0:e.render)==null?void 0:h.asset)==null?void 0:m.type,s=(b=(f=this._config)==null?void 0:f.ui)==null?void 0:b.renderMode,r=(y=e==null?void 0:e.ui)==null?void 0:y.renderMode;if((n!==a||s!==r)&&(console.log(`[GameObject] Rebuild required for ${this.instanceId}: type changed from ${n}/${s} to ${a}/${r}`),this.onRebuildRequired)){this.onRebuildRequired(this,e);return}this._config=e,e.transform&&this.transform.update(e.transform),e.render&&this.renderer.update(e.render),this.sync()}applyAnchor(){var n,a,s,r;if(!this.pixiObject||!("anchor"in this.pixiObject)||!this.pixiObject.anchor)return;let e=(a=(n=this._config)==null?void 0:n.render)==null?void 0:a.anchor,t=(r=(s=this._config)==null?void 0:s.transform)==null?void 0:r.anchor,i=e&&typeof e=="object"?e:t&&typeof t=="object"?t:null;i&&typeof i.x=="number"&&typeof i.y=="number"&&this.pixiObject.anchor.set(i.x,i.y)}applyEffectsScale(){var a,s,r;if(!((a=this.pixiObject)!=null&&a.scale))return;let e=(s=this._config)==null?void 0:s.effects,t=typeof(e==null?void 0:e.scale_x)=="number"?e.scale_x:1,i=typeof(e==null?void 0:e.scale_y)=="number"?e.scale_y:1;if(t===1&&i===1)return;let n=(r=this.transform.scale)!=null?r:1;typeof this.pixiObject.scale.set=="function"?this.pixiObject.scale.set(n*t,n*i):(this.pixiObject.scale.x=n*t,this.pixiObject.scale.y=n*i)}applyEffects(){var i,n,a,s,r,l,c,d,p;if(!this.pixiObject)return;let e=(i=this._config)==null?void 0:i.effects;if(!e||e.enabled===!1){this.pixiObject.filters=null;return}let t=[];if((n=e.blur)!=null&&n.enabled){let u=new ca;u.blur=(a=e.blur.strength)!=null?a:4,t.push(u)}if((s=e.shadow)!=null&&s.enabled){let u=e.shadow,g=new ca;g.blur=(r=u.blur)!=null?r:4,g.blendMode="multiply",t.push(g),(u.offsetX!==0||u.offsetY!==0)&&console.warn("[Effects] Drop shadow offset requires pixi-filters. Install: npm install pixi-filters")}if((l=e.glow)!=null&&l.enabled){let u=e.glow,g=new ca;if(g.blur=(c=u.blur)!=null?c:8,t.push(g),u.color){let h=new al,m=typeof u.color=="string"?parseInt(u.color.replace("#",""),16):u.color;h.tint(m),t.push(h)}}(d=e.stroke)!=null&&d.enabled&&console.warn("[Effects] Stroke/outline effect requires pixi-filters. Install: npm install pixi-filters"),(p=e.distortion)!=null&&p.enabled&&console.warn("[Effects] Distortion effect requires pixi-filters or a displacement map. Install: npm install pixi-filters"),this.pixiObject.filters=t.length>0?t:null}applyIntro(){var d,p,u,g,h,m,f;let e=(d=this._config)==null?void 0:d.motion;if(!e||!((p=e.intro)!=null&&p.enabled)||!this.pixiObject)return;let t=e.intro,i=(t.duration||0)/1e3,n=(t.delay||0)/1e3,a=this.transform.position.y,s=this.transform.scale*(((g=(u=this._config)==null?void 0:u.effects)==null?void 0:g.scale_x)||1),r=this.transform.scale*(((m=(h=this._config)==null?void 0:h.effects)==null?void 0:m.scale_y)||1);if(this.pixiObject.alpha=(f=t.startAlpha)!=null?f:0,t.startScale!==void 0&&this.pixiObject.scale.set(s*t.startScale,r*t.startScale),t.startYOffset!==void 0&&(this.pixiObject.y=a+(t.startYOffset||0)),this._introTicker&&Ct.shared.remove(this._introTicker),i<=0&&n<=0){this.pixiObject.alpha=this.renderer.alpha,this.pixiObject.y=this.transform.position.y,this.pixiObject.scale.set(s,r);return}let l=0,c=b=>{var j,_,T,S,x,E;if(l+=b.deltaTime/60,l<n)return;let y=i>0?Math.min(1,(l-n)/i):1,w=1-Math.pow(1-y,3),v=this.renderer.alpha,L=this.transform.scale*(((_=(j=this._config)==null?void 0:j.effects)==null?void 0:_.scale_x)||1),M=this.transform.scale*(((S=(T=this._config)==null?void 0:T.effects)==null?void 0:S.scale_y)||1),I=this.transform.position.y,P=this.transform.position.x;if(this.pixiObject.alpha=((x=t.startAlpha)!=null?x:0)+(v-((E=t.startAlpha)!=null?E:0))*w,t.startScale!==void 0){let C=t.startScale+(1-t.startScale)*w;this.pixiObject.scale.set(L*C,M*C)}t.startYOffset!==void 0&&(this.pixiObject.y=I+t.startYOffset+(I-(I+t.startYOffset))*w),y>=1&&(Ct.shared.remove(c),this._introTicker=null,this.pixiObject.alpha=v,this.pixiObject.x=P,this.pixiObject.y=I,this.pixiObject.scale.set(L,M))};this._introTicker=c,Ct.shared.add(c)}applyMotion(){var p,u,g,h,m,f;let e=(p=this._config)==null?void 0:p.motion,t=e&&e.enabled!==!1,i=JSON.stringify(e);if(this._lastMotionStr===i&&this._tickerCleanup)return;if(this._lastMotionStr=i,!t){this._tickerCleanup&&(this._tickerCleanup(),this._tickerCleanup=null);return}if(this._tickerCleanup&&this._tickerCleanup(),!(((u=e.pulse)==null?void 0:u.enabled)||((g=e.swing)==null?void 0:g.enabled)||((h=e.continuousMove)==null?void 0:h.enabled)||((m=e.continuousRotate)==null?void 0:m.enabled)||((f=e.orbit)==null?void 0:f.enabled)))return;let a=0,s=0,r=0,l=0,c=1/60,d=b=>{var T,S,x,E,C,A,O,k,R,z,$,U,H,B,D,q,Y,W,F,te,J,Z,pe,re,Ie,je;let y=((T=b.deltaTime)!=null?T:1)*c;a+=b.deltaTime*.05;let w=this.transform.scale,v=w*(((x=(S=this._config)==null?void 0:S.effects)==null?void 0:x.scale_x)||1),L=w*(((C=(E=this._config)==null?void 0:E.effects)==null?void 0:C.scale_y)||1),M=this.transform.position.x,I=this.transform.position.y,P=this.transform.rotation,j=0,_=0;if((A=e.swing)!=null&&A.enabled){let K=(O=e.swing.amplitude)!=null?O:10,oe=(k=e.swing.speed)!=null?k:1,ie=Math.sin(a*oe)*K;e.swing.axis==="vertical"?_+=ie:e.swing.axis==="both"?(j+=ie,_+=ie):j+=ie}if((R=e.continuousMove)!=null&&R.enabled){let K=(z=e.continuousMove.axis)!=null?z:"x",oe=Math.max(0,($=e.continuousMove.speed)!=null?$:50),ie=Math.sign((U=e.continuousMove.direction)!=null?U:1)||1,ue=Math.max(0,(H=e.continuousMove.lifetime)!=null?H:0);s+=y;let Ge=ue>0?Math.min(s,ue):s,Xe=oe*ie*Ge;(K==="x"||K==="both")&&(j+=Xe),(K==="y"||K==="both")&&(_+=Xe)}if((B=e.orbit)!=null&&B.enabled){let K=Math.max(0,(D=e.orbit.radius)!=null?D:50),oe=Math.max(0,(q=e.orbit.speed)!=null?q:45),ie=Math.sign((Y=e.orbit.direction)!=null?Y:1)||1,ue=oe*Math.PI/180;l+=ue*ie*y;let Ge=(W=e.orbit.pivotOffsetX)!=null?W:0,Xe=(F=e.orbit.pivotOffsetY)!=null?F:0;j+=Ge+K*Math.cos(l),_+=Xe+K*Math.sin(l)}if(this.pixiObject.x=M+j,this.pixiObject.y=I+_,(te=e.pulse)!=null&&te.enabled){let K=(J=e.pulse.intensity)!=null?J:.1,oe=(Z=e.pulse.speed)!=null?Z:1,ue=1+Math.sin(a*oe)*K;(pe=this.pixiObject.scale)!=null&&pe.set?this.pixiObject.scale.set(v*ue,L*ue):this.pixiObject.scale&&(this.pixiObject.scale.x=v*ue,this.pixiObject.scale.y=L*ue)}if((re=e.continuousRotate)!=null&&re.enabled){let K=Math.max(0,(Ie=e.continuousRotate.speed)!=null?Ie:90),oe=Math.sign((je=e.continuousRotate.direction)!=null?je:1)||1,ie=K*Math.PI/180;r+=ie*oe*y,this.pixiObject.rotation=P+r}};Ct.shared.add(d),this._tickerCleanup=()=>{var b,y,w,v,L;if(Ct.shared.remove(d),this.pixiObject){let M=this.transform.scale*(((y=(b=this._config)==null?void 0:b.effects)==null?void 0:y.scale_x)||1),I=this.transform.scale*(((v=(w=this._config)==null?void 0:w.effects)==null?void 0:v.scale_y)||1);this.pixiObject.x=this.transform.position.x,this.pixiObject.y=this.transform.position.y,this.pixiObject.rotation=this.transform.rotation,(L=this.pixiObject.scale)!=null&&L.set?this.pixiObject.scale.set(M,I):this.pixiObject.scale&&(this.pixiObject.scale.x=M,this.pixiObject.scale.y=I)}}}getComponent(e){return this._config[e]}getPosition(){return{...this.transform.position}}setPosition(e,t){this.transform.position={x:e,y:t},this.transform.syncToPixi(this.pixiObject)}getAlpha(){return this.renderer.alpha}setAlpha(e){this.renderer.alpha=e,this.renderer.syncToPixi(this.pixiObject)}getVisible(){return this.renderer.visible}setVisible(e){this.renderer.visible=e,this.renderer.syncToPixi(this.pixiObject)}},qt=class{constructor(e){this.objects=new Map;this.onObjectRebuildRequired=null;this.config=e}create(e,t){let i=this.config.objects.get(e);if(!i)throw new Error(`Object config not found: ${e}`);let n=new Zi(e,i.object_config||e,t,i);return this.objects.set(e,n),n.onRebuildRequired=async(a,s)=>{if(this.onObjectRebuildRequired){console.log(`[GameObjectManager] Triggering rebuild for ${e}`);let r=await this.onObjectRebuildRequired(e,s);r&&this.objects.get(e)===r&&console.log(`[GameObjectManager] \u2705 Rebuilt ${e} successfully`)}else console.warn(`[GameObjectManager] Rebuild required for ${e} but no factory provided`),a.updateConfig(s)},n}get(e){return this.objects.get(e)}updateConfig(e){this.config=e;for(let[t,i]of this.objects.entries()){let n=e.objects.get(t);n&&i.updateConfig(n)}}getAll(){return Array.from(this.objects.values())}remove(e){let t=this.objects.get(e);t&&t.destroy(),this.objects.delete(e)}clear(){for(let e of this.objects.values())e.destroy();this.objects.clear()}};var Qi={"brand.primary":{family:"Arial, sans-serif",weight:"400"},"brand.warning":{family:"Arial Black, Arial, sans-serif",weight:"900"},"brand.heading":{family:"Arial Black, Arial, sans-serif",weight:"800"},"brand.body":{family:"Arial, sans-serif",weight:"400"}};function sl(o){let e=Qi[o];return e?e.family:(console.warn(`Font ID "${o}" not found in registry, using fallback`),"Arial, sans-serif")}function rl(o){var t;let e=Qi[o];return e&&(t=e.weight)!=null?t:"400"}function ol(o,e){Qi[o]=e}function ll(){return Object.keys(Qi)}var At=null;function cl(){return console.log("[LottieOverlay] getLottie called, lottieLib cached?",!!At),console.log("[LottieOverlay] window.lottie exists?",typeof window!="undefined"&&!!window.lottie),At||(typeof window!="undefined"&&window.lottie?(At=window.lottie,console.log("[LottieOverlay] \u2705 Found window.lottie, cached it")):(console.warn("[LottieOverlay] \u274C lottie-web is not available globally. Make sure it is loaded before using Lottie animations."),console.log("[LottieOverlay] window keys:",typeof window!="undefined"?Object.keys(window).filter(o=>o.toLowerCase().includes("lottie")):"no window"),At=null)),At}function dl(o){return!o||o.startsWith("http://")||o.startsWith("https://")||o.startsWith("/")?o:`/${o.replace(/^\.\//,"")}`}function pl(o){try{let e=new XMLHttpRequest;return e.open("GET",dl(o),!1),e.send(null),e.status<200||e.status>=300||!e.responseText?null:JSON.parse(e.responseText)}catch{return null}}function _r(o){return!o||typeof o!="object"||!Array.isArray(o.layers)?null:(Array.isArray(o.assets)||(o.assets=[]),Array.isArray(o.chars)||(o.chars=[]),o)}function Xn(o){At=o}function ul(o,e,t,i){var M,I,P,j,_,T,S,x,E,C,A,O,k,R,z,$,U,H,B;let n=t.objects.get(o);if(!n)return console.warn(`[LottieOverlay] Object config not found: ${o}`),null;let a=((M=n.effects)==null?void 0:M.lottie)||{},s=n.transform||{},r=n.render||{};if(a.enabled===!1||r.visible===!1)return null;let l=i==null?void 0:i[o],c=_r(l);if(!c){let D=(P=(I=n.render)==null?void 0:I.asset)==null?void 0:P.path;if(typeof D=="string"&&D.toLowerCase().endsWith(".json")){let q=pl(D);if(c=_r(q),c)try{i[o]=c}catch{}}}if(!c){let D=l&&typeof l=="object"?Object.prototype.toString.call(l):typeof l;return console.warn(`[LottieOverlay] Lottie JSON invalid for: ${o}`,{kind:D}),null}let d=cl();if(!d)return console.warn(`[LottieOverlay] lottie-web is not available. Cannot play animation: ${o}`),null;let p=(j=a.width)!=null?j:300,u=(_=a.height)!=null?_:300,g=(T=s.scale)!=null?T:1,h=((x=(S=s.position)==null?void 0:S.x)!=null?x:0)+((C=(E=s.offset)==null?void 0:E.x)!=null?C:0),m=((O=(A=s.position)==null?void 0:A.y)!=null?O:0)+((R=(k=s.offset)==null?void 0:k.y)!=null?R:0),f=(z=s.rotation)!=null?z:0,b=($=r.z_index)!=null?$:100,y=(U=r.alpha)!=null?U:1,w=document.createElement("div");w.style.cssText=`
|
|
2682
|
+
`,o.appendChild(e)}async function la(o,e={}){let t=new nl;await t.init({resizeTo:o,autoDensity:!0,resolution:window.devicePixelRatio||1,antialias:!0,backgroundAlpha:0});let i=s=>{var p,g,u,h;if(!t.renderer)return;let r=(p=s==null?void 0:s.width)!=null?p:o.clientWidth,l=(g=s==null?void 0:s.height)!=null?g:o.clientHeight,c=r&&r>0?r:(u=window.innerWidth)!=null?u:320,d=l&&l>0?l:(h=window.innerHeight)!=null?h:480;t.renderer.resize(c,d)};o.appendChild(t.canvas),o.style.position="relative",o.style.display="flex",o.style.flexDirection="column",o.style.alignItems="stretch",o.style.width="100%",o.style.height="100dvh",o.style.minHeight="100vh",o.style.maxWidth="100%",o.style.maxHeight="100%",o.style.boxSizing="border-box",o.style.overflow="hidden",e.background&&(o.style.background=e.background),i();let n=document.createElement("div");return n.setAttribute("style",["position:absolute","inset:0","display:flex","flex-direction:column","align-items:center","justify-content:flex-start","gap:12px","pointer-events:none","font-family:Arial,sans-serif","padding:20px 16px","padding-bottom:clamp(24px, 6vh, 96px)","box-sizing:border-box","z-index:2"].join(";")),o.appendChild(n),He.on("pause",()=>{t.ticker.stop(),document.querySelectorAll("audio").forEach(r=>r.pause())}),He.on("resume",()=>{t.ticker.start(),document.querySelectorAll("audio").forEach(r=>{r.currentTime>0&&!r.ended&&r.play().catch(()=>{})})}),He.on("resize",({payload:s})=>{i({width:s==null?void 0:s.width,height:s==null?void 0:s.height})}),window.addEventListener("resize",()=>i()),requestAnimationFrame(()=>i()),new ResizeObserver(s=>{let r=s[0];if(r&&r.contentRect.width>0&&r.contentRect.height>0){let l=Math.round(r.contentRect.width),c=Math.round(r.contentRect.height);if(i({width:l,height:c}),typeof window!="undefined"&&window.gameApp&&window.gameObjectManager){let d={width:l,height:c,dpr:Math.max(1,Math.floor(window.devicePixelRatio||1)),presetId:"auto-resize",isLandscape:l>c};window.dispatchEvent(new CustomEvent("handler-preview:screen",{detail:d}))}}}).observe(o),{app:t,stage:t.stage,overlay:n,applySize:i}}import{BlurFilter as ca,Ticker as Ct,ColorMatrixFilter as al}from"pixi.js";var Ji=class{constructor(e){var n,a;let t=e==null?void 0:e.position,i=e==null?void 0:e.offset;this._basePosition={x:typeof(t==null?void 0:t.x)=="number"?t.x:0,y:typeof(t==null?void 0:t.y)=="number"?t.y:0},this._offset={x:typeof(i==null?void 0:i.x)=="number"?i.x:0,y:typeof(i==null?void 0:i.y)=="number"?i.y:0},this.position={x:this._basePosition.x+this._offset.x,y:this._basePosition.y+this._offset.y},this.scale=(n=e==null?void 0:e.scale)!=null?n:1,this.rotation=(a=e==null?void 0:e.rotation)!=null?a:0}update(e){let t=e.position,i=e.offset;t!==void 0&&(this._basePosition={x:typeof(t==null?void 0:t.x)=="number"?t.x:0,y:typeof(t==null?void 0:t.y)=="number"?t.y:0}),i!==void 0&&(this._offset={x:typeof(i==null?void 0:i.x)=="number"?i.x:0,y:typeof(i==null?void 0:i.y)=="number"?i.y:0}),(t!==void 0||i!==void 0)&&(this.position={x:this._basePosition.x+this._offset.x,y:this._basePosition.y+this._offset.y}),e.scale!==void 0&&(this.scale=e.scale),e.rotation!==void 0&&(this.rotation=e.rotation)}syncToPixi(e){e&&(e.position.set(this.position.x,this.position.y),e.scale.set(this.scale),e.rotation=this.rotation)}},Zi=class{constructor(e){var t,i,n,a;this.z_index=(t=e==null?void 0:e.z_index)!=null?t:0,this.alpha=(i=e==null?void 0:e.alpha)!=null?i:1,this.visible=(n=e==null?void 0:e.visible)!=null?n:!0,this.tint=(a=e==null?void 0:e.tint)!=null?a:null}update(e){e.z_index!==void 0&&(this.z_index=e.z_index),e.alpha!==void 0&&(this.alpha=e.alpha),e.visible!==void 0&&(this.visible=e.visible),e.tint!==void 0&&(this.tint=e.tint)}syncToPixi(e,t){if(!e)return;if(e.zIndex=this.z_index,t!=null&&t.startsWith("ui_endgame_")||(e.alpha=this.alpha),e.visible=this.visible,this.tint!==null&&"tint"in e&&(e.tint=this.tint),t&&"texture"in e)try{let{AssetTextures:n}=Dr("handler-playable-sdk/pixi");if(n&&n[t]){let a=n[t];a&&(e.texture=a)}}catch{}}},Qi=class{constructor(e,t,i,n){this._tickerCleanup=null;this.onRebuildRequired=null;this.instanceId=e,this.objectConfig=t,this.pixiObject=i,this._config=n,this.transform=new Ji(n.transform),this.renderer=new Zi(n.render),this.sync()}sync(){this.transform.syncToPixi(this.pixiObject),this.renderer.syncToPixi(this.pixiObject,this.instanceId),this.applyAnchor(),this.applyEffectsScale(),this.applyEffects(),this.syncTextProperties(),(!this._initialized||this._shouldReplayIntro)&&(this.applyIntro(),this._initialized=!0,this._shouldReplayIntro=!1),this.applyMotion()}syncTextProperties(){var t;if(!this.pixiObject||!("text"in this.pixiObject))return;let e=(t=this._config)==null?void 0:t.ui;e&&(e.text!==void 0&&this.pixiObject.text!==e.text&&(this.pixiObject.text=e.text),this.pixiObject.style&&(e.fontSize!==void 0&&(this.pixiObject.style.fontSize=e.fontSize),e.color!==void 0&&(this.pixiObject.style.fill=e.color),e.align!==void 0&&(this.pixiObject.style.align=e.align)))}destroy(){this._tickerCleanup&&(this._tickerCleanup(),this._tickerCleanup=null),this._introTicker&&(Ct.shared.remove(this._introTicker),this._introTicker=null),this.pixiObject&&this.pixiObject.parent&&this.pixiObject.parent.removeChild(this.pixiObject)}updateConfig(e){var l,c,d,p,g,u,h,m,f,b,y;let t=(c=(l=this._config)==null?void 0:l.motion)==null?void 0:c.intro,i=(d=e==null?void 0:e.motion)==null?void 0:d.intro;i!=null&&i.enabled&&JSON.stringify(t)!==JSON.stringify(i)&&(this._shouldReplayIntro=!0);let n=(u=(g=(p=this._config)==null?void 0:p.render)==null?void 0:g.asset)==null?void 0:u.type,a=(m=(h=e==null?void 0:e.render)==null?void 0:h.asset)==null?void 0:m.type,s=(b=(f=this._config)==null?void 0:f.ui)==null?void 0:b.renderMode,r=(y=e==null?void 0:e.ui)==null?void 0:y.renderMode;if((n!==a||s!==r)&&(console.log(`[GameObject] Rebuild required for ${this.instanceId}: type changed from ${n}/${s} to ${a}/${r}`),this.onRebuildRequired)){this.onRebuildRequired(this,e);return}this._config=e,e.transform&&this.transform.update(e.transform),e.render&&this.renderer.update(e.render),this.sync()}applyAnchor(){var n,a,s,r;if(!this.pixiObject||!("anchor"in this.pixiObject)||!this.pixiObject.anchor)return;let e=(a=(n=this._config)==null?void 0:n.render)==null?void 0:a.anchor,t=(r=(s=this._config)==null?void 0:s.transform)==null?void 0:r.anchor,i=e&&typeof e=="object"?e:t&&typeof t=="object"?t:null;i&&typeof i.x=="number"&&typeof i.y=="number"&&this.pixiObject.anchor.set(i.x,i.y)}applyEffectsScale(){var a,s,r;if(!((a=this.pixiObject)!=null&&a.scale))return;let e=(s=this._config)==null?void 0:s.effects,t=typeof(e==null?void 0:e.scale_x)=="number"?e.scale_x:1,i=typeof(e==null?void 0:e.scale_y)=="number"?e.scale_y:1;if(t===1&&i===1)return;let n=(r=this.transform.scale)!=null?r:1;typeof this.pixiObject.scale.set=="function"?this.pixiObject.scale.set(n*t,n*i):(this.pixiObject.scale.x=n*t,this.pixiObject.scale.y=n*i)}applyEffects(){var i,n,a,s,r,l,c,d,p;if(!this.pixiObject)return;let e=(i=this._config)==null?void 0:i.effects;if(!e||e.enabled===!1){this.pixiObject.filters=null;return}let t=[];if((n=e.blur)!=null&&n.enabled){let g=new ca;g.blur=(a=e.blur.strength)!=null?a:4,t.push(g)}if((s=e.shadow)!=null&&s.enabled){let g=e.shadow,u=new ca;u.blur=(r=g.blur)!=null?r:4,u.blendMode="multiply",t.push(u),(g.offsetX!==0||g.offsetY!==0)&&console.warn("[Effects] Drop shadow offset requires pixi-filters. Install: npm install pixi-filters")}if((l=e.glow)!=null&&l.enabled){let g=e.glow,u=new ca;if(u.blur=(c=g.blur)!=null?c:8,t.push(u),g.color){let h=new al,m=typeof g.color=="string"?parseInt(g.color.replace("#",""),16):g.color;h.tint(m),t.push(h)}}(d=e.stroke)!=null&&d.enabled&&console.warn("[Effects] Stroke/outline effect requires pixi-filters. Install: npm install pixi-filters"),(p=e.distortion)!=null&&p.enabled&&console.warn("[Effects] Distortion effect requires pixi-filters or a displacement map. Install: npm install pixi-filters"),this.pixiObject.filters=t.length>0?t:null}applyIntro(){var d,p,g,u,h,m,f;let e=(d=this._config)==null?void 0:d.motion;if(!e||!((p=e.intro)!=null&&p.enabled)||!this.pixiObject)return;let t=e.intro,i=(t.duration||0)/1e3,n=(t.delay||0)/1e3,a=this.transform.position.y,s=this.transform.scale*(((u=(g=this._config)==null?void 0:g.effects)==null?void 0:u.scale_x)||1),r=this.transform.scale*(((m=(h=this._config)==null?void 0:h.effects)==null?void 0:m.scale_y)||1);if(this.pixiObject.alpha=(f=t.startAlpha)!=null?f:0,t.startScale!==void 0&&this.pixiObject.scale.set(s*t.startScale,r*t.startScale),t.startYOffset!==void 0&&(this.pixiObject.y=a+(t.startYOffset||0)),this._introTicker&&Ct.shared.remove(this._introTicker),i<=0&&n<=0){this.pixiObject.alpha=this.renderer.alpha,this.pixiObject.y=this.transform.position.y,this.pixiObject.scale.set(s,r);return}let l=0,c=b=>{var M,T,k,E,x,S;if(l+=b.deltaTime/60,l<n)return;let y=i>0?Math.min(1,(l-n)/i):1,w=1-Math.pow(1-y,3),v=this.renderer.alpha,L=this.transform.scale*(((T=(M=this._config)==null?void 0:M.effects)==null?void 0:T.scale_x)||1),j=this.transform.scale*(((E=(k=this._config)==null?void 0:k.effects)==null?void 0:E.scale_y)||1),_=this.transform.position.y,P=this.transform.position.x;if(this.pixiObject.alpha=((x=t.startAlpha)!=null?x:0)+(v-((S=t.startAlpha)!=null?S:0))*w,t.startScale!==void 0){let C=t.startScale+(1-t.startScale)*w;this.pixiObject.scale.set(L*C,j*C)}t.startYOffset!==void 0&&(this.pixiObject.y=_+t.startYOffset+(_-(_+t.startYOffset))*w),y>=1&&(Ct.shared.remove(c),this._introTicker=null,this.pixiObject.alpha=v,this.pixiObject.x=P,this.pixiObject.y=_,this.pixiObject.scale.set(L,j))};this._introTicker=c,Ct.shared.add(c)}applyMotion(){var p,g,u,h,m,f;let e=(p=this._config)==null?void 0:p.motion,t=e&&e.enabled!==!1,i=JSON.stringify(e);if(this._lastMotionStr===i&&this._tickerCleanup)return;if(this._lastMotionStr=i,!t){this._tickerCleanup&&(this._tickerCleanup(),this._tickerCleanup=null);return}if(this._tickerCleanup&&this._tickerCleanup(),!(((g=e.pulse)==null?void 0:g.enabled)||((u=e.swing)==null?void 0:u.enabled)||((h=e.continuousMove)==null?void 0:h.enabled)||((m=e.continuousRotate)==null?void 0:m.enabled)||((f=e.orbit)==null?void 0:f.enabled)))return;let a=0,s=0,r=0,l=0,c=1/60,d=b=>{var k,E,x,S,C,A,O,I,R,z,D,U,H,B,$,q,W,K,F,te,J,Z,pe,re,Me,je;let y=((k=b.deltaTime)!=null?k:1)*c;a+=b.deltaTime*.05;let w=this.transform.scale,v=w*(((x=(E=this._config)==null?void 0:E.effects)==null?void 0:x.scale_x)||1),L=w*(((C=(S=this._config)==null?void 0:S.effects)==null?void 0:C.scale_y)||1),j=this.transform.position.x,_=this.transform.position.y,P=this.transform.rotation,M=0,T=0;if((A=e.swing)!=null&&A.enabled){let Y=(O=e.swing.amplitude)!=null?O:10,oe=(I=e.swing.speed)!=null?I:1,ie=Math.sin(a*oe)*Y;e.swing.axis==="vertical"?T+=ie:e.swing.axis==="both"?(M+=ie,T+=ie):M+=ie}if((R=e.continuousMove)!=null&&R.enabled){let Y=(z=e.continuousMove.axis)!=null?z:"x",oe=Math.max(0,(D=e.continuousMove.speed)!=null?D:50),ie=Math.sign((U=e.continuousMove.direction)!=null?U:1)||1,ue=Math.max(0,(H=e.continuousMove.lifetime)!=null?H:0);s+=y;let Ge=ue>0?Math.min(s,ue):s,Xe=oe*ie*Ge;(Y==="x"||Y==="both")&&(M+=Xe),(Y==="y"||Y==="both")&&(T+=Xe)}if((B=e.orbit)!=null&&B.enabled){let Y=Math.max(0,($=e.orbit.radius)!=null?$:50),oe=Math.max(0,(q=e.orbit.speed)!=null?q:45),ie=Math.sign((W=e.orbit.direction)!=null?W:1)||1,ue=oe*Math.PI/180;l+=ue*ie*y;let Ge=(K=e.orbit.pivotOffsetX)!=null?K:0,Xe=(F=e.orbit.pivotOffsetY)!=null?F:0;M+=Ge+Y*Math.cos(l),T+=Xe+Y*Math.sin(l)}if(this.pixiObject.x=j+M,this.pixiObject.y=_+T,(te=e.pulse)!=null&&te.enabled){let Y=(J=e.pulse.intensity)!=null?J:.1,oe=(Z=e.pulse.speed)!=null?Z:1,ue=1+Math.sin(a*oe)*Y;(pe=this.pixiObject.scale)!=null&&pe.set?this.pixiObject.scale.set(v*ue,L*ue):this.pixiObject.scale&&(this.pixiObject.scale.x=v*ue,this.pixiObject.scale.y=L*ue)}if((re=e.continuousRotate)!=null&&re.enabled){let Y=Math.max(0,(Me=e.continuousRotate.speed)!=null?Me:90),oe=Math.sign((je=e.continuousRotate.direction)!=null?je:1)||1,ie=Y*Math.PI/180;r+=ie*oe*y,this.pixiObject.rotation=P+r}};Ct.shared.add(d),this._tickerCleanup=()=>{var b,y,w,v,L;if(Ct.shared.remove(d),this.pixiObject){let j=this.transform.scale*(((y=(b=this._config)==null?void 0:b.effects)==null?void 0:y.scale_x)||1),_=this.transform.scale*(((v=(w=this._config)==null?void 0:w.effects)==null?void 0:v.scale_y)||1);this.pixiObject.x=this.transform.position.x,this.pixiObject.y=this.transform.position.y,this.pixiObject.rotation=this.transform.rotation,(L=this.pixiObject.scale)!=null&&L.set?this.pixiObject.scale.set(j,_):this.pixiObject.scale&&(this.pixiObject.scale.x=j,this.pixiObject.scale.y=_)}}}getComponent(e){return this._config[e]}getPosition(){return{...this.transform.position}}setPosition(e,t){this.transform.position={x:e,y:t},this.transform.syncToPixi(this.pixiObject)}getAlpha(){return this.renderer.alpha}setAlpha(e){this.renderer.alpha=e,this.renderer.syncToPixi(this.pixiObject)}getVisible(){return this.renderer.visible}setVisible(e){this.renderer.visible=e,this.renderer.syncToPixi(this.pixiObject)}},Vt=class{constructor(e){this.objects=new Map;this.onObjectRebuildRequired=null;this.config=e}create(e,t){let i=this.config.objects.get(e);if(!i)throw new Error(`Object config not found: ${e}`);let n=new Qi(e,i.object_config||e,t,i);return this.objects.set(e,n),n.onRebuildRequired=async(a,s)=>{if(this.onObjectRebuildRequired){console.log(`[GameObjectManager] Triggering rebuild for ${e}`);let r=await this.onObjectRebuildRequired(e,s);r&&this.objects.get(e)===r&&console.log(`[GameObjectManager] \u2705 Rebuilt ${e} successfully`)}else console.warn(`[GameObjectManager] Rebuild required for ${e} but no factory provided`),a.updateConfig(s)},n}get(e){return this.objects.get(e)}updateConfig(e){this.config=e;for(let[t,i]of this.objects.entries()){let n=e.objects.get(t);n&&i.updateConfig(n)}}getAll(){return Array.from(this.objects.values())}remove(e){let t=this.objects.get(e);t&&t.destroy(),this.objects.delete(e)}clear(){for(let e of this.objects.values())e.destroy();this.objects.clear()}};var en={"brand.primary":{family:"Arial, sans-serif",weight:"400"},"brand.warning":{family:"Arial Black, Arial, sans-serif",weight:"900"},"brand.heading":{family:"Arial Black, Arial, sans-serif",weight:"800"},"brand.body":{family:"Arial, sans-serif",weight:"400"}};function sl(o){let e=en[o];return e?e.family:(console.warn(`Font ID "${o}" not found in registry, using fallback`),"Arial, sans-serif")}function rl(o){var t;let e=en[o];return e&&(t=e.weight)!=null?t:"400"}function ol(o,e){en[o]=e}function ll(){return Object.keys(en)}var At=null;function cl(){return console.log("[LottieOverlay] getLottie called, lottieLib cached?",!!At),console.log("[LottieOverlay] window.lottie exists?",typeof window!="undefined"&&!!window.lottie),At||(typeof window!="undefined"&&window.lottie?(At=window.lottie,console.log("[LottieOverlay] \u2705 Found window.lottie, cached it")):(console.warn("[LottieOverlay] \u274C lottie-web is not available globally. Make sure it is loaded before using Lottie animations."),console.log("[LottieOverlay] window keys:",typeof window!="undefined"?Object.keys(window).filter(o=>o.toLowerCase().includes("lottie")):"no window"),At=null)),At}function dl(o){return!o||o.startsWith("http://")||o.startsWith("https://")||o.startsWith("/")?o:`/${o.replace(/^\.\//,"")}`}function pl(o){try{let e=new XMLHttpRequest;return e.open("GET",dl(o),!1),e.send(null),e.status<200||e.status>=300||!e.responseText?null:JSON.parse(e.responseText)}catch{return null}}function _r(o){return!o||typeof o!="object"||!Array.isArray(o.layers)?null:(Array.isArray(o.assets)||(o.assets=[]),Array.isArray(o.chars)||(o.chars=[]),o)}function Xn(o){At=o}function ul(o,e,t,i){var j,_,P,M,T,k,E,x,S,C,A,O,I,R,z,D,U,H,B;let n=t.objects.get(o);if(!n)return console.warn(`[LottieOverlay] Object config not found: ${o}`),null;let a=((j=n.effects)==null?void 0:j.lottie)||{},s=n.transform||{},r=n.render||{};if(a.enabled===!1||r.visible===!1)return null;let l=i==null?void 0:i[o],c=_r(l);if(!c){let $=(P=(_=n.render)==null?void 0:_.asset)==null?void 0:P.path;if(typeof $=="string"&&$.toLowerCase().endsWith(".json")){let q=pl($);if(c=_r(q),c)try{i[o]=c}catch{}}}if(!c){let $=l&&typeof l=="object"?Object.prototype.toString.call(l):typeof l;return console.warn(`[LottieOverlay] Lottie JSON invalid for: ${o}`,{kind:$}),null}let d=cl();if(!d)return console.warn(`[LottieOverlay] lottie-web is not available. Cannot play animation: ${o}`),null;let p=(M=a.width)!=null?M:300,g=(T=a.height)!=null?T:300,u=(k=s.scale)!=null?k:1,h=((x=(E=s.position)==null?void 0:E.x)!=null?x:0)+((C=(S=s.offset)==null?void 0:S.x)!=null?C:0),m=((O=(A=s.position)==null?void 0:A.y)!=null?O:0)+((R=(I=s.offset)==null?void 0:I.y)!=null?R:0),f=(z=s.rotation)!=null?z:0,b=(D=r.z_index)!=null?D:100,y=(U=r.alpha)!=null?U:1,w=document.createElement("div");w.style.cssText=`
|
|
2683
2683
|
position: absolute;
|
|
2684
2684
|
top: calc(50% + ${m}px);
|
|
2685
2685
|
left: calc(50% + ${h}px);
|
|
2686
|
-
transform: translate(-50%, -50%) scale(${
|
|
2686
|
+
transform: translate(-50%, -50%) scale(${u}) rotate(${f}deg);
|
|
2687
2687
|
width: ${p}px;
|
|
2688
|
-
height: ${
|
|
2688
|
+
height: ${g}px;
|
|
2689
2689
|
pointer-events: none;
|
|
2690
2690
|
z-index: ${b};
|
|
2691
2691
|
opacity: ${y};
|
|
2692
|
-
`,e.appendChild(w);let v;try{v=d.loadAnimation({container:w,renderer:a.renderer||"svg",loop:(H=a.loop)!=null?H:!1,autoplay:(B=a.autoplay)!=null?B:!0,animationData:c})}catch(
|
|
2692
|
+
`,e.appendChild(w);let v;try{v=d.loadAnimation({container:w,renderer:a.renderer||"svg",loop:(H=a.loop)!=null?H:!1,autoplay:(B=a.autoplay)!=null?B:!0,animationData:c})}catch($){return w.parentNode&&w.parentNode.removeChild(w),console.warn(`[LottieOverlay] Failed to start animation: ${o}`,$),null}a.speed!==void 0&&v.setSpeed(a.speed);let L=()=>{v.destroy(),w.parentNode&&w.parentNode.removeChild(w)};return a.loop||v.addEventListener("complete",L),{animation:v,cleanup:L}}var da=class{constructor(e,t,i){this.systems=[];this.totalTime=0;this.context=null;this.root=e,this.config=t,this.destinationUrl=i}async createApp(e){if(this.context)return{app:this.app,gameObjectManager:this.gameObjectManager};let{app:t,stage:i}=await la(this.root,{background:e.background_color,text:e.text_color,primary:e.cta_background,cta_text:e.cta_text});this.app=t,this.stage=i,this.gameObjectManager=new Vt(this.config),this.stage.eventMode="passive",this.stage.interactive=!1,this.stage.interactiveChildren=!0,this.stage.sortableChildren=!0,this.context={app:this.app,stage:this.stage,config:this.config,gameObjectManager:this.gameObjectManager,destinationUrl:this.destinationUrl,root:this.root,engine:this};for(let n of this.systems)n.setContext(this.context);return{app:this.app,gameObjectManager:this.gameObjectManager}}async initSystems(){if(!this.context)throw new Error("[GameEngine] createApp() must be called before initSystems()");for(let e of this.systems)e.init&&await e.init()}async init(e){return await this.createApp(e),await this.initSystems(),{app:this.app,gameObjectManager:this.gameObjectManager}}registerSystems(e){this.systems.push(...e)}async start(){for(let e of this.systems)e.onStart&&await e.onStart();this.app.ticker.add(this.update.bind(this)),window.addEventListener("handler-preview:screen",e=>{let{width:t,height:i}=e.detail;this.resize(t,i)})}update(e){let t=e.deltaTime/60;this.totalTime+=t;for(let i of this.systems)i.update&&i.update(t,this.totalTime)}resize(e,t){for(let i of this.systems)i.onResize&&i.onResize(e,t)}updateConfig(e){this.config=e;for(let t of this.systems)t.context.config=e,t.onConfigUpdate&&t.onConfigUpdate(e)}destroy(){for(let e of this.systems)e.onDestroy&&e.onDestroy();this.app.ticker.remove(this.update.bind(this)),this.app.destroy(!0,{children:!0,texture:!1})}getApp(){return this.app}getGameObjectManager(){return this.gameObjectManager}getTotalTime(){return this.totalTime}getSystem(e){let t=this.systems.find(i=>i instanceof e);if(!t)throw new Error(`System ${e.name} not found!`);return t}};var Yt=class{setContext(e){this.context=e}};var Wt=class{constructor(){this.config=null}init(e){this.config=e}get(e){if(!this.config)throw new Error("RuntimeObjectRegistry not initialized. Call init() first.");return this.config.objects.get(e)}getAllIds(){if(!this.config)throw new Error("RuntimeObjectRegistry not initialized. Call init() first.");return Array.from(this.config.objects.keys())}has(e){return this.config?this.config.objects.has(e):!1}};import*as Or from"pixi.js";var gl=Or;typeof window!="undefined"&&(window.__basePixi=Or);import{Sprite as hl,Text as ml,TextStyle as fl,Texture as Rr}from"pixi.js";var zr=o=>o*Math.PI/180;function bl(o,e){var s,r,l,c,d;let t=e.ui;if(!(t!=null&&t.text))return null;let i="#ffffff";(s=e.render)!=null&&s.tint&&(i=e.render.tint);let n=new fl({fontFamily:(r=t.font)!=null?r:"Arial",fontSize:(l=t.fontSize)!=null?l:16,fill:i,align:(c=t.align)!=null?c:"center",letterSpacing:(d=t.letterSpacing)!=null?d:0}),a=new ml({text:t.text,style:n});return a.label=o,a}function yl(o){var d,p,g,u,h,m,f,b,y,w;let{stage:e,mainContainer:t,activeConfig:i,gameObjectManager:n,allowList:a,denyList:s}=o,r={},l={},c={};t.sortableChildren=!0;for(let[v,L]of i.objects.entries()){if(s!=null&&s.has(v)||a&&!a.has(v)||(L==null?void 0:L.enabled)===!1)continue;let j=(p=(d=L==null?void 0:L.render)==null?void 0:d.asset)==null?void 0:p.path,_=(u=(g=L==null?void 0:L.render)==null?void 0:g.asset)==null?void 0:u.type,P=!!(j&&_==="image"),M=!!((h=L==null?void 0:L.ui)!=null&&h.text),T=M?(m=L==null?void 0:L.ui)==null?void 0:m.renderMode:void 0,k;if(T==="png"&&P?k="png":T==="text"&&M?k="text":P?k="png":M?k="text":k="skip",k!=="skip"){if(k==="text"){let E=bl(v,L);if(!E)continue;let x=L.render;E.alpha=typeof(x==null?void 0:x.alpha)=="number"?x.alpha:1,E.visible=(x==null?void 0:x.visible)!==!1,E.zIndex=typeof(x==null?void 0:x.z_index)=="number"?x.z_index:0,x!=null&&x.anchor&&typeof x.anchor.x=="number"&&typeof x.anchor.y=="number"?E.anchor.set(x.anchor.x,x.anchor.y):E.anchor.set(.5,.5);let S=L.transform,C=(S==null?void 0:S.position)||(S==null?void 0:S.offset);C&&E.position.set((f=C.x)!=null?f:0,(b=C.y)!=null?b:0);let A=typeof(S==null?void 0:S.scale)=="number"?S.scale:1;E.scale.set(A,A);let O=typeof(S==null?void 0:S.rotation)=="number"?S.rotation:0;E.rotation=zr(O),E.parent||t.addChild(E);try{n.create(v,E)}catch{}r[v]=E,c[v]=E}else if(k==="png"){let E=Ae[v]||(typeof Rr!="undefined"?Rr.EMPTY:void 0),x=new hl(E);x.label=v;let S=L.render;x.alpha=typeof(S==null?void 0:S.alpha)=="number"?S.alpha:1,x.visible=(S==null?void 0:S.visible)!==!1,x.zIndex=typeof(S==null?void 0:S.z_index)=="number"?S.z_index:0,S!=null&&S.anchor&&typeof S.anchor.x=="number"&&typeof S.anchor.y=="number"&&x.anchor.set(S.anchor.x,S.anchor.y);let C=L.transform,A=(C==null?void 0:C.position)||(C==null?void 0:C.offset);A&&x.position.set((y=A.x)!=null?y:0,(w=A.y)!=null?w:0);let O=typeof(C==null?void 0:C.scale)=="number"?C.scale:1;x.scale.set(O,O);let I=typeof(C==null?void 0:C.rotation)=="number"?C.rotation:0;x.rotation=zr(I),x.parent||t.addChild(x);try{n.create(v,x)}catch{}r[v]=x,l[v]=x}}}return t.parent||e.addChild(t),{objects:r,sprites:l,texts:c}}var pa=class{constructor(){this.instanceCache=new Map;this.readyPromise=null;this.app=null;this.registry=new Wt}init(e,t){this.registry.init(e),this.app=t}updateConfig(e){this.registry.init(e),this.instanceCache.clear(),this.readyPromise=null}async ready(){this.readyPromise&&await this.readyPromise;let t=this.registry.getAllIds().filter(n=>!this.instanceCache.has(n));if(t.length===0)return;let i=async n=>{n.length&&(console.log("[Assets] Loading objects:",n),await Promise.all(n.map(async a=>{var r;let s=this.registry.get(a);if(!s){console.warn("[Assets] No config found for object:",a);return}try{let l=await Te.create(a,s,this.app);this.instanceCache.set(a,l),console.log("[Assets] Loaded object:",a,(r=l==null?void 0:l.constructor)==null?void 0:r.name)}catch(l){console.error("[Assets] Failed to load object:",a,l)}})))};return this.readyPromise=(async()=>{await i(t);let n=this.registry.getAllIds().filter(a=>!this.instanceCache.has(a));n.length>0&&(console.warn("[Assets] Retrying missing assets:",n),await i(n)),console.log("[Assets] Ready. Cached objects:",Array.from(this.instanceCache.keys()))})(),this.readyPromise}resetScene(){this.instanceCache.clear(),this.readyPromise=null}async reloadObject(e){let t=this.registry.get(e);if(t){let i=await Te.create(e,t,this.app);this.instanceCache.set(e,i)}}get(e){return this.instanceCache.get(e)}},$r=new pa,vl=new Proxy($r,{get(o,e){if(e in o&&typeof o[e]=="function")return o[e].bind(o);if(o.get(e))return o.get(e)}});function wl(o,e){$r.init(o,e)}var ua=class extends Yt{async init(){nn(this.context.config,this.context.app),await Ae.ready(),console.log("[AssetSystem] All assets preloaded and ready")}async onStart(){}onConfigUpdate(){console.log("[AssetSystem] Config updated - systems will refresh textures")}};function xl(o){var r,l,c;let{setState:e,updateLabelAlpha:t,updateHandAlpha:i,config:n,states:a}=o,s=((l=(r=n.engine)==null?void 0:r.runtime)==null?void 0:l.timeline)||{};e(a.showHook),setTimeout(()=>{t(1),i(1),e(a.waitInput),console.log("[GAME] \u23F3 Game ready for user input - tutorial shown")},(c=s.tutorial_delay_ms)!=null?c:1500)}export{xs as a,la as b,Ji as c,Zi as d,Qi as e,Vt as f,sl as g,rl as h,ol as i,ll as j,Xn as k,ul as l,Te as m,da as n,Yt as o,Wt as p,gl as q,yl as r,vl as s,wl as t,ua as u,wi as v,Xr as w,hn as x,Re as y,we as z,ze as A,mn as B,go as C,xl as D,Ss as E,Es as F,un as G,ct as H,Ol as I,Gi as J,qn as K,hr as L,Yn as M,Vp as N,Yp as O,Ne as P,qo as Q,Vo as R,Zn as S,Ie as T,He as U};
|