@leapfrog/interactive-canvas 2.0.24-beta-2 → 2.0.24-beta-4

package/dist/interactive-canvas.es.js

@@ -3041,17 +3041,14 @@ class AbstractInteractiveCanvas {
             const maxWidth = this.dimensions$.value.widthPx / maxSizeScale;
             const options = { crossOrigin: "anonymous" };
             if (this.headless) {
-                // Server-side logic without mock DOM
-                //const canvas = createCanvas(1, 1);
-                //const ctx = canvas.getContext("2d");
                 const image = yield loadImage(imageUrl);
-                //const fabricImage = new this.fabric.Image(image as any, { src: imageUrl, crossOrigin: "anonymous" });
                 const id = this.randomId();
                 let newScale = 1;
                 const curWidth = newScale * image.width;
                 if (curWidth > maxWidth) {
                     newScale = maxWidth / curWidth;
                 }
+                // Set image properties and add to the canvas
                 const fabricImage = new this.fabric.Image(image, {
                     id: id,
                     scaleX: newScale,
@@ -3061,21 +3058,9 @@ class AbstractInteractiveCanvas {
                     src: imageUrl,
                     crossOrigin: "anonymous",
                     toObject: function () {
-                        return Object.assign(Object.assign({}, fabric.Object.prototype.toObject.call(this)), { src: this.src, crossOrigin: this.crossOrigin });
+                        return Object.assign(Object.assign({}, fabric.Object.prototype.toObject.call(this)), { src: this.src, crossOrigin: this.crossOrigin, id: id });
                     },
                 });
-                // Set image properties and add to the canvas
-                // const fabricImage = new FabricImage(imageUrl, {
-                //const fabricImage = new this.fabric.Image(image, {
-                // const fabricImage = new FabricImage(image as any, {
-                /*  fabricImage.set({
-                      id: id,
-                      scaleX: newScale,
-                      scaleY: newScale,
-                      originX: "left",
-                      originY: "top"
-                  });*/
-                console.log("headless image-->", fabricImage);
                 this.fabricCanvas.add(fabricImage);
                 const canvasObjectData = new CanvasObjectData(ObjectType.IMAGE, id);
                 canvasObjectData.imagePath = imageUrl;

package/dist/interactive-canvas.js

@@ -3062,17 +3062,14 @@ class AbstractInteractiveCanvas {
             const maxWidth = this.dimensions$.value.widthPx / maxSizeScale;
             const options = { crossOrigin: "anonymous" };
             if (this.headless) {
-                // Server-side logic without mock DOM
-                //const canvas = createCanvas(1, 1);
-                //const ctx = canvas.getContext("2d");
                 const image = yield canvas.loadImage(imageUrl);
-                //const fabricImage = new this.fabric.Image(image as any, { src: imageUrl, crossOrigin: "anonymous" });
                 const id = this.randomId();
                 let newScale = 1;
                 const curWidth = newScale * image.width;
                 if (curWidth > maxWidth) {
                     newScale = maxWidth / curWidth;
                 }
+                // Set image properties and add to the canvas
                 const fabricImage = new this.fabric.Image(image, {
                     id: id,
                     scaleX: newScale,
@@ -3082,21 +3079,9 @@ class AbstractInteractiveCanvas {
                     src: imageUrl,
                     crossOrigin: "anonymous",
                     toObject: function () {
-                        return Object.assign(Object.assign({}, fabric__namespace.Object.prototype.toObject.call(this)), { src: this.src, crossOrigin: this.crossOrigin });
+                        return Object.assign(Object.assign({}, fabric__namespace.Object.prototype.toObject.call(this)), { src: this.src, crossOrigin: this.crossOrigin, id: id });
                     },
                 });
-                // Set image properties and add to the canvas
-                // const fabricImage = new FabricImage(imageUrl, {
-                //const fabricImage = new this.fabric.Image(image, {
-                // const fabricImage = new FabricImage(image as any, {
-                /*  fabricImage.set({
-                      id: id,
-                      scaleX: newScale,
-                      scaleY: newScale,
-                      originX: "left",
-                      originY: "top"
-                  });*/
-                console.log("headless image-->", fabricImage);
                 this.fabricCanvas.add(fabricImage);
                 const canvasObjectData = new CanvasObjectData(exports.ObjectType.IMAGE, id);
                 canvasObjectData.imagePath = imageUrl;

package/package.json

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