@monolith-forensics/monolith-ui 1.9.1-dev.0 → 1.9.1-dev.2

package/dist/RichTextEditor/Extensions/getTiptapExtensions.js

@@ -2,7 +2,7 @@ import TiptapImage from "@tiptap/extension-image";
 import StarterKit from "@tiptap/starter-kit";
 import HorizontalRule from "@tiptap/extension-horizontal-rule";
 import TextAlign from "@tiptap/extension-text-align";
-import { Table, TableCell, TableHeader, TableRow } from "@tiptap/extension-table";
+import { Table, TableCell, TableHeader, TableRow, } from "@tiptap/extension-table";
 import { Focus, Placeholder } from "@tiptap/extensions";
 import { Color } from "@tiptap/extension-color";
 import { TextStyle } from "@tiptap/extension-text-style";
@@ -17,6 +17,8 @@ const CustomImage = TiptapImage.extend({
         var _a;
         return Object.assign(Object.assign({}, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this)), { "data-uuid": {
                 default: null,
+            }, crossorigin: {
+                default: "anonymous",
             } });
     },
     addProseMirrorPlugins() {

package/dist/RichTextEditor/Plugins/ImageActionsPlugin.js

@@ -60,13 +60,42 @@ const getImageFilename = (image) => {
     return "image.png";
 };
 const getImageBlob = (src) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield fetch(src);
+    const response = yield fetch(src, {
+        mode: "cors",
+        credentials: "omit",
+        cache: "no-store",
+    });
     if (!response.ok) {
         throw new Error("Unable to load image.");
     }
-    return response.blob();
+    return {
+        blob: yield response.blob(),
+        contentType: response.headers.get("content-type") || "",
+    };
 });
 const clipboardPngType = "image/png";
+const imageMimeTypesByExtension = {
+    gif: "image/gif",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    png: clipboardPngType,
+    svg: "image/svg+xml",
+    webp: "image/webp",
+};
+const normalizeMimeType = (type) => type.toLowerCase().split(";")[0].trim();
+const getImageMimeTypeFromSource = (src) => {
+    var _a;
+    try {
+        const url = new URL(src);
+        const filename = url.pathname.split("/").filter(Boolean).pop();
+        const extension = (_a = filename === null || filename === void 0 ? void 0 : filename.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        return extension ? imageMimeTypesByExtension[extension] || "" : "";
+    }
+    catch (_b) {
+        const dataUrlMatch = src.match(/^data:([^;,]+)/);
+        return (dataUrlMatch === null || dataUrlMatch === void 0 ? void 0 : dataUrlMatch[1]) || "";
+    }
+};
 const canWriteClipboardType = (ClipboardItemCtor, type) => {
     if (!type)
         return false;
@@ -126,10 +155,15 @@ const convertBlobToClipboardPng = (blob, fallbackSrc) => __awaiter(void 0, void
 });
 const getClipboardImageBlob = (image, ClipboardItemCtor) => __awaiter(void 0, void 0, void 0, function* () {
     const src = image.currentSrc || image.src;
-    const blob = yield getImageBlob(src);
-    const type = blob.type || "";
+    const { blob, contentType } = yield getImageBlob(src);
+    const type = normalizeMimeType(blob.type) ||
+        normalizeMimeType(contentType) ||
+        getImageMimeTypeFromSource(src);
     if (canWriteClipboardType(ClipboardItemCtor, type)) {
-        return { blob, type };
+        return {
+            blob: blob.type === type ? blob : new Blob([blob], { type }),
+            type,
+        };
     }
     return {
         blob: yield convertBlobToClipboardPng(blob, src),
@@ -155,7 +189,7 @@ const downloadImage = (image) => __awaiter(void 0, void 0, void 0, function* ()
     let href = image.src;
     let objectUrl = null;
     try {
-        const blob = yield getImageBlob(image.src);
+        const { blob } = yield getImageBlob(image.src);
         objectUrl = URL.createObjectURL(blob);
         href = objectUrl;
     }

package/dist/RichTextEditor/Plugins/UploadImagesPlugin.js

@@ -113,6 +113,7 @@ export const startImageUpload = (file, view, pos, handleImageUpload) => {
                 src: imageSrc,
                 alt: `${id}.png`,
                 "data-uuid": id,
+                crossorigin: "anonymous",
                 title: `Filename: ${id}.png`,
             });
             const insertTransaction = view.state.tr

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.9.1-dev.0",
+  "version": "1.9.1-dev.2",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",