@tomorrowevening/hermes 0.1.39 → 0.1.41

package/dist/editor/multiView/Toggle.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useState as d } from "react";
+function u(e) {
+  const [t, o] = d(e.selected), c = "toggle" + (t ? " selected" : "");
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      className: c,
+      onClick: () => {
+        const n = !t;
+        o(n), e.onClick(n);
+      },
+      style: {
+        backgroundImage: `url(${e.icon})`,
+        backgroundPositionX: "center",
+        backgroundPositionY: e.top !== void 0 ? `${e.top}px` : "center",
+        backgroundSize: `${e.width !== void 0 ? `${e.width}px` : "26px"} ${e.height}px`
+      }
+    },
+    e.name
+  );
+}
+export {
+  u as default
+};

package/dist/editor/multiView/UVMaterial.js

@@ -0,0 +1,60 @@
+import { ShaderMaterial as e } from "three";
+const r = `#include <common>
+#include <batching_pars_vertex>
+#include <uv_pars_vertex>
+#include <color_pars_vertex>
+#include <morphtarget_pars_vertex>
+#include <skinning_pars_vertex>
+#include <logdepthbuf_pars_vertex>
+#include <clipping_planes_pars_vertex>
+
+void main() {
+  #include <uv_vertex>
+  #include <color_vertex>
+  #include <morphcolor_vertex>
+  #include <batching_vertex>
+
+  #if defined ( USE_SKINNING )
+    #include <beginnormal_vertex>
+    #include <morphnormal_vertex>
+    #include <skinbase_vertex>
+    #include <skinnormal_vertex>
+    #include <defaultnormal_vertex>
+  #endif
+
+  #include <begin_vertex>
+  #include <morphtarget_vertex>
+  #include <skinning_vertex>
+  #include <project_vertex>
+  #include <logdepthbuf_vertex>
+  #include <clipping_planes_vertex>
+  #include <worldpos_vertex>
+}`, n = `
+uniform float opacity;
+#include <common>
+#include <uv_pars_fragment>
+#include <clipping_planes_pars_fragment>
+
+void main() {
+  #include <clipping_planes_fragment>
+  if (opacity < 0.015) discard;
+  gl_FragColor = vec4(vec3(vUv, 0.0), opacity);
+}`;
+class l extends e {
+  constructor() {
+    super({
+      defines: {
+        USE_UV: ""
+      },
+      uniforms: {
+        opacity: { value: 1 }
+      },
+      vertexShader: r,
+      fragmentShader: n,
+      transparent: !0
+    });
+  }
+}
+export {
+  l as default
+};

package/dist/editor/multiView/UVNodeMaterial.js

@@ -0,0 +1,10 @@
+import e from "three/src/materials/nodes/MeshBasicNodeMaterial.js";
+import { vec4 as o, uv as r } from "three/src/nodes/TSL.js";
+class c extends e {
+  constructor() {
+    super(), this.colorNode = o(r(), 0, 1);
+  }
+}
+export {
+  c as default
+};

package/dist/editor/sidePanel/Accordion.js

@@ -0,0 +1,56 @@
+import { jsxs as c, jsx as i, Fragment as r } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { capitalize as u } from "../utils.js";
+import { ToolEvents as b } from "../../core/remote/RemoteThree.js";
+function C(e) {
+  const [n, a] = s(e.open !== void 0 ? e.open : !1), [d, v] = s(e.visible !== void 0 ? e.visible : !1), h = !n || e.children === void 0, m = () => {
+    e.three.dispatchEvent({ type: b.REMOVE_SCENE, value: e.scene });
+  };
+  return /* @__PURE__ */ c("div", { className: `accordion ${h ? "hide" : ""}`, children: [
+    /* @__PURE__ */ c(
+      "button",
+      {
+        className: "toggle",
+        onClick: () => {
+          const l = !n;
+          e.onToggle !== void 0 && e.onToggle(l), a(l);
+        },
+        children: [
+          /* @__PURE__ */ i(
+            "p",
+            {
+              className: `status ${n ? "open" : ""}`,
+              children: "Toggle"
+            }
+          ),
+          /* @__PURE__ */ i("p", { className: "label", children: u(e.label) })
+        ]
+      }
+    ),
+    e.onRefresh ? /* @__PURE__ */ c(r, { children: [
+      /* @__PURE__ */ i(
+        "button",
+        {
+          className: "visibility",
+          style: {
+            opacity: d ? 1 : 0.25
+          },
+          onClick: () => {
+            const t = e.three.getScene(e.scene.uuid);
+            if (t) {
+              const o = !t.visible;
+              t.visible = o, v(o);
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ i("button", { className: "refresh", onClick: e.onRefresh }),
+      /* @__PURE__ */ i("button", { className: "remove", onClick: m })
+    ] }) : null,
+    e.button,
+    /* @__PURE__ */ i("div", { className: n ? "open" : "", children: /* @__PURE__ */ i("div", { children: e.children }) })
+  ] });
+}
+export {
+  C as default
+};

package/dist/editor/sidePanel/ChildObject.js

@@ -0,0 +1,78 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { useRef as f, useState as m, useEffect as r } from "react";
+import { setItemProps as g, determineIcon as b } from "./utils.js";
+function v(e) {
+  if (e.child === void 0)
+    return console.log("Hermes - No child attached"), null;
+  const d = f(null), [n, u] = m(!1), h = e.child.children.length > 0, o = [];
+  return e.child.children.length > 0 && e.child.children.map((l, i) => {
+    o.push(/* @__PURE__ */ t(v, { child: l, three: e.three }, i));
+  }), r(() => {
+    if (e.child) {
+      const l = e.child.uuid.split(".")[0], i = e.three.getScene(l);
+      if (i !== null)
+        try {
+          const c = i.getObjectByProperty("uuid", e.child.uuid);
+          c !== void 0 ? d.current.style.opacity = c.visible ? "1" : "0.25" : console.log(`Hermes - Can't find child: ${e.child.uuid}`);
+        } catch (c) {
+          console.log("Error looking for child:", c), console.log(e.child), console.log(e.three.scenes), console.log(i);
+        }
+      else
+        console.log(`Hermes (ChildObject) - Can't find Scene: ${l} with child UUID: ${e.child.uuid}`, e.three.scenes, e.three.scene, i);
+    }
+  }, [n]), /* @__PURE__ */ a("div", { className: "childObject", children: [
+    /* @__PURE__ */ a("div", { className: "child", children: [
+      h ? /* @__PURE__ */ t(
+        "button",
+        {
+          className: "status",
+          style: {
+            backgroundPositionX: n ? "-14px" : "2px"
+          },
+          onClick: () => {
+            u(!n);
+          }
+        }
+      ) : null,
+      /* @__PURE__ */ t(
+        "button",
+        {
+          className: "name",
+          style: {
+            left: h ? "20px" : "5px"
+          },
+          onClick: () => {
+            e.child !== void 0 ? (e.three.getObject(e.child.uuid), !n && h && u(!0)) : console.log("Hermes - No child attached...");
+          },
+          children: e.child.name.length > 0 ? `${e.child.name} (${e.child.type})` : `${e.child.type}::${e.child.uuid}`
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          className: "visibility",
+          ref: d,
+          onClick: () => {
+            if (e.child) {
+              const l = e.three.getScene(e.child.uuid);
+              if (l !== null) {
+                const i = l.getObjectByProperty("uuid", e.child.uuid);
+                if (i !== void 0) {
+                  const c = "visible", s = !i.visible;
+                  d.current.style.opacity = s ? "1" : "0.25", e.three.updateObject(e.child.uuid, c, s), g(i, c, s);
+                } else
+                  console.log(`Hermes - Couldn't find object: ${e.child.uuid}`, l);
+              } else
+                console.log(`Hermes - Couldn't find object in scene: ${e.child.uuid}, ${e.child.name}`);
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: `icon ${b(e.child)}` })
+    ] }),
+    /* @__PURE__ */ t("div", { className: n ? "open" : "", children: /* @__PURE__ */ t("div", { className: "container", children: o }) })
+  ] });
+}
+export {
+  v as default
+};

package/dist/editor/sidePanel/ContainerObject.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import s from "./ChildObject.js";
+function r(e) {
+  const c = [];
+  return e.child?.children.map((n, i) => {
+    c.push(/* @__PURE__ */ t(s, { child: n, scene: e.scene, three: e.three }, i));
+  }), /* @__PURE__ */ t("div", { className: `scene ${e.class !== void 0 ? e.class : ""}`, children: c });
+}
+export {
+  r as default
+};

package/dist/editor/sidePanel/DebugData.js

@@ -0,0 +1,133 @@
+import { jsx as d } from "react/jsx-runtime";
+import { Component as a, createRef as f } from "react";
+import { ToolEvents as l } from "../../core/remote/RemoteThree.js";
+import u from "./inspector/InspectorGroup.js";
+class t extends a {
+  static instance;
+  static groups = [];
+  static groupsRefs = [];
+  static groupTitles = [];
+  static three;
+  constructor(s) {
+    super(s), this.state = { lastUpdate: Date.now() }, t.instance = this, t.three = s.three, s.three.addEventListener(l.ADD_GROUP, this.addGroup), s.three.addEventListener(l.REMOVE_GROUP, this.removeGroup);
+  }
+  componentWillUnmount() {
+    this.props.three.removeEventListener(l.ADD_GROUP, this.addGroup), this.props.three.removeEventListener(l.REMOVE_GROUP, this.removeGroup);
+  }
+  render() {
+    return /* @__PURE__ */ d("div", { className: "customGroups", children: t.groups }, this.state.lastUpdate);
+  }
+  // Events
+  addGroup = (s) => {
+    const i = JSON.parse(s.value), p = [];
+    i.items.forEach((o) => {
+      p.push({
+        type: o.type,
+        prop: o.prop,
+        title: o.title !== void 0 ? o.title : o.prop,
+        value: o.value,
+        min: o.min,
+        max: o.max,
+        step: o.step,
+        options: o.options,
+        disabled: o.disabled,
+        onChange: (h, e) => {
+          this.props.three.updateGroup(i.title, h, e);
+        }
+      });
+    }), t.groups.push(
+      /* @__PURE__ */ d(
+        u,
+        {
+          three: this.props.three,
+          title: i.title,
+          items: p
+        },
+        i.title
+      )
+    ), t.groupTitles.push(i.title), this.setState({ lastUpdate: Date.now() });
+  };
+  removeGroup = (s) => {
+    const i = s.value, p = t.groupTitles.length;
+    for (let o = 0; o < p; o++)
+      if (i === t.groupTitles[o]) {
+        t.groups.splice(o, 1), t.groupTitles.splice(o, 1), this.setState({ lastUpdate: Date.now() });
+        return;
+      }
+  };
+  // Static
+  static addEditorGroup(s) {
+    const i = t.groupTitles.length;
+    for (let e = 0; e < i; e++)
+      if (t.groupTitles[e] === s.title)
+        return t.groupsRefs[e];
+    const p = [];
+    s.items.forEach((e) => {
+      p.push({
+        type: e.type,
+        prop: e.prop,
+        title: e.title !== void 0 ? e.title : e.prop,
+        value: e.value,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        options: e.options,
+        disabled: e.disabled,
+        onChange: (n, r) => {
+          s.onUpdate(n, r);
+        }
+      });
+    }), s.subgroups && s.subgroups.length > 0 && s.subgroups.forEach((e) => {
+      const n = [];
+      e.items.forEach((r) => {
+        n.push({
+          type: r.type,
+          prop: r.prop,
+          title: r.title !== void 0 ? r.title : r.prop,
+          value: r.value,
+          min: r.min,
+          max: r.max,
+          step: r.step,
+          options: r.options,
+          disabled: r.disabled,
+          onChange: (c, v) => {
+            e.onUpdate(c, v);
+          }
+        });
+      }), p.push({
+        three: t.three,
+        title: e.title,
+        expanded: e.expanded,
+        items: n
+      });
+    });
+    const o = f(), h = /* @__PURE__ */ d(
+      u,
+      {
+        three: t.three,
+        ref: o,
+        title: s.title,
+        expanded: s.expanded,
+        items: p
+      },
+      s.title
+    );
+    return t.groups.push(h), t.groupsRefs.push(o), t.groupTitles.push(s.title), setTimeout(() => {
+      t.instance?.setState({ lastUpdate: Date.now() });
+    }, 0), o;
+  }
+  static removeEditorGroup(s) {
+    const i = t.groupTitles.length;
+    for (let p = 0; p < i; p++)
+      if (s === t.groupTitles[p]) {
+        t.groups.splice(p, 1), t.groupTitles.splice(p, 1), t.instance?.setState({ lastUpdate: Date.now() });
+        return;
+      }
+  }
+  static removeAllGroups() {
+    t.groups = [], t.groupTitles = [], t.groupsRefs = [], t.instance?.setState({ lastUpdate: Date.now() });
+  }
+}
+export {
+  t as default
+};

package/dist/editor/sidePanel/SidePanel.js

@@ -0,0 +1,91 @@
+import { jsxs as C, jsx as i } from "react/jsx-runtime";
+import { useState as l, useEffect as D } from "react";
+/* empty css                     */
+import E from "./Accordion.js";
+import m from "./ContainerObject.js";
+import b from "./DebugData.js";
+import L from "./inspector/Inspector.js";
+import { ToolEvents as c } from "../../core/remote/RemoteThree.js";
+function T(n) {
+  const [r] = l([]), [h] = l([]), [R, a] = l(0), d = (o) => {
+    const t = o.value;
+    for (let e = 0; e < r.length; e++)
+      if (t.uuid === r[e].uuid) return;
+    r.push(t), h.push(
+      /* @__PURE__ */ i(
+        E,
+        {
+          three: n.three,
+          label: `Scene: ${t.name}`,
+          scene: t,
+          open: !1,
+          visible: !1,
+          onRefresh: () => {
+            n.three.refreshScene(t.name);
+          },
+          children: /* @__PURE__ */ i(m, { child: t, scene: t, three: n.three })
+        },
+        t.name
+      )
+    ), a(Date.now());
+  }, u = (o) => {
+    const t = o.value;
+    for (let e = 0; e < r.length; e++)
+      if (t.uuid === r[e].uuid) {
+        r[e] = t, h[e] = /* @__PURE__ */ i(
+          E,
+          {
+            three: n.three,
+            label: `Scene: ${t.name}`,
+            scene: t,
+            open: h[e].props.open,
+            visible: h[e].props.visible,
+            onRefresh: () => {
+              n.three.refreshScene(t.name);
+            },
+            children: /* @__PURE__ */ i(m, { child: t, scene: t, three: n.three })
+          },
+          t.name
+        ), a(Date.now());
+        return;
+      }
+  }, f = (o) => {
+    const t = o.value;
+    for (let e = 0; e < r.length; e++)
+      if (t.uuid === r[e].uuid) {
+        r.splice(e, 1), h.splice(e, 1), a(Date.now());
+        return;
+      }
+  }, S = (o) => {
+    const t = o.value.name;
+    for (let e = 0; e < r.length; e++) {
+      const s = r[e], v = s.name === t;
+      h[e] = /* @__PURE__ */ i(
+        E,
+        {
+          three: n.three,
+          label: `Scene: ${s.name}`,
+          scene: s,
+          open: v,
+          visible: v,
+          onRefresh: () => {
+            n.three.refreshScene(s.name);
+          },
+          children: /* @__PURE__ */ i(m, { child: s, scene: s, three: n.three })
+        },
+        s.name
+      );
+    }
+    a(Date.now());
+  };
+  return D(() => (n.three.addEventListener(c.ADD_SCENE, d), n.three.addEventListener(c.SET_SCENE, S), n.three.addEventListener(c.REFRESH_SCENE, u), n.three.addEventListener(c.REMOVE_SCENE, f), () => {
+    n.three.removeEventListener(c.ADD_SCENE, d), n.three.removeEventListener(c.SET_SCENE, S), n.three.removeEventListener(c.REFRESH_SCENE, u), n.three.removeEventListener(c.REMOVE_SCENE, f);
+  }), []), /* @__PURE__ */ C("div", { id: "SidePanel", children: [
+    /* @__PURE__ */ i("div", { className: "scenes", children: h }, R),
+    /* @__PURE__ */ i(L, { three: n.three }),
+    /* @__PURE__ */ i(b, { three: n.three })
+  ] });
+}
+export {
+  T as default
+};

package/dist/editor/sidePanel/inspector/InspectGrid3.js

@@ -0,0 +1,82 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { useMemo as u, useRef as c } from "react";
+import d from "./InspectNumber.js";
+import { radToDeg as b, degToRad as x } from "three/src/math/MathUtils.js";
+function z(n) {
+  const f = n.value.x !== void 0 && n.value.y !== void 0 && n.value.z !== void 0, h = n.value.isEuler !== void 0, m = n.value.elements !== void 0, v = n.step !== void 0 ? n.step : 0.01, i = [];
+  if (h) {
+    const l = u(() => n.value, []);
+    ["_x", "_y", "_z"].forEach((e) => {
+      const t = c(null);
+      i.push(
+        /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ a("span", { ref: t, children: e.substring(1).toUpperCase() }),
+          /* @__PURE__ */ a(
+            d,
+            {
+              value: b(l[e]),
+              type: "number",
+              prop: e,
+              step: 0.1,
+              labelRef: t,
+              onChange: (o, g) => {
+                l[o] = x(g), n.onChange({ target: { value: l } });
+              }
+            }
+          )
+        ] }, e)
+      );
+    });
+  } else if (f) {
+    const l = u(() => n.value, []), s = (t, o) => {
+      l[t] = o, n.onChange({ target: { value: l } });
+    };
+    ["x", "y", "z"].forEach((t) => {
+      const o = c(null);
+      i.push(
+        /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ a("label", { ref: o, children: t.toUpperCase() }),
+          /* @__PURE__ */ a(
+            d,
+            {
+              value: l[t],
+              type: "number",
+              prop: t,
+              step: v,
+              labelRef: o,
+              onChange: s
+            }
+          )
+        ] }, t)
+      );
+    });
+  } else if (m) {
+    const l = u(() => n.value, []), s = (e, t) => {
+      const o = Number(e);
+      l.elements[o] = t, n.onChange({ target: { value: l } });
+    };
+    for (let e = 0; e < 9; e++) {
+      const t = c(null);
+      i.push(
+        /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ a("label", { ref: t, children: e + 1 }),
+          /* @__PURE__ */ a(
+            d,
+            {
+              value: l.elements[e],
+              type: "number",
+              prop: e.toString(),
+              step: v,
+              labelRef: t,
+              onChange: s
+            }
+          )
+        ] }, e.toString())
+      );
+    }
+  }
+  return /* @__PURE__ */ a("div", { className: "grid3", children: i }, Math.random().toString());
+}
+export {
+  z as default
+};

package/dist/editor/sidePanel/inspector/InspectGrid4.js

@@ -0,0 +1,58 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { useMemo as u, useRef as d } from "react";
+import m from "./InspectNumber.js";
+function b(n) {
+  const f = n.value.x !== void 0, i = n.step !== void 0 ? n.step : 0.01, r = [];
+  if (f) {
+    const o = u(() => n.value, []), c = (e, l) => {
+      o[e] = l, n.onChange({ target: { value: o } });
+    };
+    ["x", "y", "z", "w"].forEach((e) => {
+      const l = d(null);
+      r.push(
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ s("label", { ref: l, children: e.toUpperCase() }),
+          /* @__PURE__ */ s(
+            m,
+            {
+              value: o[e],
+              type: "number",
+              prop: e,
+              step: i,
+              labelRef: l,
+              onChange: c
+            }
+          )
+        ] }, e)
+      );
+    });
+  } else {
+    const o = u(() => n.value, []), c = (t, e) => {
+      const l = Number(t);
+      o.elements[l] = e, n.onChange({ target: { value: o } });
+    };
+    for (let t = 0; t < 16; t++) {
+      const e = d(null);
+      r.push(
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ s("span", { ref: e, children: t + 1 }),
+          /* @__PURE__ */ s(
+            m,
+            {
+              value: o.elements[t],
+              type: "number",
+              prop: t.toString(),
+              step: i,
+              labelRef: e,
+              onChange: c
+            }
+          )
+        ] }, t.toString())
+      );
+    }
+  }
+  return /* @__PURE__ */ s("div", { className: "grid4", children: r });
+}
+export {
+  b as default
+};