@needle-tools/engine 5.1.0-alpha.6 → 5.1.0-canary.02ccb45

package/src/engine/engine_license.ts

@@ -9,19 +9,19 @@ import { getParam } from "./engine_utils.js";
 
 const debug = getParam("__debuglic__");
 
-const qKUrR: ((result: boolean) => void)[] = [];
+const $lPERZMM: ((result: boolean) => void)[] = [];
 
 // DO NOT EDIT MANUALLY
-let EzdGPQg: string = "";
+let fFDtghiT: string = "";
 // eslint-disable-next-line prefer-const
-let _$InwX: string = "";
+let $NAqiWhRF: string = "";
 
 if (debug) {
-    console.log("License Type: " + EzdGPQg);
-    if (_$InwX) {
-        console.log("License JWT: " + _$InwX);
+    console.log("License Type: " + fFDtghiT);
+    if ($NAqiWhRF) {
+        console.log("License JWT: " + $NAqiWhRF);
         try {
-            const payload = JSON.parse(atob(_$InwX.split(".")[1].replace(/-/g, '+').replace(/_/g, '/')));
+            const payload = JSON.parse(atob($NAqiWhRF.split(".")[1].replace(/-/g, '+').replace(/_/g, '/')));
             console.log("License JWT payload:", payload);
         }
         catch { console.log("License JWT payload: (failed to decode)"); }
@@ -32,8 +32,8 @@ if (debug) {
 }
 
 /** @internal */
-export function _cxKhKwDL() {
-    switch (EzdGPQg) {
+export function UsFaeEU() {
+    switch (fFDtghiT) {
         case "pro":
         case "enterprise":
             return true;
@@ -42,8 +42,8 @@ export function _cxKhKwDL() {
 }
 
 /** @internal */
-export function __otwqOR() {
-    switch (EzdGPQg) {
+export function _$xxpfa() {
+    switch (fFDtghiT) {
         case "indie":
             return true;
     }
@@ -51,8 +51,8 @@ export function __otwqOR() {
 }
 
 /** @internal */
-export function __mPmwPS() {
-    switch (EzdGPQg) {
+export function _$fONrFrf() {
+    switch (fFDtghiT) {
         case "edu":
             return true;
     }
@@ -60,20 +60,20 @@ export function __mPmwPS() {
 }
 
 /** @internal */
-export function LynjGsV() {
-    return _cxKhKwDL() || __otwqOR() || __mPmwPS();
+export function _$HwXA() {
+    return UsFaeEU() || _$xxpfa() || _$fONrFrf();
 }
 
 
 /** @internal */
-export function $yRlAEF(cb: (result: boolean) => void) {
-    if (_cxKhKwDL() || __otwqOR() || __mPmwPS())
+export function _uIFN(cb: (result: boolean) => void) {
+    if (UsFaeEU() || _$xxpfa() || _$fONrFrf())
         return cb(true);
-    qKUrR.push(cb);
+    $lPERZMM.push(cb);
 }
 
-function cLH(result: boolean) {
-    for (const cb of qKUrR) {
+function FHaO(result: boolean) {
+    for (const cb of $lPERZMM) {
         try {
             cb(result);
         }
@@ -88,7 +88,7 @@ function cLH(result: boolean) {
 
 // ECDSA P-256 public key for verifying license JWTs (verification-only, safe to ship)
 /* eslint-disable no-secrets/no-secrets -- public key, not a secret */
-const ACBIZP = {
+const _$eFebWu = {
     kty: "EC",
     crv: "P-256",
     x: "A34nyKMjhQYVgzeE4tyLUYdx34TAKogDa7v7PRaO9Lg",
@@ -112,7 +112,7 @@ function base64urlDecode(str: string): Uint8Array {
  * Verify a JWT license token and return the `type` claim if valid.
  * Returns null if the JWT is missing, malformed, or has an invalid signature.
  */
-async function IKPk(jwt: string): Promise<string | null> {
+async function _$VqCN(jwt: string): Promise<string | null> {
     if (!jwt) return null;
     try {
         const parts = jwt.split(".");
@@ -122,7 +122,7 @@ async function IKPk(jwt: string): Promise<string | null> {
 
         const key = await crypto.subtle.importKey(
             "jwk",
-            ACBIZP,
+            _$eFebWu,
             { name: "ECDSA", namedCurve: "P-256" },
             false,
             ["verify"]
@@ -182,24 +182,24 @@ async function IKPk(jwt: string): Promise<string | null> {
 }
 
 /** Verify the injected JWT and update the license type if valid.
- * The engine ONLY trusts the JWT — the plain EzdGPQg string is ignored. */
+ * The engine ONLY trusts the JWT — the plain fFDtghiT string is ignored. */
 let _jwtVerificationPromise: Promise<void> | undefined = undefined;
-async function _EyK(): Promise<void> {
-    // NOTE: do NOT add an `if (!_$InwX) return` guard here.
+async function _$esPHqPbk(): Promise<void> {
+    // NOTE: do NOT add an `if (!$NAqiWhRF) return` guard here.
     // esbuild (Vite dependency pre-bundling) would see the variable as constant ""
     // and tree-shake the entire JWT verification code path.
-    const jwt = _$InwX;
+    const jwt = $NAqiWhRF;
     // Clear after reading — this reassignment also prevents esbuild from
     // constant-folding the variable (it now has multiple assignment sites).
-    _$InwX = "";
-    const verifiedType = await IKPk(jwt);
+    $NAqiWhRF = "";
+    const verifiedType = await _$VqCN(jwt);
     if (verifiedType) {
-        EzdGPQg = verifiedType;
+        fFDtghiT = verifiedType;
         if (debug) console.log("License type set from verified JWT: " + verifiedType);
-        cLH(LynjGsV());
+        FHaO(_$HwXA());
     }
     else {
-        EzdGPQg = "basic";
+        fFDtghiT = "basic";
         if (debug && jwt) console.warn("JWT verification failed — license reset to basic");
     }
 }
@@ -271,7 +271,7 @@ export namespace Telemetry {
 
         const attribute = domElement?.getAttribute("no-telemetry");
         if (attribute === "" || attribute === "true" || attribute === "1") {
-            if (EzdGPQg === "pro" || EzdGPQg === "enterprise") {
+            if (fFDtghiT === "pro" || fFDtghiT === "enterprise") {
                 if (debug) console.debug("Telemetry is disabled via no-telemetry attribute");
                 return false;
             }
@@ -378,32 +378,32 @@ export namespace Telemetry {
 }
 
 
-export function _$AnFl() {
+export function NJzpPtg() {
 
-    if(EzdGPQg === "") EzdGPQg = "basic";
+    if(fFDtghiT === "") fFDtghiT = "basic";
 
     // Start JWT verification — must be here (not top-level) to avoid tree-shaking
-    _jwtVerificationPromise = _EyK();
+    _jwtVerificationPromise = _$esPHqPbk();
 
     Telemetry.init();
     ContextRegistry.registerCallback(ContextEvent.ContextRegistered, evt => {
-        $vyRL(evt.context);
-        uZY(evt.context);
-        setTimeout(() => cEROvL(evt.context), 2000);
+        _$gQtqwCB(evt.context);
+        _CdPSmGkr(evt.context);
+        setTimeout(() => $HSXqXU(evt.context), 2000);
     });
 }
 
-export let _$oYJ: Promise<void> | undefined = undefined;
+export let _$FUOmM: Promise<void> | undefined = undefined;
 let applicationIsForbidden = false;
 let applicationForbiddenText = "";
-async function __lVbhf() {
+async function __oQxZ() {
     // Only perform the runtime license check once
-    if (_$oYJ) return _$oYJ;
+    if (_$FUOmM) return _$FUOmM;
     // Wait for JWT verification to complete first (if running)
     if (_jwtVerificationPromise) {
         await _jwtVerificationPromise;
     }
-    if (EzdGPQg === "basic") {
+    if (fFDtghiT === "basic") {
         try {
             const licenseUrl = "https://needle.tools/api/v1/needle-engine/check?location=" + encodeURIComponent(window.location.href) + "&version=" + VERSION + "&generator=" + encodeURIComponent(GENERATOR);
             const res = await fetch(licenseUrl, {
@@ -415,29 +415,29 @@ async function __lVbhf() {
             if (res?.status === 200) {
                 applicationIsForbidden = false;
                 if (debug) console.log("License check succeeded");
-                EzdGPQg = "pro";
-                cLH(true);
+                fFDtghiT = "pro";
+                FHaO(true);
             }
             else if (res?.status === 403) {
-                cLH(false);
+                FHaO(false);
                 applicationIsForbidden = true;
                 applicationForbiddenText = await res.text();
             }
             else {
-                cLH(false);
+                FHaO(false);
                 if (debug) console.log("License check failed with status " + res?.status);
             }
         }
         catch (err) {
-            cLH(false);
+            FHaO(false);
             if (debug) console.error("License check failed", err);
         }
     }
-    else if (debug) console.log("Runtime license check is skipped because license is already applied as \"" + EzdGPQg + "\"");
+    else if (debug) console.log("Runtime license check is skipped because license is already applied as \"" + fFDtghiT + "\"");
 }
-_$oYJ = __lVbhf();
+_$FUOmM = __oQxZ();
 
-async function uZY(ctx: IContext) {
+async function _CdPSmGkr(ctx: IContext) {
     function createForbiddenElement() {
         const div = document.createElement("div");
         div.className = "needle-forbidden";
@@ -502,40 +502,40 @@ async function uZY(ctx: IContext) {
     }, 500)
 }
 
-async function $vyRL(ctx: IContext) {
+async function _$gQtqwCB(ctx: IContext) {
     try {
-        if (!_cxKhKwDL() && !__otwqOR()) {
-            return LGWV(ctx);
+        if (!UsFaeEU() && !_$xxpfa()) {
+            return $IkwxjeKh(ctx);
         }
     }
     catch (err) {
         if (debug) console.log("License check failed", err)
-        return LGWV(ctx)
+        return $IkwxjeKh(ctx)
     }
-    if (debug) LGWV(ctx)
+    if (debug) $IkwxjeKh(ctx)
 }
 
 
 
-async function LGWV(ctx: IContext) {
+async function $IkwxjeKh(ctx: IContext) {
 
     // if the engine loads faster than the license check, we need to capture the ready event here
     let isReady = false;
     ctx.domElement.addEventListener("ready", () => isReady = true);
 
-    await _$oYJ?.catch(() => { });
+    await _$FUOmM?.catch(() => { });
 
 
-    if (_cxKhKwDL() || __otwqOR()) return;
-    if (LynjGsV() === false) _kYgJQd();
+    if (UsFaeEU() || _$xxpfa()) return;
+    if (_$HwXA() === false) $vODKpHVX();
 
     // check if the engine is already ready (meaning has finished loading)
     if (isReady) {
-        _$XDPaPw(ctx);
+        __pVF(ctx);
     }
     else {
         ctx.domElement.addEventListener("ready", () => {
-            _$XDPaPw(ctx);
+            __pVF(ctx);
         });
     }
 }
@@ -543,7 +543,7 @@ async function LGWV(ctx: IContext) {
 // const licenseElementIdentifier = "needle-license-element";
 // const licenseDuration = 10000;
 // const licenseDelay = 1200;
-function _$XDPaPw(ctx: IContext) {
+function __pVF(ctx: IContext) {
 
     const style = `
         position: relative;
@@ -556,7 +556,7 @@ function _$XDPaPw(ctx: IContext) {
         padding: 10px;
         padding-left: 30px;
     `;
-    if (EzdGPQg === "edu") {
+    if (fFDtghiT === "edu") {
         if (navigator.webdriver) {
             console.log("This project is supported by Needle for Education – https://needle.tools");
         }
@@ -613,7 +613,7 @@ function _$XDPaPw(ctx: IContext) {
         }
     }, 1000);
 
-    if (__mPmwPS()) {
+    if (_$fONrFrf()) {
         const removeDelay = 20_000;
         setTimeout(() => {
             clearInterval(interval);
@@ -622,7 +622,7 @@ function _$XDPaPw(ctx: IContext) {
             const intervalInMinutes = 5;
             setTimeout(() => {
                 if (ctx.domElement.parentNode)
-                    _$XDPaPw(ctx);
+                    __pVF(ctx);
             }, 1000 * 60 * intervalInMinutes)
         }, removeDelay);
     }
@@ -633,7 +633,7 @@ function _$XDPaPw(ctx: IContext) {
 const base64Logo = "data:image/webp;base64,UklGRrABAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSKEAAAARN6CmbSM4WR7vdARON11EBDq3fLiNbVtVzpMCPlKAEzsx0Y/x+Ovuv4dn0EFE/ydAvz6YggXzgh5sVgXM/zOC/4sii7qgGvB5N7hmuQYwkvazWAu1JPW41FXSHq6pnaQWvqYH18Fc0j1hO/BFTtIeSBlJi5w6qIIO7IOrwhFsB2Yxukif0FTRLpXswHR8MxbslKe9VZsn/Ub5C7YFOpqSTABWUDgg6AAAAFAGAJ0BKiAAIAA+7VyoTqmkpCI3+qgBMB2JbACdMt69DwMIQBLhkTO6XwY00UEDK6cNIDnuNibPf0EgAP7Y1myuiQHLDsF/0h5unrGh6WAbv7aegg2ZMd3uRKfT/3SJztcaujYfTvMXspfCTmYcoO6a+vhC3ss4M8uM58t4siiu59I4aOl59e9Sr6xoxYlHf2v+NnBNpJYeJf8jABQAId/PXuBkLEFkiCucgSGEcfhvajql/j3reCGl0M5/9gQWy7ayNPs+wlvIxFnNfSlfuND4CZOCyxOHhRqOmHN4ULHo3tCSrUNvgAA=";
 
 let lastLogTime = 0;
-async function _kYgJQd(_logo?: string) {
+async function $vODKpHVX(_logo?: string) {
     const now = Date.now();
     if (now - lastLogTime < 2000) return;
     lastLogTime = now;
@@ -666,7 +666,7 @@ async function _kYgJQd(_logo?: string) {
 }
 
 
-async function cEROvL(context: IContext) {
+async function $HSXqXU(context: IContext) {
     // We can't send beacons from cross-origin isolated pages
     if (window.crossOriginIsolated) return;
 
@@ -681,7 +681,7 @@ async function cEROvL(context: IContext) {
 
             // current url without query parameters
             const currentUrl = window.location.href.split("?")[0];
-            const license = EzdGPQg;
+            const license = fFDtghiT;
 
             const beaconData = {
                 license,

package/src/engine/engine_networking_blob.ts

@@ -1,7 +1,7 @@
 import { FileLoader } from "three";
 
 import { showBalloonWarning } from "./debug/index.js";
-import { LynjGsV } from "./engine_license.js";
+import { _$HwXA } from "./engine_license.js";
 import { delay } from "./engine_utils.js";
 import { md5AsBytes, md5Hex, sha256Base64 } from "./engine_utils_hash.js";
 
@@ -45,7 +45,7 @@ export namespace BlobStorage {
      */
     export function canUpload(info: { filesize: number }) {
         const sizeInMB = info.filesize / 1024 / 1024;
-        if (LynjGsV()) {
+        if (_$HwXA()) {
             return sizeInMB < maxSizeInMB;
         }
         return sizeInMB < maxFreeSizeInMB;
@@ -100,7 +100,7 @@ export namespace BlobStorage {
             console.warn(`Your file is too large for uploading (${filesizeInMB.toFixed(1)}MB). Max allowed size is ${maxSizeInMB}MB`);
             return null;
         }
-        else if (!LynjGsV() && filesizeInMB > maxFreeSizeInMB) {
+        else if (!_$HwXA() && filesizeInMB > maxFreeSizeInMB) {
             if (opts?.silent !== true) showBalloonWarning(`File is too large for uploading. Please get a <a href=\"https://needle.tools/pricing\" target=\"_blank\">commercial license</a> to upload files larger than 5MB`);
             console.warn(`Your file is too large for uploading (${filesizeInMB.toFixed(1)}MB). Max size is 5MB for non-commercial users. Please get a commercial license at https://needle.tools/pricing for larger files (up to 50MB)`);
             return null;

package/src/engine/engine_utils_format.ts

@@ -205,7 +205,26 @@ export function tryDetermineMimetypeFromBinary(url: string, data: ArrayBuffer, r
         if (debug) console.debug("OBJ detected");
         return "model/obj";
     }
-    else if (response.headers.has("content-type")) {
+    // Run registered mimetype callbacks BEFORE the Content-Type-based dispatch
+    // below. Otherwise files served as `image/*` (HDRIs, KTX2 textures, etc.)
+    // hit the hardcoded `image/* → "unsupported"` early-out and the engine
+    // never asks our custom detectors whether they want to claim them.
+    // Known binary signatures (GLTF, USD, FBX, OBJ above) still resolve first
+    // and bypass this loop — no perf regression for the common path.
+    for (const callback of registeredMimetypeCallbacks) {
+        const mimetype = callback({
+            url: url,
+            response: response,
+            contentType: response.headers.get("content-type"),
+            bytes: bytes
+        })
+        if (mimetype) {
+            if (debug) console.debug(`Mimetype callback returned: ${mimetype}`);
+            return mimetype;
+        }
+    }
+
+    if (response.headers.has("content-type")) {
         const content_type = response.headers.get("content-type");
         if (content_type?.startsWith("image/")) {
             if (debug) console.debug("Image detected, not a model file");
@@ -259,19 +278,6 @@ export function tryDetermineMimetypeFromBinary(url: string, data: ArrayBuffer, r
     //     return "gltf";
     // }
 
-    for (const callback of registeredMimetypeCallbacks) {
-        const mimetype = callback({
-            url: url,
-            response: response,
-            contentType: response.headers.get("content-type"),
-            bytes: bytes
-        })
-        if (mimetype) {
-            if (debug) console.debug(`Mimetype callback returned: ${mimetype}`);
-            return mimetype;
-        }
-    }
-
 
     if (isDevEnvironment() || debug) {
         const text = new TextDecoder().decode(data.slice(0, Math.min(data.byteLength, 32)));

package/src/engine/engine_utils_qrcode.ts

@@ -4,7 +4,7 @@ import { Quaternion, Vector2, Vector3, Vector4 } from "three";
 
 import { needleLogoOnlySVG } from "./assets/index.js";
 import { isDevEnvironment } from "./debug/debug.js";
-import { LynjGsV } from "./engine_license.js";
+import { _$HwXA } from "./engine_license.js";
 import { InternalAttributeUtils } from "./engine_utils_attributes.js";
 import type { NeedleEngineWebComponent } from "./webcomponents/needle-engine.js";
 
@@ -135,7 +135,7 @@ async function internalRenderQRCodeOverlays(canvas: HTMLCanvasElement, args: { s
         console.debug("[QR Code] No web component found")
     }
 
-    const canUseCustomLogo = LynjGsV();
+    const canUseCustomLogo = _$HwXA();
 
     // Query logo src from needle-engine attribute.
     // For any supported attribute it's possible to use "falsey" values (e.g. "0" or "false" to disable the logo in the QR code)

package/src/engine/webcomponents/needle menu/needle-menu-spatial.ts

@@ -2,7 +2,7 @@ import { Mesh, Object3D, TextureLoader, Vector4 } from "three";
 import ThreeMeshUI from "three-mesh-ui";
 
 import { addNewComponent } from "../../engine_components.js";
-import { _cxKhKwDL } from "../../engine_license.js";
+import { UsFaeEU } from "../../engine_license.js";
 import { OneEuroFilterXYZ } from "../../engine_math.js";
 import type { Context } from "../../engine_setup.js";
 import { lookAtObject } from "../../engine_three_utils.js";
@@ -321,7 +321,7 @@ export class NeedleSpatialMenu {
         }
         if (this.menu) {
             const index = this.menu.children.indexOf(this._poweredByNeedleElement as any);
-            if (!this._showNeedleLogo && _cxKhKwDL()) {
+            if (!this._showNeedleLogo && UsFaeEU()) {
                 if (index >= 0) {
                     this._poweredByNeedleElement.removeFromParent();
                     this.markDirty();

package/src/engine/webcomponents/needle menu/needle-menu.ts

@@ -1,6 +1,6 @@
 import { showBalloonMessage } from "../../debug/debug.js";
 import type { Context } from "../../engine_context.js";
-import { LynjGsV, $yRlAEF, Telemetry } from "../../engine_license.js";
+import { _$HwXA, _uIFN, Telemetry } from "../../engine_license.js";
 import { isLocalNetwork } from "../../engine_networking_utils.js";
 import { HTMLElementBase } from "../../engine_ssr.js";
 import { DeviceUtilities, getParam } from "../../engine_utils.js";
@@ -778,8 +778,8 @@ export class NeedleMenuElement extends HTMLElementBase {
         try {
             // if the user has a license then we CAN hide the needle logo
             // calling this method immediately will cause an issue with vite bundling tho
-            window.requestAnimationFrame(() => $yRlAEF(res => {
-                if (res == true && LynjGsV() && !debugNonCommercial) {
+            window.requestAnimationFrame(() => _uIFN(res => {
+                if (res == true && _$HwXA() && !debugNonCommercial) {
                     let visible = this._userRequestedLogoVisible;
                     if (visible === undefined) visible = false;
                     this.___onSetLogoVisible(visible);
@@ -830,7 +830,7 @@ export class NeedleMenuElement extends HTMLElementBase {
                 // ensure the menu is not hidden or removed
                 const requiredParent = this?.parentNode;
                 if (this.style.display != "flex" || this.style.visibility != "visible" || this.style.opacity != "1" || requiredParent != this._domElement?.shadowRoot) {
-                    if (!LynjGsV()) {
+                    if (!_$HwXA()) {
                         const change = changeEventCounter++;
                         // if a user doesn't have a local pro license *but* for development the menu is hidden then we show a warning
                         if (isLocalNetwork() && this._userRequestedMenuVisible === false) {
@@ -918,7 +918,7 @@ export class NeedleMenuElement extends HTMLElementBase {
     showNeedleLogo(visible: boolean) {
         this._userRequestedLogoVisible = visible;
         if (!visible) {
-            if (!LynjGsV() || debugNonCommercial) {
+            if (!_$HwXA() || debugNonCommercial) {
                 console.warn("[Needle Engine] You need a PRO license to hide the Needle Engine logo in production.");
                 const localNetwork = isLocalNetwork()
                 if (!localNetwork) return;

package/src/engine/webcomponents/needle-engine.loading.ts

@@ -1,6 +1,6 @@
 import { needleLogoOnlySVG } from "../assets/index.js"
 import { isDevEnvironment, showBalloonWarning } from "../debug/index.js";
-import { LynjGsV, _cxKhKwDL, _$oYJ } from "../engine_license.js";
+import { _$HwXA, UsFaeEU, _$FUOmM } from "../engine_license.js";
 import { Mathf } from "../engine_math.js";
 import { LoadingProgressArgs } from "../engine_setup.js";
 import { getParam } from "../engine_utils.js";
@@ -205,7 +205,7 @@ export class EngineLoadingView implements ILoadingViewHandler {
         }
 
 
-        const hasLicense = _cxKhKwDL();
+        const hasLicense = UsFaeEU();
         if (!existing) {
             this._loadingElement.style.position = "absolute";
             this._loadingElement.style.width = "100%";
@@ -373,7 +373,7 @@ export class EngineLoadingView implements ILoadingViewHandler {
 
     // private async handleRuntimeLicense(loadingElement: HTMLElement) {
     //     // First check if we have a commercial license
-    //     let commercialLicense = LynjGsV();
+    //     let commercialLicense = _$HwXA();
     //     // if it's the case then we don't need to perform a runtime check
     //     if (commercialLicense) return;
 
@@ -393,10 +393,10 @@ export class EngineLoadingView implements ILoadingViewHandler {
     //     loadingElement.appendChild(nonCommercialContainer);
 
     //     // Use the runtime license check
-    //     if (!isDevEnvironment() && _$oYJ) {
+    //     if (!isDevEnvironment() && _$FUOmM) {
     //         if (debugLicense) console.log("Waiting for runtime license check");
-    //         await _$oYJ;
-    //         commercialLicense = LynjGsV();
+    //         await _$FUOmM;
+    //         commercialLicense = _$HwXA();
     //     }
     //     if (commercialLicense) return;
     //     nonCommercialContainer.style.transition = "opacity .5s ease-in-out";

package/src/engine/webcomponents/needle-engine.ts

@@ -1,7 +1,7 @@
 import { isDevEnvironment, showBalloonWarning } from "../debug/index.js";
 import { PUBLIC_KEY, VERSION } from "../engine_constants.js";
 import { ContextEvent, ContextRegistry } from "../engine_context_registry.js";
-import { LynjGsV } from "../engine_license.js";
+import { _$HwXA } from "../engine_license.js";
 import { onStart } from "../engine_lifecycle_api.js";
 import { setDracoDecoderPath, setDracoDecoderType, setKtx2TranscoderPath } from "../engine_loaders.gltf.js";
 import { Context, ContextCreateArgs } from "../engine_setup.js";
@@ -546,7 +546,7 @@ export class NeedleEngineWebComponent extends HTMLElementBase implements INeedle
 
 
         // Loading start events
-        const allowOverridingDefaultLoading = LynjGsV();
+        const allowOverridingDefaultLoading = _$HwXA();
         // default loading can be overriden by calling preventDefault in the onload start event
         this.ensureLoadStartIsRegistered();
         let useDefaultLoading = this.dispatchEvent(new CustomEvent("loadstart", {

package/src/engine/xr/TempXRContext.ts

@@ -3,7 +3,7 @@ import { ArrayCamera, AxesHelper, Camera, Color, DirectionalLight, Fog, GridHelp
 import { needleLogoOnlySVG } from "../assets/index.js";
 import { isDevEnvironment } from "../debug/index.js";
 import { ObjectUtils, PrimitiveType } from "../engine_create_objects.js";
-import { LynjGsV } from "../engine_license.js";
+import { _$HwXA } from "../engine_license.js";
 import { Mathf } from "../engine_math.js";
 import { delay, DeviceUtilities } from "../engine_utils.js";
 
@@ -215,7 +215,7 @@ export class TemporaryXRContext {
         this._scene.background = new Color(0x000000);
 
         let logoSrc = needleLogoOnlySVG;
-        if (LynjGsV()) {
+        if (_$HwXA()) {
             const htmlComponent = document.querySelector("needle-engine");
             if (htmlComponent) {
                 const licenseLogo = htmlComponent.getAttribute("logo-src");

package/src/engine-components/AudioSource.ts

@@ -563,7 +563,7 @@ export class AudioSource extends Behaviour {
         if (typeof clip === "string") {
             if (debug)
                 console.log(clip);
-            if (clip.endsWith(".mp3") || clip.endsWith(".wav") || clip.endsWith(".ogg") || clip.endsWith(".flac") || clip.endsWith(".aac") || clip.endsWith(".webm")) {
+            if (clip.endsWith(".mp3") || clip.endsWith(".wav") || clip.endsWith(".ogg") || clip.endsWith(".opus") || clip.endsWith(".flac") || clip.endsWith(".aac") || clip.endsWith(".webm")) {
                 if (!this.audioLoader)
                     this.audioLoader = new AudioLoader();
                 this.shouldPlay = true;

package/src/engine-components/DropListener.ts

@@ -776,6 +776,7 @@ namespace FileHelper {
                 if (debug) setTimeout(() => PreviewHelper.removePreview(args.guid), 3000);
                 else PreviewHelper.removePreview(args.guid);
                 console.warn("Unsupported file type: " + url.toString());
+                resolve(null);
             }
         });
     }

package/src/engine-components/OrbitControls.ts

@@ -582,7 +582,7 @@ export class OrbitControls extends Behaviour implements ICameraController {
     };
 
     private _onPointerUpLate = (evt: NEPointerEvent) => {
-        if (this.doubleClickToFocus && evt.isDoubleClick && !evt.used) {
+        if (this.doubleClickToFocus && evt.isDoubleClick && !evt.used && this.canFocusAtPointer()) {
             this.setTargetFromRaycast();
         }
         // Automatically update the camera focus
@@ -716,7 +716,7 @@ export class OrbitControls extends Behaviour implements ICameraController {
             }
         }
 
-        const focusAtPointer = (this.middleClickToFocus && this.context.input.getPointerClicked(1));
+        const focusAtPointer = (this.middleClickToFocus && this.context.input.getPointerClicked(1) && this.canFocusAtPointer());
         if (focusAtPointer) {
             this.setTargetFromRaycast();
         }
@@ -1080,6 +1080,12 @@ export class OrbitControls extends Behaviour implements ICameraController {
         if (this.lookAtTarget && this.lockLookAtTarget) this.lookAtTarget.worldPosition = this._controls.target;
     }
 
+    private canFocusAtPointer(): boolean {
+        // A locked lookAtTarget is the authoritative orbit center. Pointer focus would
+        // otherwise move the assigned scene object via lerpLookTarget's back-sync.
+        return !(this.lookAtTarget && this.lockLookAtTarget);
+    }
+
     private setTargetFromRaycast(ray?: Ray, immediateOrDuration: number | boolean = false): boolean {
         if (!this.controls) return false;
         const rc = ray ? this.context.physics.raycastFromRay(ray) : this.context.physics.raycast();