@tomorrowevening/hermes 0.1.43 → 0.1.44

package/dist/core/Application.cjs

@@ -1 +1 @@
-"use strict";const s=require("../utils/detectSettings.cjs");class i{assets={audio:new Map,image:new Map,json:new Map,model:new Map,video:new Map};components=new Map;settings={dpr:1,fps:30,width:0,height:0,mobile:!1,supportOffScreenCanvas:!1,supportWebGPU:!1,quality:"Low",dev:!1,editor:!1};onUpdateCallback;playing=!1;rafID=-1;constructor(t,e=!1){this.settings.dev=t,this.settings.editor=e}dispose(){this.pause(),this.components.forEach(t=>t.dispose()),this.components.clear()}detectSettings(){return new Promise(t=>{s.detectSettings(this.settings.dev,this.settings.editor).then(e=>{this.settings=e,t()})})}update(){}draw(){}play=()=>{this.playing||(this.playing=!0,this.onUpdate())};pause=()=>{this.playing&&(this.playing=!1,cancelAnimationFrame(this.rafID),this.rafID=-1)};onUpdate=()=>{this.update(),this.isApp&&this.draw(),this.onUpdateCallback&&this.onUpdateCallback(),this.rafID=requestAnimationFrame(this.onUpdate)};addComponent(t,e){this.components.set(t,e)}get debugEnabled(){return this.settings.dev}get isApp(){return!this.editor}set isApp(t){this.editor=!t}get editor(){return this.settings.editor}set editor(t){this.settings.editor=t}}module.exports=i;
+"use strict";const s=require("../utils/detectSettings.cjs");class i{assets={audio:new Map,image:new Map,json:new Map,model:new Map,video:new Map};components=new Map;settings={dpr:1,width:0,height:0,mobile:!1,supportOffScreenCanvas:!1,supportWebGPU:!1,quality:"Low",dev:!1,editor:!1};onUpdateCallback;playing=!1;rafID=-1;constructor(t,e=!1){this.settings.dev=t,this.settings.editor=e}dispose(){this.pause(),this.components.forEach(t=>t.dispose()),this.components.clear()}detectSettings(){return new Promise(t=>{s.detectSettings(this.settings.dev,this.settings.editor).then(e=>{this.settings=e,t()})})}update(){}draw(){}play=()=>{this.playing||(this.playing=!0,this.onUpdate())};pause=()=>{this.playing&&(this.playing=!1,cancelAnimationFrame(this.rafID),this.rafID=-1)};onUpdate=()=>{this.update(),this.isApp&&this.draw(),this.onUpdateCallback&&this.onUpdateCallback(),this.rafID=requestAnimationFrame(this.onUpdate)};addComponent(t,e){this.components.set(t,e)}get debugEnabled(){return this.settings.dev}get isApp(){return!this.editor}set isApp(t){this.editor=!t}get editor(){return this.settings.editor}set editor(t){this.settings.editor=t}}module.exports=i;

package/dist/core/Application.js

@@ -10,7 +10,6 @@ class n {
   components = /* @__PURE__ */ new Map();
   settings = {
     dpr: 1,
-    fps: 30,
     width: 0,
     height: 0,
     mobile: !1,

package/dist/core/remote/RemoteTheatre.cjs

@@ -1 +1 @@
-"use strict";const _=require("@tomorrowevening/theatre-core"),$=require("./BaseRemote.cjs"),g=require("../types.cjs");function q(o){return o!=null&&o.r!==void 0&&o.g!==void 0&&o.b!==void 0}function w(o,e,t,i,h){const s=1-o;return s*s*s*e+3*s*s*o*t+3*s*o*o*i+o*o*o*h}function C(o,e,t){if(o.type!=="bezier"||o.handles.length!==4)throw new Error("Invalid keyframe data for Bézier interpolation.");const[i,h]=o.handles,s=(t-o.position)/(e.position-o.position);return w(s,o.value,o.value+i,e.value+h,e.value)}class P extends ${project;sheets=new Map;sheetObjects=new Map;sheetObjectCBs=new Map;sheetObjectUnsubscribe=new Map;activeSheet;studio=void 0;constructor(e=!1,t=!1){super("RemoteTheatre",e,t)}dispose(){this.project=void 0,this.sheets=new Map,this.sheetObjects=new Map,this.sheetObjectCBs=new Map,this.sheetObjectUnsubscribe=new Map}loadProject(e,t){return this.project=_.getProject(e,{state:t}),new Promise((i,h)=>{this.project?.ready.then(()=>{if(t){const s=t.sheetsById;for(const a in s)this.sheet(a)}i()}).catch(()=>h())})}getSheetInstance(e,t){return t!==void 0?`${e}-${t}`:e}sheet(e,t){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const i=this.getSheetInstance(e,t);let h=this.sheets.get(i);return h!==void 0||(h=this.project?.sheet(e,t),this.sheets.set(i,h)),h}playSheet(e,t,i){return new Promise(h=>{this.sheet(e,i)?.sequence.play(t).then(s=>h(s)),this.send({event:"playSheet",target:"editor",data:{sheet:e,instance:i,value:t}})})}pauseSheet(e,t){this.sheet(e,t)?.sequence.pause(),this.send({event:"pauseSheet",target:"editor",data:{sheet:e,instance:t}})}clearSheetObjects(e){this.sheetObjects.forEach((t,i)=>{i.search(`${e}_`)>-1&&this.unsubscribe(t)})}sheetObject(e,t,i,h,s){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const a=this.sheet(e,s);if(a===void 0)return;const u=`${this.getSheetInstance(e,s)}_${t}`;let b=this.sheetObjects.get(u),j=i;b!==void 0&&(j={...i,...b.value}),b=a.object(t,j,{reconfigure:!0}),this.sheetObjects.set(u,b),this.sheetObjectCBs.set(u,h!==void 0?h:g.noop);function v(d,p,n){if(typeof n=="object")if(q(n))d[p]={r:n.r,g:n.g,b:n.b,a:n.a};else for(const r in n){const l=n[r];typeof l=="object"&&v(n,r,l)}}const c=b.onValuesChange(d=>{const p=this.sheetObjectCBs.get(u);if(this.editor){for(const n in d){const r=d[n];typeof r=="object"&&v(d,n,r)}this.send({event:"updateSheetObject",target:"app",data:{sheet:e,sheetObject:u,values:d}}),p&&p(d)}else p&&p(d)});return this.sheetObjectUnsubscribe.set(u,c),b}getSheetObjectKeyframes(e,t,i){const h=this.sheet(e);if(h===void 0)return[];const s=`${e}_${t}`,a=this.sheetObjects.get(s);return a===void 0?[]:h.sequence.__experimental_getKeyframes(a.props[i])}getSheetObjectVectors(e,t){const i=this.sheet(e);if(i===void 0)return[];const h=`${e}_${t}`,s=this.sheetObjects.get(h);if(s===void 0)return[];const a=[],f=i.sequence.__experimental_getKeyframes(s.props.x),u=i.sequence.__experimental_getKeyframes(s.props.y),b=i.sequence.__experimental_getKeyframes(s.props.z),j=new Set;return f.forEach(c=>j.add(c.position)),u.forEach(c=>j.add(c.position)),b.forEach(c=>j.add(c.position)),Array.from(j).sort((c,d)=>c-d).forEach(c=>{const d=(p,n)=>{const r=p.find((S,y)=>S.position<=n&&(p[y+1]?.position||1/0)>n),l=p.find(S=>S.position>n);if(!r)return l?.value||0;if(!l||r.position===n)return r.value;if(r.type==="bezier")return C(r,l,n);const O=(n-r.position)/(l.position-r.position);return r.value+O*(l.value-r.value)};a.push({position:c,x:d(f,c),y:d(u,c),z:d(b,c)})}),a}update(e){}unsubscribe(e){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const t=e.address.sheetId,i=e.address.objectKey;this.sheets.get(t)?.detachObject(i);const s=`${t}_${i}`,a=this.sheetObjectUnsubscribe.get(s);a!==void 0&&(this.sheetObjects.delete(s),this.sheetObjectCBs.delete(s),this.sheetObjectUnsubscribe.delete(s),a())}handleApp(e){let t;switch(e.event){case"setSheet":t=this.sheets.get(e.data.sheet),t!==void 0?this.studio?.setSelection([t]):console.log(`Hermes - Can't set Sheet: ${e.data.sheet}`,t);break;case"setSheetObject":t=this.sheetObjects.get(`${e.data.sheet}_${e.data.key}`),t!==void 0?this.studio?.setSelection([t]):console.log(`Hermes - Can't set Sheet Object: ${e.data.sheet}, ${e.data.key}: ${e.data.sheet}_${e.data.key}`,t);break;case"updateSheetObject":t=this.sheets.get(e.data.sheet),t!==void 0&&t.sequence.pause(),t=this.sheetObjectCBs.get(e.data.sheetObject),t!==void 0?t(e.data.values):console.log(`Hermes - Can't update Sheet Object: ${e.data.sheetObject}, ${e.data.sheet}`,t);break;case"updateTimeline":t=this.sheets.get(e.data.sheet),t!==void 0?t.sequence.position=e.data.position:console.log(`Hermes - Can't update sheet position: ${e.data.sheet}, ${e.data.position}`);break}}handleEditor(e){switch(e.event){case"playSheet":this.sheet(e.data.sheet,e.data.instance)?.sequence.play(e.data.value);break;case"pauseSheet":this.sheet(e.data.sheet,e.data.instance)?.sequence.pause();break}}getSheetNames(){const e=[];return this.sheets.forEach((t,i)=>{e.push(i)}),e}handleEditorApp(){if(this.editor){this.studio?.ui.restore(),this.studio?.onSelectionChange(h=>{h.length<1||h.forEach(s=>{let a=s.address.sheetId,f="setSheet",u={};switch(s.type){case"Theatre_Sheet_PublicAPI":f="setSheet",u={sheet:s.address.sheetId},this.activeSheet=this.sheets.get(s.address.sheetId);break;case"Theatre_SheetObject_PublicAPI":f="setSheetObject",a+=`_${s.address.objectKey}`,u={id:a,sheet:s.address.sheetId,key:s.address.objectKey},this.activeSheet=this.sheets.get(s.address.sheetId);break}this.send({event:f,target:"app",data:u})})});let e=-1;const t=()=>{if(this.activeSheet!==void 0&&e!==this.activeSheet.sequence.position){e=this.activeSheet.sequence.position;const h=this.activeSheet;this.send({event:"updateTimeline",target:"app",data:{position:e,sheet:h.address.sheetId}})}},i=()=>{t(),requestAnimationFrame(i)};t(),i()}else this.studio?.ui.hide()}}module.exports=P;
+"use strict";const _=require("@tomorrowevening/theatre-core"),$=require("./BaseRemote.cjs"),g=require("../types.cjs");function q(a){return a!=null&&a.r!==void 0&&a.g!==void 0&&a.b!==void 0}function w(a,e,t,i,h){const s=1-a;return s*s*s*e+3*s*s*a*t+3*s*a*a*i+a*a*a*h}function k(a,e,t){if(a.type!=="bezier"||a.handles.length!==4)throw new Error("Invalid keyframe data for Bézier interpolation.");const[i,h]=a.handles,s=(t-a.position)/(e.position-a.position);return w(s,a.value,a.value+i,e.value+h,e.value)}class C extends ${project;sheets=new Map;sheetObjects=new Map;sheetObjectCBs=new Map;sheetObjectUnsubscribe=new Map;activeSheet;studio=void 0;constructor(e=!1,t=!1){super("RemoteTheatre",e,t)}dispose(){this.project=void 0,this.sheets=new Map,this.sheetObjects=new Map,this.sheetObjectCBs=new Map,this.sheetObjectUnsubscribe=new Map}loadProject(e,t){return this.project=_.getProject(e,{state:t}),new Promise((i,h)=>{this.project?.ready.then(()=>{if(t){const s=t.sheetsById;for(const n in s)this.sheet(n)}i()}).catch(()=>h())})}getSheetInstance(e,t){return t!==void 0?`${e}-${t}`:e}sheet(e,t){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const i=this.getSheetInstance(e,t);let h=this.sheets.get(i);return h!==void 0||(h=this.project?.sheet(e,t),this.sheets.set(i,h),this.send({event:"createSheet",target:"editor",data:{sheet:e,instance:t}})),h}playSheet(e,t,i){return new Promise(h=>{this.sheet(e,i)?.sequence.play(t).then(s=>h(s)),this.send({event:"playSheet",target:"editor",data:{sheet:e,instance:i,value:t}})})}pauseSheet(e,t){this.sheet(e,t)?.sequence.pause(),this.send({event:"pauseSheet",target:"editor",data:{sheet:e,instance:t}})}clearSheetObjects(e){this.sheetObjects.forEach((t,i)=>{i.search(`${e}_`)>-1&&this.unsubscribe(t)})}sheetObject(e,t,i,h,s){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const n=this.sheet(e,s);if(n===void 0)return;const u=`${this.getSheetInstance(e,s)}_${t}`;let b=this.sheetObjects.get(u),j=i;b!==void 0&&(j={...i,...b.value}),b=n.object(t,j,{reconfigure:!0}),this.sheetObjects.set(u,b),this.sheetObjectCBs.set(u,h!==void 0?h:g.noop);function v(d,p,o){if(typeof o=="object")if(q(o))d[p]={r:o.r,g:o.g,b:o.b,a:o.a};else for(const r in o){const l=o[r];typeof l=="object"&&v(o,r,l)}}const c=b.onValuesChange(d=>{const p=this.sheetObjectCBs.get(u);if(this.editor){for(const o in d){const r=d[o];typeof r=="object"&&v(d,o,r)}this.send({event:"updateSheetObject",target:"app",data:{sheet:e,sheetObject:u,values:d}}),p&&p(d)}else p&&p(d)});return this.sheetObjectUnsubscribe.set(u,c),this.send({event:"createSheetObject",target:"editor",data:{sheet:e,instance:s,key:t,props:JSON.stringify(i)}}),b}getSheetObjectKeyframes(e,t,i){const h=this.sheet(e);if(h===void 0)return[];const s=`${e}_${t}`,n=this.sheetObjects.get(s);return n===void 0?[]:h.sequence.__experimental_getKeyframes(n.props[i])}getSheetObjectVectors(e,t){const i=this.sheet(e);if(i===void 0)return[];const h=`${e}_${t}`,s=this.sheetObjects.get(h);if(s===void 0)return[];const n=[],f=i.sequence.__experimental_getKeyframes(s.props.x),u=i.sequence.__experimental_getKeyframes(s.props.y),b=i.sequence.__experimental_getKeyframes(s.props.z),j=new Set;return f.forEach(c=>j.add(c.position)),u.forEach(c=>j.add(c.position)),b.forEach(c=>j.add(c.position)),Array.from(j).sort((c,d)=>c-d).forEach(c=>{const d=(p,o)=>{const r=p.find((S,y)=>S.position<=o&&(p[y+1]?.position||1/0)>o),l=p.find(S=>S.position>o);if(!r)return l?.value||0;if(!l||r.position===o)return r.value;if(r.type==="bezier")return k(r,l,o);const O=(o-r.position)/(l.position-r.position);return r.value+O*(l.value-r.value)};n.push({position:c,x:d(f,c),y:d(u,c),z:d(b,c)})}),n}update(e){}unsubscribe(e){if(this.project===void 0){console.error("Theatre Project hasn't been created yet.");return}const t=e.address.sheetId,i=e.address.objectKey;this.sheets.get(t)?.detachObject(i);const s=`${t}_${i}`,n=this.sheetObjectUnsubscribe.get(s);n!==void 0&&(this.sheetObjects.delete(s),this.sheetObjectCBs.delete(s),this.sheetObjectUnsubscribe.delete(s),n())}handleApp(e){let t;switch(e.event){case"setSheet":t=this.sheets.get(e.data.sheet),t!==void 0?this.studio?.setSelection([t]):console.log(`Hermes - Can't set Sheet: ${e.data.sheet}`,t);break;case"setSheetObject":t=this.sheetObjects.get(`${e.data.sheet}_${e.data.key}`),t!==void 0?this.studio?.setSelection([t]):console.log(`Hermes - Can't set Sheet Object: ${e.data.sheet}, ${e.data.key}: ${e.data.sheet}_${e.data.key}`,t);break;case"updateSheetObject":t=this.sheets.get(e.data.sheet),t!==void 0&&t.sequence.pause(),t=this.sheetObjectCBs.get(e.data.sheetObject),t!==void 0?t(e.data.values):console.log(`Hermes - Can't update Sheet Object: ${e.data.sheetObject}, ${e.data.sheet}`,t);break;case"updateTimeline":t=this.sheets.get(e.data.sheet),t!==void 0?t.sequence.position=e.data.position:console.log(`Hermes - Can't update sheet position: ${e.data.sheet}, ${e.data.position}`);break}}handleEditor(e){switch(e.event){case"createSheet":this.sheet(e.data.sheet,e.data.instance);break;case"playSheet":this.sheet(e.data.sheet,e.data.instance)?.sequence.play(e.data.value);break;case"pauseSheet":this.sheet(e.data.sheet,e.data.instance)?.sequence.pause();break;case"createSheetObject":this.sheetObject(e.data.sheet,e.data.key,JSON.parse(e.data.props),void 0,e.data.instanceId);break}}getSheetNames(){const e=[];return this.sheets.forEach((t,i)=>{e.push(i)}),e}handleEditorApp(){if(this.editor){this.studio?.ui.restore(),this.studio?.onSelectionChange(h=>{h.length<1||h.forEach(s=>{let n=s.address.sheetId,f="setSheet",u={};switch(s.type){case"Theatre_Sheet_PublicAPI":f="setSheet",u={sheet:s.address.sheetId},this.activeSheet=this.sheets.get(s.address.sheetId);break;case"Theatre_SheetObject_PublicAPI":f="setSheetObject",n+=`_${s.address.objectKey}`,u={id:n,sheet:s.address.sheetId,key:s.address.objectKey},this.activeSheet=this.sheets.get(s.address.sheetId);break}this.send({event:f,target:"app",data:u})})});let e=-1;const t=()=>{if(this.activeSheet!==void 0&&e!==this.activeSheet.sequence.position){e=this.activeSheet.sequence.position;const h=this.activeSheet;this.send({event:"updateTimeline",target:"app",data:{position:e,sheet:h.address.sheetId}})}},i=()=>{t(),requestAnimationFrame(i)};t(),i()}else this.studio?.ui.hide()}}module.exports=C;

package/dist/core/remote/RemoteTheatre.js

@@ -1,21 +1,21 @@
 import { getProject as _ } from "@tomorrowevening/theatre-core";
 import $ from "./BaseRemote.js";
 import { noop as g } from "../types.js";
-function w(o) {
-  return o != null && o.r !== void 0 && o.g !== void 0 && o.b !== void 0;
+function w(a) {
+  return a != null && a.r !== void 0 && a.g !== void 0 && a.b !== void 0;
 }
-function P(o, e, t, i, h) {
-  const s = 1 - o;
-  return s * s * s * e + 3 * s * s * o * t + 3 * s * o * o * i + o * o * o * h;
+function k(a, e, t, i, h) {
+  const s = 1 - a;
+  return s * s * s * e + 3 * s * s * a * t + 3 * s * a * a * i + a * a * a * h;
 }
-function q(o, e, t) {
-  if (o.type !== "bezier" || o.handles.length !== 4)
+function P(a, e, t) {
+  if (a.type !== "bezier" || a.handles.length !== 4)
     throw new Error("Invalid keyframe data for Bézier interpolation.");
-  const [i, h] = o.handles, s = (t - o.position) / (e.position - o.position);
-  return P(
+  const [i, h] = a.handles, s = (t - a.position) / (e.position - a.position);
+  return k(
     s,
-    o.value,
-    o.value + i,
+    a.value,
+    a.value + i,
     e.value + h,
     e.value
   );
@@ -39,7 +39,7 @@ class B extends $ {
       this.project?.ready.then(() => {
         if (t) {
           const s = t.sheetsById;
-          for (const a in s) this.sheet(a);
+          for (const n in s) this.sheet(n);
         }
         i();
       }).catch(() => h());
@@ -55,7 +55,14 @@ class B extends $ {
     }
     const i = this.getSheetInstance(e, t);
     let h = this.sheets.get(i);
-    return h !== void 0 || (h = this.project?.sheet(e, t), this.sheets.set(i, h)), h;
+    return h !== void 0 || (h = this.project?.sheet(e, t), this.sheets.set(i, h), this.send({
+      event: "createSheet",
+      target: "editor",
+      data: {
+        sheet: e,
+        instance: t
+      }
+    })), h;
   }
   playSheet(e, t, i) {
     return new Promise((h) => {
@@ -90,32 +97,32 @@ class B extends $ {
       console.error("Theatre Project hasn't been created yet.");
       return;
     }
-    const a = this.sheet(e, s);
-    if (a === void 0) return;
+    const n = this.sheet(e, s);
+    if (n === void 0) return;
     const u = `${this.getSheetInstance(e, s)}_${t}`;
     let b = this.sheetObjects.get(u), j = i;
-    b !== void 0 && (j = { ...i, ...b.value }), b = a.object(t, j, { reconfigure: !0 }), this.sheetObjects.set(u, b), this.sheetObjectCBs.set(u, h !== void 0 ? h : g);
-    function v(d, p, n) {
-      if (typeof n == "object")
-        if (w(n))
+    b !== void 0 && (j = { ...i, ...b.value }), b = n.object(t, j, { reconfigure: !0 }), this.sheetObjects.set(u, b), this.sheetObjectCBs.set(u, h !== void 0 ? h : g);
+    function v(d, p, o) {
+      if (typeof o == "object")
+        if (w(o))
           d[p] = {
-            r: n.r,
-            g: n.g,
-            b: n.b,
-            a: n.a
+            r: o.r,
+            g: o.g,
+            b: o.b,
+            a: o.a
           };
         else
-          for (const r in n) {
-            const l = n[r];
-            typeof l == "object" && v(n, r, l);
+          for (const r in o) {
+            const l = o[r];
+            typeof l == "object" && v(o, r, l);
           }
     }
     const c = b.onValuesChange((d) => {
       const p = this.sheetObjectCBs.get(u);
       if (this.editor) {
-        for (const n in d) {
-          const r = d[n];
-          typeof r == "object" && v(d, n, r);
+        for (const o in d) {
+          const r = d[o];
+          typeof r == "object" && v(d, o, r);
         }
         this.send({
           event: "updateSheetObject",
@@ -129,37 +136,46 @@ class B extends $ {
       } else
         p && p(d);
     });
-    return this.sheetObjectUnsubscribe.set(u, c), b;
+    return this.sheetObjectUnsubscribe.set(u, c), this.send({
+      event: "createSheetObject",
+      target: "editor",
+      data: {
+        sheet: e,
+        instance: s,
+        key: t,
+        props: JSON.stringify(i)
+      }
+    }), b;
   }
   getSheetObjectKeyframes(e, t, i) {
     const h = this.sheet(e);
     if (h === void 0) return [];
-    const s = `${e}_${t}`, a = this.sheetObjects.get(s);
-    return a === void 0 ? [] : h.sequence.__experimental_getKeyframes(a.props[i]);
+    const s = `${e}_${t}`, n = this.sheetObjects.get(s);
+    return n === void 0 ? [] : h.sequence.__experimental_getKeyframes(n.props[i]);
   }
   getSheetObjectVectors(e, t) {
     const i = this.sheet(e);
     if (i === void 0) return [];
     const h = `${e}_${t}`, s = this.sheetObjects.get(h);
     if (s === void 0) return [];
-    const a = [], f = i.sequence.__experimental_getKeyframes(s.props.x), u = i.sequence.__experimental_getKeyframes(s.props.y), b = i.sequence.__experimental_getKeyframes(s.props.z), j = /* @__PURE__ */ new Set();
+    const n = [], f = i.sequence.__experimental_getKeyframes(s.props.x), u = i.sequence.__experimental_getKeyframes(s.props.y), b = i.sequence.__experimental_getKeyframes(s.props.z), j = /* @__PURE__ */ new Set();
     return f.forEach((c) => j.add(c.position)), u.forEach((c) => j.add(c.position)), b.forEach((c) => j.add(c.position)), Array.from(j).sort((c, d) => c - d).forEach((c) => {
-      const d = (p, n) => {
-        const r = p.find((S, y) => S.position <= n && (p[y + 1]?.position || 1 / 0) > n), l = p.find((S) => S.position > n);
+      const d = (p, o) => {
+        const r = p.find((S, y) => S.position <= o && (p[y + 1]?.position || 1 / 0) > o), l = p.find((S) => S.position > o);
         if (!r) return l?.value || 0;
-        if (!l || r.position === n) return r.value;
+        if (!l || r.position === o) return r.value;
         if (r.type === "bezier")
-          return q(r, l, n);
-        const O = (n - r.position) / (l.position - r.position);
+          return P(r, l, o);
+        const O = (o - r.position) / (l.position - r.position);
         return r.value + O * (l.value - r.value);
       };
-      a.push({
+      n.push({
         position: c,
         x: d(f, c),
         y: d(u, c),
         z: d(b, c)
       });
-    }), a;
+    }), n;
   }
   update(e) {
   }
@@ -170,8 +186,8 @@ class B extends $ {
     }
     const t = e.address.sheetId, i = e.address.objectKey;
     this.sheets.get(t)?.detachObject(i);
-    const s = `${t}_${i}`, a = this.sheetObjectUnsubscribe.get(s);
-    a !== void 0 && (this.sheetObjects.delete(s), this.sheetObjectCBs.delete(s), this.sheetObjectUnsubscribe.delete(s), a());
+    const s = `${t}_${i}`, n = this.sheetObjectUnsubscribe.get(s);
+    n !== void 0 && (this.sheetObjects.delete(s), this.sheetObjectCBs.delete(s), this.sheetObjectUnsubscribe.delete(s), n());
   }
   handleApp(e) {
     let t;
@@ -192,12 +208,24 @@ class B extends $ {
   }
   handleEditor(e) {
     switch (e.event) {
+      case "createSheet":
+        this.sheet(e.data.sheet, e.data.instance);
+        break;
       case "playSheet":
         this.sheet(e.data.sheet, e.data.instance)?.sequence.play(e.data.value);
         break;
       case "pauseSheet":
         this.sheet(e.data.sheet, e.data.instance)?.sequence.pause();
         break;
+      case "createSheetObject":
+        this.sheetObject(
+          e.data.sheet,
+          e.data.key,
+          JSON.parse(e.data.props),
+          void 0,
+          e.data.instanceId
+        );
+        break;
     }
   }
   getSheetNames() {
@@ -210,7 +238,7 @@ class B extends $ {
     if (this.editor) {
       this.studio?.ui.restore(), this.studio?.onSelectionChange((h) => {
         h.length < 1 || h.forEach((s) => {
-          let a = s.address.sheetId, f = "setSheet", u = {};
+          let n = s.address.sheetId, f = "setSheet", u = {};
           switch (s.type) {
             case "Theatre_Sheet_PublicAPI":
               f = "setSheet", u = {
@@ -218,8 +246,8 @@ class B extends $ {
               }, this.activeSheet = this.sheets.get(s.address.sheetId);
               break;
             case "Theatre_SheetObject_PublicAPI":
-              f = "setSheetObject", a += `_${s.address.objectKey}`, u = {
-                id: a,
+              f = "setSheetObject", n += `_${s.address.objectKey}`, u = {
+                id: n,
                 sheet: s.address.sheetId,
                 key: s.address.objectKey
               }, this.activeSheet = this.sheets.get(s.address.sheetId);

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./core/types.cjs"),s=require("./utils/detectSettings.cjs"),c=require("./utils/ImageSequenceCapturer.cjs"),t=require("./utils/math.cjs"),r=require("./utils/theatre.cjs"),e=require("./utils/three.cjs"),a=require("./utils/post.cjs"),n=require("./webworkers/EventHandling.cjs"),i=require("./webworkers/ProxyManager.cjs"),l=require("./core/Application.cjs"),p=require("./core/remote/BaseRemote.cjs"),m=require("./core/remote/RemoteTheatre.cjs"),u=require("./core/remote/RemoteThree.cjs"),d=require("./editor/HermesApp.cjs");exports.defaultTheatreCallback=o.defaultTheatreCallback;exports.noop=o.noop;exports.detectMaxFrameRate=s.detectMaxFrameRate;exports.detectSettings=s.detectSettings;exports.ImageSequenceCapturer=c.ImageSequenceCapturer;exports.clamp=t.clamp;exports.cubicBezier=t.cubicBezier;exports.damp=t.damp;exports.distance=t.distance;exports.getAngle=t.getAngle;exports.map=t.map;exports.mix=t.mix;exports.normalize=t.normalize;exports.rgbaToHex=t.rgbaToHex;exports.roundTo=t.roundTo;exports.animateObjectMaterial=r.animateObjectMaterial;exports.animateObjectTransform=r.animateObjectTransform;exports.applyObjectMaterial=r.applyObjectMaterial;exports.customizeTheatreElements=r.customizeTheatreElements;exports.getObjectMaterialObject=r.getObjectMaterialObject;exports.getObjectMaterialProps=r.getObjectMaterialProps;exports.useStudio=r.useStudio;exports.ExportTexture=e.ExportTexture;exports.anchorGeometry=e.anchorGeometry;exports.anchorGeometryTL=e.anchorGeometryTL;exports.createMask=e.createMask;exports.dispose=e.dispose;exports.disposeMaterial=e.disposeMaterial;exports.disposeTexture=e.disposeTexture;exports.hierarchyUUID=e.hierarchyUUID;exports.orthoCamera=e.orthoCamera;exports.parseModelLite=e.parseModelLite;exports.renderToTexture=e.renderToTexture;exports.resetThreeObjects=e.resetThreeObjects;exports.setMaterialBlendAdd=e.setMaterialBlendAdd;exports.setMaterialBlendMultiply=e.setMaterialBlendMultiply;exports.setMaterialBlendNormal=e.setMaterialBlendNormal;exports.setMaterialBlendScreen=e.setMaterialBlendScreen;exports.supportsOffscreenCanvas=e.supportsOffscreenCanvas;Object.defineProperty(exports,"totalThreeObjects",{enumerable:!0,get:()=>e.totalThreeObjects});exports.triangle=e.triangle;exports.updateCameraOrtho=e.updateCameraOrtho;exports.updateCameraOrtho16x9=e.updateCameraOrtho16x9;exports.useMask=e.useMask;exports.clearComposerGroups=a.clearComposerGroups;exports.generateCubemap=a.generateCubemap;exports.inspectComposer=a.inspectComposer;exports.inspectComposerPass=a.inspectComposerPass;exports.ElementProxy=n.ElementProxy;exports.WebworkerEventHandlers=n.WebworkerEventHandlers;exports.ElementProxyReceiver=i.ElementProxyReceiver;exports.ProxyManager=i.ProxyManager;exports.Application=l;exports.BaseRemote=p;exports.RemoteTheatre=m;exports.RemoteThree=u.default;exports.HermesApp=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./core/types.cjs"),i=require("./utils/detectSettings.cjs"),s=require("./utils/ImageSequenceCapturer.cjs"),t=require("./utils/math.cjs"),r=require("./utils/theatre.cjs"),e=require("./utils/three.cjs"),o=require("./webworkers/EventHandling.cjs"),n=require("./webworkers/ProxyManager.cjs"),l=require("./core/Application.cjs"),c=require("./core/remote/BaseRemote.cjs"),u=require("./core/remote/RemoteTheatre.cjs"),p=require("./core/remote/RemoteThree.cjs"),d=require("./editor/HermesApp.cjs");exports.defaultTheatreCallback=a.defaultTheatreCallback;exports.noop=a.noop;exports.detectSettings=i.detectSettings;exports.ImageSequenceCapturer=s.ImageSequenceCapturer;exports.clamp=t.clamp;exports.cubicBezier=t.cubicBezier;exports.damp=t.damp;exports.distance=t.distance;exports.getAngle=t.getAngle;exports.map=t.map;exports.mix=t.mix;exports.normalize=t.normalize;exports.rgbaToHex=t.rgbaToHex;exports.roundTo=t.roundTo;exports.animateObjectMaterial=r.animateObjectMaterial;exports.animateObjectTransform=r.animateObjectTransform;exports.applyObjectMaterial=r.applyObjectMaterial;exports.getObjectMaterialObject=r.getObjectMaterialObject;exports.getObjectMaterialProps=r.getObjectMaterialProps;exports.useStudio=r.useStudio;exports.ExportTexture=e.ExportTexture;exports.anchorGeometry=e.anchorGeometry;exports.anchorGeometryTL=e.anchorGeometryTL;exports.createMask=e.createMask;exports.dispose=e.dispose;exports.disposeMaterial=e.disposeMaterial;exports.disposeTexture=e.disposeTexture;exports.hierarchyUUID=e.hierarchyUUID;exports.orthoCamera=e.orthoCamera;exports.parseModelLite=e.parseModelLite;exports.renderToTexture=e.renderToTexture;exports.resetThreeObjects=e.resetThreeObjects;exports.setMaterialBlendAdd=e.setMaterialBlendAdd;exports.setMaterialBlendMultiply=e.setMaterialBlendMultiply;exports.setMaterialBlendNormal=e.setMaterialBlendNormal;exports.setMaterialBlendScreen=e.setMaterialBlendScreen;exports.supportsOffscreenCanvas=e.supportsOffscreenCanvas;Object.defineProperty(exports,"totalThreeObjects",{enumerable:!0,get:()=>e.totalThreeObjects});exports.triangle=e.triangle;exports.updateCameraOrtho=e.updateCameraOrtho;exports.updateCameraOrtho16x9=e.updateCameraOrtho16x9;exports.useMask=e.useMask;exports.ElementProxy=o.ElementProxy;exports.WebworkerEventHandlers=o.WebworkerEventHandlers;exports.ElementProxyReceiver=n.ElementProxyReceiver;exports.ProxyManager=n.ProxyManager;exports.Application=l;exports.BaseRemote=c;exports.RemoteTheatre=u;exports.RemoteThree=p.default;exports.HermesApp=d;

package/dist/index.js

@@ -1,73 +1,66 @@
 import { defaultTheatreCallback as t, noop as a } from "./core/types.js";
-import { detectMaxFrameRate as s, detectSettings as p } from "./utils/detectSettings.js";
-import { ImageSequenceCapturer as l } from "./utils/ImageSequenceCapturer.js";
-import { clamp as n, cubicBezier as c, damp as d, distance as x, getAngle as f, map as u, mix as M, normalize as T, rgbaToHex as b, roundTo as h } from "./utils/math.js";
-import { animateObjectMaterial as g, animateObjectTransform as C, applyObjectMaterial as j, customizeTheatreElements as y, getObjectMaterialObject as B, getObjectMaterialProps as E, useStudio as P } from "./utils/theatre.js";
-import { ExportTexture as k, anchorGeometry as A, anchorGeometryTL as S, createMask as v, dispose as z, disposeMaterial as G, disposeTexture as H, hierarchyUUID as I, orthoCamera as L, parseModelLite as U, renderToTexture as q, resetThreeObjects as w, setMaterialBlendAdd as D, setMaterialBlendMultiply as F, setMaterialBlendNormal as N, setMaterialBlendScreen as W, supportsOffscreenCanvas as J, totalThreeObjects as K, triangle as Q, updateCameraOrtho as V, updateCameraOrtho16x9 as X, useMask as Y } from "./utils/three.js";
-import { clearComposerGroups as _, generateCubemap as $, inspectComposer as ee, inspectComposerPass as re } from "./utils/post.js";
-import { ElementProxy as ae, WebworkerEventHandlers as oe } from "./webworkers/EventHandling.js";
-import { ElementProxyReceiver as pe, ProxyManager as me } from "./webworkers/ProxyManager.js";
-import { default as ie } from "./core/Application.js";
-import { default as ce } from "./core/remote/BaseRemote.js";
-import { default as xe } from "./core/remote/RemoteTheatre.js";
-import { default as ue } from "./core/remote/RemoteThree.js";
-import { default as Te } from "./editor/HermesApp.js";
+import { detectSettings as l } from "./utils/detectSettings.js";
+import { ImageSequenceCapturer as m } from "./utils/ImageSequenceCapturer.js";
+import { clamp as i, cubicBezier as n, damp as d, distance as c, getAngle as x, map as f, mix as u, normalize as M, rgbaToHex as T, roundTo as b } from "./utils/math.js";
+import { animateObjectMaterial as O, animateObjectTransform as g, applyObjectMaterial as j, getObjectMaterialObject as y, getObjectMaterialProps as B, useStudio as C } from "./utils/theatre.js";
+import { ExportTexture as A, anchorGeometry as E, anchorGeometryTL as P, createMask as R, dispose as S, disposeMaterial as v, disposeTexture as H, hierarchyUUID as z, orthoCamera as G, parseModelLite as I, renderToTexture as L, resetThreeObjects as U, setMaterialBlendAdd as q, setMaterialBlendMultiply as w, setMaterialBlendNormal as D, setMaterialBlendScreen as N, supportsOffscreenCanvas as W, totalThreeObjects as F, triangle as J, updateCameraOrtho as K, updateCameraOrtho16x9 as Q, useMask as V } from "./utils/three.js";
+import { ElementProxy as Y, WebworkerEventHandlers as Z } from "./webworkers/EventHandling.js";
+import { ElementProxyReceiver as $, ProxyManager as ee } from "./webworkers/ProxyManager.js";
+import { default as te } from "./core/Application.js";
+import { default as oe } from "./core/remote/BaseRemote.js";
+import { default as pe } from "./core/remote/RemoteTheatre.js";
+import { default as se } from "./core/remote/RemoteThree.js";
+import { default as ne } from "./editor/HermesApp.js";
 export {
-  ie as Application,
-  ce as BaseRemote,
-  ae as ElementProxy,
-  pe as ElementProxyReceiver,
-  k as ExportTexture,
-  Te as HermesApp,
-  l as ImageSequenceCapturer,
-  me as ProxyManager,
-  xe as RemoteTheatre,
-  ue as RemoteThree,
-  oe as WebworkerEventHandlers,
-  A as anchorGeometry,
-  S as anchorGeometryTL,
-  g as animateObjectMaterial,
-  C as animateObjectTransform,
+  te as Application,
+  oe as BaseRemote,
+  Y as ElementProxy,
+  $ as ElementProxyReceiver,
+  A as ExportTexture,
+  ne as HermesApp,
+  m as ImageSequenceCapturer,
+  ee as ProxyManager,
+  pe as RemoteTheatre,
+  se as RemoteThree,
+  Z as WebworkerEventHandlers,
+  E as anchorGeometry,
+  P as anchorGeometryTL,
+  O as animateObjectMaterial,
+  g as animateObjectTransform,
   j as applyObjectMaterial,
-  n as clamp,
-  _ as clearComposerGroups,
-  v as createMask,
-  c as cubicBezier,
-  y as customizeTheatreElements,
+  i as clamp,
+  R as createMask,
+  n as cubicBezier,
   d as damp,
   t as defaultTheatreCallback,
-  s as detectMaxFrameRate,
-  p as detectSettings,
-  z as dispose,
-  G as disposeMaterial,
+  l as detectSettings,
+  S as dispose,
+  v as disposeMaterial,
   H as disposeTexture,
-  x as distance,
-  $ as generateCubemap,
-  f as getAngle,
-  B as getObjectMaterialObject,
-  E as getObjectMaterialProps,
-  I as hierarchyUUID,
-  ee as inspectComposer,
-  re as inspectComposerPass,
-  u as map,
-  M as mix,
+  c as distance,
+  x as getAngle,
+  y as getObjectMaterialObject,
+  B as getObjectMaterialProps,
+  z as hierarchyUUID,
+  f as map,
+  u as mix,
   a as noop,
-  T as normalize,
-  L as orthoCamera,
-  U as parseModelLite,
-  q as renderToTexture,
-  w as resetThreeObjects,
-  b as rgbaToHex,
-  h as roundTo,
-  D as setMaterialBlendAdd,
-  F as setMaterialBlendMultiply,
-  N as setMaterialBlendNormal,
-  W as setMaterialBlendScreen,
-  J as supportsOffscreenCanvas,
-  K as totalThreeObjects,
-  Q as triangle,
-  V as updateCameraOrtho,
-  X as updateCameraOrtho16x9,
-  Y as useMask,
-  P as useStudio
+  M as normalize,
+  G as orthoCamera,
+  I as parseModelLite,
+  L as renderToTexture,
+  U as resetThreeObjects,
+  T as rgbaToHex,
+  b as roundTo,
+  q as setMaterialBlendAdd,
+  w as setMaterialBlendMultiply,
+  D as setMaterialBlendNormal,
+  N as setMaterialBlendScreen,
+  W as supportsOffscreenCanvas,
+  F as totalThreeObjects,
+  J as triangle,
+  K as updateCameraOrtho,
+  Q as updateCameraOrtho16x9,
+  V as useMask,
+  C as useStudio
 };

package/dist/utils/detectSettings.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("detect-gpu");function f(s){let n=0;const i=performance.now();function e(){n++;const t=performance.now();if(t-i>=100){const o=n/((t-i)/1e3),c=Math.round(o/30)*30;s(c)}else requestAnimationFrame(e)}requestAnimationFrame(e)}function m(s=!1,n=!1){return new Promise(i=>{u.getGPUTier().then(e=>{let t=!1;const o=document.createElement("canvas"),c=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);if(t="transferControlToOffscreen"in o,c){const a=navigator.userAgent.match(/version\/(\d+)/i);t=(a?parseInt(a[1]):0)>=17}const r={dpr:devicePixelRatio,fps:30,width:innerWidth,height:innerHeight,mobile:e.isMobile!==void 0?e.isMobile:!1,supportOffScreenCanvas:t,supportWebGPU:!!navigator.gpu,quality:"Low",dev:s,editor:n};e.tier===3?r.quality="High":e.tier===2&&(r.quality="Medium"),f(a=>{r.fps=a,i(r)})})})}exports.detectMaxFrameRate=f;exports.detectSettings=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("detect-gpu");function l(s=!1,r=!1){return new Promise(a=>{f.getGPUTier().then(e=>{let t=!1;const o=document.createElement("canvas"),c=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);if(t="transferControlToOffscreen"in o,c){const n=navigator.userAgent.match(/version\/(\d+)/i);t=(n?parseInt(n[1]):0)>=17}const i={dpr:devicePixelRatio,width:innerWidth,height:innerHeight,mobile:e.isMobile!==void 0?e.isMobile:!1,supportOffScreenCanvas:t,supportWebGPU:!!navigator.gpu,quality:"Low",dev:s,editor:r};e.tier===3?i.quality="High":e.tier===2&&(i.quality="Medium"),a(i)})})}exports.detectSettings=l;

package/dist/utils/detectSettings.js

@@ -1,46 +1,28 @@
 import { getGPUTier as c } from "detect-gpu";
-function m(o) {
-  let n = 0;
-  const i = performance.now();
-  function e() {
-    n++;
-    const t = performance.now();
-    if (t - i >= 100) {
-      const s = n / ((t - i) / 1e3), f = Math.round(s / 30) * 30;
-      o(f);
-    } else
-      requestAnimationFrame(e);
-  }
-  requestAnimationFrame(e);
-}
-function d(o = !1, n = !1) {
-  return new Promise((i) => {
+function h(s = !1, r = !1) {
+  return new Promise((a) => {
     c().then((e) => {
       let t = !1;
-      const s = document.createElement("canvas"), f = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-      if (t = "transferControlToOffscreen" in s, f) {
-        const a = navigator.userAgent.match(/version\/(\d+)/i);
-        t = (a ? parseInt(a[1]) : 0) >= 17;
+      const o = document.createElement("canvas"), f = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+      if (t = "transferControlToOffscreen" in o, f) {
+        const n = navigator.userAgent.match(/version\/(\d+)/i);
+        t = (n ? parseInt(n[1]) : 0) >= 17;
       }
-      const r = {
+      const i = {
         dpr: devicePixelRatio,
-        fps: 30,
         width: innerWidth,
         height: innerHeight,
         mobile: e.isMobile !== void 0 ? e.isMobile : !1,
         supportOffScreenCanvas: t,
         supportWebGPU: !!navigator.gpu,
         quality: "Low",
-        dev: o,
-        editor: n
+        dev: s,
+        editor: r
       };
-      e.tier === 3 ? r.quality = "High" : e.tier === 2 && (r.quality = "Medium"), m((a) => {
-        r.fps = a, i(r);
-      });
+      e.tier === 3 ? i.quality = "High" : e.tier === 2 && (i.quality = "Medium"), a(i);
     });
   });
 }
 export {
-  m as detectMaxFrameRate,
-  d as detectSettings
+  h as detectSettings
 };

package/dist/utils/theatre.cjs

@@ -1 +1 @@
-"use strict";var g=Object.create;var b=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var A=(n,i,e,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of M(i))!v.call(n,t)&&t!==e&&b(n,t,{get:()=>i[t],enumerable:!(s=O(i,t))||s.enumerable});return n};var E=(n,i,e)=>(e=n!=null?g(w(n)):{},A(i||!n||!n.__esModule?b(e,"default",{value:n,enumerable:!0}):e,n));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@tomorrowevening/theatre-core"),y=require("react");let u;function P(){const[n,i]=y.useState(u);return y.useEffect(()=>{u||import("@tomorrowevening/theatre-studio").then(e=>{u=e.default,u.initialize(),u.ui.hide(),i(u)})},[]),n}async function T(){for(;!document.getElementById("theatrejs-studio-root");)await new Promise(s=>setTimeout(s,100));const n=document.getElementById("theatrejs-studio-root");if(n===null||n.shadowRoot===null)return;const i=n.shadowRoot.getElementById("pointer-root");if(i===null)return;const e=i.children[0];if(e!==null){try{const t=e.children[1].children[1];t.parentElement?.removeChild(t)}catch{}try{const s=e.children[3];s.style.top="0",s.style.right="300px"}catch{}}}function k(n,i,e,s){s.sheetObject(n,i,{transform:{position:{x:e.position.x,y:e.position.y,z:e.position.z},rotation:{x:e.rotation.x,y:e.rotation.y,z:e.rotation.z},scale:{x:e.scale.x,y:e.scale.y,z:e.scale.z},visible:e.visible}},t=>{const a=t.transform;e.position.copy(a.position),e.rotation.copy(a.rotation),e.scale.copy(a.scale),e.visible=a.visible})}const z=["allowOverride","alphaHash","alphaTest","alphaToCoverage","blendAlpha","blendColor","blendDst","blendDstAlpha","blendEquation","blendEquationAlpha","blendSrc","blendSrcAlpha","blending","clipIntersection","clipShadows","clipping","clippingPlanes","colorWrite","combine","defaultAttributeValues","defines","depthFunc","depthTest","depthWrite","dithering","extensions","fog","forceSinglePass","fragmentShader","glslVersion","id","index0AttributeName","index1AttributeName","index2AttributeName","index3AttributeName","index4AttributeName","isMaterial","lights","linewidth","name","needsUpdate","polygonOffset","polygonOffsetFactor","polygonOffsetUnits","precision","premultipliedAlpha","shadowSide","side","stencilFail","stencilFunc","stencilFuncMask","stencilRef","stencilWrite","stencilWriteMask","stencilZFail","stencilZPass","toneMapped","transparent","type","uniformsGroups","uniformsNeedUpdate","userData","uuid","version","vertexColors","vertexShader","visible","wireframe","wireframeLinewidth","wireframeLinecap","wireframeLinejoin"];function f(n){const i=typeof n;if(n===null||n.isTexture)return"texture";if(i==="boolean")return"boolean";if(i==="number")return"number";if(i==="string")return"string";if(i==="object"){if(n.isColor)return"color";if(n.isVector2)return"vector2";if(n.isVector3)return"vector3";if(n.isVector4)return"vector4";if(n.isMatrix2)return"matrix2";if(n.isMatrix3)return"matrix3";if(n.isMatrix4)return"matrix4";if(n.isEuler)return"euler";if(Array.isArray(n))return"array"}return"object"}function d(n){const i=[];for(const s in n){const t=z.find(o=>o===s),a=s.indexOf("_")===0||s.indexOf("is")===0;if(!(t||a))if(s==="uniforms"){const o=n.uniforms;for(const c in o){const p=o[c].value,m=f(p);m==="array"||m==="object"||i.push({name:`uniforms.${c}.value`,type:m,value:p})}}else{const o=f(n[s]);i.push({name:s,type:o,value:n[s]})}}return i.filter(s=>s.type!=="array"&&s.type!=="object"&&s.type!=="texture")}function h(n){const i={},e={nudgeMultiplier:.01};return n.forEach(s=>{let t=s.value;switch(s.type){case"color":t=r.types.rgba({r:t.r,g:t.g,b:t.b,a:1});break;case"number":t=r.types.number(t,e);break;case"euler":case"vector3":t={x:r.types.number(t.x,e),y:r.types.number(t.y,e),z:r.types.number(t.z,e)};break;case"vector2":t={x:r.types.number(t.x,e),y:r.types.number(t.y,e)};break;case"vector4":t={x:r.types.number(t.x,e),y:r.types.number(t.y,e),z:r.types.number(t.z,e),w:r.types.number(t.w,e)};break;case"matrix2":t={0:r.types.number(t.elements[0],e),1:r.types.number(t.elements[1],e),2:r.types.number(t.elements[2],e),3:r.types.number(t.elements[3],e)};break;case"matrix3":t={0:r.types.number(t.elements[0],e),1:r.types.number(t.elements[1],e),2:r.types.number(t.elements[2],e),3:r.types.number(t.elements[3],e),4:r.types.number(t.elements[4],e),5:r.types.number(t.elements[5],e),6:r.types.number(t.elements[6],e),7:r.types.number(t.elements[7],e),8:r.types.number(t.elements[8],e)};break;case"matrix4":t={0:r.types.number(t.elements[0],e),1:r.types.number(t.elements[1],e),2:r.types.number(t.elements[2],e),3:r.types.number(t.elements[3],e),4:r.types.number(t.elements[4],e),5:r.types.number(t.elements[5],e),6:r.types.number(t.elements[6],e),7:r.types.number(t.elements[7],e),8:r.types.number(t.elements[8],e),9:r.types.number(t.elements[9],e),10:r.types.number(t.elements[10],e),11:r.types.number(t.elements[11],e),12:r.types.number(t.elements[12],e),13:r.types.number(t.elements[13],e),14:r.types.number(t.elements[14],e),15:r.types.number(t.elements[15],e)};break}if(s.name.includes(".")){const a=s.name.split(".");let l=i;for(let o=0;o<a.length-1;o++){const c=a[o];l[c]||(l[c]={}),l=l[c]}l[a[a.length-1]]=t}else i[s.name]=t}),i}function x(n,i,e){i.forEach(s=>{if(n[s.name]!==void 0)switch(s.type){case"boolean":case"number":n[s.name]=e.material[s.name];break;case"color":case"euler":case"matrix2":case"matrix3":case"matrix4":case"vector2":case"vector3":case"vector4":n[s.name].copy(e.material[s.name]);break}})}function S(n,i,e,s){if(!e.isMaterial)return;const t=d(e),a=h(t);s.sheetObject(n,i,{material:a},l=>{x(e,t,l)})}exports.animateObjectMaterial=S;exports.animateObjectTransform=k;exports.applyObjectMaterial=x;exports.customizeTheatreElements=T;exports.getObjectMaterialObject=h;exports.getObjectMaterialProps=d;exports.useStudio=P;
+"use strict";var g=Object.create;var b=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var P=(n,i,e,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of M(i))!v.call(n,t)&&t!==e&&b(n,t,{get:()=>i[t],enumerable:!(s=O(i,t))||s.enumerable});return n};var k=(n,i,e)=>(e=n!=null?g(A(n)):{},P(i||!n||!n.__esModule?b(e,"default",{value:n,enumerable:!0}):e,n));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@tomorrowevening/theatre-core"),y=require("react");let m;function w(){const[n,i]=y.useState(m);return y.useEffect(()=>{m||import("@tomorrowevening/theatre-studio").then(e=>{m=e.default,m.initialize(),m.ui.hide(),i(m)})},[]),n}function S(n,i,e,s){s.sheetObject(n,i,{transform:{position:{x:e.position.x,y:e.position.y,z:e.position.z},rotation:{x:e.rotation.x,y:e.rotation.y,z:e.rotation.z},scale:{x:e.scale.x,y:e.scale.y,z:e.scale.z},visible:e.visible}},t=>{const a=t.transform;e.position.copy(a.position),e.rotation.copy(a.rotation),e.scale.copy(a.scale),e.visible=a.visible})}const z=["allowOverride","alphaHash","alphaTest","alphaToCoverage","blendAlpha","blendColor","blendDst","blendDstAlpha","blendEquation","blendEquationAlpha","blendSrc","blendSrcAlpha","blending","clipIntersection","clipShadows","clipping","clippingPlanes","colorWrite","combine","defaultAttributeValues","defines","depthFunc","depthTest","depthWrite","dithering","extensions","fog","forceSinglePass","fragmentShader","glslVersion","id","index0AttributeName","index1AttributeName","index2AttributeName","index3AttributeName","index4AttributeName","isMaterial","lights","linewidth","name","needsUpdate","polygonOffset","polygonOffsetFactor","polygonOffsetUnits","precision","premultipliedAlpha","shadowSide","side","stencilFail","stencilFunc","stencilFuncMask","stencilRef","stencilWrite","stencilWriteMask","stencilZFail","stencilZPass","toneMapped","transparent","type","uniformsGroups","uniformsNeedUpdate","userData","uuid","version","vertexColors","vertexShader","visible","wireframe","wireframeLinewidth","wireframeLinecap","wireframeLinejoin"];function f(n){const i=typeof n;if(n===null||n.isTexture)return"texture";if(i==="boolean")return"boolean";if(i==="number")return"number";if(i==="string")return"string";if(i==="object"){if(n.isColor)return"color";if(n.isVector2)return"vector2";if(n.isVector3)return"vector3";if(n.isVector4)return"vector4";if(n.isMatrix2)return"matrix2";if(n.isMatrix3)return"matrix3";if(n.isMatrix4)return"matrix4";if(n.isEuler)return"euler";if(Array.isArray(n))return"array"}return"object"}function d(n){const i=[];for(const s in n){const t=z.find(o=>o===s),a=s.indexOf("_")===0||s.indexOf("is")===0;if(!(t||a))if(s==="uniforms"){const o=n.uniforms;for(const c in o){const p=o[c].value,u=f(p);u==="array"||u==="object"||i.push({name:`uniforms.${c}.value`,type:u,value:p})}}else{const o=f(n[s]);i.push({name:s,type:o,value:n[s]})}}return i.filter(s=>s.type!=="array"&&s.type!=="object"&&s.type!=="texture")}function x(n){const i={},e={nudgeMultiplier:.01};return n.forEach(s=>{let t=s.value;switch(s.type){case"color":t=r.types.rgba({r:t.r,g:t.g,b:t.b,a:1});break;case"number":t=r.types.number(t,e);break;case"euler":case"vector3":t={x:r.types.number(t.x,e),y:r.types.number(t.y,e),z:r.types.number(t.z,e)};break;case"vector2":t={x:r.types.number(t.x,e),y:r.types.number(t.y,e)};break;case"vector4":t={x:r.types.number(t.x,e),y:r.types.number(t.y,e),z:r.types.number(t.z,e),w:r.types.number(t.w,e)};break;case"matrix2":t={0:r.types.number(t.elements[0],e),1:r.types.number(t.elements[1],e),2:r.types.number(t.elements[2],e),3:r.types.number(t.elements[3],e)};break;case"matrix3":t={0:r.types.number(t.elements[0],e),1:r.types.number(t.elements[1],e),2:r.types.number(t.elements[2],e),3:r.types.number(t.elements[3],e),4:r.types.number(t.elements[4],e),5:r.types.number(t.elements[5],e),6:r.types.number(t.elements[6],e),7:r.types.number(t.elements[7],e),8:r.types.number(t.elements[8],e)};break;case"matrix4":t={0:r.types.number(t.elements[0],e),1:r.types.number(t.elements[1],e),2:r.types.number(t.elements[2],e),3:r.types.number(t.elements[3],e),4:r.types.number(t.elements[4],e),5:r.types.number(t.elements[5],e),6:r.types.number(t.elements[6],e),7:r.types.number(t.elements[7],e),8:r.types.number(t.elements[8],e),9:r.types.number(t.elements[9],e),10:r.types.number(t.elements[10],e),11:r.types.number(t.elements[11],e),12:r.types.number(t.elements[12],e),13:r.types.number(t.elements[13],e),14:r.types.number(t.elements[14],e),15:r.types.number(t.elements[15],e)};break}if(s.name.includes(".")){const a=s.name.split(".");let l=i;for(let o=0;o<a.length-1;o++){const c=a[o];l[c]||(l[c]={}),l=l[c]}l[a[a.length-1]]=t}else i[s.name]=t}),i}function h(n,i,e){i.forEach(s=>{if(n[s.name]!==void 0)switch(s.type){case"boolean":case"number":n[s.name]=e.material[s.name];break;case"color":case"euler":case"matrix2":case"matrix3":case"matrix4":case"vector2":case"vector3":case"vector4":n[s.name].copy(e.material[s.name]);break}})}function T(n,i,e,s){if(!e.isMaterial)return;const t=d(e),a=x(t);s.sheetObject(n,i,{material:a},l=>{h(e,t,l)})}exports.animateObjectMaterial=T;exports.animateObjectTransform=S;exports.applyObjectMaterial=h;exports.getObjectMaterialObject=x;exports.getObjectMaterialProps=d;exports.useStudio=w;

package/dist/utils/theatre.js

@@ -1,37 +1,16 @@
 import { types as n } from "@tomorrowevening/theatre-core";
 import { useState as d, useEffect as p } from "react";
-let m;
+let c;
 function v() {
-  const [i, s] = d(m);
+  const [r, s] = d(c);
   return p(() => {
-    m || import("@tomorrowevening/theatre-studio").then((e) => {
-      m = e.default, m.initialize(), m.ui.hide(), s(m);
+    c || import("@tomorrowevening/theatre-studio").then((e) => {
+      c = e.default, c.initialize(), c.ui.hide(), s(c);
     });
-  }, []), i;
+  }, []), r;
 }
-async function E() {
-  for (; !document.getElementById("theatrejs-studio-root"); )
-    await new Promise((r) => setTimeout(r, 100));
-  const i = document.getElementById("theatrejs-studio-root");
-  if (i === null || i.shadowRoot === null) return;
-  const s = i.shadowRoot.getElementById("pointer-root");
-  if (s === null) return;
-  const e = s.children[0];
-  if (e !== null) {
-    try {
-      const t = e.children[1].children[1];
-      t.parentElement?.removeChild(t);
-    } catch {
-    }
-    try {
-      const r = e.children[3];
-      r.style.top = "0", r.style.right = "300px";
-    } catch {
-    }
-  }
-}
-function O(i, s, e, r) {
-  r.sheetObject(i, s, {
+function M(r, s, e, i) {
+  i.sheetObject(r, s, {
     transform: {
       position: {
         x: e.position.x,
@@ -51,11 +30,11 @@ function O(i, s, e, r) {
       visible: e.visible
     }
   }, (t) => {
-    const o = t.transform;
-    e.position.copy(o.position), e.rotation.copy(o.rotation), e.scale.copy(o.scale), e.visible = o.visible;
+    const a = t.transform;
+    e.position.copy(a.position), e.rotation.copy(a.rotation), e.scale.copy(a.scale), e.visible = a.visible;
   });
 }
-const h = [
+const x = [
   "allowOverride",
   "alphaHash",
   "alphaTest",
@@ -128,9 +107,9 @@ const h = [
   "wireframeLinecap",
   "wireframeLinejoin"
 ];
-function f(i) {
-  const s = typeof i;
-  if (i === null || i.isTexture)
+function f(r) {
+  const s = typeof r;
+  if (r === null || r.isTexture)
     return "texture";
   if (s === "boolean")
     return "boolean";
@@ -139,60 +118,60 @@ function f(i) {
   if (s === "string")
     return "string";
   if (s === "object") {
-    if (i.isColor)
+    if (r.isColor)
       return "color";
-    if (i.isVector2)
+    if (r.isVector2)
       return "vector2";
-    if (i.isVector3)
+    if (r.isVector3)
       return "vector3";
-    if (i.isVector4)
+    if (r.isVector4)
       return "vector4";
-    if (i.isMatrix2)
+    if (r.isMatrix2)
       return "matrix2";
-    if (i.isMatrix3)
+    if (r.isMatrix3)
       return "matrix3";
-    if (i.isMatrix4)
+    if (r.isMatrix4)
       return "matrix4";
-    if (i.isEuler)
+    if (r.isEuler)
       return "euler";
-    if (Array.isArray(i))
+    if (Array.isArray(r))
       return "array";
   }
   return "object";
 }
-function y(i) {
+function y(r) {
   const s = [];
-  for (const r in i) {
-    const t = h.find((a) => a === r), o = r.indexOf("_") === 0 || r.indexOf("is") === 0;
-    if (!(t || o))
-      if (r === "uniforms") {
-        const a = i.uniforms;
-        for (const c in a) {
-          const b = a[c].value, u = f(b);
+  for (const i in r) {
+    const t = x.find((o) => o === i), a = i.indexOf("_") === 0 || i.indexOf("is") === 0;
+    if (!(t || a))
+      if (i === "uniforms") {
+        const o = r.uniforms;
+        for (const m in o) {
+          const b = o[m].value, u = f(b);
           u === "array" || u === "object" || s.push({
-            name: `uniforms.${c}.value`,
+            name: `uniforms.${m}.value`,
             type: u,
             value: b
           });
         }
       } else {
-        const a = f(i[r]);
+        const o = f(r[i]);
         s.push({
-          name: r,
-          type: a,
-          value: i[r]
+          name: i,
+          type: o,
+          value: r[i]
         });
       }
   }
   return s.filter(
-    (r) => r.type !== "array" && r.type !== "object" && r.type !== "texture"
+    (i) => i.type !== "array" && i.type !== "object" && i.type !== "texture"
   );
 }
-function x(i) {
+function h(r) {
   const s = {}, e = { nudgeMultiplier: 0.01 };
-  return i.forEach((r) => {
-    let t = r.value;
-    switch (r.type) {
+  return r.forEach((i) => {
+    let t = i.value;
+    switch (i.type) {
       case "color":
         t = n.rgba({ r: t.r, g: t.g, b: t.b, a: 1 });
         break;
@@ -263,25 +242,25 @@ function x(i) {
         };
         break;
     }
-    if (r.name.includes(".")) {
-      const o = r.name.split(".");
+    if (i.name.includes(".")) {
+      const a = i.name.split(".");
       let l = s;
-      for (let a = 0; a < o.length - 1; a++) {
-        const c = o[a];
-        l[c] || (l[c] = {}), l = l[c];
+      for (let o = 0; o < a.length - 1; o++) {
+        const m = a[o];
+        l[m] || (l[m] = {}), l = l[m];
       }
-      l[o[o.length - 1]] = t;
+      l[a[a.length - 1]] = t;
     } else
-      s[r.name] = t;
+      s[i.name] = t;
   }), s;
 }
-function g(i, s, e) {
-  s.forEach((r) => {
-    if (i[r.name] !== void 0)
-      switch (r.type) {
+function g(r, s, e) {
+  s.forEach((i) => {
+    if (r[i.name] !== void 0)
+      switch (i.type) {
         case "boolean":
         case "number":
-          i[r.name] = e.material[r.name];
+          r[i.name] = e.material[i.name];
           break;
         case "color":
         case "euler":
@@ -291,26 +270,25 @@ function g(i, s, e) {
         case "vector2":
         case "vector3":
         case "vector4":
-          i[r.name].copy(e.material[r.name]);
+          r[i.name].copy(e.material[i.name]);
           break;
       }
   });
 }
-function M(i, s, e, r) {
+function k(r, s, e, i) {
   if (!e.isMaterial) return;
-  const t = y(e), o = x(t);
-  r.sheetObject(i, s, {
-    material: o
+  const t = y(e), a = h(t);
+  i.sheetObject(r, s, {
+    material: a
   }, (l) => {
     g(e, t, l);
   });
 }
 export {
-  M as animateObjectMaterial,
-  O as animateObjectTransform,
+  k as animateObjectMaterial,
+  M as animateObjectTransform,
   g as applyObjectMaterial,
-  E as customizeTheatreElements,
-  x as getObjectMaterialObject,
+  h as getObjectMaterialObject,
   y as getObjectMaterialProps,
   v as useStudio
 };

package/package.json

@@ -8,7 +8,7 @@
   "types": "./types/index.d.ts",
   "type": "module",
   "sideEffects": ["**/*.css"],
-  "version": "0.1.43",
+  "version": "0.1.44",
   "homepage": "https://github.com/tomorrowevening/hermes#readme",
   "bugs": {
     "url": "https://github.com/tomorrowevening/hermes/issues"

package/types/core/types.d.ts

@@ -33,7 +33,7 @@ export interface GroupCallback {
 export type ApplicationMode = 'app' | 'editor';
 export type VoidCallback = () => void;
 export type DataUpdateCallback = (data: any) => void;
-export type EditorEvent = 'custom' | 'setSheet' | 'setSheetObject' | 'updateSheetObject' | 'updateTimeline' | 'playSheet' | 'pauseSheet' | 'updateObject' | 'addScene' | 'refreshScene' | 'removeScene' | 'setScene' | 'createTexture' | 'addCamera' | 'removeCamera' | 'addSpline' | 'addRenderer' | 'updateRenderer' | 'requestSize' | 'requestRenderer' | 'requestScene' | 'addFolder' | 'bindObject' | 'updateBind' | 'addButton' | 'clickButton' | 'addGroup' | 'removeGroup' | 'updateGroup';
+export type EditorEvent = 'custom' | 'createSheet' | 'setSheet' | 'createSheetObject' | 'setSheetObject' | 'updateSheetObject' | 'updateTimeline' | 'playSheet' | 'pauseSheet' | 'updateObject' | 'addScene' | 'refreshScene' | 'removeScene' | 'setScene' | 'createTexture' | 'addCamera' | 'removeCamera' | 'addSpline' | 'addRenderer' | 'updateRenderer' | 'requestSize' | 'requestRenderer' | 'requestScene' | 'addFolder' | 'bindObject' | 'updateBind' | 'addButton' | 'clickButton' | 'addGroup' | 'removeGroup' | 'updateGroup';
 export type VoidFunc = () => void;
 export type BroadcastCallback = (data: BroadcastData) => void;
 export type TheatreUpdateCallback = (data: any) => void;

package/types/index.d.ts

@@ -4,7 +4,6 @@ export * from './utils/ImageSequenceCapturer';
 export * from './utils/math';
 export * from './utils/theatre';
 export * from './utils/three';
-export * from './utils/post';
 export * from './webworkers/types';
 export * from './webworkers/EventHandling';
 export * from './webworkers/ProxyManager';

package/types/utils/detectSettings.d.ts

@@ -1,7 +1,6 @@
 export type QualityType = 'High' | 'Medium' | 'Low';
 export type AppSettings = {
     dpr: number;
-    fps: number;
     width: number;
     height: number;
     mobile: boolean;
@@ -11,5 +10,4 @@ export type AppSettings = {
     dev: boolean;
     editor: boolean;
 };
-export declare function detectMaxFrameRate(callback: (fps: number) => void): void;
 export declare function detectSettings(dev?: boolean, editor?: boolean): Promise<AppSettings>;

package/types/utils/theatre.d.ts

@@ -1,6 +1,5 @@
 import RemoteTheatre from '../core/remote/RemoteTheatre';
 export declare function useStudio(): any;
-export declare function customizeTheatreElements(): Promise<void>;
 export declare function animateObjectTransform(sheet: string, key: string, obj: any, theatre: RemoteTheatre): void;
 type PropType = 'array' | 'boolean' | 'color' | 'euler' | 'matrix2' | 'matrix3' | 'matrix4' | 'number' | 'object' | 'string' | 'texture' | 'vector2' | 'vector3' | 'vector4';
 type PropToAdd = {

package/dist/utils/post.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("three"),g=require("./three.cjs");let b=[];function x(s,n,a=!0){g.ExportTexture.renderer=n.renderer;const r=[];r.push({type:"boolean",prop:"Enabled",value:s.enabled});let f=(u,e)=>{console.log("Default Handle Pass:",u,e)};if(s.name==="EffectPass")s.effects.forEach(u=>{u.uniforms.size>0&&u.uniforms.forEach((e,o)=>{if(o==="map")return;const t=`${u.name.replace("Effect","")} ${o}`;if(e.value===null&&a)r.push({prop:o,title:t,type:"image",value:{offset:[0,0],repeat:[1,1],src:""}});else if(e.value.isTexture&&a){const p=e.value,i=g.ExportTexture.renderToBlob(p);r.push({prop:o,title:t,type:"image",value:{offset:[p.offset.x,p.offset.y],repeat:[p.repeat.x,p.repeat.y],src:i}})}else typeof e.value=="number"?r.push({prop:o,title:t,type:"number",value:e.value,step:.01}):typeof e.value=="string"?r.push({prop:o,title:t,type:"string",value:e.value}):typeof e.value=="boolean"&&r.push({prop:o,title:t,type:"boolean",value:e.value})})}),f=(u,e)=>{s.effects.forEach(o=>{o.uniforms.size>0&&o.uniforms.forEach((t,p)=>{p===u&&(t.value=e)})})};else if(s.name==="ShaderPass"){const u=s.fullscreenMaterial;for(const e in u.uniforms){if(e==="inputBuffer"||e==="map")continue;const o=u.uniforms[e],t=`${u.name.replace("Material","")} ${e}`;if(o.value===null&&a)r.push({title:t,prop:e,type:"image",value:{offset:[0,0],repeat:[1,1],src:""}});else if(o.value.isTexture&&a){const p=o.value,i=g.ExportTexture.renderToBlob(p);r.push({title:t,prop:e,type:"image",value:{offset:[p.offset.x,p.offset.y],repeat:[p.repeat.x,p.repeat.y],src:i}})}else typeof o.value=="number"?r.push({title:t,prop:e,type:"number",value:o.value,step:.01}):typeof o.value=="string"?r.push({title:t,prop:e,type:"string",value:o.value}):typeof o.value=="boolean"&&r.push({title:t,prop:e,type:"boolean",value:o.value})}f=(e,o)=>{const t=u.uniforms[e];t.value=o}}else return;const l=`${s.name}: ${s.scene.name}`;n.addGroup({title:l,items:r,onUpdate:(u,e)=>{u==="Enabled"?s.enabled=e:f(u,e)}}),b.push(l)}function E(s,n){s.passes.forEach(a=>{x(a,n)})}function P(s){b.forEach(n=>{s.removeGroup(n)}),b=[]}function C(s,n,a,r=1024){return new Promise(f=>{const l=n.aspect,u=n.fov,e=n.rotation.clone(),o=a.outputBuffer;n.aspect=1,n.fov=90,n.updateProjectionMatrix();const t=new y.WebGLRenderTarget(r,r,{format:y.RGBAFormat,depthBuffer:!0,stencilBuffer:!1});a.outputBuffer=t,c(s,t,n,"nx",a,r).then(()=>{c(s,t,n,"ny",a,r).then(()=>{c(s,t,n,"nz",a,r).then(()=>{c(s,t,n,"px",a,r).then(()=>{c(s,t,n,"py",a,r).then(()=>{c(s,t,n,"pz",a,r).then(()=>{n.aspect=l,n.fov=u,n.rotation.copy(e),n.updateMatrixWorld(),n.updateProjectionMatrix(),a.outputBuffer=o,t.dispose(),f()})})})})})})})}function c(s,n,a,r,f,l){return new Promise(u=>{const e=Math.PI/2;switch(r){case"nx":a.rotation.set(0,-e,0);break;case"ny":a.rotation.set(-e,0,Math.PI);break;case"nz":a.rotation.set(0,0,0);break;case"px":a.rotation.set(0,e,0);break;case"py":a.rotation.set(e,0,Math.PI);break;case"pz":a.rotation.set(0,Math.PI,0);break}a.updateMatrixWorld(),f.render();const o=new Uint8Array(l*l*4);s.readRenderTargetPixels(n,0,0,l,l,o);const t=document.createElement("canvas");t.width=t.height=l;const p=t.getContext("2d"),i=p.createImageData(l,l);i.data.set(o),p.putImageData(i,0,0);const d=document.createElement("canvas");d.width=d.height=l;const h=d.getContext("2d");h.translate(0,l),h.scale(1,-1),h.drawImage(t,0,0);const m=d.toDataURL("image/png"),v=document.createElement("a");v.href=m,v.download=`${a.name}_${r}.png`,document.body.appendChild(v),v.click(),v.remove(),u()})}exports.clearComposerGroups=P;exports.generateCubemap=C;exports.inspectComposer=E;exports.inspectComposerPass=x;

package/dist/utils/post.js

@@ -1,206 +0,0 @@
-import { WebGLRenderTarget as x, RGBAFormat as m } from "three";
-import { ExportTexture as g } from "./three.js";
-let b = [];
-function E(r, n, a = !0) {
-  g.renderer = n.renderer;
-  const p = [];
-  p.push({
-    type: "boolean",
-    prop: "Enabled",
-    value: r.enabled
-  });
-  let f = (u, e) => {
-    console.log("Default Handle Pass:", u, e);
-  };
-  if (r.name === "EffectPass")
-    r.effects.forEach((u) => {
-      u.uniforms.size > 0 && u.uniforms.forEach((e, o) => {
-        if (o === "map") return;
-        const t = `${u.name.replace("Effect", "")} ${o}`;
-        if (e.value === null && a)
-          p.push({
-            prop: o,
-            title: t,
-            type: "image",
-            value: {
-              offset: [0, 0],
-              repeat: [1, 1],
-              src: ""
-            }
-          });
-        else if (e.value.isTexture && a) {
-          const s = e.value, i = g.renderToBlob(s);
-          p.push({
-            prop: o,
-            title: t,
-            type: "image",
-            value: {
-              offset: [s.offset.x, s.offset.y],
-              repeat: [s.repeat.x, s.repeat.y],
-              src: i
-            }
-          });
-        } else typeof e.value == "number" ? p.push({
-          prop: o,
-          title: t,
-          type: "number",
-          value: e.value,
-          step: 0.01
-        }) : typeof e.value == "string" ? p.push({
-          prop: o,
-          title: t,
-          type: "string",
-          value: e.value
-        }) : typeof e.value == "boolean" && p.push({
-          prop: o,
-          title: t,
-          type: "boolean",
-          value: e.value
-        });
-      });
-    }), f = (u, e) => {
-      r.effects.forEach((o) => {
-        o.uniforms.size > 0 && o.uniforms.forEach((t, s) => {
-          s === u && (t.value = e);
-        });
-      });
-    };
-  else if (r.name === "ShaderPass") {
-    const u = r.fullscreenMaterial;
-    for (const e in u.uniforms) {
-      if (e === "inputBuffer" || e === "map") continue;
-      const o = u.uniforms[e], t = `${u.name.replace("Material", "")} ${e}`;
-      if (o.value === null && a)
-        p.push({
-          title: t,
-          prop: e,
-          type: "image",
-          value: {
-            offset: [0, 0],
-            repeat: [1, 1],
-            src: ""
-          }
-        });
-      else if (o.value.isTexture && a) {
-        const s = o.value, i = g.renderToBlob(s);
-        p.push({
-          title: t,
-          prop: e,
-          type: "image",
-          value: {
-            offset: [s.offset.x, s.offset.y],
-            repeat: [s.repeat.x, s.repeat.y],
-            src: i
-          }
-        });
-      } else typeof o.value == "number" ? p.push({
-        title: t,
-        prop: e,
-        type: "number",
-        value: o.value,
-        step: 0.01
-      }) : typeof o.value == "string" ? p.push({
-        title: t,
-        prop: e,
-        type: "string",
-        value: o.value
-      }) : typeof o.value == "boolean" && p.push({
-        title: t,
-        prop: e,
-        type: "boolean",
-        value: o.value
-      });
-    }
-    f = (e, o) => {
-      const t = u.uniforms[e];
-      t.value = o;
-    };
-  } else
-    return;
-  const l = `${r.name}: ${r.scene.name}`;
-  n.addGroup({
-    title: l,
-    items: p,
-    onUpdate: (u, e) => {
-      u === "Enabled" ? r.enabled = e : f(u, e);
-    }
-  }), b.push(l);
-}
-function M(r, n) {
-  r.passes.forEach((a) => {
-    E(a, n);
-  });
-}
-function B(r) {
-  b.forEach((n) => {
-    r.removeGroup(n);
-  }), b = [];
-}
-function C(r, n, a, p = 1024) {
-  return new Promise((f) => {
-    const l = n.aspect, u = n.fov, e = n.rotation.clone(), o = a.outputBuffer;
-    n.aspect = 1, n.fov = 90, n.updateProjectionMatrix();
-    const t = new x(p, p, {
-      format: m,
-      depthBuffer: !0,
-      stencilBuffer: !1
-    });
-    a.outputBuffer = t, c(r, t, n, "nx", a, p).then(() => {
-      c(r, t, n, "ny", a, p).then(() => {
-        c(r, t, n, "nz", a, p).then(() => {
-          c(r, t, n, "px", a, p).then(() => {
-            c(r, t, n, "py", a, p).then(() => {
-              c(r, t, n, "pz", a, p).then(() => {
-                n.aspect = l, n.fov = u, n.rotation.copy(e), n.updateMatrixWorld(), n.updateProjectionMatrix(), a.outputBuffer = o, t.dispose(), f();
-              });
-            });
-          });
-        });
-      });
-    });
-  });
-}
-function c(r, n, a, p, f, l) {
-  return new Promise((u) => {
-    const e = Math.PI / 2;
-    switch (p) {
-      case "nx":
-        a.rotation.set(0, -e, 0);
-        break;
-      case "ny":
-        a.rotation.set(-e, 0, Math.PI);
-        break;
-      case "nz":
-        a.rotation.set(0, 0, 0);
-        break;
-      case "px":
-        a.rotation.set(0, e, 0);
-        break;
-      case "py":
-        a.rotation.set(e, 0, Math.PI);
-        break;
-      case "pz":
-        a.rotation.set(0, Math.PI, 0);
-        break;
-    }
-    a.updateMatrixWorld(), f.render();
-    const o = new Uint8Array(l * l * 4);
-    r.readRenderTargetPixels(n, 0, 0, l, l, o);
-    const t = document.createElement("canvas");
-    t.width = t.height = l;
-    const s = t.getContext("2d"), i = s.createImageData(l, l);
-    i.data.set(o), s.putImageData(i, 0, 0);
-    const d = document.createElement("canvas");
-    d.width = d.height = l;
-    const h = d.getContext("2d");
-    h.translate(0, l), h.scale(1, -1), h.drawImage(t, 0, 0);
-    const y = d.toDataURL("image/png"), v = document.createElement("a");
-    v.href = y, v.download = `${a.name}_${p}.png`, document.body.appendChild(v), v.click(), v.remove(), u();
-  });
-}
-export {
-  B as clearComposerGroups,
-  C as generateCubemap,
-  M as inspectComposer,
-  E as inspectComposerPass
-};