@needle-tools/engine 3.28.6-beta → 3.28.7-beta.1

package/lib/engine-components/export/usdz/index.d.ts

@@ -1,3 +1,3 @@
-export { USDZExporter } from "./USDZExporter.js";
-export { USDObject, imageToCanvas } from "./ThreeUSDZExporter.js";
-export { type UsdzBehaviour } from "./extensions/behavior/Behaviour.js";
+export { USDZExporter } from "./USDZExporter.js";
+export { USDObject, imageToCanvas } from "./ThreeUSDZExporter.js";
+export { type UsdzBehaviour } from "./extensions/behavior/Behaviour.js";

package/lib/engine-components/export/usdz/index.js

@@ -1,3 +1,3 @@
-export { USDZExporter } from "./USDZExporter.js";
-export { USDObject, imageToCanvas } from "./ThreeUSDZExporter.js";
+export { USDZExporter } from "./USDZExporter.js";
+export { USDObject, imageToCanvas } from "./ThreeUSDZExporter.js";
 //# sourceMappingURL=index.js.map

package/lib/engine-components/export/usdz/utils/animationutils.d.ts

@@ -1,3 +1,3 @@
-import { Object3D } from "three";
-import { AnimationExtension } from "../extensions/Animation.js";
-export declare function registerAnimatorsImplictly(root: Object3D, ext: AnimationExtension): Array<Object3D>;
+import { Object3D } from "three";
+import { AnimationExtension } from "../extensions/Animation.js";
+export declare function registerAnimatorsImplictly(root: Object3D, ext: AnimationExtension): Array<Object3D>;

package/lib/engine-components/export/usdz/utils/animationutils.js

@@ -1,86 +1,86 @@
-import { Animator } from "../../../Animator.js";
-import { Animation } from "../../../Animation.js";
-import { Object3D } from "three";
-import { GameObject } from "../../../Component.js";
-import { getParam } from "../../../../engine/engine_utils.js";
-import { PlayAnimationOnClick } from "../extensions/behavior/BehaviourComponents.js";
-const debug = getParam("debugusdz");
-export function registerAnimatorsImplictly(root, ext) {
-    // TODO: currently we're simply appending all animations to each other.
-    // We are not currently emitting PlayAnimation actions that would make sure
-    // that only a specific clip or a set of clips is playing.
-    // Better would be to scratch the functionality here entirely, and instead
-    // inject PlayAnimationOnStart actions. This way, animations can loop independently, and
-    // Animator state chaining would be respected out-of-the-box.
-    // For non-QuickLook USDZ export it's still useful to have implicit registration per root.
-    // collect animators and their clips
-    const animationClips = [];
-    const animators = GameObject.getComponentsInChildren(root, Animator);
-    const animationComponents = GameObject.getComponentsInChildren(root, Animation);
-    const constructedObjects = new Array();
-    if (ext.injectImplicitBehaviours) {
-        // We're registering animators with implicit PlayAnimationOnClick (with hacked "start" trigger) here.
-        // TODO need to remove these extra components again after export.
-        for (const animator of animators) {
-            if (!animator || !animator.runtimeAnimatorController)
-                continue;
-            const activeState = animator.runtimeAnimatorController.activeState;
-            // skip missing data, empty states or motions
-            if (!activeState)
-                continue;
-            if (!activeState.motion || !activeState.motion.clip)
-                continue;
-            if (activeState.motion.clip.tracks?.length < 1)
-                continue;
-            // Create a PlayAnimationOnClick component that will play the animation on start
-            // This is a bit hacky right now (we're using the internal "start" trigger)
-            const newComponent = new PlayAnimationOnClick();
-            newComponent.animator = animator;
-            newComponent.stateName = activeState.name;
-            newComponent.trigger = "start";
-            newComponent.name = "PlayAnimationOnClick_implicitAtStart_" + newComponent.stateName;
-            const go = new Object3D();
-            GameObject.addComponent(go, newComponent);
-            constructedObjects.push(go);
-            // the behaviour can be anywhere in the hierarchy
-            root.add(go);
-        }
-    }
-    else {
-        for (const animator of animators) {
-            if (!animator || !animator.runtimeAnimatorController)
-                continue;
-            if (debug)
-                console.log(animator);
-            const clips = [];
-            for (const action of animator.runtimeAnimatorController.enumerateActions()) {
-                if (debug)
-                    console.log(action);
-                const clip = action.getClip();
-                if (!clips.includes(clip))
-                    clips.push(clip);
-            }
-            animationClips.push({ root: animator.gameObject, clips: clips });
-        }
-    }
-    // TODO once PlayAnimationOnClick can use animation components as well,
-    // we can treat them the same as we treat Animators above.
-    for (const animationComponent of animationComponents) {
-        if (debug)
-            console.log(animationComponent);
-        const clips = [];
-        for (const clip of animationComponent.animations) {
-            if (!clips.includes(clip))
-                clips.push(clip);
-        }
-        animationClips.push({ root: animationComponent.gameObject, clips: clips });
-    }
-    if (debug)
-        console.log("USDZ Animation Clips", animationClips);
-    for (const pair of animationClips) {
-        for (const clip of pair.clips)
-            ext.registerAnimation(pair.root, clip);
-    }
-    return constructedObjects;
-}
+import { Animator } from "../../../Animator.js";
+import { Animation } from "../../../Animation.js";
+import { Object3D } from "three";
+import { GameObject } from "../../../Component.js";
+import { getParam } from "../../../../engine/engine_utils.js";
+import { PlayAnimationOnClick } from "../extensions/behavior/BehaviourComponents.js";
+const debug = getParam("debugusdz");
+export function registerAnimatorsImplictly(root, ext) {
+    // TODO: currently we're simply appending all animations to each other.
+    // We are not currently emitting PlayAnimation actions that would make sure
+    // that only a specific clip or a set of clips is playing.
+    // Better would be to scratch the functionality here entirely, and instead
+    // inject PlayAnimationOnStart actions. This way, animations can loop independently, and
+    // Animator state chaining would be respected out-of-the-box.
+    // For non-QuickLook USDZ export it's still useful to have implicit registration per root.
+    // collect animators and their clips
+    const animationClips = [];
+    const animators = GameObject.getComponentsInChildren(root, Animator);
+    const animationComponents = GameObject.getComponentsInChildren(root, Animation);
+    const constructedObjects = new Array();
+    if (ext.injectImplicitBehaviours) {
+        // We're registering animators with implicit PlayAnimationOnClick (with hacked "start" trigger) here.
+        // TODO need to remove these extra components again after export.
+        for (const animator of animators) {
+            if (!animator || !animator.runtimeAnimatorController)
+                continue;
+            const activeState = animator.runtimeAnimatorController.activeState;
+            // skip missing data, empty states or motions
+            if (!activeState)
+                continue;
+            if (!activeState.motion || !activeState.motion.clip)
+                continue;
+            if (activeState.motion.clip.tracks?.length < 1)
+                continue;
+            // Create a PlayAnimationOnClick component that will play the animation on start
+            // This is a bit hacky right now (we're using the internal "start" trigger)
+            const newComponent = new PlayAnimationOnClick();
+            newComponent.animator = animator;
+            newComponent.stateName = activeState.name;
+            newComponent.trigger = "start";
+            newComponent.name = "PlayAnimationOnClick_implicitAtStart_" + newComponent.stateName;
+            const go = new Object3D();
+            GameObject.addComponent(go, newComponent);
+            constructedObjects.push(go);
+            // the behaviour can be anywhere in the hierarchy
+            root.add(go);
+        }
+    }
+    else {
+        for (const animator of animators) {
+            if (!animator || !animator.runtimeAnimatorController)
+                continue;
+            if (debug)
+                console.log(animator);
+            const clips = [];
+            for (const action of animator.runtimeAnimatorController.enumerateActions()) {
+                if (debug)
+                    console.log(action);
+                const clip = action.getClip();
+                if (!clips.includes(clip))
+                    clips.push(clip);
+            }
+            animationClips.push({ root: animator.gameObject, clips: clips });
+        }
+    }
+    // TODO once PlayAnimationOnClick can use animation components as well,
+    // we can treat them the same as we treat Animators above.
+    for (const animationComponent of animationComponents) {
+        if (debug)
+            console.log(animationComponent);
+        const clips = [];
+        for (const clip of animationComponent.animations) {
+            if (!clips.includes(clip))
+                clips.push(clip);
+        }
+        animationClips.push({ root: animationComponent.gameObject, clips: clips });
+    }
+    if (debug)
+        console.log("USDZ Animation Clips", animationClips);
+    for (const pair of animationClips) {
+        for (const clip of pair.clips)
+            ext.registerAnimation(pair.root, clip);
+    }
+    return constructedObjects;
+}
 //# sourceMappingURL=animationutils.js.map

package/lib/engine-components/export/usdz/utils/quicklook.d.ts

@@ -1,2 +1,2 @@
-import { Context } from "../../../../engine/engine_setup.js";
-export declare function ensureQuicklookLinkIsCreated(context: Context): HTMLAnchorElement;
+import { Context } from "../../../../engine/engine_setup.js";
+export declare function ensureQuicklookLinkIsCreated(context: Context): HTMLAnchorElement;

package/lib/engine-components/export/usdz/utils/quicklook.js

@@ -1,36 +1,36 @@
-export function ensureQuicklookLinkIsCreated(context) {
-    const existingLink = context.domElement.shadowRoot.querySelector("link[rel='ar']");
-    if (existingLink)
-        return existingLink;
-    /*
-    generating this:
-    <div class="menu">
-      <button id="open-in-ar">Open in QuickLook</button>
-      <a style="display:none;" id="link" rel="ar" href="" download="asset.usdz">
-        <img id="button" width="100" src="files/arkit.png">
-      </a>
-    </div>
-    */
-    const div = document.createElement("div");
-    div.classList.add("menu");
-    div.classList.add("quicklook-menu");
-    div.style.display = "none";
-    div.style.visibility = "hidden";
-    const button = document.createElement("button");
-    button.id = "open-in-ar";
-    button.innerText = "Open in QuickLook";
-    div.appendChild(button);
-    const link = document.createElement("a");
-    link.id = "needle-usdz-link";
-    link.style.display = "none";
-    link.rel = "ar";
-    link.href = "";
-    div.appendChild(link);
-    const img = document.createElement("img");
-    img.id = "button";
-    // img.src = "files/arkit.png";
-    link.appendChild(img);
-    context.domElement.shadowRoot.appendChild(div);
-    return link;
-}
+export function ensureQuicklookLinkIsCreated(context) {
+    const existingLink = context.domElement.shadowRoot.querySelector("link[rel='ar']");
+    if (existingLink)
+        return existingLink;
+    /*
+    generating this:
+    <div class="menu">
+      <button id="open-in-ar">Open in QuickLook</button>
+      <a style="display:none;" id="link" rel="ar" href="" download="asset.usdz">
+        <img id="button" width="100" src="files/arkit.png">
+      </a>
+    </div>
+    */
+    const div = document.createElement("div");
+    div.classList.add("menu");
+    div.classList.add("quicklook-menu");
+    div.style.display = "none";
+    div.style.visibility = "hidden";
+    const button = document.createElement("button");
+    button.id = "open-in-ar";
+    button.innerText = "Open in QuickLook";
+    div.appendChild(button);
+    const link = document.createElement("a");
+    link.id = "needle-usdz-link";
+    link.style.display = "none";
+    link.rel = "ar";
+    link.href = "";
+    div.appendChild(link);
+    const img = document.createElement("img");
+    img.id = "button";
+    // img.src = "files/arkit.png";
+    link.appendChild(img);
+    context.domElement.shadowRoot.appendChild(div);
+    return link;
+}
 //# sourceMappingURL=quicklook.js.map

package/lib/engine-components/export/usdz/utils/timeutils.d.ts

@@ -1 +1 @@
-export declare function getFormattedDate(): string;
+export declare function getFormattedDate(): string;

package/lib/engine-components/export/usdz/utils/timeutils.js

@@ -1,15 +1,15 @@
-export function getFormattedDate() {
-    var date = new Date();
-    const month = date.getMonth() + 1;
-    const day = date.getDate();
-    const hour = date.getHours();
-    const min = date.getMinutes();
-    const sec = date.getSeconds();
-    const s_month = (month < 10 ? "0" : "") + month;
-    const s_day = (day < 10 ? "0" : "") + day;
-    const s_hour = (hour < 10 ? "0" : "") + hour;
-    const s_min = (min < 10 ? "0" : "") + min;
-    const s_sec = (sec < 10 ? "0" : "") + sec;
-    return date.getFullYear() + s_month + s_day + "-" + s_hour + s_min + s_sec;
-}
+export function getFormattedDate() {
+    var date = new Date();
+    const month = date.getMonth() + 1;
+    const day = date.getDate();
+    const hour = date.getHours();
+    const min = date.getMinutes();
+    const sec = date.getSeconds();
+    const s_month = (month < 10 ? "0" : "") + month;
+    const s_day = (day < 10 ? "0" : "") + day;
+    const s_hour = (hour < 10 ? "0" : "") + hour;
+    const s_min = (min < 10 ? "0" : "") + min;
+    const s_sec = (sec < 10 ? "0" : "") + sec;
+    return date.getFullYear() + s_month + s_day + "-" + s_hour + s_min + s_sec;
+}
 //# sourceMappingURL=timeutils.js.map

package/lib/engine-components/js-extensions/ExtensionUtils.d.ts

@@ -1,6 +1,6 @@
-import type { Constructor } from "../../engine/engine_types.js";
-export declare function applyPrototypeExtensions<T>(obj: any, prototype: Constructor<T>): void;
-export declare function registerPrototypeExtensions<T>(type: Constructor<T>): void;
-export interface IApplyPrototypeExtension {
-    apply(object: object): void;
-}
+import type { Constructor } from "../../engine/engine_types.js";
+export declare function applyPrototypeExtensions<T>(obj: any, prototype: Constructor<T>): void;
+export declare function registerPrototypeExtensions<T>(type: Constructor<T>): void;
+export interface IApplyPrototypeExtension {
+    apply(object: object): void;
+}

package/lib/engine-components/js-extensions/ExtensionUtils.js

@@ -1,66 +1,66 @@
-const handlers = new Map();
-export function applyPrototypeExtensions(obj, prototype) {
-    if (!obj)
-        return;
-    // const prototype = Object.getPrototypeOf(obj);
-    // console.log("TEST", prototype)
-    if (!prototype) {
-        console.warn("No prototype found", obj, obj.prototype, obj.constructor);
-        return;
-    }
-    const handler = handlers.get(prototype);
-    if (handler) {
-        // console.log("OK", prototype);
-        handler.apply(obj);
-    }
-    // applyPrototypeExtensions(prototype);
-}
-export function registerPrototypeExtensions(type) {
-    // console.log("Register", type.prototype.constructor.name);
-    const handler = createPrototypeExtensionHandler(type.prototype);
-    handlers.set(type, handler);
-}
-function createPrototypeExtensionHandler(prototype) {
-    return new ApplyPrototypeExtension(prototype);
-}
-class ApplyPrototypeExtension {
-    $symbol;
-    extensions;
-    descriptors;
-    constructor(prototype) {
-        this.$symbol = Symbol("prototype-extension");
-        // used to decorate cloned object3D objects with the same added components defined above
-        this.extensions = Object.keys(prototype);
-        // console.log(this.extensions);
-        this.descriptors = new Array();
-        for (let i = 0; i < this.extensions.length; i++) {
-            const key = this.extensions[i];
-            // console.log(key);
-            const descriptor = Object.getOwnPropertyDescriptor(prototype, key);
-            if (descriptor) {
-                this.descriptors.push(descriptor);
-            }
-        }
-    }
-    apply(object) {
-        if (object[this.$symbol])
-            return;
-        object[this.$symbol] = true;
-        // const prototype = object.constructor.prototype;
-        for (let i = 0; i < this.extensions.length; i++) {
-            const key = this.extensions[i];
-            const desc = this.descriptors[i];
-            if (desc) {
-                // if (prototype) {
-                //     const exists = Object.getOwnPropertyDescriptor(prototype, key);
-                //     if (exists) {
-                //         continue;
-                //     }
-                // }
-                // console.warn("DEFINE", object, key);
-                Object.defineProperty(object, key, desc);
-            }
-        }
-    }
-}
+const handlers = new Map();
+export function applyPrototypeExtensions(obj, prototype) {
+    if (!obj)
+        return;
+    // const prototype = Object.getPrototypeOf(obj);
+    // console.log("TEST", prototype)
+    if (!prototype) {
+        console.warn("No prototype found", obj, obj.prototype, obj.constructor);
+        return;
+    }
+    const handler = handlers.get(prototype);
+    if (handler) {
+        // console.log("OK", prototype);
+        handler.apply(obj);
+    }
+    // applyPrototypeExtensions(prototype);
+}
+export function registerPrototypeExtensions(type) {
+    // console.log("Register", type.prototype.constructor.name);
+    const handler = createPrototypeExtensionHandler(type.prototype);
+    handlers.set(type, handler);
+}
+function createPrototypeExtensionHandler(prototype) {
+    return new ApplyPrototypeExtension(prototype);
+}
+class ApplyPrototypeExtension {
+    $symbol;
+    extensions;
+    descriptors;
+    constructor(prototype) {
+        this.$symbol = Symbol("prototype-extension");
+        // used to decorate cloned object3D objects with the same added components defined above
+        this.extensions = Object.keys(prototype);
+        // console.log(this.extensions);
+        this.descriptors = new Array();
+        for (let i = 0; i < this.extensions.length; i++) {
+            const key = this.extensions[i];
+            // console.log(key);
+            const descriptor = Object.getOwnPropertyDescriptor(prototype, key);
+            if (descriptor) {
+                this.descriptors.push(descriptor);
+            }
+        }
+    }
+    apply(object) {
+        if (object[this.$symbol])
+            return;
+        object[this.$symbol] = true;
+        // const prototype = object.constructor.prototype;
+        for (let i = 0; i < this.extensions.length; i++) {
+            const key = this.extensions[i];
+            const desc = this.descriptors[i];
+            if (desc) {
+                // if (prototype) {
+                //     const exists = Object.getOwnPropertyDescriptor(prototype, key);
+                //     if (exists) {
+                //         continue;
+                //     }
+                // }
+                // console.warn("DEFINE", object, key);
+                Object.defineProperty(object, key, desc);
+            }
+        }
+    }
+}
 //# sourceMappingURL=ExtensionUtils.js.map

package/lib/engine-components/js-extensions/Object3D.d.ts

@@ -1,2 +1,2 @@
-import { Object3D } from "three";
-export declare function apply(object: Object3D): void;
+import { Object3D } from "three";
+export declare function apply(object: Object3D): void;