@pronto-tools-and-more/components-renderer 10.57.0 → 11.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components-renderer",
-  "version": "10.57.0",
+  "version": "11.0.0",
   "description": "",
   "main": "src/componentsRendererMain.js",
   "type": "module",

package/src/parts/RefData/RefData.js

@@ -0,0 +1,33 @@
+const state = {
+  /**
+   * @type {any[]}
+   */
+  refData: Object.create(null),
+};
+
+export const reset = () => {
+  state.refData = Object.create(null);
+};
+
+export const set = (key, item) => {
+  state.refData[key] = {
+    name: `template-${key}`,
+    path: `template-${key}`,
+    content: [item],
+  };
+};
+
+export const has = (key) => {
+  return key in state.refData;
+};
+
+export const getValues = () => {
+  return Object.values(state.refData);
+};
+
+export const get = (key) => {
+  return {
+    name: `template-${key}`,
+    type: "view",
+  };
+};

package/src/parts/RenderElement/RenderElement.js

@@ -2,6 +2,7 @@ import * as CreateFakeSection from "../CreateFakeSection/CreateFakeSection.js";
 import * as HasComplexChildren from "../HasComplexChildren/HasComplexChildren.js";
 import * as RenderCustomElement from "../RenderCustomElement/RenderCustomElement.js";
 import * as HoistData from "../HoistData/HoistData.js";
+import * as RefData from "../RefData/RefData.js";
 
 export const renderElement = (element) => {
   if (!element) {
@@ -27,6 +28,15 @@ export const renderElement = (element) => {
         ...element.props,
         children: element.children,
       });
+      if (vnode && vnode.props && vnode.props["data-key"]) {
+        const key = vnode.props["data-key"];
+        if (RefData.has(key)) {
+          return RefData.get(key);
+        }
+        const rendered = renderElement(vnode);
+        RefData.set(key, rendered);
+        return RefData.get(key);
+      }
       const rendered = renderElement(vnode);
       return rendered;
     }

package/src/parts/RenderViews/RenderViews.js

@@ -2,6 +2,7 @@ import * as Assert from "../Assert/Assert.js";
 import * as CreateViews from "../CreateViews/CreateViews.js";
 import * as LoadRoutes from "../LoadRoutes/LoadRoutes.js";
 import * as LoadSwc from "../LoadSwc/LoadSwc.js";
+import * as RefData from "../RefData/RefData.js";
 import * as RenderView from "../RenderView/RenderView.js";
 import * as SetAssetDir from "../SetAssetDir/SetAssetDir.js";
 import * as SetPathPrefix from "../SetPathPrefix/SetPathPrefix.js";
@@ -36,5 +37,6 @@ export const renderViews = async (
   // TODO return views string instead of json for faster performance?
   const views = CreateViews.createViews(values);
   const rendered = views.map(RenderView.renderView);
-  return rendered;
+  const additionalViews = RefData.getValues();
+  return [...rendered, ...additionalViews];
 };