Update app.py

app.py

@@ -522,35 +522,28 @@ window.addEventListener('load', () => {
     // 一度挿入したら再挿入しない
     if (svg.querySelector('foreignObject#custom-loader-fo')) return;
 
-    const SVG_NS = 'http://www.w3.org/2000/svg';
-    // foreignObject を作成
-    const fo = document.createElementNS(SVG_NS, 'foreignObject');
-    fo.setAttribute('id', 'custom-loader-fo');
-    fo.setAttribute('width', '100%');   // SVG 内の表示エリア幅に合わせて調整
-    fo.setAttribute('height', '100%');  // SVG 内の表示エリア高さに合わせて調整
-    fo.setAttribute('x', '-200');
-    fo.setAttribute('y', '0');
-
-    // HTML 部分を innerHTML で一発挿入
-    fo.innerHTML = `
-      <div id="custom-loader" xmlns="http://www.w3.org/1999/xhtml">
-        <div class="loading-text">
-          <span style="animation-delay:0s">i</span>
-          <span style="animation-delay:0.1s">n</span>
-          <span style="animation-delay:0.2s"> </span>
-          <span style="animation-delay:0.3s">p</span>
-          <span style="animation-delay:0.4s">r</span>
-          <span style="animation-delay:0.5s">o</span>
-          <span style="animation-delay:0.6s">g</span>
-          <span style="animation-delay:0.7s">r</span>
-          <span style="animation-delay:0.8s">e</span>
-          <span style="animation-delay:0.9s">s</span>
-          <span style="animation-delay:1.0s">s</span>
-          <img src="https://huggingface.co/spaces/cocoat/Re.cocoamixXL3/resolve/main/icon.png" width="32" height="32" />
-        </div>
+    if (component25) { // ★ 要素が存在する場合のみ追加
+  // カスタムローダーのHTML
+  const loaderHTML = `
+    <div id="custom-loader">
+      <div class="loading-text">
+        <span style="animation-delay:0s">i</span>
+        <span style="animation-delay:0.1s">n</span>
+        <span style="animation-delay:0.2s"> </span>
+        <span style="animation-delay:0.3s">p</span>
+        <span style="animation-delay:0.4s">r</span>
+        <span style="animation-delay:0.5s">o</span>
+        <span style="animation-delay:0.6s">g</span>
+        <span style="animation-delay:0.7s">r</span>
+        <span style="animation-delay:0.8s">e</span>
+        <span style="animation-delay:0.9s">s</span>
+        <span style="animation-delay:1.0s">s</span>
+        <img src="[https://huggingface.co/spaces/cocoat/Re.cocoamixXL3/resolve/main/icon.png](https://huggingface.co/spaces/cocoat/Re.cocoamixXL3/resolve/main/icon.png)" width="32" height="32" />
       </div>
-    `;
-
+    </div>
+  `;
+  component25.insertAdjacentHTML('beforeend', loaderHTML);
+}
     svg.appendChild(fo);
   });
   observer.observe(document.body, { childList: true, subtree: true });