@preference-sl/pref-viewer 2.5.3 → 2.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preference-sl/pref-viewer",
-  "version": "2.5.3",
+  "version": "2.5.4",
   "description": "Web Component to preview GLTF models with Babylon.js",
   "author": "Alex Moreno Palacio <amoreno@preference.es>",
   "scripts": {

package/src/index.js

@@ -128,10 +128,7 @@ class PrefViewer extends HTMLElement {
         "$1"
       );
       const fixedSlashes = stripped.replace(/\\/g, "/");
-      if (/^https?:\/\//i.test(fixedSlashes)) {
-        return fixedSlashes;
-      }
-      return fixedSlashes;
+      return /^https?:\/\//i.test(fixedSlashes) ? fixedSlashes : fixedSlashes;
     };
 
     SceneLoader.OnPluginActivatedObservable.add((plugin) => {
@@ -172,13 +169,8 @@ class PrefViewer extends HTMLElement {
     this._createLights();
     this._setupEventListeners();
 
-    this.engine.runRenderLoop(() => {
-      if (this.scene) this.scene.render();
-    });
-
-    this._onWindowResize = () => {
-      if (this.engine) this.engine.resize();
-    };
+    this.engine.runRenderLoop(() => this.scene && this.scene.render());
+    this._onWindowResize = () => this.engine && this.engine.resize();
     window.addEventListener("resize", this._onWindowResize);
   }
 
@@ -201,7 +193,6 @@ class PrefViewer extends HTMLElement {
       this.scene
     );
     this.hemiLight.intensity = 0.6;
-
     this.dirLight = new DirectionalLight(
       "dirLight",
       new Vector3(-0.5, -1, -0.5),
@@ -214,16 +205,11 @@ class PrefViewer extends HTMLElement {
   _setupEventListeners() {
     this.canvas.addEventListener("wheel", (evt) => {
       if (!this.scene || !this.camera) return;
-      const pickResult = this.scene.pick(
-        this.scene.pointerX,
-        this.scene.pointerY
-      );
-      const pivotPoint = pickResult.hit
-        ? pickResult.pickedPoint.clone()
-        : this.camera.target.clone();
-      this.camera.target = pivotPoint;
-      this.camera.inertialRadiusOffset +=
-        evt.deltaY * this.camera.wheelPrecision * 0.01;
+      const pick = this.scene.pick(this.scene.pointerX, this.scene.pointerY);
+      this.camera.target = pick.hit
+        ? pick.pickedPoint.clone()
+        : this.camera.target;
+      this.camera.inertialRadiusOffset += evt.deltaY * this.camera.wheelPrecision * 0.01;
       evt.preventDefault();
     });
   }
@@ -234,7 +220,6 @@ class PrefViewer extends HTMLElement {
       console.warn("PrefViewer: _reloadModel aborted (no scene or no model)");
       return;
     }
-
     this._disposePreviousMeshes();
 
     try {
@@ -242,10 +227,13 @@ class PrefViewer extends HTMLElement {
       if (this.modelBase64) {
         const blob = this._createBlobFromBase64(this.modelBase64);
         const ext = this._getExtensionFromMimeType(blob.type);
+        const fileName = `model${ext}`;
+        const file = new File([blob], fileName, { type: blob.type });
+        console.log('[PrefViewer] Importing from File:', fileName, blob);
         result = await SceneLoader.ImportMeshAsync(
           null,
           "",
-          blob,
+          file,
           this.scene,
           undefined,
           ext
@@ -261,14 +249,10 @@ class PrefViewer extends HTMLElement {
           ext
         );
       }
-
       this.scene.createDefaultCameraOrLight(true, true, true);
       this.dispatchEvent(
         new CustomEvent("model-loaded", {
-          detail: {
-            meshes: result.meshes,
-            particleSystems: result.particleSystems
-          },
+          detail: { meshes: result.meshes, particleSystems: result.particleSystems },
           bubbles: true,
           composed: true
         })
@@ -287,9 +271,7 @@ class PrefViewer extends HTMLElement {
 
   _disposePreviousMeshes() {
     if (!this.scene) return;
-    this.scene.meshes.slice().forEach((mesh) => {
-      if (mesh.getClassName() === "Mesh") mesh.dispose();
-    });
+    this.scene.meshes.slice().forEach((m) => m.getClassName() === "Mesh" && m.dispose());
   }
 
   _createBlobFromBase64(base64) {
@@ -334,16 +316,7 @@ class PrefViewer extends HTMLElement {
   }
 
   // ====== Cleanup ======
-  _disposeEngine() {
-    if (this.engine) {
-      this.engine.dispose();
-      this.engine = null;
-      this.scene = null;
-      this.camera = null;
-      this.hemiLight = null;
-      this.dirLight = null;
-    }
-  }
+  _disposeEngine() { if (this.engine) { this.engine.dispose(); this.engine = null; this.scene = null; this.camera = null; this.hemiLight = null; this.dirLight = null; } }
 }
 
 customElements.define("pref-viewer", PrefViewer);