Update interface.js

interface.js

@@ -95,7 +95,7 @@ const currentScriptTag = document.currentScript;
       <button id="reset-camera-btn-${instanceId}" class="widget-button reset-camera-btn">
         <span class="reset-icon">⟲</span>
       </button>
-      <button id="points-toggle-${instanceId}" class="widget-button points-toggle">📍</button>
+      <button id="points-toggle-${instanceId}" class="widget-button points-toggle">⦿</button>
       <div id="menu-content-${instanceId}" class="menu-content"></div>
     </div>
     <div id="point-tooltip" class="point-tooltip" style="display: none;">
@@ -131,24 +131,24 @@ const currentScriptTag = document.currentScript;
     menuContent.innerHTML = `
       - Pour vous déplacer, glissez deux doigts sur l'écran.<br>
       - Pour orbiter, utilisez un doigt.<br>
-      - Pour zoomer, pincez avec deux doigts.
+      - Pour zoomer, pincez avec deux doigts.<br>
+      - Cliquez sur ⦿ pour afficher/masquer les points d’information.
     `;
   } else {
     menuContent.innerHTML = `
       - orbitez avec le clic droit<br>
       - zoomez avec la molette<br>
-      - déplacez vous avec le clic gauche
+      - déplacez vous avec le clic gauche<br>
+      - Cliquez sur ⦿ pour afficher/masquer les points d’information.
     `;
   }
+  // Show instructions panel by default
+  menuContent.style.display = 'block';
 
   viewerContainerElem.style.display = 'block';
 
-  // Attach a ResizeObserver to track viewerContainer size changes
-  const containerObserver = new ResizeObserver(entries => {
-    for (const entry of entries) {
-      // No debug logs here anymore
-    }
-  });
+  // Attach a ResizeObserver to track viewerContainer size changes (no debug logs)
+  const containerObserver = new ResizeObserver(() => { /* no-op */ });
   containerObserver.observe(viewerContainerElem);
 
   // Variable to hold the drag-hide listener reference
@@ -156,12 +156,10 @@ const currentScriptTag = document.currentScript;
 
   // Utility: hide tooltip and remove drag-hide listener
   function hideTooltip() {
-    // Remove drag-hide listener if present
     if (dragHide) {
       viewerContainerElem.removeEventListener('pointermove', dragHide);
       dragHide = null;
     }
-    // Hide tooltip DOM
     tooltipDiv.style.display = 'none';
   }
 
@@ -224,10 +222,8 @@ const currentScriptTag = document.currentScript;
     let aspectToUse;
 
     if (hasConfigAspect) {
-      // If aspect was in config, use that stored value
       aspectToUse = savedState.widget.aspectPercent;
     } else {
-      // Recompute from the parent container each time
       const parentContainer = widgetContainer.parentNode;
       const containerWidth  = parentContainer.clientWidth;
       const containerHeight = parentContainer.clientHeight;
@@ -238,12 +234,11 @@ const currentScriptTag = document.currentScript;
       }
     }
 
-    // Restore widgetContainer styles
     widgetContainer.style.position     = savedState.widget.position    || "";
     widgetContainer.style.top          = savedState.widget.top         || "";
     widgetContainer.style.left         = savedState.widget.left        || "";
     widgetContainer.style.width        = "100%";
-    widgetContainer.style.height       = "0"; // always zero
+    widgetContainer.style.height       = "0";
     widgetContainer.style.maxWidth     = savedState.widget.maxWidth    || "";
     widgetContainer.style.maxHeight    = savedState.widget.maxHeight   || "";
     widgetContainer.style.paddingBottom= aspectToUse;
@@ -254,7 +249,6 @@ const currentScriptTag = document.currentScript;
     widgetContainer.style.overflow     = savedState.widget.overflow    || "";
     widgetContainer.classList.remove('fake-fullscreen');
 
-    // Restore viewer container styles
     viewerContainerElem.style.position    = "absolute";
     viewerContainerElem.style.top         = "0";
     viewerContainerElem.style.left        = "0";
@@ -276,7 +270,7 @@ const currentScriptTag = document.currentScript;
     const evt = new CustomEvent('viewerFullscreenExit', { detail: { instanceId } });
     window.dispatchEvent(evt);
 
-    // Update fullscreen button icon back to “⇱”
+    // Reset fullscreen button icon back to “⇱”
     fullscreenToggle.textContent = '⇱';
 
     savedState = null;
@@ -423,7 +417,7 @@ const currentScriptTag = document.currentScript;
     }
   });
 
-  // 📍 toggle button
+  // 📍 toggle button (now “⦿”)
   let pointsVisible = !!config.showPointsDefault;
   if (!pointsVisible) {
     pointsToggleBtn.style.opacity = '0.5';
@@ -480,7 +474,6 @@ const currentScriptTag = document.currentScript;
 
   // Window resize → adjust aspectRatios and resize PlayCanvas
   window.addEventListener('resize', () => {
-    // If no config.aspect, recompute aspectPercent when not fullscreen
     if (!hasConfigAspect && !isFullscreen) {
       const parentContainer = widgetContainer.parentNode;
       const cw = parentContainer.clientWidth;
@@ -491,7 +484,6 @@ const currentScriptTag = document.currentScript;
         widgetContainer.setAttribute('data-original-aspect', newPercent);
       }
     }
-    // Resize PlayCanvas canvas
     if (viewerModule.app) {
       if (isFullscreen) {
         viewerModule.app.resizeCanvas(window.innerWidth, window.innerHeight);