coralite 0.31.2 → 0.31.4

package/dist/lib/coralite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"coralite.d.ts","sourceRoot":"","sources":["../../lib/coralite.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"coralite.d.ts","sourceRoot":"","sources":["../../lib/coralite.js"],"names":[],"mappings":"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"}

package/dist/lib/index.js

@@ -6447,6 +6447,39 @@ function cleanKeys(object) {
   }
   return result;
 }
+function normalizeObjectFunctions(target) {
+  if (Array.isArray(target)) {
+    target.forEach(normalizeObjectFunctions);
+  } else if (typeof target === "object" && target !== null) {
+    for (const key in target) {
+      if (typeof target[key] === "function") {
+        if (target[key].__normalized) continue;
+        const normalizedString = normalizeFunction(target[key]);
+        const originalFunction = target[key];
+        target[key] = function() {
+          return originalFunction.apply(this, arguments);
+        };
+        target[key].toString = () => normalizedString;
+        target[key].__normalized = true;
+      } else {
+        normalizeObjectFunctions(target[key]);
+      }
+    }
+  }
+}
+function hasObjectKeys(obj) {
+  return obj && typeof obj === "object" && Object.keys(obj).length > 0;
+}
+function mergeUniqueObjects(arr1, arr2) {
+  const all = [...arr1 || [], ...arr2 || []];
+  const seen = /* @__PURE__ */ new Set();
+  return all.filter((item) => {
+    const key = typeof item === "object" ? JSON.stringify(item) : item;
+    if (seen.has(key)) return false;
+    seen.add(key);
+    return true;
+  });
+}
 function normalizeFunction(func) {
   const original = func.toString().trim();
   const firstBrace = original.indexOf("{");
@@ -9211,10 +9244,11 @@ function createElement({
   if (!VALID_TAGS[sanitisedName]) {
     const specUrl = "https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name";
     try {
-      if (isValidCustomElementName(sanitisedName)) {
+      element.name = name;
+      if (isValidCustomElementName(name)) {
         element.slots = [];
       } else {
-        const message = 'Invalid custom element tag name: "' + sanitisedName + '" (' + specUrl + ")";
+        const message = 'Invalid custom element tag name: "' + name + '" (' + specUrl + ")";
         if (typeof onError === "function") {
           onError({
             level: "WARN",
@@ -9462,18 +9496,68 @@ ScriptManager.prototype.getHelpers = function() {
   }
   return `{${helpers}}`;
 };
-ScriptManager.prototype.registerComponent = function({ id, script = {}, filePath, templateAST = null, templateValues = null, defaultValues = {}, styles = "" }) {
-  this.sharedFunctions[id] = {
-    id,
-    script,
-    templateAST,
-    templateValues,
-    defaultValues,
-    styles,
-    imports: script.imports || [],
-    components: script.components || [],
-    filePath: filePath ? resolve(filePath) : `/component-${id}.js`
-  };
+ScriptManager.prototype.registerComponent = function({
+  id,
+  script = {},
+  filePath,
+  templateAST = null,
+  templateValues = null,
+  defaultValues = {},
+  styles = "",
+  slots = {}
+}) {
+  if (!this.sharedFunctions[id]) {
+    this.sharedFunctions[id] = {
+      id,
+      imports: [],
+      components: [],
+      filePath: `/component-${id}.js`
+    };
+  }
+  const target = this.sharedFunctions[id];
+  if (hasObjectKeys(script)) {
+    target.script = script;
+  }
+  if (templateAST) {
+    target.templateAST = templateAST;
+  }
+  if (templateValues) {
+    target.templateValues = templateValues;
+  }
+  if (styles) {
+    target.styles = styles;
+  }
+  if (filePath) {
+    target.filePath = resolve(filePath);
+  }
+  if (hasObjectKeys(defaultValues)) {
+    if (target.defaultValues) {
+      target.defaultValues = {
+        ...target.defaultValues,
+        ...defaultValues
+      };
+    } else {
+      target.defaultValues = defaultValues;
+    }
+  }
+  if (hasObjectKeys(slots)) {
+    if (target.slots) {
+      target.slots = {
+        ...target.slots,
+        ...slots
+      };
+    } else {
+      target.slots = slots;
+    }
+  }
+  if (script) {
+    if (script.imports?.length) {
+      target.imports = mergeUniqueObjects(target.imports, script.imports);
+    }
+    if (script.components?.length) {
+      target.components = mergeUniqueObjects(target.components, script.components);
+    }
+  }
 };
 ScriptManager.prototype.generateInstanceWrapper = function(id, instanceContext) {
   const values = instanceContext.values ? serialize(instanceContext.values) : "{}";
@@ -9607,6 +9691,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) {
+      normalizeObjectFunctions(this.sharedFunctions[key].defaultValues);
       entryCodeParts.push(`  "${key}": (() => {
 `);
       entryCodeParts.push(`    const defaults = ${serialize(this.sharedFunctions[key].defaultValues)};
@@ -9707,8 +9792,12 @@ ScriptManager.prototype.compileAllInstances = async function(instances, mode) {
         refs: []
       });
       const styles = JSON.stringify(this.sharedFunctions[componentId].styles || "");
+      if (this.sharedFunctions[componentId].defaultValues) {
+        normalizeObjectFunctions(this.sharedFunctions[componentId].defaultValues);
+      }
       const defaults = serialize(this.sharedFunctions[componentId].defaultValues || {});
       const dependencies = JSON.stringify(this.sharedFunctions[componentId].components || []);
+      const slots = serialize(this.sharedFunctions[componentId].slots || {});
       componentEntryCode += `
 export default {
   componentId: "${componentId}",
@@ -9716,6 +9805,7 @@ export default {
   templateValues: ${templateValues},
   styles: ${styles},
   defaultValues: (() => { const defaults = ${defaults}; return defaults; })(),
+  slots: (() => { const slots = ${slots}; return slots; })(),
   dependencies: ${dependencies},
   imports: ${hasImports ? "componentImports" : "{}"},
   script: componentScript
@@ -10071,10 +10161,10 @@ var defineComponent = createPlugin({
    * It is used to register components with their associated tokens and slots.
    *
    * @param {Object} options - Configuration options for the component
-   * @param {Object.<string, (string | function)>} [options.tokens] -
+   * @param {Object.<string, (string | CoraliteModuleTokenFunction)>} [options.tokens] -
    *   Computed tokens that will be available in the template. These can be
    *   strings or functions that return values.
-   * @param {Object.<string, Function>} [options.slots] -
+   * @param {Object.<string, CoraliteModuleSlotFunction>} [options.slots] -
    *   Computed slots for the component. These are functions that define
    *   how content should be rendered within the component.
    * @param {Object} [options.client] - Client side configuration.
@@ -10096,9 +10186,16 @@ var defineComponent = createPlugin({
       element
     } = context;
     let results = { ...values };
+    results.__script__ = {
+      values: {},
+      components: client?.components || [],
+      defaultValues: {},
+      slots: slots || {}
+    };
     if (client && client.setup) {
       const initialValues = await client.setup(results);
       results = Object.assign(results, initialValues);
+      Object.assign(results.__script__.defaultValues, initialValues);
     }
     if (typeof tokens === "object" && tokens !== null) {
       for (const key in tokens) {
@@ -10106,7 +10203,10 @@ var defineComponent = createPlugin({
           const token = tokens[key];
           let result = token;
           if (typeof token === "function") {
+            results.__script__.defaultValues[key] = token;
             result = await token(results);
+          } else {
+            results.__script__.defaultValues[key] = token;
           }
           if (result) {
             results[key] = await processTokenValue(result, {
@@ -10126,12 +10226,14 @@ var defineComponent = createPlugin({
           const computedSlot = slots[name];
           const slotContent = [];
           const elementSlots = [];
-          for (let i = 0; i < element.slots.length; i++) {
-            const slot = element.slots[i];
-            if (slot.name === name) {
-              slotContent.push(slot.node);
-            } else {
-              elementSlots.push(slot);
+          if (element && element.slots) {
+            for (let i = 0; i < element.slots.length; i++) {
+              const slot = element.slots[i];
+              if (slot.name === name) {
+                slotContent.push(slot.node);
+              } else {
+                elementSlots.push(slot);
+              }
             }
           }
           const result = computedSlot(slotContent, results) || slotContent;
@@ -10170,28 +10272,30 @@ var defineComponent = createPlugin({
               }
             }
           }
-          element.slots = elementSlots;
+          if (element) {
+            element.slots = elementSlots;
+          }
         }
       }
     }
-    if (client && typeof client.script === "function") {
-      const scriptTextContent = client.script.toString().trim();
-      const args = {};
-      for (const key in results) {
-        if (!Object.hasOwn(results, key)) continue;
-        if (scriptTextContent.includes(key)) {
-          args[key] = results[key];
+    const hasScript = client && typeof client.script === "function";
+    const hasSetup = client && typeof client.setup === "function";
+    const hasComponents = client && client.components && client.components.length > 0;
+    const hasTokens = typeof tokens === "object" && tokens !== null && Object.keys(tokens).length > 0;
+    if (hasScript || hasSetup || hasComponents || hasTokens) {
+      if (hasScript) {
+        const scriptTextContent = client.script.toString().trim();
+        const args = {};
+        for (const key in results) {
+          if (!Object.hasOwn(results, key)) continue;
+          if (scriptTextContent.includes(key)) {
+            args[key] = results[key];
+          }
+        }
+        results.__script__.values = args;
+        if (client.imports) {
+          results.__script__.imports = client.imports;
         }
-      }
-      results.__script__ = {
-        values: args,
-        components: client.components || []
-      };
-      if (typeof client.setup === "function") {
-        results.__script__.defaultValues = await client.setup(results) || {};
-      }
-      if (client.imports) {
-        results.__script__.imports = client.imports;
       }
     } else {
       delete results.__script__;
@@ -10257,7 +10361,13 @@ var metadataPlugin = createPlugin({
                     id: element.name,
                     values,
                     element,
-                    component: data2.result,
+                    component: (
+                      /** @type {any} */
+                      {
+                        ...elements,
+                        path: data2.path
+                      }
+                    ),
                     contextId: data2.path.pathname + i3 + element.name,
                     index: i3
                   });
@@ -11187,6 +11297,13 @@ const globalSetupValuesPromise = getSetups(globalContext);
             // Merge defaults
             this._values = Object.assign({}, module.default.defaultValues, this._values);
 
+            if (module.default.templateValues && module.default.templateValues.refs) {
+              for (let i = 0; i < module.default.templateValues.refs.length; i++) {
+                const ref = module.default.templateValues.refs[i];
+                this._values['ref_' + ref.name] = this.componentId + '__' + ref.name + '-' + this._index;
+              }
+            }
+
             ;(async () => {
               const deps = module.default.dependencies || [];
               if (deps.length > 0) {
@@ -11337,7 +11454,18 @@ const globalSetupValuesPromise = getSetups(globalContext);
             for (let i = 0; i < slots.length; i++) {
               const slot = slots[i];
               const slotName = slot.getAttribute('name') || 'default';
-              const projectedNodes = this._lightDomSlots[slotName];
+              let projectedNodes = this._lightDomSlots[slotName];
+
+              if (module.default.slots && typeof module.default.slots[slotName] === 'function') {
+                const computedResult = module.default.slots[slotName](projectedNodes || [], this._values);
+                if (typeof computedResult === 'string') {
+                  const tempDiv = document.createElement('div');
+                  tempDiv.innerHTML = computedResult;
+                  projectedNodes = Array.from(tempDiv.childNodes);
+                } else if (Array.isArray(computedResult)) {
+                  projectedNodes = computedResult;
+                }
+              }
 
               if (projectedNodes && projectedNodes.length > 0) {
                 // We have content to project, clear the fallback content
@@ -11708,6 +11836,7 @@ Coralite.prototype._processDependentComponents = async function(componentIds, re
     };
     let nestedComponents = [];
     let defaultValues = {};
+    let slots = {};
     if (scriptResult.__script__) {
       const extractedScript = findAndExtractScript(module.script);
       if (extractedScript) {
@@ -11720,12 +11849,47 @@ Coralite.prototype._processDependentComponents = async function(componentIds, re
       nestedComponents = Array.from(/* @__PURE__ */ new Set([...scriptComponents, ...declarativeComponents]));
       scriptObj.components = nestedComponents;
       defaultValues = scriptResult.__script__.defaultValues || {};
+      slots = scriptResult.__script__.slots || {};
       delete scriptResult.__script__;
     } else {
       const declarativeComponents = (module.customElements || []).map((el) => el.name);
       nestedComponents = Array.from(/* @__PURE__ */ new Set([...declarativeComponents]));
       scriptObj.components = nestedComponents;
     }
+    const componentTokens = {};
+    for (let i = 0; i < module.values.attributes.length; i++) {
+      const item = module.values.attributes[i];
+      for (let j = 0; j < item.tokens.length; j++) {
+        componentTokens[item.tokens[j].name] = true;
+      }
+    }
+    for (let i = 0; i < module.values.textNodes.length; i++) {
+      const item = module.values.textNodes[i];
+      for (let j = 0; j < item.tokens.length; j++) {
+        componentTokens[item.tokens[j].name] = true;
+      }
+    }
+    for (const token of Object.keys(componentTokens)) {
+      if (defaultValues[token] === void 0 && scriptResult[token] !== void 0) {
+        defaultValues[token] = scriptResult[token];
+      }
+    }
+    if (templateValues && templateValues.refs) {
+      for (let i = 0; i < templateValues.refs.length; i++) {
+        const ref2 = templateValues.refs[i];
+        defaultValues[`ref_${ref2.name}`] = "";
+        if (!scriptObj.values) {
+          scriptObj.values = {};
+        }
+        scriptObj.values[`ref_${ref2.name}`] = "";
+      }
+    }
+    if (!scriptResult.__script__) {
+      scriptResult.__script__ = { defaultValues };
+    } else {
+      scriptResult.__script__.defaultValues = defaultValues;
+    }
+    scriptObj.defaultValues = defaultValues;
     this._scriptManager.registerComponent({
       id: module.id,
       script: scriptObj,
@@ -11733,7 +11897,8 @@ Coralite.prototype._processDependentComponents = async function(componentIds, re
       templateAST,
       templateValues,
       defaultValues,
-      styles: stylesHTML
+      styles: stylesHTML,
+      slots
     });
     if (nestedComponents.length > 0) {
       await this._processDependentComponents(nestedComponents, renderContext, parentComponent);
@@ -11826,7 +11991,7 @@ Coralite.prototype.createComponentElement = async function({
       const componentDefaultValues = scriptResult.__script__.defaultValues || {};
       if (values) {
         for (const token of Object.keys(componentTokens)) {
-          if (typeof values[token] === "function") {
+          if (componentDefaultValues[token] === void 0 && values[token] !== void 0) {
             componentDefaultValues[token] = values[token];
           }
         }
@@ -11844,7 +12009,8 @@ Coralite.prototype.createComponentElement = async function({
         templateAST,
         templateValues,
         defaultValues: componentDefaultValues,
-        styles: stylesHTML
+        styles: stylesHTML,
+        slots: scriptResult.__script__.slots || {}
       });
       if (mergedComponents.length > 0) {
         await this._processDependentComponents(mergedComponents, renderContext, component);
@@ -11951,23 +12117,23 @@ Coralite.prototype.createComponentElement = async function({
         contextId: childContextId,
         index,
         renderContext
-      }, false).then((component2) => ({
-        component: component2,
+      }, false).then((childComponentElement) => ({
+        childComponentElement,
         customElement
       }))
     );
   }
   const results = await Promise.all(createComponentTasks);
   for (let i = 0; i < results.length; i++) {
-    const { component: component2, customElement } = results[i];
+    const { childComponentElement, customElement } = results[i];
     const children = customElement.parent.children;
     if (!childIndex) {
       childIndex = customElement.parentChildIndex;
     } else {
       childIndex = children.indexOf(customElement, customElement.parentChildIndex);
     }
-    if (component2 && typeof component2 === "object") {
-      children.splice(childIndex, 1, ...component2.children);
+    if (childComponentElement && typeof childComponentElement === "object") {
+      children.splice(childIndex, 1, ...childComponentElement.children);
     }
   }
   const slots = module.slotElements[id];
@@ -12006,8 +12172,8 @@ Coralite.prototype.createComponentElement = async function({
         for (let i2 = startIndex; i2 > -1; i2--) {
           const node = slotNodes[i2];
           if (node.name) {
-            const component2 = this.components.getItem(node.name);
-            if (component2) {
+            const slotComponentItem = this.components.getItem(node.name);
+            if (slotComponentItem) {
               const slotContextId = contextId + slotName + i2 + node.name;
               const currentValues = renderContext.values[slotContextId] || {};
               const attribValues = cleanKeys(node.attribs);
@@ -12024,7 +12190,7 @@ Coralite.prototype.createComponentElement = async function({
                 id: node.name,
                 values: renderContext.values[slotContextId],
                 element: node,
-                component: component2.result,
+                component,
                 contextId: slotContextId,
                 index,
                 renderContext
@@ -12319,6 +12485,7 @@ export {
   getHtmlFile,
   getHtmlFileSync,
   getHtmlFiles,
+  hasObjectKeys,
   hasValidCommentStructure,
   hasValidElementStructure,
   hasValidTextNodeStructure,
@@ -12334,8 +12501,10 @@ export {
   isRemovableNode,
   isValidChildNode,
   kebabToCamel,
+  mergeUniqueObjects,
   metadataPlugin,
   normalizeFunction,
+  normalizeObjectFunctions,
   parseHTML,
   parseModule,
   refsPlugin,