beauticode-dsh 1.0.15 → 1.0.16

package/atmosphere.js

@@ -92,8 +92,8 @@ html[data-bc-resolved-tone="light"][data-bc-gallery="true"] body{
 }
 html[data-bc-gallery="true"] #root{position:relative;z-index:1;background:transparent!important}
 html[data-bc-gallery="true"] [class*="_fade"]{display:none!important}
-html[data-bc-gallery="true"] #beauticode-bg-stage>img,
-html[data-bc-gallery="true"] #beauticode-bg-stage>video{opacity:0!important}
+html[data-bc-gallery="true"] #beauticode-bg-stage img,
+html[data-bc-gallery="true"] #beauticode-bg-stage video{opacity:0!important}
 html[data-bc-fish="true"] #root{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
 `;
     return style;

package/client.js

@@ -10,6 +10,7 @@
   const desiredModes = { fish: false, muted: true, tone: "auto" };
   const IMAGE_LOAD_TIMEOUT_MS = 12_000;
   const VIDEO_STARTUP_TIMEOUT_MS = 20_000;
+  const DSH_STRUCTURE_TIMEOUT_MS = 10_000;
   const VIDEO_STABLE_FRAMES = 3;
   const VIDEO_STABLE_PROGRESS_SEC = 0.18;
   const CROSSFADE_MS = 180;
@@ -149,12 +150,39 @@ html[data-bc-fish="true"] #root{opacity:0!important;visibility:hidden!important;
    * If the shell no longer exposes it, report a clear error through the
    * render ack instead of silently painting a broken page.
    */
-  function dshStructureIssue() {
-    if (!document.getElementById("root")) {
-      return "DSH 页面结构不兼容：未找到 #root。";
-    }
-    return null;
-  }
+  function dshStructureIssue() {
+    if (!document.getElementById("root")) {
+      return "DSH 页面结构不兼容：未找到 #root。";
+    }
+    return null;
+  }
+
+  function waitForDshStructure(signal, timeoutMs = DSH_STRUCTURE_TIMEOUT_MS) {
+    if (!dshStructureIssue()) return Promise.resolve();
+    return new Promise((resolve, reject) => {
+      let settled = false;
+      const startedAt = performance.now();
+      const finish = (error = null) => {
+        if (settled) return;
+        settled = true;
+        clearInterval(timer);
+        signal?.removeEventListener?.("abort", aborted);
+        if (error) reject(error);
+        else resolve();
+      };
+      const aborted = () => finish(abortError());
+      const timer = setInterval(() => {
+        const issue = dshStructureIssue();
+        if (!issue) {
+          finish();
+        } else if (performance.now() - startedAt >= timeoutMs) {
+          finish(new Error(issue));
+        }
+      }, 50);
+      signal?.addEventListener?.("abort", aborted, { once: true });
+      if (signal?.aborted) aborted();
+    });
+  }
 
   function activeVideo() {
     const video = currentSlot?.querySelector?.("video") ?? null;
@@ -793,6 +821,7 @@ html[data-bc-fish="true"] #root{opacity:0!important;visibility:hidden!important;
     let candidate = null;
     let committed = false;
     try {
+      await waitForDshStructure(signal);
       const image = await loadImage(payload.imageUrl, signal);
       throwIfAborted(signal);
       if (payload.media === "image") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beauticode-dsh",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "Cordis plugin: image/video backgrounds for DeepSeek Harness web.",
   "type": "module",
   "main": "./index.mjs",