@digipair/skill-html 0.91.0-0 → 0.92.0

package/libs/engine/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/engine';
+export * from './lib/pins-settings.interface';

package/libs/engine/src/lib/alias.interface.d.ts

@@ -0,0 +1,9 @@
+export interface Alias {
+    name: string;
+    library: string;
+    element: string;
+    properties: {
+        library: string;
+        element: string;
+    };
+}

package/libs/engine/src/lib/engine.d.ts

@@ -0,0 +1,13 @@
+import { PinsSettings } from './pins-settings.interface';
+type CONFIG_KEY = 'BASE_URL' | 'LIBRARIES' | 'ALIAS' | 'LOGGER';
+export declare const config: {
+    set: (key: CONFIG_KEY, value: any) => void;
+    log: (level: string, path: string, message: string, context: any, data?: any) => any;
+};
+export declare const applyTemplate: (value: any, context: any) => any;
+export declare const executePinsList: (pinsSettingsList: PinsSettings[], context: any, path?: string) => Promise<any>;
+export declare const generateElementFromPins: (pinsSettings: PinsSettings, parent: Element, context: any, document?: Document, options?: {
+    import: boolean;
+}) => Promise<Element | void>;
+export declare const preparePinsSettings: (settings: PinsSettings, context: any) => PinsSettings;
+export {};

package/libs/engine/src/lib/pins-settings.interface.d.ts

@@ -0,0 +1,15 @@
+export interface PinsSettings {
+    library: string;
+    element: string;
+    properties?: {
+        [key: string]: any;
+    };
+    conditions?: {
+        if?: boolean;
+        each?: any[];
+    };
+    pins?: PinsSettings[];
+    events?: {
+        [key: string]: PinsSettings[];
+    };
+}

package/libs/skill-html/src/lib/skill-html.d.ts

@@ -0,0 +1,4 @@
+import { PinsSettings } from '../../../engine/src';
+export declare const html2pins: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
+export declare const pins2html: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;
+export declare const parseHtml: (params: any, pinsSettingsList: PinsSettings[], context: any) => Promise<any>;

package/package.json

@@ -1,28 +1,14 @@
 {
   "name": "@digipair/skill-html",
-  "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"
-    }
-  },
+  "version": "0.92.0",
   "keywords": [
     "digipair",
-    "web",
-    "service"
+    "service",
+    "util"
   ],
-  "nx": {
-    "name": "skill-html"
-  },
   "dependencies": {
-    "@digipair/engine": "0.91.0-0"
-  }
-}
+    "jsdom": "^25.0.1"
+  },
+  "main": "./index.cjs.js",
+  "module": "./index.esm.js"
+}

package/.swcrc

@@ -1,28 +0,0 @@
-{
-  "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

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

package/eslint.config.mjs

@@ -1,22 +0,0 @@
-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/rollup.config.cjs

@@ -1,28 +0,0 @@
-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

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

package/src/jsdom.d.ts

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

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

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

package/src/lib/skill-html.ts

@@ -1,142 +0,0 @@
-/* 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

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

package/tsconfig.lib.json

@@ -1,19 +0,0 @@
-{
-  "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"
-    }
-  ]
-}