@preference-sl/pref-viewer 2.3.4 → 2.4.0

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@preference-sl/pref-viewer",
-  "version": "2.3.4",
   "description": "Web Component to preview GLTF models with Babylon.js",
   "author": "Alex Moreno Palacio <amoreno@preference.es>",
+  "scripts": {
+    "release": "standard-version --releaseCommitMessageFormat \"chore(release): {{currentTag}} [skip ci]\""
+  },
   "repository": {
     "type": "git",
     "url": "git+https://bitbucket.org/preferencesl/pref-viewer.git"
@@ -30,5 +32,9 @@
   "dependencies": {
     "@babylonjs/core": "^8.0.0",
     "@babylonjs/loaders": "^8.0.0"
-  }
+  },
+  "devDependencies": {
+    "standard-version": "^9.5.0"
+  },
+  "version": "2.4.0"
 }

package/src/index.js

@@ -55,7 +55,6 @@ import "@babylonjs/loaders";
 class PrefViewer extends HTMLElement {
   constructor() {
     super();
-    console.log("PrefViewer: constructor");
     this.attachShadow({ mode: "open" });
     this._createCanvas();
     this._wrapCanvas();
@@ -79,10 +78,8 @@ class PrefViewer extends HTMLElement {
   }
 
   attributeChangedCallback(name, _oldValue, newValue) {
-    console.log(`PrefViewer: attributeChangedCallback - ${name} -> ${newValue}`);
     if (name === "model" && newValue) {
       this.modelUrl = newValue;
-      console.log(`PrefViewer: modelUrl set to ${this.modelUrl}`);
       // Only reload if initialization has already happened
       if (this._hasInitialized) {
         this._reloadModel();
@@ -91,7 +88,6 @@ class PrefViewer extends HTMLElement {
   }
 
   connectedCallback() {
-    console.log("PrefViewer: connectedCallback");
     
     // Set up the plugin hook ONCE globally before any other initialization
     if (!this._pluginHookSetup) {
@@ -102,10 +98,8 @@ class PrefViewer extends HTMLElement {
     // 1) Determine modelUrl now that element is connected
     if (!this.hasAttribute("model")) {
       this.modelUrl = new URL("./models/window.gltf", import.meta.url).href;
-      console.log(`PrefViewer: no model attribute, defaulting to ${this.modelUrl}`);
     } else {
       this.modelUrl = this.getAttribute("model");
-      console.log(`PrefViewer: model attribute present, using ${this.modelUrl}`);
     }
 
     // 2) Initialize Babylon (engine + scene + camera + lights + hooks)
@@ -119,7 +113,6 @@ class PrefViewer extends HTMLElement {
   }
 
   disconnectedCallback() {
-    console.log("PrefViewer: disconnectedCallback - disposing engine");
     this._disposeEngine();
     if (this._onWindowResize) {
       window.removeEventListener("resize", this._onWindowResize);
@@ -128,7 +121,6 @@ class PrefViewer extends HTMLElement {
 
   // ====== URL Preprocessing Setup ======
   _setupUrlPreprocessing() {
-    console.log("PrefViewer: Setting up URL preprocessing hook");
     
     const transformUrl = (url) => {
       // a) If the loader already prepended "blob:…", strip it out.
@@ -138,35 +130,28 @@ class PrefViewer extends HTMLElement {
       );
       // b) Normalize backslashes "\" → forward slashes "/"
       const fixedSlashes = stripped.replace(/\\/g, "/");
-      console.log(
-        `PrefViewer: preprocessUrl received "${url}", stripped to "${stripped}", normalized to "${fixedSlashes}"`
-      );
+
       // c) If it now starts with "http://" or "https://", return it as an absolute URL:
       if (/^https?:\/\//i.test(fixedSlashes)) {
-        console.log(`PrefViewer: preprocessUrl returning absolute URL "${fixedSlashes}"`);
         return fixedSlashes;
       }
       // d) Otherwise, return the relative path
-      console.log(`PrefViewer: preprocessUrl returning relative URL "${fixedSlashes}"`);
       return fixedSlashes;
     };
 
     SceneLoader.OnPluginActivatedObservable.add((plugin) => {
-      console.log(`PrefViewer: Plugin activated - ${plugin.name}`);
       if (plugin.name === "gltf" || plugin.name === "gltf2") {
         // Support both sync and async preprocessing
         plugin.preprocessUrl = transformUrl;
         if (typeof plugin.preprocessUrlAsync === 'function' || plugin.preprocessUrlAsync === undefined) {
           plugin.preprocessUrlAsync = (url) => Promise.resolve(transformUrl(url));
         }
-        console.log("PrefViewer: URL preprocessing hooks set up for GLTF plugin");
       }
     });
   }
 
   // ====== Private setup methods ======
   _createCanvas() {
-    console.log("PrefViewer: _createCanvas");
     this.canvas = document.createElement("canvas");
     Object.assign(this.canvas.style, {
       width: "100%",
@@ -176,7 +161,6 @@ class PrefViewer extends HTMLElement {
   }
 
   _wrapCanvas() {
-    console.log("PrefViewer: _wrapCanvas");
     const wrapper = document.createElement("div");
     Object.assign(wrapper.style, {
       width: "100%",
@@ -188,7 +172,6 @@ class PrefViewer extends HTMLElement {
   }
 
   _initializeBabylon() {
-    console.log("PrefViewer: _initializeBabylon - creating engine and scene");
 
     // 1) Create the Babylon engine & scene
     this.engine = new Engine(this.canvas, true, { alpha: true });
@@ -196,16 +179,13 @@ class PrefViewer extends HTMLElement {
     this.scene.clearColor = new Color4(1, 1, 1, 1);
 
     // 2) Create camera and lights
-    console.log("PrefViewer: _createCamera and _createLights");
     this._createCamera();
     this._createLights();
 
     // 3) Hook up input/event handlers (e.g. wheel-to-zoom)
-    console.log("PrefViewer: _setupEventListeners");
     this._setupEventListeners();
 
     // 4) Start Babylon's render loop
-    console.log("PrefViewer: Starting render loop");
     this.engine.runRenderLoop(() => {
       if (this.scene) {
         this.scene.render();
@@ -213,7 +193,6 @@ class PrefViewer extends HTMLElement {
     });
     
     this._onWindowResize = () => {
-      console.log("PrefViewer: Window resized - calling engine.resize()");
       if (this.engine) {
         this.engine.resize();
       }
@@ -222,7 +201,6 @@ class PrefViewer extends HTMLElement {
   }
 
   _createCamera() {
-    console.log("PrefViewer: _createCamera");
     // ArcRotateCamera that orbits around origin
     this.camera = new ArcRotateCamera(
       "camera",
@@ -236,7 +214,6 @@ class PrefViewer extends HTMLElement {
   }
 
   _createLights() {
-    console.log("PrefViewer: _createLights");
     this.hemiLight = new HemisphericLight(
       "hemiLight",
       new Vector3(0, 1, 0),
@@ -254,7 +231,6 @@ class PrefViewer extends HTMLElement {
   }
 
   _setupEventListeners() {
-    console.log("PrefViewer: _setupEventListeners");
     // Zoom toward point-of-interest on wheel scroll
     this.canvas.addEventListener("wheel", (evt) => {
       if (!this.scene || !this.camera) return;
@@ -274,7 +250,6 @@ class PrefViewer extends HTMLElement {
 
   // ====== Model loading / management ======
   async _reloadModel() {
-    console.log(`PrefViewer: _reloadModel - loading ${this.modelUrl}`);
     if (!this.scene || !this.modelUrl) {
       console.warn("PrefViewer: _reloadModel aborted (scene or modelUrl missing)");
       return;
@@ -284,7 +259,6 @@ class PrefViewer extends HTMLElement {
     this._disposePreviousMeshes();
 
     try {
-      console.log(`PrefViewer: ImportMeshAsync("${this.modelUrl}")`);
       const result = await SceneLoader.ImportMeshAsync(
         null,
         "",
@@ -293,10 +267,8 @@ class PrefViewer extends HTMLElement {
         undefined,
         ".gltf"
       );
-      console.log("PrefViewer: Model loaded, creating default camera/light if needed");
       this.scene.createDefaultCameraOrLight(true, true, true);
 
-      console.log("PrefViewer: Dispatching model-loaded event");
       this.dispatchEvent(
         new CustomEvent("model-loaded", {
           detail: {
@@ -309,7 +281,6 @@ class PrefViewer extends HTMLElement {
       );
     } catch (err) {
       console.error("PrefViewer: Error loading model:", err);
-      console.log("PrefViewer: Dispatching model-error event");
       this.dispatchEvent(
         new CustomEvent("model-error", {
           detail: { error: err },
@@ -321,11 +292,9 @@ class PrefViewer extends HTMLElement {
   }
 
   _disposePreviousMeshes() {
-    console.log("PrefViewer: _disposePreviousMeshes");
     if (!this.scene) return;
     this.scene.meshes.slice().forEach((mesh) => {
       if (mesh.getClassName() === "Mesh") {
-        console.log(`PrefViewer: Disposing mesh ${mesh.name}`);
         mesh.dispose();
       }
     });
@@ -333,7 +302,6 @@ class PrefViewer extends HTMLElement {
 
   // ====== Cleanup ======
   _disposeEngine() {
-    console.log("PrefViewer: _disposeEngine");
     if (this.engine) {
       this.engine.dispose();
       this.engine = null;