@leapfrog/interactive-canvas 2.0.25-beta-1 → 2.0.25-beta-3

package/dist/interactive-canvas.es.js

@@ -1449,14 +1449,19 @@ class HorizontalRule extends AbstractCanvasObject {
 
 class Image extends AbstractCanvasObject {
     constructor(canvas, fabricObject, persistedField) {
+        var _a;
         super(ObjectType.IMAGE, canvas, fabricObject, persistedField);
         this.DEFAULT_RESTRICTIONS = {
             minWidth: 1,
             minHeight: 1
         };
         this.canvas = canvas;
+        console.log("fabric object", this.fabricObject);
+        console.log("fabric src", (_a = this.fabricObject) === null || _a === void 0 ? void 0 : _a.getSrc());
         this.imageUrl$ = new BehaviorSubject(this.fabricObject.getSrc());
+        console.log("imageUrl$", this.imageUrl$);
         this.data.imagePath = this.imageUrl$.value;
+        console.log("this.data.imagePath", this.data.imagePath);
         this.layoutWidth = this.getBoundingBox().width;
     }
     /**
@@ -3065,12 +3070,15 @@ class AbstractInteractiveCanvas {
                         return Object.assign(Object.assign({}, fabric.Object.prototype.toObject.call(this)), { src: this.src, crossOrigin: this.crossOrigin, id: id });
                     },
                 });
+                fabricImage.toDataURL({ format: 'png' });
                 this.fabricCanvas.add(fabricImage);
                 const canvasObjectData = new CanvasObjectData(ObjectType.IMAGE, id);
                 canvasObjectData.imagePath = imageUrl;
                 console.log("Assigned imagePath:", canvasObjectData.imagePath);
-                const object = new Image(this, fabricImage);
-                object.data.imagePath = imageUrl;
+                const object = new Image(this, fabricImage, canvasObjectData);
+                console.log("Created Image object with imagePath:", object);
+                //object.data.imagePath = imageUrl;
+                // object.imageUrl$.next(imageUrl);
                 this.trackNewObject(object);
                 this.syncObjectList();
                 return object;

package/dist/interactive-canvas.js

@@ -1470,14 +1470,19 @@ class HorizontalRule extends AbstractCanvasObject {
 
 class Image extends AbstractCanvasObject {
     constructor(canvas, fabricObject, persistedField) {
+        var _a;
         super(exports.ObjectType.IMAGE, canvas, fabricObject, persistedField);
         this.DEFAULT_RESTRICTIONS = {
             minWidth: 1,
             minHeight: 1
         };
         this.canvas = canvas;
+        console.log("fabric object", this.fabricObject);
+        console.log("fabric src", (_a = this.fabricObject) === null || _a === void 0 ? void 0 : _a.getSrc());
         this.imageUrl$ = new rxjs.BehaviorSubject(this.fabricObject.getSrc());
+        console.log("imageUrl$", this.imageUrl$);
         this.data.imagePath = this.imageUrl$.value;
+        console.log("this.data.imagePath", this.data.imagePath);
         this.layoutWidth = this.getBoundingBox().width;
     }
     /**
@@ -3086,12 +3091,15 @@ class AbstractInteractiveCanvas {
                         return Object.assign(Object.assign({}, fabric__namespace.Object.prototype.toObject.call(this)), { src: this.src, crossOrigin: this.crossOrigin, id: id });
                     },
                 });
+                fabricImage.toDataURL({ format: 'png' });
                 this.fabricCanvas.add(fabricImage);
                 const canvasObjectData = new CanvasObjectData(exports.ObjectType.IMAGE, id);
                 canvasObjectData.imagePath = imageUrl;
                 console.log("Assigned imagePath:", canvasObjectData.imagePath);
-                const object = new Image(this, fabricImage);
-                object.data.imagePath = imageUrl;
+                const object = new Image(this, fabricImage, canvasObjectData);
+                console.log("Created Image object with imagePath:", object);
+                //object.data.imagePath = imageUrl;
+                // object.imageUrl$.next(imageUrl);
                 this.trackNewObject(object);
                 this.syncObjectList();
                 return object;

package/dist/object/impl/image.d.ts

@@ -1,7 +1,7 @@
 import { IDimensionRestrictions, IInteractiveCanvas, IMutableImage, IMutablePosition, IPosition } from "../..";
 import { ICanvasObject } from "../canvas-object.interface";
 import { AbstractCanvasObject } from "../abstract-canvas-object";
-import { Observable } from "rxjs";
+import { BehaviorSubject, Observable } from "rxjs";
 import { CanvasObjectData } from "../canvas-object-data";
 import { FabricImage } from "fabric";
 /**
@@ -12,7 +12,7 @@ export interface IImage extends ICanvasObject, IMutableImage, IMutablePosition {
 export declare class Image extends AbstractCanvasObject<FabricImage> implements IImage {
     private readonly DEFAULT_RESTRICTIONS;
     private layoutWidth;
-    private readonly imageUrl$;
+    imageUrl$: BehaviorSubject<string>;
     constructor(canvas: IInteractiveCanvas, fabricObject: FabricImage, persistedField?: CanvasObjectData);
     /**
      * @override

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leapfrog/interactive-canvas",
-  "version": "2.0.25-beta-1",
+  "version": "2.0.25-beta-3",
   "description": "Leapfrog interactive canvas",
   "files": [
     "dist"