@digipair/skill-html 0.113.1 → 0.114.2

package/README.md

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

package/dist/index.cjs.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var engine = require('@digipair/engine');
+var jsdom = require('jsdom');
+
+let HtmlService = class HtmlService {
+    async html2pins(params, _pinsSettingsList, _context) {
+        const { html, library = 'web' } = params;
+        const dom = new jsdom.JSDOM(html);
+        const pins = this.generatePinsFromElements(Array.from(dom.window.document.querySelectorAll('body > *')), library);
+        return pins;
+    }
+    generatePinsFromElements(elements, library) {
+        const pinsList = elements.map((element)=>this.generatePinsFromElement(element, library));
+        return pinsList;
+    }
+    generatePinsFromElement(element, library) {
+        const attributes = element.getAttributeNames().reduce((obj, name)=>({
+                ...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, _pinsSettingsList, _context) {
+        const { pins } = params;
+        const dom = new jsdom.JSDOM();
+        const element = dom.window.document.createElement('section');
+        await this.generateElementsFromPins(pins, element, dom);
+        return element.innerHTML;
+    }
+    async generateElementsFromPins(pinsList, parent, dom) {
+        for(let i = 0; i < pinsList.length; i++){
+            const item = pinsList[i];
+            await this.generateElementFromPins(item, parent, dom);
+        }
+    }
+    async generateElementFromPins(pinsSettings, parent, dom) {
+        const element = dom.window.document.createElement(pinsSettings.element);
+        // const settings = await preparePinsSettings(pinsSettings, context);
+        const settings = pinsSettings;
+        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[key] = value;
+            }
+        });
+        const pinsList = settings.pins || [];
+        await this.generateElementsFromPins(pinsList, element, dom);
+        parent.appendChild(element);
+    }
+    async parseHtml(params, _pinsSettingsList, context) {
+        const { html, execute = [] } = params;
+        const dom = new jsdom.JSDOM(html);
+        const result = await engine.executePinsList(execute, {
+            ...context,
+            document: {
+                querySelector: (selector)=>this.querySelector(selector, dom.window.document),
+                querySelectorAll: (selector)=>this.querySelectorAll(selector, dom.window.document)
+            }
+        }, `${context.__PATH__}.execute`);
+        return result;
+    }
+    querySelector(selector, parent) {
+        const element = parent?.querySelector(selector);
+        return element ? {
+            textContent: element.textContent,
+            querySelector: (selector)=>this.querySelector(selector, element),
+            querySelectorAll: (selector)=>this.querySelectorAll(selector, element),
+            getAttribute: (name)=>this.getAttribute(name, element)
+        } : undefined;
+    }
+    querySelectorAll(selector, parent) {
+        const elements = Array.from(parent?.querySelectorAll(selector) || []);
+        return elements.map((element)=>({
+                textContent: element.textContent,
+                querySelector: (selector)=>this.querySelector(selector, element),
+                querySelectorAll: (selector)=>this.querySelectorAll(selector, element),
+                getAttribute: (name)=>this.getAttribute(name, element)
+            }));
+    }
+    getAttribute(name, element) {
+        return element?.getAttribute(name);
+    }
+};
+const html2pins = (params, pinsSettingsList, context)=>new HtmlService().html2pins(params, pinsSettingsList, context);
+const pins2html = (params, pinsSettingsList, context)=>new HtmlService().pins2html(params, pinsSettingsList, context);
+const parseHtml = (params, pinsSettingsList, context)=>new HtmlService().parseHtml(params, pinsSettingsList, context);
+
+exports.html2pins = html2pins;
+exports.parseHtml = parseHtml;
+exports.pins2html = pins2html;