@preference-sl/pref-viewer 2.16.0-beta.4 → 2.16.0-beta.5

package/package.json

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

package/src/babylonjs-controller.js

@@ -2643,13 +2643,6 @@ export default class BabylonJSController {
         }
         const stagedAssetContainer = container?.assetContainer ?? null;
         if (stagedAssetContainer) {
-            try {
-                stagedAssetContainer.meshes?.forEach((mesh) => {
-                    mesh.visibility = 0;
-                });
-            } catch {
-                // ignore
-            }
             try {
                 container.state.visible = false;
                 this.#addContainer(container, false);
@@ -2673,6 +2666,7 @@ export default class BabylonJSController {
                     mesh.visibility = 1;
                 });
                 this.#setVisibilityOfWallAndFloorInModel();
+                this.#setOptions_Materials(true);
             } catch {
                 // ignore
             }
@@ -3844,6 +3838,15 @@ export default class BabylonJSController {
             }
 
             this.#requestRender({ frames: 3, continuousMs: this.#config.render.interactionMs });
+            // Materials: shaders assigned by #setOptions_Materials need compilation. Start
+            // rendering immediately (above) so the loop runs; then when all shaders are ready,
+            // fire additional frames so the compiled textures actually appear without requiring
+            // a camera interaction to trigger them.
+            if (containerName === "materials" && this.#scene) {
+                this.#scene.whenReadyAsync().then(() => {
+                    this.#requestRender({ frames: 3, force: true });
+                }).catch(() => { /* scene disposed — ignore */ });
+            }
             if (containerName === "model" && !this.#modelFirstPaintedEmitted) {
                 try {
                     performance.mark(`viewer:model-first-painted:scheduled:${modelFirstPaintedLoadToken}`);