@needle-tools/engine 3.16.2 → 3.16.3

package/CHANGELOG.md

@@ -4,6 +4,13 @@ All notable changes to this package will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [3.16.3] - 2023-09-15
+- Add: logo now respects prefer-reduced-motion, reduce and is immediately added instead of after 1s
+- Fix: use default background color if GLB without camera and skybox is loaded
+- Fix: ensure custom KTX2 loader is correctly initialized
+- Fix: revert RectTransform change that broke hotspot rendering
+- Change: adjust default backgroundBlurriness to match Blender defaults
+
 ## [3.16.2] - 2023-09-15
 - Add: mesh collider handling for invalid mesh data (non-indexed geometry)
 

package/dist/needle-engine.js

@@ -41819,35 +41819,37 @@ async function N5(i) {
   }
   is && cS(i);
 }
-const IT = "needle-license-element", gG = 1e4, IG = 200;
+const IT = "needle-license-element", gG = 1e4, IG = 1200;
 async function cS(i) {
   await (jn == null ? void 0 : jn.catch(() => {
   })), !mQ() && (K5(), i.domElement.addEventListener("ready", () => {
-    setTimeout(() => {
-      oT(i);
-    }, 1e3);
+    oT(i);
   }));
 }
 function oT(i) {
-  const A = J5(), e = q5(), t = setInterval(() => {
+  const A = J5(), e = q5(), t = () => {
     if (!A)
       return;
-    const s = i.domElement.shadowRoot || i.domElement;
-    A.parentNode !== s && (s.appendChild(A), e && s.appendChild(e));
-  }, 100), g = `<img class="logo" src="${iT}" style="width: 40px; height: 40px; margin-right: 2px; vertical-align: middle; margin-bottom: 2px;"/>`, I = document.createElement("div");
-  I.innerHTML = g, I.classList.add("logo"), A.appendChild(I);
-  const o = document.createElement("div");
-  if (o.classList.add("text"), A.appendChild(o), A.title = "Needle Engine", mQ() || (A.title += " No active license found - Non Commercial Use"), A.addEventListener("click", () => {
+    const C = i.domElement.shadowRoot || i.domElement;
+    A.parentNode !== C && (C.appendChild(A), e && C.appendChild(e));
+  };
+  t();
+  const g = setInterval(() => {
+    t();
+  }, 1e3), I = `<img class="logo" src="${iT}" style="width: 40px; height: 40px; margin-right: 2px; vertical-align: middle; margin-bottom: 2px;"/>`, o = document.createElement("div");
+  o.innerHTML = I, o.classList.add("logo"), A.appendChild(o);
+  const s = document.createElement("div");
+  if (s.classList.add("text"), A.appendChild(s), A.title = "Needle Engine", mQ() || (A.title += " No active license found - Non Commercial Use"), A.addEventListener("click", () => {
     globalThis.open("https://needle.tools", "_blank");
   }), gT()) {
-    const s = gG + IG;
+    const C = gG + IG;
     setTimeout(() => {
-      clearInterval(t), A == null || A.remove(), e == null || e.remove();
-      const C = 5;
+      clearInterval(g), A == null || A.remove(), e == null || e.remove();
+      const n = 5;
       setTimeout(() => {
         i.domElement.parentNode && oT(i);
-      }, 1e3 * 60 * C);
-    }, s);
+      }, 1e3 * 60 * n);
+    }, C);
   }
 }
 let TK = 0;
@@ -41985,6 +41987,24 @@ function q5() {
         transform: scale(1.02) !important;
         cursor: pointer !important;
     }
+
+    @media (prefers-reduced-motion: reduce) {
+        ${A} .text {
+            animation: none !important;
+            transition: none !important;
+            /* animation end state */
+            opacity: 1;
+        }
+
+        ${A} .logo {
+            animation: none !important;
+            transition: none !important;
+            /* animation end state */
+            opacity: 1;
+            pointer-events: all;
+            transform: scale(1)
+        }
+    }
     `, i;
 }
 async function v5() {
@@ -42973,7 +42993,7 @@ function ZK(i) {
   i !== void 0 && typeof i == "string" && (vn || (vn = new gs()), CQ && console.log("Setting ktx2 transcoder path to", i), vn.setTranscoderPath(i));
 }
 function dl(i, A) {
-  es || (es = new yM(), es.setDecoderPath(WK), es.setDecoderConfig({ type: "js" }), CQ && console.log("Setting draco decoder path to", WK)), vn || (vn = new gs(), vn.setTranscoderPath(VK), CQ && console.log("Setting ktx2 transcoder path to", VK), A.renderer && vn.detectSupport(A.renderer)), wS || (wS = j5, CQ && console.log("Using the default meshopt decoder")), i.setDRACOLoader(es), i.setKTX2Loader(vn), i.setMeshoptDecoder(wS);
+  es || (es = new yM(), es.setDecoderPath(WK), es.setDecoderConfig({ type: "js" }), CQ && console.log("Setting draco decoder path to", WK)), vn || (vn = new gs(), vn.setTranscoderPath(VK), CQ && console.log("Setting ktx2 transcoder path to", VK)), wS || (wS = j5, CQ && console.log("Using the default meshopt decoder")), A.renderer ? vn.detectSupport(A.renderer) : console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures will probably fail"), i.setDRACOLoader(es), i.setKTX2Loader(vn), i.setMeshoptDecoder(wS);
 }
 function Z5(i, A = 1e-4) {
   A = Math.max(A, Number.EPSILON);
@@ -64549,7 +64569,7 @@ class wH {
 }
 const Po = new y(), jE = new NA(), cu = new mA(), yH = class extends Os {
   constructor() {
-    super();
+    super(...arguments);
     r(this, "_anchoredPosition");
     r(this, "sizeDelta", new tA(100, 100));
     r(this, "pivot", new tA(0.5, 0.5));
@@ -64571,7 +64591,6 @@ const Po = new y(), jE = new NA(), cu = new mA(), yH = class extends Os {
     r(this, "_lastAnchoring");
     r(this, "_createdBlocks", []);
     r(this, "_createdTextBlocks", []);
-    this.lastMatrix = new NA(), this.rectBlock = new FA();
   }
   get parent() {
     return this._parentRectTransform;
@@ -64614,7 +64633,7 @@ const Po = new y(), jE = new NA(), cu = new mA(), yH = class extends Os {
     return this.sizeDelta.y;
   }
   awake() {
-    super.awake(), this._anchoredPosition || (this._anchoredPosition = new tA()), this.rectBlock.name = this.name, this._initialPosition = this.gameObject.position.clone(), this._initialPosition.z = 0, _B(this, "_anchoredPosition", () => {
+    super.awake(), this._anchoredPosition || (this._anchoredPosition = new tA()), this.lastMatrix = new NA(), this.rectBlock = new FA(), this.rectBlock.name = this.name, this._initialPosition = this.gameObject.position.clone(), this._initialPosition.z = 0, _B(this, "_anchoredPosition", () => {
       this.markDirty();
     }), _B(this, "sizeDelta", () => {
       this.markDirty();
@@ -88977,7 +88996,7 @@ _t.registerCallback(Zg.MissingCamera, (i) => {
   const A = i.context.scene, e = new FA();
   e.name = "Default Fallback Camera", A.add(e);
   const t = new Wt();
-  t.sourceId = ((o = (I = i.files) == null ? void 0 : I[0]) == null ? void 0 : o.src) ?? "unknown", t.clearFlags = 1, t.backgroundColor = new Mt(0.5, 0.5, 0.5, 1), t.fieldOfView = 35, t.backgroundBlurriness = 0.125;
+  t.sourceId = ((o = (I = i.files) == null ? void 0 : I[0]) == null ? void 0 : o.src) ?? "unknown", i.context.lightmaps.tryGetSkybox(t.sourceId) ? t.clearFlags = 1 : t.clearFlags = 2, t.backgroundColor = new Mt(0.5, 0.5, 0.5, 1), t.fieldOfView = 35, t.backgroundBlurriness = 0.2;
   const g = WQ(e, t, !0);
   return e.position.x = 0, e.position.y = 1, e.position.z = 2, F_(i.context, g), g;
 });

package/dist/needle-engine.light.js

@@ -41819,35 +41819,37 @@ async function cq(n) {
   }
   Qo && Kx(n);
 }
-const MF = "needle-license-element", UC = 1e4, NC = 200;
+const MF = "needle-license-element", UC = 1e4, NC = 1200;
 async function Kx(n) {
   await (Il == null ? void 0 : Il.catch(() => {
   })), !of() && (lq(), n.domElement.addEventListener("ready", () => {
-    setTimeout(() => {
-      TF(n);
-    }, 1e3);
+    TF(n);
   }));
 }
 function TF(n) {
-  const e = hq(), t = uq(), i = setInterval(() => {
+  const e = hq(), t = uq(), i = () => {
     if (!e)
       return;
-    const a = n.domElement.shadowRoot || n.domElement;
-    e.parentNode !== a && (a.appendChild(e), t && a.appendChild(t));
-  }, 100), s = `<img class="logo" src="${CF}" style="width: 40px; height: 40px; margin-right: 2px; vertical-align: middle; margin-bottom: 2px;"/>`, r = document.createElement("div");
-  r.innerHTML = s, r.classList.add("logo"), e.appendChild(r);
-  const o = document.createElement("div");
-  if (o.classList.add("text"), e.appendChild(o), e.title = "Needle Engine", of() || (e.title += " No active license found - Non Commercial Use"), e.addEventListener("click", () => {
+    const c = n.domElement.shadowRoot || n.domElement;
+    e.parentNode !== c && (c.appendChild(e), t && c.appendChild(t));
+  };
+  i();
+  const s = setInterval(() => {
+    i();
+  }, 1e3), r = `<img class="logo" src="${CF}" style="width: 40px; height: 40px; margin-right: 2px; vertical-align: middle; margin-bottom: 2px;"/>`, o = document.createElement("div");
+  o.innerHTML = r, o.classList.add("logo"), e.appendChild(o);
+  const a = document.createElement("div");
+  if (a.classList.add("text"), e.appendChild(a), e.title = "Needle Engine", of() || (e.title += " No active license found - Non Commercial Use"), e.addEventListener("click", () => {
     globalThis.open("https://needle.tools", "_blank");
   }), EF()) {
-    const a = UC + NC;
+    const c = UC + NC;
     setTimeout(() => {
-      clearInterval(i), e == null || e.remove(), t == null || t.remove();
-      const c = 5;
+      clearInterval(s), e == null || e.remove(), t == null || t.remove();
+      const l = 5;
       setTimeout(() => {
         n.domElement.parentNode && TF(n);
-      }, 1e3 * 60 * c);
-    }, a);
+      }, 1e3 * 60 * l);
+    }, c);
   }
 }
 let tB = 0;
@@ -41985,6 +41987,24 @@ function uq() {
         transform: scale(1.02) !important;
         cursor: pointer !important;
     }
+
+    @media (prefers-reduced-motion: reduce) {
+        ${e} .text {
+            animation: none !important;
+            transition: none !important;
+            /* animation end state */
+            opacity: 1;
+        }
+
+        ${e} .logo {
+            animation: none !important;
+            transition: none !important;
+            /* animation end state */
+            opacity: 1;
+            pointer-events: all;
+            transform: scale(1)
+        }
+    }
     `, n;
 }
 async function dq() {
@@ -42973,7 +42993,7 @@ function uB(n) {
   n !== void 0 && typeof n == "string" && (vl || (vl = new Wo()), Nd && console.log("Setting ktx2 transcoder path to", n), vl.setTranscoderPath(n));
 }
 function Lm(n, e) {
-  Ho || (Ho = new lM(), Ho.setDecoderPath(aB), Ho.setDecoderConfig({ type: "js" }), Nd && console.log("Setting draco decoder path to", aB)), vl || (vl = new Wo(), vl.setTranscoderPath(cB), Nd && console.log("Setting ktx2 transcoder path to", cB), e.renderer && vl.detectSupport(e.renderer)), sw || (sw = Cq, Nd && console.log("Using the default meshopt decoder")), n.setDRACOLoader(Ho), n.setKTX2Loader(vl), n.setMeshoptDecoder(sw);
+  Ho || (Ho = new lM(), Ho.setDecoderPath(aB), Ho.setDecoderConfig({ type: "js" }), Nd && console.log("Setting draco decoder path to", aB)), vl || (vl = new Wo(), vl.setTranscoderPath(cB), Nd && console.log("Setting ktx2 transcoder path to", cB)), sw || (sw = Cq, Nd && console.log("Using the default meshopt decoder")), e.renderer ? vl.detectSupport(e.renderer) : console.warn("No renderer provided to detect ktx2 support - loading KTX2 textures will probably fail"), n.setDRACOLoader(Ho), n.setKTX2Loader(vl), n.setMeshoptDecoder(sw);
 }
 function Eq(n, e = 1e-4) {
   e = Math.max(e, Number.EPSILON);
@@ -64549,7 +64569,7 @@ class WN {
 }
 const ko = new S(), bp = new Re(), Bv = new Se(), jN = class extends Da {
   constructor() {
-    super();
+    super(...arguments);
     u(this, "_anchoredPosition");
     u(this, "sizeDelta", new te(100, 100));
     u(this, "pivot", new te(0.5, 0.5));
@@ -64571,7 +64591,6 @@ const ko = new S(), bp = new Re(), Bv = new Se(), jN = class extends Da {
     u(this, "_lastAnchoring");
     u(this, "_createdBlocks", []);
     u(this, "_createdTextBlocks", []);
-    this.lastMatrix = new Re(), this.rectBlock = new Te();
   }
   get parent() {
     return this._parentRectTransform;
@@ -64614,7 +64633,7 @@ const ko = new S(), bp = new Re(), Bv = new Se(), jN = class extends Da {
     return this.sizeDelta.y;
   }
   awake() {
-    super.awake(), this._anchoredPosition || (this._anchoredPosition = new te()), this.rectBlock.name = this.name, this._initialPosition = this.gameObject.position.clone(), this._initialPosition.z = 0, yd(this, "_anchoredPosition", () => {
+    super.awake(), this._anchoredPosition || (this._anchoredPosition = new te()), this.lastMatrix = new Re(), this.rectBlock = new Te(), this.rectBlock.name = this.name, this._initialPosition = this.gameObject.position.clone(), this._initialPosition.z = 0, yd(this, "_anchoredPosition", () => {
       this.markDirty();
     }), yd(this, "sizeDelta", () => {
       this.markDirty();
@@ -86436,7 +86455,7 @@ Qi.registerCallback(ir.MissingCamera, (n) => {
   const e = n.context.scene, t = new Te();
   t.name = "Default Fallback Camera", e.add(t);
   const i = new zi();
-  i.sourceId = ((o = (r = n.files) == null ? void 0 : r[0]) == null ? void 0 : o.src) ?? "unknown", i.clearFlags = 1, i.backgroundColor = new Si(0.5, 0.5, 0.5, 1), i.fieldOfView = 35, i.backgroundBlurriness = 0.125;
+  i.sourceId = ((o = (r = n.files) == null ? void 0 : r[0]) == null ? void 0 : o.src) ?? "unknown", n.context.lightmaps.tryGetSkybox(i.sourceId) ? i.clearFlags = 1 : i.clearFlags = 2, i.backgroundColor = new Si(0.5, 0.5, 0.5, 1), i.fieldOfView = 35, i.backgroundBlurriness = 0.2;
   const s = _f(t, i, !0);
   return t.position.x = 0, t.position.y = 1, t.position.z = 2, az(n.context, s), s;
 });