@tomorrowevening/hermes 0.0.52 → 0.0.54
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/hermes.cjs.js +15 -15
- package/dist/hermes.es.js +2107 -1794
- package/package.json +1 -1
package/dist/hermes.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("three"),fn=require("tweakpane"),pn=require("@tweakpane/plugin-essentials"),x=require("react"),qt=require("framer-motion");function mn(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const e=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,e.get?e:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const gn=mn(pn),kt=()=>{},vn=()=>{};function ct(t){return t.substring(0,1).toUpperCase()+t.substring(1)}function Ue(t,n,a){return Math.min(n,Math.max(t,a))}function Rt(t,n,a){return(a-t)/(n-t)}function _t(t,n,a){return t*(1-a)+n*a}function bn(t,n){const a=t-n;return Math.sqrt(a*a)}function Kt(){return Math.round(Math.random()*1e6).toString()}function Xt(t){return t.r!==void 0&&t.g!==void 0&&t.b!==void 0}function Zt(t){const n=Math.round(t.r*255),a=Math.round(t.g*255),e=Math.round(t.b*255),i=d=>{const h=d.toString(16);return h.length===1?"0"+h:h},c=i(n),f=i(a),o=i(e);return"#"+c+f+o}function et(t,n=1){return Number(t.toFixed(n))}exports.totalThreeObjects=0;const Jt=()=>{exports.totalThreeObjects=0},Dt=t=>{if(!t)return;let n=t.name.replace(" ","");n.length===0&&(n=`obj_${exports.totalThreeObjects}`,exports.totalThreeObjects++),t.parent!==null&&(n=`${t.parent.uuid}.${n}`),t.uuid=n,t.children.forEach(a=>{Dt(a)})},yn=t=>{t?.dispose()},Qt=t=>{t&&(Array.isArray(t)?t.forEach(n=>n.dispose()):t.dispose())},jt=t=>{if(t){for(;t.children.length>0;){const n=t.children[0];n.type==="Audio"?(n.pause(),n.parent&&n.parent.remove(n)):jt(n)}if(t.parent&&t.parent.remove(t),t.isMesh){const n=t;n.geometry?.dispose(),Qt(n.material)}t.dispose!==void 0&&t.dispose()}};class En{components=new Map;listen;_appID="";_debugEnabled;_broadcastChannel=void 0;_webSocket=void 0;_mode="app";_connected=!1;_useBC=!1;constructor(n,a,e=!0){this._appID=n,this._debugEnabled=a,a&&(this._useBC=e,e?(this._broadcastChannel=new BroadcastChannel(n),this._broadcastChannel.addEventListener("message",this.messageHandler)):(this._webSocket=new WebSocket(n),this._webSocket.addEventListener("open",this.openHandler),this._webSocket.addEventListener("close",this.closeHandler),this._webSocket.addEventListener("message",this.messageHandler)))}addComponent(n,a){this.components.set(n,a)}dispose(){this._broadcastChannel!==void 0&&this._broadcastChannel.removeEventListener("message",this.messageHandler),this._webSocket!==void 0&&(this._webSocket.removeEventListener("open",this.openHandler),this._webSocket.removeEventListener("close",this.closeHandler),this._webSocket.removeEventListener("message",this.messageHandler)),this.components.forEach(n=>{n.dispose()}),this.components.clear()}send(n){this._mode!==n.target&&(this._useBC?this._broadcastChannel?.postMessage(n):this._connected&&this._webSocket?.send(JSON.stringify(n)))}messageHandler=n=>{this.listen!==void 0&&(this._useBC?this.listen(n.data):this.listen(JSON.parse(n.data)))};openHandler=()=>{this._connected=!0};closeHandler=()=>{this._connected=!1};get appID(){return this._appID}get connected(){return this._connected}get debugEnabled(){return this._debugEnabled}get mode(){return this._mode}get isApp(){return this._mode==="app"}get editor(){return this._mode==="editor"}set editor(n){n&&(this._mode="editor")}}const N=new l.EventDispatcher,F={CUSTOM:"ToolEvents::custom",SELECT_DROPDOWN:"ToolEvents::selectDropdown",DRAG_UPDATE:"ToolEvents::dragUpdate",SET_SCENE:"ToolEvents::setScene",GET_OBJECT:"ToolEvents::getObject",SET_OBJECT:"ToolEvents::setObject",UPDATE_OBJECT:"ToolEvents::updateObject",CREATE_TEXTURE:"ToolEvents::createTexture",REQUEST_METHOD:"ToolEvents::requestMethod",ADD_CAMERA:"ToolEvents::addCamera",REMOVE_CAMERA:"ToolEvents::removeCamera"};class lt{app;constructor(n){this.app=n}dispose(){}handleApp(n,a,e){}handleEditor(n,a,e){}}class Sn extends lt{selectDropdown(n,a){this.app.send({event:"selectComponent",target:"app",data:{dropdown:n,value:a}})}updateDropdown(n,a){this.app.send({event:"draggableListUpdate",target:"app",data:{dropdown:n,value:a}})}handleApp(n,a,e){switch(e.event){case"selectComponent":N.dispatchEvent({type:F.SELECT_DROPDOWN,value:e.data});break;case"draggableListUpdate":N.dispatchEvent({type:F.DRAG_UPDATE,value:e.data});break}}}class yt extends lt{project;sheets=new Map;sheetObjects=new Map;sheetObjectCBs=new Map;sheetObjectUnsubscribe=new Map;activeSheet;studio=void 0;static rafDriver=void 0;dispose(){this.project=void 0,this.sheets=new Map,this.sheetObjects=new Map,this.sheetObjectCBs=new Map,this.sheetObjectUnsubscribe=new Map}sheet(n){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}let a=this.sheets.get(n);return a!==void 0||(a=this.project?.sheet(n),this.sheets.set(n,a)),a}playSheet(n,a){this.sheet(n)?.sequence.play(a),this.app.send({event:"playSheet",target:"editor",data:{sheet:n,value:a}})}pauseSheet(n){this.sheet(n)?.sequence.pause(),this.app.send({event:"pauseSheet",target:"editor",data:{sheet:n}})}clearSheetObjects(n){this.sheetObjects.forEach((a,e)=>{e.search(`${n}_`)>-1&&this.unsubscribe(a)})}sheetObject(n,a,e,i){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const c=this.sheet(n);if(c===void 0)return;const f=`${n}_${a}`;let o=this.sheetObjects.get(f);o!==void 0?o=c.object(a,{...e,...o.value},{reconfigure:!0}):o=c.object(a,e),this.sheetObjects.set(f,o),this.sheetObjectCBs.set(f,i!==void 0?i:kt);const d=o.onValuesChange(h=>{if(this.app.editor){for(const v in h){const S=h[v];typeof S=="object"&&Xt(S)&&(h[v]={r:S.r,g:S.g,b:S.b,a:S.a})}this.app.send({event:"updateSheetObject",target:"app",data:{sheet:n,sheetObject:f,values:h}})}const b=this.sheetObjectCBs.get(f);b!==void 0&&b(h)});return this.sheetObjectUnsubscribe.set(f,d),o}unsubscribe(n){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const a=n.address.sheetId,e=n.address.objectKey;this.sheets.get(a)?.detachObject(e);const c=`${a}_${e}`,f=this.sheetObjectUnsubscribe.get(c);f!==void 0&&(this.sheetObjects.delete(c),this.sheetObjectCBs.delete(c),this.sheetObjectUnsubscribe.delete(c),f())}handleApp(n,a,e){const i=a;let c;switch(e.event){case"setSheet":c=i.sheets.get(e.data.sheet),c!==void 0&&(i.activeSheet=c,this.studio?.setSelection([c]));break;case"setSheetObject":c=i.sheetObjects.get(`${e.data.sheet}_${e.data.key}`),c!==void 0&&this.studio?.setSelection([c]);break;case"updateSheetObject":c=i.sheets.get(e.data.sheet),c!==void 0&&c.sequence.pause(),c=i.sheetObjectCBs.get(e.data.sheetObject),c!==void 0&&c(e.data.values);break;case"updateTimeline":c=i.sheets.get(e.data.sheet),i.activeSheet!==void 0&&(i.activeSheet.sequence.position=e.data.position);break}}handleEditor(n,a,e){if(n.editor){const i=a;switch(e.event){case"playSheet":i.sheet(e.data.sheet)?.sequence.play(e.data.value);break;case"pauseSheet":i.sheet(e.data.sheet)?.sequence.pause();break}}}handleEditorApp(n,a){if(n.editor){this.studio?.ui.restore(),this.studio?.onSelectionChange(f=>{f.length<1||f.forEach(o=>{let d=o.address.sheetId,h="setSheet",b={};switch(o.type){case"Theatre_Sheet_PublicAPI":h="setSheet",b={sheet:o.address.sheetId},a.activeSheet=a.sheets.get(o.address.sheetId);break;case"Theatre_SheetObject_PublicAPI":h="setSheetObject",d+=`_${o.address.objectKey}`,b={id:d,sheet:o.address.sheetId,key:o.address.objectKey},a.activeSheet=a.sheets.get(o.address.sheetId);break}n.send({event:h,target:"app",data:b})})});let e=-1;const i=()=>{if(yt.rafDriver?.tick(performance.now()),a.activeSheet!==void 0&&e!==a.activeSheet.sequence.position){e=a.activeSheet.sequence.position;const f=a.activeSheet;n.send({event:"updateTimeline",target:"app",data:{position:e,sheet:f.address.sheetId}})}},c=()=>{i(),requestAnimationFrame(c)};i(),c()}else this.studio?.ui.hide()}}function xn(t,n,a){if(t.editor){a.ui.restore(),a.onSelectionChange(f=>{f.length<1||f.forEach(o=>{let d=o.address.sheetId,h="setSheet",b={};switch(o.type){case"Theatre_Sheet_PublicAPI":h="setSheet",b={sheet:o.address.sheetId},n.activeSheet=n.sheets.get(o.address.sheetId);break;case"Theatre_SheetObject_PublicAPI":h="setSheetObject",d+=`_${o.address.objectKey}`,b={id:d,sheet:o.address.sheetId,key:o.address.objectKey},n.activeSheet=n.sheets.get(o.address.sheetId);break}t.send({event:h,target:"app",data:b})})});let e=-1;const i=()=>{if(yt.rafDriver?.tick(performance.now()),n.activeSheet!==void 0&&e!==n.activeSheet.sequence.position){e=n.activeSheet.sequence.position;const f=n.activeSheet;t.send({event:"updateTimeline",target:"app",data:{position:e,sheet:f.address.sheetId}})}},c=()=>{i(),requestAnimationFrame(c)};i(),c()}else a.ui.hide()}function Cn(t){if(t.name==="cameras")return"camera";if(t.name==="interactive")return"interactive";if(t.name==="lights")return"light";if(t.name==="ui")return"ui";if(t.name==="utils")return"utils";const n=t.type;return n.search("Helper")>-1?"icon_utils":n.search("Camera")>-1?"camera":n.search("Light")>-1?"light":"obj3D"}function en(t){const n={name:t.name,type:t.type,uuid:t.uuid,children:[]};return t.children.forEach(a=>{n.children.push(en(a))}),n}function wn(t){const n={};for(const a in t){const e=t[a].value;n[a]={value:e},e===null?n[a].value={src:""}:e.isTexture&&(n[a].value={src:e.image.src})}return n}function On(t){switch(t){case"blendSrcAlpha":case"blendDstAlpha":case"blendEquationAlpha":case"clippingPlanes":case"shadowSide":case"precision":return!0}return!1}function Je(t){const n={};for(const a in t){if(a.substring(0,1)==="_"||a.substring(0,2)==="is"||On(a))continue;const e=typeof t[a],i=t[a];switch(e){case"boolean":case"number":case"string":n[a]=i;break;case"object":if(i!==null)if(n[a]=i,i.isTexture)if(i instanceof l.Texture){const c=i.source.toJSON();n[a]={src:c.url}}else i instanceof l.CubeTexture&&(console.log("env map"),console.log(i.source.data),console.log(i.source.toJSON()),n[a]={src:""});else a==="uniforms"&&(n[a]=wn(n[a]));else n[a]={src:""};break}}return n}function Ot(t){t.updateMatrix();const n={name:t.name,type:t.type,uuid:t.uuid,visible:t.visible,matrix:t.matrix.elements,animations:[],material:void 0,perspectiveCameraInfo:void 0,orthographicCameraInfo:void 0,lightInfo:void 0};t.animations.forEach(e=>{n.animations.push({name:e.name,duration:e.duration,blendMode:e.blendMode})});const a=t.type.toLowerCase();if(a.search("mesh")>-1){const e=t;if(Array.isArray(e.material)){const i=[];e.material.forEach(c=>{i.push(Je(c))}),n.material=i}else n.material=Je(e.material)}else if(a.search("points")>-1){const e=t;if(Array.isArray(e.material)){const i=[];e.material.forEach(c=>{i.push(Je(c))}),n.material=i}else n.material=Je(e.material)}else if(a.search("line")>-1){const e=t;if(Array.isArray(e.material)){const i=[];e.material.forEach(c=>{i.push(Je(c))}),n.material=i}else n.material=Je(e.material)}else a.search("camera")>-1?t.type==="PerspectiveCamera"?n.perspectiveCameraInfo={fov:t.fov,zoom:t.zoom,near:t.near,far:t.far,focus:t.focus,aspect:t.aspect,filmGauge:t.filmGauge,filmOffset:t.filmOffset}:t.type==="OrthographicCamera"&&(n.orthographicCameraInfo={zoom:t.zoom,near:t.near,far:t.far,left:t.left,right:t.right,top:t.top,bottom:t.bottom}):a.search("light")>-1&&(n.lightInfo={color:t.color,intensity:t.intensity,decay:t.decay,distance:t.distance,angle:t.angle,penumbra:t.penumbra,groundColor:t.groundColor,width:t.width,height:t.height});return n}function Mn(t,n){const a=n.split(".");switch(a.length){case 1:return t[a[0]];case 2:return t[a[0]][a[1]];case 3:return t[a[0]][a[1]][a[2]];case 4:return t[a[0]][a[1]][a[2]][a[3]];case 5:return t[a[0]][a[1]][a[2]][a[3]][a[4]];case 6:return t[a[0]][a[1]][a[2]][a[3]][a[4]][a[5]]}}function J(t,n,a){const e=n.split(".");switch(e.length){case 1:t[e[0]]=a;break;case 2:t[e[0]][e[1]]=a;break;case 3:t[e[0]][e[1]][e[2]]=a;break;case 4:t[e[0]][e[1]][e[2]][e[3]]=a;break;case 5:t[e[0]][e[1]][e[2]][e[3]][e[4]]=a;break}}function At(t){return new Promise((n,a)=>{const e=new Image;e.onload=()=>{const i=new l.Texture(e);i.wrapS=l.RepeatWrapping,i.wrapT=l.RepeatWrapping,i.needsUpdate=!0,n(i)},e.onerror=a,e.src=t})}class Tn extends lt{scene=void 0;renderer=void 0;getObject(n){this.app.debugEnabled&&this.app.send({event:"getObject",target:"app",data:n})}setObject(n){const a=Ot(n);this.app.send({event:"setObject",target:"editor",data:a})}requestMethod(n,a,e,i){this.app.send({event:"requestMethod",target:"app",data:{uuid:n,key:a,value:e,subitem:i}})}updateObject(n,a,e){this.app.send({event:"updateObject",target:"app",data:{uuid:n,key:a,value:e}})}createTexture(n,a,e){this.app.send({event:"createTexture",target:"app",data:{uuid:n,key:a,value:e}})}setScene(n){if(n===void 0||(this.scene=n,!this.app.debugEnabled))return;Jt(),Dt(this.scene);const a=en(this.scene);this.app.send({event:"setScene",target:"editor",data:a})}addCamera(n){if(!this.app.debugEnabled)return;const a=Ot(n);this.app.send({event:"addCamera",target:"editor",data:a})}removeCamera(n){if(!this.app.debugEnabled)return;const a=Ot(n);this.app.send({event:"removeCamera",target:"editor",data:a})}handleApp(n,a,e){switch(e.event){case"getObject":N.dispatchEvent({type:F.GET_OBJECT,value:e.data});break;case"updateObject":N.dispatchEvent({type:F.UPDATE_OBJECT,value:e.data});break;case"createTexture":N.dispatchEvent({type:F.CREATE_TEXTURE,value:e.data});break;case"requestMethod":N.dispatchEvent({type:F.REQUEST_METHOD,value:e.data});break}}handleEditor(n,a,e){switch(e.event){case"setObject":N.dispatchEvent({type:F.SET_OBJECT,value:e.data});break;case"setScene":N.dispatchEvent({type:F.SET_SCENE,value:e.data});break;case"addCamera":N.dispatchEvent({type:F.ADD_CAMERA,value:e.data});break;case"removeCamera":N.dispatchEvent({type:F.REMOVE_CAMERA,value:e.data});break}}resize(n,a){this.renderer?.setSize(n,a)}set dpr(n){this.renderer?.setPixelRatio(Ue(1,2,n))}get dpr(){return this.renderer!==void 0?this.renderer?.getPixelRatio():1}get width(){return this.renderer!==void 0?this.renderer?.domElement.width/this.dpr:0}get height(){return this.renderer!==void 0?this.renderer?.domElement.height/this.dpr:0}get canvas(){return this.renderer!==void 0?this.renderer?.domElement:null}}class Rn extends lt{bindCBs;buttonCBs;pane=void 0;appCallbacks=0;editorCallbacks=0;inspectorFolder=void 0;constructor(n){super(n),this.bindCBs=new Map,this.buttonCBs=new Map,n.editor&&this.createGUI()}createGUI(){this.pane=new fn.Pane({title:"GUI"}),this.pane.registerPlugin(gn)}dispose(){this.bindCBs.clear(),this.buttonCBs.clear(),this.appCallbacks=0,this.editorCallbacks=0,this.app.editor&&(this.pane?.dispose(),this.pane=void 0)}addFolder(n,a=void 0,e=void 0){if(this.app.editor)return this.pane===void 0&&this.createGUI(),(e!==void 0?e:this.pane).addFolder({title:n,...a});this.app.send({event:"addFolder",target:"app",data:{name:n,params:a,parent:e}})}get bindID(){return`debug_${Math.max(this.appCallbacks,this.editorCallbacks)}`}bind(n,a,e,i=void 0){const c=this.bindID,f=e.onChange!==void 0?e.onChange:kt;this.bindCBs.set(c,f),this.app.editor?(this.pane===void 0&&this.createGUI(),(i!==void 0?i:this.pane).addBinding(n,a,e).on("change",d=>{this.app.send({event:"updateBind",target:"app",data:{id:c,value:d.value}})}),this.editorCallbacks++):(this.app.send({event:"bindObject",target:"app",data:{id:c,name:a,params:e,parent:i}}),this.appCallbacks++)}triggerBind(n,a){const e=this.bindCBs.get(n);e!==void 0?e(a):console.warn(`No callback for: ${n}`,a)}button(n,a,e=void 0){const i=this.bindID;this.buttonCBs.set(i,a),this.app.editor?(this.pane===void 0&&this.createGUI(),(e!==void 0?e:this.pane).addButton({title:n}).on("click",()=>{this.app.send({event:"clickButton",target:"app",data:{id:i}})}),this.editorCallbacks++):(this.app.send({event:"addButton",target:"app",data:{id:i,name:n,callback:a,parent:e}}),this.appCallbacks++)}triggerButton(n){const a=this.buttonCBs.get(n);a!==void 0&&a()}createInspector(){this.inspectorFolder=this.addFolder("Inspector",this.pane)}clearInspector(){const n=this.inspectorFolder.children.length-1;for(let a=n;a>-1;--a)this.inspectorFolder.remove(this.inspectorFolder.children[a])}handleApp(n,a,e){const i=a;switch(e.event){case"addFolder":i.addFolder(e.data.name,e.data.params,e.data.parent);break;case"bindObject":i.bind(e.data.name,e.data.params,e.data.parent);break;case"updateBind":i.triggerBind(e.data.id,e.data.value);break;case"addButton":i.button(e.data.name,e.data.callback,e.data.parent);break;case"clickButton":i.triggerButton(e.data.id);break}}}var Pt={exports:{}},it={};/**
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("three"),gn=require("tweakpane"),vn=require("@tweakpane/plugin-essentials"),S=require("react"),Zt=require("framer-motion");function yn(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const e=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(n,i,e.get?e:{enumerable:!0,get:()=>t[i]})}}return n.default=t,Object.freeze(n)}const bn=yn(vn),jt=()=>{},Cn=()=>{};function ze(t){return t.substring(0,1).toUpperCase()+t.substring(1)}function Ue(t,n,i){return Math.min(n,Math.max(t,i))}function At(t,n,i){return(i-t)/(n-t)}function kt(t,n,i){return t*(1-i)+n*i}function En(t,n){const i=t-n;return Math.sqrt(i*i)}function Jt(){return Math.round(Math.random()*1e6).toString()}function Qt(t){return t.r!==void 0&&t.g!==void 0&&t.b!==void 0}function en(t){const n=Math.round(t.r*255),i=Math.round(t.g*255),e=Math.round(t.b*255),r=u=>{const f=u.toString(16);return f.length===1?"0"+f:f},a=r(n),l=r(i),c=r(e);return"#"+a+l+c}function tt(t,n=1){return Number(t.toFixed(n))}exports.totalThreeObjects=0;const tn=()=>{exports.totalThreeObjects=0},It=t=>{if(!t)return;let n=t.name.replace(" ","");n.length===0&&(n=`obj_${exports.totalThreeObjects}`,exports.totalThreeObjects++),t.parent!==null&&t.parent.uuid.length>0&&(n=`${t.parent.uuid}.${n}`),t.uuid=n,t.children.forEach(i=>{It(i)})},Sn=t=>{t?.dispose()},nn=t=>{t&&(Array.isArray(t)?t.forEach(n=>n.dispose()):t.dispose())},Lt=t=>{if(t){for(;t.children.length>0;){const n=t.children[0];n.type==="Audio"?(n.pause(),n.parent&&n.parent.remove(n)):Lt(n)}if(t.parent&&t.parent.remove(t),t.isMesh){const n=t;n.geometry?.dispose(),nn(n.material)}t.dispose!==void 0&&t.dispose()}};class xn{components=new Map;listen;_appID="";_debugEnabled;_broadcastChannel=void 0;_webSocket=void 0;_mode="app";_connected=!1;_useBC=!1;constructor(n,i,e=!0){this._appID=n,this._debugEnabled=i,i&&(this._useBC=e,e?(this._broadcastChannel=new BroadcastChannel(n),this._broadcastChannel.addEventListener("message",this.messageHandler)):(this._webSocket=new WebSocket(n),this._webSocket.addEventListener("open",this.openHandler),this._webSocket.addEventListener("close",this.closeHandler),this._webSocket.addEventListener("message",this.messageHandler)))}addComponent(n,i){this.components.set(n,i)}dispose(){this._broadcastChannel!==void 0&&this._broadcastChannel.removeEventListener("message",this.messageHandler),this._webSocket!==void 0&&(this._webSocket.removeEventListener("open",this.openHandler),this._webSocket.removeEventListener("close",this.closeHandler),this._webSocket.removeEventListener("message",this.messageHandler)),this.components.forEach(n=>{n.dispose()}),this.components.clear()}send(n){this._mode!==n.target&&(this._useBC?this._broadcastChannel?.postMessage(n):this._connected&&this._webSocket?.send(JSON.stringify(n)))}messageHandler=n=>{this.listen!==void 0&&(this._useBC?this.listen(n.data):this.listen(JSON.parse(n.data)))};openHandler=()=>{this._connected=!0};closeHandler=()=>{this._connected=!1};get appID(){return this._appID}get connected(){return this._connected}get debugEnabled(){return this._debugEnabled}get mode(){return this._mode}get isApp(){return this._mode==="app"}get editor(){return this._mode==="editor"}set editor(n){n&&(this._mode="editor")}}const U=new d.EventDispatcher,z={CUSTOM:"ToolEvents::custom",SELECT_DROPDOWN:"ToolEvents::selectDropdown",DRAG_UPDATE:"ToolEvents::dragUpdate",SET_SCENE:"ToolEvents::setScene",GET_OBJECT:"ToolEvents::getObject",SET_OBJECT:"ToolEvents::setObject",UPDATE_OBJECT:"ToolEvents::updateObject",CREATE_TEXTURE:"ToolEvents::createTexture",REQUEST_METHOD:"ToolEvents::requestMethod",ADD_CAMERA:"ToolEvents::addCamera",REMOVE_CAMERA:"ToolEvents::removeCamera"};class lt{app;constructor(n){this.app=n}dispose(){}handleApp(n,i,e){}handleEditor(n,i,e){}}class wn extends lt{selectDropdown(n,i){this.app.send({event:"selectComponent",target:"app",data:{dropdown:n,value:i}})}updateDropdown(n,i){this.app.send({event:"draggableListUpdate",target:"app",data:{dropdown:n,value:i}})}handleApp(n,i,e){switch(e.event){case"selectComponent":U.dispatchEvent({type:z.SELECT_DROPDOWN,value:e.data});break;case"draggableListUpdate":U.dispatchEvent({type:z.DRAG_UPDATE,value:e.data});break}}}class Ct extends lt{project;sheets=new Map;sheetObjects=new Map;sheetObjectCBs=new Map;sheetObjectUnsubscribe=new Map;activeSheet;studio=void 0;static rafDriver=void 0;dispose(){this.project=void 0,this.sheets=new Map,this.sheetObjects=new Map,this.sheetObjectCBs=new Map,this.sheetObjectUnsubscribe=new Map}sheet(n){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}let i=this.sheets.get(n);return i!==void 0||(i=this.project?.sheet(n),this.sheets.set(n,i)),i}playSheet(n,i){this.sheet(n)?.sequence.play(i),this.app.send({event:"playSheet",target:"editor",data:{sheet:n,value:i}})}pauseSheet(n){this.sheet(n)?.sequence.pause(),this.app.send({event:"pauseSheet",target:"editor",data:{sheet:n}})}clearSheetObjects(n){this.sheetObjects.forEach((i,e)=>{e.search(`${n}_`)>-1&&this.unsubscribe(i)})}sheetObject(n,i,e,r){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const a=this.sheet(n);if(a===void 0)return;const l=`${n}_${i}`;let c=this.sheetObjects.get(l);c!==void 0?c=a.object(i,{...e,...c.value},{reconfigure:!0}):c=a.object(i,e),this.sheetObjects.set(l,c),this.sheetObjectCBs.set(l,r!==void 0?r:jt);const u=c.onValuesChange(f=>{if(this.app.editor){for(const p in f){const b=f[p];typeof b=="object"&&Qt(b)&&(f[p]={r:b.r,g:b.g,b:b.b,a:b.a})}this.app.send({event:"updateSheetObject",target:"app",data:{sheet:n,sheetObject:l,values:f}})}const m=this.sheetObjectCBs.get(l);m!==void 0&&m(f)});return this.sheetObjectUnsubscribe.set(l,u),c}unsubscribe(n){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const i=n.address.sheetId,e=n.address.objectKey;this.sheets.get(i)?.detachObject(e);const a=`${i}_${e}`,l=this.sheetObjectUnsubscribe.get(a);l!==void 0&&(this.sheetObjects.delete(a),this.sheetObjectCBs.delete(a),this.sheetObjectUnsubscribe.delete(a),l())}handleApp(n,i,e){const r=i;let a;switch(e.event){case"setSheet":a=r.sheets.get(e.data.sheet),a!==void 0&&(r.activeSheet=a,this.studio?.setSelection([a]));break;case"setSheetObject":a=r.sheetObjects.get(`${e.data.sheet}_${e.data.key}`),a!==void 0&&this.studio?.setSelection([a]);break;case"updateSheetObject":a=r.sheets.get(e.data.sheet),a!==void 0&&a.sequence.pause(),a=r.sheetObjectCBs.get(e.data.sheetObject),a!==void 0&&a(e.data.values);break;case"updateTimeline":a=r.sheets.get(e.data.sheet),r.activeSheet!==void 0&&(r.activeSheet.sequence.position=e.data.position);break}}handleEditor(n,i,e){if(n.editor){const r=i;switch(e.event){case"playSheet":r.sheet(e.data.sheet)?.sequence.play(e.data.value);break;case"pauseSheet":r.sheet(e.data.sheet)?.sequence.pause();break}}}handleEditorApp(n,i){if(n.editor){this.studio?.ui.restore(),this.studio?.onSelectionChange(l=>{l.length<1||l.forEach(c=>{let u=c.address.sheetId,f="setSheet",m={};switch(c.type){case"Theatre_Sheet_PublicAPI":f="setSheet",m={sheet:c.address.sheetId},i.activeSheet=i.sheets.get(c.address.sheetId);break;case"Theatre_SheetObject_PublicAPI":f="setSheetObject",u+=`_${c.address.objectKey}`,m={id:u,sheet:c.address.sheetId,key:c.address.objectKey},i.activeSheet=i.sheets.get(c.address.sheetId);break}n.send({event:f,target:"app",data:m})})});let e=-1;const r=()=>{if(Ct.rafDriver?.tick(performance.now()),i.activeSheet!==void 0&&e!==i.activeSheet.sequence.position){e=i.activeSheet.sequence.position;const l=i.activeSheet;n.send({event:"updateTimeline",target:"app",data:{position:e,sheet:l.address.sheetId}})}},a=()=>{r(),requestAnimationFrame(a)};r(),a()}else this.studio?.ui.hide()}}function On(t,n,i){if(t.editor){i.ui.restore(),i.onSelectionChange(l=>{l.length<1||l.forEach(c=>{let u=c.address.sheetId,f="setSheet",m={};switch(c.type){case"Theatre_Sheet_PublicAPI":f="setSheet",m={sheet:c.address.sheetId},n.activeSheet=n.sheets.get(c.address.sheetId);break;case"Theatre_SheetObject_PublicAPI":f="setSheetObject",u+=`_${c.address.objectKey}`,m={id:u,sheet:c.address.sheetId,key:c.address.objectKey},n.activeSheet=n.sheets.get(c.address.sheetId);break}t.send({event:f,target:"app",data:m})})});let e=-1;const r=()=>{if(Ct.rafDriver?.tick(performance.now()),n.activeSheet!==void 0&&e!==n.activeSheet.sequence.position){e=n.activeSheet.sequence.position;const l=n.activeSheet;t.send({event:"updateTimeline",target:"app",data:{position:e,sheet:l.address.sheetId}})}},a=()=>{r(),requestAnimationFrame(a)};r(),a()}else i.ui.hide()}function Mn(t){if(t.name==="cameras")return"camera";if(t.name==="interactive")return"interactive";if(t.name==="lights")return"light";if(t.name==="ui")return"ui";if(t.name==="utils")return"utils";const n=t.type;return n.search("Helper")>-1?"icon_utils":n.search("Camera")>-1?"camera":n.search("Light")>-1?"light":"obj3D"}function an(t){const n={name:t.name,type:t.type,uuid:t.uuid,children:[]};return t.children.forEach(i=>{n.children.push(an(i))}),n}function _n(t){const n={};for(const i in t){const e=t[i].value;n[i]={value:e},e===null?n[i].value={src:""}:e.isTexture&&(n[i].value={src:e.image.src})}return n}function Tn(t){switch(t){case"blendSrcAlpha":case"blendDstAlpha":case"blendEquationAlpha":case"clippingPlanes":case"shadowSide":case"precision":return!0}return!1}function Qe(t){const n={};for(const i in t){if(i.substring(0,1)==="_"||i.substring(0,2)==="is"||Tn(i))continue;const e=typeof t[i],r=t[i];switch(e){case"boolean":case"number":case"string":n[i]=r;break;case"object":if(r!==null)if(n[i]=r,r.isTexture)if(r instanceof d.Texture){const a=r.source.toJSON();n[i]={src:a.url}}else r instanceof d.CubeTexture&&(console.log("env map"),console.log(r.source.data),console.log(r.source.toJSON()),n[i]={src:""});else i==="uniforms"&&(n[i]=_n(n[i]));else n[i]={src:""};break}}return n}function Mt(t){t.updateMatrix();const n={name:t.name,type:t.type,uuid:t.uuid,visible:t.visible,matrix:t.matrix.elements,animations:[],material:void 0,perspectiveCameraInfo:void 0,orthographicCameraInfo:void 0,lightInfo:void 0};t.animations.forEach(e=>{n.animations.push({name:e.name,duration:e.duration,blendMode:e.blendMode})});const i=t.type.toLowerCase();if(i.search("mesh")>-1){const e=t;if(Array.isArray(e.material)){const r=[];e.material.forEach(a=>{r.push(Qe(a))}),n.material=r}else n.material=Qe(e.material)}else if(i.search("points")>-1){const e=t;if(Array.isArray(e.material)){const r=[];e.material.forEach(a=>{r.push(Qe(a))}),n.material=r}else n.material=Qe(e.material)}else if(i.search("line")>-1){const e=t;if(Array.isArray(e.material)){const r=[];e.material.forEach(a=>{r.push(Qe(a))}),n.material=r}else n.material=Qe(e.material)}else i.search("camera")>-1?t.type==="PerspectiveCamera"?n.perspectiveCameraInfo={fov:t.fov,zoom:t.zoom,near:t.near,far:t.far,focus:t.focus,aspect:t.aspect,filmGauge:t.filmGauge,filmOffset:t.filmOffset}:t.type==="OrthographicCamera"&&(n.orthographicCameraInfo={zoom:t.zoom,near:t.near,far:t.far,left:t.left,right:t.right,top:t.top,bottom:t.bottom}):i.search("light")>-1&&(n.lightInfo={color:t.color,intensity:t.intensity,decay:t.decay,distance:t.distance,angle:t.angle,penumbra:t.penumbra,groundColor:t.groundColor,width:t.width,height:t.height});return n}function Rn(t,n){const i=n.split(".");switch(i.length){case 1:return t[i[0]];case 2:return t[i[0]][i[1]];case 3:return t[i[0]][i[1]][i[2]];case 4:return t[i[0]][i[1]][i[2]][i[3]];case 5:return t[i[0]][i[1]][i[2]][i[3]][i[4]];case 6:return t[i[0]][i[1]][i[2]][i[3]][i[4]][i[5]]}}function _(t,n,i){const e=n.split(".");switch(e.length){case 1:t[e[0]]=i;break;case 2:t[e[0]][e[1]]=i;break;case 3:t[e[0]][e[1]][e[2]]=i;break;case 4:t[e[0]][e[1]][e[2]][e[3]]=i;break;case 5:t[e[0]][e[1]][e[2]][e[3]][e[4]]=i;break}}function yt(t){return new Promise((n,i)=>{const e=new Image;e.onload=()=>{const r=new d.Texture(e);r.wrapS=d.RepeatWrapping,r.wrapT=d.RepeatWrapping,r.needsUpdate=!0,n(r)},e.onerror=i,e.src=t})}class Pn extends lt{scene=void 0;renderer=void 0;getObject(n){this.app.debugEnabled&&this.app.send({event:"getObject",target:"app",data:n})}setObject(n){const i=Mt(n);this.app.send({event:"setObject",target:"editor",data:i})}requestMethod(n,i,e,r){this.app.send({event:"requestMethod",target:"app",data:{uuid:n,key:i,value:e,subitem:r}})}updateObject(n,i,e){this.app.send({event:"updateObject",target:"app",data:{uuid:n,key:i,value:e}})}createTexture(n,i,e){this.app.send({event:"createTexture",target:"app",data:{uuid:n,key:i,value:e}})}setScene(n){if(n===void 0||(this.scene=n,!this.app.debugEnabled))return;tn(),It(this.scene);const i=an(this.scene);this.app.send({event:"setScene",target:"editor",data:i})}addCamera(n){if(!this.app.debugEnabled)return;const i=Mt(n);this.app.send({event:"addCamera",target:"editor",data:i})}removeCamera(n){if(!this.app.debugEnabled)return;const i=Mt(n);this.app.send({event:"removeCamera",target:"editor",data:i})}handleApp(n,i,e){switch(e.event){case"getObject":U.dispatchEvent({type:z.GET_OBJECT,value:e.data});break;case"updateObject":U.dispatchEvent({type:z.UPDATE_OBJECT,value:e.data});break;case"createTexture":U.dispatchEvent({type:z.CREATE_TEXTURE,value:e.data});break;case"requestMethod":U.dispatchEvent({type:z.REQUEST_METHOD,value:e.data});break}}handleEditor(n,i,e){switch(e.event){case"setObject":U.dispatchEvent({type:z.SET_OBJECT,value:e.data});break;case"setScene":U.dispatchEvent({type:z.SET_SCENE,value:e.data});break;case"addCamera":U.dispatchEvent({type:z.ADD_CAMERA,value:e.data});break;case"removeCamera":U.dispatchEvent({type:z.REMOVE_CAMERA,value:e.data});break}}resize(n,i){this.renderer?.setSize(n,i)}set dpr(n){this.renderer?.setPixelRatio(Ue(1,2,n))}get dpr(){return this.renderer!==void 0?this.renderer?.getPixelRatio():1}get width(){return this.renderer!==void 0?this.renderer?.domElement.width/this.dpr:0}get height(){return this.renderer!==void 0?this.renderer?.domElement.height/this.dpr:0}get canvas(){return this.renderer!==void 0?this.renderer?.domElement:null}}class An extends lt{bindCBs;buttonCBs;pane=void 0;appCallbacks=0;editorCallbacks=0;inspectorFolder=void 0;constructor(n){super(n),this.bindCBs=new Map,this.buttonCBs=new Map,n.editor&&this.createGUI()}createGUI(){this.pane=new gn.Pane({title:"GUI"}),this.pane.registerPlugin(bn)}dispose(){this.bindCBs.clear(),this.buttonCBs.clear(),this.appCallbacks=0,this.editorCallbacks=0,this.app.editor&&(this.pane?.dispose(),this.pane=void 0)}addFolder(n,i=void 0,e=void 0){if(this.app.editor)return this.pane===void 0&&this.createGUI(),(e!==void 0?e:this.pane).addFolder({title:n,...i});this.app.send({event:"addFolder",target:"app",data:{name:n,params:i,parent:e}})}get bindID(){return`debug_${Math.max(this.appCallbacks,this.editorCallbacks)}`}bind(n,i,e,r=void 0){const a=this.bindID,l=e.onChange!==void 0?e.onChange:jt;this.bindCBs.set(a,l),this.app.editor?(this.pane===void 0&&this.createGUI(),(r!==void 0?r:this.pane).addBinding(n,i,e).on("change",u=>{this.app.send({event:"updateBind",target:"app",data:{id:a,value:u.value}})}),this.editorCallbacks++):(this.app.send({event:"bindObject",target:"app",data:{id:a,name:i,params:e,parent:r}}),this.appCallbacks++)}triggerBind(n,i){const e=this.bindCBs.get(n);e!==void 0?e(i):console.warn(`No callback for: ${n}`,i)}button(n,i,e=void 0){const r=this.bindID;this.buttonCBs.set(r,i),this.app.editor?(this.pane===void 0&&this.createGUI(),(e!==void 0?e:this.pane).addButton({title:n}).on("click",()=>{this.app.send({event:"clickButton",target:"app",data:{id:r}})}),this.editorCallbacks++):(this.app.send({event:"addButton",target:"app",data:{id:r,name:n,callback:i,parent:e}}),this.appCallbacks++)}triggerButton(n){const i=this.buttonCBs.get(n);i!==void 0&&i()}createInspector(){this.inspectorFolder=this.addFolder("Inspector",this.pane)}clearInspector(){const n=this.inspectorFolder.children.length-1;for(let i=n;i>-1;--i)this.inspectorFolder.remove(this.inspectorFolder.children[i])}handleApp(n,i,e){const r=i;switch(e.event){case"addFolder":r.addFolder(e.data.name,e.data.params,e.data.parent);break;case"bindObject":r.bind(e.data.name,e.data.params,e.data.parent);break;case"updateBind":r.triggerBind(e.data.id,e.data.value);break;case"addButton":r.button(e.data.name,e.data.callback,e.data.parent);break;case"clickButton":r.triggerButton(e.data.id);break}}}var Dt={exports:{}},rt={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var zt;function kn(){if(zt)return rt;zt=1;var t=S,n=Symbol.for("react.element"),i=Symbol.for("react.fragment"),e=Object.prototype.hasOwnProperty,r=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a={key:!0,ref:!0,__self:!0,__source:!0};function l(c,u,f){var m,p={},b=null,X=null;f!==void 0&&(b=""+f),u.key!==void 0&&(b=""+u.key),u.ref!==void 0&&(X=u.ref);for(m in u)e.call(u,m)&&!a.hasOwnProperty(m)&&(p[m]=u[m]);if(c&&c.defaultProps)for(m in u=c.defaultProps,u)p[m]===void 0&&(p[m]=u[m]);return{$$typeof:n,type:c,key:b,ref:X,props:p,_owner:r.current}}return rt.Fragment=i,rt.jsx=l,rt.jsxs=l,rt}var st={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,20 +14,20 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
18
|
-
|
|
19
|
-
`),
|
|
20
|
-
`),
|
|
21
|
-
`+
|
|
17
|
+
*/var $t;function Dn(){return $t||($t=1,process.env.NODE_ENV!=="production"&&function(){var t=S,n=Symbol.for("react.element"),i=Symbol.for("react.portal"),e=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),c=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),m=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),b=Symbol.for("react.lazy"),X=Symbol.for("react.offscreen"),O=Symbol.iterator,D="@@iterator";function j(s){if(s===null||typeof s!="object")return null;var g=O&&s[O]||s[D];return typeof g=="function"?g:null}var x=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function w(s){{for(var g=arguments.length,C=new Array(g>1?g-1:0),M=1;M<g;M++)C[M-1]=arguments[M];N("error",s,C)}}function N(s,g,C){{var M=x.ReactDebugCurrentFrame,V=M.getStackAddendum();V!==""&&(g+="%s",C=C.concat([V]));var W=C.map(function(B){return String(B)});W.unshift("Warning: "+g),Function.prototype.apply.call(console[s],console,W)}}var K=!1,ne=!1,pe=!1,J=!1,me=!1,ue;ue=Symbol.for("react.module.reference");function we(s){return!!(typeof s=="string"||typeof s=="function"||s===e||s===a||me||s===r||s===f||s===m||J||s===X||K||ne||pe||typeof s=="object"&&s!==null&&(s.$$typeof===b||s.$$typeof===p||s.$$typeof===l||s.$$typeof===c||s.$$typeof===u||s.$$typeof===ue||s.getModuleId!==void 0))}function Oe(s,g,C){var M=s.displayName;if(M)return M;var V=g.displayName||g.name||"";return V!==""?C+"("+V+")":C}function ge(s){return s.displayName||"Context"}function $(s){if(s==null)return null;if(typeof s.tag=="number"&&w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof s=="function")return s.displayName||s.name||null;if(typeof s=="string")return s;switch(s){case e:return"Fragment";case i:return"Portal";case a:return"Profiler";case r:return"StrictMode";case f:return"Suspense";case m:return"SuspenseList"}if(typeof s=="object")switch(s.$$typeof){case c:var g=s;return ge(g)+".Consumer";case l:var C=s;return ge(C._context)+".Provider";case u:return Oe(s,s.render,"ForwardRef");case p:var M=s.displayName||null;return M!==null?M:$(s.type)||"Memo";case b:{var V=s,W=V._payload,B=V._init;try{return $(B(W))}catch{return null}}}return null}var ve=Object.assign,T=0,Ee,Me,Re,_e,Te,Pe,je;function Ie(){}Ie.__reactDisabledLog=!0;function ae(){{if(T===0){Ee=console.log,Me=console.info,Re=console.warn,_e=console.error,Te=console.group,Pe=console.groupCollapsed,je=console.groupEnd;var s={configurable:!0,enumerable:!0,value:Ie,writable:!0};Object.defineProperties(console,{info:s,log:s,warn:s,error:s,group:s,groupCollapsed:s,groupEnd:s})}T++}}function Se(){{if(T--,T===0){var s={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:ve({},s,{value:Ee}),info:ve({},s,{value:Me}),warn:ve({},s,{value:Re}),error:ve({},s,{value:_e}),group:ve({},s,{value:Te}),groupCollapsed:ve({},s,{value:Pe}),groupEnd:ve({},s,{value:je})})}T<0&&w("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var $e=x.ReactCurrentDispatcher,He;function he(s,g,C){{if(He===void 0)try{throw Error()}catch(V){var M=V.stack.trim().match(/\n( *(at )?)/);He=M&&M[1]||""}return`
|
|
18
|
+
`+He+s}}var v=!1,y;{var R=typeof WeakMap=="function"?WeakMap:Map;y=new R}function F(s,g){if(!s||v)return"";{var C=y.get(s);if(C!==void 0)return C}var M;v=!0;var V=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var W;W=$e.current,$e.current=null,ae();try{if(g){var B=function(){throw Error()};if(Object.defineProperty(B.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(B,[])}catch(ke){M=ke}Reflect.construct(s,[],B)}else{try{B.call()}catch(ke){M=ke}s.call(B.prototype)}}else{try{throw Error()}catch(ke){M=ke}s()}}catch(ke){if(ke&&M&&typeof ke.stack=="string"){for(var L=ke.stack.split(`
|
|
19
|
+
`),fe=M.stack.split(`
|
|
20
|
+
`),te=L.length-1,ie=fe.length-1;te>=1&&ie>=0&&L[te]!==fe[ie];)ie--;for(;te>=1&&ie>=0;te--,ie--)if(L[te]!==fe[ie]){if(te!==1||ie!==1)do if(te--,ie--,ie<0||L[te]!==fe[ie]){var Ce=`
|
|
21
|
+
`+L[te].replace(" at new "," at ");return s.displayName&&Ce.includes("<anonymous>")&&(Ce=Ce.replace("<anonymous>",s.displayName)),typeof s=="function"&&y.set(s,Ce),Ce}while(te>=1&&ie>=0);break}}}finally{v=!1,$e.current=W,Se(),Error.prepareStackTrace=V}var Je=s?s.displayName||s.name:"",Ut=Je?he(Je):"";return typeof s=="function"&&y.set(s,Ut),Ut}function re(s,g,C){return F(s,!1)}function A(s){var g=s.prototype;return!!(g&&g.isReactComponent)}function P(s,g,C){if(s==null)return"";if(typeof s=="function")return F(s,A(s));if(typeof s=="string")return he(s);switch(s){case f:return he("Suspense");case m:return he("SuspenseList")}if(typeof s=="object")switch(s.$$typeof){case u:return re(s.render);case p:return P(s.type,g,C);case b:{var M=s,V=M._payload,W=M._init;try{return P(W(V),g,C)}catch{}}}return""}var H=Object.prototype.hasOwnProperty,se={},oe=x.ReactDebugCurrentFrame;function I(s){if(s){var g=s._owner,C=P(s.type,s._source,g?g.type:null);oe.setExtraStackFrame(C)}else oe.setExtraStackFrame(null)}function G(s,g,C,M,V){{var W=Function.call.bind(H);for(var B in s)if(W(s,B)){var L=void 0;try{if(typeof s[B]!="function"){var fe=Error((M||"React class")+": "+C+" type `"+B+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[B]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw fe.name="Invariant Violation",fe}L=s[B](g,B,M,C,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(te){L=te}L&&!(L instanceof Error)&&(I(V),w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",M||"React class",C,B,typeof L),I(null)),L instanceof Error&&!(L.message in se)&&(se[L.message]=!0,I(V),w("Failed %s type: %s",C,L.message),I(null))}}}var ee=Array.isArray;function Ae(s){return ee(s)}function Ke(s){{var g=typeof Symbol=="function"&&Symbol.toStringTag,C=g&&s[Symbol.toStringTag]||s.constructor.name||"Object";return C}}function ut(s){try{return dt(s),!1}catch{return!0}}function dt(s){return""+s}function ht(s){if(ut(s))return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ke(s)),dt(s)}var Le=x.ReactCurrentOwner,nt={key:!0,ref:!0,__self:!0,__source:!0},it,ft,Ze;Ze={};function St(s){if(H.call(s,"ref")){var g=Object.getOwnPropertyDescriptor(s,"ref").get;if(g&&g.isReactWarning)return!1}return s.ref!==void 0}function xt(s){if(H.call(s,"key")){var g=Object.getOwnPropertyDescriptor(s,"key").get;if(g&&g.isReactWarning)return!1}return s.key!==void 0}function pt(s,g){if(typeof s.ref=="string"&&Le.current&&g&&Le.current.stateNode!==g){var C=$(Le.current.type);Ze[C]||(w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',$(Le.current.type),s.ref),Ze[C]=!0)}}function Ne(s,g){{var C=function(){it||(it=!0,w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",g))};C.isReactWarning=!0,Object.defineProperty(s,"key",{get:C,configurable:!0})}}function Ft(s,g){{var C=function(){ft||(ft=!0,w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",g))};C.isReactWarning=!0,Object.defineProperty(s,"ref",{get:C,configurable:!0})}}var o=function(s,g,C,M,V,W,B){var L={$$typeof:n,type:s,key:g,ref:C,props:B,_owner:W};return L._store={},Object.defineProperty(L._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(L,"_self",{configurable:!1,enumerable:!1,writable:!1,value:M}),Object.defineProperty(L,"_source",{configurable:!1,enumerable:!1,writable:!1,value:V}),Object.freeze&&(Object.freeze(L.props),Object.freeze(L)),L};function E(s,g,C,M,V){{var W,B={},L=null,fe=null;C!==void 0&&(ht(C),L=""+C),xt(g)&&(ht(g.key),L=""+g.key),St(g)&&(fe=g.ref,pt(g,V));for(W in g)H.call(g,W)&&!nt.hasOwnProperty(W)&&(B[W]=g[W]);if(s&&s.defaultProps){var te=s.defaultProps;for(W in te)B[W]===void 0&&(B[W]=te[W])}if(L||fe){var ie=typeof s=="function"?s.displayName||s.name||"Unknown":s;L&&Ne(B,ie),fe&&Ft(B,ie)}return o(s,L,fe,V,M,Le.current,B)}}var k=x.ReactCurrentOwner,Y=x.ReactDebugCurrentFrame;function Q(s){if(s){var g=s._owner,C=P(s.type,s._source,g?g.type:null);Y.setExtraStackFrame(C)}else Y.setExtraStackFrame(null)}var ye;ye=!1;function de(s){return typeof s=="object"&&s!==null&&s.$$typeof===n}function wt(){{if(k.current){var s=$(k.current.type);if(s)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+
|
|
23
|
+
Check the render method of \``+s+"`."}return""}}function Ot(s){{if(s!==void 0){var g=s.fileName.replace(/^.*[\\\/]/,""),C=s.lineNumber;return`
|
|
24
24
|
|
|
25
|
-
Check your code at `+
|
|
25
|
+
Check your code at `+g+":"+C+"."}return""}}var at={};function xe(s){{var g=wt();if(!g){var C=typeof s=="string"?s:s.displayName||s.name;C&&(g=`
|
|
26
26
|
|
|
27
|
-
Check the top-level render call using <`+
|
|
27
|
+
Check the top-level render call using <`+C+">.")}return g}}function be(s,g){{if(!s._store||s._store.validated||s.key!=null)return;s._store.validated=!0;var C=xe(g);if(at[C])return;at[C]=!0;var M="";s&&s._owner&&s._owner!==k.current&&(M=" It was passed a child from "+$(s._owner.type)+"."),Q(s),w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',C,M),Q(null)}}function Ve(s,g){{if(typeof s!="object")return;if(Ae(s))for(var C=0;C<s.length;C++){var M=s[C];de(M)&&be(M,g)}else if(de(s))s._store&&(s._store.validated=!0);else if(s){var V=j(s);if(typeof V=="function"&&V!==s.entries)for(var W=V.call(s),B;!(B=W.next()).done;)de(B.value)&&be(B.value,g)}}}function Ye(s){{var g=s.type;if(g==null||typeof g=="string")return;var C;if(typeof g=="function")C=g.propTypes;else if(typeof g=="object"&&(g.$$typeof===u||g.$$typeof===p))C=g.propTypes;else return;if(C){var M=$(g);G(C,s.props,"prop",M,s)}else if(g.PropTypes!==void 0&&!ye){ye=!0;var V=$(g);w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",V||"Unknown")}typeof g.getDefaultProps=="function"&&!g.getDefaultProps.isReactClassApproved&&w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ge(s){{for(var g=Object.keys(s.props),C=0;C<g.length;C++){var M=g[C];if(M!=="children"&&M!=="key"){Q(s),w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",M),Q(null);break}}s.ref!==null&&(Q(s),w("Invalid attribute `ref` supplied to `React.Fragment`."),Q(null))}}function We(s,g,C,M,V,W){{var B=we(s);if(!B){var L="";(s===void 0||typeof s=="object"&&s!==null&&Object.keys(s).length===0)&&(L+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var fe=Ot(V);fe?L+=fe:L+=wt();var te;s===null?te="null":Ae(s)?te="array":s!==void 0&&s.$$typeof===n?(te="<"+($(s.type)||"Unknown")+" />",L=" Did you accidentally export a JSX literal instead of a component?"):te=typeof s,w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",te,L)}var ie=E(s,g,C,V,W);if(ie==null)return ie;if(B){var Ce=g.children;if(Ce!==void 0)if(M)if(Ae(Ce)){for(var Je=0;Je<Ce.length;Je++)Ve(Ce[Je],s);Object.freeze&&Object.freeze(Ce)}else w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ve(Ce,s)}return s===e?Ge(ie):Ye(ie),ie}}function hn(s,g,C){return We(s,g,C,!0)}function fn(s,g,C){return We(s,g,C,!1)}var pn=fn,mn=hn;st.Fragment=e,st.jsx=pn,st.jsxs=mn}()),st}process.env.NODE_ENV==="production"?Dt.exports=kn():Dt.exports=Dn();var h=Dt.exports;function Nt(t){return t.title.search("<")>-1?h.jsx("button",{className:"svg",dangerouslySetInnerHTML:{__html:t.title}}):h.jsx("button",{children:t.title})}const jn=h.jsxs("svg",{className:"closeIcon",width:"14",height:"14",fill:"none",stroke:"#666666",strokeMiterlimit:"10",children:[h.jsx("circle",{cx:"7",cy:"7",r:"6"}),h.jsx("line",{x1:"4",y1:"4",x2:"10",y2:"10"}),h.jsx("line",{x1:"4",y1:"10",x2:"10",y2:"4"})]}),In=h.jsx("svg",{className:"dragIcon",width:"14",height:"14",fill:"#666666",stroke:"none",children:h.jsx("path",{d:`M10.43,4H3.57C3.26,4,3,4.22,3,4.5v1C3,5.78,3.26,6,3.57,6h6.86C10.74,6,11,5.78,11,5.5v-1
|
|
28
28
|
C11,4.22,10.74,4,10.43,4z M10.43,8H3.57C3.26,8,3,8.22,3,8.5v1C3,9.78,3.26,10,3.57,10h6.86C10.74,10,11,9.78,11,9.5v-1
|
|
29
|
-
C11,8.22,10.74,8,10.43,8z`})});function tn(t){return u.jsx(qt.Reorder.Item,{value:t.title,children:u.jsxs("div",{children:[kn,u.jsx("span",{children:t.title}),u.jsx("button",{className:"closeIcon",onClick:()=>{t.onDelete(t.index)},children:Pn})]})},t.title)}function nn(t){const[n,a]=x.useState(!1),[e,i]=x.useState(t.options),c=h=>{t.onDragComplete(h),i(h)},f=h=>{const b=[...e];b.splice(h,1),c(b)},o=[];e.forEach((h,b)=>{o.push(u.jsx(tn,{index:b,title:h,onDelete:f},h))});let d="dropdown draggable";return t.subdropdown&&(d+=" subdropdown"),u.jsxs("div",{className:d,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[u.jsx(It,{title:t.title}),u.jsx(qt.Reorder.Group,{axis:"y",values:e,onReorder:c,style:{visibility:n?"visible":"hidden"},children:o})]})}function an(t){const[n,a]=x.useState(!1),e=[];t.options.map((c,f)=>{t.onSelect!==void 0&&(c.onSelect=t.onSelect),e.push(u.jsx(rn,{option:c},f))});let i="dropdown";return t.subdropdown&&(i+=" subdropdown"),u.jsxs("div",{className:i,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[u.jsx(It,{title:t.title}),u.jsx("ul",{style:{visibility:n?"visible":"hidden"},children:e})]})}function rn(t){const{option:n}=t,[a,e]=x.useState("");let i;switch(n.type){case"draggable":i=u.jsx(nn,{title:n.title,options:n.value,onDragComplete:c=>{n.onDragComplete!==void 0&&n.onDragComplete(c)},subdropdown:!0});break;case"dropdown":i=u.jsx(an,{title:n.title,options:n.value,onSelect:n.onSelect,subdropdown:!0});break;case"option":i=u.jsx("button",{onClick:()=>{n.onSelect!==void 0&&n.onSelect(n.value),n.selectable&&(a!==n.title?e(n.title):e(""))},children:n.title});break}return u.jsx("li",{className:a===n.title?"selected":"",children:i},Kt())}function Dn(t,n,a){function e(c){switch(n.forEach(f=>{f.callback(t,f.remote,c)}),c.event){case"custom":N.dispatchEvent({type:F.CUSTOM,value:c.data});break}}function i(c){switch(a.forEach(f=>{f.callback(t,f.remote,c)}),c.event){case"custom":N.dispatchEvent({type:F.CUSTOM,value:c.data});break}}t.listen=c=>{c.target==="editor"?i(c):e(c)}}function Et(t){const[n,a]=x.useState(t.open!==void 0?t.open:!0),e=!n||t.children===void 0;return u.jsxs("div",{className:`accordion ${e?"hide":""}`,children:[u.jsxs("button",{className:"toggle",onClick:()=>{const i=!n;t.onToggle!==void 0&&t.onToggle(i),a(i)},children:[u.jsx("p",{className:`status ${n?"open":""}`,children:"Toggle"}),u.jsx("p",{className:"label",children:ct(t.label)})]}),t.button,u.jsx("div",{className:n?"open":"",children:u.jsx("div",{children:t.children})})]})}function Lt(t){const[n,a]=x.useState(!1),e=t.child!==void 0&&t.child.children.length>0,i=[];return t.child!==void 0&&t.child.children.length>0&&t.child.children.map(c=>{i.push(u.jsx(Lt,{child:c,three:t.three},Math.random()))}),u.jsx(u.Fragment,{children:t.child!==void 0&&u.jsxs("div",{className:"childObject",children:[u.jsxs("div",{className:"child",children:[e?u.jsx("button",{className:"status",style:{backgroundPositionX:n?"-14px":"2px"},onClick:()=>{a(!n)}}):null,u.jsx("button",{className:"name",style:{left:e?"20px":"5px"},onClick:()=>{t.child!==void 0&&(t.three.getObject(t.child.uuid),n||a(!0))},children:t.child.name.length>0?`${t.child.name} (${t.child.type})`:`${t.child.type}::${t.child.uuid}`}),u.jsx("div",{className:`icon ${Cn(t.child)}`})]}),u.jsx("div",{className:n?"open":"",children:u.jsx("div",{className:"container",children:i})})]},Math.random())})}function sn(t){const n=[];return t.child?.children.map(a=>{n.push(u.jsx(Lt,{child:a,three:t.three},Math.random()))}),u.jsx("div",{className:`scene ${t.class!==void 0?t.class:""}`,children:n})}const jn="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";function In(t){return"items"in t}function qe(t){const n=[];return t.items.forEach(a=>{In(a)?n.push(u.jsx(qe,{title:ct(a.title),items:a.items},Math.random())):n.push(u.jsx(ot,{title:a.title,prop:a.prop,value:a.value,type:a.type,min:a.min,max:a.max,step:a.step,disabled:a.disabled,options:a.options,onChange:(e,i)=>{a.onChange!==void 0&&a.onChange(e,i)}},Math.random()))}),u.jsx(Et,{label:t.title,open:t.expanded===!0,children:n})}function Ln(t){return!(t==="alphaHash"||t==="alphaToCoverage"||t==="attenuationDistance"||t==="blendDstAlpha"||t==="colorWrite"||t==="combine"||t==="defaultAttributeValues"||t==="depthFunc"||t==="forceSinglePass"||t==="glslVersion"||t==="linecap"||t==="linejoin"||t==="linewidth"||t==="normalMapType"||t==="precision"||t==="premultipliedAlpha"||t==="shadowSide"||t==="toneMapped"||t==="uniformsGroups"||t==="uniformsNeedUpdate"||t==="userData"||t==="vertexColors"||t==="version"||t==="wireframeLinecap"||t==="wireframeLinejoin"||t==="wireframeLinewidth"||t.slice(0,4)==="clip"||t.slice(0,7)==="polygon"||t.slice(0,7)==="stencil"||t.slice(0,2)==="is")}function Re(t){switch(t){case"alphaMap":return"Alpha Map";case"anisotropyMap":return"Anisotropy Map";case"anisotropyRotation":return"Anisotropy Rotation";case"aoMap":return"AO Map";case"aoMapIntensity":return"AO Map Intensity";case"attenuationColor":return"Attenuation Color";case"blendAlpha":return"Blend Alpha";case"blendColor":return"Blend Color";case"blendDst":return"Blend Dst";case"blendDstAlpha":return"Blend Dst Alha";case"blendEquation":return"Blend Equation";case"blendEquationAlpha":return"Blend Equation Alpha";case"blending":return"Blending";case"blendSrc":return"Blend Src";case"blendSrcAlpha":return"Blend Src Alpha";case"bumpMap":return"Bump Map";case"bumpScale":return"Bump Scale";case"clearcoatMap":return"Clearcoat Map";case"clearcoatNormalMap":return"Clearcoat Normal Map";case"clearcoatNormalScale":return"Clearcoat Normal Scale";case"clearcoatRoughness":return"Clearcoat Roughness";case"clearcoatRoughnessMap":return"Clearcoat Roughness Map";case"color":return"Color";case"defines":return"Defines";case"depthTest":return"Depth Test";case"depthWrite":return"Depth Write";case"displacementBias":return"Displacement Bias";case"displacementMap":return"Displacement Map";case"displacementScale":return"Displacement Scale";case"dithering":return"Dithering";case"emissive":return"Emissive";case"emissiveMap":return"Emissive Map";case"emissiveIntensity":return"Emissive Intensity";case"envMap":return"Environment Map";case"envMapIntensity":return"Environment Map Intensity";case"extensions":return"Extensions";case"flatShading":return"Flat Shading";case"fragmentShader":return"Fragment Shader";case"fog":return"Fog";case"gradientMap":return"Gradient Map";case"ior":return"IOR";case"iridescenceIOR":return"Iridescence IOR";case"iridescenceMap":return"Iridescence Map";case"iridescenceThicknessMap":return"Iridescence Thickness Map";case"iridescenceThicknessRange":return"Iridescence Thickness Range";case"lights":return"Lights";case"lightMap":return"Light Map";case"lightMapIntensity":return"Light Map Intensity";case"map":return"Map";case"matcap":return"Matcap";case"metalness":return"Metalness";case"metalnessMap":return"Metalness Map";case"name":return"Name";case"normalMap":return"Normal Map";case"normalScale":return"Normal Scale";case"opacity":return"Opacity";case"reflectivity":return"Reflectivity";case"refractionRatio":return"Refraction Ratio";case"roughness":return"Roughness";case"roughnessMap":return"Roughness Map";case"sheenColor":return"Sheen Color";case"sheenColorMap":return"Sheen Color Map";case"sheenRoughness":return"Sheen Roughness";case"sheenRoughnessMap":return"Sheen Roughness Map";case"shininess":return"Shininess";case"side":return"Side";case"size":return"Size";case"sizeAttenuation":return"Size Attenuation";case"specular":return"Specular";case"specularColor":return"Specular Color";case"specularColorMap":return"Specular Color Map";case"specularIntensity":return"Specular Intensity";case"specularIntensityMap":return"Specular Map Intensity";case"thickness":return"Thickness";case"thicknessMap":return"Thickness Map";case"transmission":return"Transmission";case"transmissionMap":return"Transmission Map";case"transparent":return"Transparent";case"type":return"Type";case"uuid":return"UUID";case"uniforms":return"Uniforms";case"vertexShader":return"Vertex Shader";case"visible":return"Visible";case"wireframe":return"Wireframe"}return t}function Nn(t){return t.toLowerCase().search("intensity")>-1||t==="anisotropyRotation"||t==="blendAlpha"||t==="bumpScale"||t==="clearcoatRoughness"||t==="displacementBias"||t==="displacementScale"||t==="metalness"||t==="opacity"||t==="reflectivity"||t==="refractionRatio"||t==="roughness"||t==="sheenRoughness"||t==="thickness"}function Fn(){const t=document.createElement("input");return t.type="file",new Promise((n,a)=>{t.addEventListener("change",function(){if(t.files===null)a();else{const e=t.files[0],i=new FileReader;i.onload=function(c){n(c.target.result)},i.readAsDataURL(e)}}),t.click()})}const Bn=[{title:"Front",value:l.FrontSide},{title:"Back",value:l.BackSide},{title:"Double",value:l.DoubleSide}],Un=[{title:"No Blending",value:l.NoBlending},{title:"Normal",value:l.NormalBlending},{title:"Additive",value:l.AdditiveBlending},{title:"Subtractive",value:l.SubtractiveBlending},{title:"Multiply",value:l.MultiplyBlending},{title:"Custom",value:l.CustomBlending}],Vn=[{title:"Add",value:l.AddEquation},{title:"Subtract",value:l.SubtractEquation},{title:"Reverse Subtract",value:l.ReverseSubtractEquation},{title:"Min",value:l.MinEquation},{title:"Max",value:l.MaxEquation}],$n=[{title:"Zero",valye:l.ZeroFactor},{title:"One",valye:l.OneFactor},{title:"Src Color",valye:l.SrcColorFactor},{title:"One Minus Src Color",valye:l.OneMinusSrcColorFactor},{title:"Src Alpha",valye:l.SrcAlphaFactor},{title:"One Minus Src Alpha",valye:l.OneMinusSrcAlphaFactor},{title:"Dst Alpha",valye:l.DstAlphaFactor},{title:"One Minus Dst Alpha",valye:l.OneMinusDstAlphaFactor},{title:"Dst Color",valye:l.DstColorFactor},{title:"One Minus Dst Color",valye:l.OneMinusDstColorFactor},{title:"Src Alpha Saturate",valye:l.SrcAlphaSaturateFactor},{title:"Constant Color",valye:l.ConstantColorFactor},{title:"One Minus Constant Color",valye:l.OneMinusConstantColorFactor},{title:"Constant Alpha",valye:l.ConstantAlphaFactor},{title:"One Minus Constant Alpha",valye:l.OneMinusConstantAlphaFactor}],Hn=[{title:"Zero",valye:l.ZeroFactor},{title:"One",valye:l.OneFactor},{title:"Src Color",valye:l.SrcColorFactor},{title:"One Minus Src Color",valye:l.OneMinusSrcColorFactor},{title:"Src Alpha",valye:l.SrcAlphaFactor},{title:"One Minus Src Alpha",valye:l.OneMinusSrcAlphaFactor},{title:"Dst Alpha",valye:l.DstAlphaFactor},{title:"One Minus Dst Alpha",valye:l.OneMinusDstAlphaFactor},{title:"Dst Color",valye:l.DstColorFactor},{title:"One Minus Dst Color",valye:l.OneMinusDstColorFactor},{title:"Constant Color",valye:l.ConstantColorFactor},{title:"One Minus Constant Color",valye:l.OneMinusConstantColorFactor},{title:"Constant Alpha",valye:l.ConstantAlphaFactor},{title:"One Minus Constant Alpha",valye:l.OneMinusConstantAlphaFactor}];function st(t,n){t.needsUpdate=!0,t.type="option",t.options=n}function zn(t,n,a,e){return{type:"boolean",title:Re(t),prop:t,value:n,needsUpdate:!0,onChange:(i,c)=>{e.updateObject(a.uuid,`material.${t}`,c),e.updateObject(a.uuid,"material.needsUpdate",!0);const f=e.scene?.getObjectByProperty("uuid",a.uuid);f!==void 0&&J(f,`material.${t}`,c)}}}function Yn(t,n,a,e){const i={type:"number",title:Re(t),prop:t,value:n,min:void 0,max:void 0,step:.01,needsUpdate:!0,onChange:(c,f)=>{e.updateObject(a.uuid,`material.${t}`,f),e.updateObject(a.uuid,"material.needsUpdate",!0);const o=e.scene?.getObjectByProperty("uuid",a.uuid);o!==void 0&&J(o,`material.${t}`,f)}};switch(t){case"blending":st(i,Un);break;case"blendDst":st(i,Hn);break;case"blendEquation":st(i,Vn);break;case"blendSrc":st(i,$n);break;case"side":st(i,Bn);break}return Nn(t)&&(i.value=Number(n),i.type="range",i.min=0,i.max=1,i.step=.01),i}function Gn(t,n,a,e){const i={type:"string",title:Re(t),prop:t,value:n,needsUpdate:!0,onChange:(f,o)=>{e.updateObject(a.uuid,`material.${t}`,o),e.updateObject(a.uuid,"material.needsUpdate",!0);const d=e.scene?.getObjectByProperty("uuid",a.uuid);d!==void 0&&J(d,`material.${t}`,o)}};return(t==="vertexShader"||t==="fragmentShader")&&(i.disabled=!1,i.latest=i.value,i.onChange=(f,o)=>{i.latest=o}),i}function Vt(t,n,a){const e=[];for(const i in t){if(!Ln(i))continue;const c=typeof t[i],f=t[i];if(c==="boolean")e.push(zn(i,f,n,a));else if(c==="number")e.push(Yn(i,f,n,a));else if(c==="string")e.push(Gn(i,f,n,a));else if(c==="object")if(f.isColor)e.push({title:Re(i),prop:i,type:"color",value:f,onChange:(o,d)=>{const h=new l.Color(d);a.updateObject(n.uuid,`material.${o}`,h);const b=a.scene?.getObjectByProperty("uuid",n.uuid);b!==void 0&&J(b,`material.${o}`,h)}});else if(Array.isArray(f)){const o=[];for(const d in f)o.push({title:`${d}`,type:`${typeof f[d]}`,value:f[d],onChange:(h,b)=>{a.updateObject(n.uuid,`material.${i}`,b);const v=a.scene?.getObjectByProperty("uuid",n.uuid);v!==void 0&&J(v,`material.${i}`,b)}});e.push({title:Re(i),items:o})}else if(f.x!==void 0&&f.y!==void 0&&f.z===void 0)e.push({title:Re(i),prop:i,type:"vector",value:f,onChange:(o,d)=>{a.updateObject(n.uuid,`material.${o}`,d);const h=a.scene?.getObjectByProperty("uuid",n.uuid);h!==void 0&&J(h,`material.${o}`,d)}});else{const o=[];for(const d in f){const h=f[d];switch(typeof h){case"boolean":case"number":case"string":d==="src"?e.push({title:Re(i),type:"image",value:h,onChange:(v,S)=>{a.createTexture(n.uuid,`material.${i}`,S);const C=a.scene?.getObjectByProperty("uuid",n.uuid);C!==void 0&&At(S).then(P=>{J(C,`material.${i}`,P),J(C,"material.needsUpdate",!0)})}}):o.push({title:`${Re(d)}`,prop:`material.${i}.${d}`,type:`${typeof t[i][d]}`,value:f[d],onChange:(v,S)=>{a.updateObject(n.uuid,`material.${i}.${d}`,S);const C=a.scene?.getObjectByProperty("uuid",n.uuid);C!==void 0&&J(C,`material.${i}.${d}`,S)}});break;case"object":if(h.value!==void 0&&h.value.src!==void 0)o.push({title:Re(d),type:"image",value:h.value.src,onChange:(v,S)=>{a.createTexture(n.uuid,`material.${i}.${d}.value`,f);const C=a.scene?.getObjectByProperty("uuid",n.uuid);C!==void 0&&At(S).then(P=>{J(C,`material.${i}.${d}.value`,P)})}});else if(i==="uniforms"){const v=h.value,S=(C,P,k)=>({title:C,type:"number",value:k,step:.01,onChange:(q,G)=>{const B=`material.uniforms.${d}.value.${P}`;a.updateObject(n.uuid,B,G);const A=a.scene?.getObjectByProperty("uuid",n.uuid);A!==void 0&&J(A,B,G)}});if(typeof h.value=="number")o.push({title:d,type:"number",value:h.value,step:.01,onChange:(C,P)=>{const k=`material.${i}.${C}.value`;a.updateObject(n.uuid,k,P);const q=a.scene?.getObjectByProperty("uuid",n.uuid);q!==void 0&&J(q,k,P)}});else if(v.r!==void 0&&v.g!==void 0&&v.b!==void 0)o.push({title:d,type:"color",value:h.value,onChange:(C,P)=>{const k=new l.Color(P),q=`material.${i}.${C}.value`;a.updateObject(n.uuid,q,k);const G=a.scene?.getObjectByProperty("uuid",n.uuid);G!==void 0&&J(G,q,k)}});else if(v.x!==void 0&&v.y!==void 0&&v.z===void 0&&v.w===void 0)o.push({title:d,type:"vector",value:h.value,prop:`material.${i}.${d}.value`,onChange:(C,P)=>{a.updateObject(n.uuid,C,P);const k=a.scene?.getObjectByProperty("uuid",n.uuid);k!==void 0&&J(k,C,P)}});else if(v.x!==void 0&&v.y!==void 0&&v.z!==void 0&&v.w===void 0)o.push({title:d,items:[S("X","x",h.value.x),S("Y","y",h.value.y),S("Z","z",h.value.z)]});else if(v.x!==void 0&&v.y!==void 0&&v.z!==void 0&&v.w!==void 0)o.push({title:d,items:[S("X","x",h.value.x),S("Y","y",h.value.y),S("Z","z",h.value.z),S("W","w",h.value.w)]});else if(v.elements!==void 0){const C=v.elements,P=[];for(let k=0;k<C.length;k++)P.push(S(k.toString(),k.toString(),C[k]));o.push({title:d,items:P})}else console.log(">>> need to add this format:",d,v)}else o.push({title:d,type:`${typeof h.value}`,value:h.value,onChange:(v,S)=>{a.updateObject(n.uuid,`material.${i}.${d}.value`,S);const C=a.scene?.getObjectByProperty("uuid",n.uuid);C!==void 0&&J(C,`material.${i}.${d}.value`,S)}});break}}o.length>0&&e.push({title:Re(i),items:o})}else f!==void 0&&console.log("other:",i,c,f)}return e.sort((i,c)=>i.title<c.title?-1:i.title>c.title?1:0),e.push({title:"Update Material",type:"button",onChange:()=>{a.updateObject(n.uuid,"material.needsUpdate",!0)}}),e}function Wn(t,n){const a=t.material;if(Array.isArray(a)){const e=[],i=a.length;for(let c=0;c<i;c++)e.push(u.jsx(qe,{title:`Material ${c}`,items:Vt(a[c],t,n)},`Material ${c}`));return u.jsx(u.Fragment,{children:e})}else return u.jsx(qe,{title:"Material",items:Vt(a,t,n)})}function qn(t){const n=x.useRef(null),a=x.useRef(null),e=x.useRef(null),i=x.useRef(null),c=x.useRef(null),f=x.useRef(null),[o,d]=x.useState(t.value),[h,b]=x.useState({min:t.min,max:t.max}),[v,S]=x.useState(!1);function C(){v||(window.addEventListener("mousemove",k),window.addEventListener("mouseup",P),window.addEventListener("mouseup",P),S(!0))}function P(){window.removeEventListener("mousemove",k),window.removeEventListener("mouseup",P),S(!1)}function k(A){const X=c.current.getBoundingClientRect(),te=Ue(0,99,A.clientX-X.left)/99,ye=Ue(0,99,A.clientY-X.top)/99,K=et(_t(h.min,h.max,te),3),fe=et(_t(h.min,h.max,ye),3);t.onChange({target:{value:{x:K,y:fe}}}),d({x:K,y:fe})}function q(A){let X=o.x,te=o.y;A.target===n.current?X=Number(A.target.value):te=Number(A.target.value),d({x:X,y:te})}function G(){const A=Number(e.current.value);b({min:A,max:h.max}),(o.x<A||o.y<A)&&d({x:Ue(A,h.max,o.x),y:Ue(A,h.max,o.y)})}function B(){const A=Number(i.current.value);b({min:h.min,max:A}),(o.x>A||o.y>A)&&d({x:Ue(h.min,A,o.x),y:Ue(h.min,A,o.y)})}return x.useEffect(()=>{const A=Rt(h.min,h.max,o.x),X=Rt(h.min,h.max,o.y);f.current.style.left=`${A*100}%`,f.current.style.top=`${X*100}%`},[h,o]),u.jsxs("div",{className:"vector",children:[u.jsxs("div",{className:"fields",children:[u.jsxs("div",{children:[u.jsx("label",{children:"X:"}),u.jsx("input",{ref:n,type:"number",value:o.x,min:h.min,max:h.max,step:.01,onChange:q})]}),u.jsxs("div",{children:[u.jsx("label",{children:"Y:"}),u.jsx("input",{ref:a,type:"number",value:o.y,min:h.min,max:h.max,step:.01,onChange:q})]}),u.jsxs("div",{children:[u.jsx("label",{children:"Min:"}),u.jsx("input",{ref:e,type:"number",value:h.min,step:.01,onChange:G})]}),u.jsxs("div",{children:[u.jsx("label",{children:"Max:"}),u.jsx("input",{ref:i,type:"number",value:h.max,step:.01,onChange:B})]})]}),u.jsxs("div",{className:"input",ref:c,onMouseDown:C,onMouseUp:P,children:[u.jsx("div",{className:"x"}),u.jsx("div",{className:"y"}),u.jsx("div",{className:"pt",ref:f})]})]})}function ot(t){let n=t.value;n!==void 0&&n.isColor!==void 0&&(n=Zt(t.value));const[a,e]=x.useState(n),i=x.useRef(null),c=x.useRef(null),f=x.useRef(null);x.useEffect(()=>{let b=!1,v=-1,S=0,C=Number(a);const P=A=>{b=!0,S=C,v=A.clientX},k=A=>{if(!b)return;const X=t.step!==void 0?t.step:1,te=(A.clientX-v)*X;C=Number((S+te).toFixed(4)),c.current!==null&&(c.current.value=C.toString()),t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,C)},q=()=>{b=!1},G=()=>{b=!1},B=t.type==="number";return B&&(i.current?.addEventListener("mousedown",P,!1),document.addEventListener("mouseup",q,!1),document.addEventListener("mousemove",k,!1),document.addEventListener("contextmenu",G,!1)),()=>{B&&(i.current?.removeEventListener("mousedown",P),document.removeEventListener("mouseup",q),document.removeEventListener("mousemove",k),document.removeEventListener("contextmenu",G))}},[a]);const o=t.type==="string"&&(a.length>100||a.search(`
|
|
30
|
-
`)>-1),d=o||t.type==="image"||t.type==="vector",h=b=>{let v=b.target.value;t.type==="boolean"?v=b.target.checked:t.type==="option"&&(v=t.options[v].value),e(v),t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,v)};return u.jsxs("div",{className:`field ${d?"block":""}`,children:[t.type!=="button"&&u.jsx("label",{ref:i,children:ct(t.title)},"fieldLabel"),t.type==="string"&&!o&&u.jsx("input",{type:"text",disabled:t.disabled,onChange:h,value:a}),t.type==="string"&&o&&u.jsx("textarea",{cols:50,rows:10,disabled:t.disabled!==void 0?t.disabled:!0,onChange:h,value:a}),t.type==="boolean"&&u.jsx("input",{type:"checkbox",disabled:t.disabled,onChange:h,checked:a}),t.type==="number"&&u.jsx("input",{ref:c,type:"number",value:a,min:t.min,max:t.max,step:t.step,disabled:t.disabled,onChange:h}),t.type==="range"&&u.jsxs(u.Fragment,{children:[u.jsx("input",{type:"text",value:a.toString(),onChange:h,disabled:t.disabled,className:"min"}),u.jsx("input",{disabled:t.disabled,type:"range",value:a,min:t.min,max:t.max,step:t.step,onChange:h})]}),t.type==="color"&&u.jsxs(u.Fragment,{children:[u.jsx("input",{type:"text",value:a.toString(),onChange:h,disabled:t.disabled,className:"color"}),u.jsx("input",{type:"color",value:a,onChange:h,disabled:t.disabled})]}),t.type==="button"&&u.jsx("button",{disabled:t.disabled,onClick:()=>{t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,!0)},children:t.title}),t.type==="image"&&u.jsx("img",{ref:f,onClick:()=>{Fn().then(b=>{f.current.src=b,t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,b)})},src:a.length>0?a:jn}),t.type==="option"&&u.jsx(u.Fragment,{children:u.jsx("select",{onChange:h,disabled:t.disabled,defaultValue:t.value,children:t.options?.map((b,v)=>u.jsx("option",{value:b.value,children:ct(b.title)},v))})}),t.type==="vector"&&u.jsx(qn,{value:a,min:-1,max:1,onChange:h})]})}function $t(t){switch(t){case"fov":return"FOV";case"zoom":return"Zoom";case"near":return"Near";case"far":return"Far";case"focus":return"Focus";case"aspect":return"Aspect";case"filmGauge":return"Film Gauge";case"filmOffset":return"Film Offset";case"left":return"Left";case"right":return"Right";case"top":return"Top";case"bottom":return"Bottom"}return t}function Kn(t,n){const a=[];if(t.perspectiveCameraInfo!==void 0)for(const e in t.perspectiveCameraInfo)a.push({title:$t(e),prop:e,type:"number",step:.01,value:t.perspectiveCameraInfo[e],onChange:(i,c)=>{n.updateObject(t.uuid,i,c),n.requestMethod(t.uuid,"updateProjectionMatrix");const f=n.scene?.getObjectByProperty("uuid",t.uuid);f!==void 0&&(J(f,i,c),f.updateProjectionMatrix())}});else if(t.orthographicCameraInfo!==void 0)for(const e in t.orthographicCameraInfo)a.push({title:$t(e),prop:e,type:"number",step:.01,value:t.perspectiveCameraInfo[e],onChange:(i,c)=>{n.updateObject(t.uuid,i,c),n.requestMethod(t.uuid,"updateProjectionMatrix");const f=n.scene?.getObjectByProperty("uuid",t.uuid);f!==void 0&&(J(f,i,c),f.updateProjectionMatrix())}});return u.jsx(qe,{title:"Camera",items:a})}const Xn=Math.PI/180,Zn=180/Math.PI;function Qe(t,n,a,e,i){return e+(t-n)*(i-e)/(a-n)}function Jn(t){return t*Xn}function Mt(t){return t*Zn}function Qn(t,n){const a=new l.Matrix4;a.elements=t.matrix;const e=new l.Vector3,i=new l.Euler,c=new l.Vector3;t.uuid.length>0&&(e.setFromMatrixPosition(a),i.setFromRotationMatrix(a),c.setFromMatrixScale(a));const f=(d,h)=>{n.updateObject(t.uuid,d,h);const b=n.scene?.getObjectByProperty("uuid",t.uuid);b!==void 0&&J(b,d,h)},o=(d,h)=>{f(d,Jn(h))};return u.jsx(qe,{title:"Transform",items:[{title:"Position X",prop:"position.x",type:"number",value:e.x,onChange:f},{title:"Position Y",prop:"position.y",type:"number",value:e.y,onChange:f},{title:"Position Z",prop:"position.z",type:"number",value:e.z,onChange:f},{title:"Rotation X",prop:"rotation.x",type:"number",value:et(Mt(i.x)),min:-360,max:360,step:.1,onChange:o},{title:"Rotation Y",prop:"rotation.y",type:"number",value:et(Mt(i.y)),min:-360,max:360,step:.1,onChange:o},{title:"Rotation Z",prop:"rotation.z",type:"number",value:et(Mt(i.z)),min:-360,max:360,step:.1,onChange:o},{title:"Scale X",prop:"scale.x",type:"number",value:c.x,step:.01,onChange:f},{title:"Scale Y",prop:"scale.y",type:"number",value:c.y,step:.01,onChange:f},{title:"Scale Z",prop:"scale.z",type:"number",value:c.z,step:.01,onChange:f}]})}function Ht(t){switch(t){case"color":return"Color";case"intensity":return"Intensity";case"decay":return"Decay";case"distance":return"Distance";case"angle":return"Angle";case"penumbra":return"Penumbra";case"groundColor":return"Ground Color";case"width":return"Width";case"height":return"Height"}return t}function ea(t,n){const a=[];if(t.lightInfo!==void 0)for(const e in t.lightInfo){const i=t.lightInfo[e];i!==void 0&&(i.isColor!==void 0?a.push({title:Ht(e),prop:e,type:"color",value:i,onChange:(c,f)=>{const o=new l.Color(f);n.updateObject(t.uuid,c,o);const d=n.scene?.getObjectByProperty("uuid",t.uuid);d!==void 0&&J(d,c,o)}}):a.push({title:Ht(e),prop:e,type:typeof i,value:i,step:typeof i=="number"?.01:void 0,onChange:(c,f)=>{n.updateObject(t.uuid,c,f);const o=n.scene?.getObjectByProperty("uuid",t.uuid);o!==void 0&&J(o,c,f)}}))}return u.jsx(qe,{title:"Light",items:a})}function ta(t,n){const a=[],e=[];let i=0;t.animations.forEach(o=>{i=Math.max(i,o.duration),o.duration>0&&e.push({title:o.name,items:[{title:"Duration",type:"number",value:o.duration,disabled:!0},{title:"Blend Mode",type:"option",disabled:!0,options:[{title:"Normal",value:2500},{title:"Additive",value:2501}]}]})}),a.push({title:"Animations",items:e});const c=n.scene?.getObjectByProperty("uuid",t.uuid);let f=!1;if(c!==void 0){const o=c.mixer;if(f=o!==void 0,f){const d=[{title:"Time Scale",type:"range",value:o.timeScale,step:.01,min:-1,max:2,onChange:(h,b)=>{o.timeScale=b,n.updateObject(t.uuid,"mixer.timeScale",b)}}];d.push({title:"Stop All",type:"button",onChange:()=>{o.stopAllAction(),n.requestMethod(t.uuid,"stopAllAction",void 0,"mixer")}}),a.push({title:"Mixer",items:d})}}return u.jsx(qe,{title:"Animation",items:a})}const on={name:"",uuid:"",type:"",visible:!1,matrix:[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],animations:[],material:void 0,perspectiveCameraInfo:void 0,orthographicCameraInfo:void 0,lightInfo:void 0};let oe={...on};function cn(t){const[n,a]=x.useState(-1);x.useEffect(()=>{function f(d){oe={...d.value},a(Date.now())}function o(){oe={...on},a(Date.now())}return N.addEventListener(F.SET_SCENE,o),N.addEventListener(F.SET_OBJECT,f),()=>{N.removeEventListener(F.SET_SCENE,o),N.removeEventListener(F.SET_OBJECT,f)}},[]);const e=oe.type.toLowerCase(),i=oe.animations.length>0||oe.mixer!==void 0,c=e.search("mesh")>-1||e.search("line")>-1||e.search("points")>-1;return u.jsx(Et,{label:"Inspector",children:u.jsx("div",{id:"Inspector",className:t.class,children:oe.uuid.length>0&&u.jsxs(u.Fragment,{children:[u.jsxs(u.Fragment,{children:[u.jsx(ot,{type:"string",title:"Name",prop:"name",value:oe.name,disabled:!0}),u.jsx(ot,{type:"string",title:"Type",prop:"type",value:oe.type,disabled:!0}),u.jsx(ot,{type:"string",title:"UUID",prop:"uuid",value:oe.uuid,disabled:!0}),u.jsx(ot,{type:"boolean",title:"Visible",prop:"visible",value:oe.visible,onChange:(f,o)=>{t.three.updateObject(oe.uuid,f,o);const d=t.three.scene?.getObjectByProperty("uuid",oe.uuid);d!==void 0&&J(d,f,o)}})]}),u.jsxs(u.Fragment,{children:[Qn(oe,t.three),i?ta(oe,t.three):null,e.search("camera")>-1?Kn(oe,t.three):null,e.search("light")>-1?ea(oe,t.three):null,c?Wn(oe,t.three):null]})]})},n)},"Inspector")}function na(t){const[n,a]=x.useState(t.scene);x.useEffect(()=>{const c=f=>{a(f.value)};return N.addEventListener(F.SET_SCENE,c),()=>{N.removeEventListener(F.SET_SCENE,c)}},[]);const e=n!==null,i="Hierarchy - "+(e?`${n?.name}`:"No Scene");return u.jsxs("div",{id:"SidePanel",children:[u.jsx(Et,{label:i,open:!0,children:u.jsx(u.Fragment,{children:e&&u.jsx(sn,{child:n,three:t.three})})}),u.jsx(cn,{three:t.three})]},"SidePanel")}function aa(t){function n(){return t.three.scene===void 0?(console.log("No scene:",t.three),!1):!0}const a=o=>{if(!n())return;const d=t.three.scene?.getObjectByProperty("uuid",o.value);d!==void 0&&t.three.setObject(d)},e=(o,d,h)=>{if(!n())return;const b=t.three.scene?.getObjectByProperty("uuid",o);b!==void 0&&J(b,d,h)},i=o=>{if(!n())return;const d=o.value,{key:h,value:b,uuid:v}=d;e(v,h,b)},c=o=>{if(!n())return;const d=o.value;At(d.value).then(h=>{e(d.uuid,d.key,h),e(d.uuid,"material.needsUpdate",!0)})},f=o=>{if(!n())return;const{key:d,uuid:h,value:b,subitem:v}=o.value,S=t.three.scene?.getObjectByProperty("uuid",h);if(S!==void 0)try{v!==void 0?Mn(S,v)[d](b):S[d](b)}catch(C){console.log("Error requesting method:"),console.log(C),console.log(d),console.log(b)}};return x.useEffect(()=>(N.addEventListener(F.GET_OBJECT,a),N.addEventListener(F.UPDATE_OBJECT,i),N.addEventListener(F.CREATE_TEXTURE,c),N.addEventListener(F.REQUEST_METHOD,f),()=>{N.removeEventListener(F.GET_OBJECT,a),N.removeEventListener(F.UPDATE_OBJECT,i),N.removeEventListener(F.CREATE_TEXTURE,c),N.removeEventListener(F.REQUEST_METHOD,f)}),[]),null}class ia extends l.Line{constructor(n,a){const e=[1,1,0,-1,1,0,-1,-1,0,1,-1,0,1,1,0],i=new l.BufferGeometry;i.setAttribute("position",new l.Float32BufferAttribute(e,3)),i.computeBoundingSphere();const c=new l.LineBasicMaterial({fog:!1});super(i,c),this.light=n,this.color=a,this.type="RectAreaLightHelper";const f=[1,1,0,-1,1,0,-1,-1,0,1,1,0,-1,-1,0,1,-1,0],o=new l.BufferGeometry;o.setAttribute("position",new l.Float32BufferAttribute(f,3)),o.computeBoundingSphere(),this.add(new l.Mesh(o,new l.MeshBasicMaterial({side:l.BackSide,fog:!1})))}updateMatrixWorld(){if(this.scale.set(.5*this.light.width,.5*this.light.height,1),this.color!==void 0)this.material.color.set(this.color),this.children[0].material.color.set(this.color);else{this.material.color.copy(this.light.color).multiplyScalar(this.light.intensity);const n=this.material.color,a=Math.max(n.r,n.g,n.b);a>1&&n.multiplyScalar(1/a),this.children[0].material.color.copy(this.material.color)}this.matrixWorld.extractRotation(this.light.matrixWorld).scale(this.scale).copyPosition(this.light.matrixWorld),this.children[0].matrixWorld.copy(this.matrixWorld)}dispose(){this.geometry.dispose(),this.material.dispose(),this.children[0].geometry.dispose(),this.children[0].material.dispose()}}const zt={type:"change"},Tt={type:"start"},Yt={type:"end"},mt=new l.Ray,Gt=new l.Plane,ra=Math.cos(70*l.MathUtils.DEG2RAD);class sa extends l.EventDispatcher{constructor(n,a){super(),this.object=n,this.domElement=a,this.domElement.style.touchAction="none",this.enabled=!0,this.target=new l.Vector3,this.cursor=new l.Vector3,this.minDistance=0,this.maxDistance=1/0,this.minZoom=0,this.maxZoom=1/0,this.minTargetRadius=0,this.maxTargetRadius=1/0,this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.enableDamping=!1,this.dampingFactor=.05,this.enableZoom=!0,this.zoomSpeed=1,this.enableRotate=!0,this.rotateSpeed=1,this.enablePan=!0,this.panSpeed=1,this.screenSpacePanning=!0,this.keyPanSpeed=7,this.zoomToCursor=!1,this.autoRotate=!1,this.autoRotateSpeed=2,this.keys={LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",BOTTOM:"ArrowDown"},this.mouseButtons={LEFT:l.MOUSE.ROTATE,MIDDLE:l.MOUSE.DOLLY,RIGHT:l.MOUSE.PAN},this.touches={ONE:l.TOUCH.ROTATE,TWO:l.TOUCH.DOLLY_PAN},this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object.zoom,this._domElementKeyEvents=null,this.getPolarAngle=function(){return o.phi},this.getAzimuthalAngle=function(){return o.theta},this.getDistance=function(){return this.object.position.distanceTo(this.target)},this.listenToKeyEvents=function(s){s.addEventListener("keydown",tt),this._domElementKeyEvents=s},this.stopListenToKeyEvents=function(){this._domElementKeyEvents.removeEventListener("keydown",tt),this._domElementKeyEvents=null},this.saveState=function(){e.target0.copy(e.target),e.position0.copy(e.object.position),e.zoom0=e.object.zoom},this.reset=function(){e.target.copy(e.target0),e.object.position.copy(e.position0),e.object.zoom=e.zoom0,e.object.updateProjectionMatrix(),e.dispatchEvent(zt),e.update(),c=i.NONE},this.update=function(){const s=new l.Vector3,E=new l.Quaternion().setFromUnitVectors(n.up,new l.Vector3(0,1,0)),_=E.clone().invert(),H=new l.Vector3,Z=new l.Quaternion,ge=new l.Vector3,ue=2*Math.PI;return function(wt=null){const at=e.object.position;s.copy(at).sub(e.target),s.applyQuaternion(E),o.setFromVector3(s),e.autoRotate&&c===i.NONE&&pe(Ce(wt)),e.enableDamping?(o.theta+=d.theta*e.dampingFactor,o.phi+=d.phi*e.dampingFactor):(o.theta+=d.theta,o.phi+=d.phi);let xe=e.minAzimuthAngle,ve=e.maxAzimuthAngle;isFinite(xe)&&isFinite(ve)&&(xe<-Math.PI?xe+=ue:xe>Math.PI&&(xe-=ue),ve<-Math.PI?ve+=ue:ve>Math.PI&&(ve-=ue),xe<=ve?o.theta=Math.max(xe,Math.min(ve,o.theta)):o.theta=o.theta>(xe+ve)/2?Math.max(xe,o.theta):Math.min(ve,o.theta)),o.phi=Math.max(e.minPolarAngle,Math.min(e.maxPolarAngle,o.phi)),o.makeSafe(),e.enableDamping===!0?e.target.addScaledVector(b,e.dampingFactor):e.target.add(b),e.target.sub(e.cursor),e.target.clampLength(e.minTargetRadius,e.maxTargetRadius),e.target.add(e.cursor),e.zoomToCursor&&ye||e.object.isOrthographicCamera?o.radius=Te(o.radius):o.radius=Te(o.radius*h),s.setFromSpherical(o),s.applyQuaternion(_),at.copy(e.target).add(s),e.object.lookAt(e.target),e.enableDamping===!0?(d.theta*=1-e.dampingFactor,d.phi*=1-e.dampingFactor,b.multiplyScalar(1-e.dampingFactor)):(d.set(0,0,0),b.set(0,0,0));let He=!1;if(e.zoomToCursor&&ye){let ze=null;if(e.object.isPerspectiveCamera){const Ye=s.length();ze=Te(Ye*h);const Ge=Ye-ze;e.object.position.addScaledVector(X,Ge),e.object.updateMatrixWorld()}else if(e.object.isOrthographicCamera){const Ye=new l.Vector3(te.x,te.y,0);Ye.unproject(e.object),e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/h)),e.object.updateProjectionMatrix(),He=!0;const Ge=new l.Vector3(te.x,te.y,0);Ge.unproject(e.object),e.object.position.sub(Ge).add(Ye),e.object.updateMatrixWorld(),ze=s.length()}else console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."),e.zoomToCursor=!1;ze!==null&&(this.screenSpacePanning?e.target.set(0,0,-1).transformDirection(e.object.matrix).multiplyScalar(ze).add(e.object.position):(mt.origin.copy(e.object.position),mt.direction.set(0,0,-1).transformDirection(e.object.matrix),Math.abs(e.object.up.dot(mt.direction))<ra?n.lookAt(e.target):(Gt.setFromNormalAndCoplanarPoint(e.object.up,e.target),mt.intersectPlane(Gt,e.target))))}else e.object.isOrthographicCamera&&(He=h!==1,He&&(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/h)),e.object.updateProjectionMatrix()));return h=1,ye=!1,He||H.distanceToSquared(e.object.position)>f||8*(1-Z.dot(e.object.quaternion))>f||ge.distanceToSquared(e.target)>0?(e.dispatchEvent(zt),H.copy(e.object.position),Z.copy(e.object.quaternion),ge.copy(e.target),!0):!1}}(),this.dispose=function(){e.domElement.removeEventListener("contextmenu",Xe),e.domElement.removeEventListener("pointerdown",D),e.domElement.removeEventListener("pointercancel",Q),e.domElement.removeEventListener("wheel",ut),e.domElement.removeEventListener("pointermove",z),e.domElement.removeEventListener("pointerup",Q),e._domElementKeyEvents!==null&&(e._domElementKeyEvents.removeEventListener("keydown",tt),e._domElementKeyEvents=null)};const e=this,i={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_PAN:4,TOUCH_DOLLY_PAN:5,TOUCH_DOLLY_ROTATE:6};let c=i.NONE;const f=1e-6,o=new l.Spherical,d=new l.Spherical;let h=1;const b=new l.Vector3,v=new l.Vector2,S=new l.Vector2,C=new l.Vector2,P=new l.Vector2,k=new l.Vector2,q=new l.Vector2,G=new l.Vector2,B=new l.Vector2,A=new l.Vector2,X=new l.Vector3,te=new l.Vector2;let ye=!1;const K=[],fe={};let le=!1;function Ce(s){return s!==null?2*Math.PI/60*e.autoRotateSpeed*s:2*Math.PI/60/60*e.autoRotateSpeed}function we(s){const E=Math.abs(s*.01);return Math.pow(.95,e.zoomSpeed*E)}function pe(s){d.theta-=s}function U(s){d.phi-=s}const me=function(){const s=new l.Vector3;return function(_,H){s.setFromMatrixColumn(H,0),s.multiplyScalar(-_),b.add(s)}}(),O=function(){const s=new l.Vector3;return function(_,H){e.screenSpacePanning===!0?s.setFromMatrixColumn(H,1):(s.setFromMatrixColumn(H,0),s.crossVectors(e.object.up,s)),s.multiplyScalar(_),b.add(s)}}(),Ee=function(){const s=new l.Vector3;return function(_,H){const Z=e.domElement;if(e.object.isPerspectiveCamera){const ge=e.object.position;s.copy(ge).sub(e.target);let ue=s.length();ue*=Math.tan(e.object.fov/2*Math.PI/180),me(2*_*ue/Z.clientHeight,e.object.matrix),O(2*H*ue/Z.clientHeight,e.object.matrix)}else e.object.isOrthographicCamera?(me(_*(e.object.right-e.object.left)/e.object.zoom/Z.clientWidth,e.object.matrix),O(H*(e.object.top-e.object.bottom)/e.object.zoom/Z.clientHeight,e.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),e.enablePan=!1)}}();function Oe(s){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?h/=s:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function _e(s){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?h*=s:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function Me(s,E){if(!e.zoomToCursor)return;ye=!0;const _=e.domElement.getBoundingClientRect(),H=s-_.left,Z=E-_.top,ge=_.width,ue=_.height;te.x=H/ge*2-1,te.y=-(Z/ue)*2+1,X.set(te.x,te.y,1).unproject(e.object).sub(e.object.position).normalize()}function Te(s){return Math.max(e.minDistance,Math.min(e.maxDistance,s))}function Ae(s){v.set(s.clientX,s.clientY)}function je(s){Me(s.clientX,s.clientX),G.set(s.clientX,s.clientY)}function Ie(s){P.set(s.clientX,s.clientY)}function ae(s){S.set(s.clientX,s.clientY),C.subVectors(S,v).multiplyScalar(e.rotateSpeed);const E=e.domElement;pe(2*Math.PI*C.x/E.clientHeight),U(2*Math.PI*C.y/E.clientHeight),v.copy(S),e.update()}function Se(s){B.set(s.clientX,s.clientY),A.subVectors(B,G),A.y>0?Oe(we(A.y)):A.y<0&&_e(we(A.y)),G.copy(B),e.update()}function Ve(s){k.set(s.clientX,s.clientY),q.subVectors(k,P).multiplyScalar(e.panSpeed),Ee(q.x,q.y),P.copy(k),e.update()}function $e(s){Me(s.clientX,s.clientY),s.deltaY<0?_e(we(s.deltaY)):s.deltaY>0&&Oe(we(s.deltaY)),e.update()}function de(s){let E=!1;switch(s.code){case e.keys.UP:s.ctrlKey||s.metaKey||s.shiftKey?U(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Ee(0,e.keyPanSpeed),E=!0;break;case e.keys.BOTTOM:s.ctrlKey||s.metaKey||s.shiftKey?U(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Ee(0,-e.keyPanSpeed),E=!0;break;case e.keys.LEFT:s.ctrlKey||s.metaKey||s.shiftKey?pe(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Ee(e.keyPanSpeed,0),E=!0;break;case e.keys.RIGHT:s.ctrlKey||s.metaKey||s.shiftKey?pe(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Ee(-e.keyPanSpeed,0),E=!0;break}E&&(s.preventDefault(),e.update())}function m(s){if(K.length===1)v.set(s.pageX,s.pageY);else{const E=Ne(s),_=.5*(s.pageX+E.x),H=.5*(s.pageY+E.y);v.set(_,H)}}function g(s){if(K.length===1)P.set(s.pageX,s.pageY);else{const E=Ne(s),_=.5*(s.pageX+E.x),H=.5*(s.pageY+E.y);P.set(_,H)}}function M(s){const E=Ne(s),_=s.pageX-E.x,H=s.pageY-E.y,Z=Math.sqrt(_*_+H*H);G.set(0,Z)}function L(s){e.enableZoom&&M(s),e.enablePan&&g(s)}function ie(s){e.enableZoom&&M(s),e.enableRotate&&m(s)}function R(s){if(K.length==1)S.set(s.pageX,s.pageY);else{const _=Ne(s),H=.5*(s.pageX+_.x),Z=.5*(s.pageY+_.y);S.set(H,Z)}C.subVectors(S,v).multiplyScalar(e.rotateSpeed);const E=e.domElement;pe(2*Math.PI*C.x/E.clientHeight),U(2*Math.PI*C.y/E.clientHeight),v.copy(S)}function T(s){if(K.length===1)k.set(s.pageX,s.pageY);else{const E=Ne(s),_=.5*(s.pageX+E.x),H=.5*(s.pageY+E.y);k.set(_,H)}q.subVectors(k,P).multiplyScalar(e.panSpeed),Ee(q.x,q.y),P.copy(k)}function V(s){const E=Ne(s),_=s.pageX-E.x,H=s.pageY-E.y,Z=Math.sqrt(_*_+H*H);B.set(0,Z),A.set(0,Math.pow(B.y/G.y,e.zoomSpeed)),Oe(A.y),G.copy(B);const ge=(s.pageX+E.x)*.5,ue=(s.pageY+E.y)*.5;Me(ge,ue)}function re(s){e.enableZoom&&V(s),e.enablePan&&T(s)}function se(s){e.enableZoom&&V(s),e.enableRotate&&R(s)}function D(s){e.enabled!==!1&&(K.length===0&&(e.domElement.setPointerCapture(s.pointerId),e.domElement.addEventListener("pointermove",z),e.domElement.addEventListener("pointerup",Q)),St(s),s.pointerType==="touch"?nt(s):Pe(s))}function z(s){e.enabled!==!1&&(s.pointerType==="touch"?ft(s):Ke(s))}function Q(s){switch(xt(s),K.length){case 0:e.domElement.releasePointerCapture(s.pointerId),e.domElement.removeEventListener("pointermove",z),e.domElement.removeEventListener("pointerup",Q),e.dispatchEvent(Yt),c=i.NONE;break;case 1:const E=K[0],_=fe[E];nt({pointerId:E,pageX:_.x,pageY:_.y});break}}function Pe(s){let E;switch(s.button){case 0:E=e.mouseButtons.LEFT;break;case 1:E=e.mouseButtons.MIDDLE;break;case 2:E=e.mouseButtons.RIGHT;break;default:E=-1}switch(E){case l.MOUSE.DOLLY:if(e.enableZoom===!1)return;je(s),c=i.DOLLY;break;case l.MOUSE.ROTATE:if(s.ctrlKey||s.metaKey||s.shiftKey){if(e.enablePan===!1)return;Ie(s),c=i.PAN}else{if(e.enableRotate===!1)return;Ae(s),c=i.ROTATE}break;case l.MOUSE.PAN:if(s.ctrlKey||s.metaKey||s.shiftKey){if(e.enableRotate===!1)return;Ae(s),c=i.ROTATE}else{if(e.enablePan===!1)return;Ie(s),c=i.PAN}break;default:c=i.NONE}c!==i.NONE&&e.dispatchEvent(Tt)}function Ke(s){switch(c){case i.ROTATE:if(e.enableRotate===!1)return;ae(s);break;case i.DOLLY:if(e.enableZoom===!1)return;Se(s);break;case i.PAN:if(e.enablePan===!1)return;Ve(s);break}}function ut(s){e.enabled===!1||e.enableZoom===!1||c!==i.NONE||(s.preventDefault(),e.dispatchEvent(Tt),$e(dt(s)),e.dispatchEvent(Yt))}function dt(s){const E=s.deltaMode,_={clientX:s.clientX,clientY:s.clientY,deltaY:s.deltaY};switch(E){case 1:_.deltaY*=16;break;case 2:_.deltaY*=100;break}return s.ctrlKey&&!le&&(_.deltaY*=10),_}function ht(s){s.key==="Control"&&(le=!0,e.domElement.getRootNode().addEventListener("keyup",Le,{passive:!0,capture:!0}))}function Le(s){s.key==="Control"&&(le=!1,e.domElement.getRootNode().removeEventListener("keyup",Le,{passive:!0,capture:!0}))}function tt(s){e.enabled===!1||e.enablePan===!1||de(s)}function nt(s){switch(pt(s),K.length){case 1:switch(e.touches.ONE){case l.TOUCH.ROTATE:if(e.enableRotate===!1)return;m(s),c=i.TOUCH_ROTATE;break;case l.TOUCH.PAN:if(e.enablePan===!1)return;g(s),c=i.TOUCH_PAN;break;default:c=i.NONE}break;case 2:switch(e.touches.TWO){case l.TOUCH.DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;L(s),c=i.TOUCH_DOLLY_PAN;break;case l.TOUCH.DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;ie(s),c=i.TOUCH_DOLLY_ROTATE;break;default:c=i.NONE}break;default:c=i.NONE}c!==i.NONE&&e.dispatchEvent(Tt)}function ft(s){switch(pt(s),c){case i.TOUCH_ROTATE:if(e.enableRotate===!1)return;R(s),e.update();break;case i.TOUCH_PAN:if(e.enablePan===!1)return;T(s),e.update();break;case i.TOUCH_DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;re(s),e.update();break;case i.TOUCH_DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;se(s),e.update();break;default:c=i.NONE}}function Xe(s){e.enabled!==!1&&s.preventDefault()}function St(s){K.push(s.pointerId)}function xt(s){delete fe[s.pointerId];for(let E=0;E<K.length;E++)if(K[E]==s.pointerId){K.splice(E,1);return}}function pt(s){let E=fe[s.pointerId];E===void 0&&(E=new l.Vector2,fe[s.pointerId]=E),E.set(s.pageX,s.pageY)}function Ne(s){const E=s.pointerId===K[0]?K[1]:K[0];return fe[E]}e.domElement.addEventListener("contextmenu",Xe),e.domElement.addEventListener("pointerdown",D),e.domElement.addEventListener("pointercancel",Q),e.domElement.addEventListener("wheel",ut,{passive:!1}),e.domElement.getRootNode().addEventListener("keydown",ht,{passive:!0,capture:!0}),this.update()}}const bt=t=>{const[n,a]=x.useState(t.options[t.index]),e=()=>{t.onToggle(!t.open)},i=c=>{c!==n&&(t.onSelect(c),a(c)),t.onToggle(!1)};return u.jsxs("div",{className:`dropdown ${t.up===!0?"up":""}`,children:[u.jsx("div",{className:"dropdown-toggle",onClick:e,children:n}),t.open&&u.jsx("ul",{className:"dropdown-menu",children:t.options.map(c=>u.jsx("li",{onClick:()=>i(c),children:c},c))})]})},We=x.forwardRef(function(n,a){const[e,i]=x.useState(!1),c=n.options.indexOf(n.camera.name);return u.jsxs("div",{className:"CameraWindow",children:[u.jsx("div",{ref:a,className:"clickable",onClick:()=>{e&&i(!1)}}),u.jsx(bt,{index:c,open:e,options:n.options,onSelect:n.onSelect,onToggle:f=>{i(f)},up:!0})]})});class oa extends l.ShaderMaterial{constructor(n){super({extensions:{derivatives:!0},glslVersion:l.GLSL3,side:l.DoubleSide,transparent:!0,uniforms:{uScale:{value:n?.scale!==void 0?n?.scale:.1},uDivisions:{value:n?.divisions!==void 0?n?.divisions:10},uColor:{value:n?.color!==void 0?n?.color:new l.Color(16777215)},uDistance:{value:n?.distance!==void 0?n?.distance:1e4},uSubgridOpacity:{value:n?.subgridOpacity!==void 0?n?.subgridOpacity:.15},uGridOpacity:{value:n?.gridOpacity!==void 0?n?.gridOpacity:.25}},vertexShader:`out vec3 worldPosition;
|
|
29
|
+
C11,8.22,10.74,8,10.43,8z`})});function rn(t){return h.jsx(Zt.Reorder.Item,{value:t.title,children:h.jsxs("div",{children:[In,h.jsx("span",{children:t.title}),h.jsx("button",{className:"closeIcon",onClick:()=>{t.onDelete(t.index)},children:jn})]})},t.title)}function sn(t){const[n,i]=S.useState(!1),[e,r]=S.useState(t.options),a=f=>{t.onDragComplete(f),r(f)},l=f=>{const m=[...e];m.splice(f,1),a(m)},c=[];e.forEach((f,m)=>{c.push(h.jsx(rn,{index:m,title:f,onDelete:l},f))});let u="dropdown draggable";return t.subdropdown&&(u+=" subdropdown"),h.jsxs("div",{className:u,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[h.jsx(Nt,{title:t.title}),h.jsx(Zt.Reorder.Group,{axis:"y",values:e,onReorder:a,style:{visibility:n?"visible":"hidden"},children:c})]})}function on(t){const[n,i]=S.useState(!1),e=[];t.options.map((a,l)=>{t.onSelect!==void 0&&(a.onSelect=t.onSelect),e.push(h.jsx(cn,{option:a},l))});let r="dropdown";return t.subdropdown&&(r+=" subdropdown"),h.jsxs("div",{className:r,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[h.jsx(Nt,{title:t.title}),h.jsx("ul",{style:{visibility:n?"visible":"hidden"},children:e})]})}function cn(t){const{option:n}=t,[i,e]=S.useState("");let r;switch(n.type){case"draggable":r=h.jsx(sn,{title:n.title,options:n.value,onDragComplete:a=>{n.onDragComplete!==void 0&&n.onDragComplete(a)},subdropdown:!0});break;case"dropdown":r=h.jsx(on,{title:n.title,options:n.value,onSelect:n.onSelect,subdropdown:!0});break;case"option":r=h.jsx("button",{onClick:()=>{n.onSelect!==void 0&&n.onSelect(n.value),n.selectable&&(i!==n.title?e(n.title):e(""))},children:n.title});break}return h.jsx("li",{className:i===n.title?"selected":"",children:r},Jt())}function Ln(t,n,i){function e(a){switch(n.forEach(l=>{l.callback(t,l.remote,a)}),a.event){case"custom":U.dispatchEvent({type:z.CUSTOM,value:a.data});break}}function r(a){switch(i.forEach(l=>{l.callback(t,l.remote,a)}),a.event){case"custom":U.dispatchEvent({type:z.CUSTOM,value:a.data});break}}t.listen=a=>{a.target==="editor"?r(a):e(a)}}function Et(t){const[n,i]=S.useState(t.open!==void 0?t.open:!0),e=!n||t.children===void 0;return h.jsxs("div",{className:`accordion ${e?"hide":""}`,children:[h.jsxs("button",{className:"toggle",onClick:()=>{const r=!n;t.onToggle!==void 0&&t.onToggle(r),i(r)},children:[h.jsx("p",{className:`status ${n?"open":""}`,children:"Toggle"}),h.jsx("p",{className:"label",children:ze(t.label)})]}),t.button,h.jsx("div",{className:n?"open":"",children:h.jsx("div",{children:t.children})})]})}function Bt(t){const[n,i]=S.useState(!1),e=t.child!==void 0&&t.child.children.length>0,r=[];return t.child!==void 0&&t.child.children.length>0&&t.child.children.map(a=>{r.push(h.jsx(Bt,{child:a,three:t.three},Math.random()))}),h.jsx(h.Fragment,{children:t.child!==void 0&&h.jsxs("div",{className:"childObject",children:[h.jsxs("div",{className:"child",children:[e?h.jsx("button",{className:"status",style:{backgroundPositionX:n?"-14px":"2px"},onClick:()=>{i(!n)}}):null,h.jsx("button",{className:"name",style:{left:e?"20px":"5px"},onClick:()=>{t.child!==void 0&&(t.three.getObject(t.child.uuid),n||i(!0))},children:t.child.name.length>0?`${t.child.name} (${t.child.type})`:`${t.child.type}::${t.child.uuid}`}),h.jsx("div",{className:`icon ${Mn(t.child)}`})]}),h.jsx("div",{className:n?"open":"",children:h.jsx("div",{className:"container",children:r})})]},Math.random())})}function ln(t){const n=[];return t.child?.children.map(i=>{n.push(h.jsx(Bt,{child:i,three:t.three},Math.random()))}),h.jsx("div",{className:`scene ${t.class!==void 0?t.class:""}`,children:n})}const Nn="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";function Bn(t){return"items"in t}function Xe(t){const n=[];return t.items.forEach(i=>{Bn(i)?n.push(h.jsx(Xe,{title:ze(i.title),items:i.items},Math.random())):n.push(h.jsx(ct,{title:i.title,prop:i.prop,value:i.value,type:i.type,min:i.min,max:i.max,step:i.step,disabled:i.disabled,options:i.options,onChange:(e,r)=>{i.onChange!==void 0&&i.onChange(e,r)}},Math.random()))}),h.jsx(Et,{label:t.title,open:t.expanded===!0,children:n})}function Fn(t){return!(t==="alphaHash"||t==="alphaToCoverage"||t==="attenuationDistance"||t==="blendAlpha"||t==="blendColor"||t==="blendDstAlpha"||t==="colorWrite"||t==="combine"||t==="defaultAttributeValues"||t==="depthFunc"||t==="forceSinglePass"||t==="glslVersion"||t==="linecap"||t==="linejoin"||t==="linewidth"||t==="normalMapType"||t==="precision"||t==="premultipliedAlpha"||t==="shadowSide"||t==="toneMapped"||t==="uniformsGroups"||t==="uniformsNeedUpdate"||t==="userData"||t==="vertexColors"||t==="version"||t==="wireframeLinecap"||t==="wireframeLinejoin"||t==="wireframeLinewidth"||t.slice(0,4)==="clip"||t.slice(0,7)==="polygon"||t.slice(0,7)==="stencil"||t.slice(0,2)==="is")}function q(t){switch(t){case"alphaMap":return"Alpha Map";case"anisotropyMap":return"Anisotropy Map";case"anisotropyRotation":return"Anisotropy Rotation";case"aoMap":return"AO Map";case"aoMapIntensity":return"AO Map Intensity";case"attenuationColor":return"Attenuation Color";case"blendAlpha":return"Blend Alpha";case"blendColor":return"Blend Color";case"blendDst":return"Blend Dst";case"blendDstAlpha":return"Blend Dst Alha";case"blendEquation":return"Blend Equation";case"blendEquationAlpha":return"Blend Equation Alpha";case"blending":return"Blending";case"blendSrc":return"Blend Src";case"blendSrcAlpha":return"Blend Src Alpha";case"bumpMap":return"Bump Map";case"bumpScale":return"Bump Scale";case"clearcoatMap":return"Clearcoat Map";case"clearcoatNormalMap":return"Clearcoat Normal Map";case"clearcoatNormalScale":return"Clearcoat Normal Scale";case"clearcoatRoughness":return"Clearcoat Roughness";case"clearcoatRoughnessMap":return"Clearcoat Roughness Map";case"color":return"Color";case"defines":return"Defines";case"depthTest":return"Depth Test";case"depthWrite":return"Depth Write";case"displacementBias":return"Displacement Bias";case"displacementMap":return"Displacement Map";case"displacementScale":return"Displacement Scale";case"dithering":return"Dithering";case"emissive":return"Emissive";case"emissiveMap":return"Emissive Map";case"emissiveIntensity":return"Emissive Intensity";case"envMap":return"Environment Map";case"envMapIntensity":return"Environment Map Intensity";case"extensions":return"Extensions";case"flatShading":return"Flat Shading";case"fragmentShader":return"Fragment Shader";case"fog":return"Fog";case"gradientMap":return"Gradient Map";case"ior":return"IOR";case"iridescenceIOR":return"Iridescence IOR";case"iridescenceMap":return"Iridescence Map";case"iridescenceThicknessMap":return"Iridescence Thickness Map";case"iridescenceThicknessRange":return"Iridescence Thickness Range";case"lights":return"Lights";case"lightMap":return"Light Map";case"lightMapIntensity":return"Light Map Intensity";case"map":return"Map";case"matcap":return"Matcap";case"metalness":return"Metalness";case"metalnessMap":return"Metalness Map";case"name":return"Name";case"normalMap":return"Normal Map";case"normalScale":return"Normal Scale";case"opacity":return"Opacity";case"reflectivity":return"Reflectivity";case"refractionRatio":return"Refraction Ratio";case"roughness":return"Roughness";case"roughnessMap":return"Roughness Map";case"sheenColor":return"Sheen Color";case"sheenColorMap":return"Sheen Color Map";case"sheenRoughness":return"Sheen Roughness";case"sheenRoughnessMap":return"Sheen Roughness Map";case"shininess":return"Shininess";case"side":return"Side";case"size":return"Size";case"sizeAttenuation":return"Size Attenuation";case"specular":return"Specular";case"specularColor":return"Specular Color";case"specularColorMap":return"Specular Color Map";case"specularIntensity":return"Specular Intensity";case"specularIntensityMap":return"Specular Map Intensity";case"thickness":return"Thickness";case"thicknessMap":return"Thickness Map";case"transmission":return"Transmission";case"transmissionMap":return"Transmission Map";case"transparent":return"Transparent";case"type":return"Type";case"uuid":return"UUID";case"uniforms":return"Uniforms";case"vertexShader":return"Vertex Shader";case"visible":return"Visible";case"wireframe":return"Wireframe"}return t}function Un(t){return t.toLowerCase().search("intensity")>-1||t==="anisotropyRotation"||t==="blendAlpha"||t==="bumpScale"||t==="clearcoatRoughness"||t==="displacementBias"||t==="displacementScale"||t==="metalness"||t==="opacity"||t==="reflectivity"||t==="refractionRatio"||t==="roughness"||t==="sheenRoughness"||t==="thickness"}function zn(){const t=document.createElement("input");return t.type="file",new Promise((n,i)=>{t.addEventListener("change",function(){if(t.files===null)i();else{const e=t.files[0],r=new FileReader;r.onload=function(a){n(a.target.result)},r.readAsDataURL(e)}}),t.click()})}const $n=[{title:"Front",value:d.FrontSide},{title:"Back",value:d.BackSide},{title:"Double",value:d.DoubleSide}],Hn=[{title:"No Blending",value:d.NoBlending},{title:"Normal",value:d.NormalBlending},{title:"Additive",value:d.AdditiveBlending},{title:"Subtractive",value:d.SubtractiveBlending},{title:"Multiply",value:d.MultiplyBlending},{title:"Custom",value:d.CustomBlending}],Vn=[{title:"Add",value:d.AddEquation},{title:"Subtract",value:d.SubtractEquation},{title:"Reverse Subtract",value:d.ReverseSubtractEquation},{title:"Min",value:d.MinEquation},{title:"Max",value:d.MaxEquation}],Yn=[{title:"Zero",valye:d.ZeroFactor},{title:"One",valye:d.OneFactor},{title:"Src Color",valye:d.SrcColorFactor},{title:"One Minus Src Color",valye:d.OneMinusSrcColorFactor},{title:"Src Alpha",valye:d.SrcAlphaFactor},{title:"One Minus Src Alpha",valye:d.OneMinusSrcAlphaFactor},{title:"Dst Alpha",valye:d.DstAlphaFactor},{title:"One Minus Dst Alpha",valye:d.OneMinusDstAlphaFactor},{title:"Dst Color",valye:d.DstColorFactor},{title:"One Minus Dst Color",valye:d.OneMinusDstColorFactor},{title:"Src Alpha Saturate",valye:d.SrcAlphaSaturateFactor},{title:"Constant Color",valye:d.ConstantColorFactor},{title:"One Minus Constant Color",valye:d.OneMinusConstantColorFactor},{title:"Constant Alpha",valye:d.ConstantAlphaFactor},{title:"One Minus Constant Alpha",valye:d.OneMinusConstantAlphaFactor}],Gn=[{title:"Zero",valye:d.ZeroFactor},{title:"One",valye:d.OneFactor},{title:"Src Color",valye:d.SrcColorFactor},{title:"One Minus Src Color",valye:d.OneMinusSrcColorFactor},{title:"Src Alpha",valye:d.SrcAlphaFactor},{title:"One Minus Src Alpha",valye:d.OneMinusSrcAlphaFactor},{title:"Dst Alpha",valye:d.DstAlphaFactor},{title:"One Minus Dst Alpha",valye:d.OneMinusDstAlphaFactor},{title:"Dst Color",valye:d.DstColorFactor},{title:"One Minus Dst Color",valye:d.OneMinusDstColorFactor},{title:"Constant Color",valye:d.ConstantColorFactor},{title:"One Minus Constant Color",valye:d.OneMinusConstantColorFactor},{title:"Constant Alpha",valye:d.ConstantAlphaFactor},{title:"One Minus Constant Alpha",valye:d.OneMinusConstantAlphaFactor}];function ot(t,n){t.needsUpdate=!0,t.type="option",t.options=n}function Wn(t,n,i,e){return{type:"boolean",title:q(t),prop:t,value:n,needsUpdate:!0,onChange:(r,a)=>{e.updateObject(i.uuid,`material.${t}`,a),e.updateObject(i.uuid,"material.needsUpdate",!0);const l=e.scene?.getObjectByProperty("uuid",i.uuid);l!==void 0&&_(l,`material.${t}`,a)}}}function qn(t,n,i,e){const r={type:"number",title:q(t),prop:t,value:n,min:void 0,max:void 0,step:.01,needsUpdate:!0,onChange:(a,l)=>{e.updateObject(i.uuid,`material.${t}`,l),e.updateObject(i.uuid,"material.needsUpdate",!0);const c=e.scene?.getObjectByProperty("uuid",i.uuid);c!==void 0&&_(c,`material.${t}`,l)}};switch(t){case"blending":ot(r,Hn);break;case"blendDst":ot(r,Gn);break;case"blendEquation":ot(r,Vn);break;case"blendSrc":ot(r,Yn);break;case"side":ot(r,$n);break}return Un(t)&&(r.value=Number(n),r.type="range",r.min=0,r.max=1,r.step=.01),r}function Xn(t,n,i,e){const r={type:"string",title:q(t),prop:t,value:n,needsUpdate:!0,onChange:(l,c)=>{e.updateObject(i.uuid,`material.${t}`,c),e.updateObject(i.uuid,"material.needsUpdate",!0);const u=e.scene?.getObjectByProperty("uuid",i.uuid);u!==void 0&&_(u,`material.${t}`,c)}};return(t==="vertexShader"||t==="fragmentShader")&&(r.disabled=!1,r.latest=r.value,r.onChange=(l,c)=>{r.latest=c}),r}function _t(t){return t.x!==void 0&&t.y!==void 0&&t.z===void 0}function Tt(t){return t.x!==void 0&&t.y!==void 0&&t.z!==void 0&&t.w===void 0}function Ht(t){return t.x!==void 0&&t.y!==void 0&&t.z!==void 0&&t.w!==void 0}function Kn(t,n,i,e){const r=[];if(n.isColor)return{title:q(t),prop:t,type:"color",value:n,onChange:(a,l)=>{const c=new d.Color(l);e.updateObject(i.uuid,`material.${t}`,c);const u=e.scene?.getObjectByProperty("uuid",i.uuid);u!==void 0&&_(u,`material.${t}`,c)}};if(Array.isArray(n)){for(const a in n)r.push({title:`${a}`,type:`${typeof n[a]}`,value:n[a],onChange:(l,c)=>{e.updateObject(i.uuid,`material.${t}`,c);const u=e.scene?.getObjectByProperty("uuid",i.uuid);u!==void 0&&_(u,`material.${t}`,c)}});return{title:q(t),items:r}}else{if(_t(n))return{title:q(t),prop:t,type:"vector",value:n,onChange:(a,l)=>{e.updateObject(i.uuid,`material.${t}`,l);const c=e.scene?.getObjectByProperty("uuid",i.uuid);c!==void 0&&_(c,`material.${t}`,l)}};if(Tt(n)){const a=[{title:"X",prop:t,type:"number",value:n,step:.01,onChange:(l,c)=>{e.updateObject(i.uuid,`material.${t}.x`,c);const u=e.scene?.getObjectByProperty("uuid",i.uuid);u!==void 0&&_(u,`material.${t}.x`,c)}},{title:"Y",prop:t,type:"number",value:n,step:.01,onChange:(l,c)=>{e.updateObject(i.uuid,`material.${t}.y`,c);const u=e.scene?.getObjectByProperty("uuid",i.uuid);u!==void 0&&_(u,`material.${t}.y`,c)}},{title:"Z",prop:t,type:"number",value:n,step:.01,onChange:(l,c)=>{e.updateObject(i.uuid,`material.${t}.z`,c);const u=e.scene?.getObjectByProperty("uuid",i.uuid);u!==void 0&&_(u,`material.${t}.z`,c)}}];return a.sort((l,c)=>l.title<c.title?-1:l.title>c.title?1:0),{title:q(t),items:a}}else{if(n.src!==void 0)return{title:q(t),type:"image",value:n,onChange:(a,l)=>{e.createTexture(i.uuid,`material.${a}`,l);const c=e.scene?.getObjectByProperty("uuid",i.uuid);c!==void 0&&yt(l).then(u=>{_(c,`material.${a}`,u),_(c,"material.needsUpdate",!0)})}};switch(t){case"defines":for(const a in n)r.push({title:ze(`${a}`),type:"string",value:n[a].toString(),disabled:!0});if(r.length>0)return{title:q(t),items:r};break;case"extensions":for(const a in n)r.push({title:ze(`${a}`),type:"boolean",value:n[a],disabled:!0});if(r.length>0)return{title:q(t),items:r};break;case"uniforms":for(const a in n){const l=n[a].value,c=typeof l;if(l.isColor)r.push({title:q(a),prop:a,type:"color",value:l,onChange:(u,f)=>{const m=new d.Color(f);e.updateObject(i.uuid,`material.uniforms.${a}.value`,m);const p=e.scene?.getObjectByProperty("uuid",i.uuid);p!==void 0&&_(p,`material.uniforms.${a}.value`,m)}});else if(Array.isArray(l)){const u=[];for(const f in l)u.push({title:`${f}`,type:`${typeof l[f]}`,value:l[f],onChange:(m,p)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value.${f}`,p);const b=e.scene?.getObjectByProperty("uuid",i.uuid);b!==void 0&&_(b,`material.uniforms.${a}.value.${f}`,p)}});r.push({title:q(a),items:u})}else if(_t(l))r.push({title:`${q(a)}`,prop:a,type:"vector",value:l,onChange:(u,f)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value`,f);const m=e.scene?.getObjectByProperty("uuid",i.uuid);m!==void 0&&_(m,`material.uniforms.${a}.value`,f)}});else if(Tt(l)){const u=[];u.push({title:"X",prop:a,type:"number",value:l.x,step:.01,onChange:(f,m)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value.x`,m);const p=e.scene?.getObjectByProperty("uuid",i.uuid);p!==void 0&&_(p,`material.uniforms.${a}.value.x`,m)}}),u.push({title:"Y",prop:a,type:"number",value:l.y,step:.01,onChange:(f,m)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value.y`,m);const p=e.scene?.getObjectByProperty("uuid",i.uuid);p!==void 0&&_(p,`material.uniforms.${a}.value.y`,m)}}),u.push({title:"Z",prop:a,type:"number",value:l.z,step:.01,onChange:(f,m)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value.z`,m);const p=e.scene?.getObjectByProperty("uuid",i.uuid);p!==void 0&&_(p,`material.uniforms.${a}.value.z`,m)}}),r.push({title:q(a),items:u})}else if(Ht(l)){const u=[];u.push({title:"X",prop:a,type:"number",value:l.x,step:.01,onChange:(f,m)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value.x`,m);const p=e.scene?.getObjectByProperty("uuid",i.uuid);p!==void 0&&_(p,`material.uniforms.${a}.value.x`,m)}}),u.push({title:"Y",prop:a,type:"number",value:l.y,step:.01,onChange:(f,m)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value.y`,m);const p=e.scene?.getObjectByProperty("uuid",i.uuid);p!==void 0&&_(p,`material.uniforms.${a}.value.y`,m)}}),u.push({title:"Z",prop:a,type:"number",value:l.z,step:.01,onChange:(f,m)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value.z`,m);const p=e.scene?.getObjectByProperty("uuid",i.uuid);p!==void 0&&_(p,`material.uniforms.${a}.value.z`,m)}}),u.push({title:"W",prop:a,type:"number",value:l.w,step:.01,onChange:(f,m)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value.w`,m);const p=e.scene?.getObjectByProperty("uuid",i.uuid);p!==void 0&&_(p,`material.uniforms.${a}.value.w`,m)}}),r.push({title:q(a),items:u})}else if(c==="number")r.push({title:q(a),prop:a,type:"number",value:l,step:.01,onChange:(u,f)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value`,f);const m=e.scene?.getObjectByProperty("uuid",i.uuid);m!==void 0&&_(m,`material.uniforms.${a}.value`,f)}});else if(c==="string")r.push({title:q(a),prop:a,type:c,value:l,onChange:(u,f)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value`,f);const m=e.scene?.getObjectByProperty("uuid",i.uuid);m!==void 0&&_(m,`material.uniforms.${a}.value`,f)}});else if(l.src!==void 0)r.push({title:q(a),type:"image",value:l.src,onChange:(u,f)=>{const m=`material.uniforms.${a}.value`;e.createTexture(i.uuid,m,f);const p=e.scene?.getObjectByProperty("uuid",i.uuid);p!==void 0&&yt(f).then(b=>{_(p,m,b),_(p,"material.needsUpdate",!0)})}});else if(l.elements!==void 0){const u=[];for(const f in l.elements)u.push({title:`${f}`,type:"number",value:l.elements[f],step:.01,onChange:(m,p)=>{e.updateObject(i.uuid,`material.uniforms.${a}.value.elements[${f}]`,p);const b=e.scene?.getObjectByProperty("uuid",i.uuid);b!==void 0&&_(b,`material.uniforms.${a}.value.elements[${f}]`,p)}});r.push({title:q(a),items:u})}else{const u=[],f=l;for(const m in f){const p=m,b=f[m],X=typeof b,O=`material.uniforms.${a}.value.${p}`;if(b.isColor)u.push({title:q(p),prop:p,type:"color",value:b,onChange:(D,j)=>{const x=new d.Color(j);e.updateObject(i.uuid,O,x);const w=e.scene?.getObjectByProperty("uuid",i.uuid);w!==void 0&&_(w,O,x)}});else if(_t(b))u.push({title:`${q(p)}`,prop:p,type:"vector",value:b,onChange:(D,j)=>{e.updateObject(i.uuid,O,j);const x=e.scene?.getObjectByProperty("uuid",i.uuid);x!==void 0&&_(x,O,j)}});else if(Tt(b)){const D=[];D.push({title:"X",prop:p,type:"number",value:l.x,step:.01,onChange:(j,x)=>{e.updateObject(i.uuid,`${O}.x`,x);const w=e.scene?.getObjectByProperty("uuid",i.uuid);w!==void 0&&_(w,`${O}.x`,x)}}),D.push({title:"Y",prop:p,type:"number",value:l.y,step:.01,onChange:(j,x)=>{e.updateObject(i.uuid,`${O}.y`,x);const w=e.scene?.getObjectByProperty("uuid",i.uuid);w!==void 0&&_(w,`${O}.y`,x)}}),D.push({title:"Z",prop:p,type:"number",value:l.z,step:.01,onChange:(j,x)=>{e.updateObject(i.uuid,`${O}.z`,x);const w=e.scene?.getObjectByProperty("uuid",i.uuid);w!==void 0&&_(w,`${O}.z`,x)}}),u.push({title:q(p),items:D})}else if(Ht(b)){const D=[];D.push({title:"X",prop:p,type:"number",value:l.x,step:.01,onChange:(j,x)=>{e.updateObject(i.uuid,`${O}.x`,x);const w=e.scene?.getObjectByProperty("uuid",i.uuid);w!==void 0&&_(w,`${O}.x`,x)}}),D.push({title:"Y",prop:p,type:"number",value:l.y,step:.01,onChange:(j,x)=>{e.updateObject(i.uuid,`${O}.y`,x);const w=e.scene?.getObjectByProperty("uuid",i.uuid);w!==void 0&&_(w,`${O}.y`,x)}}),D.push({title:"Z",prop:p,type:"number",value:l.z,step:.01,onChange:(j,x)=>{e.updateObject(i.uuid,`${O}.z`,x);const w=e.scene?.getObjectByProperty("uuid",i.uuid);w!==void 0&&_(w,`${O}.z`,x)}}),D.push({title:"W",prop:p,type:"number",value:l.w,step:.01,onChange:(j,x)=>{e.updateObject(i.uuid,`${O}.w`,x);const w=e.scene?.getObjectByProperty("uuid",i.uuid);w!==void 0&&_(w,`${O}.w`,x)}}),u.push({title:q(p),items:D})}else X==="number"?u.push({title:q(p),prop:p,type:"number",value:b,step:.01,onChange:(D,j)=>{e.updateObject(i.uuid,O,j);const x=e.scene?.getObjectByProperty("uuid",i.uuid);x!==void 0&&_(x,O,j)}}):X==="string"?u.push({title:q(p),prop:p,type:"string",value:b,onChange:(D,j)=>{e.updateObject(i.uuid,O,j);const x=e.scene?.getObjectByProperty("uuid",i.uuid);x!==void 0&&_(x,O,j)}}):b.src!==void 0?u.push({title:q(p),type:"image",value:b.src,onChange:(D,j)=>{e.createTexture(i.uuid,O,j);const x=e.scene?.getObjectByProperty("uuid",i.uuid);x!==void 0&&yt(j).then(w=>{_(x,O,w),_(x,"material.needsUpdate",!0)})}}):b.elements}u.sort((m,p)=>m.title<p.title?-1:m.title>p.title?1:0),u.length>0&&r.push({title:ze(a),items:u})}}if(r.sort((a,l)=>a.title<l.title?-1:a.title>l.title?1:0),r.length>0)return{title:q(t),items:r};break;default:console.log(">>> other prop to add...",t);break}}}}function Vt(t,n,i){const e=[];for(const r in t){if(!Fn(r))continue;const a=typeof t[r],l=t[r];if(a==="boolean")e.push(Wn(r,l,n,i));else if(a==="number")e.push(qn(r,l,n,i));else if(a==="string")e.push(Xn(r,l,n,i));else if(a==="object"){const c=Kn(r,l,n,i);c!==void 0&&e.push(c)}else l!==void 0&&console.log("other:",r,a,l)}return e.sort((r,a)=>r.title<a.title?-1:r.title>a.title?1:0),e.push({title:"Update Material",type:"button",onChange:()=>{i.updateObject(n.uuid,"material.needsUpdate",!0)}}),e}function Zn(t,n){const i=t.material;if(Array.isArray(i)){const e=[],r=i.length;for(let a=0;a<r;a++)e.push(h.jsx(Xe,{title:`Material ${a}`,items:Vt(i[a],t,n)},`Material ${a}`));return h.jsx(h.Fragment,{children:e})}else return h.jsx(Xe,{title:"Material",items:Vt(i,t,n)})}function Jn(t){const n=S.useRef(null),i=S.useRef(null),e=S.useRef(null),r=S.useRef(null),a=S.useRef(null),l=S.useRef(null),[c,u]=S.useState(t.value),[f,m]=S.useState({min:t.min,max:t.max}),[p,b]=S.useState(!1);function X(){p||(window.addEventListener("mousemove",D),window.addEventListener("mouseup",O),window.addEventListener("mouseup",O),b(!0))}function O(){window.removeEventListener("mousemove",D),window.removeEventListener("mouseup",O),b(!1)}function D(N){const K=a.current.getBoundingClientRect(),ne=Ue(0,99,N.clientX-K.left)/99,pe=Ue(0,99,N.clientY-K.top)/99,J=tt(kt(f.min,f.max,ne),3),me=tt(kt(f.min,f.max,pe),3);t.onChange({target:{value:{x:J,y:me}}}),u({x:J,y:me})}function j(N){let K=c.x,ne=c.y;N.target===n.current?K=Number(N.target.value):ne=Number(N.target.value),u({x:K,y:ne})}function x(){const N=Number(e.current.value);m({min:N,max:f.max}),(c.x<N||c.y<N)&&u({x:Ue(N,f.max,c.x),y:Ue(N,f.max,c.y)})}function w(){const N=Number(r.current.value);m({min:f.min,max:N}),(c.x>N||c.y>N)&&u({x:Ue(f.min,N,c.x),y:Ue(f.min,N,c.y)})}return S.useEffect(()=>{const N=At(f.min,f.max,c.x),K=At(f.min,f.max,c.y);l.current.style.left=`${N*100}%`,l.current.style.top=`${K*100}%`},[f,c]),h.jsxs("div",{className:"vector",children:[h.jsxs("div",{className:"fields",children:[h.jsxs("div",{children:[h.jsx("label",{children:"X:"}),h.jsx("input",{ref:n,type:"number",value:c.x,min:f.min,max:f.max,step:.01,onChange:j})]}),h.jsxs("div",{children:[h.jsx("label",{children:"Y:"}),h.jsx("input",{ref:i,type:"number",value:c.y,min:f.min,max:f.max,step:.01,onChange:j})]}),h.jsxs("div",{children:[h.jsx("label",{children:"Min:"}),h.jsx("input",{ref:e,type:"number",value:f.min,step:.01,onChange:x})]}),h.jsxs("div",{children:[h.jsx("label",{children:"Max:"}),h.jsx("input",{ref:r,type:"number",value:f.max,step:.01,onChange:w})]})]}),h.jsxs("div",{className:"input",ref:a,onMouseDown:X,onMouseUp:O,children:[h.jsx("div",{className:"x"}),h.jsx("div",{className:"y"}),h.jsx("div",{className:"pt",ref:l})]})]})}function ct(t){let n=t.value;n!==void 0&&n.isColor!==void 0&&(n=en(t.value));const[i,e]=S.useState(n),r=S.useRef(null),a=S.useRef(null),l=S.useRef(null);S.useEffect(()=>{let p=!1,b=-1,X=0,O=Number(i);const D=K=>{p=!0,X=O,b=K.clientX},j=K=>{if(!p)return;const ne=t.step!==void 0?t.step:1,pe=(K.clientX-b)*ne;O=Number((X+pe).toFixed(4)),a.current!==null&&(a.current.value=O.toString()),t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,O)},x=()=>{p=!1},w=()=>{p=!1},N=t.type==="number";return N&&(r.current?.addEventListener("mousedown",D,!1),document.addEventListener("mouseup",x,!1),document.addEventListener("mousemove",j,!1),document.addEventListener("contextmenu",w,!1)),()=>{N&&(r.current?.removeEventListener("mousedown",D),document.removeEventListener("mouseup",x),document.removeEventListener("mousemove",j),document.removeEventListener("contextmenu",w))}},[i]);const c=t.type==="string"&&(i.length>100||i.search(`
|
|
30
|
+
`)>-1),u=c||t.type==="image"||t.type==="vector",f=p=>{let b=p.target.value;t.type==="boolean"?b=p.target.checked:t.type==="option"&&(b=t.options[b].value),e(b),t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,b)},m={};return t.disabled&&(m.opacity=.8),h.jsxs("div",{className:`field ${u?"block":""}`,style:m,children:[t.type!=="button"&&h.jsx("label",{ref:r,children:ze(t.title)},"fieldLabel"),t.type==="string"&&!c&&h.jsx("input",{type:"text",disabled:t.disabled,onChange:f,value:i}),t.type==="string"&&c&&h.jsx("textarea",{cols:50,rows:10,disabled:t.disabled!==void 0?t.disabled:!0,onChange:f,value:i}),t.type==="boolean"&&h.jsx("input",{type:"checkbox",disabled:t.disabled,onChange:f,checked:i}),t.type==="number"&&h.jsx("input",{ref:a,type:"number",value:i,min:t.min,max:t.max,step:t.step,disabled:t.disabled,onChange:f}),t.type==="range"&&h.jsxs(h.Fragment,{children:[h.jsx("input",{type:"text",value:i.toString(),onChange:f,disabled:t.disabled,className:"min"}),h.jsx("input",{disabled:t.disabled,type:"range",value:i,min:t.min,max:t.max,step:t.step,onChange:f})]}),t.type==="color"&&h.jsxs(h.Fragment,{children:[h.jsx("input",{type:"text",value:i.toString(),onChange:f,disabled:t.disabled,className:"color"}),h.jsx("input",{type:"color",value:i,onChange:f,disabled:t.disabled})]}),t.type==="button"&&h.jsx("button",{disabled:t.disabled,onClick:()=>{t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,!0)},children:t.title}),t.type==="image"&&h.jsx("img",{ref:l,onClick:()=>{zn().then(p=>{l.current.src=p,t.onChange!==void 0&&t.onChange(t.prop!==void 0?t.prop:t.title,p)})},src:i.length>0?i:Nn}),t.type==="option"&&h.jsx(h.Fragment,{children:h.jsx("select",{onChange:f,disabled:t.disabled,defaultValue:t.value,children:t.options?.map((p,b)=>h.jsx("option",{value:p.value,children:ze(p.title)},b))})}),t.type==="vector"&&h.jsx(Jn,{value:i,min:0,max:1,onChange:f})]})}function Yt(t){switch(t){case"fov":return"FOV";case"zoom":return"Zoom";case"near":return"Near";case"far":return"Far";case"focus":return"Focus";case"aspect":return"Aspect";case"filmGauge":return"Film Gauge";case"filmOffset":return"Film Offset";case"left":return"Left";case"right":return"Right";case"top":return"Top";case"bottom":return"Bottom"}return t}function Qn(t,n){const i=[];if(t.perspectiveCameraInfo!==void 0)for(const e in t.perspectiveCameraInfo)i.push({title:Yt(e),prop:e,type:"number",step:.01,value:t.perspectiveCameraInfo[e],onChange:(r,a)=>{n.updateObject(t.uuid,r,a),n.requestMethod(t.uuid,"updateProjectionMatrix");const l=n.scene?.getObjectByProperty("uuid",t.uuid);l!==void 0&&(_(l,r,a),l.updateProjectionMatrix())}});else if(t.orthographicCameraInfo!==void 0)for(const e in t.orthographicCameraInfo)i.push({title:Yt(e),prop:e,type:"number",step:.01,value:t.perspectiveCameraInfo[e],onChange:(r,a)=>{n.updateObject(t.uuid,r,a),n.requestMethod(t.uuid,"updateProjectionMatrix");const l=n.scene?.getObjectByProperty("uuid",t.uuid);l!==void 0&&(_(l,r,a),l.updateProjectionMatrix())}});return h.jsx(Xe,{title:"Camera",items:i})}const ei=Math.PI/180,ti=180/Math.PI;function et(t,n,i,e,r){return e+(t-n)*(r-e)/(i-n)}function ni(t){return t*ei}function Rt(t){return t*ti}function ii(t,n){const i=new d.Matrix4;i.elements=t.matrix;const e=new d.Vector3,r=new d.Euler,a=new d.Vector3;t.uuid.length>0&&(e.setFromMatrixPosition(i),r.setFromRotationMatrix(i),a.setFromMatrixScale(i));const l=(u,f)=>{n.updateObject(t.uuid,u,f);const m=n.scene?.getObjectByProperty("uuid",t.uuid);m!==void 0&&_(m,u,f)},c=(u,f)=>{l(u,ni(f))};return h.jsx(Xe,{title:"Transform",items:[{title:"Position X",prop:"position.x",type:"number",value:e.x,onChange:l},{title:"Position Y",prop:"position.y",type:"number",value:e.y,onChange:l},{title:"Position Z",prop:"position.z",type:"number",value:e.z,onChange:l},{title:"Rotation X",prop:"rotation.x",type:"number",value:tt(Rt(r.x)),min:-360,max:360,step:.1,onChange:c},{title:"Rotation Y",prop:"rotation.y",type:"number",value:tt(Rt(r.y)),min:-360,max:360,step:.1,onChange:c},{title:"Rotation Z",prop:"rotation.z",type:"number",value:tt(Rt(r.z)),min:-360,max:360,step:.1,onChange:c},{title:"Scale X",prop:"scale.x",type:"number",value:a.x,step:.01,onChange:l},{title:"Scale Y",prop:"scale.y",type:"number",value:a.y,step:.01,onChange:l},{title:"Scale Z",prop:"scale.z",type:"number",value:a.z,step:.01,onChange:l}]})}function Gt(t){switch(t){case"color":return"Color";case"intensity":return"Intensity";case"decay":return"Decay";case"distance":return"Distance";case"angle":return"Angle";case"penumbra":return"Penumbra";case"groundColor":return"Ground Color";case"width":return"Width";case"height":return"Height"}return t}function ai(t,n){const i=[];if(t.lightInfo!==void 0)for(const e in t.lightInfo){const r=t.lightInfo[e];r!==void 0&&(r.isColor!==void 0?i.push({title:Gt(e),prop:e,type:"color",value:r,onChange:(a,l)=>{const c=new d.Color(l);n.updateObject(t.uuid,a,c);const u=n.scene?.getObjectByProperty("uuid",t.uuid);u!==void 0&&_(u,a,c)}}):i.push({title:Gt(e),prop:e,type:typeof r,value:r,step:typeof r=="number"?.01:void 0,onChange:(a,l)=>{n.updateObject(t.uuid,a,l);const c=n.scene?.getObjectByProperty("uuid",t.uuid);c!==void 0&&_(c,a,l)}}))}return h.jsx(Xe,{title:"Light",items:i})}function ri(t,n){const i=[],e=[];let r=0;t.animations.forEach(c=>{r=Math.max(r,c.duration),c.duration>0&&e.push({title:c.name,items:[{title:"Duration",type:"number",value:c.duration,disabled:!0},{title:"Blend Mode",type:"option",disabled:!0,options:[{title:"Normal",value:2500},{title:"Additive",value:2501}]}]})}),i.push({title:"Animations",items:e});const a=n.scene?.getObjectByProperty("uuid",t.uuid);let l=!1;if(a!==void 0){const c=a.mixer;if(l=c!==void 0,l){const u=[{title:"Time Scale",type:"range",value:c.timeScale,step:.01,min:-1,max:2,onChange:(f,m)=>{c.timeScale=m,n.updateObject(t.uuid,"mixer.timeScale",m)}}];u.push({title:"Stop All",type:"button",onChange:()=>{c.stopAllAction(),n.requestMethod(t.uuid,"stopAllAction",void 0,"mixer")}}),i.push({title:"Mixer",items:u})}}return h.jsx(Xe,{title:"Animation",items:i})}const un={name:"",uuid:"",type:"",visible:!1,matrix:[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],animations:[],material:void 0,perspectiveCameraInfo:void 0,orthographicCameraInfo:void 0,lightInfo:void 0};let ce={...un};function dn(t){const[n,i]=S.useState(-1);S.useEffect(()=>{function l(u){ce={...u.value},i(Date.now())}function c(){ce={...un},i(Date.now())}return U.addEventListener(z.SET_SCENE,c),U.addEventListener(z.SET_OBJECT,l),()=>{U.removeEventListener(z.SET_SCENE,c),U.removeEventListener(z.SET_OBJECT,l)}},[]);const e=ce.type.toLowerCase(),r=ce.animations.length>0||ce.mixer!==void 0,a=e.search("mesh")>-1||e.search("line")>-1||e.search("points")>-1;return h.jsx(Et,{label:"Inspector",children:h.jsx("div",{id:"Inspector",className:t.class,children:ce.uuid.length>0&&h.jsxs(h.Fragment,{children:[h.jsxs(h.Fragment,{children:[h.jsx(ct,{type:"string",title:"Name",prop:"name",value:ce.name,disabled:!0}),h.jsx(ct,{type:"string",title:"Type",prop:"type",value:ce.type,disabled:!0}),h.jsx(ct,{type:"string",title:"UUID",prop:"uuid",value:ce.uuid,disabled:!0}),h.jsx(ct,{type:"boolean",title:"Visible",prop:"visible",value:ce.visible,onChange:(l,c)=>{t.three.updateObject(ce.uuid,l,c);const u=t.three.scene?.getObjectByProperty("uuid",ce.uuid);u!==void 0&&_(u,l,c)}})]}),h.jsxs(h.Fragment,{children:[ii(ce,t.three),r?ri(ce,t.three):null,e.search("camera")>-1?Qn(ce,t.three):null,e.search("light")>-1?ai(ce,t.three):null,a?Zn(ce,t.three):null]})]})},n)},"Inspector")}function si(t){const[n,i]=S.useState(t.scene);S.useEffect(()=>{const a=l=>{i(l.value)};return U.addEventListener(z.SET_SCENE,a),()=>{U.removeEventListener(z.SET_SCENE,a)}},[]);const e=n!==null,r="Hierarchy - "+(e?`${n?.name}`:"No Scene");return h.jsxs("div",{id:"SidePanel",children:[h.jsx(Et,{label:r,open:!0,children:h.jsx(h.Fragment,{children:e&&h.jsx(ln,{child:n,three:t.three})})}),h.jsx(dn,{three:t.three})]},"SidePanel")}function oi(t){function n(){return t.three.scene===void 0?(console.log("No scene:",t.three),!1):!0}const i=c=>{if(!n())return;const u=t.three.scene?.getObjectByProperty("uuid",c.value);u!==void 0&&t.three.setObject(u)},e=(c,u,f)=>{if(!n())return;const m=t.three.scene?.getObjectByProperty("uuid",c);m!==void 0&&_(m,u,f)},r=c=>{if(!n())return;const u=c.value,{key:f,value:m,uuid:p}=u;e(p,f,m)},a=c=>{if(!n())return;const u=c.value;yt(u.value).then(f=>{e(u.uuid,u.key,f),e(u.uuid,"material.needsUpdate",!0)})},l=c=>{if(!n())return;const{key:u,uuid:f,value:m,subitem:p}=c.value,b=t.three.scene?.getObjectByProperty("uuid",f);if(b!==void 0)try{p!==void 0?Rn(b,p)[u](m):b[u](m)}catch(X){console.log("Error requesting method:"),console.log(X),console.log(u),console.log(m)}};return S.useEffect(()=>(U.addEventListener(z.GET_OBJECT,i),U.addEventListener(z.UPDATE_OBJECT,r),U.addEventListener(z.CREATE_TEXTURE,a),U.addEventListener(z.REQUEST_METHOD,l),()=>{U.removeEventListener(z.GET_OBJECT,i),U.removeEventListener(z.UPDATE_OBJECT,r),U.removeEventListener(z.CREATE_TEXTURE,a),U.removeEventListener(z.REQUEST_METHOD,l)}),[]),null}class ci extends d.Line{constructor(n,i){const e=[1,1,0,-1,1,0,-1,-1,0,1,-1,0,1,1,0],r=new d.BufferGeometry;r.setAttribute("position",new d.Float32BufferAttribute(e,3)),r.computeBoundingSphere();const a=new d.LineBasicMaterial({fog:!1});super(r,a),this.light=n,this.color=i,this.type="RectAreaLightHelper";const l=[1,1,0,-1,1,0,-1,-1,0,1,1,0,-1,-1,0,1,-1,0],c=new d.BufferGeometry;c.setAttribute("position",new d.Float32BufferAttribute(l,3)),c.computeBoundingSphere(),this.add(new d.Mesh(c,new d.MeshBasicMaterial({side:d.BackSide,fog:!1})))}updateMatrixWorld(){if(this.scale.set(.5*this.light.width,.5*this.light.height,1),this.color!==void 0)this.material.color.set(this.color),this.children[0].material.color.set(this.color);else{this.material.color.copy(this.light.color).multiplyScalar(this.light.intensity);const n=this.material.color,i=Math.max(n.r,n.g,n.b);i>1&&n.multiplyScalar(1/i),this.children[0].material.color.copy(this.material.color)}this.matrixWorld.extractRotation(this.light.matrixWorld).scale(this.scale).copyPosition(this.light.matrixWorld),this.children[0].matrixWorld.copy(this.matrixWorld)}dispose(){this.geometry.dispose(),this.material.dispose(),this.children[0].geometry.dispose(),this.children[0].material.dispose()}}const Wt={type:"change"},Pt={type:"start"},qt={type:"end"},mt=new d.Ray,Xt=new d.Plane,li=Math.cos(70*d.MathUtils.DEG2RAD);class ui extends d.EventDispatcher{constructor(n,i){super(),this.object=n,this.domElement=i,this.domElement.style.touchAction="none",this.enabled=!0,this.target=new d.Vector3,this.cursor=new d.Vector3,this.minDistance=0,this.maxDistance=1/0,this.minZoom=0,this.maxZoom=1/0,this.minTargetRadius=0,this.maxTargetRadius=1/0,this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.enableDamping=!1,this.dampingFactor=.05,this.enableZoom=!0,this.zoomSpeed=1,this.enableRotate=!0,this.rotateSpeed=1,this.enablePan=!0,this.panSpeed=1,this.screenSpacePanning=!0,this.keyPanSpeed=7,this.zoomToCursor=!1,this.autoRotate=!1,this.autoRotateSpeed=2,this.keys={LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",BOTTOM:"ArrowDown"},this.mouseButtons={LEFT:d.MOUSE.ROTATE,MIDDLE:d.MOUSE.DOLLY,RIGHT:d.MOUSE.PAN},this.touches={ONE:d.TOUCH.ROTATE,TWO:d.TOUCH.DOLLY_PAN},this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object.zoom,this._domElementKeyEvents=null,this.getPolarAngle=function(){return c.phi},this.getAzimuthalAngle=function(){return c.theta},this.getDistance=function(){return this.object.position.distanceTo(this.target)},this.listenToKeyEvents=function(o){o.addEventListener("keydown",nt),this._domElementKeyEvents=o},this.stopListenToKeyEvents=function(){this._domElementKeyEvents.removeEventListener("keydown",nt),this._domElementKeyEvents=null},this.saveState=function(){e.target0.copy(e.target),e.position0.copy(e.object.position),e.zoom0=e.object.zoom},this.reset=function(){e.target.copy(e.target0),e.object.position.copy(e.position0),e.object.zoom=e.zoom0,e.object.updateProjectionMatrix(),e.dispatchEvent(Wt),e.update(),a=r.NONE},this.update=function(){const o=new d.Vector3,E=new d.Quaternion().setFromUnitVectors(n.up,new d.Vector3(0,1,0)),k=E.clone().invert(),Y=new d.Vector3,Q=new d.Quaternion,ye=new d.Vector3,de=2*Math.PI;return function(Ot=null){const at=e.object.position;o.copy(at).sub(e.target),o.applyQuaternion(E),c.setFromVector3(o),e.autoRotate&&a===r.NONE&&ge(we(Ot)),e.enableDamping?(c.theta+=u.theta*e.dampingFactor,c.phi+=u.phi*e.dampingFactor):(c.theta+=u.theta,c.phi+=u.phi);let xe=e.minAzimuthAngle,be=e.maxAzimuthAngle;isFinite(xe)&&isFinite(be)&&(xe<-Math.PI?xe+=de:xe>Math.PI&&(xe-=de),be<-Math.PI?be+=de:be>Math.PI&&(be-=de),xe<=be?c.theta=Math.max(xe,Math.min(be,c.theta)):c.theta=c.theta>(xe+be)/2?Math.max(xe,c.theta):Math.min(be,c.theta)),c.phi=Math.max(e.minPolarAngle,Math.min(e.maxPolarAngle,c.phi)),c.makeSafe(),e.enableDamping===!0?e.target.addScaledVector(m,e.dampingFactor):e.target.add(m),e.target.sub(e.cursor),e.target.clampLength(e.minTargetRadius,e.maxTargetRadius),e.target.add(e.cursor),e.zoomToCursor&&pe||e.object.isOrthographicCamera?c.radius=Te(c.radius):c.radius=Te(c.radius*f),o.setFromSpherical(c),o.applyQuaternion(k),at.copy(e.target).add(o),e.object.lookAt(e.target),e.enableDamping===!0?(u.theta*=1-e.dampingFactor,u.phi*=1-e.dampingFactor,m.multiplyScalar(1-e.dampingFactor)):(u.set(0,0,0),m.set(0,0,0));let Ve=!1;if(e.zoomToCursor&&pe){let Ye=null;if(e.object.isPerspectiveCamera){const Ge=o.length();Ye=Te(Ge*f);const We=Ge-Ye;e.object.position.addScaledVector(K,We),e.object.updateMatrixWorld()}else if(e.object.isOrthographicCamera){const Ge=new d.Vector3(ne.x,ne.y,0);Ge.unproject(e.object),e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/f)),e.object.updateProjectionMatrix(),Ve=!0;const We=new d.Vector3(ne.x,ne.y,0);We.unproject(e.object),e.object.position.sub(We).add(Ge),e.object.updateMatrixWorld(),Ye=o.length()}else console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."),e.zoomToCursor=!1;Ye!==null&&(this.screenSpacePanning?e.target.set(0,0,-1).transformDirection(e.object.matrix).multiplyScalar(Ye).add(e.object.position):(mt.origin.copy(e.object.position),mt.direction.set(0,0,-1).transformDirection(e.object.matrix),Math.abs(e.object.up.dot(mt.direction))<li?n.lookAt(e.target):(Xt.setFromNormalAndCoplanarPoint(e.object.up,e.target),mt.intersectPlane(Xt,e.target))))}else e.object.isOrthographicCamera&&(Ve=f!==1,Ve&&(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/f)),e.object.updateProjectionMatrix()));return f=1,pe=!1,Ve||Y.distanceToSquared(e.object.position)>l||8*(1-Q.dot(e.object.quaternion))>l||ye.distanceToSquared(e.target)>0?(e.dispatchEvent(Wt),Y.copy(e.object.position),Q.copy(e.object.quaternion),ye.copy(e.target),!0):!1}}(),this.dispose=function(){e.domElement.removeEventListener("contextmenu",Ze),e.domElement.removeEventListener("pointerdown",I),e.domElement.removeEventListener("pointercancel",ee),e.domElement.removeEventListener("wheel",ut),e.domElement.removeEventListener("pointermove",G),e.domElement.removeEventListener("pointerup",ee),e._domElementKeyEvents!==null&&(e._domElementKeyEvents.removeEventListener("keydown",nt),e._domElementKeyEvents=null)};const e=this,r={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_PAN:4,TOUCH_DOLLY_PAN:5,TOUCH_DOLLY_ROTATE:6};let a=r.NONE;const l=1e-6,c=new d.Spherical,u=new d.Spherical;let f=1;const m=new d.Vector3,p=new d.Vector2,b=new d.Vector2,X=new d.Vector2,O=new d.Vector2,D=new d.Vector2,j=new d.Vector2,x=new d.Vector2,w=new d.Vector2,N=new d.Vector2,K=new d.Vector3,ne=new d.Vector2;let pe=!1;const J=[],me={};let ue=!1;function we(o){return o!==null?2*Math.PI/60*e.autoRotateSpeed*o:2*Math.PI/60/60*e.autoRotateSpeed}function Oe(o){const E=Math.abs(o*.01);return Math.pow(.95,e.zoomSpeed*E)}function ge(o){u.theta-=o}function $(o){u.phi-=o}const ve=function(){const o=new d.Vector3;return function(k,Y){o.setFromMatrixColumn(Y,0),o.multiplyScalar(-k),m.add(o)}}(),T=function(){const o=new d.Vector3;return function(k,Y){e.screenSpacePanning===!0?o.setFromMatrixColumn(Y,1):(o.setFromMatrixColumn(Y,0),o.crossVectors(e.object.up,o)),o.multiplyScalar(k),m.add(o)}}(),Ee=function(){const o=new d.Vector3;return function(k,Y){const Q=e.domElement;if(e.object.isPerspectiveCamera){const ye=e.object.position;o.copy(ye).sub(e.target);let de=o.length();de*=Math.tan(e.object.fov/2*Math.PI/180),ve(2*k*de/Q.clientHeight,e.object.matrix),T(2*Y*de/Q.clientHeight,e.object.matrix)}else e.object.isOrthographicCamera?(ve(k*(e.object.right-e.object.left)/e.object.zoom/Q.clientWidth,e.object.matrix),T(Y*(e.object.top-e.object.bottom)/e.object.zoom/Q.clientHeight,e.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),e.enablePan=!1)}}();function Me(o){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?f/=o:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function Re(o){e.object.isPerspectiveCamera||e.object.isOrthographicCamera?f*=o:(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function _e(o,E){if(!e.zoomToCursor)return;pe=!0;const k=e.domElement.getBoundingClientRect(),Y=o-k.left,Q=E-k.top,ye=k.width,de=k.height;ne.x=Y/ye*2-1,ne.y=-(Q/de)*2+1,K.set(ne.x,ne.y,1).unproject(e.object).sub(e.object.position).normalize()}function Te(o){return Math.max(e.minDistance,Math.min(e.maxDistance,o))}function Pe(o){p.set(o.clientX,o.clientY)}function je(o){_e(o.clientX,o.clientX),x.set(o.clientX,o.clientY)}function Ie(o){O.set(o.clientX,o.clientY)}function ae(o){b.set(o.clientX,o.clientY),X.subVectors(b,p).multiplyScalar(e.rotateSpeed);const E=e.domElement;ge(2*Math.PI*X.x/E.clientHeight),$(2*Math.PI*X.y/E.clientHeight),p.copy(b),e.update()}function Se(o){w.set(o.clientX,o.clientY),N.subVectors(w,x),N.y>0?Me(Oe(N.y)):N.y<0&&Re(Oe(N.y)),x.copy(w),e.update()}function $e(o){D.set(o.clientX,o.clientY),j.subVectors(D,O).multiplyScalar(e.panSpeed),Ee(j.x,j.y),O.copy(D),e.update()}function He(o){_e(o.clientX,o.clientY),o.deltaY<0?Re(Oe(o.deltaY)):o.deltaY>0&&Me(Oe(o.deltaY)),e.update()}function he(o){let E=!1;switch(o.code){case e.keys.UP:o.ctrlKey||o.metaKey||o.shiftKey?$(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Ee(0,e.keyPanSpeed),E=!0;break;case e.keys.BOTTOM:o.ctrlKey||o.metaKey||o.shiftKey?$(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Ee(0,-e.keyPanSpeed),E=!0;break;case e.keys.LEFT:o.ctrlKey||o.metaKey||o.shiftKey?ge(2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Ee(e.keyPanSpeed,0),E=!0;break;case e.keys.RIGHT:o.ctrlKey||o.metaKey||o.shiftKey?ge(-2*Math.PI*e.rotateSpeed/e.domElement.clientHeight):Ee(-e.keyPanSpeed,0),E=!0;break}E&&(o.preventDefault(),e.update())}function v(o){if(J.length===1)p.set(o.pageX,o.pageY);else{const E=Ne(o),k=.5*(o.pageX+E.x),Y=.5*(o.pageY+E.y);p.set(k,Y)}}function y(o){if(J.length===1)O.set(o.pageX,o.pageY);else{const E=Ne(o),k=.5*(o.pageX+E.x),Y=.5*(o.pageY+E.y);O.set(k,Y)}}function R(o){const E=Ne(o),k=o.pageX-E.x,Y=o.pageY-E.y,Q=Math.sqrt(k*k+Y*Y);x.set(0,Q)}function F(o){e.enableZoom&&R(o),e.enablePan&&y(o)}function re(o){e.enableZoom&&R(o),e.enableRotate&&v(o)}function A(o){if(J.length==1)b.set(o.pageX,o.pageY);else{const k=Ne(o),Y=.5*(o.pageX+k.x),Q=.5*(o.pageY+k.y);b.set(Y,Q)}X.subVectors(b,p).multiplyScalar(e.rotateSpeed);const E=e.domElement;ge(2*Math.PI*X.x/E.clientHeight),$(2*Math.PI*X.y/E.clientHeight),p.copy(b)}function P(o){if(J.length===1)D.set(o.pageX,o.pageY);else{const E=Ne(o),k=.5*(o.pageX+E.x),Y=.5*(o.pageY+E.y);D.set(k,Y)}j.subVectors(D,O).multiplyScalar(e.panSpeed),Ee(j.x,j.y),O.copy(D)}function H(o){const E=Ne(o),k=o.pageX-E.x,Y=o.pageY-E.y,Q=Math.sqrt(k*k+Y*Y);w.set(0,Q),N.set(0,Math.pow(w.y/x.y,e.zoomSpeed)),Me(N.y),x.copy(w);const ye=(o.pageX+E.x)*.5,de=(o.pageY+E.y)*.5;_e(ye,de)}function se(o){e.enableZoom&&H(o),e.enablePan&&P(o)}function oe(o){e.enableZoom&&H(o),e.enableRotate&&A(o)}function I(o){e.enabled!==!1&&(J.length===0&&(e.domElement.setPointerCapture(o.pointerId),e.domElement.addEventListener("pointermove",G),e.domElement.addEventListener("pointerup",ee)),St(o),o.pointerType==="touch"?it(o):Ae(o))}function G(o){e.enabled!==!1&&(o.pointerType==="touch"?ft(o):Ke(o))}function ee(o){switch(xt(o),J.length){case 0:e.domElement.releasePointerCapture(o.pointerId),e.domElement.removeEventListener("pointermove",G),e.domElement.removeEventListener("pointerup",ee),e.dispatchEvent(qt),a=r.NONE;break;case 1:const E=J[0],k=me[E];it({pointerId:E,pageX:k.x,pageY:k.y});break}}function Ae(o){let E;switch(o.button){case 0:E=e.mouseButtons.LEFT;break;case 1:E=e.mouseButtons.MIDDLE;break;case 2:E=e.mouseButtons.RIGHT;break;default:E=-1}switch(E){case d.MOUSE.DOLLY:if(e.enableZoom===!1)return;je(o),a=r.DOLLY;break;case d.MOUSE.ROTATE:if(o.ctrlKey||o.metaKey||o.shiftKey){if(e.enablePan===!1)return;Ie(o),a=r.PAN}else{if(e.enableRotate===!1)return;Pe(o),a=r.ROTATE}break;case d.MOUSE.PAN:if(o.ctrlKey||o.metaKey||o.shiftKey){if(e.enableRotate===!1)return;Pe(o),a=r.ROTATE}else{if(e.enablePan===!1)return;Ie(o),a=r.PAN}break;default:a=r.NONE}a!==r.NONE&&e.dispatchEvent(Pt)}function Ke(o){switch(a){case r.ROTATE:if(e.enableRotate===!1)return;ae(o);break;case r.DOLLY:if(e.enableZoom===!1)return;Se(o);break;case r.PAN:if(e.enablePan===!1)return;$e(o);break}}function ut(o){e.enabled===!1||e.enableZoom===!1||a!==r.NONE||(o.preventDefault(),e.dispatchEvent(Pt),He(dt(o)),e.dispatchEvent(qt))}function dt(o){const E=o.deltaMode,k={clientX:o.clientX,clientY:o.clientY,deltaY:o.deltaY};switch(E){case 1:k.deltaY*=16;break;case 2:k.deltaY*=100;break}return o.ctrlKey&&!ue&&(k.deltaY*=10),k}function ht(o){o.key==="Control"&&(ue=!0,e.domElement.getRootNode().addEventListener("keyup",Le,{passive:!0,capture:!0}))}function Le(o){o.key==="Control"&&(ue=!1,e.domElement.getRootNode().removeEventListener("keyup",Le,{passive:!0,capture:!0}))}function nt(o){e.enabled===!1||e.enablePan===!1||he(o)}function it(o){switch(pt(o),J.length){case 1:switch(e.touches.ONE){case d.TOUCH.ROTATE:if(e.enableRotate===!1)return;v(o),a=r.TOUCH_ROTATE;break;case d.TOUCH.PAN:if(e.enablePan===!1)return;y(o),a=r.TOUCH_PAN;break;default:a=r.NONE}break;case 2:switch(e.touches.TWO){case d.TOUCH.DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;F(o),a=r.TOUCH_DOLLY_PAN;break;case d.TOUCH.DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;re(o),a=r.TOUCH_DOLLY_ROTATE;break;default:a=r.NONE}break;default:a=r.NONE}a!==r.NONE&&e.dispatchEvent(Pt)}function ft(o){switch(pt(o),a){case r.TOUCH_ROTATE:if(e.enableRotate===!1)return;A(o),e.update();break;case r.TOUCH_PAN:if(e.enablePan===!1)return;P(o),e.update();break;case r.TOUCH_DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;se(o),e.update();break;case r.TOUCH_DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;oe(o),e.update();break;default:a=r.NONE}}function Ze(o){e.enabled!==!1&&o.preventDefault()}function St(o){J.push(o.pointerId)}function xt(o){delete me[o.pointerId];for(let E=0;E<J.length;E++)if(J[E]==o.pointerId){J.splice(E,1);return}}function pt(o){let E=me[o.pointerId];E===void 0&&(E=new d.Vector2,me[o.pointerId]=E),E.set(o.pageX,o.pageY)}function Ne(o){const E=o.pointerId===J[0]?J[1]:J[0];return me[E]}e.domElement.addEventListener("contextmenu",Ze),e.domElement.addEventListener("pointerdown",I),e.domElement.addEventListener("pointercancel",ee),e.domElement.addEventListener("wheel",ut,{passive:!1}),e.domElement.getRootNode().addEventListener("keydown",ht,{passive:!0,capture:!0}),this.update()}}const bt=t=>{const[n,i]=S.useState(t.options[t.index]),e=()=>{t.onToggle(!t.open)},r=a=>{a!==n&&(t.onSelect(a),i(a)),t.onToggle(!1)};return h.jsxs("div",{className:`dropdown ${t.up===!0?"up":""}`,children:[h.jsx("div",{className:"dropdown-toggle",onClick:e,children:n}),t.open&&h.jsx("ul",{className:"dropdown-menu",children:t.options.map(a=>h.jsx("li",{onClick:()=>r(a),children:a},a))})]})},qe=S.forwardRef(function(n,i){const[e,r]=S.useState(!1),a=n.options.indexOf(n.camera.name);return h.jsxs("div",{className:"CameraWindow",children:[h.jsx("div",{ref:i,className:"clickable",onClick:()=>{e&&r(!1)}}),h.jsx(bt,{index:a,open:e,options:n.options,onSelect:n.onSelect,onToggle:l=>{r(l)},up:!0})]})});class di extends d.ShaderMaterial{constructor(n){super({extensions:{derivatives:!0},glslVersion:d.GLSL3,side:d.DoubleSide,transparent:!0,uniforms:{uScale:{value:n?.scale!==void 0?n?.scale:.1},uDivisions:{value:n?.divisions!==void 0?n?.divisions:10},uColor:{value:n?.color!==void 0?n?.color:new d.Color(16777215)},uDistance:{value:n?.distance!==void 0?n?.distance:1e4},uSubgridOpacity:{value:n?.subgridOpacity!==void 0?n?.subgridOpacity:.15},uGridOpacity:{value:n?.gridOpacity!==void 0?n?.gridOpacity:.25}},vertexShader:`out vec3 worldPosition;
|
|
31
31
|
uniform float uDistance;
|
|
32
32
|
|
|
33
33
|
void main() {
|
|
@@ -103,7 +103,7 @@ C11,8.22,10.74,8,10.43,8z`})});function tn(t){return u.jsx(qt.Reorder.Item,{valu
|
|
|
103
103
|
fragColor.a = mix(fragColor.a, baseOpacity * uGridOpacity, nextGrid);
|
|
104
104
|
|
|
105
105
|
if (fragColor.a <= 0.0) discard;
|
|
106
|
-
}`,name:"InfiniteGrid",depthWrite:!1})}}class
|
|
106
|
+
}`,name:"InfiniteGrid",depthWrite:!1})}}class hi extends d.Mesh{gridMaterial;constructor(){const n=new di;super(new d.PlaneGeometry(2,2),n),this.gridMaterial=n,this.frustumCulled=!1,this.name="InfiniteGridHelper",this.position.y=.1}update(){this.gridMaterial.needsUpdate=!0}}const fi=`#include <common>
|
|
107
107
|
#include <batching_pars_vertex>
|
|
108
108
|
#include <uv_pars_vertex>
|
|
109
109
|
#include <color_pars_vertex>
|
|
@@ -133,7 +133,7 @@ void main() {
|
|
|
133
133
|
#include <logdepthbuf_vertex>
|
|
134
134
|
#include <clipping_planes_vertex>
|
|
135
135
|
#include <worldpos_vertex>
|
|
136
|
-
}`,
|
|
136
|
+
}`,pi=`
|
|
137
137
|
#include <common>
|
|
138
138
|
#include <uv_pars_fragment>
|
|
139
139
|
#include <clipping_planes_pars_fragment>
|
|
@@ -141,4 +141,4 @@ void main() {
|
|
|
141
141
|
void main() {
|
|
142
142
|
#include <clipping_planes_fragment>
|
|
143
143
|
gl_FragColor = vec4(vec3(vUv, 0.0), 1.0);
|
|
144
|
-
}`;class da extends l.ShaderMaterial{constructor(){super({defines:{USE_UV:""},vertexShader:la,fragmentShader:ua})}}let gt="Renderer",De,vt=!1,Wt=!1,W=null,ce=null,Fe=null,Be=null;function ha(t){const n=t.three.app.appID,a=localStorage.getItem(`${n}_mode`),e=localStorage.getItem(`${n}_tlCam`)!==null?localStorage.getItem(`${n}_tlCam`):"Debug",i=localStorage.getItem(`${n}_trCam`)!==null?localStorage.getItem(`${n}_trCam`):"Orthographic",c=localStorage.getItem(`${n}_blCam`)!==null?localStorage.getItem(`${n}_blCam`):"Front",f=localStorage.getItem(`${n}_brCam`)!==null?localStorage.getItem(`${n}_brCam`):"Top",o=x.useMemo(()=>new Map,[]),d=x.useMemo(()=>new Map,[]),h=x.useMemo(()=>new Map,[]),b=x.useMemo(()=>new Map,[]),v=x.useMemo(()=>new l.Scene,[]),S=x.useMemo(()=>new l.Group,[]),C=x.useMemo(()=>new ca,[]),P=x.useMemo(()=>new l.AxesHelper(500),[]),k=x.useMemo(()=>new l.AxesHelper(100),[]),q=x.useMemo(()=>new l.MeshDepthMaterial,[]),G=x.useMemo(()=>new l.MeshNormalMaterial,[]),B=x.useMemo(()=>new da,[]),A=x.useMemo(()=>new l.MeshBasicMaterial({opacity:.33,transparent:!0,wireframe:!0}),[]);function X(m,g){const M=new l.OrthographicCamera(-100,100,100,-100,50,3e3);return M.name=m,M.position.copy(g),M.lookAt(0,0,0),o.set(m,M),M}const te=["Renderer","Depth","Normals","UVs","Wireframe"],ye=["Single","Side by Side","Stacked","Quad"],K=x.useRef(null),fe=x.useRef(null),le=x.useRef(null),Ce=x.useRef(null),we=x.useRef(null),pe=x.useRef(null),[U,me]=x.useState(a!==null?a:"Single"),[O,Ee]=x.useState(null),[Oe,_e]=x.useState(!1),[Me,Te]=x.useState(!1),[Ae,je]=x.useState(!1),[,Ie]=x.useState(Date.now());localStorage.setItem(`${n}_mode`,U),localStorage.setItem(`${n}_tlCam`,e),localStorage.setItem(`${n}_trCam`,i),localStorage.setItem(`${n}_blCam`,c),localStorage.setItem(`${n}_brCam`,f);const ae=(m,g)=>{const M=d.get(m.name);M!==void 0&&M.dispose(),d.delete(m.name);const L=h.get(m.name);L!==void 0&&(v.remove(L),L.dispose()),h.delete(m.name);const ie=new sa(m,g);switch(ie.enableDamping=!0,ie.dampingFactor=.05,m.name){case"Top":case"Bottom":case"Left":case"Right":case"Front":case"Back":ie.enableRotate=!1;break}if(d.set(m.name,ie),m instanceof l.PerspectiveCamera){const R=new l.CameraHelper(m);h.set(m.name,R),v.add(R)}},Se=m=>{const g=h.get(m.name);g!==void 0&&(v.remove(g),g.dispose(),h.delete(m.name));const M=d.get(m.name);M!==void 0&&(M.dispose(),d.delete(m.name))},Ve=()=>{d.forEach((m,g)=>{m.dispose();const M=h.get(g);M!==void 0&&(v.remove(M),M.dispose()),h.delete(g),d.delete(g)}),d.clear(),h.clear()},$e=()=>{switch(U){case"Single":ae(W,le.current);break;case"Side by Side":case"Stacked":ae(W,le.current),ae(ce,Ce.current);break;case"Quad":ae(W,le.current),ae(ce,Ce.current),ae(Fe,we.current),ae(Be,pe.current);break}};x.useEffect(()=>{const m=new l.WebGLRenderer({canvas:K.current,stencil:!1});m.autoClear=!1,m.shadowMap.enabled=!0,m.setPixelRatio(devicePixelRatio),m.setClearColor(0),t.three.renderer=m,Ee(m)},[]),x.useEffect(()=>{v.name="Debug Scene",S.name="helpers",v.add(S),S.add(C),P.name="axisHelper",S.add(P),k.name="interactionHelper",S.add(k),k.visible=!1,X("Top",new l.Vector3(0,1e3,0)),X("Bottom",new l.Vector3(0,-1e3,0)),X("Left",new l.Vector3(-1e3,0,0)),X("Right",new l.Vector3(1e3,0,0)),X("Front",new l.Vector3(0,0,1e3)),X("Back",new l.Vector3(0,0,-1e3)),X("Orthographic",new l.Vector3(1e3,1e3,1e3));const m=new l.PerspectiveCamera(60,1,50,3e3);m.name="Debug",m.position.set(500,500,500),m.lookAt(0,0,0),o.set("Debug",m),W=o.get(localStorage.getItem(`${n}_tlCam`)),ce=o.get(localStorage.getItem(`${n}_trCam`)),Fe=o.get(localStorage.getItem(`${n}_blCam`)),Be=o.get(localStorage.getItem(`${n}_brCam`))},[]),x.useEffect(()=>{const m=()=>{b.forEach(R=>{S.remove(R),R.dispose()}),b.clear()},g=()=>{De.traverse(R=>{if(R.type.search("Light")>-1){let T;switch(R.type){case"DirectionalLight":T=new l.DirectionalLightHelper(R),T.name=`${R.name}Helper`,b.set(R.name,T),S.add(T);break;case"HemisphereLight":T=new l.HemisphereLightHelper(R,250),T.name=`${R.name}Helper`,b.set(R.name,T),S.add(T);break;case"RectAreaLight":T=new ia(R),T.name=`${R.name}Helper`,b.set(R.name,T),S.add(T);break;case"PointLight":T=new l.PointLightHelper(R),T.name=`${R.name}Helper`,b.set(R.name,T),S.add(T);break;case"SpotLight":T=new l.SpotLightHelper(R),T.name=`${R.name}Helper`,b.set(R.name,T),S.add(T);break}}})},M=R=>{m(),jt(De),v.remove(De);const T=t.scenes.get(R.value.name);if(T!==void 0){const V=new T;t.onSceneSet!==void 0&&t.onSceneSet(V),De=V,t.three.scene=De,v.add(De),Wt=!0,g()}},L=R=>{const T=R.value,V=t.three.scene?.getObjectByProperty("uuid",T.uuid);V!==void 0&&o.set(T.name,V),Ie(Date.now())},ie=R=>{o.delete(R.value.name),Ie(Date.now())};return N.addEventListener(F.SET_SCENE,M),N.addEventListener(F.ADD_CAMERA,L),N.addEventListener(F.REMOVE_CAMERA,ie),()=>{N.removeEventListener(F.SET_SCENE,M),N.removeEventListener(F.ADD_CAMERA,L),N.removeEventListener(F.REMOVE_CAMERA,ie)}},[]),x.useEffect(()=>{if(O===null)return;let m=window.innerWidth,g=window.innerHeight,M=Math.floor(m/2),L=Math.floor(g/2),ie=-1;const R=()=>{m=window.innerWidth-300,g=window.innerHeight,M=Math.floor(m/2),L=Math.floor(g/2),O.setSize(m,g);let D=m,z=g;switch(U){case"Side by Side":D=M,z=g;break;case"Stacked":D=m,z=L;break;case"Quad":D=M,z=L;break}o.forEach(Q=>{Q instanceof l.OrthographicCamera?(Q.left=D/-2,Q.right=D/2,Q.top=z/2,Q.bottom=z/-2,Q.updateProjectionMatrix()):Q instanceof l.PerspectiveCamera&&(Q.aspect=D/z,Q.updateProjectionMatrix(),h.get(Q.name)?.update())})},T=()=>{O.setViewport(0,0,m,g),O.setScissor(0,0,m,g),O.render(v,W)},V=()=>{if(U==="Side by Side")O.setViewport(0,0,M,g),O.setScissor(0,0,M,g),O.render(v,W),O.setViewport(M,0,M,g),O.setScissor(M,0,M,g),O.render(v,ce);else{const D=g-L;O.setViewport(0,D,m,L),O.setScissor(0,D,m,L),O.render(v,W),O.setViewport(0,0,m,L),O.setScissor(0,0,m,L),O.render(v,ce)}},re=()=>{let D=0,z=0;z=g-L,D=0,O.setViewport(D,z,M,L),O.setScissor(D,z,M,L),O.render(v,W),D=M,O.setViewport(D,z,M,L),O.setScissor(D,z,M,L),O.render(v,ce),z=0,D=0,O.setViewport(D,z,M,L),O.setScissor(D,z,M,L),O.render(v,Fe),D=M,O.setViewport(D,z,M,L),O.setScissor(D,z,M,L),O.render(v,Be)},se=()=>{switch(d.forEach(D=>{D.update()}),t.onSceneUpdate!==void 0&&Wt&&t.onSceneUpdate(De),O.clear(),U){case"Single":T();break;case"Side by Side":case"Stacked":V();break;case"Quad":re();break}ie=requestAnimationFrame(se)};return $e(),window.addEventListener("resize",R),R(),se(),()=>{window.removeEventListener("resize",R),cancelAnimationFrame(ie),ie=-1}},[U,O]),x.useEffect(()=>{if(O!==null){const m=new l.Raycaster,g=new l.Vector2,M=(T,V,re,se)=>{switch(U){case"Quad":T<re?V<se?m.setFromCamera(g,W):m.setFromCamera(g,Fe):V<se?m.setFromCamera(g,ce):m.setFromCamera(g,Be);break;case"Side by Side":T<re?m.setFromCamera(g,W):m.setFromCamera(g,ce);break;case"Single":m.setFromCamera(g,W);break;case"Stacked":V<se?m.setFromCamera(g,W):m.setFromCamera(g,ce);break}},L=T=>{if(!vt)return;const V=new l.Vector2;O.getSize(V);const re=Math.min(T.clientX,V.x),se=Math.min(T.clientY,V.y);g.x=Qe(re,0,V.x,-1,1),g.y=Qe(se,0,V.y,1,-1);const D=V.x/2,z=V.y/2,Q=()=>{re<D?g.x=Qe(re,0,D,-1,1):g.x=Qe(re,D,V.x,-1,1)},Pe=()=>{se<z?g.y=Qe(se,0,z,1,-1):g.y=Qe(se,z,V.y,1,-1)};switch(U){case"Quad":Q(),Pe();break;case"Side by Side":Q();break;case"Stacked":Pe(),Pe();break}M(re,se,D,z);const Ke=m.intersectObjects(De.children);Ke.length>0&&k.position.copy(Ke[0].point)},ie=T=>{if(!vt)return;const V=new l.Vector2;if(O.getSize(V),T.clientX>=V.x)return;L(T);const re=m.intersectObjects(De.children);re.length>0&&t.three.getObject(re[0].object.uuid)},R=fe.current;return R.addEventListener("mousemove",L,!1),R.addEventListener("click",ie,!1),()=>{R.removeEventListener("mousemove",L),R.removeEventListener("click",ie)}}},[U,O]);const de=[];return o.forEach((m,g)=>{de.push(g)}),u.jsxs("div",{className:"multiview",children:[u.jsx("canvas",{ref:K}),O!==null&&u.jsxs(u.Fragment,{children:[u.jsxs("div",{className:`cameras ${U==="Single"||U==="Stacked"?"single":""}`,ref:fe,children:[U==="Single"&&u.jsx(u.Fragment,{children:u.jsx(We,{camera:W,options:de,ref:le,onSelect:m=>{d.get(W.name)?.dispose();const g=o.get(m);g!==void 0&&(Se(W),W=g,localStorage.setItem(`${n}_tlCam`,g.name),ae(g,le.current))}})}),(U==="Side by Side"||U==="Stacked")&&u.jsxs(u.Fragment,{children:[u.jsx(We,{camera:W,options:de,ref:le,onSelect:m=>{d.get(W.name)?.dispose();const g=o.get(m);g!==void 0&&(Se(W),W=g,localStorage.setItem(`${n}_tlCam`,g.name),ae(g,le.current))}}),u.jsx(We,{camera:ce,options:de,ref:Ce,onSelect:m=>{d.get(ce.name)?.dispose();const g=o.get(m);g!==void 0&&(Se(ce),ce=g,localStorage.setItem(`${n}_trCam`,g.name),ae(g,Ce.current))}})]}),U==="Quad"&&u.jsxs(u.Fragment,{children:[u.jsx(We,{camera:W,options:de,ref:le,onSelect:m=>{d.get(W.name)?.dispose();const g=o.get(m);g!==void 0&&(Se(W),W=g,localStorage.setItem(`${n}_tlCam`,g.name),ae(g,le.current))}}),u.jsx(We,{camera:ce,options:de,ref:Ce,onSelect:m=>{d.get(ce.name)?.dispose();const g=o.get(m);g!==void 0&&(Se(ce),ce=g,localStorage.setItem(`${n}_trCam`,g.name),ae(g,Ce.current))}}),u.jsx(We,{camera:Fe,options:de,ref:we,onSelect:m=>{d.get(Fe.name)?.dispose();const g=o.get(m);g!==void 0&&(Se(Fe),Fe=g,localStorage.setItem(`${n}_blCam`,g.name),ae(g,we.current))}}),u.jsx(We,{camera:Be,options:de,ref:pe,onSelect:m=>{d.get(Be.name)?.dispose();const g=o.get(m);g!==void 0&&(Se(Be),Be=g,localStorage.setItem(`${n}_brCam`,g.name),ae(g,pe.current))}})]})]}),u.jsxs("div",{className:"settings",children:[u.jsx(bt,{index:ye.indexOf(U),options:ye,onSelect:m=>{m!==U&&(Ve(),me(m))},open:Oe,onToggle:m=>{_e(m),Me&&Te(!1),Ae&&je(!1)}}),u.jsx(bt,{index:te.indexOf(gt),options:te,onSelect:m=>{if(m!==gt)switch(gt=m,gt){case"Depth":v.overrideMaterial=q;break;case"Normals":v.overrideMaterial=G;break;default:case"Renderer":v.overrideMaterial=null;break;case"Wireframe":v.overrideMaterial=A;break;case"UVs":v.overrideMaterial=B;break}},open:Me,onToggle:m=>{Oe&&_e(!1),Te(m),Ae&&je(!1)}}),u.jsx(bt,{index:0,options:["Orbit Mode","Selection Mode"],onSelect:m=>{vt=m==="Selection Mode",k.visible=vt},open:Ae,onToggle:m=>{Oe&&_e(!1),Me&&Te(!1),je(m)}})]})]})]})}function fa(t){return u.jsxs("div",{className:"editor",ref:t.ref,style:t.style,children:[u.jsx("div",{className:"header",children:t.header}),t.children,u.jsx("div",{className:"footer",children:t.footer})]})}exports.Accordion=Et;exports.Application=En;exports.BaseRemote=lt;exports.ChildObject=Lt;exports.ContainerObject=sn;exports.Draggable=nn;exports.DraggableItem=tn;exports.Dropdown=an;exports.DropdownItem=rn;exports.Editor=fa;exports.Inspector=cn;exports.MultiView=ha;exports.NavButton=It;exports.RemoteComponents=Sn;exports.RemoteController=Dn;exports.RemoteTheatre=yt;exports.RemoteThree=Tn;exports.RemoteTweakpane=Rn;exports.SceneInspector=aa;exports.SidePanel=na;exports.ToolEvents=F;exports.capitalize=ct;exports.clamp=Ue;exports.colorToHex=Zt;exports.debugDispatcher=N;exports.defaultTheatreCallback=vn;exports.dispose=jt;exports.disposeMaterial=Qt;exports.disposeTexture=yn;exports.distance=bn;exports.hierarchyUUID=Dt;exports.isColor=Xt;exports.mix=_t;exports.noop=kt;exports.normalize=Rt;exports.randomID=Kt;exports.resetThreeObjects=Jt;exports.round=et;exports.theatreEditorApp=xn;
|
|
144
|
+
}`;class mi extends d.ShaderMaterial{constructor(){super({defines:{USE_UV:""},vertexShader:fi,fragmentShader:pi})}}let gt="Renderer",De,vt=!1,Kt=!1,Z=null,le=null,Be=null,Fe=null;function gi(t){const n=t.three.app.appID,i=localStorage.getItem(`${n}_mode`),e=localStorage.getItem(`${n}_tlCam`)!==null?localStorage.getItem(`${n}_tlCam`):"Debug",r=localStorage.getItem(`${n}_trCam`)!==null?localStorage.getItem(`${n}_trCam`):"Orthographic",a=localStorage.getItem(`${n}_blCam`)!==null?localStorage.getItem(`${n}_blCam`):"Front",l=localStorage.getItem(`${n}_brCam`)!==null?localStorage.getItem(`${n}_brCam`):"Top",c=S.useMemo(()=>new Map,[]),u=S.useMemo(()=>new Map,[]),f=S.useMemo(()=>new Map,[]),m=S.useMemo(()=>new Map,[]),p=S.useMemo(()=>new d.Scene,[]),b=S.useMemo(()=>new d.Group,[]),X=S.useMemo(()=>new hi,[]),O=S.useMemo(()=>new d.AxesHelper(500),[]),D=S.useMemo(()=>new d.AxesHelper(100),[]),j=S.useMemo(()=>new d.MeshDepthMaterial,[]),x=S.useMemo(()=>new d.MeshNormalMaterial,[]),w=S.useMemo(()=>new mi,[]),N=S.useMemo(()=>new d.MeshBasicMaterial({opacity:.33,transparent:!0,wireframe:!0}),[]);function K(v,y){const R=new d.OrthographicCamera(-100,100,100,-100,50,3e3);return R.name=v,R.position.copy(y),R.lookAt(0,0,0),c.set(v,R),R}const ne=["Renderer","Depth","Normals","UVs","Wireframe"],pe=["Single","Side by Side","Stacked","Quad"],J=S.useRef(null),me=S.useRef(null),ue=S.useRef(null),we=S.useRef(null),Oe=S.useRef(null),ge=S.useRef(null),[$,ve]=S.useState(i!==null?i:"Single"),[T,Ee]=S.useState(null),[Me,Re]=S.useState(!1),[_e,Te]=S.useState(!1),[Pe,je]=S.useState(!1),[,Ie]=S.useState(Date.now());localStorage.setItem(`${n}_mode`,$),localStorage.setItem(`${n}_tlCam`,e),localStorage.setItem(`${n}_trCam`,r),localStorage.setItem(`${n}_blCam`,a),localStorage.setItem(`${n}_brCam`,l);const ae=(v,y)=>{const R=u.get(v.name);R!==void 0&&R.dispose(),u.delete(v.name);const F=f.get(v.name);F!==void 0&&(p.remove(F),F.dispose()),f.delete(v.name);const re=new ui(v,y);switch(re.enableDamping=!0,re.dampingFactor=.05,v.name){case"Top":case"Bottom":case"Left":case"Right":case"Front":case"Back":re.enableRotate=!1;break}if(u.set(v.name,re),v instanceof d.PerspectiveCamera){const A=new d.CameraHelper(v);f.set(v.name,A),p.add(A)}},Se=v=>{const y=f.get(v.name);y!==void 0&&(p.remove(y),y.dispose(),f.delete(v.name));const R=u.get(v.name);R!==void 0&&(R.dispose(),u.delete(v.name))},$e=()=>{u.forEach((v,y)=>{v.dispose();const R=f.get(y);R!==void 0&&(p.remove(R),R.dispose()),f.delete(y),u.delete(y)}),u.clear(),f.clear()},He=()=>{switch($){case"Single":ae(Z,ue.current);break;case"Side by Side":case"Stacked":ae(Z,ue.current),ae(le,we.current);break;case"Quad":ae(Z,ue.current),ae(le,we.current),ae(Be,Oe.current),ae(Fe,ge.current);break}};S.useEffect(()=>{const v=new d.WebGLRenderer({canvas:J.current,stencil:!1});v.autoClear=!1,v.shadowMap.enabled=!0,v.setPixelRatio(devicePixelRatio),v.setClearColor(0),t.three.renderer=v,Ee(v)},[]),S.useEffect(()=>{p.name="Debug Scene",p.uuid="",b.name="helpers",p.add(b),b.add(X),O.name="axisHelper",b.add(O),D.name="interactionHelper",b.add(D),D.visible=!1,K("Top",new d.Vector3(0,1e3,0)),K("Bottom",new d.Vector3(0,-1e3,0)),K("Left",new d.Vector3(-1e3,0,0)),K("Right",new d.Vector3(1e3,0,0)),K("Front",new d.Vector3(0,0,1e3)),K("Back",new d.Vector3(0,0,-1e3)),K("Orthographic",new d.Vector3(1e3,1e3,1e3));const v=new d.PerspectiveCamera(60,1,50,3e3);v.name="Debug",v.position.set(500,500,500),v.lookAt(0,0,0),c.set("Debug",v),Z=c.get(localStorage.getItem(`${n}_tlCam`)),le=c.get(localStorage.getItem(`${n}_trCam`)),Be=c.get(localStorage.getItem(`${n}_blCam`)),Fe=c.get(localStorage.getItem(`${n}_brCam`))},[]),S.useEffect(()=>{const v=()=>{m.forEach(A=>{b.remove(A),A.dispose()}),m.clear()},y=()=>{De.traverse(A=>{if(A.type.search("Light")>-1){let P;switch(A.type){case"DirectionalLight":P=new d.DirectionalLightHelper(A),P.name=`${A.name}Helper`,m.set(A.name,P),b.add(P);break;case"HemisphereLight":P=new d.HemisphereLightHelper(A,250),P.name=`${A.name}Helper`,m.set(A.name,P),b.add(P);break;case"RectAreaLight":P=new ci(A),P.name=`${A.name}Helper`,m.set(A.name,P),b.add(P);break;case"PointLight":P=new d.PointLightHelper(A),P.name=`${A.name}Helper`,m.set(A.name,P),b.add(P);break;case"SpotLight":P=new d.SpotLightHelper(A),P.name=`${A.name}Helper`,m.set(A.name,P),b.add(P);break}}})},R=A=>{v(),Lt(De),p.remove(De);const P=t.scenes.get(A.value.name);if(P!==void 0){const H=new P;t.onSceneSet!==void 0&&t.onSceneSet(H),De=H,t.three.scene=De,p.add(De),Kt=!0,y()}},F=A=>{const P=A.value,H=t.three.scene?.getObjectByProperty("uuid",P.uuid);H!==void 0&&c.set(P.name,H),Ie(Date.now())},re=A=>{c.delete(A.value.name),Ie(Date.now())};return U.addEventListener(z.SET_SCENE,R),U.addEventListener(z.ADD_CAMERA,F),U.addEventListener(z.REMOVE_CAMERA,re),()=>{U.removeEventListener(z.SET_SCENE,R),U.removeEventListener(z.ADD_CAMERA,F),U.removeEventListener(z.REMOVE_CAMERA,re)}},[]),S.useEffect(()=>{if(T===null)return;let v=window.innerWidth,y=window.innerHeight,R=Math.floor(v/2),F=Math.floor(y/2),re=-1;const A=()=>{v=window.innerWidth-300,y=window.innerHeight,R=Math.floor(v/2),F=Math.floor(y/2),T.setSize(v,y);let I=v,G=y;switch($){case"Side by Side":I=R,G=y;break;case"Stacked":I=v,G=F;break;case"Quad":I=R,G=F;break}c.forEach(ee=>{ee instanceof d.OrthographicCamera?(ee.left=I/-2,ee.right=I/2,ee.top=G/2,ee.bottom=G/-2,ee.updateProjectionMatrix()):ee instanceof d.PerspectiveCamera&&(ee.aspect=I/G,ee.updateProjectionMatrix(),f.get(ee.name)?.update())})},P=()=>{T.setViewport(0,0,v,y),T.setScissor(0,0,v,y),T.render(p,Z)},H=()=>{if($==="Side by Side")T.setViewport(0,0,R,y),T.setScissor(0,0,R,y),T.render(p,Z),T.setViewport(R,0,R,y),T.setScissor(R,0,R,y),T.render(p,le);else{const I=y-F;T.setViewport(0,I,v,F),T.setScissor(0,I,v,F),T.render(p,Z),T.setViewport(0,0,v,F),T.setScissor(0,0,v,F),T.render(p,le)}},se=()=>{let I=0,G=0;G=y-F,I=0,T.setViewport(I,G,R,F),T.setScissor(I,G,R,F),T.render(p,Z),I=R,T.setViewport(I,G,R,F),T.setScissor(I,G,R,F),T.render(p,le),G=0,I=0,T.setViewport(I,G,R,F),T.setScissor(I,G,R,F),T.render(p,Be),I=R,T.setViewport(I,G,R,F),T.setScissor(I,G,R,F),T.render(p,Fe)},oe=()=>{switch(u.forEach(I=>{I.update()}),t.onSceneUpdate!==void 0&&Kt&&t.onSceneUpdate(De),T.clear(),$){case"Single":P();break;case"Side by Side":case"Stacked":H();break;case"Quad":se();break}re=requestAnimationFrame(oe)};return He(),window.addEventListener("resize",A),A(),oe(),()=>{window.removeEventListener("resize",A),cancelAnimationFrame(re),re=-1}},[$,T]),S.useEffect(()=>{if(T!==null){const v=new d.Raycaster,y=new d.Vector2,R=(P,H,se,oe)=>{switch($){case"Quad":P<se?H<oe?v.setFromCamera(y,Z):v.setFromCamera(y,Be):H<oe?v.setFromCamera(y,le):v.setFromCamera(y,Fe);break;case"Side by Side":P<se?v.setFromCamera(y,Z):v.setFromCamera(y,le);break;case"Single":v.setFromCamera(y,Z);break;case"Stacked":H<oe?v.setFromCamera(y,Z):v.setFromCamera(y,le);break}},F=P=>{if(!vt)return;const H=new d.Vector2;T.getSize(H);const se=Math.min(P.clientX,H.x),oe=Math.min(P.clientY,H.y);y.x=et(se,0,H.x,-1,1),y.y=et(oe,0,H.y,1,-1);const I=H.x/2,G=H.y/2,ee=()=>{se<I?y.x=et(se,0,I,-1,1):y.x=et(se,I,H.x,-1,1)},Ae=()=>{oe<G?y.y=et(oe,0,G,1,-1):y.y=et(oe,G,H.y,1,-1)};switch($){case"Quad":ee(),Ae();break;case"Side by Side":ee();break;case"Stacked":Ae(),Ae();break}R(se,oe,I,G);const Ke=v.intersectObjects(De.children);Ke.length>0&&D.position.copy(Ke[0].point)},re=P=>{if(!vt)return;const H=new d.Vector2;if(T.getSize(H),P.clientX>=H.x)return;F(P);const se=v.intersectObjects(De.children);se.length>0&&t.three.getObject(se[0].object.uuid)},A=me.current;return A.addEventListener("mousemove",F,!1),A.addEventListener("click",re,!1),()=>{A.removeEventListener("mousemove",F),A.removeEventListener("click",re)}}},[$,T]);const he=[];return c.forEach((v,y)=>{he.push(y)}),h.jsxs("div",{className:"multiview",children:[h.jsx("canvas",{ref:J}),T!==null&&h.jsxs(h.Fragment,{children:[h.jsxs("div",{className:`cameras ${$==="Single"||$==="Stacked"?"single":""}`,ref:me,children:[$==="Single"&&h.jsx(h.Fragment,{children:h.jsx(qe,{camera:Z,options:he,ref:ue,onSelect:v=>{u.get(Z.name)?.dispose();const y=c.get(v);y!==void 0&&(Se(Z),Z=y,localStorage.setItem(`${n}_tlCam`,y.name),ae(y,ue.current))}})}),($==="Side by Side"||$==="Stacked")&&h.jsxs(h.Fragment,{children:[h.jsx(qe,{camera:Z,options:he,ref:ue,onSelect:v=>{u.get(Z.name)?.dispose();const y=c.get(v);y!==void 0&&(Se(Z),Z=y,localStorage.setItem(`${n}_tlCam`,y.name),ae(y,ue.current))}}),h.jsx(qe,{camera:le,options:he,ref:we,onSelect:v=>{u.get(le.name)?.dispose();const y=c.get(v);y!==void 0&&(Se(le),le=y,localStorage.setItem(`${n}_trCam`,y.name),ae(y,we.current))}})]}),$==="Quad"&&h.jsxs(h.Fragment,{children:[h.jsx(qe,{camera:Z,options:he,ref:ue,onSelect:v=>{u.get(Z.name)?.dispose();const y=c.get(v);y!==void 0&&(Se(Z),Z=y,localStorage.setItem(`${n}_tlCam`,y.name),ae(y,ue.current))}}),h.jsx(qe,{camera:le,options:he,ref:we,onSelect:v=>{u.get(le.name)?.dispose();const y=c.get(v);y!==void 0&&(Se(le),le=y,localStorage.setItem(`${n}_trCam`,y.name),ae(y,we.current))}}),h.jsx(qe,{camera:Be,options:he,ref:Oe,onSelect:v=>{u.get(Be.name)?.dispose();const y=c.get(v);y!==void 0&&(Se(Be),Be=y,localStorage.setItem(`${n}_blCam`,y.name),ae(y,Oe.current))}}),h.jsx(qe,{camera:Fe,options:he,ref:ge,onSelect:v=>{u.get(Fe.name)?.dispose();const y=c.get(v);y!==void 0&&(Se(Fe),Fe=y,localStorage.setItem(`${n}_brCam`,y.name),ae(y,ge.current))}})]})]}),h.jsxs("div",{className:"settings",children:[h.jsx(bt,{index:pe.indexOf($),options:pe,onSelect:v=>{v!==$&&($e(),ve(v))},open:Me,onToggle:v=>{Re(v),_e&&Te(!1),Pe&&je(!1)}}),h.jsx(bt,{index:ne.indexOf(gt),options:ne,onSelect:v=>{if(v!==gt)switch(gt=v,gt){case"Depth":p.overrideMaterial=j;break;case"Normals":p.overrideMaterial=x;break;default:case"Renderer":p.overrideMaterial=null;break;case"Wireframe":p.overrideMaterial=N;break;case"UVs":p.overrideMaterial=w;break}},open:_e,onToggle:v=>{Me&&Re(!1),Te(v),Pe&&je(!1)}}),h.jsx(bt,{index:0,options:["Orbit Mode","Selection Mode"],onSelect:v=>{vt=v==="Selection Mode",D.visible=vt},open:Pe,onToggle:v=>{Me&&Re(!1),_e&&Te(!1),je(v)}})]})]})]})}function vi(t){return h.jsxs("div",{className:"editor",ref:t.ref,style:t.style,children:[h.jsx("div",{className:"header",children:t.header}),t.children,h.jsx("div",{className:"footer",children:t.footer})]})}exports.Accordion=Et;exports.Application=xn;exports.BaseRemote=lt;exports.ChildObject=Bt;exports.ContainerObject=ln;exports.Draggable=sn;exports.DraggableItem=rn;exports.Dropdown=on;exports.DropdownItem=cn;exports.Editor=vi;exports.Inspector=dn;exports.MultiView=gi;exports.NavButton=Nt;exports.RemoteComponents=wn;exports.RemoteController=Ln;exports.RemoteTheatre=Ct;exports.RemoteThree=Pn;exports.RemoteTweakpane=An;exports.SceneInspector=oi;exports.SidePanel=si;exports.ToolEvents=z;exports.capitalize=ze;exports.clamp=Ue;exports.colorToHex=en;exports.debugDispatcher=U;exports.defaultTheatreCallback=Cn;exports.dispose=Lt;exports.disposeMaterial=nn;exports.disposeTexture=Sn;exports.distance=En;exports.hierarchyUUID=It;exports.isColor=Qt;exports.mix=kt;exports.noop=jt;exports.normalize=At;exports.randomID=Jt;exports.resetThreeObjects=tn;exports.round=tt;exports.theatreEditorApp=On;
|