@ai-matrx/media 0.4.0 → 0.4.2

package/dist/viewers.cjs

@@ -46,6 +46,9 @@ __export(viewers_exports, {
 });
 module.exports = __toCommonJS(viewers_exports);
 
+// src/viewers/media-file-viewer.tsx
+var import_react12 = require("react");
+
 // src/viewers/registry.ts
 var VIEWER_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.media.viewer-registry");
 var HIGHLIGHTER_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.media.code-highlighter");
@@ -794,7 +797,15 @@ function CodeViewer({
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ViewerCopyButton, { text })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "min-h-0 flex-1 overflow-auto", children: highlighter ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: highlighter({ code: text, language }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("pre", { className: "m-0 flex p-3 font-mono text-xs leading-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "min-h-0 flex-1 overflow-auto", children: highlighter ? (
+          // Mounted as an element, never called — a real highlighter reads the
+          // host's theme with a hook, and calling it would put that hook in
+          // THIS component's list (see the note in media-file-viewer.tsx).
+          (0, import_react7.createElement)(
+            highlighter,
+            { code: text, language }
+          )
+        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("pre", { className: "m-0 flex p-3 font-mono text-xs leading-5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "code",
             {
@@ -1443,11 +1454,17 @@ function useMediaLoadRecovery(src, options) {
   const failureRef = options?.failureRef;
   const [result, setResult] = (0, import_react11.useState)({ source: src, retryKey: 0, failed: false });
   const attemptRef = (0, import_react11.useRef)(0);
+  const recoveryInFlightRef = (0, import_react11.useRef)(false);
   (0, import_react11.useEffect)(() => {
     attemptRef.current = 0;
+    recoveryInFlightRef.current = false;
   }, [src]);
+  (0, import_react11.useLayoutEffect)(() => {
+    recoveryInFlightRef.current = false;
+  }, [result.retryKey]);
   const identity = () => failureMediaIdentity(failureRef ?? null, src);
   const onLoadError = (event) => {
+    if (recoveryInFlightRef.current) return;
     if (!src || !recoverable) {
       setResult({ source: src, retryKey: 0, failed: true });
       if (src) {
@@ -1462,6 +1479,7 @@ function useMediaLoadRecovery(src, options) {
       onTerminal?.(event);
       return;
     }
+    recoveryInFlightRef.current = true;
     attemptRef.current += 1;
     const attempt = attemptRef.current;
     client.recoverLoadError(mintDurableSrc(src), attempt).then(
@@ -1738,10 +1756,8 @@ function MediaFileViewer({
   ...props
 }) {
   const kind = previewKind ?? getPreviewKind(props.fileName, props.mimeType ?? null);
-  const registered = getMediaViewer(kind);
-  if (registered) return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: registered(props) });
-  const builtIn = BUILT_IN[kind];
-  if (builtIn) return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: builtIn(props) });
+  const viewer = getMediaViewer(kind) ?? BUILT_IN[kind];
+  if (viewer) return (0, import_react12.createElement)(viewer, props);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MediaViewerUnavailable, { ...props, kind });
 }
 //# sourceMappingURL=viewers.cjs.map