@digipair/skill-html 0.42.0

package/index.cjs.d.ts

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

package/index.cjs.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsdom = require('jsdom');
+
+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 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)=>_extends({}, 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);
+    }
+};
+const html2pins = (params, pinsSettingsList, context)=>new HtmlService().html2pins(params, pinsSettingsList, context);
+const pins2html = (params, pinsSettingsList, context)=>new HtmlService().pins2html(params, pinsSettingsList, context);
+
+exports.html2pins = html2pins;
+exports.pins2html = pins2html;

package/index.d.ts

@@ -0,0 +1 @@
+export * from './libs/skill-heygen/src/index';

package/index.esm.js

@@ -0,0 +1,76 @@
+import { JSDOM } from 'jsdom';
+
+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 HtmlService = class HtmlService {
+    async html2pins(params, _pinsSettingsList, _context) {
+        const { html, library = 'web' } = params;
+        const dom = new 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)=>_extends({}, 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();
+        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);
+    }
+};
+const html2pins = (params, pinsSettingsList, context)=>new HtmlService().html2pins(params, pinsSettingsList, context);
+const pins2html = (params, pinsSettingsList, context)=>new HtmlService().pins2html(params, pinsSettingsList, context);
+
+export { html2pins, pins2html };

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

@@ -0,0 +1 @@
+export * from './lib/skill-html';

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

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

package/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@digipair/skill-html",
+  "version": "0.42.0",
+  "dependencies": {},
+  "main": "./index.cjs.js",
+  "module": "./index.esm.js"
+}

package/schema.fr.json

@@ -0,0 +1,61 @@
+{
+  "openapi": "3.0.0",
+  "info": {
+    "title": "@digipair/skill-html",
+    "summary": "Gestion du code HTML",
+    "description": "Cette compétence permet de gérer du code HTML",
+    "version": "0.1.0",
+    "x-icon": "🌐"
+  },
+  "paths": {
+    "/html2pins": {
+      "post": {
+        "tags": ["service"],
+        "summary": "Convertir du HTML en Pin's",
+        "parameters": [
+          {
+            "name": "html",
+            "summary": "HTML",
+            "required": true,
+            "description": "Code HTML",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "library",
+            "summary": "Librarie des Pin's",
+            "required": false,
+            "description": "Librarie des Pin's",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "x-events": []
+      }
+    },
+    "/pins2html": {
+      "post": {
+        "tags": ["service"],
+        "summary": "Convertir des Pin's en HTML",
+        "parameters": [
+          {
+            "name": "pins",
+            "summary": "Pin's",
+            "required": true,
+            "description": "Liste des Pin's",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "x-events": []
+      }
+    }
+  },
+  "components": {
+    "schemas": {}
+  },
+  "x-scene-blocks": {}
+}

package/schema.json

@@ -0,0 +1,61 @@
+{
+  "openapi": "3.0.0",
+  "info": {
+    "title": "@digipair/skill-html",
+    "summary": "HTML code management",
+    "description": "This skill allows to manage HTML code",
+    "version": "0.1.0",
+    "x-icon": "🌐"
+  },
+  "paths": {
+    "/html2pins": {
+      "post": {
+        "tags": ["service"],
+        "summary": "Convert HTML to Pin's",
+        "parameters": [
+          {
+            "name": "html",
+            "summary": "HTML",
+            "required": true,
+            "description": "HTML code",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "library",
+            "summary": "Pin's library",
+            "required": false,
+            "description": "Pin's library",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "x-events": []
+      }
+    },
+    "/pins2html": {
+      "post": {
+        "tags": ["service"],
+        "summary": "Convert Pin's to HTML",
+        "parameters": [
+          {
+            "name": "pins",
+            "summary": "Pin's",
+            "required": true,
+            "description": "List of Pin's",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "x-events": []
+      }
+    }
+  },
+  "components": {
+    "schemas": {}
+  },
+  "x-scene-blocks": {}
+}