@digipair/skill-canvas 0.90.0 → 0.91.0-0

package/.swcrc

@@ -0,0 +1,28 @@
+{
+  "jsc": {
+    "target": "es2017",
+    "parser": {
+      "syntax": "typescript",
+      "decorators": true,
+      "dynamicImport": true
+    },
+    "transform": {
+      "decoratorMetadata": true,
+      "legacyDecorator": true
+    },
+    "keepClassNames": true,
+    "externalHelpers": true,
+    "loose": true
+  },
+  "module": {
+    "type": "es6"
+  },
+  "sourceMaps": true,
+  "exclude": [
+    "jest.config.ts",
+    ".*\\.spec.tsx?$",
+    ".*\\.test.tsx?$",
+    "./src/jest-setup.ts$",
+    "./**/jest-setup.ts$"
+  ]
+}

package/README.md

@@ -0,0 +1,7 @@
+# mylib
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build mylib` to build the library.

package/eslint.config.mjs

@@ -0,0 +1,22 @@
+import baseConfig from '../../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  {
+    files: ['**/*.json'],
+    rules: {
+      '@nx/dependency-checks': [
+        'error',
+        {
+          ignoredFiles: [
+            '{projectRoot}/eslint.config.{js,cjs,mjs}',
+            '{projectRoot}/rollup.config.{js,ts,mjs,mts,cjs,cts}',
+          ],
+        },
+      ],
+    },
+    languageOptions: {
+      parser: await import('jsonc-eslint-parser'),
+    },
+  },
+];

package/package.json

@@ -1,15 +1,28 @@
 {
   "name": "@digipair/skill-canvas",
-  "version": "0.90.0",
+  "version": "0.91.0-0",
+  "type": "module",
+  "main": "dist/libs/skill-canvas/index.cjs.js",
+  "module": "dist/libs/skill-canvas/index.esm.js",
+  "types": "dist/libs/skill-canvas/index.esm.d.ts",
+  "exports": {
+    "./package.json": "./libs/skill-canvas/package.json",
+    ".": {
+      "development": "./dist/libs/skill-canvas/src/index.ts",
+      "types": "./dist/libs/skill-canvas/index.esm.d.ts",
+      "import": "./dist/libs/skill-canvas/index.esm.js",
+      "default": "./dist/libs/skill-canvas/index.cjs.js"
+    }
+  },
   "keywords": [
     "digipair",
     "web",
-    "service",
-    "tool"
+    "service"
   ],
-  "dependencies": {
-    "canvas": "^2.11.2"
+  "nx": {
+    "name": "skill-canvas"
   },
-  "main": "./index.cjs.js",
-  "module": "./index.esm.js"
-}
+  "dependencies": {
+    "@digipair/engine": "0.91.0-0"
+  }
+}

package/rollup.config.cjs

@@ -0,0 +1,28 @@
+const { withNx } = require('@nx/rollup/with-nx');
+
+module.exports = withNx(
+  {
+    main: 'libs/skill-canvas/src/index.ts',
+    outputPath: 'dist/libs/skill-canvas',
+    tsConfig: 'libs/skill-canvas/tsconfig.lib.json',
+    compiler: 'swc',
+    format: ['esm', "cjs"],
+    assets: [
+      {
+        input: 'libs/skill-canvas/',
+        glob: 'package.json',
+        output: '.'
+      },
+      {
+        input: 'libs/skill-canvas/src/',
+        glob: '*.json',
+        output: '.'
+      }
+    ]
+  },
+  {
+    // Provide additional rollup configuration here. See: https://rollupjs.org/configuration-options
+    // e.g.
+    // output: { sourcemap: true },
+  }
+);

package/src/handlebars.d.ts

@@ -0,0 +1 @@
+declare module 'handlebars/dist/handlebars.min.js';

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

@@ -0,0 +1,7 @@
+import { skillCanvas } from './skill-canvas';
+
+describe('skillCanvas', () => {
+  it('should work', () => {
+    expect(skillCanvas()).toEqual('skill-canvas');
+  });
+});

package/src/lib/skill-canvas.ts

@@ -0,0 +1,120 @@
+import { executePinsList, PinsSettings } from '@digipair/engine';
+
+class CanvasService {
+  private base64ToImage(base64: string) {
+    const data = base64.replace(/^data:image\/\w+;base64,/, '');
+    const buffer = Buffer.from(data, 'base64');
+    return buffer;
+  }
+
+  async canvas(params: any, _pinsSettingsList: PinsSettings[], context: any) {
+    const { width, height, execute } = params;
+    const { createCanvas } =
+      typeof window === 'undefined'
+        ? require('canvas')
+        : {
+            createCanvas: (width: number, height: number) => {
+              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, { ...context, canvas: { ctx } }, `${context.__PATH__}.execute`);
+
+    return instance.toDataURL();
+  }
+
+  async loadImage(params: any, _pinsSettingsList: PinsSettings[], _context: any) {
+    const { image } = params;
+
+    const result =
+      typeof window === 'undefined'
+        ? require('canvas')
+        : {
+            loadImage: (src: string) =>
+              new Promise((resolve, reject) => {
+                const img = new Image();
+                img.onload = () => resolve(img);
+                img.onerror = err => reject(err);
+                img.src = src;
+              }),
+          };
+
+    return result.loadImage(typeof window === 'undefined' ? this.base64ToImage(image) : image);
+  }
+
+  async drawImage(params: any, _pinsSettingsList: PinsSettings[], context: any) {
+    const { image, x, y, width, height } = params;
+    context.canvas.ctx.drawImage(image, x, y, width, height);
+  }
+
+  async strokeRect(params: any, _pinsSettingsList: PinsSettings[], context: any) {
+    const { x, y, width, height } = params;
+    context.canvas.ctx.strokeRect(x, y, width, height);
+  }
+
+  async fillRect(params: any, _pinsSettingsList: PinsSettings[], context: any) {
+    const { x, y, width, height } = params;
+    context.canvas.ctx.fillRect(x, y, width, height);
+  }
+
+  async fillText(params: any, _pinsSettingsList: PinsSettings[], context: any) {
+    const { text, x, y } = params;
+    context.canvas.ctx.fillText(text, x, y);
+  }
+
+  async strokeStyle(params: any, _pinsSettingsList: PinsSettings[], context: any) {
+    const { style } = params;
+    context.canvas.ctx.strokeStyle = style;
+  }
+
+  async fillStyle(params: any, _pinsSettingsList: PinsSettings[], context: any) {
+    const { style } = params;
+    context.canvas.ctx.fillStyle = style;
+  }
+
+  async lineWidth(params: any, _pinsSettingsList: PinsSettings[], context: any) {
+    const { style } = params;
+    context.canvas.ctx.lineWidth = style;
+  }
+
+  async measureText(params: any, _pinsSettingsList: PinsSettings[], context: any) {
+    const { text } = params;
+    context.canvas.ctx.measureText(text);
+  }
+}
+
+export const canvas = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new CanvasService().canvas(params, pinsSettingsList, context);
+
+export const loadImage = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new CanvasService().loadImage(params, pinsSettingsList, context);
+
+export const drawImage = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new CanvasService().drawImage(params, pinsSettingsList, context);
+
+export const strokeRect = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new CanvasService().strokeRect(params, pinsSettingsList, context);
+
+export const fillRect = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new CanvasService().fillRect(params, pinsSettingsList, context);
+
+export const fillText = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new CanvasService().fillText(params, pinsSettingsList, context);
+
+export const strokeStyle = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new CanvasService().strokeStyle(params, pinsSettingsList, context);
+
+export const fillStyle = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new CanvasService().fillStyle(params, pinsSettingsList, context);
+
+export const lineWidth = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new CanvasService().lineWidth(params, pinsSettingsList, context);
+
+export const measureText = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new CanvasService().measureText(params, pinsSettingsList, context);

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "../engine"
+    },
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}

package/tsconfig.lib.json

@@ -0,0 +1,19 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "dist",
+    "tsBuildInfoFile": "dist/tsconfig.lib.tsbuildinfo",
+    "emitDeclarationOnly": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "forceConsistentCasingInFileNames": true,
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts"],
+  "references": [
+    {
+      "path": "../engine/tsconfig.lib.json"
+    }
+  ]
+}

package/index.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./src/index";

package/index.cjs.js

@@ -1,108 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var engine = require('@digipair/engine');
-
-function _extends() {
-    _extends = Object.assign || function assign(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-
-let CanvasService = class CanvasService {
-    base64ToImage(base64) {
-        const data = base64.replace(/^data:image\/\w+;base64,/, '');
-        const buffer = Buffer.from(data, 'base64');
-        return buffer;
-    }
-    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 engine.executePinsList(execute, _extends({}, context, {
-            canvas: {
-                ctx
-            }
-        }), `${context.__PATH__}.execute`);
-        return instance.toDataURL();
-    }
-    async loadImage(params, _pinsSettingsList, _context) {
-        const { image } = params;
-        const result = typeof window === 'undefined' ? require('canvas') : {
-            loadImage: (src)=>new Promise((resolve, reject)=>{
-                    const img = new Image();
-                    img.onload = ()=>resolve(img);
-                    img.onerror = (err)=>reject(err);
-                    img.src = src;
-                })
-        };
-        return result.loadImage(typeof window === 'undefined' ? this.base64ToImage(image) : image);
-    }
-    async drawImage(params, _pinsSettingsList, context) {
-        const { image, x, y, width, height } = params;
-        context.canvas.ctx.drawImage(image, x, y, width, height);
-    }
-    async strokeRect(params, _pinsSettingsList, context) {
-        const { x, y, width, height } = params;
-        context.canvas.ctx.strokeRect(x, y, width, height);
-    }
-    async fillRect(params, _pinsSettingsList, context) {
-        const { x, y, width, height } = params;
-        context.canvas.ctx.fillRect(x, y, width, height);
-    }
-    async fillText(params, _pinsSettingsList, context) {
-        const { text, x, y } = params;
-        context.canvas.ctx.fillText(text, x, y);
-    }
-    async strokeStyle(params, _pinsSettingsList, context) {
-        const { style } = params;
-        context.canvas.ctx.strokeStyle = style;
-    }
-    async fillStyle(params, _pinsSettingsList, context) {
-        const { style } = params;
-        context.canvas.ctx.fillStyle = style;
-    }
-    async lineWidth(params, _pinsSettingsList, context) {
-        const { style } = params;
-        context.canvas.ctx.lineWidth = style;
-    }
-    async measureText(params, _pinsSettingsList, context) {
-        const { text } = params;
-        context.canvas.ctx.measureText(text);
-    }
-};
-const canvas = (params, pinsSettingsList, context)=>new CanvasService().canvas(params, pinsSettingsList, context);
-const loadImage = (params, pinsSettingsList, context)=>new CanvasService().loadImage(params, pinsSettingsList, context);
-const drawImage = (params, pinsSettingsList, context)=>new CanvasService().drawImage(params, pinsSettingsList, context);
-const strokeRect = (params, pinsSettingsList, context)=>new CanvasService().strokeRect(params, pinsSettingsList, context);
-const fillRect = (params, pinsSettingsList, context)=>new CanvasService().fillRect(params, pinsSettingsList, context);
-const fillText = (params, pinsSettingsList, context)=>new CanvasService().fillText(params, pinsSettingsList, context);
-const strokeStyle = (params, pinsSettingsList, context)=>new CanvasService().strokeStyle(params, pinsSettingsList, context);
-const fillStyle = (params, pinsSettingsList, context)=>new CanvasService().fillStyle(params, pinsSettingsList, context);
-const lineWidth = (params, pinsSettingsList, context)=>new CanvasService().lineWidth(params, pinsSettingsList, context);
-const measureText = (params, pinsSettingsList, context)=>new CanvasService().measureText(params, pinsSettingsList, context);
-
-exports.canvas = canvas;
-exports.drawImage = drawImage;
-exports.fillRect = fillRect;
-exports.fillStyle = fillStyle;
-exports.fillText = fillText;
-exports.lineWidth = lineWidth;
-exports.loadImage = loadImage;
-exports.measureText = measureText;
-exports.strokeRect = strokeRect;
-exports.strokeStyle = strokeStyle;