npm - @tomorrowevening/hermes - Versions diffs - 0.1.39 → 0.1.41 - Mend

@tomorrowevening/hermes 0.1.39 → 0.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/dist/{ThreeEditor-CTkjs-SY.js → ThreeEditor-jkqfXLb4.js} +16 -16
package/dist/core/Application.js +77 -0
package/dist/core/remote/BaseRemote.js +33 -0
package/dist/core/remote/RemoteTheatre.js +253 -0
package/dist/core/remote/RemoteThree.js +451 -0
package/dist/core/types.js +7 -0
package/dist/editor/Editor.js +12 -0
package/dist/editor/HermesApp.js +24 -0
package/dist/editor/ThreeEditor.js +25 -0
package/dist/editor/components/Draggable.js +40 -0
package/dist/editor/components/DraggableItem.js +25 -0
package/dist/editor/components/Dropdown.js +32 -0
package/dist/editor/components/DropdownItem.js +50 -0
package/dist/editor/components/NavButton.js +7 -0
package/dist/editor/components/content.js +4 -0
package/dist/editor/components/icons/CloseIcon.js +9 -0
package/dist/editor/components/icons/DragIcon.js +12 -0
package/dist/editor/multiView/CameraWindow.js +64 -0
package/dist/editor/multiView/DepthNodeMaterial.js +12 -0
package/dist/editor/multiView/InfiniteGridHelper.js +31 -0
package/dist/editor/multiView/InfiniteGridHelperGPU.js +31 -0
package/dist/editor/multiView/InfiniteGridMaterial.js +137 -0
package/dist/editor/multiView/InfiniteGridNodeMaterial.js +63 -0
package/dist/editor/multiView/MultiView.js +890 -0
package/dist/editor/multiView/Toggle.js +25 -0
package/dist/editor/multiView/UVMaterial.js +60 -0
package/dist/editor/multiView/UVNodeMaterial.js +10 -0
package/dist/editor/sidePanel/Accordion.js +56 -0
package/dist/editor/sidePanel/ChildObject.js +78 -0
package/dist/editor/sidePanel/ContainerObject.js +11 -0
package/dist/editor/sidePanel/DebugData.js +133 -0
package/dist/editor/sidePanel/SidePanel.js +91 -0
package/dist/editor/sidePanel/inspector/InspectGrid3.js +82 -0
package/dist/editor/sidePanel/inspector/InspectGrid4.js +58 -0
package/dist/editor/sidePanel/inspector/InspectImage.js +100 -0
package/dist/editor/sidePanel/inspector/InspectNumber.js +76 -0
package/dist/editor/sidePanel/inspector/InspectVector2.js +154 -0
package/dist/editor/sidePanel/inspector/Inspector.js +95 -0
package/dist/editor/sidePanel/inspector/InspectorField.js +128 -0
package/dist/editor/sidePanel/inspector/InspectorGroup.js +110 -0
package/dist/editor/sidePanel/inspector/utils/DragNumber.js +27 -0
package/dist/editor/sidePanel/inspector/utils/InspectAnimation.js +99 -0
package/dist/editor/sidePanel/inspector/utils/InspectCamera.js +91 -0
package/dist/editor/sidePanel/inspector/utils/InspectLight.js +85 -0
package/dist/editor/sidePanel/inspector/utils/InspectMaterial.js +861 -0
package/dist/editor/sidePanel/inspector/utils/InspectTransform.js +93 -0
package/dist/editor/sidePanel/utils.js +259 -0
package/dist/editor/tools/Transform.js +77 -0
package/dist/editor/tools/splineEditor/Spline.js +348 -0
package/dist/editor/tools/splineEditor/index.js +193 -0
package/dist/editor/utils.js +27 -0
package/dist/hermes.cjs.js +8 -30
package/dist/{index-BpKOzCuX.js → index-DZmiM5y-.js} +617 -617
package/dist/index.html +1 -1
package/dist/index.js +125 -0
package/dist/utils/ImageSequenceCapturer.js +148 -0
package/dist/utils/detectSettings.js +46 -0
package/dist/utils/math.js +68 -0
package/dist/utils/post.js +206 -0
package/dist/utils/theatre.js +316 -0
package/dist/utils/three.js +199 -0
package/dist/webworkers/EventHandling.js +115 -0
package/dist/webworkers/ProxyManager.js +76 -0
package/package.json +13 -7
package/types/core/remote/RemoteThree.d.ts +10 -1
package/dist/.vite/manifest.json +0 -12
package/dist/hermes.es.js +0 -8077

package/dist/index.html CHANGED Viewed

@@ -8,7 +8,7 @@
     <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
     <link rel="manifest" href="/images/site.webmanifest">
-    <script type="module" crossorigin src="/index-BpKOzCuX.js"></script>
+    <script type="module" crossorigin src="/index-DZmiM5y-.js"></script>
     <link rel="stylesheet" crossorigin href="/index-C92ji5gy.css">
   </head>
   <body>

package/dist/index.js ADDED Viewed

@@ -0,0 +1,125 @@
+import { defaultTheatreCallback as t, noop as a } from "./core/types.js";
+import { capitalize as l, colorToHex as p, copyToClipboard as f, isColor as m, randomID as s } from "./editor/utils.js";
+import { detectMaxFrameRate as i, detectSettings as n } from "./utils/detectSettings.js";
+import { ImageSequenceCapturer as u } from "./utils/ImageSequenceCapturer.js";
+import { clamp as M, cubicBezier as b, damp as T, distance as h, getAngle as g, map as C, mix as O, normalize as j, rgbaToHex as I, roundTo as y } from "./utils/math.js";
+import { animateObjectMaterial as G, animateObjectTransform as B, applyObjectMaterial as D, customizeTheatreElements as P, getObjectMaterialObject as S, getObjectMaterialProps as H, useStudio as A } from "./utils/theatre.js";
+import { ExportTexture as R, anchorGeometry as U, anchorGeometryTL as k, createMask as v, dispose as w, disposeMaterial as z, disposeTexture as V, hierarchyUUID as L, orthoCamera as q, parseModelLite as F, renderToTexture as W, resetThreeObjects as J, setMaterialBlendAdd as K, setMaterialBlendMultiply as Q, setMaterialBlendNormal as X, setMaterialBlendScreen as Y, supportsOffscreenCanvas as Z, totalThreeObjects as _, triangle as $, updateCameraOrtho as ee, updateCameraOrtho16x9 as re, useMask as te } from "./utils/three.js";
+import { clearComposerGroups as oe, generateCubemap as le, inspectComposer as pe, inspectComposerPass as fe } from "./utils/post.js";
+import { ElementProxy as se, WebworkerEventHandlers as de } from "./webworkers/EventHandling.js";
+import { ElementProxyReceiver as ne, ProxyManager as xe } from "./webworkers/ProxyManager.js";
+import { default as ce } from "./core/Application.js";
+import { default as be } from "./core/remote/BaseRemote.js";
+import { default as he } from "./core/remote/RemoteTheatre.js";
+import { default as Ce } from "./core/remote/RemoteThree.js";
+import { default as je } from "./editor/components/NavButton.js";
+import { default as ye } from "./editor/components/DraggableItem.js";
+import { default as Ge } from "./editor/components/Draggable.js";
+import { default as De } from "./editor/components/DropdownItem.js";
+import { default as Se } from "./editor/components/Dropdown.js";
+import { default as Ae } from "./editor/sidePanel/SidePanel.js";
+import { default as Re } from "./editor/sidePanel/Accordion.js";
+import { default as ke } from "./editor/sidePanel/ChildObject.js";
+import { default as we } from "./editor/sidePanel/ContainerObject.js";
+import { default as Ve } from "./editor/sidePanel/inspector/Inspector.js";
+import { default as qe } from "./editor/multiView/MultiView.js";
+import { default as We } from "./editor/Editor.js";
+import { default as Ke } from "./editor/ThreeEditor.js";
+import { default as Xe } from "./editor/HermesApp.js";
+import { default as Ze } from "./editor/tools/Transform.js";
+import { default as $e } from "./editor/tools/splineEditor/Spline.js";
+import { default as rr } from "./editor/tools/splineEditor/index.js";
+import { default as ar } from "./editor/multiView/InfiniteGridMaterial.js";
+import { default as lr } from "./editor/multiView/InfiniteGridNodeMaterial.js";
+import { default as fr } from "./editor/multiView/InfiniteGridHelper.js";
+import { default as sr } from "./editor/multiView/InfiniteGridHelperGPU.js";
+import { default as ir } from "./editor/multiView/DepthNodeMaterial.js";
+import { default as xr } from "./editor/multiView/UVMaterial.js";
+import { default as cr } from "./editor/multiView/UVNodeMaterial.js";
+export {
+  Re as Accordion,
+  ce as Application,
+  be as BaseRemote,
+  ke as ChildObject,
+  we as ContainerObject,
+  ir as DepthNodeMaterial,
+  Ge as Draggable,
+  ye as DraggableItem,
+  Se as Dropdown,
+  De as DropdownItem,
+  We as Editor,
+  se as ElementProxy,
+  ne as ElementProxyReceiver,
+  R as ExportTexture,
+  Xe as HermesApp,
+  u as ImageSequenceCapturer,
+  fr as InfiniteGridHelper,
+  sr as InfiniteGridHelperGPU,
+  ar as InfiniteGridMaterial,
+  lr as InfiniteGridNodeMaterial,
+  Ve as Inspector,
+  qe as MultiView,
+  je as NavButton,
+  xe as ProxyManager,
+  he as RemoteTheatre,
+  Ce as RemoteThree,
+  Ae as SidePanel,
+  $e as Spline,
+  rr as SplineEditor,
+  Ke as ThreeEditor,
+  Ze as Transform,
+  xr as UVMaterial,
+  cr as UVNodeMaterial,
+  de as WebworkerEventHandlers,
+  U as anchorGeometry,
+  k as anchorGeometryTL,
+  G as animateObjectMaterial,
+  B as animateObjectTransform,
+  D as applyObjectMaterial,
+  l as capitalize,
+  M as clamp,
+  oe as clearComposerGroups,
+  p as colorToHex,
+  f as copyToClipboard,
+  v as createMask,
+  b as cubicBezier,
+  P as customizeTheatreElements,
+  T as damp,
+  t as defaultTheatreCallback,
+  i as detectMaxFrameRate,
+  n as detectSettings,
+  w as dispose,
+  z as disposeMaterial,
+  V as disposeTexture,
+  h as distance,
+  le as generateCubemap,
+  g as getAngle,
+  S as getObjectMaterialObject,
+  H as getObjectMaterialProps,
+  L as hierarchyUUID,
+  pe as inspectComposer,
+  fe as inspectComposerPass,
+  m as isColor,
+  C as map,
+  O as mix,
+  a as noop,
+  j as normalize,
+  q as orthoCamera,
+  F as parseModelLite,
+  s as randomID,
+  W as renderToTexture,
+  J as resetThreeObjects,
+  I as rgbaToHex,
+  y as roundTo,
+  K as setMaterialBlendAdd,
+  Q as setMaterialBlendMultiply,
+  X as setMaterialBlendNormal,
+  Y as setMaterialBlendScreen,
+  Z as supportsOffscreenCanvas,
+  _ as totalThreeObjects,
+  $ as triangle,
+  ee as updateCameraOrtho,
+  re as updateCameraOrtho16x9,
+  te as useMask,
+  A as useStudio
+};

package/dist/utils/ImageSequenceCapturer.js ADDED Viewed

@@ -0,0 +1,148 @@
+const c = (
+  /* js */
+  `
+self.onmessage = async ({ data }) => {
+  if (data.type !== 'encode') return;
+  const { bitmap, index, format, quality } = data;
+  const canvas = new OffscreenCanvas(bitmap.width, bitmap.height);
+  const ctx = canvas.getContext('2d');
+  ctx.drawImage(bitmap, 0, 0);
+  bitmap.close();
+  const mime = format === 'jpeg' ? 'image/jpeg' : format === 'webp' ? 'image/webp' : 'image/png';
+  const blob = await canvas.convertToBlob({ type: mime, quality });
+  self.postMessage({ type: 'encoded', index, blob });
+};
+`
+);
+class d {
+  worker;
+  source;
+  /** Intermediate 2D canvas used for GPU→CPU readback. Works with WebGPU and WebGL. */
+  transfer;
+  ctx;
+  opts;
+  _capturing = !1;
+  _captured = 0;
+  _encoded = 0;
+  _pending = 0;
+  _lastFrameTime = -1 / 0;
+  frames = /* @__PURE__ */ new Map();
+  constructor(s, t = {}) {
+    this.source = s, this.transfer = document.createElement("canvas"), this.transfer.width = s.width, this.transfer.height = s.height, this.ctx = this.transfer.getContext("2d", { willReadFrequently: !0 }), this.opts = {
+      format: t.format ?? "png",
+      quality: t.quality ?? 0.92,
+      prefix: t.prefix ?? "frame",
+      padLength: t.padLength ?? 5,
+      maxQueue: t.maxQueue ?? 32,
+      fps: t.fps ?? 30,
+      onProgress: t.onProgress ?? (() => {
+      }),
+      onError: t.onError ?? ((e) => console.error("[ImageSequenceCapturer]", e))
+    };
+    const a = new Blob([c], { type: "application/javascript" }), r = URL.createObjectURL(a);
+    this.worker = new Worker(r), URL.revokeObjectURL(r), this.worker.onmessage = ({ data: e }) => {
+      e.type === "encoded" && (this.frames.set(e.index, e.blob), this._pending--, this._encoded++, this.opts.onProgress(this._captured, this._encoded));
+    }, this.worker.onerror = (e) => this.opts.onError(new Error(e.message));
+  }
+  get isCapturing() {
+    return this._capturing;
+  }
+  get framesCaptured() {
+    return this._captured;
+  }
+  get framesEncoded() {
+    return this._encoded;
+  }
+  /** True when no frames are waiting to finish encoding. */
+  get isIdle() {
+    return this._pending === 0;
+  }
+  /**
+   * Resize the transfer canvas to match the source.
+   * Call this if the canvas dimensions change between sessions.
+   */
+  resize() {
+    this.transfer.width = this.source.width, this.transfer.height = this.source.height;
+  }
+  /** Begin a new capture session. Clears any previously captured frames. */
+  start() {
+    this._capturing = !0, this._captured = 0, this._encoded = 0, this._pending = 0, this._lastFrameTime = -1 / 0, this.frames.clear();
+  }
+  stop() {
+    this._capturing = !1;
+  }
+  /**
+   * Capture the current canvas frame and queue it for encoding.
+   *
+   * **Call this immediately after your render call**, before the next frame begins.
+   * This is especially important for WebGPU, where the swap chain texture is
+   * only valid until the next `queue.submit()`.
+   *
+   * Returns `false` if not capturing or the worker queue is full (backpressure).
+   */
+  captureFrame() {
+    if (!this._capturing || this._pending >= this.opts.maxQueue) return !1;
+    const s = performance.now();
+    if (s - this._lastFrameTime < 1e3 / this.opts.fps) return !1;
+    this._lastFrameTime = s, this.ctx.drawImage(this.source, 0, 0);
+    const t = this._captured++;
+    return this._pending++, createImageBitmap(this.transfer).then((a) => {
+      this.worker.postMessage(
+        { type: "encode", bitmap: a, index: t, format: this.opts.format, quality: this.opts.quality },
+        [a]
+        // transfer ownership — zero-copy
+      );
+    }).catch((a) => {
+      this._pending--, this.opts.onError(a);
+    }), !0;
+  }
+  /** Resolves once all in-flight frames have finished encoding. */
+  flush() {
+    return new Promise((s) => {
+      const t = () => this._pending === 0 ? s() : setTimeout(t, 16);
+      t();
+    });
+  }
+  /**
+   * Download all captured frames after waiting for encoding to finish.
+   *
+   * Prefers the **File System Access API** (`showDirectoryPicker`) so all frames
+   * are written directly into a folder the user selects — no zip library needed.
+   * Falls back to sequential `<a download>` clicks in browsers that don't support it.
+   */
+  async download() {
+    await this.flush();
+    const s = this.opts.format === "jpeg" ? "jpg" : this.opts.format, a = [...this.frames.entries()].sort(([r], [e]) => r - e).map(([r, e]) => ({
+      name: `${this.opts.prefix}_${String(r).padStart(this.opts.padLength, "0")}.${s}`,
+      blob: e
+    }));
+    if ("showDirectoryPicker" in window)
+      try {
+        const r = await window.showDirectoryPicker({ mode: "readwrite", startIn: "downloads" });
+        await Promise.all(
+          a.map(async ({ name: e, blob: i }) => {
+            const n = await (await r.getFileHandle(e, { create: !0 })).createWritable();
+            await n.write(i), await n.close();
+          })
+        );
+        return;
+      } catch (r) {
+        if (r.name === "AbortError") return;
+      }
+    for (const { name: r, blob: e } of a) {
+      const i = URL.createObjectURL(e);
+      Object.assign(document.createElement("a"), { href: i, download: r }).click(), URL.revokeObjectURL(i), await new Promise((n) => setTimeout(n, 50));
+    }
+  }
+  /** Clear all stored frames without downloading. */
+  reset() {
+    this._capturing = !1, this._captured = 0, this._encoded = 0, this._pending = 0, this.frames.clear();
+  }
+  /** Terminate the worker and release all resources. */
+  destroy() {
+    this.reset(), this.worker.terminate();
+  }
+}
+export {
+  d as ImageSequenceCapturer
+};

package/dist/utils/detectSettings.js ADDED Viewed

@@ -0,0 +1,46 @@
+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) => {
+    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 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: o,
+        editor: n
+      };
+      e.tier === 3 ? r.quality = "High" : e.tier === 2 && (r.quality = "Medium"), m((a) => {
+        r.fps = a, i(r);
+      });
+    });
+  });
+}
+export {
+  m as detectMaxFrameRate,
+  d as detectSettings
+};

package/dist/utils/math.js ADDED Viewed

@@ -0,0 +1,68 @@
+function E(n, t, r) {
+  return Math.min(t, Math.max(n, r));
+}
+function B(n, t, r) {
+  return (r - n) / (t - n);
+}
+function T(n, t, r) {
+  return n * (1 - r) + t * r;
+}
+function G(n, t, r, o, c) {
+  return T(r, o, B(n, t, c));
+}
+function I(n, t) {
+  const r = n - t;
+  return Math.sqrt(r * r);
+}
+function L(n, t, r, o) {
+  return T(n, t, 1 - Math.exp(-r * o));
+}
+function N(n, t = 1) {
+  return Number(n.toFixed(t));
+}
+function j(n, t, r, o) {
+  return Math.atan2(o - t, r - n);
+}
+function S(n, t, r, o) {
+  return n === t && r === o;
+}
+function q(n, t, r, o) {
+  return 1 / (3 * t * n * n + 2 * r * n + o);
+}
+function C(n, t, r, o, c) {
+  return t * (n * n * n) + r * (n * n) + o * n + c;
+}
+function D(n, t, r, o, c) {
+  const u = n * n;
+  return t * (u * n) + r * u + o * n + c;
+}
+function k(n, t, r, o, c) {
+  if (n <= 0) return 0;
+  if (n >= 1) return 1;
+  if (S(t, r, o, c)) return n;
+  const u = 0, a = 0, s = t, f = r, x = o, h = c, $ = 1, g = 1, M = $ - 3 * x + 3 * s - u, d = 3 * x - 6 * s + 3 * u, l = 3 * s - 3 * u, y = u, b = g - 3 * h + 3 * f - a, p = 3 * h - 6 * f + 3 * a, H = 3 * f - 3 * a, z = a;
+  let i = n;
+  for (let F = 0; F < 5; F++) {
+    const A = C(i, M, d, l, y);
+    let m = q(i, M, d, l);
+    m === 1 / 0 && (m = n), i -= (A - n) * m, i = Math.min(Math.max(i, 0), 1);
+  }
+  return D(i, b, p, H, z);
+}
+const e = (n) => Math.round(Math.min(1, Math.max(0, n)) * 255).toString(16).padStart(2, "0");
+function w({ r: n, g: t, b: r, a: o = 1 }) {
+  const c = `#${e(n)}${e(t)}${e(r)}`;
+  return o < 1 ? `${c}${e(o)}` : c;
+}
+export {
+  E as clamp,
+  k as cubicBezier,
+  L as damp,
+  I as distance,
+  j as getAngle,
+  G as map,
+  T as mix,
+  B as normalize,
+  w as rgbaToHex,
+  N as roundTo
+};

package/dist/utils/post.js ADDED Viewed

@@ -0,0 +1,206 @@
+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
+};