cloudcommerce 0.20.2 → 0.22.0

package/packages/storefront/dist/server/chunks/{endpoint@_@js.f880a152.mjs → endpoint@_@js.80de0568.mjs}

@@ -1,20 +1,20 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.45d3047f.mjs';
+import './astro.2d3ebf0f.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
 import 'kleur/colors';
-import 'fs';
-import 'http';
-import 'tls';
+import 'node:fs';
+import 'node:http';
+import 'node:tls';
 import 'mime';
-import 'html-escaper';
 import 'string-width';
+import 'html-escaper';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.bde9380b.mjs';
+import './pages/_...slug_.astro.4358f614.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -25,11 +25,10 @@ import 'magic-string';
 import 'node:stream';
 import '@cloudcommerce/api';
 import 'node:events';
-import 'node:fs';
 import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/endpoint.js.d4e37801.mjs').then(n => n.e);
+const page = () => import('./pages/endpoint.js.60fd21aa.mjs').then(n => n.e);
 
 export { page };

package/packages/storefront/dist/server/chunks/{fallback@_@astro.89538855.mjs → fallback@_@astro.02a45b47.mjs}

@@ -1,20 +1,20 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.45d3047f.mjs';
+import './astro.2d3ebf0f.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
 import 'kleur/colors';
-import 'fs';
-import 'http';
-import 'tls';
+import 'node:fs';
+import 'node:http';
+import 'node:tls';
 import 'mime';
-import 'html-escaper';
 import 'string-width';
+import 'html-escaper';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.bde9380b.mjs';
+import './pages/_...slug_.astro.4358f614.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -25,11 +25,10 @@ import 'magic-string';
 import 'node:stream';
 import '@cloudcommerce/api';
 import 'node:events';
-import 'node:fs';
 import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/fallback.astro.e2e8a0e4.mjs');
+const page = () => import('./pages/fallback.astro.e5566925.mjs');
 
 export { page };

package/packages/storefront/dist/server/chunks/{index@_@astro.56fdd6da.mjs → index@_@astro.23b50301.mjs}

@@ -1,20 +1,20 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.45d3047f.mjs';
+import './astro.2d3ebf0f.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
 import 'kleur/colors';
-import 'fs';
-import 'http';
-import 'tls';
+import 'node:fs';
+import 'node:http';
+import 'node:tls';
 import 'mime';
-import 'html-escaper';
 import 'string-width';
+import 'html-escaper';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.bde9380b.mjs';
+import './pages/_...slug_.astro.4358f614.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -25,11 +25,10 @@ import 'magic-string';
 import 'node:stream';
 import '@cloudcommerce/api';
 import 'node:events';
-import 'node:fs';
 import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/index.astro.3760ebe3.mjs').then(n => n.i);
+const page = () => import('./pages/index.astro.5bc6b9d8.mjs').then(n => n.i);
 
 export { page };

package/packages/storefront/dist/server/chunks/{index@_@astro.548cf7ad.mjs → index@_@astro.7cb07e52.mjs}

@@ -1,20 +1,20 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.45d3047f.mjs';
+import './astro.2d3ebf0f.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
 import 'kleur/colors';
-import 'fs';
-import 'http';
-import 'tls';
+import 'node:fs';
+import 'node:http';
+import 'node:tls';
 import 'mime';
-import 'html-escaper';
 import 'string-width';
+import 'html-escaper';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.bde9380b.mjs';
+import './pages/_...slug_.astro.4358f614.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -25,11 +25,10 @@ import 'magic-string';
 import 'node:stream';
 import '@cloudcommerce/api';
 import 'node:events';
-import 'node:fs';
 import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/index.astro.3760ebe3.mjs').then(n => n.a);
+const page = () => import('./pages/index.astro.5bc6b9d8.mjs').then(n => n.a);
 
 export { page };

package/packages/storefront/dist/server/chunks/pages/{_...slug_.astro.bde9380b.mjs → _...slug_.astro.4358f614.mjs}

@@ -8,7 +8,7 @@ import sizeOf from 'image-size';
 import 'magic-string';
 import mime from 'mime';
 import 'node:stream';
-import { c as createAstro, a as createComponent, r as renderTemplate, b as addAttribute, d as renderComponent, u as unescapeHTML, F as Fragment, m as maybeRenderHead, s as spreadAttributes, e as renderSlot, f as renderHead } from '../astro.45d3047f.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, u as unescapeHTML, b as renderComponent, d as addAttribute, F as Fragment, m as maybeRenderHead, s as spreadAttributes, e as renderSlot, f as renderHead } from '../astro.2d3ebf0f.mjs';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
 import fs from 'node:fs';
@@ -299,14 +299,18 @@ const loadRouteContext = async (Astro, {
   const config = getConfig();
   globalThis.$storefront.settings = config.settings;
   let cmsContent;
-  let apiResource;
-  let apiDoc;
   const apiState = {};
-  const apiFetchings = [
-    null,
-    // fetch by slug
-    ...apiPrefetchEndpoints.map((endpoint) => api.get(endpoint))
+  const apiPrefetchings = [
+    ...apiPrefetchEndpoints.map((endpoint) => {
+      if (endpoint === ":slug")
+        return null;
+      return api.get(endpoint);
+    })
   ];
+  let fetchingApiContext = null;
+  const apiContext = {
+    error: null
+  };
   if (isHomepage) {
     cmsContent = await config.getContent("pages/home");
   } else {
@@ -320,23 +324,37 @@ const loadRouteContext = async (Astro, {
         err.responseHTML = `<head></head><body>${err.message}</body>`;
         throw err;
       } else {
-        apiFetchings[0] = api.get(`slugs/${slug}`);
+        fetchingApiContext = api.get(`slugs/${slug}`).then((response) => {
+          Object.assign(apiContext, response.data);
+          const apiResource = apiContext.resource;
+          const apiDoc = apiContext.doc;
+          apiState[`${apiResource}/${apiDoc._id}`] = apiDoc;
+          globalThis.$storefront.apiContext = {
+            resource: apiResource,
+            doc: apiDoc,
+            timestamp: Date.now()
+          };
+          return response;
+        });
+        const index = apiPrefetchings.findIndex((pr) => pr === null);
+        if (index > -1) {
+          apiPrefetchings[index] = fetchingApiContext;
+        } else {
+          fetchingApiContext.catch((err) => {
+            apiContext.error = err;
+          });
+        }
       }
     }
   }
   try {
-    const [slugResponse, ...prefetchResponses] = await Promise.all(apiFetchings);
-    if (slugResponse) {
-      apiResource = slugResponse.data.resource;
-      apiDoc = slugResponse.data.doc;
-      if (apiDoc) {
-        apiState[`${apiResource}/${apiDoc._id}`] = apiDoc;
-      }
-    }
-    prefetchResponses.forEach((response) => {
+    (await Promise.all(apiPrefetchings)).forEach((response) => {
       if (response) {
         const { config: { endpoint }, data } = response;
-        apiState[endpoint.replace(/\?.*$/, "")] = data.result || data;
+        const apiStateKey = endpoint.replace(/\?.*$/, "");
+        if (!apiState[apiStateKey]) {
+          apiState[apiStateKey] = data.result || data;
+        }
       }
     });
   } catch (err) {
@@ -370,19 +388,12 @@ const loadRouteContext = async (Astro, {
   } else {
     setResponseCache(Astro, 120, 300);
   }
-  if (apiDoc) {
-    globalThis.$storefront.context = {
-      resource: apiResource,
-      doc: apiDoc,
-      timestamp: Date.now()
-    };
-  }
   const routeContext = {
     ...config,
     isHomepage,
     cmsContent,
-    apiResource,
-    apiDoc,
+    fetchingApiContext,
+    apiContext,
     apiState,
     isPreview
   };
@@ -393,9 +404,13 @@ const loadRouteContext = async (Astro, {
 
 const pwaInfo = {"pwaInDevEnvironment":false,"webManifest":{"href":"/manifest.webmanifest","useCredentials":false,"linkTag":"<link rel=\"manifest\" href=\"/manifest.webmanifest\">"}};
 
-const $$Astro$9 = createAstro("https://ecom2-demo.web.app");
+var __freeze$1 = Object.freeze;
+var __defProp$1 = Object.defineProperty;
+var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", { value: __freeze$1(raw || cooked.slice()) }));
+var _a$1;
+const $$Astro$8 = createAstro("https://ecom2-demo.web.app");
 const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
   Astro2.self = $$BaseHead;
   const deployRand = ({}).DEPLOY_RAND || "_";
   const getIconUrl = (size) => {
@@ -404,13 +419,22 @@ const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
   const {
     storeId,
     cmsContent,
-    apiDoc,
+    fetchingApiContext,
+    apiContext,
     lang,
+    countryCode,
+    currency,
+    currencySymbol,
     domain,
     primaryColor,
     settings,
+    isPreview,
     getContent
   } = Astro2.locals.routeContext;
+  if (fetchingApiContext) {
+    await fetchingApiContext;
+  }
+  const apiDoc = apiContext.doc;
   const state = apiDoc || cmsContent || {};
   const title = state.meta_title || state.name || state.title || Astro2.props.title || settings.name;
   const description = state.meta_description || state.short_description || settings.description;
@@ -431,55 +455,6 @@ const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
   } else {
     ogImage = ogImage.replace(/(\w+\.)?(ecoms\d)\.com/i, "$2-nyc3.nyc3.cdn.digitaloceanspaces.com");
   }
-  return renderTemplate`<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width">
-<meta name="theme-color"${addAttribute(primaryColor, "content")}>
-<link rel="icon" type="image/png"${addAttribute(favicon, "href")} sizes="32x32">
-${shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`}
-<title>${title}</title>
-<meta name="description"${addAttribute(description, "content")}>
-<meta name="author"${addAttribute(settings.name, "content")}>
-<meta name="generator"${addAttribute(Astro2.generator, "content")}>
-<link rel="canonical"${addAttribute(canonicalUrl, "href")}>
-${shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`}
-<meta name="apple-mobile-web-app-capable" content="yes">
-<meta name="apple-mobile-web-app-status-bar-style" content="default">
-<meta property="og:site_name"${addAttribute(settings.name, "content")}>
-<meta property="og:url"${addAttribute(canonicalUrl, "content")}>
-<meta property="og:title"${addAttribute(title, "content")}>
-<meta property="og:description"${addAttribute(description, "content")}>
-<meta property="og:type" content="website">
-<meta property="og:locale"${addAttribute(ogLocale, "content")}>
-${ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`}
-${metatagsContent?.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fb_app_id, "content")}>`}
-<meta name="twitter:card" content="summary">
-${metatagsContent?.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitter_username, "content")}>`}
-<meta name="ecom-store-id"${addAttribute(String(storeId), "content")}>
-
-${pwaInfo && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(pwaInfo.webManifest.linkTag)}` })}`}
-${!pwaInfo && !false && renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro");
-
-var __freeze$1 = Object.freeze;
-var __defProp$1 = Object.defineProperty;
-var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", { value: __freeze$1(raw || cooked.slice()) }));
-var _a$1;
-const $$Astro$8 = createAstro("https://ecom2-demo.web.app");
-const $$BaseStateJson = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
-  Astro2.self = $$BaseStateJson;
-  const {
-    storeId,
-    apiResource,
-    apiDoc,
-    lang,
-    countryCode,
-    currency,
-    currencySymbol,
-    domain,
-    settings,
-    isPreview
-  } = Astro2.locals.routeContext;
   let inlineClientJS = `
 window.ECOM_STORE_ID = ${storeId};
 window.ECOM_LANG = '${lang}';
@@ -487,6 +462,15 @@ window.ECOM_CURRENCY = '${currency}';
 window.ECOM_CURRENCY_SYMBOL = '${currencySymbol}';
 window.ECOM_COUNTRY_CODE = '${countryCode}';
 window.$storefront = ${JSON.stringify({ settings })};`;
+  if (apiContext.error) {
+    const { message, statusCode } = apiContext.error;
+    const url = Astro2.url.pathname;
+    inlineClientJS += `
+console.error(${JSON.stringify(message)});
+setTimeout(() => {
+  window.location.replace("/fallback?status=${statusCode}&url=${encodeURIComponent(url)}");
+}, 1);`;
+  }
   if (apiDoc) {
     if (typeof apiDoc.price === "number") {
       apiDoc.price = price(apiDoc);
@@ -509,11 +493,12 @@ window.$storefront = ${JSON.stringify({ settings })};`;
       return nestedDoc;
     };
     inlineClientJS += `
-window.$storefront.context = ${JSON.stringify({
-      resource: apiResource,
+window.$storefront.apiContext = ${JSON.stringify({
+      resource: apiContext.resource,
       doc: minifyApiDoc({ ...apiDoc }),
       timestamp: Date.now()
-    })};`;
+    })};
+window.$storefront.context /* DEPRECATED */ = window.$storefront.apiContext`;
   }
   if (isPreview) {
     inlineClientJS += `
@@ -526,8 +511,8 @@ window.$isCmsPreview = true;`;
     url: `https://${domain}/`,
     logo: `https://${domain}${settings.logo}`
   });
-  return renderTemplate(_a$1 || (_a$1 = __template$1(["<script>", '<\/script>\n<script type="application/ld+json">', "<\/script>"])), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd));
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro");
+  return renderTemplate(_a$1 || (_a$1 = __template$1(['<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width">\n<meta name="theme-color"', '>\n<link rel="icon" type="image/png"', ' sizes="32x32">\n', "\n<title>", '</title>\n<meta name="description"', '>\n<meta name="author"', '>\n<meta name="generator"', '>\n<link rel="canonical"', ">\n", '\n<meta name="apple-mobile-web-app-capable" content="yes">\n<meta name="apple-mobile-web-app-status-bar-style" content="default">\n<meta property="og:site_name"', '>\n<meta property="og:url"', '>\n<meta property="og:title"', '>\n<meta property="og:description"', '>\n<meta property="og:type" content="website">\n<meta property="og:locale"', ">\n", "\n", '\n<meta name="twitter:card" content="summary">\n', '\n<meta name="ecom-store-id"', ">\n\n", "\n", "\n\n<script>", '<\/script>\n<script type="application/ld+json">', "<\/script>"])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title, addAttribute(description, "content"), addAttribute(settings.name, "content"), addAttribute(Astro2.generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fb_app_id, "content")}>`, metatagsContent?.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitter_username, "content")}>`, addAttribute(String(storeId), "content"), pwaInfo && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(pwaInfo.webManifest.linkTag)}` })}`, !pwaInfo && !false && renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`, unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd));
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", void 0);
 
 function isRemoteImage(src) {
   return /^(https?:)?\/\//.test(src);
@@ -615,7 +600,7 @@ async function getImage(transform) {
   }
   let loader = (_a = globalThis.astroImage) == null ? void 0 : _a.loader;
   if (!loader) {
-    const { default: mod } = await import('./endpoint.js.d4e37801.mjs').then(n => n.s).catch(() => {
+    const { default: mod } = await import('./endpoint.js.60fd21aa.mjs').then(n => n.s).catch(() => {
       throw new Error(
         "[@astrojs/image] Builtin image loader not found. (Did you remember to add the integration to your Astro config?)"
       );
@@ -885,7 +870,7 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   })}
   ${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`}
 </picture>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/Picture.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/Picture.astro", void 0);
 
 const $$Astro$6 = createAstro("https://ecom2-demo.web.app");
 const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
@@ -900,18 +885,16 @@ const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
   <div id="teleported-bottom" class="relative z-[19]"></div>
   ${settings.icon && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": settings.icon, "alt": "Icon", "formats": ["png"], "widths": [32, 192, 512], "sizes": "32px", "class": "hidden absolute", "style": "bottom: -1000px", "hasImg": false })}`}
 </body>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro", void 0);
 
 const $$Astro$5 = createAstro("https://ecom2-demo.web.app");
 const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
   Astro2.self = $$Base$1;
-  const { title } = Astro2.props;
   const { getContent } = Astro2.locals.routeContext;
   const { custom_code: customCodeContent } = await getContent("layout");
   return renderTemplate`<head>
-  ${renderComponent($$result, "BaseHead", $$BaseHead, { "title": title })}
-  ${renderComponent($$result, "BaseStateJson", $$BaseStateJson, {})}
+  ${renderSlot($$result, $$slots["base-head"])}
   ${customCodeContent?.css && renderTemplate`<style>{customCodeContent.css}</style>`}
   ${customCodeContent?.html_head && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(customCodeContent.html_head)}` })}`}
   ${renderSlot($$result, $$slots["base-head-scripts"])}
@@ -922,7 +905,7 @@ ${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2)
   ${customCodeContent?.html_body && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCodeContent.html_body)}` })}`}${renderSlot($$result2, $$slots["base-body-scripts"])}
   ${renderSlot($$result2, $$slots["before-body-end"])}
 ` })}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", void 0);
 
 var __freeze = Object.freeze;
 var __defProp = Object.defineProperty;
@@ -932,19 +915,21 @@ const $$Astro$4 = createAstro("https://ecom2-demo.web.app");
 const $$InlineScripts = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
   Astro2.self = $$InlineScripts;
-  return renderTemplate(_a || (_a = __template(["<script>\n  window.$firebaseConfig = {\n    apiKey: 'AIzaSyCrVzemDgpyp9i6ni7Yc5ZuEVfXYwl-4J0',\n    authDomain: 'ecom2-002.firebaseapp.com',\n    projectId: 'ecom2-002',\n    storageBucket: 'ecom2-002.appspot.com',\n    messagingSenderId: '402807248219',\n    appId: '1:402807248219:web:cf7d57759751e74776367e',\n    measurementId: 'G-SC592CE0GB',\n  };\n<\/script>"])));
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro");
+  return renderTemplate(_a || (_a = __template(['<script>\n  window.$firebaseConfig = {\n    apiKey: "AIzaSyCnvm7QrPKzSBrUi09Z3zTgjDST0t4Yikg",\n    authDomain: "ecom2-demo.firebaseapp.com",\n    projectId: "ecom2-demo",\n    storageBucket: "ecom2-demo.appspot.com",\n    messagingSenderId: "70369627313",\n    appId: "1:70369627313:web:06634033b9c6208fe7e690"\n  };\n<\/script>'])));
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro", void 0);
 
 const $$Astro$3 = createAstro("https://ecom2-demo.web.app");
 const $$Base = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
   Astro2.self = $$Base;
-  const { title } = Astro2.props;
-  return renderTemplate`${renderComponent($$result, "SfBase", $$Base$1, { "title": title }, { "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`
+  return renderTemplate`${renderComponent($$result, "SfBase", $$Base$1, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "base-head" }, { "default": ($$result3) => renderTemplate`
+    ${renderSlot($$result3, $$slots["base-head"])}
+  ` })}`, "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`
+  
   
   ${renderSlot($$result2, $$slots["default"])}
 ` })}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro", void 0);
 
 const checkObjNotNull = (obj) => {
   return Object.values(obj).filter((val) => val).length;
@@ -1989,7 +1974,7 @@ const initializeFirebaseAuth = (canWaitIdle = !window.location.pathname.startsWi
 
 const {
   settings,
-  context: apiContext
+  apiContext
 } = globalThis.$storefront;
 const networkNames = [
   "whatsapp",
@@ -3568,21 +3553,23 @@ ${renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:l
       ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "logo-picture": ($$result4) => renderTemplate`${renderComponent($$result4, "Picture", $$Picture, { "slot": "logo-picture", "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "hover:drop-shadow-sm max-w-[150px] mx-auto" })}` })}
     </a>
   ` })}` })}`)}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageHeader.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageHeader.astro", void 0);
 
 const $$Astro$1 = createAstro("https://ecom2-demo.web.app");
 const $$Wildcard = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$1, $$props, $$slots);
   Astro2.self = $$Wildcard;
-  const { apiResource, apiDoc } = Astro2.locals.routeContext;
+  const { fetchingApiContext, apiContext } = Astro2.locals.routeContext;
+  await fetchingApiContext;
+  const apiDoc = apiContext.doc;
   return renderTemplate`${maybeRenderHead()}<main>
   ${apiDoc && renderTemplate`<h1>Hello <span class="text-gradient">${apiDoc.name}</span></h1><hr><div class="mt-3">
-      <mark>${apiDoc._id}</mark> from <i>${apiResource}</i>
+      <mark>${apiDoc._id}</mark> from <i>${apiContext.resource}</i>
       <p>${Math.random()}</p>
       <em>Lorem ipsum dolor sit amet</em>
     </div>`}
 </main>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Wildcard.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Wildcard.astro", void 0);
 
 const $$Astro = createAstro("https://ecom2-demo.web.app");
 async function getStaticPaths() {
@@ -3605,13 +3592,14 @@ const $$ = createComponent(async ($$result, $$props, $$slots) => {
     loadError = err;
   }
   return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>
-${routeContext && renderTemplate`${renderComponent($$result, "Base", $$Base, {}, { "default": ($$result2) => renderTemplate`
+${routeContext && renderTemplate`${renderComponent($$result, "Base", $$Base, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "BaseHead", $$BaseHead, { "slot": "base-head" })}`, "default": ($$result2) => renderTemplate`
+    
     ${renderComponent($$result2, "PageHeader", $$PageHeader, {})}
     ${renderComponent($$result2, "WildcardMain", $$Wildcard, {})}
   ` })}`}
 ${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}
 </html>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro", void 0);
 
 const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro";
 const $$url = "/[...slug]";
@@ -3624,4 +3612,4 @@ const ____slug_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$PageHeader as $, BaseSSRService as B, Carousel as C, _export_sfc as _, $$Base as a, $$Picture as b, CarouselControl as c, availableExtraDiscount as d, installmentsOption as e, discountOption as f, loyaltyPointsPrograms as g, addProductToCart as h, isOutputFormatSupportsAlpha as i, ____slug_ as j, loadRouteContext as l, parseShippingPhrase as p };
+export { $$BaseHead as $, BaseSSRService as B, Carousel as C, _export_sfc as _, $$PageHeader as a, $$Base as b, $$Picture as c, CarouselControl as d, availableExtraDiscount as e, installmentsOption as f, discountOption as g, loyaltyPointsPrograms as h, isOutputFormatSupportsAlpha as i, addProductToCart as j, ____slug_ as k, loadRouteContext as l, parseShippingPhrase as p };

package/packages/storefront/dist/server/chunks/pages/{account.astro.f07cf19e.mjs → account.astro.afae5a12.mjs}

@@ -1,21 +1,21 @@
-import { c as createAstro, a as createComponent, r as renderTemplate } from '../astro.45d3047f.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate } from '../astro.2d3ebf0f.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
 import 'kleur/colors';
-import 'fs';
-import 'http';
-import 'tls';
+import 'node:fs';
+import 'node:http';
+import 'node:tls';
 import 'mime';
-import 'html-escaper';
 import 'string-width';
+import 'html-escaper';
 
 const $$Astro = createAstro("https://ecom2-demo.web.app");
 const $$Account = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
   Astro2.self = $$Account;
   return renderTemplate``;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro", void 0);
 
 const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro";
 const $$url = "/app/account";

package/packages/storefront/dist/server/chunks/pages/{endpoint.js.d4e37801.mjs → endpoint.js.60fd21aa.mjs}

@@ -1,6 +1,6 @@
 import mime from 'mime';
 import sharp$1 from 'sharp';
-import { B as BaseSSRService, i as isOutputFormatSupportsAlpha } from './_...slug_.astro.bde9380b.mjs';
+import { B as BaseSSRService, i as isOutputFormatSupportsAlpha } from './_...slug_.astro.4358f614.mjs';
 
 class SharpService extends BaseSSRService {
   async transform(inputBuffer, transform) {

package/packages/storefront/dist/server/chunks/pages/{fallback.astro.e2e8a0e4.mjs → fallback.astro.e5566925.mjs}

@@ -1,15 +1,15 @@
-import { c as createAstro, a as createComponent, r as renderTemplate, m as maybeRenderHead, b as addAttribute, d as renderComponent } from '../astro.45d3047f.mjs';
-import { l as loadRouteContext, $ as $$PageHeader, a as $$Base } from './_...slug_.astro.bde9380b.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, m as maybeRenderHead, d as addAttribute, b as renderComponent } from '../astro.2d3ebf0f.mjs';
+import { l as loadRouteContext, $ as $$BaseHead, a as $$PageHeader, b as $$Base } from './_...slug_.astro.4358f614.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
 import 'kleur/colors';
-import 'fs';
-import 'http';
-import 'tls';
+import 'node:fs';
+import 'node:http';
+import 'node:tls';
 import 'mime';
-import 'html-escaper';
 import 'string-width';
+import 'html-escaper';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -20,7 +20,6 @@ import 'magic-string';
 import 'node:stream';
 import '@cloudcommerce/api';
 import 'node:events';
-import 'node:fs';
 import '@cloudcommerce/config';
 import '@ecomplus/utils';
 /* empty css                               */import 'vue';
@@ -39,7 +38,7 @@ const $$Fallback$1 = createComponent(async ($$result, $$props, $$slots) => {
     <strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
   </p>
 </main>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Fallback.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Fallback.astro", void 0);
 
 const $$Astro = createAstro("https://ecom2-demo.web.app");
 const $$Fallback = createComponent(async ($$result, $$props, $$slots) => {
@@ -52,12 +51,13 @@ const $$Fallback = createComponent(async ($$result, $$props, $$slots) => {
     return err.astroResponse;
   }
   return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>
-${renderComponent($$result, "Base", $$Base, {}, { "default": ($$result2) => renderTemplate`
+${renderComponent($$result, "Base", $$Base, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "BaseHead", $$BaseHead, { "slot": "base-head" })}`, "default": ($$result2) => renderTemplate`
+  
   ${renderComponent($$result2, "PageHeader", $$PageHeader, {})}
   ${renderComponent($$result2, "FallbackMain", $$Fallback$1, {})}
 ` })}
 </html>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro", void 0);
 
 const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro";
 const $$url = "/fallback";