@bensitu/image-editor 1.4.0 → 1.4.2

package/image-editor.d.ts

@@ -1,7 +1,18 @@
 // image-editor.d.ts - TypeScript declarations for @bensitu/image-editor
 
 declare module '@bensitu/image-editor' {
-  import { Canvas, Image as FabricImage, Object as FabricObject } from 'fabric';
+  export interface FabricCanvas {
+    [key: string]: any;
+  }
+
+  export interface FabricObject {
+    [key: string]: any;
+  }
+
+  export interface FabricImage extends FabricObject {
+    width: number;
+    height: number;
+  }
 
   export interface LabelOptions {
     /** Receives the mask and its stable zero-based creation index (`mask.maskId - 1`). */
@@ -38,7 +49,7 @@ declare module '@bensitu/image-editor' {
     downsampleOnLoad?: boolean;
     downsampleMaxWidth?: number;
     downsampleMaxHeight?: number;
-    downsampleQuality?: number;
+    downsampleQuality?: number | null;
     preserveSourceFormat?: boolean;
     downsampleMimeType?: 'jpeg' | 'jpg' | 'png' | 'webp' | 'image/jpeg' | 'image/png' | 'image/webp' | null;
     imageLoadTimeoutMs?: number;
@@ -96,17 +107,17 @@ declare module '@bensitu/image-editor' {
 
   export interface MaskConfig {
     shape?: 'rect' | 'circle' | 'ellipse' | 'polygon' | string;
-    width?: number | string | ((canvas: Canvas, options: ImageEditorOptions) => number);
-    height?: number | string | ((canvas: Canvas, options: ImageEditorOptions) => number);
-    radius?: number | string | ((canvas: Canvas, options: ImageEditorOptions) => number);
-    rx?: number | string | ((canvas: Canvas, options: ImageEditorOptions) => number);
-    ry?: number | string | ((canvas: Canvas, options: ImageEditorOptions) => number);
+    width?: number | string | ((canvas: FabricCanvas, options: ImageEditorOptions) => number);
+    height?: number | string | ((canvas: FabricCanvas, options: ImageEditorOptions) => number);
+    radius?: number | string | ((canvas: FabricCanvas, options: ImageEditorOptions) => number);
+    rx?: number | string | ((canvas: FabricCanvas, options: ImageEditorOptions) => number);
+    ry?: number | string | ((canvas: FabricCanvas, options: ImageEditorOptions) => number);
     points?: Array<{ x: number; y: number }> | Array<[number, number]>;
     color?: string;
     alpha?: number;
     gap?: number;
-    left?: number | string | ((canvas: Canvas, options: ImageEditorOptions) => number);
-    top?: number | string | ((canvas: Canvas, options: ImageEditorOptions) => number);
+    left?: number | string | ((canvas: FabricCanvas, options: ImageEditorOptions) => number);
+    top?: number | string | ((canvas: FabricCanvas, options: ImageEditorOptions) => number);
     angle?: number;
     selectable?: boolean;
     hasControls?: boolean;
@@ -116,8 +127,8 @@ declare module '@bensitu/image-editor' {
     transparentCorners?: boolean;
     strokeUniform?: boolean;
     styles?: Record<string, any>;
-    fabricGenerator?: (config: MaskConfig, canvas: Canvas, options: ImageEditorOptions) => FabricObject;
-    onCreate?: (mask: MaskObject, canvas: Canvas) => void;
+    fabricGenerator?: (config: MaskConfig, canvas: FabricCanvas, options: ImageEditorOptions) => FabricObject;
+    onCreate?: (mask: MaskObject, canvas: FabricCanvas) => void;
   }
 
   export interface MaskObject extends FabricObject {
@@ -153,7 +164,7 @@ declare module '@bensitu/image-editor' {
 
   export class ImageEditor {
     readonly options: ImageEditorOptions;
-    readonly canvas: Canvas | null;
+    readonly canvas: FabricCanvas | null;
     readonly canvasElement: HTMLCanvasElement | null;
     readonly containerElement: HTMLElement | null;
     readonly placeholderElement: HTMLElement | null;
@@ -175,6 +186,7 @@ declare module '@bensitu/image-editor' {
     init(idMap?: ElementIdMap): void;
     loadImage(imageBase64: string, options?: LoadImageOptions): Promise<void>;
     isImageLoaded(): boolean;
+    isBusy(): boolean;
 
     /** Public callers should pass only `factor`; internal history control options are intentionally not exposed. */
     scaleImage(factor: number): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bensitu/image-editor",
-    "version": "1.4.0",
+    "version": "1.4.2",
     "description": "Lightweight canvas-based image editor",
     "main": "./dist/image-editor.js",
     "module": "./dist/image-editor.esm.mjs",
@@ -33,9 +33,6 @@
     "peerDependencies": {
         "fabric": "^5.5.2"
     },
-    "overrides": {
-        "canvas": "^3.2.3"
-    },
     "publishConfig": {
         "access": "public"
     },
@@ -44,9 +41,11 @@
         "@babel/core": "^7.22.9",
         "@babel/preset-env": "^7.22.9",
         "@eslint/js": "^10.0.1",
+        "canvas": "^3.2.3",
         "esbuild": "^0.28.0",
         "esbuild-plugin-babel": "^0.2.3",
         "eslint": "^10.4.0",
+        "fabric": "^5.5.2",
         "globals": "^17.6.0"
     },
     "browserslist": [