@monolith-forensics/monolith-ui 1.9.3-dev.1 → 1.9.3-dev.2

package/dist/RichTextEditor/Plugins/UploadImagesPlugin.js

@@ -34,6 +34,19 @@ const readFileAsDataUrl = (file) => {
         reader.readAsDataURL(file);
     });
 };
+const getImageExtensionFromMimeType = (mimeType) => {
+    var _a;
+    const subtype = (_a = mimeType.toLowerCase().split("/")[1]) === null || _a === void 0 ? void 0 : _a.split(";")[0];
+    if (!subtype)
+        return "png";
+    if (subtype === "jpeg" || subtype === "pjpeg")
+        return "jpg";
+    if (subtype === "svg+xml")
+        return "svg";
+    if (subtype === "x-icon" || subtype === "vnd.microsoft.icon")
+        return "ico";
+    return subtype.replace(/[^a-z0-9]/g, "") || "png";
+};
 export const addImagePlaceholder = ({ view, id, pos, src, label = "Processing image...", }) => {
     if (!uploadKey.getState(view.state))
         return;
@@ -71,6 +84,7 @@ export const startImageUpload = (file, view, pos, handleImageUpload) => {
     }
     // A fresh object to act as the ID for this upload
     const id = nanoid(25);
+    const uploadName = `${id}.${getImageExtensionFromMimeType(file.type)}`;
     // Replace the selection with a placeholder
     (() => __awaiter(void 0, void 0, void 0, function* () {
         let placeholderAdded = false;
@@ -92,7 +106,7 @@ export const startImageUpload = (file, view, pos, handleImageUpload) => {
             const hashes = yield calculateFileHash(file);
             const src = yield handleImageUpload({
                 file,
-                name: `${id}.png`,
+                name: uploadName,
                 id,
                 md5: hashes.md5Hash,
                 sha1: hashes.sha1Hash,
@@ -111,10 +125,10 @@ export const startImageUpload = (file, view, pos, handleImageUpload) => {
             const imageSrc = typeof src === "object" ? previewSrc : src;
             const node = view.state.schema.nodes.image.create({
                 src: imageSrc,
-                alt: `${id}.png`,
+                alt: uploadName,
                 "data-uuid": id,
                 crossorigin: "anonymous",
-                title: `Filename: ${id}.png`,
+                title: `Filename: ${uploadName}`,
             });
             const insertTransaction = view.state.tr
                 .replaceWith(placeholderPos, placeholderPos, node)

package/package.json

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

package/dist/Utilities/getImageTextContent.d.ts

@@ -1,78 +0,0 @@
-export type ImageOcrProgress = {
-    status: string;
-    progress: number;
-};
-export type ImageOcrLine = {
-    text: string;
-    confidence?: number;
-    bbox?: {
-        x0: number;
-        y0: number;
-        x1: number;
-        y1: number;
-    };
-};
-export type ImageTextContent = {
-    text: string;
-    confidence?: number;
-    language: string;
-    lines: ImageOcrLine[];
-};
-export declare const ImageOcrPageSegModes: {
-    readonly OSD_ONLY: "0";
-    readonly AUTO_OSD: "1";
-    readonly AUTO_ONLY: "2";
-    readonly AUTO: "3";
-    readonly SINGLE_COLUMN: "4";
-    readonly SINGLE_BLOCK_VERT_TEXT: "5";
-    readonly SINGLE_BLOCK: "6";
-    readonly SINGLE_LINE: "7";
-    readonly SINGLE_WORD: "8";
-    readonly CIRCLE_WORD: "9";
-    readonly SINGLE_CHAR: "10";
-    readonly SPARSE_TEXT: "11";
-    readonly SPARSE_TEXT_OSD: "12";
-    readonly RAW_LINE: "13";
-};
-export type ImageOcrPageSegMode = (typeof ImageOcrPageSegModes)[keyof typeof ImageOcrPageSegModes];
-export type ImageOcrPreprocessOptions = {
-    grayscale?: boolean;
-    contrast?: number;
-    scale?: number;
-    threshold?: number;
-    maxDimension?: number;
-};
-export type ImageOcrRectangle = {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-};
-export type ImageOcrRecognizeOptions = {
-    rectangle?: ImageOcrRectangle;
-    rotateAuto?: boolean;
-    rotateRadians?: number;
-};
-export type ImageOcrParameters = {
-    tessedit_pageseg_mode?: ImageOcrPageSegMode;
-    tessedit_char_whitelist?: string;
-    tessedit_char_blacklist?: string;
-    preserve_interword_spaces?: "0" | "1";
-    user_defined_dpi?: string;
-    [key: string]: string | undefined;
-};
-export type ImageOcrPreset = "default" | "document" | "driver-license";
-export type GetImageTextContentOptions = {
-    language?: string;
-    preset?: ImageOcrPreset;
-    onProgress?: (progress: ImageOcrProgress) => void;
-    preprocess?: ImageOcrPreprocessOptions;
-    recognizeOptions?: ImageOcrRecognizeOptions;
-    parameters?: ImageOcrParameters;
-    workerOptions?: {
-        workerPath?: string;
-        corePath?: string;
-        langPath?: string;
-    };
-};
-export declare const getImageTextContent: (image: File, options?: GetImageTextContentOptions) => Promise<ImageTextContent>;

package/dist/Utilities/getImageTextContent.js

@@ -1,222 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-export const ImageOcrPageSegModes = {
-    OSD_ONLY: "0",
-    AUTO_OSD: "1",
-    AUTO_ONLY: "2",
-    AUTO: "3",
-    SINGLE_COLUMN: "4",
-    SINGLE_BLOCK_VERT_TEXT: "5",
-    SINGLE_BLOCK: "6",
-    SINGLE_LINE: "7",
-    SINGLE_WORD: "8",
-    CIRCLE_WORD: "9",
-    SINGLE_CHAR: "10",
-    SPARSE_TEXT: "11",
-    SPARSE_TEXT_OSD: "12",
-    RAW_LINE: "13",
-};
-const defaultDocumentOptions = {
-    preprocess: {
-        grayscale: true,
-        contrast: 1.25,
-        scale: 2,
-        maxDimension: 2800,
-    },
-    recognizeOptions: {
-        rotateAuto: true,
-    },
-    parameters: {
-        tessedit_pageseg_mode: ImageOcrPageSegModes.AUTO,
-        preserve_interword_spaces: "1",
-        user_defined_dpi: "300",
-    },
-};
-const defaultDriverLicenseOptions = {
-    preprocess: {
-        grayscale: true,
-        contrast: 1.45,
-        scale: 2.5,
-        maxDimension: 3200,
-    },
-    recognizeOptions: {
-        rotateAuto: true,
-    },
-    parameters: {
-        tessedit_pageseg_mode: ImageOcrPageSegModes.SPARSE_TEXT,
-        preserve_interword_spaces: "1",
-        user_defined_dpi: "300",
-    },
-};
-const mergeOptions = (defaults, options) => {
-    var _a, _b;
-    return Object.assign(Object.assign(Object.assign({}, defaults), options), { language: (_b = (_a = options.language) !== null && _a !== void 0 ? _a : defaults.language) !== null && _b !== void 0 ? _b : "eng", preprocess: Object.assign(Object.assign({}, defaults.preprocess), options.preprocess), recognizeOptions: Object.assign(Object.assign({}, defaults.recognizeOptions), options.recognizeOptions), parameters: Object.assign(Object.assign({}, defaults.parameters), options.parameters), workerOptions: Object.assign(Object.assign({}, defaults.workerOptions), options.workerOptions) });
-};
-const getResolvedOptions = (options) => {
-    switch (options.preset) {
-        case "document":
-            return mergeOptions(defaultDocumentOptions, options);
-        case "driver-license":
-            return mergeOptions(defaultDriverLicenseOptions, options);
-        default:
-            return mergeOptions({}, options);
-    }
-};
-const getFallbackLines = (text) => {
-    return text
-        .split(/\r?\n/)
-        .map((line) => line.trim())
-        .filter(Boolean)
-        .map((line) => ({ text: line }));
-};
-const getLinesFromPage = (page) => {
-    var _a, _b;
-    const lines = (_b = (_a = page.blocks) === null || _a === void 0 ? void 0 : _a.flatMap((block) => block.paragraphs.flatMap((paragraph) => paragraph.lines))) !== null && _b !== void 0 ? _b : [];
-    if (!lines.length) {
-        return getFallbackLines(page.text);
-    }
-    return lines
-        .filter((line) => line.text.trim().length > 0)
-        .map((line) => ({
-        text: line.text,
-        confidence: line.confidence,
-        bbox: line.bbox
-            ? {
-                x0: line.bbox.x0,
-                y0: line.bbox.y0,
-                x1: line.bbox.x1,
-                y1: line.bbox.y1,
-            }
-            : undefined,
-    }));
-};
-const loadImageBitmap = (image) => __awaiter(void 0, void 0, void 0, function* () {
-    if (typeof createImageBitmap === "function") {
-        return createImageBitmap(image);
-    }
-    const objectUrl = URL.createObjectURL(image);
-    try {
-        const img = new Image();
-        img.decoding = "async";
-        img.src = objectUrl;
-        yield img.decode();
-        const canvas = document.createElement("canvas");
-        canvas.width = img.naturalWidth;
-        canvas.height = img.naturalHeight;
-        const context = canvas.getContext("2d");
-        if (!context) {
-            throw new Error("Canvas rendering is not available.");
-        }
-        context.drawImage(img, 0, 0);
-        return createImageBitmap(canvas);
-    }
-    finally {
-        URL.revokeObjectURL(objectUrl);
-    }
-});
-const hasPreprocessOptions = (preprocess) => {
-    return Boolean((preprocess === null || preprocess === void 0 ? void 0 : preprocess.grayscale) ||
-        (preprocess === null || preprocess === void 0 ? void 0 : preprocess.contrast) ||
-        (preprocess === null || preprocess === void 0 ? void 0 : preprocess.threshold) !== undefined ||
-        (preprocess === null || preprocess === void 0 ? void 0 : preprocess.scale));
-};
-const clampByte = (value) => Math.max(0, Math.min(255, value));
-const preprocessImage = (image, preprocess) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c;
-    if (!hasPreprocessOptions(preprocess)) {
-        return image;
-    }
-    const bitmap = yield loadImageBitmap(image);
-    const requestedScale = (_a = preprocess === null || preprocess === void 0 ? void 0 : preprocess.scale) !== null && _a !== void 0 ? _a : 1;
-    const maxDimension = (_b = preprocess === null || preprocess === void 0 ? void 0 : preprocess.maxDimension) !== null && _b !== void 0 ? _b : 3000;
-    const largestSourceDimension = Math.max(bitmap.width, bitmap.height);
-    const scale = Math.min(Math.max(requestedScale, 1), maxDimension / largestSourceDimension);
-    const width = Math.max(1, Math.round(bitmap.width * scale));
-    const height = Math.max(1, Math.round(bitmap.height * scale));
-    const canvas = document.createElement("canvas");
-    canvas.width = width;
-    canvas.height = height;
-    const context = canvas.getContext("2d", { willReadFrequently: true });
-    if (!context) {
-        throw new Error("Canvas rendering is not available.");
-    }
-    context.imageSmoothingEnabled = true;
-    context.imageSmoothingQuality = "high";
-    context.drawImage(bitmap, 0, 0, width, height);
-    bitmap.close();
-    const imageData = context.getImageData(0, 0, width, height);
-    const { data } = imageData;
-    const contrast = (_c = preprocess === null || preprocess === void 0 ? void 0 : preprocess.contrast) !== null && _c !== void 0 ? _c : 1;
-    const contrastFactor = contrast === 1 ? 1 : (259 * (255 * contrast - 255 + 255)) / (255 * (259 - (255 * contrast - 255)));
-    for (let index = 0; index < data.length; index += 4) {
-        let red = data[index];
-        let green = data[index + 1];
-        let blue = data[index + 2];
-        if ((preprocess === null || preprocess === void 0 ? void 0 : preprocess.grayscale) || (preprocess === null || preprocess === void 0 ? void 0 : preprocess.threshold) !== undefined) {
-            const luminance = 0.299 * red + 0.587 * green + 0.114 * blue;
-            red = luminance;
-            green = luminance;
-            blue = luminance;
-        }
-        if (contrast !== 1) {
-            red = clampByte(contrastFactor * (red - 128) + 128);
-            green = clampByte(contrastFactor * (green - 128) + 128);
-            blue = clampByte(contrastFactor * (blue - 128) + 128);
-        }
-        if ((preprocess === null || preprocess === void 0 ? void 0 : preprocess.threshold) !== undefined) {
-            const threshold = clampByte(preprocess.threshold);
-            const value = red >= threshold ? 255 : 0;
-            red = value;
-            green = value;
-            blue = value;
-        }
-        data[index] = red;
-        data[index + 1] = green;
-        data[index + 2] = blue;
-    }
-    context.putImageData(imageData, 0, 0);
-    return new Promise((resolve, reject) => {
-        canvas.toBlob((blob) => {
-            if (!blob) {
-                reject(new Error("Unable to prepare image for OCR."));
-                return;
-            }
-            resolve(blob);
-        }, "image/png");
-    });
-});
-export const getImageTextContent = (image_1, ...args_1) => __awaiter(void 0, [image_1, ...args_1], void 0, function* (image, options = {}) {
-    if (!image.type.startsWith("image/")) {
-        throw new Error("getImageTextContent requires an image File.");
-    }
-    const { language, onProgress, parameters, preprocess, recognizeOptions, workerOptions, } = getResolvedOptions(options);
-    const { createWorker } = yield import("tesseract.js");
-    let worker;
-    try {
-        worker = yield createWorker(language, undefined, Object.assign(Object.assign({}, workerOptions), { logger: ({ progress, status }) => {
-                onProgress === null || onProgress === void 0 ? void 0 : onProgress({ progress, status });
-            } }));
-        if (parameters && Object.keys(parameters).length > 0) {
-            yield worker.setParameters(parameters);
-        }
-        const ocrImage = yield preprocessImage(image, preprocess);
-        const result = yield worker.recognize(ocrImage, recognizeOptions, { text: true, blocks: true });
-        const { data } = result;
-        return {
-            text: data.text,
-            confidence: data.confidence,
-            language,
-            lines: getLinesFromPage(data),
-        };
-    }
-    finally {
-        yield (worker === null || worker === void 0 ? void 0 : worker.terminate());
-    }
-});