@tomorrowevening/hermes 0.1.38 → 0.1.40

package/dist/editor/sidePanel/inspector/utils/InspectTransform.js

@@ -0,0 +1,93 @@
+import { jsx as h } from "react/jsx-runtime";
+import { Matrix4 as l, Vector3 as a, Euler as d } from "three";
+import { Component as c } from "react";
+import m from "../InspectorGroup.js";
+import { setItemProps as u } from "../../utils.js";
+import n from "../../../multiView/MultiView.js";
+import { roundTo as i } from "../../../../utils/math.js";
+class r extends c {
+  static instance;
+  matrix = new l();
+  position = new a();
+  rotation = new d();
+  scale = new a();
+  open = !1;
+  constructor(t) {
+    super(t);
+    const e = localStorage.getItem(this.expandedName), o = e !== null ? e === "open" : !1;
+    this.open = o, this.saveExpanded(), this.state = {
+      lastUpdated: 0,
+      expanded: o
+    }, this.matrix.elements = t.object.matrix, t.object.uuid.length > 0 && (this.position.setFromMatrixPosition(this.matrix), this.rotation.setFromRotationMatrix(this.matrix), this.scale.setFromMatrixScale(this.matrix)), r.instance = this;
+  }
+  update() {
+    if (n.instance) {
+      const t = n.instance.selectedItem;
+      if (t === void 0) return;
+      this.position.x = i(t.position.x, 3), this.position.y = i(t.position.y, 3), this.position.z = i(t.position.z, 3), this.rotation.copy(t.rotation), this.scale.x = i(t.scale.x, 3), this.scale.y = i(t.scale.y, 3), this.scale.z = i(t.scale.z, 3), this.setState({ lastUpdated: Date.now() });
+    }
+  }
+  render() {
+    return /* @__PURE__ */ h(
+      m,
+      {
+        three: this.props.three,
+        title: "Transform",
+        expanded: this.open,
+        items: [
+          {
+            title: "Position",
+            prop: "position",
+            type: "grid3",
+            step: 0.1,
+            value: this.position,
+            onChange: this.updateTransform
+          },
+          {
+            title: "Rotation",
+            prop: "rotation",
+            type: "euler",
+            value: this.rotation,
+            onChange: this.updateTransform
+          },
+          {
+            title: "Scale",
+            prop: "scale",
+            type: "grid3",
+            value: this.scale,
+            onChange: this.updateTransform
+          },
+          {
+            title: "Visible",
+            prop: "visible",
+            type: "boolean",
+            value: this.props.object.visible,
+            onChange: this.updateTransform
+          }
+        ],
+        onToggle: (t) => {
+          this.open = t, this.saveExpanded();
+        }
+      },
+      this.state.lastUpdated
+    );
+  }
+  updateTransform = (t, e) => {
+    const o = t === "rotation" ? { x: e._x, y: e._y, z: e._z } : e;
+    this.props.three.updateObject(this.props.object.uuid, t, o);
+    const s = this.props.three.getScene(this.props.object.uuid);
+    if (s) {
+      const p = s.getObjectByProperty("uuid", this.props.object.uuid);
+      u(p, t, o);
+    }
+  };
+  saveExpanded() {
+    localStorage.setItem(this.expandedName, this.open ? "open" : "closed");
+  }
+  get expandedName() {
+    return `${this.props.three.name}_transform`;
+  }
+}
+export {
+  r as InspectTransform
+};

package/dist/editor/sidePanel/utils.js

@@ -0,0 +1,259 @@
+import { Texture as p, RepeatWrapping as c } from "three";
+import { ExportTexture as f } from "../../utils/three.js";
+function w(e) {
+  if (e.name === "cameras")
+    return "camera";
+  if (e.name === "interactive")
+    return "interactive";
+  if (e.name === "lights")
+    return "light";
+  if (e.name === "ui")
+    return "ui";
+  if (e.name === "utils")
+    return "utils";
+  const s = e.type;
+  return s.search("Helper") > -1 ? "icon_utils" : s.search("Camera") > -1 ? "camera" : s.search("Light") > -1 ? "light" : "obj3D";
+}
+function m(e) {
+  const s = {
+    name: e.name,
+    type: e.type,
+    uuid: e.uuid,
+    children: []
+  };
+  return e.children.forEach((r) => {
+    s.children.push(m(r));
+  }), s;
+}
+function u(e) {
+  return {
+    src: e.image?.src ?? "",
+    offset: [e.offset.x, e.offset.y],
+    repeat: [e.repeat.x, e.repeat.y]
+  };
+}
+const l = { src: "", offset: [0, 0], repeat: [1, 1] };
+function d(e) {
+  const s = {};
+  for (const r in e) {
+    const t = e[r];
+    if (t !== null && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "value")) {
+      const i = t.value;
+      i == null ? s[r] = { value: l } : i.isTexture ? s[r] = { value: u(i) } : s[r] = { value: i };
+    } else
+      t == null ? s[r] = l : t.isTexture ? s[r] = u(t) : s[r] = t;
+  }
+  return s;
+}
+function h(e) {
+  switch (e) {
+    case "blendSrcAlpha":
+    case "blendDstAlpha":
+    case "blendEquationAlpha":
+    case "clippingPlanes":
+    case "shadowSide":
+    case "precision":
+      return !0;
+  }
+  return !1;
+}
+function o(e) {
+  const s = {};
+  for (const r in e) {
+    if (r.substring(0, 1) === "_" || r.substring(0, 2) === "is" || h(r)) continue;
+    const t = typeof e[r], n = e[r];
+    switch (t) {
+      case "boolean":
+      case "number":
+      case "string":
+        s[r] = n;
+        break;
+      case "object":
+        if (n !== null)
+          if (n.isTexture)
+            s[r] = {
+              src: f.renderToBlob(n),
+              offset: [n.offset.x, n.offset.y],
+              repeat: [n.repeat.x, n.repeat.y]
+            };
+          else if (n.isUniformNode) {
+            const i = n.value;
+            s[r] = {
+              __isUniform: !0,
+              value: i?.isTexture ? { src: f.renderToBlob(i), offset: [i.offset.x, i.offset.y], repeat: [i.repeat.x, i.repeat.y] } : i
+            };
+          } else r === "uniforms" ? s[r] = d(n) : r.search("Node") > -1 || (s[r] = n);
+        else
+          r === "glslVersion" ? s[r] = "" : r.search("Node") > -1 || (s[r] = {
+            src: "",
+            offset: [0, 0],
+            repeat: [1, 1]
+          });
+        break;
+    }
+  }
+  return e.anisotropy !== void 0 && (s.anisotropy = e.anisotropy), e.clearcoat !== void 0 && (s.clearcoat = e.clearcoat), e.iridescence !== void 0 && (s.iridescence = e.iridescence), e.dispersion !== void 0 && (s.dispersion = e.dispersion), e.sheen !== void 0 && (s.sheen = e.sheen), e.transmission !== void 0 && (s.transmission = e.transmission), e.transmission !== void 0 && (s.transmission = e.transmission), s;
+}
+function x(e) {
+  e.updateMatrix();
+  const s = {
+    name: e.name,
+    type: e.type,
+    uuid: e.uuid,
+    visible: e.visible,
+    matrix: e.matrix.elements,
+    animations: [],
+    material: void 0,
+    perspectiveCameraInfo: void 0,
+    orthographicCameraInfo: void 0,
+    lightInfo: void 0,
+    children: []
+  };
+  e.animations.forEach((t) => {
+    s.animations.push({
+      name: t.name,
+      duration: t.duration,
+      blendMode: t.blendMode
+    });
+  });
+  const r = e.type.toLowerCase();
+  if (r.search("mesh") > -1) {
+    const t = e;
+    if (Array.isArray(t.material)) {
+      const n = [];
+      t.material.forEach((i) => {
+        n.push(o(i));
+      }), s.material = n;
+    } else
+      s.material = o(t.material);
+  } else if (r.search("points") > -1) {
+    const t = e;
+    if (Array.isArray(t.material)) {
+      const n = [];
+      t.material.forEach((i) => {
+        n.push(o(i));
+      }), s.material = n;
+    } else
+      s.material = o(t.material);
+  } else if (r.search("line") > -1) {
+    const t = e;
+    if (Array.isArray(t.material)) {
+      const n = [];
+      t.material.forEach((i) => {
+        n.push(o(i));
+      }), s.material = n;
+    } else
+      s.material = o(t.material);
+  } else r.search("camera") > -1 ? e.type === "PerspectiveCamera" ? s.perspectiveCameraInfo = {
+    fov: e.fov,
+    zoom: e.zoom,
+    near: e.near,
+    far: e.far,
+    focus: e.focus,
+    aspect: e.aspect,
+    filmGauge: e.filmGauge,
+    filmOffset: e.filmOffset
+  } : e.type === "OrthographicCamera" && (s.orthographicCameraInfo = {
+    zoom: e.zoom,
+    near: e.near,
+    far: e.far,
+    left: e.left,
+    right: e.right,
+    top: e.top,
+    bottom: e.bottom
+  }) : r.search("light") > -1 && (s.lightInfo = {
+    color: e.color,
+    intensity: e.intensity,
+    decay: e.decay,
+    distance: e.distance,
+    angle: e.angle,
+    penumbra: e.penumbra,
+    groundColor: e.groundColor,
+    width: e.width,
+    height: e.height
+  });
+  return s;
+}
+function T(e, s) {
+  const r = s.split(".");
+  switch (r.length) {
+    case 1:
+      return e[r[0]];
+    case 2:
+      return e[r[0]][r[1]];
+    case 3:
+      return e[r[0]][r[1]][r[2]];
+    case 4:
+      return e[r[0]][r[1]][r[2]][r[3]];
+    case 5:
+      return e[r[0]][r[1]][r[2]][r[3]][r[4]];
+    case 6:
+      return e[r[0]][r[1]][r[2]][r[3]][r[4]][r[5]];
+  }
+}
+function y(e, s) {
+  for (const r in s) e[r] = s[r];
+}
+function k(e, s, r) {
+  if (e === void 0) {
+    console.log(`Hermes - Can't set props: ${s}`, r);
+    return;
+  }
+  const t = s.split("."), n = t.length;
+  if (typeof r != "object")
+    switch (n) {
+      case 1:
+        e[t[0]] = r;
+        break;
+      case 2:
+        e[t[0]][t[1]] = r;
+        break;
+      case 3:
+        e[t[0]][t[1]][t[2]] = r;
+        break;
+      case 4:
+        e[t[0]][t[1]][t[2]][t[3]] = r;
+        break;
+      case 5:
+        e[t[0]][t[1]][t[2]][t[3]][t[4]] = r;
+        break;
+    }
+  else {
+    let a;
+    switch (n) {
+      case 1:
+        a = e[t[0]];
+        break;
+      case 2:
+        a = e[t[0]][t[1]];
+        break;
+      case 3:
+        a = e[t[0]][t[1]][t[2]];
+        break;
+      case 4:
+        a = e[t[0]][t[1]][t[2]][t[3]];
+        break;
+      case 5:
+        a = e[t[0]][t[1]][t[2]][t[3]][t[4]];
+        break;
+    }
+    a != null ? y(a, r) : console.log(`Hermes - Can't set props because target isn't found: ${s}`, r);
+  }
+}
+function C(e) {
+  return new Promise((s, r) => {
+    const t = new Image();
+    t.onload = () => {
+      const n = new p(t);
+      n.wrapS = c, n.wrapT = c, n.needsUpdate = !0, s(n);
+    }, t.onerror = r, t.src = e;
+  });
+}
+export {
+  w as determineIcon,
+  T as getSubItem,
+  k as setItemProps,
+  x as stripObject,
+  m as stripScene,
+  C as textureFromSrc
+};

package/dist/editor/tools/Transform.js

@@ -0,0 +1,77 @@
+import { EventDispatcher as r } from "three";
+import { TransformControls as a } from "three/examples/jsm/controls/TransformControls.js";
+import { ToolEvents as c } from "../../core/remote/RemoteThree.js";
+import l from "../multiView/MultiView.js";
+import { dispose as n } from "../../utils/three.js";
+class s extends r {
+  static DRAG_START = "Transform::dragStart";
+  static DRAG_END = "Transform::dragEnd";
+  static _instance;
+  three;
+  activeCamera;
+  controls = /* @__PURE__ */ new Map();
+  visibility = /* @__PURE__ */ new Map();
+  setApp(t) {
+    this.three = t, this.three.addEventListener(c.SET_SCENE, this.setScene);
+  }
+  clear() {
+    for (const t of this.controls.values()) {
+      t.detach(), t.disconnect();
+      const e = t.getHelper();
+      n(e);
+    }
+    this.controls = /* @__PURE__ */ new Map(), this.visibility = /* @__PURE__ */ new Map();
+  }
+  add(t) {
+    let e = this.controls.get(t);
+    if (e === void 0) {
+      const i = document.querySelector(".clickable");
+      e = new a(this.activeCamera, i), e.getHelper().name = t, e.setSize(0.5), e.setSpace("local"), this.controls.set(t, e), this.visibility.set(t, !0), e.addEventListener("mouseDown", () => {
+        this.dispatchEvent({ type: s.DRAG_START });
+      }), e.addEventListener("mouseUp", () => {
+        this.dispatchEvent({ type: s.DRAG_END });
+      }), e.addEventListener("dragging-changed", (o) => {
+        l.instance?.toggleOrbitControls(o.value);
+      });
+    }
+    return e;
+  }
+  get(t) {
+    return this.controls.get(t);
+  }
+  remove(t) {
+    const e = this.get(t);
+    return e === void 0 ? !1 : (e.detach(), e.disconnect(), n(e.getHelper()), this.controls.delete(t), !0);
+  }
+  enabled(t) {
+    this.controls.forEach((e) => {
+      e.enabled = t;
+    });
+  }
+  updateCamera(t, e) {
+    this.activeCamera = t, this.controls.forEach((i) => {
+      i.camera !== t && (i.camera = t, t.getWorldPosition(i.cameraPosition), t.getWorldQuaternion(i.cameraQuaternion)), i.domElement !== e && (i.disconnect(), i.domElement = e, i.connect(e));
+    });
+  }
+  show() {
+    this.controls.forEach((t) => {
+      const e = t.getHelper(), i = this.visibility.get(e.name);
+      i !== void 0 && (e.visible = i);
+    });
+  }
+  hide() {
+    this.controls.forEach((t) => {
+      const e = t.getHelper();
+      this.visibility.set(e.name, e.visible), e.visible = !1;
+    });
+  }
+  setScene = () => {
+    this.clear();
+  };
+  static get instance() {
+    return s._instance || (s._instance = new s()), s._instance;
+  }
+}
+export {
+  s as default
+};