beauticode-dsh 1.0.18 → 1.0.19

package/client.js

@@ -16,6 +16,7 @@
   const IMAGE_ATTEMPT_TIMEOUT_MS = 3_000;
   const IMAGE_MAX_ATTEMPTS = 2;
   const VIDEO_STARTUP_TIMEOUT_MS = CLIENT_APPLY_DEADLINE_MS;
+  const VIDEO_PROBE_TIMEOUT_MS = 2_000;
   const DSH_STRUCTURE_TIMEOUT_MS = CLIENT_APPLY_DEADLINE_MS;
   const FRAME_FALLBACK_MS = 120;
   const VIDEO_STABLE_FRAMES = 3;
@@ -82,7 +83,7 @@ html[data-bc-fish="true"] #beauticode-bg-stage::after{background:transparent!imp
 #beauticode-bg-stage[data-bc-transitioning="true"] .beauticode-media-slot[data-bc-role="candidate"]{opacity:1}
 #beauticode-bg-stage .beauticode-media-slot img,#beauticode-bg-stage .beauticode-media-slot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:opacity 120ms ease}
 #beauticode-bg-stage .beauticode-media-slot img{z-index:0;opacity:1}
-#beauticode-bg-stage .beauticode-media-slot video{z-index:1;opacity:0}
+#beauticode-bg-stage .beauticode-media-slot video{z-index:1;opacity:.001}
 #beauticode-bg-stage .beauticode-media-slot[data-bc-video-ready="true"] img{opacity:0}
 #beauticode-bg-stage .beauticode-media-slot[data-bc-video-ready="true"] video{opacity:1}
 @media (prefers-reduced-motion:reduce){#beauticode-bg-stage .beauticode-media-slot,#beauticode-bg-stage .beauticode-media-slot img,#beauticode-bg-stage .beauticode-media-slot video{transition:none!important}}
@@ -496,7 +497,65 @@ html[data-bc-fish="true"] #root{opacity:0!important;visibility:hidden!important;
     }
   }
 
-  function describeVideoState(video, phase) {
+  function safeOrigin(value) {
+    try {
+      return new URL(value, globalThis.location?.href).origin;
+    } catch {
+      return "unknown";
+    }
+  }
+
+  function videoRequestContext(url) {
+    return `页面Origin=${safeOrigin(globalThis.location?.href)}；媒体Origin=${safeOrigin(url)}；页面=${document.visibilityState || "unknown"}`;
+  }
+
+  async function probeVideoSource(url, signal, timeoutMs = VIDEO_PROBE_TIMEOUT_MS) {
+    throwIfAborted(signal);
+    const controller = new AbortController();
+    const parentAborted = () => controller.abort();
+    signal?.addEventListener?.("abort", parentAborted, { once: true });
+    let timedOut = false;
+    const timer = setTimeout(() => {
+      timedOut = true;
+      controller.abort();
+    }, Math.max(1, timeoutMs));
+    try {
+      const response = await fetch(url, {
+        method: "GET",
+        headers: { Range: "bytes=0-1" },
+        cache: "no-store",
+        credentials: "omit",
+        mode: "cors",
+        signal: controller.signal,
+      });
+      if (response.status !== 206) {
+        if (response.body) {
+          await response.body.cancel().catch(() => {});
+        }
+        throw new Error(`视频媒体 Range 探针返回 HTTP ${response.status}`);
+      }
+      const bytes = await response.arrayBuffer();
+      if (bytes.byteLength !== 2) {
+        throw new Error(`视频媒体 Range 探针返回 ${bytes.byteLength} 字节`);
+      }
+    } catch (error) {
+      if (signal?.aborted) throw abortError();
+      const context = videoRequestContext(url);
+      if (timedOut || isAbortError(error)) {
+        throw new Error(`视频媒体 Range 探针超时；${context}`);
+      }
+      const detail = error instanceof Error ? error.message : String(error);
+      if (error instanceof TypeError) {
+        throw new Error(`视频媒体不可达或被 CORS 拒绝；${context}；${detail}`);
+      }
+      throw new Error(`${detail}；${context}`);
+    } finally {
+      clearTimeout(timer);
+      signal?.removeEventListener?.("abort", parentAborted);
+    }
+  }
+
+  function describeVideoState(video, phase) {
     const mediaErrorNames = {
       1: "MEDIA_ERR_ABORTED",
       2: "MEDIA_ERR_NETWORK",
@@ -505,7 +564,8 @@ html[data-bc-fish="true"] #root{opacity:0!important;visibility:hidden!important;
     };
     const code = Number(video?.error?.code) || 0;
     const mediaError = code ? mediaErrorNames[code] || `MEDIA_ERR_${code}` : "none";
-    return `${phase}；mediaError=${mediaError}；readyState=${video?.readyState ?? -1}；networkState=${video?.networkState ?? -1}；paused=${Boolean(video?.paused)}`;
+    const src = video?.currentSrc || video?.src || "";
+    return `${phase}；mediaError=${mediaError}；readyState=${video?.readyState ?? -1}；networkState=${video?.networkState ?? -1}；paused=${Boolean(video?.paused)}；${videoRequestContext(src)}`;
   }
 
   function waitForVideo(video, signal, timeoutMs = VIDEO_STARTUP_TIMEOUT_MS) {
@@ -1090,6 +1150,12 @@ html[data-bc-fish="true"] #root{opacity:0!important;visibility:hidden!important;
       if (payload.media !== "video" || typeof payload.videoUrl !== "string") {
         throw new Error("视频载荷无效");
       }
+      await probeVideoSource(
+        payload.videoUrl,
+        signal,
+        Math.min(VIDEO_PROBE_TIMEOUT_MS, remaining()),
+      );
+      throwIfAborted(signal);
       const video = document.createElement("video");
       video.autoplay = true;
       video.loop = true;

package/package.json

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

package/vendor/adapter-dsh/bridge.js

@@ -13,6 +13,18 @@ export function normalizeDshBaseUrl(value) {
     url.pathname = url.pathname.replace(/\/+$/, "") || "/";
     return url;
 }
+export function dshTrustedOrigins(value) {
+    const baseUrl = normalizeDshBaseUrl(String(value));
+    const port = baseUrl.port ? `:${baseUrl.port}` : "";
+    return [
+        ...new Set([
+            baseUrl.origin,
+            new URL(`http://127.0.0.1${port}`).origin,
+            new URL(`http://localhost${port}`).origin,
+            new URL(`http://[::1]${port}`).origin,
+        ]),
+    ];
+}
 function delay(ms) {
     return new Promise((resolve) => setTimeout(resolve, ms));
 }

package/vendor/adapter-dsh/index.js

@@ -1,4 +1,4 @@
-export { DshHostApplier, normalizeDshBaseUrl, } from "./bridge.js";
+export { DshHostApplier, dshTrustedOrigins, normalizeDshBaseUrl, } from "./bridge.js";
 export { DSH_HOST_DESCRIPTOR } from "./host-descriptor.js";
 export { DshSession } from "./session.js";
 export { DSH_BRIDGE_TOKEN_FILE, bridgeTokenPath, ensureBridgeToken, } from "./token.js";

package/vendor/adapter-dsh/session.js

@@ -1,7 +1,7 @@
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { ApplyTransaction, BackgroundStore, MediaServerController, buildHostApplyPayload, defaultDataRoot, isLocalBackgroundSource, resolveSessionBundledThemes, resolveBackgroundImagePath, } from "../core/index.js";
-import { DshHostApplier, normalizeDshBaseUrl } from "./bridge.js";
+import { DshHostApplier, dshTrustedOrigins, normalizeDshBaseUrl } from "./bridge.js";
 import { DSH_HOST_DESCRIPTOR } from "./host-descriptor.js";
 import { acquireDshInjectorLock } from "./injector-lock.js";
 import { ensureBridgeToken } from "./token.js";
@@ -54,7 +54,7 @@ export class DshSession {
         });
         this.media = new MediaServerController({
             enabled: true,
-            trustedOrigins: [this.baseUrl.origin],
+            trustedOrigins: dshTrustedOrigins(this.baseUrl),
         });
         this.onError = opts.onError ?? null;
         this.onStatus = opts.onStatus ?? null;