elegance-js 1.11.26 → 1.11.28

package/dist/build.mjs

@@ -352,12 +352,12 @@ var processOptionAsObjectAttribute = (element, optionName, optionValue, objectAt
   }
   objectAttributes.push({ ...optionValue, key, attribute: optionFinal });
 };
-var processPageElements = (element, objectAttributes, parent) => {
+var processPageElements = async (element, objectAttributes, parent) => {
   if (typeof element === "boolean" || typeof element === "number" || Array.isArray(element)) return element;
   if (typeof element === "string") {
     return element;
   }
-  const processElementOptionsAsChildAndReturn = () => {
+  const processElementOptionsAsChildAndReturn = async () => {
     const children = element.children;
     element.children = [
       element.options,
@@ -366,7 +366,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     element.options = {};
     for (let i = 0; i < children.length + 1; i++) {
       const child2 = element.children[i];
-      const processedChild = processPageElements(child2, objectAttributes, element);
+      const processedChild = await processPageElements(child2, objectAttributes, element);
       element.children[i] = processedChild;
     }
     return {
@@ -375,7 +375,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     };
   };
   if (typeof element.options !== "object") {
-    return processElementOptionsAsChildAndReturn();
+    return await processElementOptionsAsChildAndReturn();
   }
   const {
     tag: elementTag,
@@ -383,7 +383,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     children: elementChildren
   } = element.options;
   if (elementTag && elementOptions && elementChildren) {
-    return processElementOptionsAsChildAndReturn();
+    return await processElementOptionsAsChildAndReturn();
   }
   const options2 = element.options;
   for (const [optionName, optionValue] of Object.entries(options2)) {
@@ -412,7 +412,7 @@ var processPageElements = (element, objectAttributes, parent) => {
   if (element.children) {
     for (let i = 0; i < element.children.length; i++) {
       const child2 = element.children[i];
-      const processedChild = processPageElements(child2, objectAttributes, element);
+      const processedChild = await processPageElements(child2, objectAttributes, element);
       element.children[i] = processedChild;
     }
   }
@@ -423,7 +423,7 @@ var generateSuitablePageElements = async (pageLocation, pageElements, metadata,
     return [];
   }
   const objectAttributes = [];
-  const processedPageElements = processPageElements(pageElements, objectAttributes, []);
+  const processedPageElements = await processPageElements(pageElements, objectAttributes, []);
   elementKey = 0;
   const renderedPage = await serverSideRenderPage(
     processedPageElements,
@@ -579,6 +579,9 @@ var buildDynamicPage = async (filePath, DIST_DIR, req, res) => {
     console.warn(`WARNING: Dynamic ${filePath} should export a const page, which is of type BuiltElement<"body">.`);
   }
   if (typeof pageElements === "function") {
+    if (pageElements.constructor.name === "AsyncFunction") {
+      pageElements = await pageElements();
+    }
     pageElements = pageElements();
   }
   const state = getState();

package/dist/client/client.mjs

@@ -325,8 +325,12 @@ var loadPage = (deprecatedKeys = [], newBreakpoints) => {
   }
   const loadHooks = pageData.lh;
   for (const loadHook of loadHooks || []) {
-    const bind = loadHook.bind;
-    if (bind !== void 0 && newBreakpoints && !newBreakpoints.includes(`${bind}`)) {
+    const bind = loadHook.bind ?? "";
+    if (
+      // generateClientPageData makes undefined binds into empty strings
+      // so that the page_data.js is *smaller*
+      bind !== "" && newBreakpoints && !newBreakpoints.includes(`${bind}`)
+    ) {
       continue;
     }
     const fn = loadHook.fn;

package/dist/compile_docs.mjs

@@ -355,12 +355,12 @@ var processOptionAsObjectAttribute = (element, optionName, optionValue, objectAt
   }
   objectAttributes.push({ ...optionValue, key, attribute: optionFinal });
 };
-var processPageElements = (element, objectAttributes, parent) => {
+var processPageElements = async (element, objectAttributes, parent) => {
   if (typeof element === "boolean" || typeof element === "number" || Array.isArray(element)) return element;
   if (typeof element === "string") {
     return element;
   }
-  const processElementOptionsAsChildAndReturn = () => {
+  const processElementOptionsAsChildAndReturn = async () => {
     const children = element.children;
     element.children = [
       element.options,
@@ -369,7 +369,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     element.options = {};
     for (let i = 0; i < children.length + 1; i++) {
       const child2 = element.children[i];
-      const processedChild = processPageElements(child2, objectAttributes, element);
+      const processedChild = await processPageElements(child2, objectAttributes, element);
       element.children[i] = processedChild;
     }
     return {
@@ -378,7 +378,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     };
   };
   if (typeof element.options !== "object") {
-    return processElementOptionsAsChildAndReturn();
+    return await processElementOptionsAsChildAndReturn();
   }
   const {
     tag: elementTag,
@@ -386,7 +386,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     children: elementChildren
   } = element.options;
   if (elementTag && elementOptions && elementChildren) {
-    return processElementOptionsAsChildAndReturn();
+    return await processElementOptionsAsChildAndReturn();
   }
   const options2 = element.options;
   for (const [optionName, optionValue] of Object.entries(options2)) {
@@ -415,7 +415,7 @@ var processPageElements = (element, objectAttributes, parent) => {
   if (element.children) {
     for (let i = 0; i < element.children.length; i++) {
       const child2 = element.children[i];
-      const processedChild = processPageElements(child2, objectAttributes, element);
+      const processedChild = await processPageElements(child2, objectAttributes, element);
       element.children[i] = processedChild;
     }
   }
@@ -426,7 +426,7 @@ var generateSuitablePageElements = async (pageLocation, pageElements, metadata,
     return [];
   }
   const objectAttributes = [];
-  const processedPageElements = processPageElements(pageElements, objectAttributes, []);
+  const processedPageElements = await processPageElements(pageElements, objectAttributes, []);
   elementKey = 0;
   const renderedPage = await serverSideRenderPage(
     processedPageElements,
@@ -582,6 +582,9 @@ var buildDynamicPage = async (filePath, DIST_DIR, req, res) => {
     console.warn(`WARNING: Dynamic ${filePath} should export a const page, which is of type BuiltElement<"body">.`);
   }
   if (typeof pageElements === "function") {
+    if (pageElements.constructor.name === "AsyncFunction") {
+      pageElements = await pageElements();
+    }
     pageElements = pageElements();
   }
   const state = getState();

package/dist/dynamic_page.d.ts

@@ -1,2 +1,2 @@
-export declare const processPageElements: (element: Child, objectAttributes: Array<any>, parent: Child) => Child;
+export declare const processPageElements: (element: Child, objectAttributes: Array<any>, parent: Child) => Promise<Child>;
 export declare const buildDynamicPage: (filePath: string, DIST_DIR: string, req: any, res: any) => Promise<string | false>;

package/dist/dynamic_page.mjs

@@ -308,12 +308,12 @@ var processOptionAsObjectAttribute = (element, optionName, optionValue, objectAt
   }
   objectAttributes.push({ ...optionValue, key, attribute: optionFinal });
 };
-var processPageElements = (element, objectAttributes, parent) => {
+var processPageElements = async (element, objectAttributes, parent) => {
   if (typeof element === "boolean" || typeof element === "number" || Array.isArray(element)) return element;
   if (typeof element === "string") {
     return element;
   }
-  const processElementOptionsAsChildAndReturn = () => {
+  const processElementOptionsAsChildAndReturn = async () => {
     const children = element.children;
     element.children = [
       element.options,
@@ -322,7 +322,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     element.options = {};
     for (let i = 0; i < children.length + 1; i++) {
       const child = element.children[i];
-      const processedChild = processPageElements(child, objectAttributes, element);
+      const processedChild = await processPageElements(child, objectAttributes, element);
       element.children[i] = processedChild;
     }
     return {
@@ -331,7 +331,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     };
   };
   if (typeof element.options !== "object") {
-    return processElementOptionsAsChildAndReturn();
+    return await processElementOptionsAsChildAndReturn();
   }
   const {
     tag: elementTag,
@@ -339,7 +339,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     children: elementChildren
   } = element.options;
   if (elementTag && elementOptions && elementChildren) {
-    return processElementOptionsAsChildAndReturn();
+    return await processElementOptionsAsChildAndReturn();
   }
   const options = element.options;
   for (const [optionName, optionValue] of Object.entries(options)) {
@@ -368,7 +368,7 @@ var processPageElements = (element, objectAttributes, parent) => {
   if (element.children) {
     for (let i = 0; i < element.children.length; i++) {
       const child = element.children[i];
-      const processedChild = processPageElements(child, objectAttributes, element);
+      const processedChild = await processPageElements(child, objectAttributes, element);
       element.children[i] = processedChild;
     }
   }
@@ -379,7 +379,7 @@ var generateSuitablePageElements = async (pageLocation, pageElements, metadata,
     return [];
   }
   const objectAttributes = [];
-  const processedPageElements = processPageElements(pageElements, objectAttributes, []);
+  const processedPageElements = await processPageElements(pageElements, objectAttributes, []);
   elementKey = 0;
   const renderedPage = await serverSideRenderPage(
     processedPageElements,
@@ -535,6 +535,9 @@ var buildDynamicPage = async (filePath, DIST_DIR, req, res) => {
     console.warn(`WARNING: Dynamic ${filePath} should export a const page, which is of type BuiltElement<"body">.`);
   }
   if (typeof pageElements === "function") {
+    if (pageElements.constructor.name === "AsyncFunction") {
+      pageElements = await pageElements();
+    }
     pageElements = pageElements();
   }
   const state = getState();

package/dist/server/loadHook.d.ts

@@ -20,7 +20,7 @@ export type LoadHook = {
     bind: number | string;
 };
 export type ClientLoadHook = {
-    bind: number;
+    bind: string;
     fn: (state: State) => (void | (() => void) | Promise<(void | (() => void))>);
 };
 export declare const resetLoadHooks: () => never[];

package/dist/server/server.mjs

@@ -308,12 +308,12 @@ var processOptionAsObjectAttribute = (element, optionName, optionValue, objectAt
   }
   objectAttributes.push({ ...optionValue, key, attribute: optionFinal });
 };
-var processPageElements = (element, objectAttributes, parent) => {
+var processPageElements = async (element, objectAttributes, parent) => {
   if (typeof element === "boolean" || typeof element === "number" || Array.isArray(element)) return element;
   if (typeof element === "string") {
     return element;
   }
-  const processElementOptionsAsChildAndReturn = () => {
+  const processElementOptionsAsChildAndReturn = async () => {
     const children = element.children;
     element.children = [
       element.options,
@@ -322,7 +322,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     element.options = {};
     for (let i = 0; i < children.length + 1; i++) {
       const child = element.children[i];
-      const processedChild = processPageElements(child, objectAttributes, element);
+      const processedChild = await processPageElements(child, objectAttributes, element);
       element.children[i] = processedChild;
     }
     return {
@@ -331,7 +331,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     };
   };
   if (typeof element.options !== "object") {
-    return processElementOptionsAsChildAndReturn();
+    return await processElementOptionsAsChildAndReturn();
   }
   const {
     tag: elementTag,
@@ -339,7 +339,7 @@ var processPageElements = (element, objectAttributes, parent) => {
     children: elementChildren
   } = element.options;
   if (elementTag && elementOptions && elementChildren) {
-    return processElementOptionsAsChildAndReturn();
+    return await processElementOptionsAsChildAndReturn();
   }
   const options = element.options;
   for (const [optionName, optionValue] of Object.entries(options)) {
@@ -368,7 +368,7 @@ var processPageElements = (element, objectAttributes, parent) => {
   if (element.children) {
     for (let i = 0; i < element.children.length; i++) {
       const child = element.children[i];
-      const processedChild = processPageElements(child, objectAttributes, element);
+      const processedChild = await processPageElements(child, objectAttributes, element);
       element.children[i] = processedChild;
     }
   }
@@ -379,7 +379,7 @@ var generateSuitablePageElements = async (pageLocation, pageElements, metadata,
     return [];
   }
   const objectAttributes = [];
-  const processedPageElements = processPageElements(pageElements, objectAttributes, []);
+  const processedPageElements = await processPageElements(pageElements, objectAttributes, []);
   elementKey = 0;
   const renderedPage = await serverSideRenderPage(
     processedPageElements,
@@ -535,6 +535,9 @@ var buildDynamicPage = async (filePath, DIST_DIR, req, res) => {
     console.warn(`WARNING: Dynamic ${filePath} should export a const page, which is of type BuiltElement<"body">.`);
   }
   if (typeof pageElements === "function") {
+    if (pageElements.constructor.name === "AsyncFunction") {
+      pageElements = await pageElements();
+    }
     pageElements = pageElements();
   }
   const state = getState();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elegance-js",
-  "version": "1.11.26",
+  "version": "1.11.28",
   "description": "Web-Framework",
   "type": "module",
   "bin": {