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

package/dist/interactive-canvas.es.js

@@ -1,7 +1,7 @@
 import _, { round, each, values, reduce, clone, max, isEqual } from 'lodash';
 import { BehaviorSubject, Subject } from 'rxjs';
-import * as fabric from 'fabric';
 import { loadImage } from 'canvas';
+import * as fabric from 'fabric';
 
 const PIXELS_PER_MM$2 = 3.937;
 class MillimeterDimensions {
@@ -3066,19 +3066,25 @@ class AbstractInteractiveCanvas {
                     originY: "top",
                     src: imageUrl,
                     crossOrigin: "anonymous",
-                    toObject: function () {
-                        return Object.assign(Object.assign({}, fabric.Object.prototype.toObject.call(this)), { src: this.src, crossOrigin: this.crossOrigin, id: id });
-                    },
+                    /*toObject: function () {
+                        return {
+                            ...fabric.Object.prototype.toObject.call(this),
+                            crossOrigin: this.crossOrigin,
+                            src: this.src,
+                            id: id
+                        };
+                    },*/
                 });
-                fabricImage.toDataURL({ format: 'png' });
+                // fabricImage.toDataURL({ format: 'png' });
+                yield fabricImage.setSrc(imageUrl, options);
                 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, canvasObjectData);
                 console.log("Created Image object with imagePath:", object);
-                //object.data.imagePath = imageUrl;
-                // object.imageUrl$.next(imageUrl);
+                object.data.imagePath = imageUrl;
+                object.imageUrl$.next(imageUrl);
                 this.trackNewObject(object);
                 this.syncObjectList();
                 return object;

package/dist/interactive-canvas.js

@@ -2,8 +2,8 @@
 
 var _ = require('lodash');
 var rxjs = require('rxjs');
-var fabric = require('fabric');
 var canvas = require('canvas');
+var fabric = require('fabric');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -3087,19 +3087,25 @@ class AbstractInteractiveCanvas {
                     originY: "top",
                     src: imageUrl,
                     crossOrigin: "anonymous",
-                    toObject: function () {
-                        return Object.assign(Object.assign({}, fabric__namespace.Object.prototype.toObject.call(this)), { src: this.src, crossOrigin: this.crossOrigin, id: id });
-                    },
+                    /*toObject: function () {
+                        return {
+                            ...fabric.Object.prototype.toObject.call(this),
+                            crossOrigin: this.crossOrigin,
+                            src: this.src,
+                            id: id
+                        };
+                    },*/
                 });
-                fabricImage.toDataURL({ format: 'png' });
+                // fabricImage.toDataURL({ format: 'png' });
+                yield fabricImage.setSrc(imageUrl, options);
                 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, canvasObjectData);
                 console.log("Created Image object with imagePath:", object);
-                //object.data.imagePath = imageUrl;
-                // object.imageUrl$.next(imageUrl);
+                object.data.imagePath = imageUrl;
+                object.imageUrl$.next(imageUrl);
                 this.trackNewObject(object);
                 this.syncObjectList();
                 return object;

package/package.json

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