cloudcommerce 0.20.2 → 0.22.0

package/packages/storefront/dist/server/chunks/pages/{index.astro.3760ebe3.mjs → index.astro.5bc6b9d8.mjs}

@@ -1,5 +1,5 @@
-import { c as createAstro, a as createComponent, r as renderTemplate, d as renderComponent, m as maybeRenderHead, b as addAttribute, u as unescapeHTML, F as Fragment$1 } from '../astro.45d3047f.mjs';
-import { b as $$Picture, p as parseShippingPhrase, _ as _export_sfc, C as Carousel, c as CarouselControl, d as availableExtraDiscount, e as installmentsOption, f as discountOption, g as loyaltyPointsPrograms, h as addProductToCart, l as loadRouteContext, $ as $$PageHeader, a as $$Base } from './_...slug_.astro.bde9380b.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, b as renderComponent, m as maybeRenderHead, d as addAttribute, u as unescapeHTML, F as Fragment$1 } from '../astro.2d3ebf0f.mjs';
+import { c as $$Picture, p as parseShippingPhrase, _ as _export_sfc, C as Carousel, d as CarouselControl, e as availableExtraDiscount, f as installmentsOption, g as discountOption, h as loyaltyPointsPrograms, j as addProductToCart, l as loadRouteContext, $ as $$BaseHead, a as $$PageHeader, b as $$Base } from './_...slug_.astro.4358f614.mjs';
 import { ref, shallowReactive, computed, useSSRContext, defineComponent, mergeProps, createVNode, resolveDynamicComponent, withCtx, renderSlot, createTextVNode, toDisplayString, withDirectives, vShow, openBlock, createBlock, Fragment, renderList, resolveComponent, createCommentVNode, withModifiers, withAsyncContext } from 'vue';
 import api from '@cloudcommerce/api';
 import { inStock, price, name, img, onPromotion } from '@ecomplus/utils';
@@ -112,7 +112,7 @@ const usePageHero = async ({ routeContext }) => {
   }
   return { heroSlider };
 };
-const usePageSections = async ({ routeContext }) => {
+const usePageSections = async ({ routeContext, handleCustomSection }) => {
   const sectionsContent = routeContext.cmsContent?.sections;
   const sections = [];
   if (sectionsContent) {
@@ -188,6 +188,14 @@ const usePageSections = async ({ routeContext }) => {
             banners: parseBanners(sectionContent.banners || [])
           }
         };
+        return;
+      }
+      if (typeof handleCustomSection === "function") {
+        const { props } = await handleCustomSection(
+          type,
+          sectionContent
+        );
+        sections[index] = { type, props };
       }
     }));
   }
@@ -228,7 +236,7 @@ const $$BannerPictures = createComponent(async ($$result, $$props, $$slots) => {
   }
   return renderTemplate`${img && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": img, "alt": alt || "", "widths": widths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `${mobileImg ? "hidden md:block " : ""}mx-auto ${className}` })}`}
 ${mobileImg && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": mobileImg, "alt": alt || "", "widths": mobileWidths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `md:hidden mx-auto ${mobileClass}` })}`}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/BannerPictures.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/BannerPictures.astro", void 0);
 
 const useBanner = (props) => {
   const parsedTitle = computed(() => {
@@ -251,20 +259,6 @@ const useBanner = (props) => {
   };
 };
 
-const useHeroSlider = (props) => {
-  const parsedSlides = computed(() => {
-    return props.slides.map((slide) => {
-      return {
-        ...slide,
-        ...useBanner(slide)
-      };
-    });
-  });
-  return {
-    parsedSlides
-  };
-};
-
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Banner",
   props: {
@@ -375,9 +369,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     __expose();
-    const props = __props;
-    const { parsedSlides } = useHeroSlider(props);
-    const __returned__ = { props, parsedSlides, Carousel, CarouselControl, Banner };
+    const __returned__ = { Carousel, CarouselControl, Banner };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -390,7 +382,7 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, {
     controls: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
-        _push2(`<div style="${ssrRenderStyle($setup.parsedSlides.length > 1 ? null : { display: "none" })}" class="absolute z-10 bottom-5 flex justify-end items-center w-screen right-5 xl:right-auto xl:max-w-screen-xl xl:left-1/2 xl:-ms-[640px]"${_scopeId}><div class="relative w-20 h-10 rounded-full bg-white/50 text-primary shadow-sm ring-1 ring-black/5"${_scopeId}>`);
+        _push2(`<div style="${ssrRenderStyle($props.slides.length > 1 ? null : { display: "none" })}" class="absolute z-10 bottom-5 flex justify-end items-center w-screen right-5 xl:right-auto xl:max-w-screen-xl xl:left-1/2 xl:-ms-[640px]"${_scopeId}><div class="relative w-20 h-10 rounded-full bg-white/50 text-primary shadow-sm ring-1 ring-black/5"${_scopeId}>`);
         _push2(ssrRenderComponent($setup["CarouselControl"], {
           class: "w-10 h-10 rounded-full hover:bg-primary/10",
           "is-prev": ""
@@ -440,7 +432,7 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               })
             ])
           ], 512), [
-            [vShow, $setup.parsedSlides.length > 1]
+            [vShow, $props.slides.length > 1]
           ])
         ];
       }
@@ -448,7 +440,7 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     default: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
         _push2(`<!--[-->`);
-        ssrRenderList($setup.parsedSlides, (slide, i) => {
+        ssrRenderList($props.slides, (slide, i) => {
           _push2(`<li class="shrink-0 basis-full"${_scopeId}>`);
           _push2(ssrRenderComponent($setup["Banner"], mergeProps({ ...slide, headingTag: i === 0 ? "h2" : "h3" }, { class: "w-screen max-w-screen-2xl" }), {
             picture: withCtx((_2, _push3, _parent3, _scopeId2) => {
@@ -467,7 +459,7 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         _push2(`<!--]-->`);
       } else {
         return [
-          (openBlock(true), createBlock(Fragment, null, renderList($setup.parsedSlides, (slide, i) => {
+          (openBlock(true), createBlock(Fragment, null, renderList($props.slides, (slide, i) => {
             return openBlock(), createBlock("li", {
               key: i,
               class: "shrink-0 basis-full"
@@ -507,7 +499,7 @@ const $$BannersGrid = createComponent(async ($$result, $$props, $$slots) => {
       </li>`)}
   </ul>
 </section>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/BannersGrid.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/BannersGrid.astro", void 0);
 
 const useProductCard = (props) => {
   const isFetching = ref(false);
@@ -1215,7 +1207,14 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
   Astro2.self = $$Sections;
   const { routeContext } = Astro2.locals;
-  const { sections } = await usePageSections({ routeContext });
+  const { sections } = await usePageSections({
+    routeContext,
+    handleCustomSection: async (type, content) => {
+      if (type === "c:foo")
+        return { props: { ...content, foo: "bar" } };
+      return { props: content };
+    }
+  });
   return renderTemplate`${maybeRenderHead()}<article class="my-9 md:my-12">
   ${sections.map(({ type, props }) => {
     switch (type) {
@@ -1223,12 +1222,14 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
         return renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:visible": true, "client:component-hydration": "visible", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
       case "banners-grid":
         return renderTemplate`${renderComponent($$result, "BannersGrid", $$BannersGrid, { ...props })}`;
+      case "c:foo":
+        return renderTemplate`<div${addAttribute(props.foo, "data-foo")}></div>`;
       default:
         return renderTemplate`<div${addAttribute(type, "data-section")}></div>`;
     }
   })}
 </article>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Sections.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Sections.astro", void 0);
 
 const $$Astro$2 = createAstro("https://ecom2-demo.web.app");
 const $$Home = createComponent(async ($$result, $$props, $$slots) => {
@@ -1241,7 +1242,7 @@ const $$Home = createComponent(async ($$result, $$props, $$slots) => {
   ${heroSlider.slides.length && renderTemplate`${renderComponent($$result, "HeroSlider", HeroSlider, { ...heroSlider, "client:load": true, "client:component-hydration": "load", "client:component-path": "~/components/HeroSlider.vue", "client:component-export": "default" }, { "picture-0": ($$result2) => renderTemplate`${heroSlides[0] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-0", ...heroSlides[0], "index": 0 })}`}`, "picture-1": ($$result2) => renderTemplate`${heroSlides[1] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-1", ...heroSlides[1], "index": 1 })}`}`, "picture-2": ($$result2) => renderTemplate`${heroSlides[2] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-2", ...heroSlides[2], "index": 2 })}`}`, "picture-3": ($$result2) => renderTemplate`${heroSlides[3] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-3", ...heroSlides[3], "index": 3 })}`}`, "picture-4": ($$result2) => renderTemplate`${heroSlides[4] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-4", ...heroSlides[4], "index": 4 })}`}`, "picture-5": ($$result2) => renderTemplate`${heroSlides[5] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-5", ...heroSlides[5], "index": 5 })}`}`, "picture-6": ($$result2) => renderTemplate`${heroSlides[6] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-6", ...heroSlides[6], "index": 6 })}`}`, "picture-7": ($$result2) => renderTemplate`${heroSlides[7] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-7", ...heroSlides[7], "index": 7 })}`}`, "picture-8": ($$result2) => renderTemplate`${heroSlides[8] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-8", ...heroSlides[8], "index": 8 })}`}`, "picture-9": ($$result2) => renderTemplate`${heroSlides[9] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-9", ...heroSlides[9], "index": 9 })}`}` })}`}
   ${renderComponent($$result, "Sections", $$Sections, {})}
 </main>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Home.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Home.astro", void 0);
 
 const $$Astro$1 = createAstro("https://ecom2-demo.web.app");
 const $$Index$1 = createComponent(async ($$result, $$props, $$slots) => {
@@ -1258,13 +1259,14 @@ const $$Index$1 = 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, "HomeMain", $$Home, {})}
   ` })}`}
 ${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment$1, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}
 </html>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro", void 0);
 
 const $$file$1 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro";
 const $$url$1 = "";
@@ -1281,7 +1283,7 @@ const $$Index = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
   Astro2.self = $$Index;
   return renderTemplate``;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro");
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro", void 0);
 
 const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro";
 const $$url = "/app";

package/packages/storefront/dist/server/entry.mjs

@@ -3,7 +3,7 @@ import { webcrypto } from 'node:crypto';
 import { ByteLengthQueuingStrategy, CountQueuingStrategy, ReadableByteStreamController, ReadableStream, ReadableStreamBYOBReader, ReadableStreamBYOBRequest, ReadableStreamDefaultController, ReadableStreamDefaultReader, TransformStream, WritableStream, WritableStreamDefaultController, WritableStreamDefaultWriter } from 'node:stream/web';
 import { File, FormData, Headers, Request, Response, fetch } from 'undici';
 import { setTimeout as setTimeout$1, clearTimeout as clearTimeout$1 } from 'node:timers';
-import { N as NodeApp, g as deserializeManifest } from './chunks/astro.45d3047f.mjs';
+import { N as NodeApp, g as deserializeManifest } from './chunks/astro.2d3ebf0f.mjs';
 import { Readable } from 'stream';
 import https from 'https';
 import path from 'path';
@@ -18,13 +18,15 @@ import 'cookie';
 import 'kleur/colors';
 import '@astrojs/internal-helpers/path';
 import 'path-to-regexp';
-import 'tls';
-import 'html-escaper';
+import 'node:fs';
+import 'node:http';
+import 'node:tls';
 import 'string-width';
+import 'html-escaper';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './chunks/pages/_...slug_.astro.bde9380b.mjs';
+import './chunks/pages/_...slug_.astro.4358f614.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -35,7 +37,6 @@ 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';
@@ -2824,13 +2825,13 @@ const adapter = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   start
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const _page0  = () => import('./chunks/endpoint@_@js.f880a152.mjs');
-const _page1  = () => import('./chunks/index@_@astro.56fdd6da.mjs');
-const _page2  = () => import('./chunks/fallback@_@astro.89538855.mjs');
-const _page3  = () => import('./chunks/index@_@astro.548cf7ad.mjs');
-const _page4  = () => import('./chunks/account@_@astro.89e4cf60.mjs');
-const _page5  = () => import('./chunks/_...9e22b578.mjs');const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.3_sharp@0.32.3/node_modules/@astrojs/image/dist/endpoint.js", _page0],["src/pages/index.astro", _page1],["src/pages/fallback.astro", _page2],["src/pages/app/index.astro", _page3],["src/pages/app/account.astro", _page4],["src/pages/[...slug].astro", _page5]]);
-const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.3_sharp@0.32.3/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.c2da43fb.css"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.c2da43fb.css"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"route":"/app/account","type":"page","pattern":"^\\/app\\/account\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}],[{"content":"account","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/account.astro","pathname":"/app/account","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.c2da43fb.css"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","prerender":false,"_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-demo.web.app","base":"/","compressHTML":false,"markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true},"componentMetadata":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro",{"propagation":"none","containsHead":true}]],"renderers":[],"clientDirectives":[["idle","(()=>{var i=t=>{let e=async()=>{await(await t())()};\"requestIdleCallback\"in window?window.requestIdleCallback(e):setTimeout(e,200)};(self.Astro||(self.Astro={})).idle=i;window.dispatchEvent(new Event(\"astro:idle\"));})();"],["load","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event(\"astro:load\"));})();"],["media","(()=>{var s=(i,t)=>{let a=async()=>{await(await i())()};if(t.value){let e=matchMedia(t.value);e.matches?a():e.addEventListener(\"change\",a,{once:!0})}};(self.Astro||(self.Astro={})).media=s;window.dispatchEvent(new Event(\"astro:media\"));})();"],["only","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event(\"astro:only\"));})();"],["visible","(()=>{var r=(i,c,n)=>{let s=async()=>{await(await i())()},t=new IntersectionObserver(e=>{for(let o of e)if(o.isIntersecting){t.disconnect(),s();break}});for(let e of n.children)t.observe(e)};(self.Astro||(self.Astro={})).visible=r;window.dispatchEvent(new Event(\"astro:visible\"));})();"]],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","\u0000@astro-renderers":"renderers.mjs","\u0000empty-middleware":"_empty-middleware.mjs","/src/pages/app/account.astro":"chunks/pages/account.astro.f07cf19e.mjs","/src/pages/fallback.astro":"chunks/pages/fallback.astro.e2e8a0e4.mjs","\u0000@astro-page:../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.3_sharp@0.32.3/node_modules/@astrojs/image/dist/endpoint@_@js":"chunks/endpoint@_@js.f880a152.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index@_@astro.56fdd6da.mjs","\u0000@astro-page:src/pages/fallback@_@astro":"chunks/fallback@_@astro.89538855.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index@_@astro.548cf7ad.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account@_@astro.89e4cf60.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_...9e22b578.mjs","~/components/PitchBar.vue":"_astro/PitchBar.ed85833a.js","~/components/HeroSlider.vue":"_astro/HeroSlider.eb156f18.js","/astro/hoisted.js?q=0":"_astro/hoisted.9d9d7ac4.js","~/components/ProductShelf.vue":"_astro/ProductShelf.9e290480.js","@astrojs/vue/client.js":"_astro/client.8035a95a.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.a7b12eab.js","~/components/ShopHeader.vue":"_astro/ShopHeader.0c884bbe.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.84207480.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/_...slug_.c2da43fb.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-5e0bf4e4.js","/_astro/Carousel.62c97a79.js","/_astro/HeroSlider.eb156f18.js","/_astro/PitchBar.ed85833a.js","/_astro/ProductShelf.9e290480.js","/_astro/ShopHeader.0c884bbe.js","/_astro/_plugin-vue_export-helper.4cb7dd76.js","/_astro/api.4984c5be.js","/_astro/client.8035a95a.js","/_astro/firebase-app.84207480.js","/_astro/hoisted.9d9d7ac4.js","/_astro/img.abbe849f.js","/_astro/index.b93f3d06.js","/_astro/preload-helper.cf010ec4.js","/_astro/session-utm.744b0db3.js","/_astro/workbox-window.prod.es5.a7b12eab.js","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/img/uploads/banner2.webp","/img/uploads/ecom-icon.png","/img/uploads/headphone.webp","/img/uploads/logo.png","/img/uploads/og-image.png","/img/uploads/passion.webp","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.webp"]}), {
+const _page0  = () => import('./chunks/endpoint@_@js.80de0568.mjs');
+const _page1  = () => import('./chunks/index@_@astro.23b50301.mjs');
+const _page2  = () => import('./chunks/fallback@_@astro.02a45b47.mjs');
+const _page3  = () => import('./chunks/index@_@astro.7cb07e52.mjs');
+const _page4  = () => import('./chunks/account@_@astro.5f1dba7a.mjs');
+const _page5  = () => import('./chunks/_...7e1df40a.mjs');const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.9.0_sharp@0.32.3/node_modules/@astrojs/image/dist/endpoint.js", _page0],["src/pages/index.astro", _page1],["src/pages/fallback.astro", _page2],["src/pages/app/index.astro", _page3],["src/pages/app/account.astro", _page4],["src/pages/[...slug].astro", _page5]]);
+const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.9.0_sharp@0.32.3/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.572313d6.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.c85b8978.css"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.572313d6.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.c85b8978.css"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"route":"/app/account","type":"page","pattern":"^\\/app\\/account\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}],[{"content":"account","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/account.astro","pathname":"/app/account","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.572313d6.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.c85b8978.css"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","prerender":false,"_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-demo.web.app","base":"/","compressHTML":false,"markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true},"componentMetadata":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro",{"propagation":"none","containsHead":true}]],"renderers":[],"clientDirectives":[["idle","(()=>{var i=t=>{let e=async()=>{await(await t())()};\"requestIdleCallback\"in window?window.requestIdleCallback(e):setTimeout(e,200)};(self.Astro||(self.Astro={})).idle=i;window.dispatchEvent(new Event(\"astro:idle\"));})();"],["load","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event(\"astro:load\"));})();"],["media","(()=>{var s=(i,t)=>{let a=async()=>{await(await i())()};if(t.value){let e=matchMedia(t.value);e.matches?a():e.addEventListener(\"change\",a,{once:!0})}};(self.Astro||(self.Astro={})).media=s;window.dispatchEvent(new Event(\"astro:media\"));})();"],["only","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event(\"astro:only\"));})();"],["visible","(()=>{var r=(i,c,n)=>{let s=async()=>{await(await i())()},t=new IntersectionObserver(e=>{for(let o of e)if(o.isIntersecting){t.disconnect(),s();break}});for(let e of n.children)t.observe(e)};(self.Astro||(self.Astro={})).visible=r;window.dispatchEvent(new Event(\"astro:visible\"));})();"]],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","\u0000@astro-renderers":"renderers.mjs","\u0000empty-middleware":"_empty-middleware.mjs","/src/pages/app/account.astro":"chunks/pages/account.astro.afae5a12.mjs","/src/pages/fallback.astro":"chunks/pages/fallback.astro.e5566925.mjs","\u0000@astro-page:../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.9.0_sharp@0.32.3/node_modules/@astrojs/image/dist/endpoint@_@js":"chunks/endpoint@_@js.80de0568.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index@_@astro.23b50301.mjs","\u0000@astro-page:src/pages/fallback@_@astro":"chunks/fallback@_@astro.02a45b47.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index@_@astro.7cb07e52.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account@_@astro.5f1dba7a.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_...7e1df40a.mjs","~/components/PitchBar.vue":"_astro/PitchBar.ed85833a.js","@astrojs/vue/client.js":"_astro/client.0fb6b44e.js","/astro/hoisted.js?q=0":"_astro/hoisted.572313d6.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.a7b12eab.js","~/components/HeroSlider.vue":"_astro/HeroSlider.0890631f.js","~/components/ProductShelf.vue":"_astro/ProductShelf.9e290480.js","~/components/ShopHeader.vue":"_astro/ShopHeader.82ae97a5.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.84207480.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/_...slug_.c85b8978.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-5e0bf4e4.js","/_astro/Carousel.62c97a79.js","/_astro/HeroSlider.0890631f.js","/_astro/PitchBar.ed85833a.js","/_astro/ProductShelf.9e290480.js","/_astro/ShopHeader.82ae97a5.js","/_astro/_plugin-vue_export-helper.4cb7dd76.js","/_astro/api.4984c5be.js","/_astro/client.0fb6b44e.js","/_astro/firebase-app.84207480.js","/_astro/hoisted.572313d6.js","/_astro/img.abbe849f.js","/_astro/index.b93f3d06.js","/_astro/preload-helper.cf010ec4.js","/_astro/session-utm.744b0db3.js","/_astro/workbox-window.prod.es5.a7b12eab.js","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/img/uploads/banner2.webp","/img/uploads/ecom-icon.png","/img/uploads/headphone.webp","/img/uploads/logo.png","/img/uploads/og-image.png","/img/uploads/passion.webp","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.webp"]}), {
 	pageMap,
 	renderers,
 });

package/packages/storefront/dist/server/renderers.mjs

@@ -1,18 +1,18 @@
-import { h as server_default } from './chunks/astro.45d3047f.mjs';
+import { h as server_default } from './chunks/astro.2d3ebf0f.mjs';
 import { useSSRContext, defineComponent, computed, mergeProps, h, createSSRApp } from 'vue';
 import { ssrRenderSlotInner, ssrRenderAttrs, ssrRenderSlot, renderToString } from 'vue/server-renderer';
 import { img, imgSizes, i18n, formatMoney } from '@ecomplus/utils';
-import { _ as _export_sfc } from './chunks/pages/_...slug_.astro.bde9380b.mjs';
+import { _ as _export_sfc } from './chunks/pages/_...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';
@@ -23,7 +23,6 @@ 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';
@@ -272,7 +271,7 @@ const createApp = (app) => {
       app2.config.globalProperties.$money = formatMoney;
       app2.config.globalProperties.$percentage = formatPercentage;
       app2.config.globalProperties.$settings = globalThis.$storefront.settings;
-      app2.config.globalProperties.$context = globalThis.$storefront.context;
+      app2.config.globalProperties.$apiContext = globalThis.$storefront.apiContext;
     }
   });
   app.component("Fade", Fade);

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.20.2",
+  "version": "0.22.0",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "bin": {
     "storefront": "./scripts/build-prod.sh"
@@ -43,7 +43,7 @@
     "@iconify-json/logos": "^1.1.33",
     "@vite-pwa/astro": "^0.1.1",
     "@vueuse/core": "10.2.1",
-    "astro": "2.8.3",
+    "astro": "2.9.0",
     "chroma-js": "^2.4.2",
     "dotenv": "^16.3.1",
     "firebase": "^9.23.0",

package/packages/storefront/server.d.ts

@@ -1,14 +1,8 @@
 /* eslint-disable vars-on-top, no-var */
 
 import type { ApiEndpoint } from '@cloudcommerce/api';
-import type {
-  ProductSet,
-  CategorySet,
-  BrandSet,
-  CollectionSet,
-} from '@cloudcommerce/api/types';
 import type { RouteContext } from '@@sf/ssr-context';
-import type { SettingsContent } from '@@sf/content';
+import type { $Storefront } from '@@sf/$storefront';
 
 declare global {
   namespace App {
@@ -17,28 +11,10 @@ declare global {
     }
   }
 
-  var $storefront: {
-    settings: Partial<SettingsContent>,
-    context?: {
-      resource: 'products',
-      doc: ProductSet,
-      timestamp: number,
-    } | {
-      resource: 'categories',
-      doc: CategorySet,
-      timestamp: number,
-    } | {
-      resource: 'brands',
-      doc: BrandSet,
-      timestamp: number,
-    } | {
-      resource: 'collections',
-      doc: CollectionSet,
-      timestamp: number,
-    },
+  var $storefront: $Storefront & {
     onLoad: (callback: (...args: any[]) => void) => void,
   };
-  var $apiPrefetchEndpoints: ApiEndpoint[];
+  var $apiPrefetchEndpoints: Array<ApiEndpoint | ':slug'>;
   var $storefrontSlimDocRegex: undefined | RegExp;
   // @TODO
   var $storefrontCmsHandler: undefined | any;

package/packages/storefront/src/lib/$storefront.d.ts

@@ -0,0 +1,28 @@
+import type {
+  ProductSet,
+  CategorySet,
+  BrandSet,
+  CollectionSet,
+} from '@cloudcommerce/api/types';
+import type { SettingsContent } from '@@sf/content';
+
+export type $Storefront = {
+  settings: Partial<SettingsContent>,
+  apiContext?: {
+    resource: 'products',
+    doc: ProductSet,
+    timestamp: number,
+  } | {
+    resource: 'categories',
+    doc: CategorySet,
+    timestamp: number,
+  } | {
+    resource: 'brands',
+    doc: BrandSet,
+    timestamp: number,
+  } | {
+    resource: 'collections',
+    doc: CollectionSet,
+    timestamp: number,
+  },
+};

package/packages/storefront/src/lib/assets/base.css

@@ -75,6 +75,7 @@ html {
 ::marker {
   color: var(--c-primary);
 }
+/*
 :is(
   ::-webkit-calendar-picker-indicator,
   ::-webkit-clear-button,
@@ -83,6 +84,7 @@ html {
 ) {
   color: var(--c-secondary);
 }
+*/
 
 body {
   background: var(--c-background);

package/packages/storefront/src/lib/layouts/Base.astro

@@ -1,20 +1,12 @@
 ---
-import BaseHead from '@@sf/layouts/BaseHead.astro';
-import BaseStateJson from '@@sf/layouts/BaseStateJson.astro';
 import BaseBody from '@@sf/layouts/BaseBody.astro';
 
-export interface Props {
-  title?: string;
-}
-
-const { title } = Astro.props as Props;
 const { getContent } = Astro.locals.routeContext;
 const { custom_code: customCodeContent } = await getContent('layout');
 ---
 
 <head>
-  <BaseHead title={title} />
-  <BaseStateJson />
+  <slot name="base-head" />
   {customCodeContent?.css && <style>{customCodeContent.css}</style>}
   {customCodeContent?.html_head && <Fragment set:html={customCodeContent.html_head} />}
   <slot name="base-head-scripts">

package/packages/storefront/src/lib/layouts/BaseHead.astro

@@ -1,6 +1,6 @@
 ---
 import { pwaInfo } from 'virtual:pwa-info';
-import { img as getImg } from '@ecomplus/utils';
+import { img as getImg, price as getPrice } from '@ecomplus/utils';
 
 const deployRand = import.meta.env.DEPLOY_RAND || '_';
 const getIconUrl = (size: number) => {
@@ -11,14 +11,23 @@ const getIconUrl = (size: number) => {
 const {
   storeId,
   cmsContent,
-  apiDoc,
+  fetchingApiContext,
+  apiContext,
   lang,
+  countryCode,
+  currency,
+  currencySymbol,
   domain,
   primaryColor,
   settings,
+  isPreview,
   getContent,
 } = Astro.locals.routeContext;
+if (fetchingApiContext) {
+  await fetchingApiContext;
+}
 
+const apiDoc = apiContext.doc;
 const state: Record<string, any> = apiDoc || cmsContent || {};
 const title = state.meta_title || state.name || state.title || Astro.props.title || settings.name;
 const description = state.meta_description || state.short_description || settings.description;
@@ -40,6 +49,65 @@ if (!ogImage) {
 } else {
   ogImage = ogImage.replace(/(\w+\.)?(ecoms\d)\.com/i, '$2-nyc3.nyc3.cdn.digitaloceanspaces.com');
 }
+
+let inlineClientJS = `
+window.ECOM_STORE_ID = ${storeId};
+window.ECOM_LANG = '${lang}';
+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 = Astro.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 = getPrice(apiDoc);
+  }
+  const slimDocRegex = globalThis.$storefrontSlimDocRegex
+    || /body_|meta_|metafields|_records|i18n/;
+  const minifyApiDoc = (nestedDoc: any) => {
+    if (typeof nestedDoc === 'object' && nestedDoc) {
+      if (Array.isArray(nestedDoc)) {
+        nestedDoc.forEach((item) => minifyApiDoc(item));
+      } else {
+        Object.keys(nestedDoc).forEach((field) => {
+          if (slimDocRegex.test(field)) {
+            delete nestedDoc[field];
+          } else {
+            minifyApiDoc(nestedDoc[field]);
+          }
+        });
+      }
+    }
+    return nestedDoc;
+  };
+  inlineClientJS += `
+window.$storefront.apiContext = ${JSON.stringify({
+  resource: apiContext.resource,
+  doc: minifyApiDoc({ ...apiDoc }),
+  timestamp: Date.now(),
+})};
+window.$storefront.context /* DEPRECATED */ = window.$storefront.apiContext`;
+}
+if (isPreview) {
+  inlineClientJS += `
+window.$isCmsPreview = true;`;
+}
+
+const inlineJSONLd = JSON.stringify({
+  '@context': 'http://schema.org',
+  '@type': 'Organization',
+  name: settings.name,
+  url: `https://${domain}/`,
+  logo: `https://${domain}${settings.logo}`,
+});
 ---
 
 <meta charset="UTF-8">
@@ -76,3 +144,6 @@ if (!ogImage) {
 {pwaInfo && <Fragment set:html={pwaInfo.webManifest.linkTag} />}
 {(!pwaInfo && !import.meta.env.DEV) &&
   <link rel="manifest" href="/manifest.webmanifest" />}
+
+<script is:inline set:html={inlineClientJS} />
+<script type="application/ld+json" set:html={inlineJSONLd} />

package/packages/storefront/src/lib/layouts/use-page-main.ts

@@ -2,12 +2,13 @@ import type { ResourceId } from '@cloudcommerce/types';
 import type { PageContent } from '@@sf/content';
 import type { RouteContext } from '@@sf/ssr-context';
 import type { Props as UseBannerProps } from '@@sf/composables/use-banner';
-import type { Props as UseHeroSliderProps } from '@@sf/composables/use-hero-slider';
 import type { Props as UseProductShelfProps } from '@@sf/composables/use-product-shelf';
 import { useProductShelf } from '@@sf/composables/use-product-shelf';
 
 export interface Props {
   routeContext: RouteContext;
+  handleCustomSection?: (type: `${string}:${string}`, content: Record<string, any>) =>
+    Promise<{ props: Record<string, any> }>;
 }
 
 const now = Date.now();
@@ -37,7 +38,8 @@ const parseBanners = (banners: Partial<PageContent['hero']['slides'][0]>[]) => {
 
 export const usePageHero = async ({ routeContext }: Props) => {
   const { cmsContent } = routeContext;
-  const heroSlider: UseHeroSliderProps = { slides: [] };
+  const heroSlider: Omit<Partial<PageContent['hero']>, 'slides'>
+    & { slides: UseBannerProps[] } = { slides: [] };
   const heroContent = cmsContent?.hero;
   if (heroContent) {
     heroSlider.autoplay = heroContent.autoplay;
@@ -48,10 +50,14 @@ export const usePageHero = async ({ routeContext }: Props) => {
   return { heroSlider };
 };
 
-export const usePageSections = async ({ routeContext }: Props) => {
+type CustomSection = { type: `${string}:${string}`, props: any };
+
+export const usePageSections = async <T extends CustomSection = CustomSection>
+({ routeContext, handleCustomSection }: Props) => {
   const sectionsContent = routeContext.cmsContent?.sections;
   const sections: Array<
-    { type: 'product-shelf', props: UseProductShelfProps }
+    T
+    | { type: 'product-shelf', props: UseProductShelfProps }
     | { type: 'banners-grid', props: { banners: UseBannerProps[] } }
   > = [];
   if (sectionsContent) {
@@ -135,7 +141,14 @@ export const usePageSections = async ({ routeContext }: Props) => {
             banners: parseBanners(sectionContent.banners || []),
           },
         };
-        // return;
+        return;
+      }
+      if (typeof handleCustomSection === 'function') {
+        const { props } = await handleCustomSection(
+          type as `${string}:${string}`,
+          sectionContent,
+        );
+        sections[index] = { type, props } as T;
       }
     }));
   }

package/packages/storefront/src/lib/pages/_vue.ts

@@ -20,7 +20,7 @@ const createApp = (app: App) => {
       app.config.globalProperties.$money = formatMoney;
       app.config.globalProperties.$percentage = formatPercentage;
       app.config.globalProperties.$settings = globalThis.$storefront.settings;
-      app.config.globalProperties.$context = globalThis.$storefront.context;
+      app.config.globalProperties.$apiContext = globalThis.$storefront.apiContext;
     },
   });
   app.component('Fade', Fade);