@digipair/skill-canvas 0.45.1 → 0.45.2

package/index.cjs.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var engine = require('@digipair/engine');
-var canvas$1 = require('canvas');
 
 function _extends() {
     _extends = Object.assign || function assign(target) {
@@ -24,7 +23,15 @@ let CanvasService = class CanvasService {
     }
     async canvas(params, _pinsSettingsList, context) {
         const { width, height, execute } = params;
-        const instance = canvas$1.createCanvas(width, height);
+        const { createCanvas } = typeof window === 'undefined' ? require('canvas') : {
+            createCanvas: (width, height)=>{
+                const canvas = document.createElement('canvas');
+                canvas.width = width;
+                canvas.height = height;
+                return canvas;
+            }
+        };
+        const instance = createCanvas(width, height);
         const ctx = instance.getContext('2d');
         await engine.executePinsList(execute, _extends({}, context, {
             canvas: {
@@ -35,8 +42,15 @@ let CanvasService = class CanvasService {
     }
     async loadImage(params, _pinsSettingsList, _context) {
         const { image } = params;
-        const buffer = this.base64ToImage(image);
-        return canvas$1.loadImage(buffer);
+        const { loadImageCanvas } = typeof window === 'undefined' ? require('canvas') : {
+            loadImageCanvas: (src)=>new Promise((resolve, reject)=>{
+                    const img = new Image();
+                    img.onload = ()=>resolve(img);
+                    img.onerror = (err)=>reject(err);
+                    img.src = src;
+                })
+        };
+        return loadImageCanvas(typeof window === 'undefined' ? this.base64ToImage(image) : image);
     }
     async drawImage(params, _pinsSettingsList, context) {
         const { image, x, y, width, height } = params;

package/index.esm.js

@@ -1,5 +1,3 @@
-import { createCanvas, loadImage as loadImage$1 } from 'canvas';
-
 function _extends() {
     _extends = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
@@ -23901,14 +23899,14 @@ function indent(str, spaces) {
         var match = parseIdentifier(input, i1, namePart) || namePart && parseAdditionalSymbol(input, i1) || maybeSpace && parseSpaces(input, i1);
         // match is required
         if (!match) {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, {
+            return i = i1, nextMatch = nextMatch1, tokens = tokens1, {
                 v: nextMatch1
             };
         }
         var token = match.token, offset = match.offset;
         i1 += offset;
         if (token === " ") {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
+            return i = i1, nextMatch = nextMatch1, tokens = tokens1, "continue";
         }
         tokens1 = _to_consumable_array$1(tokens1).concat([
             token
@@ -23927,7 +23925,7 @@ function indent(str, spaces) {
         if (contextKeys.some(function(el) {
             return el.startsWith(name);
         })) {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
+            return i = i1, nextMatch = nextMatch1, tokens = tokens1, "continue";
         }
         if (dateTimeIdentifiers.some(function(el) {
             return el === name;
@@ -23946,9 +23944,9 @@ function indent(str, spaces) {
         if (dateTimeIdentifiers.some(function(el) {
             return el.startsWith(name);
         })) {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
+            return i = i1, nextMatch = nextMatch1, tokens = tokens1, "continue";
         }
-        return nextMatch = nextMatch1, i = i1, tokens = tokens1, {
+        return i = i1, nextMatch = nextMatch1, tokens = tokens1, {
             v: nextMatch1
         };
     };
@@ -27963,6 +27961,14 @@ let CanvasService = class CanvasService {
     }
     async canvas(params, _pinsSettingsList, context) {
         const { width, height, execute } = params;
+        const { createCanvas } = typeof window === 'undefined' ? require('canvas') : {
+            createCanvas: (width, height)=>{
+                const canvas = document.createElement('canvas');
+                canvas.width = width;
+                canvas.height = height;
+                return canvas;
+            }
+        };
         const instance = createCanvas(width, height);
         const ctx = instance.getContext('2d');
         await executePinsList(execute, _extends({}, context, {
@@ -27974,8 +27980,15 @@ let CanvasService = class CanvasService {
     }
     async loadImage(params, _pinsSettingsList, _context) {
         const { image } = params;
-        const buffer = this.base64ToImage(image);
-        return loadImage$1(buffer);
+        const { loadImageCanvas } = typeof window === 'undefined' ? require('canvas') : {
+            loadImageCanvas: (src)=>new Promise((resolve, reject)=>{
+                    const img = new Image();
+                    img.onload = ()=>resolve(img);
+                    img.onerror = (err)=>reject(err);
+                    img.src = src;
+                })
+        };
+        return loadImageCanvas(typeof window === 'undefined' ? this.base64ToImage(image) : image);
     }
     async drawImage(params, _pinsSettingsList, context) {
         const { image, x, y, width, height } = params;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digipair/skill-canvas",
-  "version": "0.45.1",
+  "version": "0.45.2",
   "dependencies": {
     "canvas": "^2.11.2"
   },

package/src/lib/skill-canvas.d.ts

@@ -1,6 +1,6 @@
 import { PinsSettings } from '@digipair/engine';
-export declare const canvas: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<string>;
-export declare const loadImage: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<import("canvas").Image>;
+export declare const canvas: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
+export declare const loadImage: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
 export declare const drawImage: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<void>;
 export declare const strokeRect: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<void>;
 export declare const fillRect: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<void>;