coralite 0.33.0 → 0.33.1

package/dist/lib/index.js

@@ -5973,6 +5973,56 @@ base.MethodDefinition = base.PropertyDefinition = base.Property = function(node,
   }
 };
 
+// lib/utils.js
+import render from "dom-serializer";
+
+// lib/type-helper.js
+function isObject(obj) {
+  return typeof obj === "object" && obj !== null;
+}
+function isCoraliteElement(obj) {
+  return isObject(obj) && obj.type === "tag";
+}
+function isCoraliteTextNode(obj) {
+  return isObject(obj) && obj.type === "text";
+}
+function isCoraliteComment(obj) {
+  return isObject(obj) && obj.type === "comment";
+}
+function isCoraliteDirective(obj) {
+  return isObject(obj) && obj.type === "directive";
+}
+function isCoraliteComponentRoot(obj) {
+  return isObject(obj) && obj.type === "root";
+}
+function isCoraliteSlotElement(obj) {
+  return isObject(obj) && typeof obj.name === "string" && isCoraliteElement(obj.element) && (obj.customElement === void 0 || isCoraliteElement(obj.customElement));
+}
+function isCoraliteCollectionItem(obj) {
+  return isObject(obj) && "path" in obj && isObject(obj.path) && typeof obj.content === "string";
+}
+function isCoraliteNode(obj) {
+  return isCoraliteElement(obj) || isCoraliteTextNode(obj) || isCoraliteComment(obj) || isCoraliteDirective(obj) || isCoraliteComponentRoot(obj);
+}
+function hasValidElementStructure(obj) {
+  return isCoraliteElement(obj) && typeof obj.name === "string" && isObject(obj.attribs) && Array.isArray(obj.children);
+}
+function hasValidTextNodeStructure(obj) {
+  return isCoraliteTextNode(obj) && typeof obj.data === "string";
+}
+function hasValidCommentStructure(obj) {
+  return isCoraliteComment(obj) && typeof obj.data === "string";
+}
+function isValidChildNode(obj) {
+  return isCoraliteElement(obj) || isCoraliteTextNode(obj) || isCoraliteComment(obj) || isCoraliteDirective(obj);
+}
+function isParentNode(obj) {
+  return isObject(obj) && Array.isArray(obj.children);
+}
+function isRemovableNode(obj) {
+  return isObject(obj) && obj.remove === true;
+}
+
 // lib/dom.js
 var ELEMENT_NODE = 1;
 var TEXT_NODE = 3;
@@ -6451,7 +6501,13 @@ function cleanKeys(object) {
   }
   return result;
 }
-function normalizeObjectFunctions(target, seen = /* @__PURE__ */ new WeakMap()) {
+function normalizeObjectFunctions(target, transform2 = null, seen = /* @__PURE__ */ new WeakMap()) {
+  if (typeof transform2 === "function") {
+    const transformed = transform2(target);
+    if (transformed !== target) {
+      return transformed;
+    }
+  }
   if (typeof target !== "object" || target === null) {
     return target;
   }
@@ -6462,7 +6518,7 @@ function normalizeObjectFunctions(target, seen = /* @__PURE__ */ new WeakMap())
     const arr = [];
     seen.set(target, arr);
     for (let i = 0; i < target.length; i++) {
-      arr.push(normalizeObjectFunctions(target[i], seen));
+      arr.push(normalizeObjectFunctions(target[i], transform2, seen));
     }
     return arr;
   }
@@ -6479,7 +6535,7 @@ function normalizeObjectFunctions(target, seen = /* @__PURE__ */ new WeakMap())
         wrapper.toString = () => normalizedString;
         obj[key] = wrapper;
       } else {
-        obj[key] = normalizeObjectFunctions(target[key], seen);
+        obj[key] = normalizeObjectFunctions(target[key], transform2, seen);
       }
     }
   }
@@ -6762,6 +6818,73 @@ function findAndExtractProperties(code) {
   });
   return result;
 }
+function astTransformer(target) {
+  if (isCoraliteNode(target)) {
+    return render(target, { decodeEntities: false });
+  }
+  if (Array.isArray(target) && target.length > 0 && isCoraliteNode(target[0])) {
+    return render(target, { decodeEntities: false });
+  }
+  return target;
+}
+function addComponentAndDependencies(componentId, processed, sharedFunctions) {
+  if (!processed[componentId] && sharedFunctions[componentId]) {
+    processed[componentId] = true;
+    const dependencies = sharedFunctions[componentId].components || [];
+    for (const depId of dependencies) {
+      addComponentAndDependencies(depId, processed, sharedFunctions);
+    }
+  }
+}
+function cleanAST(nodes, nodeMap, state) {
+  if (!nodes) {
+    return null;
+  }
+  return nodes.map((node) => {
+    const cloned = { ...node };
+    const id = state.counter++;
+    nodeMap.set(node, id);
+    cloned._id = id;
+    delete cloned.parent;
+    delete cloned.prev;
+    delete cloned.next;
+    if (cloned.children) {
+      cloned.children = cleanAST(cloned.children, nodeMap, state);
+    }
+    return cloned;
+  });
+}
+function cleanValues(values, nodeMap) {
+  if (!values) {
+    return null;
+  }
+  const result = { ...values };
+  if (result.attributes) {
+    result.attributes = result.attributes.map((item) => {
+      const cloned = { ...item };
+      cloned.elementId = nodeMap.get(item.element);
+      delete cloned.element;
+      return cloned;
+    });
+  }
+  if (result.textNodes) {
+    result.textNodes = result.textNodes.map((item) => {
+      const cloned = { ...item };
+      cloned.textNodeId = nodeMap.get(item.textNode);
+      delete cloned.textNode;
+      return cloned;
+    });
+  }
+  if (result.refs) {
+    result.refs = result.refs.map((item) => {
+      const cloned = { ...item };
+      cloned.elementId = nodeMap.get(item.element);
+      delete cloned.element;
+      return cloned;
+    });
+  }
+  return result;
+}
 function mergePluginState(current2, patch) {
   if (!patch || typeof patch !== "object") {
     return current2;
@@ -10270,24 +10393,15 @@ ScriptManager.prototype.compileAllInstances = async function(instances, mode) {
 `);
   const instanceValues = Object.entries(instances);
   const processedComponent = {};
-  const addComponentAndDependencies = (componentId) => {
-    if (!processedComponent[componentId] && this.sharedFunctions[componentId]) {
-      processedComponent[componentId] = true;
-      const dependencies = this.sharedFunctions[componentId].components || [];
-      for (const depId of dependencies) {
-        addComponentAndDependencies(depId);
-      }
-    }
-  };
   for (const instanceData of instanceValues) {
-    addComponentAndDependencies(instanceData[1].componentId);
+    addComponentAndDependencies(instanceData[1].componentId, processedComponent, this.sharedFunctions);
   }
   for (const plugin of this.plugins) {
     if (plugin && plugin._extractedComponents && Array.isArray(plugin._extractedComponents)) {
       for (const compPath of plugin._extractedComponents) {
         for (const [id, fnData] of Object.entries(this.sharedFunctions)) {
           if (compPath.endsWith(`/${id}.html`) || compPath.endsWith(`\\${id}.html`) || compPath === id || compPath.endsWith(`/${id}`)) {
-            addComponentAndDependencies(id);
+            addComponentAndDependencies(id, processedComponent, this.sharedFunctions);
           }
         }
       }
@@ -10327,7 +10441,7 @@ ScriptManager.prototype.compileAllInstances = async function(instances, mode) {
   entryCodeParts.push("const coraliteComponentDefaults = {\n");
   for (const key of processedComponentKeys) {
     if (this.sharedFunctions[key] && this.sharedFunctions[key].defaultValues) {
-      const normalizedDefaults = normalizeObjectFunctions(this.sharedFunctions[key].defaultValues);
+      const normalizedDefaults = normalizeObjectFunctions(this.sharedFunctions[key].defaultValues, astTransformer);
       entryCodeParts.push(`  "${key}": (() => {
 `);
       entryCodeParts.push(`    const defaults = ${serialize(normalizedDefaults)};
@@ -10368,58 +10482,9 @@ ScriptManager.prototype.compileAllInstances = async function(instances, mode) {
 `;
       }
       const nodeMap = /* @__PURE__ */ new WeakMap();
-      let nodeCounter = 0;
-      const cleanAST = (nodes) => {
-        if (!nodes) {
-          return null;
-        }
-        return nodes.map((node) => {
-          const cloned = { ...node };
-          const id = nodeCounter++;
-          nodeMap.set(node, id);
-          cloned._id = id;
-          delete cloned.parent;
-          delete cloned.prev;
-          delete cloned.next;
-          if (cloned.children) {
-            cloned.children = cleanAST(cloned.children);
-          }
-          return cloned;
-        });
-      };
-      const cleanValues = (values) => {
-        if (!values) {
-          return null;
-        }
-        const result2 = { ...values };
-        if (result2.attributes) {
-          result2.attributes = result2.attributes.map((item) => {
-            const cloned = { ...item };
-            cloned.elementId = nodeMap.get(item.element);
-            delete cloned.element;
-            return cloned;
-          });
-        }
-        if (result2.textNodes) {
-          result2.textNodes = result2.textNodes.map((item) => {
-            const cloned = { ...item };
-            cloned.textNodeId = nodeMap.get(item.textNode);
-            delete cloned.textNode;
-            return cloned;
-          });
-        }
-        if (result2.refs) {
-          result2.refs = result2.refs.map((item) => {
-            const cloned = { ...item };
-            cloned.elementId = nodeMap.get(item.element);
-            delete cloned.element;
-            return cloned;
-          });
-        }
-        return result2;
-      };
-      const templateAST = serialize(cleanAST(this.sharedFunctions[componentId].templateAST) || []);
-      const templateValues = serialize(cleanValues(this.sharedFunctions[componentId].templateValues) || {
+      const state = { counter: 0 };
+      const templateAST = serialize(cleanAST(this.sharedFunctions[componentId].templateAST, nodeMap, state) || []);
+      const templateValues = serialize(cleanValues(this.sharedFunctions[componentId].templateValues, nodeMap) || {
         attributes: [],
         textNodes: [],
         refs: []
@@ -10427,13 +10492,13 @@ ScriptManager.prototype.compileAllInstances = async function(instances, mode) {
       const styles = JSON.stringify(this.sharedFunctions[componentId].styles || "");
       let normalizedDefaults = this.sharedFunctions[componentId].defaultValues || {};
       if (this.sharedFunctions[componentId].defaultValues) {
-        normalizedDefaults = normalizeObjectFunctions(this.sharedFunctions[componentId].defaultValues);
+        normalizedDefaults = normalizeObjectFunctions(this.sharedFunctions[componentId].defaultValues, astTransformer);
       }
       const defaults = serialize(normalizedDefaults);
       const dependencies = JSON.stringify(this.sharedFunctions[componentId].components || []);
       let normalizedSlots = this.sharedFunctions[componentId].slots || {};
       if (this.sharedFunctions[componentId].slots) {
-        normalizedSlots = normalizeObjectFunctions(this.sharedFunctions[componentId].slots);
+        normalizedSlots = normalizeObjectFunctions(this.sharedFunctions[componentId].slots, astTransformer);
       }
       const slots = serialize(normalizedSlots);
       componentEntryCode += `
@@ -11186,58 +11251,9 @@ import { mkdir as mkdir2, writeFile } from "node:fs/promises";
 import { dirname as dirname5, join as join3, normalize, relative, resolve as resolve2 } from "node:path";
 import { createRequire as createRequire2 } from "node:module";
 import { transform } from "esbuild";
-
-// lib/type-helper.js
-function isObject(obj) {
-  return typeof obj === "object" && obj !== null;
-}
-function isCoraliteElement(obj) {
-  return isObject(obj) && obj.type === "tag";
-}
-function isCoraliteTextNode(obj) {
-  return isObject(obj) && obj.type === "text";
-}
-function isCoraliteComment(obj) {
-  return isObject(obj) && obj.type === "comment";
-}
-function isCoraliteDirective(obj) {
-  return isObject(obj) && obj.type === "directive";
-}
-function isCoraliteComponentRoot(obj) {
-  return isObject(obj) && obj.type === "root";
-}
-function isCoraliteSlotElement(obj) {
-  return isObject(obj) && typeof obj.name === "string" && isCoraliteElement(obj.element) && (obj.customElement === void 0 || isCoraliteElement(obj.customElement));
-}
-function isCoraliteCollectionItem(obj) {
-  return isObject(obj) && "path" in obj && isObject(obj.path) && typeof obj.content === "string";
-}
-function isCoraliteNode(obj) {
-  return isCoraliteElement(obj) || isCoraliteTextNode(obj) || isCoraliteComment(obj) || isCoraliteDirective(obj) || isCoraliteComponentRoot(obj);
-}
-function hasValidElementStructure(obj) {
-  return isCoraliteElement(obj) && typeof obj.name === "string" && isObject(obj.attribs) && Array.isArray(obj.children);
-}
-function hasValidTextNodeStructure(obj) {
-  return isCoraliteTextNode(obj) && typeof obj.data === "string";
-}
-function hasValidCommentStructure(obj) {
-  return isCoraliteComment(obj) && typeof obj.data === "string";
-}
-function isValidChildNode(obj) {
-  return isCoraliteElement(obj) || isCoraliteTextNode(obj) || isCoraliteComment(obj) || isCoraliteDirective(obj);
-}
-function isParentNode(obj) {
-  return isObject(obj) && Array.isArray(obj.children);
-}
-function isRemovableNode(obj) {
-  return isObject(obj) && obj.remove === true;
-}
-
-// lib/coralite.js
 import { pathToFileURL as pathToFileURL2 } from "node:url";
 import { availableParallelism as availableParallelism2 } from "node:os";
-import render from "dom-serializer";
+import render2 from "dom-serializer";
 import pLimit2 from "p-limit";
 import { randomUUID } from "node:crypto";
 import { createContext } from "node:vm";
@@ -11898,7 +11914,7 @@ Coralite.prototype.save = async function(path2, options = {}) {
   return results;
 };
 Coralite.prototype.transform = function(root, options) {
-  return render(root, {
+  return render2(root, {
     decodeEntities: false,
     ...options
   });
@@ -12697,7 +12713,11 @@ var index_default = coralite_default;
 export {
   coralite_default as Coralite,
   ScriptManager,
+  addComponentAndDependencies,
+  astTransformer,
+  cleanAST,
   cleanKeys,
+  cleanValues,
   cloneComponentInstance,
   cloneModuleInstance,
   cloneNode,