extract imageutil and remove sharp

Author: YousefED

package-lock.json

@@ -53,7 +53,7 @@
     "@blocknote/core": "^0.24.2",
     "buffer": "^6.0.3",
     "docx": "^9.0.2",
-    "sharp": "^0.33.5"
+    "image-meta": "^0.2.1"
   },
   "devDependencies": {
     "@zip.js/zip.js": "^2.7.57",

packages/xl-docx-exporter/package.json

@@ -7,19 +7,19 @@ import {
   StyledText,
   UnreachableCaseError,
 } from "@blocknote/core";
+import { getImageDimensions } from "@shared/util/imageUtil.js";
 import {
   CheckBox,
   Table as DocxTable,
   ExternalHyperlink,
-  IParagraphOptions,
   ImageRun,
+  IParagraphOptions,
   PageBreak,
   Paragraph,
   ParagraphChild,
   ShadingType,
   TextRun,
 } from "docx";
-import { getImageDimensions } from "../imageUtil.js";
 import { Table } from "../util/Table.js";
 
 function blockPropsToStyles(

packages/xl-docx-exporter/src/docx/defaultSchema/blocks.ts

@@ -53,7 +53,7 @@
     "@blocknote/core": "^0.24.0",
     "@zip.js/zip.js": "^2.7.57",
     "buffer": "^6.0.3",
-    "sharp": "^0.33.5"
+    "image-meta": "^0.2.1"
   },
   "devDependencies": {
     "@testing-library/react": "^16.0.1",

packages/xl-docx-exporter/src/docx/imageUtil.ts

@@ -10,9 +10,9 @@ import {
   StyledText,
 } from "@blocknote/core";
 import { loadFileBuffer } from "@shared/util/fileUtil.js";
+import { getImageDimensions } from "@shared/util/imageUtil.js";
 import { BlobReader, BlobWriter, TextReader, ZipWriter } from "@zip.js/zip.js";
 import { renderToString } from "react-dom/server";
-import { getImageDimensions } from "./imageUtil.js";
 import stylesXml from "./template/styles.xml?raw";
 
 export class ODTExporter<

packages/xl-odt-exporter/package.json

@@ -18,6 +18,14 @@
   "devDependencies": {
     "typescript": "^5.3.3"
   },
+  "peerDependencies": {
+    "image-meta": "^0.2.1"
+  },
+  "peerDependenciesMeta": {
+    "image-meta": {
+      "optional": true
+    }
+  },
   "eslintConfig": {
     "extends": [
       "../.eslintrc.js"

packages/xl-odt-exporter/src/odt/odtExporter.tsx

@@ -1,5 +1,3 @@
-import type Sharp from "sharp";
-
 export async function getImageDimensions(blob: Blob) {
   if (typeof window !== "undefined" && import.meta.env.NODE_ENV !== "test") {
     const bmp = await createImageBitmap(blob);
@@ -8,12 +6,9 @@ export async function getImageDimensions(blob: Blob) {
     return { width, height };
   } else {
     // node or vitest
-    const sharp = (await require("sharp")) as typeof Sharp;
+    const imageMetaFunc = (await import("image-meta")).imageMeta;
     const bytes = new Uint8Array(await blob.arrayBuffer());
-    const metadata = await sharp(bytes).metadata();
-    if (!metadata.width || !metadata.height) {
-      throw new Error("Image has no width or height");
-    }
-    return { width: metadata.width, height: metadata.height };
+    const meta = imageMetaFunc(bytes);
+    return { width: meta.width, height: meta.height };
   }
 }