vim-web 0.3.44-dev.85 → 0.4.0

package/dist/vim-web.iife.js

@@ -21439,7 +21439,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   }
-  class Scene extends Object3D {
+  let Scene$1 = class Scene extends Object3D {
     constructor() {
       super();
       this.isScene = true;
@@ -21481,7 +21481,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       data2.object.environmentRotation = this.environmentRotation.toArray();
       return data2;
     }
-  }
+  };
   class InterleavedBuffer {
     constructor(array, stride) {
       this.isInterleavedBuffer = true;
@@ -30671,7 +30671,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       let geometry, material;
       switch (data2.type) {
         case "Scene":
-          object = new Scene();
+          object = new Scene$1();
           if (data2.background !== void 0) {
             if (Number.isInteger(data2.background)) {
               object.background = new Color(data2.background);
@@ -44953,7 +44953,7 @@ void main() {
     SIGNED_RED_RGTC1_Format,
     SRGBColorSpace,
     SRGBTransfer,
-    Scene,
+    Scene: Scene$1,
     ShaderChunk,
     ShaderLib,
     ShaderMaterial,
@@ -46776,7 +46776,7 @@ void main() {
     * @param {VimHeader | undefined} header - The Vim header, if available.
     * @param {VimDocument} document - The Vim document.
     * @param {G3d | undefined} g3d - The G3d object, if available.
-    * @param {WebglScene} scene - The scene containing the vim's geometry.
+    * @param {Scene} scene - The scene containing the vim's geometry.
     * @param {VimSettings} settings - The settings used to open this vim.
     * @param {ElementMapping | ElementNoMapping | ElementMapping2} map - The element mapping.
     * @param {SubsetBuilder} builder - The subset builder for constructing subsets of the Vim object.
@@ -46879,7 +46879,7 @@ void main() {
      * @param {number} id - The element ID to retrieve objects for.
      * @returns {THREE.Object3D[]} An array of objects corresponding to the element ID, or an empty array if none are found.
      */
-    getElementFromId(id2) {
+    getElementsFromId(id2) {
       const elements = this.map.getElementsFromElementId(id2);
       return (elements == null ? void 0 : elements.map((e) => this.getElementFromIndex(e)).filter((o) => o !== void 0)) ?? [];
     }
@@ -47181,7 +47181,7 @@ void main() {
     const centroid = sum.divideScalar(positions.length);
     return { centroid, aabb };
   }
-  class WebglScene {
+  class Scene {
     constructor(matrix) {
       // Dependencies
       __publicField(this, "_renderer");
@@ -49856,7 +49856,7 @@ void main() {
       remoteVimx2.bfast.source.onProgress = onProgress;
     }
     const vimx = await Vimx.fromRemote(remoteVimx2, !settings2.progressive);
-    const scene = new WebglScene(settings2.matrix);
+    const scene = new Scene(settings2.matrix);
     const mapping = new ElementMapping2(vimx.scene);
     const builder = new VimxSubsetBuilder(vimx, scene);
     const vim = new Vim$1(
@@ -49886,7 +49886,7 @@ void main() {
     const geometry = await bfast2.getBfast("geometry");
     const g3d2 = await distExports$2.G3d.createFromBfast(geometry);
     const materials = new distExports$2.G3dMaterial(g3d2.materialColors);
-    const scene = new WebglScene(settings2.matrix);
+    const scene = new Scene(settings2.matrix);
     const factory = new VimMeshFactory(g3d2, materials, scene);
     const doc = await distExports$2.VimDocument.createFromBfast(bfast2);
     const mapping = await ElementMapping.fromG3d(g3d2, doc);
@@ -49988,7 +49988,7 @@ void main() {
       this._completionPromise.resolve();
     }
     async getResult() {
-      await this._completionPromise;
+      await this._completionPromise.promise;
       return this._error ? new ErrorResult(this._error) : new SuccessResult(this._vimResult);
     }
     /**
@@ -52480,7 +52480,7 @@ void main() {
       __publicField(this, "onClick");
       __publicField(this, "onDoubleClick");
       __publicField(this, "onWheel");
-      this._capture = new CaptureStateMachine(canvas);
+      this._capture = new CaptureHandler(canvas);
       this._dragHandler = new DragHandler((delta, button) => this.onDrag(delta, button));
     }
     addListeners() {
@@ -52539,7 +52539,6 @@ void main() {
       var _a3;
       if (event.pointerType !== "mouse") return;
       this._canvas.focus();
-      this._capture.onPointerMove(event);
       const pos = this.relativePosition(event);
       this._dragHandler.onPointerMove(pos);
       (_a3 = this.onMouseMove) == null ? void 0 : _a3.call(this, pos);
@@ -52563,34 +52562,23 @@ void main() {
       );
     }
   }
-  class CaptureStateMachine {
+  class CaptureHandler {
     constructor(canvas) {
       __publicField(this, "_canvas");
-      __publicField(this, "state");
-      __publicField(this, "id");
+      __publicField(this, "_id");
       this._canvas = canvas;
-      this.state = "none";
-      this.id = -1;
+      this._id = -1;
     }
     onPointerDown(event) {
-      if (this.state === "captured") {
-        this._canvas.releasePointerCapture(this.id);
-      }
-      this.id = event.pointerId;
-      this.state = "capture";
-    }
-    onPointerMove(_event) {
-      if (this.state === "capture") {
-        this._canvas.setPointerCapture(this.id);
-        this.state = "captured";
+      if (this._id >= 0) {
+        this._canvas.releasePointerCapture(this._id);
       }
+      this._canvas.setPointerCapture(event.pointerId);
+      this._id = event.pointerId;
     }
     onPointerUp(event) {
-      if (this.state === "captured") {
-        this._canvas.releasePointerCapture(this.id);
-        this.state = "none";
-        this.id = -1;
-      }
+      this._canvas.releasePointerCapture(this._id);
+      this._id = -1;
     }
   }
   class DoubleClickHandler {
@@ -55120,7 +55108,7 @@ void main() {
       __publicField(this, "_2dCount", 0);
       __publicField(this, "_outlineCount", 0);
       __publicField(this, "_modelMaterial");
-      this.threeScene = new Scene();
+      this.threeScene = new Scene$1();
     }
     get meshes() {
       return this._vimScenes.flatMap((s) => s.meshes);
@@ -55161,7 +55149,7 @@ void main() {
      * Add object to be rendered
      */
     add(target) {
-      if (target instanceof WebglScene) {
+      if (target instanceof Scene) {
         this.addScene(target);
         target.material = this._modelMaterial;
         return;
@@ -55189,7 +55177,7 @@ void main() {
      * Remove object from rendering
      */
     remove(target) {
-      if (target instanceof WebglScene) {
+      if (target instanceof Scene) {
         this.removeScene(target);
         return;
       }
@@ -56956,7 +56944,7 @@ void main() {
      * @param target The object or scene to add for rendering.
      */
     add(target) {
-      if (target instanceof WebglScene) {
+      if (target instanceof Scene) {
         const mem = target.getMemory();
         const remaining = this.maxMemory - this.estimatedMemory;
         if (mem > remaining) {
@@ -58868,17 +58856,14 @@ void main() {
     }
   }
   const CODE_TO_KEYCODE = {
-    // Arrow keys
     "ArrowUp": 38,
     "ArrowDown": 40,
     "ArrowLeft": 37,
     "ArrowRight": 39,
-    // WASD movement
     "KeyW": 87,
     "KeyA": 65,
     "KeyS": 83,
     "KeyD": 68,
-    // Vertical movement (Up/Down)
     "KeyE": 69,
     "KeyQ": 81
   };
@@ -58943,16 +58928,10 @@ void main() {
       moveCamera: (value) => {
       },
       keyDown: (code) => {
-        const key = CODE_TO_KEYCODE[code];
-        if (!key) return false;
-        viewer.rpc.RPCKeyEvent(key, true);
-        return true;
+        return sendKey(viewer, code, true);
       },
       keyUp: (code) => {
-        const key = CODE_TO_KEYCODE[code];
-        if (!key) return false;
-        viewer.rpc.RPCKeyEvent(key, false);
-        return true;
+        return sendKey(viewer, code, false);
       },
       mouseDown: (pos, button) => {
         viewer.rpc.RPCMouseButtonEvent(pos, button, true);
@@ -58970,6 +58949,12 @@ void main() {
     if (!box) return;
     viewer.camera.frameBox(box);
   }
+  function sendKey(viewer, code, pressed) {
+    const key = CODE_TO_KEYCODE[code];
+    if (!key) return false;
+    viewer.rpc.RPCKeyEvent(key, pressed);
+    return true;
+  }
   class LoadSuccess {
     constructor(vim) {
       __publicField(this, "isError", false);
@@ -60960,28 +60945,53 @@ Averrage Date/Second ${avgDataRatePS} kb
     }
   }
   class Element3D {
+    /**
+     * Creates a new `Element3D` instance.
+     * @param vim - The parent `Vim` model.
+     * @param instance - The internal instance index.
+     */
     constructor(vim, instance) {
+      /**
+       * The parent `Vim` instance this element belongs to.
+       */
       __publicField(this, "vim");
+      // TODO: this should be many instances
+      // This will be replaced by the element index in the future
+      /**
+       * The internal instance index within the `Vim` model.
+       */
       __publicField(this, "instance");
       this.vim = vim;
       this.instance = instance;
     }
+    /**
+     * The unique handle of the parent `Vim` model.
+     */
     get vimHandle() {
       return this.vim.handle;
     }
-    // This should be many instances
+    /**
+     * Gets or sets the display state of the element (e.g., visible, hidden).
+     */
     get state() {
       return this.vim.nodeState.getNodeState(this.instance);
     }
     set state(state) {
       this.vim.nodeState.setNodeState(this.instance, state);
     }
+    /**
+     * Gets or sets the color override of the element.
+     */
     get color() {
       return this.vim.getColor(this.instance);
     }
     set color(color) {
       this.vim.setColor([this.instance], color);
     }
+    /**
+     * Computes and returns the bounding box of the element.
+     * @returns A promise resolving to the element's bounding box.
+     */
     async getBoundingBox() {
       return this.vim.getBoundingBoxNodes([this.instance]);
     }
@@ -61025,7 +61035,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       this._objects.set(instance, object);
       return object;
     }
-    getElementFromId(id2) {
+    getElementsFromId(id2) {
       throw new Error("Method not implemented.");
     }
     getElementFromIndex(element) {
@@ -61656,6 +61666,11 @@ Averrage Date/Second ${avgDataRatePS} kb
     sectionDefaultStyle,
     sectionNoPadStyle
   }, Symbol.toStringTag, { value: "Module" }));
+  const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    Ids: controlBarIds,
+    Style: style
+  }, Symbol.toStringTag, { value: "Module" }));
   var jsxRuntime = { exports: {} };
   var reactJsxRuntime_production_min = {};
   /**
@@ -62594,21 +62609,6 @@ Averrage Date/Second ${avgDataRatePS} kb
     return jsxRuntime.exports;
   }
   var jsxRuntimeExports = requireJsxRuntime();
-  function isControlBarButtonItem(button) {
-    return button !== null && typeof button === "object" && typeof button.id === "string" && typeof button.tip === "string" && typeof button.action === "function" && typeof button.icon === "function" && (button.enabled === void 0 || typeof button.enabled === "function") && (button.isOn === void 0 || typeof button.isOn === "function") && (button.style === void 0 || typeof button.style === "function");
-  }
-  function createButton(button) {
-    var _a3;
-    if (button.enabled !== void 0 && !button.enabled()) return null;
-    const style$1 = (button.style ?? buttonDefaultStyle)((_a3 = button.isOn) == null ? void 0 : _a3.call(button));
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { id: button.id, "data-tip": button.tip, onClick: button.action, className: style$1, type: "button", children: button.icon({ height: "20", width: "20", fill: "currentColor", className: "vc-max-h-[80%]" }) }, button.id);
-  }
-  const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-    __proto__: null,
-    Ids: controlBarIds,
-    Style: style,
-    isControlBarButtonItem
-  }, Symbol.toStringTag, { value: "Module" }));
   function pointer({ height, width, fill: fill2, className }) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className, height, width, viewBox: "0 0 50 50", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "path",
@@ -67441,6 +67441,12 @@ Averrage Date/Second ${avgDataRatePS} kb
       }
     );
   }
+  function createButton(button) {
+    var _a3;
+    if (button.enabled !== void 0 && !button.enabled()) return null;
+    const style$1 = (button.style ?? buttonDefaultStyle)((_a3 = button.isOn) == null ? void 0 : _a3.call(button));
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { id: button.id, "data-tip": button.tip, onClick: button.action, className: style$1, type: "button", children: button.icon({ height: "20", width: "20", fill: "currentColor", className: "vc-max-h-[80%]" }) }, button.id);
+  }
   function createSection$1(section) {
     if (section.enable !== void 0 && !section.enable()) return null;
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `vim-control-bar-section ${section.style ?? sectionDefaultStyle}`, children: section.buttons.map((b) => createButton(b)) }, section.id);
@@ -74943,31 +74949,6 @@ Averrage Date/Second ${avgDataRatePS} kb
       }
     };
   }
-  class DeferredPromise extends Promise {
-    constructor(executor = () => {
-    }) {
-      var _a3;
-      let resolver;
-      let rejector;
-      super((resolve, reject) => {
-        resolver = resolve;
-        rejector = reject;
-        return executor(resolve, reject);
-      });
-      __publicField(this, "resolve");
-      __publicField(this, "reject");
-      __publicField(this, "initialCallStack");
-      this.resolve = resolver;
-      this.reject = rejector;
-      this.initialCallStack = (_a3 = Error().stack) == null ? void 0 : _a3.split("\n").slice(2).join("\n");
-    }
-    /** @throws error with amended call stack */
-    rejectWithError(error) {
-      var _a3;
-      error.stack = [(_a3 = error.stack) == null ? void 0 : _a3.split("\n")[0], this.initialCallStack].join("\n");
-      this.reject(error);
-    }
-  }
   const vcColorPrimary = "vc-text-[#212733]";
   const vcColorSecondary = "vc-text-[#787C83]";
   const vcColorLink = "vc-text-[#0590CC]";
@@ -75209,9 +75190,9 @@ Averrage Date/Second ${avgDataRatePS} kb
       __publicField(this, "_callbacks");
       __publicField(this, "_request");
       __publicField(this, "_progress", { loaded: 0, total: 0, all: /* @__PURE__ */ new Map() });
-      __publicField(this, "_progressPromise", new DeferredPromise());
+      __publicField(this, "_progressPromise", new ControllablePromise());
       __publicField(this, "_isDone", false);
-      __publicField(this, "_completionPromise", new DeferredPromise());
+      __publicField(this, "_completionPromise", new ControllablePromise());
       this.source = source;
       this._callbacks = callbacks;
       this.startRequest(source, settings2);
@@ -75232,7 +75213,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       this._callbacks.onProgress(progress);
       this._progress = progress;
       this._progressPromise.resolve();
-      this._progressPromise = new DeferredPromise();
+      this._progressPromise = new ControllablePromise();
     }
     onSuccess() {
       this._callbacks.onDone();
@@ -75252,7 +75233,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     }
     async *getProgress() {
       while (!this._isDone) {
-        await this._progressPromise;
+        await this._progressPromise.promise;
         yield this._progress;
       }
     }
@@ -76107,7 +76088,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     return "some";
   }
   function createViewer$1(container, settings2 = {}, coreSettings = {}) {
-    const promise = new DeferredPromise();
+    const controllablePromise = new ControllablePromise();
     const cmpContainer = container instanceof HTMLElement ? createContainer(container) : container ?? createContainer();
     const viewer = new Viewer$3(coreSettings);
     viewer.viewport.reparent(cmpContainer.gfx);
@@ -76126,12 +76107,12 @@ Averrage Date/Second ${avgDataRatePS} kb
         {
           container: cmpContainer,
           viewer,
-          onMount: (cmp) => promise.resolve(patchRef(cmp)),
+          onMount: (cmp) => controllablePromise.resolve(patchRef(cmp)),
           settings: settings2
         }
       )
     );
-    return promise;
+    return controllablePromise.promise;
   }
   function Viewer$1(props) {
     const settings2 = useSettings(props.viewer, props.settings ?? {});
@@ -76500,7 +76481,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     return false;
   }
   function createViewer(container) {
-    const promise = new DeferredPromise();
+    const controllablePromise = new ControllablePromise();
     const cmpContainer = container instanceof HTMLElement ? createContainer(container) : container ?? createContainer();
     const core = Viewer$2.createWithCanvas(cmpContainer.gfx);
     const reactRoot = clientExports.createRoot(cmpContainer.ui);
@@ -76518,11 +76499,11 @@ Averrage Date/Second ${avgDataRatePS} kb
         {
           container: cmpContainer,
           core,
-          onMount: (cmp) => promise.resolve(attachDispose(cmp))
+          onMount: (cmp) => controllablePromise.resolve(attachDispose(cmp))
         }
       )
     );
-    return promise;
+    return controllablePromise.promise;
   }
   function Viewer(props) {
     const sectionBox2 = useUltraSectionBox(props.core);
@@ -76626,7 +76607,6 @@ Averrage Date/Second ${avgDataRatePS} kb
     __proto__: null,
     ContextMenu: contextMenu,
     ControlBar: index$5,
-    DeferredPromise,
     Errors: index$3,
     Icons: icons,
     IsolationPanel,