@ai-matrx/media 0.4.3 → 0.4.5

package/dist/viewers.cjs

@@ -47,7 +47,7 @@ __export(viewers_exports, {
 module.exports = __toCommonJS(viewers_exports);
 
 // src/viewers/media-file-viewer.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/viewers/registry.ts
 var VIEWER_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.media.viewer-registry");
@@ -1433,6 +1433,9 @@ function HtmlSourceView({ source, maxBytes = 1024 * 1024 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("pre", { className: "h-full w-full overflow-auto bg-muted/10 p-4 font-mono text-xs leading-relaxed break-all whitespace-pre-wrap", children: text });
 }
 
+// src/viewers/svg-viewer.tsx
+var import_react11 = require("react");
+
 // src/viewers/transparency-grid.ts
 var TRANSPARENCY_GRID_STYLE = {
   backgroundImage: "linear-gradient(45deg, rgb(0 0 0 / 0.08) 25%, transparent 25%), linear-gradient(-45deg, rgb(0 0 0 / 0.08) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgb(0 0 0 / 0.08) 75%), linear-gradient(-45deg, transparent 75%, rgb(0 0 0 / 0.08) 75%)",
@@ -1468,7 +1471,19 @@ function SvgViewer(props) {
 }
 function SvgRenderedView({ source, fileName }) {
   const fromClient = useMediaBlob(source.kind === "ref" ? source.ref : null);
-  const url = source.kind === "blob" ? source.url : fromClient.url;
+  const [normalizedUrl, setNormalizedUrl] = (0, import_react11.useState)(null);
+  (0, import_react11.useEffect)(() => {
+    const blob = fromClient.blob;
+    if (!blob || blob.type === "image/svg+xml") {
+      setNormalizedUrl(null);
+      return void 0;
+    }
+    const normalized = new Blob([blob], { type: "image/svg+xml" });
+    const objectUrl = URL.createObjectURL(normalized);
+    setNormalizedUrl(objectUrl);
+    return () => URL.revokeObjectURL(objectUrl);
+  }, [fromClient.blob]);
+  const url = source.kind === "blob" ? source.url : normalizedUrl ?? fromClient.url;
   const loading = source.kind === "ref" && fromClient.loading;
   const error = source.kind === "ref" ? fromClient.error : null;
   if (error) {
@@ -1647,7 +1662,7 @@ function MediaFileViewer({
 }) {
   const kind = previewKind ?? getPreviewKind(props.fileName, props.mimeType ?? null);
   const viewer = getMediaViewer(kind) ?? BUILT_IN[kind];
-  if (viewer) return (0, import_react11.createElement)(viewer, props);
+  if (viewer) return (0, import_react12.createElement)(viewer, props);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MediaViewerUnavailable, { ...props, kind });
 }
 //# sourceMappingURL=viewers.cjs.map