customized-fabric 1.1.5 → 1.1.7

package/lib/ClipartObject/index.d.ts

@@ -2,7 +2,7 @@ import { fabric } from "fabric";
 import { IClipartOptions } from "./interfaces";
 import { ObjectId } from "../utils/objectId";
 export declare const toClipartObject: (clipartObject: Clipart) => {
-    _id: ObjectId | undefined;
+    id: ObjectId | undefined;
     personalizeId: number | undefined;
     layerId: number | undefined;
     name: string | undefined;

package/lib/ClipartObject/index.js

@@ -122,7 +122,7 @@ const ClipartClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
 });
 const toClipartObject = (clipartObject) => {
     return {
-        _id: clipartObject._id,
+        id: clipartObject._id,
         personalizeId: clipartObject.layerId,
         layerId: clipartObject.layerId,
         name: clipartObject.name,

package/lib/ImagePlaceholderObject/index.d.ts

@@ -23,6 +23,6 @@ export default class ImagePlaceholder extends fabric.Group {
         width?: number;
         height?: number;
     }) => void;
-    toImageObject?: () => void;
+    toImageObject?: () => object;
     constructor(options?: IImagePlaceholderOptions);
 }

package/lib/ImagePlaceholderObject/index.js

@@ -97,8 +97,14 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
     getSettings: function (attribute) {
         return this.get(attribute);
     },
-    loadUploadedImage: async function (imageFile) {
-        const loadedImage = await (0, utils_1.loadImageFromFile)(imageFile);
+    loadUploadedImage: async function (image) {
+        let loadedImage = undefined;
+        if (image instanceof File) {
+            loadedImage = await (0, utils_1.loadImageFromFile)(image);
+        }
+        else if (typeof image == "string") {
+            loadedImage = await (0, utils_1.loadImageFromUrl)(image);
+        }
         const clipPath = new fabric_1.fabric.Rect({
             width: this.width,
             height: this.height,
@@ -106,18 +112,20 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
             left: this.left,
             absolutePositioned: true,
         });
-        loadedImage.set({
-            originX: "left",
-            originY: "top",
-            top: this.top,
-            left: this.left,
-            clipPath: clipPath,
-        });
-        this.fitImage(loadedImage);
-        this.uploadedImage = loadedImage;
-        const canvas = this?.canvas;
-        canvas?.add(this.uploadedImage);
-        canvas?.renderAll();
+        if (loadedImage) {
+            loadedImage.set({
+                originX: "left",
+                originY: "top",
+                top: this.top,
+                left: this.left,
+                clipPath: clipPath,
+            });
+            this.fitImage(loadedImage);
+            this.uploadedImage = loadedImage;
+            const canvas = this?.canvas;
+            canvas?.add(this.uploadedImage);
+            canvas?.renderAll();
+        }
         return this.uploadedImage;
     },
     removeUploadedImage: function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "customized-fabric",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "Customized fabric",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -22,4 +22,4 @@
     "@types/fabric": "^5.3.3",
     "typescript": "^5.2.2"
   }
-}
+}