Update viewer.js

viewer.js

@@ -1,7 +1,5 @@
 // viewer.js
 // ==============================
-// viewer.js
-// ==============================
 
 let pc;            // will hold the PlayCanvas module once imported
 export let app = null;
@@ -126,8 +124,6 @@ export async function initializeViewer(config, instanceId) {
     app = new pc.Application(canvas, opts);
     app.setCanvasFillMode(pc.FILLMODE_NONE);
     app.setCanvasResolution(pc.RESOLUTION_AUTO);
-    //app.scene.exposure    = 0.5;
-    //app.scene.toneMapping = pc.TONEMAP_ACES;
 
     // Attach ResizeObserver to keep canvas in sync with container size
     resizeObserver = new ResizeObserver(entries => {
@@ -143,6 +139,7 @@ export async function initializeViewer(config, instanceId) {
     window.addEventListener('resize', () => {
       if (app) app.resizeCanvas(viewerContainer.clientWidth, viewerContainer.clientHeight);
     });
+
     app.on('destroy', () => {
       window.removeEventListener('resize', resizeCanvas);
     });
@@ -153,7 +150,7 @@ export async function initializeViewer(config, instanceId) {
       orbit: new pc.Asset('script', 'script', { url: "https://mikafil-viewer-gs.static.hf.space/orbit-camera.js" }),
       galerie: new pc.Asset('galerie', 'container', { url: glbUrl }),
       hdr: new pc.Asset('hdr', 'texture', {
-        url: https://huggingface.co/datasets/bilca/ply_files/resolve/main/galeries/blanc.png
+        url: "https://huggingface.co/datasets/bilca/ply_files/resolve/main/galeries/blanc.png"
       }, { type: pc.TEXTURETYPE_RGBP, mipmaps: false })
     };
 
@@ -161,8 +158,7 @@ export async function initializeViewer(config, instanceId) {
     let lastProg = 0;
     assets.model.on('load', () => progressDialog.style.display = 'none');
     assets.model.on('error', err => {
-      console.error("Error loading PLY file:", err);
-      progressDialog.innerHTML = <p style="color: red">Error loading model: ${err}</p>;
+      progressDialog.innerHTML = `<p style="color: red">Error loading model: ${err}</p>`;
     });
 
     const progCheck = setInterval(() => {
@@ -210,16 +206,17 @@ export async function initializeViewer(config, instanceId) {
       app.root.addChild(dirLight);
 
       // Gallery GLB
-      const galleryEntity = assets.galerie.resource.instantiateRenderEntity();
-      app.root.addChild(galleryEntity);
+      if (assets.galerie && assets.galerie.resource && assets.galerie.resource.instantiateRenderEntity) {
+        const galleryEntity = assets.galerie.resource.instantiateRenderEntity();
+        app.root.addChild(galleryEntity);
+      }
 
       // Camera setup
       cameraEntity = new pc.Entity('camera');
       cameraEntity.addComponent('camera', {
         clearColor: config.canvas_background
           ? parseInt(config.canvas_background.substr(1, 2), 16) / 255
-          : 0,
-        //toneMapping: pc.TONEMAP_ACES
+          : 0
       });
       cameraEntity.setPosition(chosenCameraX, chosenCameraY, chosenCameraZ);
       cameraEntity.lookAt(modelEntity.getPosition());
@@ -282,7 +279,7 @@ export async function initializeViewer(config, instanceId) {
           moveDuration: config.tooltipMoveDuration || 0.6
         });
       } catch (e) {
-        console.error("Error loading tooltips.js:", e);
+        // Tooltips are optional
       }
 
       progressDialog.style.display = 'none';
@@ -290,8 +287,7 @@ export async function initializeViewer(config, instanceId) {
     });
 
   } catch (error) {
-    console.error("Error initializing PlayCanvas viewer:", error);
-    progressDialog.innerHTML = <p style="color: red">Error loading viewer: ${error.message}</p>;
+    progressDialog.innerHTML = `<p style="color: red">Error loading viewer: ${error && error.message ? error.message : error}</p>`;
   }
 }
 
@@ -333,11 +329,11 @@ export function resetViewerCamera() {
     orbitCam._yaw         = yaw;
     orbitCam._targetPitch = pitch;
     orbitCam._pitch       = pitch;
-    orbitCam._updatePosition && orbitCam._updatePosition();
+    if (orbitCam._updatePosition) orbitCam._updatePosition();
 
     tempEnt.destroy();
   } catch (e) {
-    console.error("Error resetting camera:", e);
+    // Silent fail: resetting camera should never crash app
   }
 }
 
@@ -357,4 +353,4 @@ export function cleanupViewer() {
     resizeObserver.disconnect();
     resizeObserver = null;
   }
-}
+}