Update interface.js

interface.js

@@ -1,23 +1,28 @@
 // interface.js
 // ==============================
 
-(async function () {
-  // Trouve toutes les balises <script src=".../interface.js" data-config="...">
-  const scriptTags = Array.from(
-    document.querySelectorAll('script[src*="interface.js"][data-config]')
-  );
-  if (!scriptTags.length) return;
-
-  // Initialise une instance par balise
-  for (const scriptTag of scriptTags) {
-    try {
-      await initViewerInstance(scriptTag);
-    } catch (e) {
-      // Évite qu'une erreur d'instance empêche les autres de se créer
-      console.error("[interface.js] Instance init error:", e);
+// Garde global: si ce module a déjà initialisé toutes les balises, on ne refait pas
+if (!window.__PLY_IFACE_INIT_DONE__) {
+  window.__PLY_IFACE_INIT_DONE__ = true;
+
+  (async function () {
+    // Trouve toutes les balises <script src=".../interface.js" data-config="...">
+    const scriptTags = Array.from(
+      document.querySelectorAll('script[type="module"][src*="interface.js"][data-config]')
+    );
+    if (!scriptTags.length) return;
+
+    // Initialise une instance par balise
+    for (const scriptTag of scriptTags) {
+      try {
+        await initViewerInstance(scriptTag);
+      } catch (e) {
+        // Évite qu'une erreur d'instance empêche les autres de se créer
+        console.error("[interface.js] Instance init error:", e);
+      }
     }
-  }
-})();
+  })();
+}
 
 async function initViewerInstance(scriptTag) {
   // 1) Lire la config
@@ -34,11 +39,26 @@ async function initViewerInstance(scriptTag) {
   }
 
   // 2) Injecter la CSS si nécessaire (une seule fois par href)
-  if (config.css_url && !document.querySelector(`link[rel="stylesheet"][href="${CSS.escape ? CSS.escape(config.css_url) : config.css_url}"]`)) {
-    const linkEl = document.createElement("link");
-    linkEl.rel = "stylesheet";
-    linkEl.href = config.css_url;
-    document.head.appendChild(linkEl);
+  try {
+    if (
+      config.css_url &&
+      !document.querySelector(
+        `link[rel="stylesheet"][href="${(window.CSS && CSS.escape) ? CSS.escape(config.css_url) : config.css_url}"]`
+      )
+    ) {
+      const linkEl = document.createElement("link");
+      linkEl.rel = "stylesheet";
+      linkEl.href = config.css_url;
+      document.head.appendChild(linkEl);
+    }
+  } catch (e) {
+    // si CSS.escape indisponible, on ignore la vérif et on insère quand même
+    if (config.css_url && !document.querySelector(`link[rel="stylesheet"][href="${config.css_url}"]`)) {
+      const linkEl = document.createElement("link");
+      linkEl.rel = "stylesheet";
+      linkEl.href = config.css_url;
+      document.head.appendChild(linkEl);
+    }
   }
 
   // 3) ID unique pour l’instance
@@ -124,6 +144,7 @@ async function initViewerInstance(scriptTag) {
   const tooltipImage = document.getElementById("tooltip-image-" + instanceId);
   const tooltipCloseBtn = document.getElementById("tooltip-close-" + instanceId);
 
+  // Détecteurs (déclarés UNE SEULE FOIS)
   const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
   const isMobile = isIOS || /Android/i.test(navigator.userAgent);
 
@@ -267,7 +288,6 @@ async function initViewerInstance(scriptTag) {
     }, 100);
   });
 
-  const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
   let isFullscreen = false;
   let savedState = null;