@digipair/skill-html 0.89.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,14 +1,28 @@
 {
   "name": "@digipair/skill-html",
-  "version": "0.89.0",
+  "version": "0.91.0-0",
+  "type": "module",
+  "main": "dist/libs/skill-html/index.cjs.js",
+  "module": "dist/libs/skill-html/index.esm.js",
+  "types": "dist/libs/skill-html/index.esm.d.ts",
+  "exports": {
+    "./package.json": "./libs/skill-html/package.json",
+    ".": {
+      "development": "./dist/libs/skill-html/src/index.ts",
+      "types": "./dist/libs/skill-html/index.esm.d.ts",
+      "import": "./dist/libs/skill-html/index.esm.js",
+      "default": "./dist/libs/skill-html/index.cjs.js"
+    }
+  },
   "keywords": [
     "digipair",
-    "service",
-    "util"
+    "web",
+    "service"
   ],
-  "dependencies": {
-    "jsdom": "^25.0.1"
+  "nx": {
+    "name": "skill-html"
   },
-  "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-html/src/index.ts',
+    outputPath: 'dist/libs/skill-html',
+    tsConfig: 'libs/skill-html/tsconfig.lib.json',
+    compiler: 'swc',
+    format: ['esm', "cjs"],
+    assets: [
+      {
+        input: 'libs/skill-html/',
+        glob: 'package.json',
+        output: '.'
+      },
+      {
+        input: 'libs/skill-html/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/jsdom.d.ts

@@ -0,0 +1 @@
+declare module 'jsdom';

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

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

package/src/lib/skill-html.ts

@@ -0,0 +1,142 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+// import { PinsSettings, executePinsList } from '@digipair/engine';
+import { PinsSettings, executePinsList } from '@digipair/engine';
+import { JSDOM } from 'jsdom';
+
+class HtmlService {
+  async html2pins(params: any, _pinsSettingsList: PinsSettings[], _context: any): Promise<any> {
+    const { html, library = 'web' } = params;
+    const dom = new JSDOM(html);
+    const pins = this.generatePinsFromElements(
+      Array.from(dom.window.document.querySelectorAll('body > *')),
+      library,
+    );
+
+    return pins;
+  }
+
+  private generatePinsFromElements(elements: Element[], library: string): any {
+    const pinsList = elements.map(element => this.generatePinsFromElement(element, library));
+    return pinsList;
+  }
+
+  private generatePinsFromElement(element: Element, library: string): any {
+    const attributes = element.getAttributeNames().reduce(
+      (obj: any, name: string) => ({
+        ...obj,
+        [name]: element.getAttribute(name),
+      }),
+      {},
+    );
+
+    if (element.children.length === 0 && element.textContent) {
+      attributes.textContent = element.textContent;
+    }
+
+    const pins = {
+      library,
+      element: element.tagName.toLowerCase(),
+      properties: attributes,
+      pins: this.generatePinsFromElements(Array.from(element.children), library),
+    };
+
+    return pins;
+  }
+
+  async pins2html(params: any, _pinsSettingsList: PinsSettings[], _context: any): Promise<any> {
+    const { pins } = params;
+    const dom = new JSDOM();
+    const element = dom.window.document.createElement('section');
+    await this.generateElementsFromPins(pins, element, dom);
+
+    return element.innerHTML;
+  }
+
+  private async generateElementsFromPins(
+    pinsList: PinsSettings[],
+    parent: Element,
+    dom: any,
+  ): Promise<void> {
+    for (let i = 0; i < pinsList.length; i++) {
+      const item = pinsList[i];
+      await this.generateElementFromPins(item, parent, dom);
+    }
+  }
+
+  private async generateElementFromPins(
+    pinsSettings: PinsSettings,
+    parent: Element,
+    dom: any,
+  ): Promise<void> {
+    const element = dom.window.document.createElement(pinsSettings.element);
+
+    // const settings = await preparePinsSettings(pinsSettings, context);
+    const settings = pinsSettings as any;
+    Object.entries(settings.properties || {}).forEach(([key, value]) => {
+      if (key === 'textContent') {
+        element.textContent = value;
+      } else if (key === 'innerHTML') {
+        element.innerHTML = value;
+      } else if (typeof value === 'string') {
+        element.setAttribute(key, value);
+      } else {
+        (element as any)[key] = value;
+      }
+    });
+
+    const pinsList = settings.pins || [];
+    await this.generateElementsFromPins(pinsList, element, dom);
+
+    parent.appendChild(element);
+  }
+
+  async parseHtml(params: any, _pinsSettingsList: PinsSettings[], context: any): Promise<any> {
+    const { html, execute = [] } = params;
+    const dom = new JSDOM(html);
+    const result = await executePinsList(execute, {
+      ...context,
+      document: {
+        querySelector: (selector: string) => this.querySelector(selector, dom.window.document),
+        querySelectorAll: (selector: string) =>
+          this.querySelectorAll(selector, dom.window.document),
+      },
+    }, `${context.__PATH__}.execute`);
+
+    return result;
+  }
+
+  private querySelector(selector: string, parent: any): any {
+    const element = parent?.querySelector(selector);
+
+    return element
+      ? {
+          textContent: element.textContent,
+          querySelector: (selector: string) => this.querySelector(selector, element),
+          querySelectorAll: (selector: string) => this.querySelectorAll(selector, element),
+          getAttribute: (name: string) => this.getAttribute(name, element),
+        }
+      : undefined;
+  }
+
+  private querySelectorAll(selector: string, parent: any): any {
+    const elements = Array.from(parent?.querySelectorAll(selector) || []);
+
+    return elements.map((element: any) => ({
+      textContent: element.textContent,
+      querySelector: (selector: string) => this.querySelector(selector, element),
+      querySelectorAll: (selector: string) => this.querySelectorAll(selector, element),
+      getAttribute: (name: string) => this.getAttribute(name, element),
+    }));
+  }
+
+  private getAttribute(name: string, element: any): any {
+    return element?.getAttribute(name);
+  }
+}
+
+export const html2pins = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new HtmlService().html2pins(params, pinsSettingsList, context);
+export const pins2html = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new HtmlService().pins2html(params, pinsSettingsList, context);
+export const parseHtml = (params: any, pinsSettingsList: PinsSettings[], context: any) =>
+  new HtmlService().parseHtml(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";