Update interface.js

interface.js

@@ -1,3 +1,4 @@
+// interface.js
 // ==============================
 // interface.js
 // ==============================
@@ -182,7 +183,7 @@ const currentScriptTag = document.currentScript;
   // ─── 7. Dynamically load viewer.js ─────────────────────────────────────────
   let viewerModule;
   try {
-    viewerModule = await import('./viewer.js');
+    viewerModule = await import('https://mikafil-viewer-gs.static.hf.space/viewer.js');
     await viewerModule.initializeViewer(config, instanceId);
   } catch (err) {
     console.error("Failed to load viewer.js or initialize the 3D viewer:", err);
@@ -212,9 +213,6 @@ const currentScriptTag = document.currentScript;
     const computedWidget = window.getComputedStyle(widgetContainer);
     const computedViewer = window.getComputedStyle(viewerContainerElem);
     const originalAspect = widgetContainer.getAttribute('data-original-aspect') || aspectPercent;
-    const containerWidth  = widgetContainer.offsetWidth;
-    const containerHeight = widgetContainer.clientHeight || viewerContainerElem.offsetHeight;
-    const calculatedRatio = (containerHeight / containerWidth * 100) + '%';
     savedState = {
       widget: {
         position: widgetContainer.style.position,
@@ -236,7 +234,7 @@ const currentScriptTag = document.currentScript;
 
   function restoreOriginalStyles() {
     if (!savedState) return;
-    let aspectToUse = savedState.widget.paddingBottom;
+    const aspectToUse = savedState.widget.paddingBottom;
     widgetContainer.style.position     = savedState.widget.position || "";
     widgetContainer.style.top          = savedState.widget.top || "";
     widgetContainer.style.left         = savedState.widget.left || "";
@@ -259,10 +257,12 @@ const currentScriptTag = document.currentScript;
     viewerContainerElem.style.border        = savedState.viewer.border || "";
 
     if (viewerModule.app) {
-      const cw = viewerContainerElem.clientWidth;
-      const ch = viewerContainerElem.clientHeight;
-      viewerModule.app.resizeCanvas(cw, ch);
+      viewerModule.app.resizeCanvas(
+        viewerContainerElem.clientWidth,
+        viewerContainerElem.clientHeight
+      );
     }
+
     savedState = null;
   }
 
@@ -287,6 +287,7 @@ const currentScriptTag = document.currentScript;
     if (viewerModule.app) {
       viewerModule.app.resizeCanvas(window.innerWidth, window.innerHeight);
     }
+
     fullscreenToggle.textContent = '⇲';
     isFullscreen = true;
   }
@@ -346,7 +347,7 @@ const currentScriptTag = document.currentScript;
 
   if (tooltipsToggleBtn) {
     let tooltipsVisible = !!config.showTooltipsDefault;
-    if (!tooltipsVisible) tooltipsToggleBtn.style.opacity = '0.5';
+    tooltipsToggleBtn.style.opacity = tooltipsVisible ? '1' : '0.5';
     tooltipsToggleBtn.addEventListener('click', () => {
       hideTooltipPanel();
       tooltipsVisible = !tooltipsVisible;
@@ -386,7 +387,10 @@ const currentScriptTag = document.currentScript;
       if (isFullscreen) {
         viewerModule.app.resizeCanvas(window.innerWidth, window.innerHeight);
       } else {
-        viewerModule.app.resizeCanvas(viewerContainerElem.clientWidth, viewerContainerElem.clientHeight);
+        viewerModule.app.resizeCanvas(
+          viewerContainerElem.clientWidth,
+          viewerContainerElem.clientHeight
+        );
       }
     }
   });