@digipair/skill-web 0.45.6 → 0.46.0

package/index.cjs.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var engine = require('@digipair/engine');
+var jsdom = require('jsdom');
 
 function _extends() {
     _extends = Object.assign || function assign(target) {
@@ -67,6 +68,38 @@ let WebService = class WebService {
         }
         return output;
     }
+    async pins2html(pins) {
+        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);
+        element.setAttribute('data-ssr', '1');
+        // 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 page(params, _pinsSettingsList, context) {
         var _context_request_body;
         const { body, title = 'Digipair', favicon = 'https://res.cloudinary.com/do87nxq3l/image/upload/fl_preserve_transparency/v1717769492/logo-digipair_oyvvxz.png?_s=public-apps', styleHtml = '', styleBody = '', baseUrl = 'https://cdn.jsdelivr.net/npm', factoryInitialize = [], browserInitialize = [], browserLoad = [] } = params;
@@ -119,6 +152,7 @@ let WebService = class WebService {
       await executePinsList(${JSON.stringify(this.prepareBrowserPinsSettings('browserInitialize', browserInitialize))}, context);
       
       const pinsList = ${JSON.stringify(this.prepareBrowserPinsSettings('body', body))};
+      document.querySelectorAll('body > [data-ssr]').forEach((element) => element.remove()); // Remove SSR elements
       for (let i = 0; i < pinsList.length; i++) {
         const item = pinsList[i];
         await generateElementFromPins(item, document.body, { ...context, data: ${JSON.stringify(preparedData)} });
@@ -128,6 +162,8 @@ let WebService = class WebService {
         await executePinsList(${JSON.stringify(this.prepareBrowserPinsSettings('browserLoad', browserLoad))}, context);
       }, 1);
     </script>
+
+    ${await this.pins2html(body)}
   </body>
 </html>
     `;

package/index.esm.js

@@ -1,3 +1,5 @@
+import { JSDOM } from 'jsdom';
+
 function _extends() {
     _extends = Object.assign || function assign(target) {
         for(var i = 1; i < arguments.length; i++){
@@ -23899,14 +23901,14 @@ function indent(str, spaces) {
         var match = parseIdentifier(input, i1, namePart) || namePart && parseAdditionalSymbol(input, i1) || maybeSpace && parseSpaces(input, i1);
         // match is required
         if (!match) {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, {
+            return tokens = tokens1, nextMatch = nextMatch1, i = i1, {
                 v: nextMatch1
             };
         }
         var token = match.token, offset = match.offset;
         i1 += offset;
         if (token === " ") {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
+            return tokens = tokens1, nextMatch = nextMatch1, i = i1, "continue";
         }
         tokens1 = _to_consumable_array$1(tokens1).concat([
             token
@@ -23925,7 +23927,7 @@ function indent(str, spaces) {
         if (contextKeys.some(function(el) {
             return el.startsWith(name);
         })) {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
+            return tokens = tokens1, nextMatch = nextMatch1, i = i1, "continue";
         }
         if (dateTimeIdentifiers.some(function(el) {
             return el === name;
@@ -23944,9 +23946,9 @@ function indent(str, spaces) {
         if (dateTimeIdentifiers.some(function(el) {
             return el.startsWith(name);
         })) {
-            return nextMatch = nextMatch1, i = i1, tokens = tokens1, "continue";
+            return tokens = tokens1, nextMatch = nextMatch1, i = i1, "continue";
         }
-        return nextMatch = nextMatch1, i = i1, tokens = tokens1, {
+        return tokens = tokens1, nextMatch = nextMatch1, i = i1, {
             v: nextMatch1
         };
     };
@@ -28005,6 +28007,38 @@ let WebService = class WebService {
         }
         return output;
     }
+    async pins2html(pins) {
+        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);
+        element.setAttribute('data-ssr', '1');
+        // 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 page(params, _pinsSettingsList, context) {
         var _context_request_body;
         const { body, title = 'Digipair', favicon = 'https://res.cloudinary.com/do87nxq3l/image/upload/fl_preserve_transparency/v1717769492/logo-digipair_oyvvxz.png?_s=public-apps', styleHtml = '', styleBody = '', baseUrl = 'https://cdn.jsdelivr.net/npm', factoryInitialize = [], browserInitialize = [], browserLoad = [] } = params;
@@ -28057,6 +28091,7 @@ let WebService = class WebService {
       await executePinsList(${JSON.stringify(this.prepareBrowserPinsSettings('browserInitialize', browserInitialize))}, context);
       
       const pinsList = ${JSON.stringify(this.prepareBrowserPinsSettings('body', body))};
+      document.querySelectorAll('body > [data-ssr]').forEach((element) => element.remove()); // Remove SSR elements
       for (let i = 0; i < pinsList.length; i++) {
         const item = pinsList[i];
         await generateElementFromPins(item, document.body, { ...context, data: ${JSON.stringify(preparedData)} });
@@ -28066,6 +28101,8 @@ let WebService = class WebService {
         await executePinsList(${JSON.stringify(this.prepareBrowserPinsSettings('browserLoad', browserLoad))}, context);
       }, 1);
     </script>
+
+    ${await this.pins2html(body)}
   </body>
 </html>
     `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digipair/skill-web",
-  "version": "0.45.6",
+  "version": "0.46.0",
   "dependencies": {},
   "main": "./index.cjs.js",
   "module": "./index.esm.js"