@digipair/skill-web-interact 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,12 +1,28 @@
 {
   "name": "@digipair/skill-web-interact",
-  "version": "0.90.0",
+  "version": "0.91.0-0",
+  "type": "module",
+  "main": "dist/libs/skill-web-interact/index.cjs.js",
+  "module": "dist/libs/skill-web-interact/index.esm.js",
+  "types": "dist/libs/skill-web-interact/index.esm.d.ts",
+  "exports": {
+    "./package.json": "./libs/skill-web-interact/package.json",
+    ".": {
+      "development": "./dist/libs/skill-web-interact/src/index.ts",
+      "types": "./dist/libs/skill-web-interact/index.esm.d.ts",
+      "import": "./dist/libs/skill-web-interact/index.esm.js",
+      "default": "./dist/libs/skill-web-interact/index.cjs.js"
+    }
+  },
   "keywords": [
     "digipair",
     "web",
     "util"
   ],
-  "dependencies": {},
-  "main": "./index.cjs.js",
-  "module": "./index.esm.js"
-}
+  "nx": {
+    "name": "skill-web-interact"
+  },
+  "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-web-interact/src/index.ts',
+    outputPath: 'dist/libs/skill-web-interact',
+    tsConfig: 'libs/skill-web-interact/tsconfig.lib.json',
+    compiler: 'swc',
+    format: ['esm', "cjs"],
+    assets: [
+      {
+        input: 'libs/skill-web-interact/',
+        glob: 'package.json',
+        output: '.'
+      },
+      {
+        input: 'libs/skill-web-interact/src/',
+        glob: '*.json',
+        output: '.'
+      }
+    ]
+  },
+  {
+    // Provide additional rollup configuration here. See: https://rollupjs.org/configuration-options
+    // e.g.
+    // output: { sourcemap: true },
+  }
+);

package/src/lib/skill-web-interact.spec.ts

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

package/src/lib/skill-web-interact.ts

@@ -0,0 +1,168 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { PinsSettings } from '@digipair/engine';
+
+class WebInteractService {
+  async setAttribute(params: any, _pinsSettingsList: PinsSettings[], _context: any): Promise<any> {
+    const { selector, attribute, value } = params;
+    const element = document.querySelector(selector) as any;
+
+    if (attribute === 'textContent') {
+      element.textContent = value;
+    } else if (attribute === 'value') {
+      element.value = value;
+    } else if (typeof value === 'string') {
+      element.setAttribute(attribute, value);
+    } else {
+      if (typeof element['__' + attribute] !== 'undefined') {
+        element['__' + attribute] = value;
+        element.requestUpdate();
+      } else {
+        element[attribute] = value;
+      }
+    }
+  }
+
+  async getAttribute(params: any, _pinsSettingsList: PinsSettings[], _context: any): Promise<any> {
+    const { selector, attribute } = params;
+    const element = document.querySelector(selector) as any;
+
+    return element[attribute] ?? element.getAttribute(attribute);
+  }
+
+  async dispatchEvent(params: any, _pinsSettingsList: PinsSettings[], _context: any): Promise<any> {
+    const { selector, name, detail } = params;
+    const element = document.querySelector(selector) as any;
+
+    element.dispatchEvent(new CustomEvent(name, { detail }));
+  }
+
+  async execute(params: any, _pinsSettingsList: PinsSettings[], _context: any): Promise<any> {
+    const { selector, name, args = [] } = params;
+    const element = document.querySelector(selector) as any;
+
+    return element[name](...args);
+  }
+
+  async goTo(params: any, _pinsSettingsList: PinsSettings[], _context: any): Promise<any> {
+    const { url, target = '_self' } = params;
+    window.open(url, target);
+  }
+
+  async reload(_params: any, _pinsSettingsList: PinsSettings[], _context: any): Promise<any> {
+    window.location.reload();
+  }
+
+  async upload(params: any, _pinsSettingsList: PinsSettings[], _context: any): Promise<any> {
+    const { accept = '*' } = params;
+
+    const result = await new Promise(resolve => {
+      const input = document.createElement('input');
+      input.type = 'file';
+      input.multiple = false;
+      input.accept = accept;
+      input.onchange = (event: any) => {
+        const files = event.target.files;
+        const file = files[0];
+        const reader = new FileReader();
+        reader.readAsDataURL(file);
+        reader.onload = () => {
+          resolve({ value: reader.result as string, filename: file.name });
+        };
+      };
+      input.click();
+    });
+
+    return result;
+  }
+
+  async uploadText(params: any, _pinsSettingsList: PinsSettings[], _context: any): Promise<any> {
+    const { accept = 'text/plain' } = params;
+
+    const result = await new Promise(resolve => {
+      const input = document.createElement('input');
+      input.type = 'file';
+      input.multiple = false;
+      input.accept = accept;
+      input.onchange = (event: any) => {
+        const files = event.target.files;
+        const file = files[0];
+        const reader = new FileReader();
+        reader.readAsText(file);
+        reader.onload = () => {
+          resolve({ value: reader.result as string, filename: file.name });
+        };
+      };
+      input.click();
+    });
+
+    return result;
+  }
+
+  async capture(params: any, _pinsSettingsList: PinsSettings[], _context: any): Promise<any> {
+    const { deviceId, width = 4096, height = 2160, facingMode = 'environment' } = params;
+
+    const constraints = {
+      audio: false,
+      video: {
+        width: { ideal: width },
+        height: { ideal: height },
+        facingMode,
+        deviceId,
+      },
+    };
+
+    const video = document.createElement('video');
+    video.autoplay = true;
+    const stream = await navigator.mediaDevices.getUserMedia(constraints);
+    video.srcObject = stream;
+    await new Promise(resolve => (video.onloadedmetadata = resolve));
+    const canvas = document.createElement('canvas');
+    canvas.width = video.videoWidth;
+    canvas.height = video.videoHeight;
+    const ctx = canvas.getContext('2d');
+    ctx?.drawImage(video, 0, 0, canvas.width, canvas.height);
+    const image = canvas.toDataURL('image/jpeg');
+    stream.getTracks().forEach(track => track.stop());
+
+    return image;
+  }
+
+  async getMediaDevices(
+    _params: any,
+    _pinsSettingsList: PinsSettings[],
+    _context: any,
+  ): Promise<any> {
+    return navigator.mediaDevices.enumerateDevices();
+  }
+}
+
+export const setAttribute = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new WebInteractService().setAttribute(params, pinsSettingsList, context);
+
+export const getAttribute = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new WebInteractService().getAttribute(params, pinsSettingsList, context);
+
+export const dispatchEvent = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new WebInteractService().dispatchEvent(params, pinsSettingsList, context);
+
+export const execute = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new WebInteractService().execute(params, pinsSettingsList, context);
+
+export const goTo = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new WebInteractService().goTo(params, pinsSettingsList, context);
+
+export const reload = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new WebInteractService().reload(params, pinsSettingsList, context);
+
+export const upload = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new WebInteractService().upload(params, pinsSettingsList, context);
+
+export const uploadText = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new WebInteractService().uploadText(params, pinsSettingsList, context);
+
+export const capture = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new WebInteractService().capture(params, pinsSettingsList, context);
+
+export const getMediaDevices = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new WebInteractService().getMediaDevices(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,148 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/* eslint-disable @typescript-eslint/no-explicit-any */ /* eslint-disable @typescript-eslint/no-unused-vars */ let WebInteractService = class WebInteractService {
-    async setAttribute(params, _pinsSettingsList, _context) {
-        const { selector, attribute, value } = params;
-        const element = document.querySelector(selector);
-        if (attribute === 'textContent') {
-            element.textContent = value;
-        } else if (attribute === 'value') {
-            element.value = value;
-        } else if (typeof value === 'string') {
-            element.setAttribute(attribute, value);
-        } else {
-            if (typeof element['__' + attribute] !== 'undefined') {
-                element['__' + attribute] = value;
-                element.requestUpdate();
-            } else {
-                element[attribute] = value;
-            }
-        }
-    }
-    async getAttribute(params, _pinsSettingsList, _context) {
-        const { selector, attribute } = params;
-        const element = document.querySelector(selector);
-        var _element_attribute;
-        return (_element_attribute = element[attribute]) != null ? _element_attribute : element.getAttribute(attribute);
-    }
-    async dispatchEvent(params, _pinsSettingsList, _context) {
-        const { selector, name, detail } = params;
-        const element = document.querySelector(selector);
-        element.dispatchEvent(new CustomEvent(name, {
-            detail
-        }));
-    }
-    async execute(params, _pinsSettingsList, _context) {
-        const { selector, name, args = [] } = params;
-        const element = document.querySelector(selector);
-        return element[name](...args);
-    }
-    async goTo(params, _pinsSettingsList, _context) {
-        const { url, target = '_self' } = params;
-        window.open(url, target);
-    }
-    async reload(_params, _pinsSettingsList, _context) {
-        window.location.reload();
-    }
-    async upload(params, _pinsSettingsList, _context) {
-        const { accept = '*' } = params;
-        const result = await new Promise((resolve)=>{
-            const input = document.createElement('input');
-            input.type = 'file';
-            input.multiple = false;
-            input.accept = accept;
-            input.onchange = (event)=>{
-                const files = event.target.files;
-                const file = files[0];
-                const reader = new FileReader();
-                reader.readAsDataURL(file);
-                reader.onload = ()=>{
-                    resolve({
-                        value: reader.result,
-                        filename: file.name
-                    });
-                };
-            };
-            input.click();
-        });
-        return result;
-    }
-    async uploadText(params, _pinsSettingsList, _context) {
-        const { accept = 'text/plain' } = params;
-        const result = await new Promise((resolve)=>{
-            const input = document.createElement('input');
-            input.type = 'file';
-            input.multiple = false;
-            input.accept = accept;
-            input.onchange = (event)=>{
-                const files = event.target.files;
-                const file = files[0];
-                const reader = new FileReader();
-                reader.readAsText(file);
-                reader.onload = ()=>{
-                    resolve({
-                        value: reader.result,
-                        filename: file.name
-                    });
-                };
-            };
-            input.click();
-        });
-        return result;
-    }
-    async capture(params, _pinsSettingsList, _context) {
-        const { deviceId, width = 4096, height = 2160, facingMode = 'environment' } = params;
-        const constraints = {
-            audio: false,
-            video: {
-                width: {
-                    ideal: width
-                },
-                height: {
-                    ideal: height
-                },
-                facingMode,
-                deviceId
-            }
-        };
-        const video = document.createElement('video');
-        video.autoplay = true;
-        const stream = await navigator.mediaDevices.getUserMedia(constraints);
-        video.srcObject = stream;
-        await new Promise((resolve)=>video.onloadedmetadata = resolve);
-        const canvas = document.createElement('canvas');
-        canvas.width = video.videoWidth;
-        canvas.height = video.videoHeight;
-        const ctx = canvas.getContext('2d');
-        ctx == null ? void 0 : ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-        const image = canvas.toDataURL('image/jpeg');
-        stream.getTracks().forEach((track)=>track.stop());
-        return image;
-    }
-    async getMediaDevices(_params, _pinsSettingsList, _context) {
-        return navigator.mediaDevices.enumerateDevices();
-    }
-};
-const setAttribute = (params, pinsSettingsList, context)=>new WebInteractService().setAttribute(params, pinsSettingsList, context);
-const getAttribute = (params, pinsSettingsList, context)=>new WebInteractService().getAttribute(params, pinsSettingsList, context);
-const dispatchEvent = (params, pinsSettingsList, context)=>new WebInteractService().dispatchEvent(params, pinsSettingsList, context);
-const execute = (params, pinsSettingsList, context)=>new WebInteractService().execute(params, pinsSettingsList, context);
-const goTo = (params, pinsSettingsList, context)=>new WebInteractService().goTo(params, pinsSettingsList, context);
-const reload = (params, pinsSettingsList, context)=>new WebInteractService().reload(params, pinsSettingsList, context);
-const upload = (params, pinsSettingsList, context)=>new WebInteractService().upload(params, pinsSettingsList, context);
-const uploadText = (params, pinsSettingsList, context)=>new WebInteractService().uploadText(params, pinsSettingsList, context);
-const capture = (params, pinsSettingsList, context)=>new WebInteractService().capture(params, pinsSettingsList, context);
-const getMediaDevices = (params, pinsSettingsList, context)=>new WebInteractService().getMediaDevices(params, pinsSettingsList, context);
-
-exports.capture = capture;
-exports.dispatchEvent = dispatchEvent;
-exports.execute = execute;
-exports.getAttribute = getAttribute;
-exports.getMediaDevices = getMediaDevices;
-exports.goTo = goTo;
-exports.reload = reload;
-exports.setAttribute = setAttribute;
-exports.upload = upload;
-exports.uploadText = uploadText;

package/index.esm.js

@@ -1,135 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */ /* eslint-disable @typescript-eslint/no-unused-vars */ let WebInteractService = class WebInteractService {
-    async setAttribute(params, _pinsSettingsList, _context) {
-        const { selector, attribute, value } = params;
-        const element = document.querySelector(selector);
-        if (attribute === 'textContent') {
-            element.textContent = value;
-        } else if (attribute === 'value') {
-            element.value = value;
-        } else if (typeof value === 'string') {
-            element.setAttribute(attribute, value);
-        } else {
-            if (typeof element['__' + attribute] !== 'undefined') {
-                element['__' + attribute] = value;
-                element.requestUpdate();
-            } else {
-                element[attribute] = value;
-            }
-        }
-    }
-    async getAttribute(params, _pinsSettingsList, _context) {
-        const { selector, attribute } = params;
-        const element = document.querySelector(selector);
-        var _element_attribute;
-        return (_element_attribute = element[attribute]) != null ? _element_attribute : element.getAttribute(attribute);
-    }
-    async dispatchEvent(params, _pinsSettingsList, _context) {
-        const { selector, name, detail } = params;
-        const element = document.querySelector(selector);
-        element.dispatchEvent(new CustomEvent(name, {
-            detail
-        }));
-    }
-    async execute(params, _pinsSettingsList, _context) {
-        const { selector, name, args = [] } = params;
-        const element = document.querySelector(selector);
-        return element[name](...args);
-    }
-    async goTo(params, _pinsSettingsList, _context) {
-        const { url, target = '_self' } = params;
-        window.open(url, target);
-    }
-    async reload(_params, _pinsSettingsList, _context) {
-        window.location.reload();
-    }
-    async upload(params, _pinsSettingsList, _context) {
-        const { accept = '*' } = params;
-        const result = await new Promise((resolve)=>{
-            const input = document.createElement('input');
-            input.type = 'file';
-            input.multiple = false;
-            input.accept = accept;
-            input.onchange = (event)=>{
-                const files = event.target.files;
-                const file = files[0];
-                const reader = new FileReader();
-                reader.readAsDataURL(file);
-                reader.onload = ()=>{
-                    resolve({
-                        value: reader.result,
-                        filename: file.name
-                    });
-                };
-            };
-            input.click();
-        });
-        return result;
-    }
-    async uploadText(params, _pinsSettingsList, _context) {
-        const { accept = 'text/plain' } = params;
-        const result = await new Promise((resolve)=>{
-            const input = document.createElement('input');
-            input.type = 'file';
-            input.multiple = false;
-            input.accept = accept;
-            input.onchange = (event)=>{
-                const files = event.target.files;
-                const file = files[0];
-                const reader = new FileReader();
-                reader.readAsText(file);
-                reader.onload = ()=>{
-                    resolve({
-                        value: reader.result,
-                        filename: file.name
-                    });
-                };
-            };
-            input.click();
-        });
-        return result;
-    }
-    async capture(params, _pinsSettingsList, _context) {
-        const { deviceId, width = 4096, height = 2160, facingMode = 'environment' } = params;
-        const constraints = {
-            audio: false,
-            video: {
-                width: {
-                    ideal: width
-                },
-                height: {
-                    ideal: height
-                },
-                facingMode,
-                deviceId
-            }
-        };
-        const video = document.createElement('video');
-        video.autoplay = true;
-        const stream = await navigator.mediaDevices.getUserMedia(constraints);
-        video.srcObject = stream;
-        await new Promise((resolve)=>video.onloadedmetadata = resolve);
-        const canvas = document.createElement('canvas');
-        canvas.width = video.videoWidth;
-        canvas.height = video.videoHeight;
-        const ctx = canvas.getContext('2d');
-        ctx == null ? void 0 : ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-        const image = canvas.toDataURL('image/jpeg');
-        stream.getTracks().forEach((track)=>track.stop());
-        return image;
-    }
-    async getMediaDevices(_params, _pinsSettingsList, _context) {
-        return navigator.mediaDevices.enumerateDevices();
-    }
-};
-const setAttribute = (params, pinsSettingsList, context)=>new WebInteractService().setAttribute(params, pinsSettingsList, context);
-const getAttribute = (params, pinsSettingsList, context)=>new WebInteractService().getAttribute(params, pinsSettingsList, context);
-const dispatchEvent = (params, pinsSettingsList, context)=>new WebInteractService().dispatchEvent(params, pinsSettingsList, context);
-const execute = (params, pinsSettingsList, context)=>new WebInteractService().execute(params, pinsSettingsList, context);
-const goTo = (params, pinsSettingsList, context)=>new WebInteractService().goTo(params, pinsSettingsList, context);
-const reload = (params, pinsSettingsList, context)=>new WebInteractService().reload(params, pinsSettingsList, context);
-const upload = (params, pinsSettingsList, context)=>new WebInteractService().upload(params, pinsSettingsList, context);
-const uploadText = (params, pinsSettingsList, context)=>new WebInteractService().uploadText(params, pinsSettingsList, context);
-const capture = (params, pinsSettingsList, context)=>new WebInteractService().capture(params, pinsSettingsList, context);
-const getMediaDevices = (params, pinsSettingsList, context)=>new WebInteractService().getMediaDevices(params, pinsSettingsList, context);
-
-export { capture, dispatchEvent, execute, getAttribute, getMediaDevices, goTo, reload, setAttribute, upload, uploadText };

package/libs/skill-web-interact/src/lib/skill-web-interact.d.ts

@@ -1,11 +0,0 @@
-import { PinsSettings } from '@digipair/engine';
-export declare const setAttribute: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
-export declare const getAttribute: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
-export declare const dispatchEvent: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
-export declare const execute: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
-export declare const goTo: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
-export declare const reload: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
-export declare const upload: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
-export declare const uploadText: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
-export declare const capture: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
-export declare const getMediaDevices: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;