@tomorrowevening/hermes 0.1.42 → 0.1.44

package/dist/utils/theatre.cjs

@@ -0,0 +1 @@
+"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/dist/utils/three.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("three"),c=new n.BufferGeometry;c.setAttribute("position",new n.Float32BufferAttribute([-.5,-.5,0,1.5,-.5,0,-.5,1.5,0],3));c.setAttribute("normal",new n.Float32BufferAttribute([0,0,1,0,0,1],3));c.setAttribute("uv",new n.Float32BufferAttribute([0,0,2,0,0,2],2));const A=new n.OrthographicCamera(-.5,.5,.5,-.5,0,100),l=e=>{e?.dispose()},u=e=>{if(e)if(Array.isArray(e))e.forEach(t=>u(t));else{for(const t in e){const i=e[t];i!==null&&i instanceof n.Texture&&l(i)}if(e.isShaderMaterial===!0){const t=e;for(const i in t.uniforms){const s=t.uniforms[i];s.value!==null&&s.value instanceof n.Texture&&l(s.value)}}e.dispose()}},d=e=>{if(e){for(;e.children.length>0;){const t=e.children[0];t.type==="Audio"?(t.pause(),t.parent&&t.parent.remove(t)):d(t)}if(e.parent&&e.parent.remove(e),e.isMesh){const t=e;t.geometry?.dispose(),u(t.material)}e.dispose!==void 0&&e.dispose()}};exports.totalThreeObjects=0;const g=()=>{exports.totalThreeObjects=0},h=e=>{if(!e)return;let t=e.name.replaceAll(" ","").replaceAll("/",".");if(t.length===0&&(t=`obj_${exports.totalThreeObjects}`,exports.totalThreeObjects++),e.parent!==null&&e.parent.uuid.length>0&&(t=`${e.parent.uuid}.${t}`),e.uuid=t,e.isMesh!==void 0){const i=e;if(Array.isArray(i.material))i.material.forEach((s,r)=>{s.uuid=`${t}.material.${r}`});else{const s=i.material;s.uuid=`${t}.material`}}e.children.forEach(i=>h(i))};class m{static renderer;static canvas;static context=null;static scene=null;static camera=null;static material=null;static inited=!1;static width=100;static height=100;static init(){this.inited||(this.canvas=document.createElement("canvas"),this.canvas.width=this.width,this.canvas.height=this.height,this.context=this.canvas.getContext("2d"),this.inited=!0)}static renderToBlob(t){this.init();const i=t.repeat.clone(),s=t.offset.clone();if(t.repeat.set(1,1),t.offset.set(0,0),this.context!==null){this.context.clearRect(0,0,this.width,this.height);const r=t.image;if(r!=null&&r.width>0){this.canvas.title=t.sourceFile;const a=this.canvas.width/r.width,o=this.renderToCanvas(t);this.context.drawImage(o,0,0,r.width*a,r.height*a)}}return t.repeat.copy(i),t.offset.copy(s),this.canvas.toDataURL("image/png")}static renderToCanvas(t){if(this.material===null){this.camera=new n.OrthographicCamera(-.5,.5,.5,-.5,0,100),this.scene=new n.Scene,this.material=new n.MeshBasicMaterial;const i=new n.BufferGeometry;i.setAttribute("position",new n.Float32BufferAttribute([-.5,-.5,0,1.5,-.5,0,-.5,1.5,0],3)),i.setAttribute("normal",new n.Float32BufferAttribute([0,0,1,0,0,1],3)),i.setAttribute("uv",new n.Float32BufferAttribute([0,0,2,0,0,2],2));const s=new n.Mesh(i,this.material);this.scene.add(s)}if(t.isRenderTargetTexture)this.material.map=t,this.renderer.render(this.scene,this.camera);else{const i=this.renderer.outputColorSpace,s=t.colorSpace;this.renderer.outputColorSpace=n.LinearSRGBColorSpace,t.colorSpace=n.LinearSRGBColorSpace,this.material.map=t,this.renderer.render(this.scene,this.camera),this.renderer.outputColorSpace=i,t.colorSpace=s}return this.renderer.domElement}}function O(e){return new Promise(t=>{const i=new n.ObjectLoader;i.parseAsync(e.scene).then(s=>{const r=new n.AnimationMixer(s);if(e.animations.length>0){const o=e.animations.map(S=>n.AnimationClip.parse(S));r.clipAction(o[0]).play(),r.getRoot().animations=e.animations,r.getRoot().mixer=r}const a=[];e.cameras&&e.cameras.length>0&&e.cameras.forEach(o=>{const p=i.parse(o);a.push(p)}),t({animations:e.animations,model:s,mixer:r,cameras:a})})})}const M=(e,t,i,s)=>{e.setRenderTarget(s),e.clear(),e.render(t,i)};function f(e,t,i,s){e.applyMatrix4(new n.Matrix4().makeTranslation(t,-i,-s))}function v(e){e.computeBoundingBox();const t=e.boundingBox,i=(t.max.x-t.min.x)/2,s=(t.max.y-t.min.y)/2;f(e,i,s,0)}function F(e,t,i){e.left=t/-2,e.right=t/2,e.top=i/2,e.bottom=i/-2,e.position.x=t/2,e.position.y=i/-2,e.updateProjectionMatrix()}function y(e,t,i){const s=1.7777777777777777,r=t/i;let a=t,o=i;r>s?a=i*s:o=t/s,e.left=a/-2,e.right=a/2,e.top=o/2,e.bottom=o/-2,e.updateProjectionMatrix()}function b(){let t="transferControlToOffscreen"in document.createElement("canvas");if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent)){const s=navigator.userAgent.match(/version\/(\d+)/i);t=(s?parseInt(s[1]):0)>=17}return t}function T(e,t,i=!0,s=!1){e.renderOrder=-t;const r=e.material;Array.isArray(r)?r.forEach(a=>{a.colorWrite=i,a.depthWrite=s,a.stencilWrite=!0,a.stencilRef=t,a.stencilFunc=n.AlwaysStencilFunc,a.stencilFail=n.ReplaceStencilOp,a.stencilZFail=n.ReplaceStencilOp,a.stencilZPass=n.ReplaceStencilOp}):(r.colorWrite=i,r.depthWrite=s,r.stencilWrite=!0,r.stencilRef=t,r.stencilFunc=n.AlwaysStencilFunc,r.stencilFail=n.ReplaceStencilOp,r.stencilZFail=n.ReplaceStencilOp,r.stencilZPass=n.ReplaceStencilOp)}function w(e,t,i=!1){const s=e.material;Array.isArray(s)?s.forEach(r=>{r.stencilWrite=!0,r.stencilRef=t,r.stencilFunc=i?n.NotEqualStencilFunc:n.EqualStencilFunc,r.stencilFail=n.KeepStencilOp,r.stencilZFail=n.KeepStencilOp,r.stencilZPass=n.KeepStencilOp}):(s.stencilWrite=!0,s.stencilRef=t,s.stencilFunc=i?n.NotEqualStencilFunc:n.EqualStencilFunc,s.stencilFail=n.KeepStencilOp,s.stencilZFail=n.KeepStencilOp,s.stencilZPass=n.KeepStencilOp)}function B(e){e.blending=n.NormalBlending,e.blendEquation=n.AddEquation,e.blendSrc=n.SrcAlphaFactor,e.blendDst=n.OneMinusSrcAlphaFactor,e.needsUpdate=!0}function C(e){e.blending=n.CustomBlending,e.blendEquation=n.AddEquation,e.blendSrc=n.SrcAlphaFactor,e.blendDst=n.OneFactor,e.needsUpdate=!0}function x(e){e.blending=n.CustomBlending,e.blendEquation=n.AddEquation,e.blendSrc=n.DstColorFactor,e.blendDst=n.OneMinusSrcAlphaFactor,e.needsUpdate=!0}function E(e){e.blending=n.CustomBlending,e.blendEquation=n.AddEquation,e.blendSrc=n.OneMinusDstColorFactor,e.blendDst=n.OneFactor,e.needsUpdate=!0}exports.ExportTexture=m;exports.anchorGeometry=f;exports.anchorGeometryTL=v;exports.createMask=T;exports.dispose=d;exports.disposeMaterial=u;exports.disposeTexture=l;exports.hierarchyUUID=h;exports.orthoCamera=A;exports.parseModelLite=O;exports.renderToTexture=M;exports.resetThreeObjects=g;exports.setMaterialBlendAdd=C;exports.setMaterialBlendMultiply=x;exports.setMaterialBlendNormal=B;exports.setMaterialBlendScreen=E;exports.supportsOffscreenCanvas=b;exports.triangle=c;exports.updateCameraOrtho=F;exports.updateCameraOrtho16x9=y;exports.useMask=w;

package/dist/utils/threeDispose.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("three"),r=e=>{e?.dispose()},n=e=>{if(e){if(Array.isArray(e)){e.forEach(s=>n(s));return}for(const s in e){const i=e[s];i instanceof t.Texture&&r(i)}if(e.isShaderMaterial===!0){const s=e;for(const i in s.uniforms){const o=s.uniforms[i];o?.value instanceof t.Texture&&r(o.value)}}e.dispose()}},f=e=>{if(e){for(;e.children.length>0;){const s=e.children[0];s.type==="Audio"?(s.pause(),s.parent&&s.parent.remove(s)):f(s)}if(e.parent&&e.parent.remove(e),e.isMesh){const s=e;s.geometry?.dispose(),n(s.material)}typeof e.dispose=="function"&&e.dispose()}};exports.dispose=f;exports.disposeMaterial=n;exports.disposeTexture=r;

package/dist/utils/threeDispose.js

@@ -0,0 +1,40 @@
+import { Texture as r } from "three";
+const o = (s) => {
+  s?.dispose();
+}, f = (s) => {
+  if (s) {
+    if (Array.isArray(s)) {
+      s.forEach((i) => f(i));
+      return;
+    }
+    for (const i in s) {
+      const e = s[i];
+      e instanceof r && o(e);
+    }
+    if (s.isShaderMaterial === !0) {
+      const i = s;
+      for (const e in i.uniforms) {
+        const n = i.uniforms[e];
+        n?.value instanceof r && o(n.value);
+      }
+    }
+    s.dispose();
+  }
+}, p = (s) => {
+  if (s) {
+    for (; s.children.length > 0; ) {
+      const i = s.children[0];
+      i.type === "Audio" ? (i.pause(), i.parent && i.parent.remove(i)) : p(i);
+    }
+    if (s.parent && s.parent.remove(s), s.isMesh) {
+      const i = s;
+      i.geometry?.dispose(), f(i.material);
+    }
+    typeof s.dispose == "function" && s.dispose();
+  }
+};
+export {
+  p as dispose,
+  f as disposeMaterial,
+  o as disposeTexture
+};

package/dist/utils/threeEditorDebug.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("three");let n=0;const o=()=>{n=0},h=i=>{if(!i)return;let e=i.name.replaceAll(" ","").replaceAll("/",".");if(e.length===0&&(e=`obj_${n}`,n++),i.parent!==null&&i.parent.uuid.length>0&&(e=`${i.parent.uuid}.${e}`),i.uuid=e,i.isMesh!==void 0){const t=i;if(Array.isArray(t.material))t.material.forEach((r,s)=>{r.uuid=`${e}.material.${s}`});else{const r=t.material;r.uuid=`${e}.material`}}i.children.forEach(t=>h(t))};class d{static renderer;static canvas;static context=null;static scene=null;static camera=null;static material=null;static inited=!1;static width=100;static height=100;static init(){this.inited||(this.canvas=document.createElement("canvas"),this.canvas.width=this.width,this.canvas.height=this.height,this.context=this.canvas.getContext("2d"),this.inited=!0)}static renderToBlob(e){this.init();const t=e.repeat.clone(),r=e.offset.clone();if(e.repeat.set(1,1),e.offset.set(0,0),this.context!==null){this.context.clearRect(0,0,this.width,this.height);const s=e.image;if(s!=null&&s.width>0){this.canvas.title=e.sourceFile;const c=this.canvas.width/s.width,l=this.renderToCanvas(e);this.context.drawImage(l,0,0,s.width*c,s.height*c)}}return e.repeat.copy(t),e.offset.copy(r),this.canvas.toDataURL("image/png")}static renderToCanvas(e){if(this.material===null){this.camera=new a.OrthographicCamera(-.5,.5,.5,-.5,0,100),this.scene=new a.Scene,this.material=new a.MeshBasicMaterial;const t=new a.BufferGeometry;t.setAttribute("position",new a.Float32BufferAttribute([-.5,-.5,0,1.5,-.5,0,-.5,1.5,0],3)),t.setAttribute("normal",new a.Float32BufferAttribute([0,0,1,0,0,1],3)),t.setAttribute("uv",new a.Float32BufferAttribute([0,0,2,0,0,2],2));const r=new a.Mesh(t,this.material);this.scene.add(r)}if(e.isRenderTargetTexture)this.material.map=e,this.renderer.render(this.scene,this.camera);else{const t=this.renderer.outputColorSpace,r=e.colorSpace;this.renderer.outputColorSpace=a.LinearSRGBColorSpace,e.colorSpace=a.LinearSRGBColorSpace,this.material.map=e,this.renderer.render(this.scene,this.camera),this.renderer.outputColorSpace=t,e.colorSpace=r}return this.renderer.domElement}}exports.ExportTexture=d;exports.hierarchyUUID=h;exports.resetThreeObjects=o;

package/dist/utils/threeEditorDebug.js

@@ -0,0 +1,69 @@
+import { OrthographicCamera as o, Scene as d, MeshBasicMaterial as m, BufferGeometry as p, Float32BufferAttribute as r, Mesh as u, LinearSRGBColorSpace as h } from "three";
+let n = 0;
+const g = () => {
+  n = 0;
+}, f = (i) => {
+  if (!i) return;
+  let e = i.name.replaceAll(" ", "").replaceAll("/", ".");
+  if (e.length === 0 && (e = `obj_${n}`, n++), i.parent !== null && i.parent.uuid.length > 0 && (e = `${i.parent.uuid}.${e}`), i.uuid = e, i.isMesh !== void 0) {
+    const t = i;
+    if (Array.isArray(t.material))
+      t.material.forEach((a, s) => {
+        a.uuid = `${e}.material.${s}`;
+      });
+    else {
+      const a = t.material;
+      a.uuid = `${e}.material`;
+    }
+  }
+  i.children.forEach((t) => f(t));
+};
+class v {
+  static renderer;
+  static canvas;
+  static context = null;
+  static scene = null;
+  static camera = null;
+  static material = null;
+  static inited = !1;
+  static width = 100;
+  static height = 100;
+  static init() {
+    this.inited || (this.canvas = document.createElement("canvas"), this.canvas.width = this.width, this.canvas.height = this.height, this.context = this.canvas.getContext("2d"), this.inited = !0);
+  }
+  static renderToBlob(e) {
+    this.init();
+    const t = e.repeat.clone(), a = e.offset.clone();
+    if (e.repeat.set(1, 1), e.offset.set(0, 0), this.context !== null) {
+      this.context.clearRect(0, 0, this.width, this.height);
+      const s = e.image;
+      if (s != null && s.width > 0) {
+        this.canvas.title = e.sourceFile;
+        const c = this.canvas.width / s.width, l = this.renderToCanvas(e);
+        this.context.drawImage(l, 0, 0, s.width * c, s.height * c);
+      }
+    }
+    return e.repeat.copy(t), e.offset.copy(a), this.canvas.toDataURL("image/png");
+  }
+  static renderToCanvas(e) {
+    if (this.material === null) {
+      this.camera = new o(-0.5, 0.5, 0.5, -0.5, 0, 100), this.scene = new d(), this.material = new m();
+      const t = new p();
+      t.setAttribute("position", new r([-0.5, -0.5, 0, 1.5, -0.5, 0, -0.5, 1.5, 0], 3)), t.setAttribute("normal", new r([0, 0, 1, 0, 0, 1], 3)), t.setAttribute("uv", new r([0, 0, 2, 0, 0, 2], 2));
+      const a = new u(t, this.material);
+      this.scene.add(a);
+    }
+    if (e.isRenderTargetTexture)
+      this.material.map = e, this.renderer.render(this.scene, this.camera);
+    else {
+      const t = this.renderer.outputColorSpace, a = e.colorSpace;
+      this.renderer.outputColorSpace = h, e.colorSpace = h, this.material.map = e, this.renderer.render(this.scene, this.camera), this.renderer.outputColorSpace = t, e.colorSpace = a;
+    }
+    return this.renderer.domElement;
+  }
+}
+export {
+  v as ExportTexture,
+  f as hierarchyUUID,
+  g as resetThreeObjects
+};

package/dist/webworkers/EventHandling.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=a(["ctrlKey","metaKey","shiftKey","button","pointerId","pointerType","clientX","clientY","pageX","pageY"]),p=a(["clientX","clientY","deltaX","deltaY","deltaMode"]),y=a(["ctrlKey","metaKey","shiftKey","keyCode"]);function h(e,n){e.preventDefault(),p(e,n)}function f(e){e.preventDefault()}function m(e,n,t){for(const r of n)t[r]=e[r]}function a(e){return function(t,r){const o={type:t.type};m(t,e,o),r(o)}}function c(e,n){const t=[],r={type:e.type,touches:t};for(let o=0;o<e.touches.length;++o){const i=e.touches[o];t.push({pageX:i.pageX,pageY:i.pageY})}n(r)}const v={37:!0,38:!0,39:!0,40:!0};function w(e,n){const{keyCode:t}=e;v[t]&&(e.preventDefault(),y(e,n))}const g={contextmenu:f,mousedown:s,mousemove:s,mouseup:s,pointerdown:s,pointermove:s,pointerup:s,touchstart:c,touchmove:c,touchend:c,wheel:h,keydown:w};let E=0;class H{id;worker;constructor(n,t,r){this.id=E++,this.worker=t;const o=d=>{this.worker.postMessage({type:"event",id:this.id,data:d})};t.postMessage({type:"makeProxy",id:this.id});for(const[d,l]of Object.entries(r))n.addEventListener(d,u=>{l(u,o)});function i(){o({type:"resize",left:0,top:0,width:innerWidth,height:innerHeight})}window.addEventListener("resize",i),i()}}exports.ElementProxy=H;exports.WebworkerEventHandlers=g;

package/dist/webworkers/ProxyManager.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("three"),e=require("../core/types.cjs");class i extends n.EventDispatcher{style={};left=0;top=0;width=0;height=0;ownerDocument=void 0;constructor(){super(),this.ownerDocument=this}get clientWidth(){return this.width}set clientWidth(t){this.width=t}get clientHeight(){return this.height}set clientHeight(t){this.height=t}setPointerCapture(){}releasePointerCapture(){}getBoundingClientRect(){return{x:this.left,y:this.top,left:this.left,top:this.top,width:this.width,height:this.height,right:this.left+this.width,bottom:this.top+this.height,toJSON:()=>({})}}handleEvent(t){if(t.type==="size"){this.left=t.left,this.top=t.top,this.width=t.width,this.height=t.height;return}t.preventDefault=e.noop,t.stopPropagation=e.noop,this.dispatchEvent(t)}focus(){}getRootNode(){return this}}class o{targets={};constructor(){this.handleEvent=this.handleEvent.bind(this)}makeProxy(t){const{id:s}=t,r=new i;this.targets[s]=r}getProxy(t){return this.targets[t]}handleEvent(t){this.targets[t.id]?.handleEvent(t.data)}}exports.ElementProxyReceiver=i;exports.ProxyManager=o;

package/package.json

@@ -3,12 +3,12 @@
   "author": "Colin Duffy <http://tomorrowevening.com/>",
   "description": "An extendable set of Web Tools controlled via a separate window for non-intereference with content.",
   "license": "GPL-3.0-or-later",
-  "main": "./dist/hermes.cjs.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./types/index.d.ts",
   "type": "module",
   "sideEffects": ["**/*.css"],
-  "version": "0.1.42",
+  "version": "0.1.44",
   "homepage": "https://github.com/tomorrowevening/hermes#readme",
   "bugs": {
     "url": "https://github.com/tomorrowevening/hermes/issues"
@@ -22,15 +22,31 @@
   "files": [
     "dist",
     "types/**/*.d.ts",
-    "!public/images",
-    "!public/json",
-    "!public/models"
+    "!dist/images/**",
+    "!dist/json/**",
+    "!dist/models/**",
+    "!dist/index-*.js",
+    "!dist/index-*.css",
+    "!dist/ThreeEditor-*.js",
+    "!dist/ThreeEditor-*.css",
+    "!dist/index.css",
+    "!dist/index.html"
   ],
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/hermes.cjs.js"
+      "require": "./dist/index.cjs"
+    },
+    "./editor": {
+      "types": "./types/editor/index.d.ts",
+      "import": "./dist/editor/index.js",
+      "require": "./dist/editor/index.cjs"
+    },
+    "./editor/*": {
+      "types": "./types/editor/*.d.ts",
+      "import": "./dist/editor/*.js",
+      "require": "./dist/editor/*.cjs"
     },
     "./hermes.css": "./dist/hermes.css"
   },
@@ -40,7 +56,7 @@
   },
   "scripts": {
     "server": "node server/index.mjs",
-    "clean": "rimraf dist types",
+    "clean": "rimraf dist types example-dist",
     "dev": "vite",
     "declare": "tsc --declaration --emitDeclarationOnly --declarationDir types",
     "buildLib": "yarn declare && vite build",

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/editor/index.d.ts

@@ -0,0 +1,26 @@
+export * from './sidePanel/utils';
+export * from './utils';
+export { default as NavButton } from './components/NavButton';
+export { default as DraggableItem } from './components/DraggableItem';
+export { default as Draggable } from './components/Draggable';
+export { default as DropdownItem } from './components/DropdownItem';
+export { default as Dropdown } from './components/Dropdown';
+export { default as SidePanel } from './sidePanel/SidePanel';
+export { default as Accordion } from './sidePanel/Accordion';
+export { default as ChildObject } from './sidePanel/ChildObject';
+export { default as ContainerObject } from './sidePanel/ContainerObject';
+export { default as Inspector } from './sidePanel/inspector/Inspector';
+export { default as MultiView } from './multiView/MultiView';
+export { default as Editor } from './Editor';
+export { default as ThreeEditor } from './ThreeEditor';
+export { default as HermesApp } from './HermesApp';
+export { default as Transform } from './tools/Transform';
+export { default as Spline } from './tools/splineEditor/Spline';
+export { default as SplineEditor } from './tools/splineEditor';
+export { default as InfiniteGridMaterial } from './multiView/InfiniteGridMaterial';
+export { default as InfiniteGridNodeMaterial } from './multiView/InfiniteGridNodeMaterial';
+export { default as InfiniteGridHelper } from './multiView/InfiniteGridHelper';
+export { default as InfiniteGridHelperGPU } from './multiView/InfiniteGridHelperGPU';
+export { default as DepthNodeMaterial } from './multiView/DepthNodeMaterial';
+export { default as UVMaterial } from './multiView/UVMaterial';
+export { default as UVNodeMaterial } from './multiView/UVNodeMaterial';

package/types/index.d.ts

@@ -1,12 +1,9 @@
 export * from './core/types';
-export * from './editor/sidePanel/utils';
-export * from './editor/utils';
 export * from './utils/detectSettings';
 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';
@@ -14,27 +11,4 @@ export { default as Application } from './core/Application';
 export { default as BaseRemote } from './core/remote/BaseRemote';
 export { default as RemoteTheatre } from './core/remote/RemoteTheatre';
 export { default as RemoteThree } from './core/remote/RemoteThree';
-export { default as NavButton } from './editor/components/NavButton';
-export { default as DraggableItem } from './editor/components/DraggableItem';
-export { default as Draggable } from './editor/components/Draggable';
-export { default as DropdownItem } from './editor/components/DropdownItem';
-export { default as Dropdown } from './editor/components/Dropdown';
-export { default as SidePanel } from './editor/sidePanel/SidePanel';
-export { default as Accordion } from './editor/sidePanel/Accordion';
-export { default as ChildObject } from './editor/sidePanel/ChildObject';
-export { default as ContainerObject } from './editor/sidePanel/ContainerObject';
-export { default as Inspector } from './editor/sidePanel/inspector/Inspector';
-export { default as MultiView } from './editor/multiView/MultiView';
-export { default as Editor } from './editor/Editor';
-export { default as ThreeEditor } from './editor/ThreeEditor';
 export { default as HermesApp } from './editor/HermesApp';
-export { default as Transform } from './editor/tools/Transform';
-export { default as Spline } from './editor/tools/splineEditor/Spline';
-export { default as SplineEditor } from './editor/tools/splineEditor';
-export { default as InfiniteGridMaterial } from './editor/multiView/InfiniteGridMaterial';
-export { default as InfiniteGridNodeMaterial } from './editor/multiView/InfiniteGridNodeMaterial';
-export { default as InfiniteGridHelper } from './editor/multiView/InfiniteGridHelper';
-export { default as InfiniteGridHelperGPU } from './editor/multiView/InfiniteGridHelperGPU';
-export { default as DepthNodeMaterial } from './editor/multiView/DepthNodeMaterial';
-export { default as UVMaterial } from './editor/multiView/UVMaterial';
-export { default as UVNodeMaterial } from './editor/multiView/UVNodeMaterial';

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/types/utils/threeDispose.d.ts

@@ -0,0 +1,4 @@
+import { Material, Object3D, Texture } from 'three';
+export declare const disposeTexture: (texture?: Texture) => void;
+export declare const disposeMaterial: (material?: Material | Material[]) => void;
+export declare const dispose: (object: Object3D) => void;

package/types/utils/threeEditorDebug.d.ts

@@ -0,0 +1,17 @@
+import { Object3D, Texture, WebGLRenderer } from 'three';
+export declare const resetThreeObjects: () => void;
+export declare const hierarchyUUID: (object: Object3D) => void;
+export declare class ExportTexture {
+    static renderer: WebGLRenderer;
+    private static canvas;
+    private static context;
+    private static scene;
+    private static camera;
+    private static material;
+    private static inited;
+    private static width;
+    private static height;
+    private static init;
+    static renderToBlob(texture: Texture): string;
+    private static renderToCanvas;
+}