coralite 0.31.1 → 0.31.3

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

@@ -9462,7 +9462,7 @@ ScriptManager.prototype.getHelpers = function() {
   }
   return `{${helpers}}`;
 };
-ScriptManager.prototype.registerComponent = function({ id, script = {}, filePath, templateAST = null, templateValues = null, defaultValues = {}, styles = "" }) {
+ScriptManager.prototype.registerComponent = function({ id, script = {}, filePath, templateAST = null, templateValues = null, defaultValues = {}, styles = "", slots = {} }) {
   this.sharedFunctions[id] = {
     id,
     script,
@@ -9470,6 +9470,7 @@ ScriptManager.prototype.registerComponent = function({ id, script = {}, filePath
     templateValues,
     defaultValues,
     styles,
+    slots,
     imports: script.imports || [],
     components: script.components || [],
     filePath: filePath ? resolve(filePath) : `/component-${id}.js`
@@ -9709,6 +9710,7 @@ ScriptManager.prototype.compileAllInstances = async function(instances, mode) {
       const styles = JSON.stringify(this.sharedFunctions[componentId].styles || "");
       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 +9718,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 +10074,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 +10099,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 +10116,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, {
@@ -10174,24 +10187,24 @@ var defineComponent = createPlugin({
         }
       }
     }
-    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__;
@@ -11141,8 +11154,8 @@ const globalSetupValuesPromise = getSetups(globalContext);
             this.componentId = module.default.componentId;
             this._abortController = null;
             
-            const randomID = typeof crypto !== 'undefined' && crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).substring(2, 15);
-            this._instanceId = \`\${this.componentId}-\${randomID}\`;
+            this._index = typeof crypto !== 'undefined' && crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).substring(2, 15);
+            this._instanceId = \`\${this.componentId}-\${this._index}\`;
             
             this._values = {};
 
@@ -11337,7 +11350,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
@@ -11360,9 +11384,22 @@ const globalSetupValuesPromise = getSetups(globalContext);
             const refElements = this.querySelectorAll('[ref]');
             for (let i = 0; i < refElements.length; i++) {
               const element = refElements[i];
+              
+              let current = element.parentNode;
+              let isNested = false;
+              while (current && current !== this) {
+                if (current.tagName && current.tagName.includes('-')) {
+                  isNested = true;
+                  break;
+                }
+                current = current.parentNode;
+              }
+              
+              if (isNested) continue;
+
               const refName = element.getAttribute('ref');
               
-              const dynamicId = \`\${this.componentId}__\${refName}-\${this._instanceId}\`;
+              const dynamicId = \`\${this.componentId}__\${refName}-\${this._index}\`;
               element.setAttribute('ref', dynamicId);
               
               this._values[\`ref_\${refName}\`] = dynamicId;
@@ -11713,6 +11750,24 @@ Coralite.prototype._processDependentComponents = async function(componentIds, re
       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];
+      }
+    }
     this._scriptManager.registerComponent({
       id: module.id,
       script: scriptObj,
@@ -11720,7 +11775,8 @@ Coralite.prototype._processDependentComponents = async function(componentIds, re
       templateAST,
       templateValues,
       defaultValues,
-      styles: stylesHTML
+      styles: stylesHTML,
+      slots: scriptResult.__script__?.slots || {}
     });
     if (nestedComponents.length > 0) {
       await this._processDependentComponents(nestedComponents, renderContext, parentComponent);
@@ -11813,7 +11869,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];
           }
         }
@@ -11831,7 +11887,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);