coralite 0.29.1 → 0.29.2

package/dist/lib/index.js

@@ -9392,9 +9392,9 @@ ScriptManager.prototype.use = async function(plugin) {
 ScriptManager.prototype.getHelpersContent = function() {
   let helpers = "";
   for (const key of Object.keys(this.helpers)) {
-    helpers += `"${key}": (() => {
+    helpers += `"${key}": (async () => {
       const phase1 = ${this.helpers[key]};
-      const phase2 = phase1({});
+      const phase2 = await phase1({});
       return (localContext) => phase2(localContext);
     })(),`;
   }
@@ -9407,9 +9407,9 @@ ScriptManager.prototype.addHelper = async function(name, method) {
 ScriptManager.prototype.getHelpers = function() {
   let helpers = "";
   for (const key of Object.keys(this.helpers)) {
-    helpers += `"${key}": (() => {
+    helpers += `"${key}": (async () => {
       const phase1 = ${this.helpers[key]};
-      const phase2 = phase1({});
+      const phase2 = await phase1({});
       return (localContext) => phase2(localContext);
     })(),`;
   }
@@ -9450,10 +9450,11 @@ ScriptManager.prototype.compileAllInstances = async function(instances, mode) {
     ${helperParts}
   };
 `);
-  entryCodeParts.push(`const getHelpers = (context) => {
+  entryCodeParts.push(`const getHelpers = async (context) => {
     const helpers = {}
     for (const [key, helper] of Object.entries(coraliteComponentScriptHelpers)) {
-      helpers[key] = helper(context)
+      const resolvedHelper = await helper
+      helpers[key] = resolvedHelper(context)
     }
     return helpers
   }
@@ -9654,16 +9655,18 @@ class CoraliteElement extends HTMLElement {
       this.values[\`ref_\${refName}\`] = dynamicId;
     }
 
-    const helpers = getHelpers(localContext);
-    localContext.helpers = helpers;
-    
-    const imports = coraliteComponentImports[this.componentId] || {};
-    localContext.imports = imports;
+    ;(async () => {
+      const helpers = await getHelpers(localContext);
+      localContext.helpers = helpers;
+      
+      const imports = coraliteComponentImports[this.componentId] || {};
+      localContext.imports = imports;
 
-    const userScript = coraliteComponentFunctions[this.componentId];
-    if (userScript) {
-      userScript(localContext);
-    }
+      const userScript = coraliteComponentFunctions[this.componentId];
+      if (userScript) {
+        userScript(localContext);
+      }
+    })();
 
     this._observer = new MutationObserver((mutations) => {
       let shouldRender = false;
@@ -9724,7 +9727,7 @@ for (const componentId of Object.keys(coraliteComponentTemplates)) {
     entryCodeParts.push("context.imports = imports;\n");
     entryCodeParts.push("const setupValues = await globalSetupValuesPromise;\n");
     entryCodeParts.push("context.values = { ...context.values, ...setupValues };\n");
-    entryCodeParts.push("const helpers = getHelpers(context);\n");
+    entryCodeParts.push("const helpers = await getHelpers(context);\n");
     entryCodeParts.push("context.helpers = helpers;\n");
     entryCodeParts.push(`
 // Instance: ${instanceId}
@@ -9893,13 +9896,14 @@ for (const componentId of Object.keys(coraliteComponentTemplates)) {
               for (const key in module.helpers) {
                 if (Object.hasOwn(module.helpers, key)) {
                   const fn = normalizeFunction(module.helpers[key]);
-                  contents += `  "${key}": (() => {
+                  contents += `  "${key}": (async () => {
                     const globalContext = {
                       imports: pluginImports,
                       config: pluginConfig
                     };
                     const fn = ${fn};
-                    return fn(globalContext);
+                    const phase2 = await fn(globalContext);
+                    return (localContext) => phase2(localContext);
                   })(),
 `;
                 }