vim-web 0.3.39 → 0.3.41

package/dist/vim-web.iife.js

@@ -204,11 +204,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     Object.defineProperty(retriableRequest, "__esModule", { value: true });
     retriableRequest.RetriableRequest = void 0;
     class RetriableRequest {
-      constructor(url, headers, range2, responseType) {
+      constructor(url, headers, range2, responseType, maxTries) {
         this.url = url;
         this.headers = headers ?? {};
         this.range = range2;
         this.responseType = responseType;
+        this.maxTries = maxTries ?? 999;
       }
       abort() {
         var _a2;
@@ -282,9 +283,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this._active.clear();
         this._queue.length = 0;
       }
-      async http(range2, label) {
+      async http(range2, label, maxTries) {
         const rangeStr = range2 ? `bytes=${range2.start}-${range2.end - 1}` : void 0;
-        const request2 = new retriableRequest_1.RetriableRequest(this.url, this.headers, rangeStr, "arraybuffer");
+        const request2 = new retriableRequest_1.RetriableRequest(this.url, this.headers, rangeStr, "arraybuffer", maxTries);
         request2.msg = range2 ? `${label} : [${range2.start}, ${range2.end}] of ${this.url}` : `${label} of ${this.url}`;
         this.enqueue(request2);
         return new Promise((resolve, reject) => {
@@ -293,13 +294,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             this._tracker.update(label, e);
           };
           request2.onLoad = (result) => {
-            this._tracker.end(label);
+            this.end(request2, label);
             resolve(result);
-            this.end(request2);
           };
           request2.onError = () => {
             this._tracker.fail(label);
-            this.retry(request2);
+            request2.maxTries -= 1;
+            if (request2.maxTries <= 0) {
+              this.end(request2, label);
+              reject(new Error("Max tries exceeded: " + request2.msg));
+            } else {
+              this.retry(request2);
+            }
           };
         });
       }
@@ -312,8 +318,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.maxConcurency = Math.max(1, this.maxConcurency - 1);
         setTimeout(() => this.enqueue(request2), 2e3);
       }
-      end(request2) {
+      end(request2, label) {
         this.logs.log("Finished " + request2.msg);
+        this._tracker.end(label);
         this._active.delete(request2);
         this.next();
       }
@@ -4977,7 +4984,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
        * Downloads and parse header from remote.
        */
       async requestHeader() {
-        const buffer = await this.request(new Range(0, 32), "Header");
+        const tries = this.offset === 0 ? 3 : 999;
+        const buffer = await this.request(new Range(0, 32), "Header", tries);
         if (!buffer)
           throw new Error("Could not get BFAST Header");
         const result = BFastHeader.createFromBuffer(buffer);
@@ -4988,8 +4996,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
        * @param range range to get, or get full resource if undefined
        * @param label label for logs
        */
-      async request(range2, label) {
-        const buffer = this.local(range2, label) ?? await this.remote(range2, label) ?? await this.remote(void 0, label);
+      async request(range2, label, maxTries) {
+        const buffer = this.local(range2, label) ?? await this.remote(range2, label, maxTries) ?? await this.remote(void 0, label, maxTries);
         if (!buffer) {
           throw new Error(`Could not load vim at ${this.source}`);
         }
@@ -5011,11 +5019,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /**
        * returns requested range from remote.
        */
-      async remote(range2, label) {
+      async remote(range2, label, maxTries = -1) {
         if (!(this.source instanceof remoteBuffer_1.RemoteBuffer))
           return void 0;
         const r = range2 == null ? void 0 : range2.offset(this.offset);
-        const buffer = await this.source.http(r, `${this.name}.${label}`);
+        const buffer = await this.source.http(r, `${this.name}.${label}`, maxTries);
         if (range2 && ((buffer == null ? void 0 : buffer.byteLength) ?? 0) < range2.length) {
           console.log("Range request request failed.");
           return void 0;
@@ -5968,85 +5976,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     remoteVimx.RemoteVimx = RemoteVimx;
     return remoteVimx;
   }
-  var requester = {};
-  var hasRequiredRequester;
-  function requireRequester() {
-    if (hasRequiredRequester) return requester;
-    hasRequiredRequester = 1;
-    Object.defineProperty(requester, "__esModule", { value: true });
-    requester.Requester = void 0;
-    const logging_1 = requireLogging$1();
-    const retriableRequest_1 = requireRetriableRequest();
-    const requestTracker_1 = requireRequestTracker();
-    class Requester {
-      constructor(verbose = false) {
-        this.maxConcurency = 10;
-        this._queue = [];
-        this._active = /* @__PURE__ */ new Set();
-        this._logs = verbose ? new logging_1.DefaultLog() : new logging_1.NoLog();
-        this._tracker = new requestTracker_1.RequestTracker(void 0, this._logs);
-        this._tracker.onUpdate = (p) => {
-          var _a2;
-          return (_a2 = this.onProgress) == null ? void 0 : _a2.call(this, p);
-        };
-      }
-      abort() {
-        this._active.forEach((request2) => {
-          request2.abort();
-        });
-        this._active.clear();
-        this._queue.length = 0;
-      }
-      async http(url, headers = {}, label) {
-        const request2 = new retriableRequest_1.RetriableRequest(url, headers, void 0, "arraybuffer");
-        request2.msg = url;
-        this.enqueue(request2);
-        return new Promise((resolve, reject) => {
-          this._tracker.start(label);
-          request2.onProgress = (e) => {
-            this._tracker.update(label, e);
-          };
-          request2.onLoad = (result) => {
-            this._tracker.end(label);
-            resolve(result);
-            this.end(request2);
-          };
-          request2.onError = () => {
-            this._tracker.fail(label);
-            this.retry(request2);
-          };
-        });
-      }
-      enqueue(xhr) {
-        this._queue.push(xhr);
-        this.next();
-      }
-      retry(xhr) {
-        this._active.delete(xhr);
-        this.maxConcurency = Math.max(1, this.maxConcurency - 1);
-        setTimeout(() => this.enqueue(xhr), 2e3);
-      }
-      end(xhr) {
-        this._active.delete(xhr);
-        this.next();
-      }
-      next() {
-        if (this._queue.length === 0) {
-          return;
-        }
-        if (this._active.size >= this.maxConcurency) {
-          return;
-        }
-        const next = this._queue[0];
-        this._queue.shift();
-        this._active.add(next);
-        next.send();
-        this._logs.log("Starting " + next.msg);
-      }
-    }
-    requester.Requester = Requester;
-    return requester;
-  }
   var objectModel = {};
   var entityTable = {};
   var hasRequiredEntityTable;
@@ -8836,6 +8765,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           table.getHostIndex(index2).then((v) => result.hostIndex = v),
           table.getFromRoomIndex(index2).then((v) => result.fromRoomIndex = v),
           table.getToRoomIndex(index2).then((v) => result.toRoomIndex = v),
+          table.getSuperComponentIndex(index2).then((v) => result.superComponentIndex = v),
           table.getElementIndex(index2).then((v) => result.elementIndex = v)
         ]);
         return result;
@@ -8888,6 +8818,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         let hostIndex;
         let fromRoomIndex;
         let toRoomIndex;
+        let superComponentIndex;
         let elementIndex;
         await Promise.all([
           (async () => {
@@ -8971,6 +8902,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           (async () => {
             toRoomIndex = await localTable.getNumberArray("index:Vim.Room:ToRoom");
           })(),
+          (async () => {
+            superComponentIndex = await localTable.getNumberArray("index:Vim.Element:SuperComponent");
+          })(),
           (async () => {
             elementIndex = await localTable.getNumberArray("index:Vim.Element:Element");
           })()
@@ -9007,6 +8941,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             hostIndex: hostIndex ? hostIndex[i2] : void 0,
             fromRoomIndex: fromRoomIndex ? fromRoomIndex[i2] : void 0,
             toRoomIndex: toRoomIndex ? toRoomIndex[i2] : void 0,
+            superComponentIndex: superComponentIndex ? superComponentIndex[i2] : void 0,
             elementIndex: elementIndex ? elementIndex[i2] : void 0
           });
         }
@@ -9206,6 +9141,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
         return await ((_a2 = this.document.room) == null ? void 0 : _a2.get(index2));
       }
+      async getSuperComponentIndex(familyInstanceIndex) {
+        return await this.entityTable.getNumber(familyInstanceIndex, "index:Vim.Element:SuperComponent");
+      }
+      async getAllSuperComponentIndex() {
+        return await this.entityTable.getNumberArray("index:Vim.Element:SuperComponent");
+      }
+      async getSuperComponent(familyInstanceIndex) {
+        var _a2;
+        const index2 = await this.getSuperComponentIndex(familyInstanceIndex);
+        if (index2 === void 0) {
+          return void 0;
+        }
+        return await ((_a2 = this.document.element) == null ? void 0 : _a2.get(index2));
+      }
       async getElementIndex(familyInstanceIndex) {
         return await this.entityTable.getNumber(familyInstanceIndex, "index:Vim.Element:Element");
       }
@@ -13378,7 +13327,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       __exportStar(requireG3dScene(), exports2);
       __exportStar(requireRemoteBuffer(), exports2);
       __exportStar(requireRequestTracker(), exports2);
-      __exportStar(requireRequester(), exports2);
       __exportStar(requireRemoteValue(), exports2);
       __exportStar(requireVimHeader(), exports2);
       __exportStar(requireObjectModel(), exports2);
@@ -47943,6 +47891,7 @@ void main() {
   }
   function createMaskMaterial() {
     return new ShaderMaterial({
+      side: DoubleSide,
       uniforms: {},
       clipping: true,
       vertexShader: `
@@ -50219,10 +50168,10 @@ data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAAAXNSR0IArs
     background: { color: new Color(12698310) },
     skybox: {
       enable: true,
-      skyColor: new Color(15135994),
-      // Light sky blue pastel
-      groundColor: new Color(14671841),
-      // Light earthy brown pastel
+      skyColor: new Color(16777215),
+      // white
+      groundColor: new Color(16185078),
+      // less white
       sharpness: 2
     },
     groundPlane: {
@@ -53658,7 +53607,7 @@ data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAAAXNSR0IArs
     onUpdate() {
       this.updateScale();
       this.setPosition(this._camera.target);
-      this.show(true);
+      this.show(this._inputs.pointerActive === "orbit");
     }
     /**
      * Determines whether the orbit gizmo is enabled.
@@ -53680,6 +53629,7 @@ data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAAAXNSR0IArs
       }
       clearTimeout(this._timeout);
       this._gizmos.visible = show;
+      this._renderer.needsUpdate = true;
       if (show) {
         this._timeout = setTimeout(() => {
           this._gizmos.visible = false;
@@ -55286,6 +55236,15 @@ data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAAAXNSR0IArs
       this.reg(canvas, "pointerdown", this.onMouseDown.bind(this));
       this.reg(canvas, "pointermove", this.onMouseMove.bind(this));
       this.reg(canvas, "pointerup", this.onMouseUp.bind(this));
+      this.reg(canvas, "pointerleave", this.onPointerLeave.bind(this));
+    }
+    onPointerLeave(event) {
+      var _a2;
+      if (this.capturedId !== void 0) {
+        return;
+      }
+      this.faceNormal.set(0, 0, 0);
+      (_a2 = this.onFaceEnter) == null ? void 0 : _a2.call(this, this.faceNormal);
     }
     capturePointer(pointerId) {
       this.releasePointer();
@@ -58177,6 +58136,9 @@ data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAAAXNSR0IArs
     get url() {
       return this._messenger.url;
     }
+    get connected() {
+      return this._messenger.state.status === "connected";
+    }
     RPCAddNodeFlags(componentHandle, nodes, flags) {
       const marshal = new Marshal();
       marshal.writeString("RPCAddNodeFlags");
@@ -58873,6 +58835,9 @@ data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAAAXNSR0IArs
     get url() {
       return this.rpc.url;
     }
+    get connected() {
+      return this.rpc.connected;
+    }
     /*******************************************************************************
      * SCENE MANAGEMENT METHODS
      * Methods for managing the overall scene, including initialization, lighting,
@@ -59209,15 +59174,15 @@ data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAAAXNSR0IArs
      ******************************************************************************/
     /**
      * Loads a VIM file from the local filesystem.
-     * @param fileName - The path to the VIM file (supports file:// protocol)
+     * @param source - The path to the VIM file (supports file:// protocol)
      * @returns Promise resolving to the handle of the loaded VIM component
      * @throws {Error} If the filename is invalid or empty
      */
-    async RPCLoadVim(fileName) {
-      if (!Validation.isNonEmptyString(fileName)) return INVALID_HANDLE;
-      fileName = fileName.replace("file:///", "file://");
+    async RPCLoadVim(source) {
+      if (!Validation.isNonEmptyString(source.url)) return INVALID_HANDLE;
+      const url = source.url.replace("file:///", "file://");
       return await this.safeCall(
-        () => this.rpc.RPCLoadVim(fileName),
+        () => this.rpc.RPCLoadVim(url),
         INVALID_HANDLE
       );
     }
@@ -59227,10 +59192,10 @@ data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAAAXNSR0IArs
      * @returns Promise resolving to the handle of the loaded VIM component
      * @throws {Error} If the URL is invalid
      */
-    async RPCLoadVimURL(url) {
-      if (!Validation.isURL(url)) return INVALID_HANDLE;
+    async RPCLoadVimURL(source) {
+      if (!Validation.isURL(source.url)) return INVALID_HANDLE;
       return await this.safeCall(
-        () => this.rpc.RPCLoadVimURL(url, ""),
+        () => this.rpc.RPCLoadVimURL(source.url, source.authToken ?? ""),
         INVALID_HANDLE
       );
     }
@@ -59614,9 +59579,9 @@ data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAAAXNSR0IArs
       this._inputsMouse = new InputMouse(this._canvas, this._rpc, selection, camera2);
       this._inputsTouch = new InputTouch(this._canvas, this._rpc);
       this._keyboard = new InputKeyboard(this._rpc, selection, camera2, this);
-      this.register();
     }
     onConnect() {
+      this.register();
       this._rpc.RPCSetMoveSpeed(this._moveSpeed);
     }
     register() {
@@ -59862,7 +59827,7 @@ Averrage Date/Second ${avgDataRatePS} kb
      * Disconnects from the current WebSocket server.
      */
     disconnect(error) {
-      this._logger.log("Disconnecting from " + this._connectingUrl);
+      this._logger.log("Disconnecting from: ", this._connectingUrl);
       this._connectingUrl = void 0;
       this._disconnect(error);
     }
@@ -59948,7 +59913,7 @@ Averrage Date/Second ${avgDataRatePS} kb
         this._disconnect(issues);
         return;
       }
-      this._logger.log("Connected to " + ((_a2 = this._socket) == null ? void 0 : _a2.url));
+      this._logger.log("Connected to: ", (_a2 = this._socket) == null ? void 0 : _a2.url);
       this.updateState({ status: "connected" });
       this._streamLogger.startLoggging();
       this._connectPromise.resolve();
@@ -60261,7 +60226,10 @@ Averrage Date/Second ${avgDataRatePS} kb
           this._logger.error("Error decoding video chunk: ", e);
         }
       }
-      this._firstDecoded = true;
+      if (!this._firstDecoded) {
+        this._firstDecoded = true;
+        this._logger.log("First frame decoded");
+      }
     }
     /**
      * Clears the decoder state and renderer buffer.
@@ -60471,16 +60439,16 @@ Averrage Date/Second ${avgDataRatePS} kb
       if (this._request) {
         return this._request;
       }
-      this._logger.log("Loading " + this.source);
+      this._logger.log("Loading: ", this.source);
       this._request = new LoadRequest$1();
       this._load(this.source, this._request).then(async (request2) => {
         const result = await request2.getResult();
         if (result.isSuccess) {
-          this._logger.log(`Successfully loaded vim: ${this.source}`);
+          this._logger.log("Successfully loaded vim: ", this.source);
           this.reapplyNodes();
           this.reapplyColors();
         } else {
-          this._logger.log(`Failed to load vim:  ${this.source}`);
+          this._logger.log("Failed to load vim: ", this.source);
         }
       });
       return this._request;
@@ -60513,18 +60481,19 @@ Averrage Date/Second ${avgDataRatePS} kb
     }
     /**
      * Requests for the server to load the given URL or file path.
-     * @param url - The URL or file path to load.
+     * @param source - The URL or file path to load.
      * @param result - The load request object to update.
      * @returns The updated load request.
      */
-    async _load(url, result) {
-      const handle = await this._getHandle(url, result);
+    async _load(source, result) {
+      const handle = await this._getHandle(source, result);
       if (result.isCompleted || handle === INVALID_HANDLE) {
         return result;
       }
       while (true) {
         try {
           const state = await this._rpc.RPCGetVimLoadingState(handle);
+          this._logger.log("state :", state);
           result.onProgress(state.progress);
           switch (state.status) {
             // Keep waiting for the loading to complete
@@ -60561,16 +60530,16 @@ Averrage Date/Second ${avgDataRatePS} kb
           return "unknown";
       }
     }
-    async _getHandle(url, result) {
+    async _getHandle(source, result) {
       let handle = void 0;
       try {
-        if (isURL(url)) {
-          handle = await this._rpc.RPCLoadVimURL(url);
-        } else if (isFileURI(url)) {
-          handle = await this._rpc.RPCLoadVim(url);
+        if (isURL(source.url)) {
+          handle = await this._rpc.RPCLoadVimURL(source);
+        } else if (isFileURI(source.url)) {
+          handle = await this._rpc.RPCLoadVim(source);
         } else {
           console.log("Defaulting to file path");
-          handle = await this._rpc.RPCLoadVim(url);
+          handle = await this._rpc.RPCLoadVim(source);
         }
       } catch (e) {
         result.error("downloadingError", e.message);
@@ -60580,6 +60549,7 @@ Averrage Date/Second ${avgDataRatePS} kb
         result.error("downloadingError");
         return INVALID_HANDLE;
       }
+      console.log("handle :", handle);
       return handle;
     }
     /**
@@ -60785,13 +60755,27 @@ Averrage Date/Second ${avgDataRatePS} kb
     return new Promise((resolve) => setTimeout(resolve, ms));
   }
   const defaultLogger = {
-    log: (message) => {
-      console.log("VIM Ultra: " + message);
+    log: (message, obj) => {
+      const caller = getCaller();
+      const msg = `VIM Ultra : ${message}`;
+      if (obj) {
+        console.log(msg, obj, { caller });
+      } else {
+        console.log(msg, { caller });
+      }
     },
     error: (message, e) => {
-      console.error("VIM Ultra: " + message, e);
+      console.error("VIM Ultra " + message, e);
     }
   };
+  function getCaller() {
+    const stack = new Error().stack;
+    if (!stack) return "";
+    const files = stack.split("/");
+    const file = files[files.length - 1];
+    const clean = file.replace(/\?[^:]+/, "");
+    return clean;
+  }
   function debounce(func, delay) {
     let timeoutId;
     return [function(...args) {
@@ -60809,14 +60793,16 @@ Averrage Date/Second ${avgDataRatePS} kb
      * @param canvas - The HTML canvas element to observe and manage
      * @param rpc - RPC client for viewport communication
      */
-    constructor(canvas, rpc) {
+    constructor(canvas, rpc, logger) {
       /** The HTML canvas element used for rendering */
       __publicField(this, "canvas");
       __publicField(this, "_rpc");
+      __publicField(this, "_logger");
       __publicField(this, "_observer");
       __publicField(this, "_clearTimeout");
       this.canvas = canvas;
       this._rpc = rpc;
+      this._logger = logger;
       const [debounced, clear] = debounce(() => this.onResize(), 250);
       this._observer = new ResizeObserver(debounced);
       this._observer.observe(canvas);
@@ -60827,14 +60813,16 @@ Averrage Date/Second ${avgDataRatePS} kb
      * @private
      */
     onResize() {
-      console.log("Canvas resized to", this.canvas.offsetWidth, "x", this.canvas.offsetHeight);
+      this._logger.log("Canvas resized to :", { x: this.canvas.offsetWidth, y: this.canvas.offsetHeight });
       this.update();
     }
     /**
      * Updates the aspect ratio of the viewport on the server
      */
     update() {
-      this._rpc.RPCSetAspectRatio(this.canvas.offsetWidth, this.canvas.offsetHeight);
+      if (this._rpc.connected) {
+        this._rpc.RPCSetAspectRatio(this.canvas.offsetWidth, this.canvas.offsetHeight);
+      }
     }
     /**
      * Cleans up resources by removing resize observer and clearing timeouts
@@ -61372,7 +61360,7 @@ Averrage Date/Second ${avgDataRatePS} kb
   const defaultRenderSettings = {
     ...defaultSceneSettings,
     lockIblRotation: true,
-    ghostColor: new RGBA(0.7, 0.62, 0.66, 5e-3)
+    ghostColor: new RGBA(14 / 255, 14 / 255, 14 / 255, 1 / 255)
   };
   class Renderer {
     /**
@@ -61380,14 +61368,16 @@ Averrage Date/Second ${avgDataRatePS} kb
      * @param rpc - RPC client for communication with the rendering backend
      * @param settings - Optional partial render settings to override defaults
      */
-    constructor(rpc, settings2 = {}) {
+    constructor(rpc, logger, settings2 = {}) {
       __publicField(this, "_rpc");
+      __publicField(this, "_logger");
       __publicField(this, "_settings");
       __publicField(this, "_animationFrame");
       __publicField(this, "_updateLighting", false);
       __publicField(this, "_updateGhostColor", false);
       __publicField(this, "_updateIblRotation", false);
       this._rpc = rpc;
+      this._logger = logger;
       this._settings = { ...defaultRenderSettings, ...settings2 };
     }
     /**
@@ -61396,8 +61386,12 @@ Averrage Date/Second ${avgDataRatePS} kb
      */
     async validateConnection() {
       const success = await this._rpc.RPCStartScene(this._settings);
-      if (success) return void 0;
+      if (success) {
+        this._logger.log("Scene stream started successfully");
+        return void 0;
+      }
       const error = await this._rpc.RPCGetLastError();
+      this._logger.error("Failed to start scene stream", error);
       return {
         status: "error",
         error: "stream",
@@ -61622,10 +61616,10 @@ Averrage Date/Second ${avgDataRatePS} kb
       this.rpc = new RpcSafeClient(new RpcClient(this._socketClient));
       this._canvas = canvas;
       this._vims = new VimCollection();
-      this._viewport = new Viewport(canvas, this.rpc);
+      this._viewport = new Viewport(canvas, this.rpc, this._logger);
       this._decoder = new Decoder(canvas, this._logger);
       this._selection = new ViewerSelection(this.rpc, this._vims);
-      this._renderer = new Renderer(this.rpc);
+      this._renderer = new Renderer(this.rpc, this._logger);
       this.colors = new ColorManager(this.rpc);
       this._camera = new Camera(this.rpc);
       this._input = new Inputs(canvas, this.rpc, this._selection, this._camera, this._renderer);
@@ -61734,6 +61728,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       const remoteVersion = parseVersion(version2);
       const localParsedVersion = parseVersion(localVersion);
       if (localParsedVersion.major !== remoteVersion.major) {
+        this._logger.error("Major version mismatch", { local: localParsedVersion, remote: remoteVersion });
         return {
           status: "error",
           error: "compatibility",
@@ -61742,6 +61737,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           serverVersion: version2
         };
       }
+      this._logger.log("API version check passed", { local: localParsedVersion, remote: remoteVersion });
       return void 0;
     }
     /**
@@ -61771,16 +61767,16 @@ Averrage Date/Second ${avgDataRatePS} kb
     }
     /**
      * Requests the server to load the given URL or file path.
-     * @param path - The path or URL to the VIM file.
+     * @param source - The path or URL to the VIM file.
      * @returns A load request object that can be used to wait for the load to complete.
      */
-    loadVim(path) {
-      if (typeof path !== "string" || path.trim() === "") {
+    loadVim(source) {
+      if (typeof source.url !== "string" || source.url.trim() === "") {
         const request22 = new LoadRequest$1();
         request22.error("loadingError", "Invalid path");
         return request22;
       }
-      const vim = new Vim(this.rpc, this.colors, path, this._logger);
+      const vim = new Vim(this.rpc, this.colors, source, this._logger);
       this._vims.add(vim);
       const request2 = vim.connect();
       request2.getResult().then((result) => {
@@ -74265,6 +74261,8 @@ Averrage Date/Second ${avgDataRatePS} kb
       relay("pointerdown", (s, e) => new PointerEvent(s, e), false);
       relay("pointermove", (s, e) => new PointerEvent(s, e), false);
       relay("pointerup", (s, e) => new PointerEvent(s, e), false);
+      relay("pointerenter", (s, e) => new PointerEvent(s, e));
+      relay("pointerleave", (s, e) => new PointerEvent(s, e));
       relay("touchstart", (s, e) => new TouchEvent(s, e), false);
       relay("touchend", (s, e) => new TouchEvent(s, e), false);
       relay("touchmove", (s, e) => new TouchEvent(s, e), false);
@@ -75708,18 +75706,18 @@ Averrage Date/Second ${avgDataRatePS} kb
     }
     return true;
   }
-  function serverFileDownloadingError(url, server) {
+  function serverFileDownloadingError(url, authToken, server) {
     if (isFilePathOrUri(url)) {
       return fileOpeningError(url);
     }
     return {
       title: "File Downloading Error",
-      body: body$4(server, url),
+      body: body$4(server, authToken, server),
       footer: footer(support),
       canClose: false
     };
   }
-  function body$4(server, url) {
+  function body$4(url, server, authToken) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: vcRoboto, children: [
       mainText(/* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         "Oops, it appears that there’s an ",
@@ -75729,7 +75727,8 @@ Averrage Date/Second ${avgDataRatePS} kb
       subTitle("Error details:"),
       dotList([
         server ? bullet("VIM ULTRA Server:", server) : null,
-        bullet("File URL:", url)
+        bullet("File URL:", url),
+        authToken ? bullet("Auth Token:", authToken) : null``
       ]),
       subTitle("Troubleshooting tips:"),
       numList([
@@ -75834,7 +75833,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: vcRoboto, children: [
       mainText(/* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         "Oops, it appears that there’s an ",
-        bold("error starting a stream on the VIM Ulta Server"),
+        bold("error starting a stream on the VIM Ultra Server"),
         ". Please check the following conditions to get back up and running quickly."
       ] })),
       subTitle("Troubleshooting tips:"),
@@ -75865,17 +75864,17 @@ Averrage Date/Second ${avgDataRatePS} kb
         return serverStreamError(state.serverUrl);
     }
   }
-  function getRequestErrorMessage(url, error) {
+  function getRequestErrorMessage(source, error) {
     console.log(error);
     switch (error) {
       case "loadingError":
-        return serverFileLoadingError(url);
+        return serverFileLoadingError(source.url);
       case "downloadingError":
       case "unknown":
       case "cancelled":
-        return serverFileDownloadingError(url);
+        return serverFileDownloadingError(source.url);
       case "serverDisconnected":
-        return serverConnectionError(url);
+        return serverConnectionError(source.url);
     }
   }
   function createUltraComponent(container) {
@@ -75930,13 +75929,13 @@ Averrage Date/Second ${avgDataRatePS} kb
     }
   }
   function ToRef(viewer, modal) {
-    function load(url) {
-      const request2 = viewer.loadVim(url);
+    function load(source) {
+      const request2 = viewer.loadVim(source);
       void updateProgress(request2, modal);
       void request2.getResult().then(
         (result) => {
           if (result.isError) {
-            modal.message(getRequestErrorMessage(url, result.error));
+            modal.message(getRequestErrorMessage(source, result.error));
             return;
           }
           if (result.isSuccess) {