@needle-tools/engine 5.1.7 → 5.1.8

package/src/engine/engine_license.ts

@@ -9,19 +9,19 @@ import { DeviceUtilities, getParam } from "./engine_utils.js";
 
 const debug = getParam("__debuglic__");
 
-const __JlN: ((result: boolean) => void)[] = [];
+const _vyy: ((result: boolean) => void)[] = [];
 
 // DO NOT EDIT MANUALLY
-let _$feH: string = "";
+let DCMbeC: string = "";
 // eslint-disable-next-line prefer-const
-let Cll: string = "";
+let _$QDa: string = "";
 
 if (debug) {
-    console.log("License Type: " + _$feH);
-    if (Cll) {
-        console.log("License JWT: " + Cll);
+    console.log("License Type: " + DCMbeC);
+    if (_$QDa) {
+        console.log("License JWT: " + _$QDa);
         try {
-            const payload = JSON.parse(atob(Cll.split(".")[1].replace(/-/g, '+').replace(/_/g, '/')));
+            const payload = JSON.parse(atob(_$QDa.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 _owM() {
-    switch (_$feH) {
+export function LuMYUbW() {
+    switch (DCMbeC) {
         case "pro":
         case "enterprise":
             return true;
@@ -42,8 +42,8 @@ export function _owM() {
 }
 
 /** @internal */
-export function _$lAjTeY() {
-    switch (_$feH) {
+export function _VIq() {
+    switch (DCMbeC) {
         case "indie":
             return true;
     }
@@ -51,8 +51,8 @@ export function _$lAjTeY() {
 }
 
 /** @internal */
-export function WfpL() {
-    switch (_$feH) {
+export function _qGnTHBt() {
+    switch (DCMbeC) {
         case "edu":
             return true;
     }
@@ -60,20 +60,20 @@ export function WfpL() {
 }
 
 /** @internal */
-export function _ERXbX() {
-    return _owM() || _$lAjTeY() || WfpL();
+export function __sKHtRdk() {
+    return LuMYUbW() || _VIq() || _qGnTHBt();
 }
 
 
 /** @internal */
-export function _$fUPpV(cb: (result: boolean) => void) {
-    if (_owM() || _$lAjTeY() || WfpL())
+export function __YcMNHT(cb: (result: boolean) => void) {
+    if (LuMYUbW() || _VIq() || _qGnTHBt())
         return cb(true);
-    __JlN.push(cb);
+    _vyy.push(cb);
 }
 
-function $tNDg(result: boolean) {
-    for (const cb of __JlN) {
+function __GhIoUnR(result: boolean) {
+    for (const cb of _vyy) {
         try {
             cb(result);
         }
@@ -88,7 +88,7 @@ function $tNDg(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 UaNi = {
+const _ZlcqTFZ = {
     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 _jkTgbWSW(jwt: string): Promise<string | null> {
+async function $XibkUuV(jwt: string): Promise<string | null> {
     if (!jwt) return null;
     try {
         const parts = jwt.split(".");
@@ -122,7 +122,7 @@ async function _jkTgbWSW(jwt: string): Promise<string | null> {
 
         const key = await crypto.subtle.importKey(
             "jwk",
-            UaNi,
+            _ZlcqTFZ,
             { name: "ECDSA", namedCurve: "P-256" },
             false,
             ["verify"]
@@ -182,24 +182,24 @@ async function _jkTgbWSW(jwt: string): Promise<string | null> {
 }
 
 /** Verify the injected JWT and update the license type if valid.
- * The engine ONLY trusts the JWT — the plain _$feH string is ignored. */
+ * The engine ONLY trusts the JWT — the plain DCMbeC string is ignored. */
 let _jwtVerificationPromise: Promise<void> | undefined = undefined;
-async function _$xpTijs(): Promise<void> {
-    // NOTE: do NOT add an `if (!Cll) return` guard here.
+async function _eHTHvyky(): Promise<void> {
+    // NOTE: do NOT add an `if (!_$QDa) 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 = Cll;
+    const jwt = _$QDa;
     // Clear after reading — this reassignment also prevents esbuild from
     // constant-folding the variable (it now has multiple assignment sites).
-    Cll = "";
-    const verifiedType = await _jkTgbWSW(jwt);
+    _$QDa = "";
+    const verifiedType = await $XibkUuV(jwt);
     if (verifiedType) {
-        _$feH = verifiedType;
+        DCMbeC = verifiedType;
         if (debug) console.log("License type set from verified JWT: " + verifiedType);
-        $tNDg(_ERXbX());
+        __GhIoUnR(__sKHtRdk());
     }
     else {
-        _$feH = "basic";
+        DCMbeC = "basic";
         if (debug && jwt) console.warn("JWT verification failed — license reset to basic");
     }
 }
@@ -650,18 +650,18 @@ export namespace Telemetry {
 }
 
 
-export function _QQIM() {
+export function __jwMeHQW() {
 
-    if(_$feH === "") _$feH = "basic";
+    if(DCMbeC === "") DCMbeC = "basic";
 
     // Start JWT verification — must be here (not top-level) to avoid tree-shaking
-    _jwtVerificationPromise = _$xpTijs();
+    _jwtVerificationPromise = _eHTHvyky();
 
     Telemetry.init();
     ContextRegistry.registerCallback(ContextEvent.ContextRegistered, evt => {
-        _vIz(evt.context);
-        __YpDHW(evt.context);
-        setTimeout(() => _fTHGCOy(evt.context), 2000);
+        __dwrTPO(evt.context);
+        RENdB(evt.context);
+        setTimeout(() => _$lKMhQuj(evt.context), 2000);
     });
     // ContextCreated fires after the renderer exists, so the canvas is available for context-loss monitoring
     ContextRegistry.registerCallback(ContextEvent.ContextCreated, evt => {
@@ -670,17 +670,17 @@ export function _QQIM() {
     });
 }
 
-export let _jcZJFQ: Promise<void> | undefined = undefined;
+export let __pRlh: Promise<void> | undefined = undefined;
 let applicationIsForbidden = false;
 let applicationForbiddenText = "";
-async function QBdsZzv() {
+async function __DmsXa() {
     // Only perform the runtime license check once
-    if (_jcZJFQ) return _jcZJFQ;
+    if (__pRlh) return __pRlh;
     // Wait for JWT verification to complete first (if running)
     if (_jwtVerificationPromise) {
         await _jwtVerificationPromise;
     }
-    if (_$feH === "basic") {
+    if (DCMbeC === "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, {
@@ -692,29 +692,29 @@ async function QBdsZzv() {
             if (res?.status === 200) {
                 applicationIsForbidden = false;
                 if (debug) console.log("License check succeeded");
-                _$feH = "pro";
-                $tNDg(true);
+                DCMbeC = "pro";
+                __GhIoUnR(true);
             }
             else if (res?.status === 403) {
-                $tNDg(false);
+                __GhIoUnR(false);
                 applicationIsForbidden = true;
                 applicationForbiddenText = await res.text();
             }
             else {
-                $tNDg(false);
+                __GhIoUnR(false);
                 if (debug) console.log("License check failed with status " + res?.status);
             }
         }
         catch (err) {
-            $tNDg(false);
+            __GhIoUnR(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 \"" + _$feH + "\"");
+    else if (debug) console.log("Runtime license check is skipped because license is already applied as \"" + DCMbeC + "\"");
 }
-_jcZJFQ = QBdsZzv();
+__pRlh = __DmsXa();
 
-async function __YpDHW(ctx: IContext) {
+async function RENdB(ctx: IContext) {
     function createForbiddenElement() {
         const div = document.createElement("div");
         div.className = "needle-forbidden";
@@ -779,40 +779,40 @@ async function __YpDHW(ctx: IContext) {
     }, 500)
 }
 
-async function _vIz(ctx: IContext) {
+async function __dwrTPO(ctx: IContext) {
     try {
-        if (!_owM() && !_$lAjTeY()) {
-            return _qdVRlod(ctx);
+        if (!LuMYUbW() && !_VIq()) {
+            return _BDcq(ctx);
         }
     }
     catch (err) {
         if (debug) console.log("License check failed", err)
-        return _qdVRlod(ctx)
+        return _BDcq(ctx)
     }
-    if (debug) _qdVRlod(ctx)
+    if (debug) _BDcq(ctx)
 }
 
 
 
-async function _qdVRlod(ctx: IContext) {
+async function _BDcq(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 _jcZJFQ?.catch(() => { });
+    await __pRlh?.catch(() => { });
 
 
-    if (_owM() || _$lAjTeY()) return;
-    if (_ERXbX() === false) $nAg();
+    if (LuMYUbW() || _VIq()) return;
+    if (__sKHtRdk() === false) _oFDigtof();
 
     // check if the engine is already ready (meaning has finished loading)
     if (isReady) {
-        __lRxm(ctx);
+        DWOdshYS(ctx);
     }
     else {
         ctx.domElement.addEventListener("ready", () => {
-            __lRxm(ctx);
+            DWOdshYS(ctx);
         });
     }
 }
@@ -820,7 +820,7 @@ async function _qdVRlod(ctx: IContext) {
 // const licenseElementIdentifier = "needle-license-element";
 // const licenseDuration = 10000;
 // const licenseDelay = 1200;
-function __lRxm(ctx: IContext) {
+function DWOdshYS(ctx: IContext) {
 
     const style = `
         position: relative;
@@ -833,7 +833,7 @@ function __lRxm(ctx: IContext) {
         padding: 10px;
         padding-left: 30px;
     `;
-    if (_$feH === "edu") {
+    if (DCMbeC === "edu") {
         if (navigator.webdriver) {
             console.log("This project is supported by Needle for Education – https://needle.tools");
         }
@@ -890,7 +890,7 @@ function __lRxm(ctx: IContext) {
         }
     }, 1000);
 
-    if (WfpL()) {
+    if (_qGnTHBt()) {
         const removeDelay = 20_000;
         setTimeout(() => {
             clearInterval(interval);
@@ -899,7 +899,7 @@ function __lRxm(ctx: IContext) {
             const intervalInMinutes = 5;
             setTimeout(() => {
                 if (ctx.domElement.parentNode)
-                    __lRxm(ctx);
+                    DWOdshYS(ctx);
             }, 1000 * 60 * intervalInMinutes)
         }, removeDelay);
     }
@@ -910,7 +910,7 @@ function __lRxm(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 $nAg(_logo?: string) {
+async function _oFDigtof(_logo?: string) {
     const now = Date.now();
     if (now - lastLogTime < 2000) return;
     lastLogTime = now;
@@ -943,7 +943,7 @@ async function $nAg(_logo?: string) {
 }
 
 
-async function _fTHGCOy(context: IContext) {
+async function _$lKMhQuj(context: IContext) {
     // isAllowed() now also covers cross-origin-isolated pages (where beacons can't be sent)
     // and Do Not Track / GPC.
     if (!Telemetry.isAllowed(context)) {
@@ -957,7 +957,7 @@ async function _fTHGCOy(context: IContext) {
 
             // current url without query parameters
             const currentUrl = window.location.href.split("?")[0];
-            const license = _$feH;
+            const license = DCMbeC;
 
             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 { _ERXbX } from "./engine_license.js";
+import { __sKHtRdk } 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 (_ERXbX()) {
+        if (__sKHtRdk()) {
             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 (!_ERXbX() && filesizeInMB > maxFreeSizeInMB) {
+        else if (!__sKHtRdk() && 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_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 { _ERXbX } from "./engine_license.js";
+import { __sKHtRdk } 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 = _ERXbX();
+    const canUseCustomLogo = __sKHtRdk();
 
     // 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 { _ERXbX } from "../../engine_license.js";
+import { __sKHtRdk } 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 && _ERXbX()) {
+            if (!this._showNeedleLogo && __sKHtRdk()) {
                 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 { _ERXbX, _$fUPpV, Telemetry } from "../../engine_license.js";
+import { __sKHtRdk, __YcMNHT, 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";
@@ -784,8 +784,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(() => _$fUPpV(res => {
-                if (res == true && _ERXbX() && !debugNonCommercial) {
+            window.requestAnimationFrame(() => __YcMNHT(res => {
+                if (res == true && __sKHtRdk() && !debugNonCommercial) {
                     let visible = this._userRequestedLogoVisible;
                     if (visible === undefined) visible = false;
                     this.___onSetLogoVisible(visible);
@@ -836,7 +836,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 (!_ERXbX()) {
+                    if (!__sKHtRdk()) {
                         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) {
@@ -932,7 +932,7 @@ export class NeedleMenuElement extends HTMLElementBase {
     showNeedleLogo(visible: boolean) {
         this._userRequestedLogoVisible = visible;
         if (!visible) {
-            if (!_ERXbX() || debugNonCommercial) {
+            if (!__sKHtRdk() || debugNonCommercial) {
                 console.warn("[Needle Engine] You need a commercial 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 { _ERXbX, _owM, _jcZJFQ } from "../engine_license.js";
+import { __sKHtRdk, LuMYUbW, __pRlh } 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 = _owM();
+        const hasLicense = LuMYUbW();
         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 = _ERXbX();
+    //     let commercialLicense = __sKHtRdk();
     //     // 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() && _jcZJFQ) {
+    //     if (!isDevEnvironment() && __pRlh) {
     //         if (debugLicense) console.log("Waiting for runtime license check");
-    //         await _jcZJFQ;
-    //         commercialLicense = _ERXbX();
+    //         await __pRlh;
+    //         commercialLicense = __sKHtRdk();
     //     }
     //     if (commercialLicense) return;
     //     nonCommercialContainer.style.transition = "opacity .5s ease-in-out";

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

@@ -3,7 +3,7 @@ import type { Texture } from "three";
 import { isDevEnvironment, showBalloonWarning } from "../debug/index.js";
 import { PUBLIC_KEY, VERSION } from "../engine_constants.js";
 import { ContextEvent, ContextRegistry } from "../engine_context_registry.js";
-import { _ERXbX, Telemetry } from "../engine_license.js";
+import { __sKHtRdk, Telemetry } 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";
@@ -579,7 +579,7 @@ export class NeedleEngineWebComponent extends HTMLElementBase implements INeedle
 
 
         // Loading start events
-        const allowOverridingDefaultLoading = _ERXbX();
+        const allowOverridingDefaultLoading = __sKHtRdk();
         // 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 { _ERXbX } from "../engine_license.js";
+import { __sKHtRdk } 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 (_ERXbX()) {
+        if (__sKHtRdk()) {
             const htmlComponent = document.querySelector("needle-engine");
             if (htmlComponent) {
                 const licenseLogo = htmlComponent.getAttribute("logo-src");

package/src/engine-components/export/usdz/USDZExporter.ts

@@ -3,7 +3,7 @@ import { Euler, Material, Matrix4, Mesh, Object3D, Quaternion, Vector3 } from "t
 
 import { isDevEnvironment, showBalloonMessage, showBalloonWarning } from "../../../engine/debug/index.js";
 import { findObjectOfType } from "../../../engine/engine_components.js";
-import { _owM } from "../../../engine/engine_license.js";
+import { LuMYUbW } from "../../../engine/engine_license.js";
 import { serializable } from "../../../engine/engine_serialization.js";
 import { getFormattedDate, Progress } from "../../../engine/engine_time_utils.js";
 import { DeviceUtilities, getParam } from "../../../engine/engine_utils.js";
@@ -277,7 +277,7 @@ export class USDZExporter extends Behaviour {
         let name = this.exportFileName ?? this.objectToExport?.name ?? this.name;
         name += "-" + getFormattedDate(); // seems iOS caches the file in some cases, this ensures we always have a fresh file
 
-        if (!_owM()) {
+        if (!LuMYUbW()) {
             if (name !== "") name += "-";
             name += "MadeWithNeedle";
         }
@@ -682,7 +682,7 @@ export class USDZExporter extends Behaviour {
                     if (debug)
                         showBalloonMessage("Quicklook url: " + callToActionURL);
                     if (callToActionURL) {
-                        if (!_owM()) {
+                        if (!LuMYUbW()) {
                             console.warn("Quicklook closed: custom redirects require a Needle Engine Pro license: https://needle.tools/pricing", callToActionURL)
                         }
                         else {
@@ -697,7 +697,7 @@ export class USDZExporter extends Behaviour {
     private buildQuicklookOverlay(): CustomBranding {
         const obj: CustomBranding = {};
         if (this.customBranding) Object.assign(obj, this.customBranding);
-        if (!_owM()) {
+        if (!LuMYUbW()) {
             console.log("Custom Quicklook banner text requires pro license: https://needle.tools/pricing");
             obj.callToAction = "Close";
             obj.checkoutTitle = "🌵 Made with Needle";

package/src/engine-components/webxr/TeleportTarget.ts

@@ -2,26 +2,39 @@ import { Behaviour } from "../Component.js";
 import type { XRControllerMovement } from "./controllers/XRControllerMovement.js";
 
 /**
- * Marks a GameObject as a valid teleportation target for VR locomotion.  
- * Add this component to objects or surfaces where users should be able to teleport.  
+ * Marks a GameObject as a valid teleportation target for VR locomotion.
+ * Add this component to objects or surfaces where users should be able to teleport.
  *
- * **Usage:**  
- * - Add to floor surfaces, platforms, or designated teleport spots
- * - Works with {@link XRControllerMovement} component's teleport system
- * - Can be used to restrict teleportation to specific areas
+ * **How targeting works (important):**
+ * The teleport ray uses a **visual raycast against rendered meshes** — NOT physics colliders.
+ * When {@link XRControllerMovement.useTeleportTarget} is enabled, the controller ray is cast
+ * against the rendered scene and the hit object (or any of its parents) is checked for a
+ * `TeleportTarget` component. You can only teleport onto an object if that object, or one of
+ * its ancestors, has this component.
+ *
+ * **Requirements for a target to be hittable:**
+ * - It MUST have a visible, rendered mesh (a `MeshRenderer` / geometry). The ray hits the
+ *   rendered geometry directly.
+ * - **A collider is NOT required.** Teleport does not use physics colliders — adding a
+ *   `BoxCollider` (or any collider) has no effect on whether the target can be teleported to.
+ * - It must NOT be on the IgnoreRaycast layer (three.js layer 2) and must not have
+ *   `raycastAllowed` / `visible` set to false, otherwise the ray skips it.
+ * - The `TeleportTarget` component may be on the hit mesh itself or on any parent
+ *   (resolved via `getComponentInParent`).
  *
  * **Setup:**
- * 1. Add this component to GameObjects that should be teleport destinations
- * 2. Configure {@link XRControllerMovement} to use teleport targets (optional)
+ * 1. Add this component to GameObjects (with a visible mesh) that should be teleport destinations
+ * 2. Enable "Use Teleport Target" on the {@link XRControllerMovement} component so teleporting
+ *    is restricted to objects carrying this component
  * 3. Test teleportation in VR mode
  *
  * @example
  * ```ts
- * // Make a platform teleportable
+ * // Make a platform teleportable (the platform already has a visible mesh)
  * const platform = myPlatform.addComponent(TeleportTarget);
  * ```
  *
- * @summary Marker component for valid VR teleportation destinations
+ * @summary Marker component for valid VR teleportation destinations (mesh hit-test, no collider needed)
  * @category XR
  * @group Components
  * @see {@link XRControllerMovement} for VR locomotion and teleport configuration

package/src/engine-components/webxr/controllers/XRControllerMovement.ts

@@ -28,8 +28,17 @@ declare type HitPointObject = Object3D & { material: Material & { opacity: numbe
  * 
  * Additionally it supports teleporting using the right controller's thumbstick or by pinching the index finger tip in front of the hand (if hand tracking is enabled).
  * It also visualizes controller rays and hit points in the scene.
- * 
- * 
+ *
+ * The component operates on the active XR rig and controllers from the {@link NeedleXRSession} (`args.xr.rig`,
+ * `args.xr.leftController` / `rightController`) and receives `onUpdateXR` regardless of where it sits in the hierarchy.
+ * It does NOT need to be on the same GameObject as {@link WebXR}, and does not read {@link WebXR} from its parents.
+ *
+ * **Duplicate-handler gotcha:** {@link WebXR.setDefaultMovementEnabled} (called when `WebXR.useDefaultControls` is enabled,
+ * the default) adds an `XRControllerMovement` to the WebXR GameObject only if that object has none. If you place your own
+ * `XRControllerMovement` on a different object, WebXR still adds a second, default one at runtime — two handlers then run
+ * simultaneously (doubled movement, and your teleport settings such as {@link XRControllerMovement.useTeleportTarget} are
+ * bypassed by the default handler). Put your component on the WebXR GameObject, or disable `WebXR.useDefaultControls`.
+ *
  * @summary Move the XR rig using controller input
  * @category XR
  * @group Components
@@ -61,7 +70,15 @@ export class XRControllerMovement extends Behaviour implements XRMovementBehavio
     @serializable()
     usePinchToTeleport: boolean = true;
 
-    /** Enable to only allow teleporting on objects with a TeleportTarget component (see {@link TeleportTarget})
+    /** Enable to only allow teleporting on objects with a {@link TeleportTarget} component.
+     *
+     * The teleport ray is a **visual raycast against rendered meshes** (not physics colliders):
+     * it hits the rendered geometry and then looks for a {@link TeleportTarget} on the hit object
+     * or any of its parents. A collider is NOT required on the target — only a visible mesh that
+     * is not on the IgnoreRaycast layer.
+     *
+     * When enabled, teleporting is rejected if the ray does not hit a `TeleportTarget` (the
+     * ground-plane fallback used in free teleport mode is also disabled).
      * @default false
     */
     @serializable()