@tomorrowevening/hermes 0.1.38 → 0.1.40

package/dist/core/Application.js

@@ -0,0 +1,77 @@
+import { detectSettings as s } from "../utils/detectSettings.js";
+class n {
+  assets = {
+    audio: /* @__PURE__ */ new Map(),
+    image: /* @__PURE__ */ new Map(),
+    json: /* @__PURE__ */ new Map(),
+    model: /* @__PURE__ */ new Map(),
+    video: /* @__PURE__ */ new Map()
+  };
+  components = /* @__PURE__ */ new Map();
+  settings = {
+    dpr: 1,
+    fps: 30,
+    width: 0,
+    height: 0,
+    mobile: !1,
+    supportOffScreenCanvas: !1,
+    supportWebGPU: !1,
+    quality: "Low",
+    dev: !1,
+    editor: !1
+  };
+  onUpdateCallback;
+  // Protected
+  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(this.settings.dev, this.settings.editor).then((e) => {
+        this.settings = e, t();
+      });
+    });
+  }
+  // Playback
+  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);
+  };
+  // Remote Components
+  addComponent(t, e) {
+    this.components.set(t, e);
+  }
+  // Getters
+  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;
+  }
+}
+export {
+  n as default
+};

package/dist/core/remote/BaseRemote.js

@@ -0,0 +1,33 @@
+class n {
+  name;
+  debug;
+  editor;
+  broadcastChannel;
+  onMessageHandler;
+  constructor(e, s = !1, a = !1) {
+    this.name = e, this.debug = s, this.editor = a, s && (this.broadcastChannel = new BroadcastChannel(e), this.onMessageHandler = this.messageHandler.bind(this), this.broadcastChannel.addEventListener("message", this.onMessageHandler));
+  }
+  dispose() {
+    this.broadcastChannel?.removeEventListener("message", this.onMessageHandler), this.broadcastChannel?.close();
+  }
+  // Broadcast
+  send(e) {
+    if (this.editor && e.target === "app" || !this.editor && e.target === "editor")
+      try {
+        this.broadcastChannel?.postMessage(e);
+      } catch (a) {
+        console.log("Hermes - Error sending message:"), console.log(a), console.log(e);
+      }
+  }
+  messageHandler(e) {
+    const s = e.data;
+    s.target === "app" ? this.handleApp(s) : this.handleEditor(s);
+  }
+  handleApp(e) {
+  }
+  handleEditor(e) {
+  }
+}
+export {
+  n as default
+};

package/dist/core/remote/RemoteTheatre.js

@@ -0,0 +1,253 @@
+import { getProject as _ } from "@tomorrowevening/theatre-core";
+import $ from "./BaseRemote.js";
+import { noop as g } from "../types.js";
+import { isColor as w } from "../../editor/utils.js";
+function P(n, e, t, i, h) {
+  const s = 1 - n;
+  return s * s * s * e + 3 * s * s * n * t + 3 * s * n * n * i + n * n * n * h;
+}
+function q(n, e, t) {
+  if (n.type !== "bezier" || n.handles.length !== 4)
+    throw new Error("Invalid keyframe data for Bézier interpolation.");
+  const [i, h] = n.handles, s = (t - n.position) / (e.position - n.position);
+  return P(
+    s,
+    n.value,
+    n.value + i,
+    e.value + h,
+    e.value
+  );
+}
+class E extends $ {
+  project;
+  sheets = /* @__PURE__ */ new Map();
+  sheetObjects = /* @__PURE__ */ new Map();
+  sheetObjectCBs = /* @__PURE__ */ new Map();
+  sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
+  activeSheet;
+  studio = void 0;
+  constructor(e = !1, t = !1) {
+    super("RemoteTheatre", e, t);
+  }
+  dispose() {
+    this.project = void 0, this.sheets = /* @__PURE__ */ new Map(), this.sheetObjects = /* @__PURE__ */ new Map(), this.sheetObjectCBs = /* @__PURE__ */ new Map(), this.sheetObjectUnsubscribe = /* @__PURE__ */ new Map();
+  }
+  loadProject(e, t) {
+    return this.project = _(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);
+    function v(d, p, o) {
+      if (typeof o == "object")
+        if (w(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), 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 = /* @__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, 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 q(r, l, o);
+        const O = (o - 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();
+  }
+}
+export {
+  E as default
+};