Update viewer.js

viewer.js

@@ -23,19 +23,12 @@ function hexToRgbaArray(hex) {
       (num & 0xFF) / 255
     ];
   } catch (e) {
-    alert("hexToRgbaArray error: " + e);
     return [1, 1, 1, 1];
   }
 }
 
 export async function initializeViewer(config, instanceId) {
-  alert("initializeViewer: start");
-
-  if (viewerInitialized) {
-    alert("Already initialized!");
-    return;
-  }
-
+  
   const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
   const isMobile = isIOS || /Android/i.test(navigator.userAgent);
 
@@ -106,12 +99,10 @@ export async function initializeViewer(config, instanceId) {
 
     if (progressDialog) progressDialog.style.display = 'block';
 
-    alert("Canvas created. Loading PlayCanvas...");
 
     if (!pc) {
       pc = await import("https://cdn.jsdelivr.net/npm/playcanvas@latest/+esm");
       window.pc = pc;
-      alert("PlayCanvas imported.");
     }
 
     // Create app and graphics device
@@ -124,9 +115,7 @@ export async function initializeViewer(config, instanceId) {
         antialias: false
       });
       device.maxPixelRatio = Math.min(window.devicePixelRatio, 2);
-      alert("Graphics device created.");
     } catch (e) {
-      alert("Graphics device error: " + e);
       throw e;
     }
 
@@ -154,14 +143,15 @@ export async function initializeViewer(config, instanceId) {
     app.setCanvasFillMode(pc.FILLMODE_NONE);
     app.setCanvasResolution(pc.RESOLUTION_AUTO);
 
-    alert("App created.");
 
     // Resizing
     resizeObserver = new ResizeObserver(entries => {
       entries.forEach(entry => {
         try {
           app.resizeCanvas(entry.contentRect.width, entry.contentRect.height);
-        } catch (e) { alert("resizeCanvas error: " + e); }
+        } catch (e) {
+          
+        }
       });
     });
     resizeObserver.observe(viewerContainer);
@@ -169,7 +159,9 @@ export async function initializeViewer(config, instanceId) {
     window.addEventListener('resize', () => {
       try {
         app.resizeCanvas(viewerContainer.clientWidth, viewerContainer.clientHeight);
-      } catch (e) { alert("resizeCanvas error: " + e); }
+      } catch (e) {
+        
+      }
     });
     app.on('destroy', () => resizeObserver.disconnect());
 
@@ -181,142 +173,93 @@ export async function initializeViewer(config, instanceId) {
     };
     for (const key in assets) app.assets.add(assets[key]);
 
-    // Individual asset error listeners
-    assets.sogs.on('error', (err) => { alert("SOGS asset error: " + err); });
-    assets.orbit.on('error', (err) => { alert("Orbit-camera.js asset error: " + err); });
-    if (assets.glb) assets.glb.on('error', (err) => { alert("GLB asset error: " + err); });
-
-    assets.sogs.ready(() => { alert("SOGS asset ready."); });
-    assets.orbit.ready(() => { alert("orbit-camera.js asset ready."); });
-    if (assets.glb) assets.glb.ready(() => { alert("GLB asset ready."); });
 
     const loader = new pc.AssetListLoader(Object.values(assets), app.assets);
 
-    loader.on('error', (err) => { alert("Asset loader error: " + err); });
-
     loader.load(() => {
-      alert("All assets loaded. Starting app...");
 
-      try {
-        app.start();
-      } catch (e) {
-        alert("app.start() error: " + e);
-        throw e;
-      }
+      app.start();
+
 
       if (progressDialog) progressDialog.style.display = 'none';
 
       // Add SOGS model
-      try {
-        modelEntity = new pc.Entity('model');
-        modelEntity.addComponent('gsplat', { asset: assets.sogs });
-        modelEntity.setLocalPosition(modelX, modelY, modelZ);
-        modelEntity.setLocalEulerAngles(modelRotationX, modelRotationY, modelRotationZ);
-        modelEntity.setLocalScale(modelScale, modelScale, modelScale);
-        app.root.addChild(modelEntity);
-        alert("Model entity added!");
-      } catch (e) {
-        alert("Model entity error: " + e);
-        throw e;
-      }
+      modelEntity = new pc.Entity('model');
+      modelEntity.addComponent('gsplat', { asset: assets.sogs });
+      modelEntity.setLocalPosition(modelX, modelY, modelZ);
+      modelEntity.setLocalEulerAngles(modelRotationX, modelRotationY, modelRotationZ);
+      modelEntity.setLocalScale(modelScale, modelScale, modelScale);
+      app.root.addChild(modelEntity);
+
 
       // Add the GLB entity if provided
-      try {
-        if (assets.glb && assets.glb.resource && assets.glb.resource.instantiateRenderEntity) {
-          const glbEntity = assets.glb.resource.instantiateRenderEntity();
-          app.root.addChild(glbEntity);
-          alert("GLB entity added.");
-        }
-      } catch (e) {
-        alert("GLB entity error: " + e);
+      if (assets.glb && assets.glb.resource && assets.glb.resource.instantiateRenderEntity) {
+        const glbEntity = assets.glb.resource.instantiateRenderEntity();
+        app.root.addChild(glbEntity);
       }
 
+
       // CAMERA
-      try {
-        cameraEntity = new pc.Entity('camera');
-        // Support background color
-        let bg = [1, 1, 1, 1];
-        if (canvasBg && /^#?[0-9a-f]{6,8}$/i.test(canvasBg.replace("#", ""))) {
-          bg = hexToRgbaArray(canvasBg);
-        }
-        cameraEntity.addComponent('camera', { clearColor: new pc.Color(bg[0], bg[1], bg[2], bg[3]) });
-        cameraEntity.setPosition(chosenCameraX, chosenCameraY, chosenCameraZ);
-        cameraEntity.lookAt(modelEntity.getPosition());
-        cameraEntity.addComponent('script');
-
-        // Pass all attributes to Orbit Camera script
-        cameraEntity.script.create('orbitCamera', {
-          attributes: {
-            focusEntity: modelEntity,
-            inertiaFactor: 0.2,
-            distanceMax: maxZoom,
-            distanceMin: minZoom,
-            pitchAngleMax: maxAngle,
-            pitchAngleMin: minAngle,
-            yawAngleMax: maxAzimuth,
-            yawAngleMin: minAzimuth,
-            minY: minY,
-            frameOnStart: false
-          }
-        });
-        cameraEntity.script.create('orbitCameraInputMouse');
-        cameraEntity.script.create('orbitCameraInputTouch');
-        app.root.addChild(cameraEntity);
-
-        alert("Camera added.");
-      } catch (e) {
-        alert("Camera error: " + e);
+      cameraEntity = new pc.Entity('camera');
+      // Support background color
+      let bg = [1, 1, 1, 1];
+      if (canvasBg && /^#?[0-9a-f]{6,8}$/i.test(canvasBg.replace("#", ""))) {
+        bg = hexToRgbaArray(canvasBg);
       }
+      cameraEntity.addComponent('camera', { clearColor: new pc.Color(bg[0], bg[1], bg[2], bg[3]) });
+      cameraEntity.setPosition(chosenCameraX, chosenCameraY, chosenCameraZ);
+      cameraEntity.lookAt(modelEntity.getPosition());
+      cameraEntity.addComponent('script');
+
+      // Pass all attributes to Orbit Camera script
+      cameraEntity.script.create('orbitCamera', {
+        attributes: {
+          focusEntity: modelEntity,
+          inertiaFactor: 0.2,
+          distanceMax: maxZoom,
+          distanceMin: minZoom,
+          pitchAngleMax: maxAngle,
+          pitchAngleMin: minAngle,
+          yawAngleMax: maxAzimuth,
+          yawAngleMin: minAzimuth,
+          minY: minY,
+          frameOnStart: false
+        }
+       });
+      cameraEntity.script.create('orbitCameraInputMouse');
+      cameraEntity.script.create('orbitCameraInputTouch');
+      app.root.addChild(cameraEntity);
+
+      app.resizeCanvas(viewerContainer.clientWidth, viewerContainer.clientHeight);
+   
+      app.once('update', () => resetViewerCamera());
 
-      try {
-        app.resizeCanvas(viewerContainer.clientWidth, viewerContainer.clientHeight);
-        alert("resizeCanvas called.");
-      } catch (e) {
-        alert("resizeCanvas error: " + e);
-      }
 
-      try {
-        app.once('update', () => resetViewerCamera());
-        alert("resetViewerCamera scheduled.");
-      } catch (e) {
-        alert("resetViewerCamera schedule error: " + e);
-      }
 
       // Tooltips support (optional)
-      try {
-        if (config.tooltips_url) {
-          import('https://mikafil-viewer-sgos.static.hf.space/tooltips.js').then(tooltipsModule => {
-            tooltipsModule.initializeTooltips({
-              app,
-              cameraEntity,
-              modelEntity,
-              tooltipsUrl: config.tooltips_url,
-              defaultVisible: !!config.showTooltipsDefault,
-              moveDuration: config.tooltipMoveDuration || 0.6
-            });
-            alert("Tooltips loaded.");
-          }).catch(e => { alert("Tooltips module error: " + e); });
-        }
-      } catch (e) {
-        alert("Tooltips try-catch error: " + e);
+      if (config.tooltips_url) {
+        import('https://mikafil-viewer-sgos.static.hf.space/tooltips.js').then(tooltipsModule => {
+          tooltipsModule.initializeTooltips({
+            app,
+            cameraEntity,
+            modelEntity,
+            tooltipsUrl: config.tooltips_url,
+            defaultVisible: !!config.showTooltipsDefault,
+            moveDuration: config.tooltipMoveDuration || 0.6
+          });
+          alert("Tooltips loaded.");
+        }).catch(e => { alert("Tooltips module error: " + e); });
       }
 
+
       viewerInitialized = true;
       alert("Viewer initialized success!");
     });
-
-    alert("Asset loader started.");
-  } catch (e) {
-    alert("Main try-catch error: " + e);
-    throw e;
-  }
 }
 
 // Resets the viewer camera (as in your PLY example)
 export function resetViewerCamera() {
-  alert("resetViewerCamera called.");
-  try {
-    if (!cameraEntity || !modelEntity || !app) {
+  if (!cameraEntity || !modelEntity || !app) {
       alert("resetViewerCamera: cameraEntity/modelEntity/app not ready");
       return;
     }
@@ -361,8 +304,4 @@ export function resetViewerCamera() {
     if (orbitCam._updatePosition) orbitCam._updatePosition();
 
     tempEnt.destroy();
-    alert("resetViewerCamera: success");
-  } catch (e) {
-    alert("resetViewerCamera: error: " + e);
-  }
 }