@ai-matrx/media 0.4.3 → 0.4.5

package/dist/viewers.js

@@ -1391,6 +1391,9 @@ function HtmlSourceView({ source, maxBytes = 1024 * 1024 }) {
   return /* @__PURE__ */ jsx8("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
+import { useEffect as useEffect6, useState as useState8 } from "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%)",
@@ -1426,7 +1429,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] = useState8(null);
+  useEffect6(() => {
+    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) {