Update viewer.js

viewer.js

@@ -1,3 +1,5 @@
+// viewer.js
+
 let pc; // PlayCanvas
 export let app = null;
 let cameraEntity = null;
@@ -154,7 +156,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 })
     };
 
@@ -166,7 +168,7 @@ export async function initializeViewer(config, instanceId) {
       // 90MB is a big PLY!
       loadTimeout = setTimeout(() => {
         alert("⚠️ 3D model loading is taking unusually long on your device. Large PLY files (>40MB) may exceed memory limits on iOS Safari and cannot be shown. Try a smaller model, or use a desktop browser for best results.");
-        progressDialog.innerHTML = <p style="color:red">Loading failed or too slow. Try a smaller model, or use a desktop browser.</p>;
+        progressDialog.innerHTML = `<p style="color:red">Loading failed or too slow. Try a smaller model, or use a desktop browser.</p>`;
       }, 20000); // 20 seconds
     }
 
@@ -175,16 +177,16 @@ export async function initializeViewer(config, instanceId) {
       progressDialog.style.display = 'none';
       if (assets.model.resource && assets.model.resource._buffer) {
         let buf = assets.model.resource._buffer;
-        logAndAlert([viewer.js] PLY/GSplat asset loaded! Buffer byteLength: ${buf.byteLength || buf.length || 'n/a'});
+        logAndAlert(`[viewer.js] PLY/GSplat asset loaded! Buffer byteLength: ${buf.byteLength || buf.length || 'n/a'}`);
       } else {
-        logAndAlert([viewer.js] PLY/GSplat asset loaded! [NO BUFFER?]);
+        logAndAlert(`[viewer.js] PLY/GSplat asset loaded! [NO BUFFER?]`);
       }
     });
 
     assets.model.on('error', err => {
       if (loadTimeout) { clearTimeout(loadTimeout); loadTimeout = null; }
       logAndAlert('[viewer.js] Error loading model: ' + 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(() => {
@@ -336,7 +338,7 @@ export async function initializeViewer(config, instanceId) {
   } catch (error) {
     if (loadTimeout) { clearTimeout(loadTimeout); loadTimeout = null; }
     logAndAlert("[viewer.js] Error initializing PlayCanvas viewer: " + error.message);
-    progressDialog.innerHTML = <p style="color: red">Error loading viewer: ${error.message}</p>;
+    progressDialog.innerHTML = `<p style="color: red">Error loading viewer: ${error.message}</p>`;
   }
 }
 
@@ -401,4 +403,4 @@ export function cleanupViewer() {
     resizeObserver.disconnect();
     resizeObserver = null;
   }
-}
+}