@ai-matrx/media 0.4.0 → 0.4.1

package/dist/viewers.js

@@ -1,5 +1,8 @@
 "use client";
 
+// src/viewers/media-file-viewer.tsx
+import { createElement as createElement3 } from "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");
@@ -42,7 +45,7 @@ function getMediaCodeHighlighter() {
 }
 
 // src/viewers/code-viewer.tsx
-import { useMemo as useMemo2, useState as useState4 } from "react";
+import { createElement as createElement2, useMemo as useMemo2, useState as useState4 } from "react";
 
 // src/react/cn.ts
 import { twMerge } from "tailwind-merge";
@@ -642,7 +645,7 @@ function useViewerDisplayUrl(source) {
 }
 
 // src/viewers/code-viewer.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var EXT_TO_LANGUAGE = {
   js: "javascript",
   jsx: "jsx",
@@ -752,7 +755,15 @@ function CodeViewer({
             /* @__PURE__ */ jsx3(ViewerCopyButton, { text })
           ] })
         ] }),
-        /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1 overflow-auto", children: highlighter ? /* @__PURE__ */ jsx3(Fragment, { children: highlighter({ code: text, language }) }) : /* @__PURE__ */ jsxs3("pre", { className: "m-0 flex p-3 font-mono text-xs leading-5", children: [
+        /* @__PURE__ */ jsx3("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).
+          createElement2(
+            highlighter,
+            { code: text, language }
+          )
+        ) : /* @__PURE__ */ jsxs3("pre", { className: "m-0 flex p-3 font-mono text-xs leading-5", children: [
           /* @__PURE__ */ jsx3(
             "code",
             {
@@ -1683,7 +1694,7 @@ function getPreviewKind(fileName, mimeType) {
 }
 
 // src/viewers/media-file-viewer.tsx
-import { Fragment as Fragment2, jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var BUILT_IN = {
   text: TextViewer,
   code: CodeViewer,
@@ -1696,10 +1707,8 @@ function MediaFileViewer({
   ...props
 }) {
   const kind = previewKind ?? getPreviewKind(props.fileName, props.mimeType ?? null);
-  const registered = getMediaViewer(kind);
-  if (registered) return /* @__PURE__ */ jsx12(Fragment2, { children: registered(props) });
-  const builtIn = BUILT_IN[kind];
-  if (builtIn) return /* @__PURE__ */ jsx12(Fragment2, { children: builtIn(props) });
+  const viewer = getMediaViewer(kind) ?? BUILT_IN[kind];
+  if (viewer) return createElement3(viewer, props);
   return /* @__PURE__ */ jsx12(MediaViewerUnavailable, { ...props, kind });
 }
 export {