cloudcommerce 0.23.2 → 0.24.0

package/packages/storefront/dist/server/chunks/{index@_@astro.0221a7bd.mjs → index@_@astro.d898498a.mjs}

@@ -1,6 +1,6 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.6adaff02.mjs';
+import './astro.a7611b51.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -14,21 +14,14 @@ import 'html-escaper';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.501582b9.mjs';
-import 'node:fs/promises';
-import 'node:path';
-import 'node:url';
-import 'http-cache-semantics';
-import 'node:os';
-import 'image-size';
-import 'magic-string';
-import 'node:stream';
+import './pages/_...slug_.astro.0f33557e.mjs';
 import '@cloudcommerce/api';
 import 'node:events';
+import 'node:path';
 import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/index.astro.f1104ab2.mjs').then(n => n.a);
+const page = () => import('./pages/index.astro.0f31fa39.mjs').then(n => n.a);
 
 export { page };

package/packages/storefront/dist/server/chunks/pages/{_...slug_.astro.501582b9.mjs → _...slug_.astro.0f33557e.mjs}

@@ -1,20 +1,12 @@
-import 'kleur/colors';
-import 'node:fs/promises';
-import { resolve, join } from 'node:path';
-import 'node:url';
-import 'http-cache-semantics';
-import 'node:os';
-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, 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.6adaff02.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.a7611b51.mjs';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
-import fs from 'node:fs';
+import fs, { readFileSync } from 'node:fs';
+import { resolve, join } from 'node:path';
 import config from '@cloudcommerce/config';
 import { img, price, formatMoney, randomObjectId, nickname, onPromotion, name } from '@ecomplus/utils';
-/* empty css                               */import { reactive, computed, shallowRef, useSSRContext, defineComponent, inject, mergeProps, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, resolveComponent, withModifiers, Teleport, createTextVNode, toDisplayString } from 'vue';
+/* empty css                               */import mime from 'mime';
+import { reactive, computed, shallowRef, useSSRContext, defineComponent, inject, mergeProps, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, resolveComponent, withModifiers, Teleport, createTextVNode, toDisplayString } from 'vue';
 import { useScroll, useElementHover, useDebounceFn, useTimeout, watchDebounced, promiseTimeout } from '@vueuse/core';
 import { ssrRenderAttrs, ssrRenderSlot, ssrRenderClass, ssrRenderVNode, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate } from 'vue/server-renderer';
 import { Popover, PopoverButton, PopoverPanel, Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';
@@ -27,108 +19,6 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-function isOutputFormat(value) {
-  return ["avif", "jpeg", "jpg", "png", "webp", "svg"].includes(value);
-}
-function isOutputFormatSupportsAlpha(value) {
-  return ["avif", "png", "webp"].includes(value);
-}
-function isAspectRatioString(value) {
-  return /^\d*:\d*$/.test(value);
-}
-function parseAspectRatio(aspectRatio) {
-  if (!aspectRatio) {
-    return void 0;
-  }
-  if (typeof aspectRatio === "number") {
-    return aspectRatio;
-  } else {
-    const [width, height] = aspectRatio.split(":");
-    return parseInt(width) / parseInt(height);
-  }
-}
-function isSSRService(service) {
-  return "transform" in service;
-}
-class BaseSSRService {
-  async getImageAttributes(transform) {
-    const { width, height, src, format, quality, aspectRatio, ...rest } = transform;
-    return {
-      ...rest,
-      width,
-      height
-    };
-  }
-  serializeTransform(transform) {
-    const searchParams = new URLSearchParams();
-    if (transform.quality) {
-      searchParams.append("q", transform.quality.toString());
-    }
-    if (transform.format) {
-      searchParams.append("f", transform.format);
-    }
-    if (transform.width) {
-      searchParams.append("w", transform.width.toString());
-    }
-    if (transform.height) {
-      searchParams.append("h", transform.height.toString());
-    }
-    if (transform.aspectRatio) {
-      searchParams.append("ar", transform.aspectRatio.toString());
-    }
-    if (transform.fit) {
-      searchParams.append("fit", transform.fit);
-    }
-    if (transform.background) {
-      searchParams.append("bg", transform.background);
-    }
-    if (transform.position) {
-      searchParams.append("p", encodeURI(transform.position));
-    }
-    searchParams.append("href", transform.src);
-    return { searchParams };
-  }
-  parseTransform(searchParams) {
-    if (!searchParams.has("href")) {
-      return void 0;
-    }
-    let transform = { src: searchParams.get("href") };
-    if (searchParams.has("q")) {
-      transform.quality = parseInt(searchParams.get("q"));
-    }
-    if (searchParams.has("f")) {
-      const format = searchParams.get("f");
-      if (isOutputFormat(format)) {
-        transform.format = format;
-      }
-    }
-    if (searchParams.has("w")) {
-      transform.width = parseInt(searchParams.get("w"));
-    }
-    if (searchParams.has("h")) {
-      transform.height = parseInt(searchParams.get("h"));
-    }
-    if (searchParams.has("ar")) {
-      const ratio = searchParams.get("ar");
-      if (isAspectRatioString(ratio)) {
-        transform.aspectRatio = ratio;
-      } else {
-        transform.aspectRatio = parseFloat(ratio);
-      }
-    }
-    if (searchParams.has("fit")) {
-      transform.fit = searchParams.get("fit");
-    }
-    if (searchParams.has("p")) {
-      transform.position = decodeURI(searchParams.get("p"));
-    }
-    if (searchParams.has("bg")) {
-      transform.background = searchParams.get("bg");
-    }
-    return transform;
-  }
-}
-
 global.__storefrontCMS = (fs, resolvePath) => {
   const { STOREFRONT_BASE_DIR } = process.env;
   let baseDir;
@@ -376,13 +266,13 @@ const loadRouteContext = async (Astro, {
     Astro.response.status = status;
     err.responseHTML = `<head>
       <meta http-equiv="refresh" content="0;
-        url=/fallback?status=${status}&url=${encodeURIComponent(urlPath)}"/>
+        url=/~fallback?status=${status}&url=${encodeURIComponent(urlPath)}"/>
       </head>
       <body></body>`;
     throw err;
   }
   Astro.response.headers.set("X-Load-Took", String(Date.now() - startedAt));
-  if (urlPath === "/fallback") {
+  if (urlPath === "/~fallback") {
     setResponseCache(Astro, 3600, 86400);
   } else if (isHomepage) {
     setResponseCache(Astro, 180, 300);
@@ -469,7 +359,7 @@ window.$storefront = ${JSON.stringify({ settings, data: {} })};`;
     inlineClientJS += `
 console.error(${JSON.stringify(message)});
 setTimeout(() => {
-  window.location.replace("/fallback?status=${statusCode}&url=${encodeURIComponent(url)}");
+  window.location.replace("/~fallback?status=${statusCode}&url=${encodeURIComponent(url)}");
 }, 1);`;
   }
   if (apiDoc) {
@@ -512,150 +402,98 @@ window.$isCmsPreview = true;`;
     url: `https://${domain}/`,
     logo: `https://${domain}${settings.logo}`
   });
-  return renderTemplate(_a$2 || (_a$2 = __template$2(['<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));
+  return renderTemplate(_a$2 || (_a$2 = __template$2(['<meta charset="UTF-8"><meta name="viewport" content="width=device-width"><meta name="theme-color"', '><link rel="icon" type="image/png"', ' sizes="32x32">', "<title>", '</title><meta name="description"', '><meta name="author"', '><meta name="generator"', '><link rel="canonical"', ">", '<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"', '><meta property="og:url"', '><meta property="og:title"', '><meta property="og:description"', '><meta property="og:type" content="website"><meta property="og:locale"', ">", "", '<meta name="twitter:card" content="summary">', '<meta name="ecom-store-id"', ">", "", "<script>", '<\/script><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);
-}
+const { STOREFRONT_BASE_DIR } = process.env;
+const baseDir = STOREFRONT_BASE_DIR || process.cwd();
+const builtImages = [];
+const manifestFilepath = join(baseDir, "dist/server/images.dist.csv");
+readFileSync(manifestFilepath, "utf-8").split(/\n/).forEach((line) => {
+  const [filename, width, height] = line.split(",");
+  builtImages.push({
+    filename,
+    width: Number(width),
+    height: Number(height)
+  });
+});
+builtImages.sort((a, b) => {
+  if (a.width < b.width)
+    return -1;
+  return 1;
+});
+const getBuiltImage = async ({ src, width, format }) => {
+  const filename = src.replace(/^.*\//, "").replace(/.\w+(\?.*)?$/, "");
+  const filenameRegExp = new RegExp(`[_.][a-z0-9]+\\.${format}$`, "i");
+  const matchFilename = (_builtImage) => {
+    return filename === _builtImage.filename.replace(filenameRegExp, "");
+  };
+  let builtImage = builtImages.find((_builtImage) => {
+    return _builtImage.width >= width && matchFilename(_builtImage);
+  });
+  if (!builtImage) {
+    builtImage = builtImages.find(matchFilename);
+  }
+  if (builtImage) {
+    return {
+      src: `/_astro/${builtImage.filename}`,
+      width: builtImage.width,
+      height: builtImage.height
+    };
+  }
+  console.warn(`Could not match built ${format} image for ${src} ${width}px`);
+  return { src, width };
+};
+
 function removeQueryString(src) {
   const index = src.lastIndexOf("?");
   return index > 0 ? src.substring(0, index) : src;
 }
-function extname(src) {
+function basename(src) {
+  return removeQueryString(src.replace(/^.*[\\\/]/, ""));
+}
+const extname = (src) => {
   const base = basename(src);
   const index = base.lastIndexOf(".");
   if (index <= 0) {
     return "";
   }
   return base.substring(index);
-}
-function basename(src) {
-  return removeQueryString(src.replace(/^.*[\\\/]/, ""));
-}
-
-function resolveSize(transform) {
-  if (transform.width && transform.height) {
-    return transform;
-  }
-  if (!transform.width && !transform.height) {
-    throw new Error(`"width" and "height" cannot both be undefined`);
-  }
-  if (!transform.aspectRatio) {
-    throw new Error(
-      `"aspectRatio" must be included if only "${transform.width ? "width" : "height"}" is provided`
-    );
-  }
-  let aspectRatio;
-  if (typeof transform.aspectRatio === "number") {
-    aspectRatio = transform.aspectRatio;
-  } else {
-    const [width, height] = transform.aspectRatio.split(":");
-    aspectRatio = Number.parseInt(width) / Number.parseInt(height);
-  }
-  if (transform.width) {
-    return {
-      ...transform,
-      width: transform.width,
-      height: Math.round(transform.width / aspectRatio)
-    };
-  } else if (transform.height) {
-    return {
-      ...transform,
-      width: Math.round(transform.height * aspectRatio),
-      height: transform.height
-    };
-  }
-  return transform;
-}
-async function resolveTransform(input) {
-  if (typeof input.src === "string") {
-    return resolveSize(input);
-  }
-  const metadata = "then" in input.src ? (await input.src).default : input.src;
-  let { width, height, aspectRatio, background, format = metadata.format, ...rest } = input;
-  if (!width && !height) {
-    width = metadata.width;
-    height = metadata.height;
-  } else if (width) {
-    let ratio = parseAspectRatio(aspectRatio) || metadata.width / metadata.height;
-    height = height || Math.round(width / ratio);
-  } else if (height) {
-    let ratio = parseAspectRatio(aspectRatio) || metadata.width / metadata.height;
-    width = width || Math.round(height * ratio);
-  }
-  return {
-    ...rest,
-    src: metadata.src,
-    width,
-    height,
-    aspectRatio,
-    format,
-    background
-  };
-}
-async function getImage(transform) {
-  var _a, _b, _c;
-  if (!transform.src) {
-    throw new Error("[@astrojs/image] `src` is required");
-  }
-  let loader = (_a = globalThis.astroImage) == null ? void 0 : _a.loader;
-  if (!loader) {
-    const { default: mod } = await import('./endpoint.js.4c130895.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?)"
-      );
-    });
-    loader = mod;
-    globalThis.astroImage = globalThis.astroImage || {};
-    globalThis.astroImage.loader = loader;
-  }
-  const resolved = await resolveTransform(transform);
-  const attributes = await loader.getImageAttributes(resolved);
-  const isDev = (_b = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SSR":true,"SITE":"https://ecom2-demo.web.app","ASSETS_PREFIX":undefined},{SSR:true,}))) == null ? void 0 : _b.DEV;
-  const isLocalImage = !isRemoteImage(resolved.src);
-  const _loader = isDev && isLocalImage ? globalThis.astroImage.defaultLoader : loader;
-  if (!_loader) {
-    throw new Error("@astrojs/image: loader not found!");
-  }
-  const { searchParams } = isSSRService(_loader) ? _loader.serializeTransform(resolved) : globalThis.astroImage.defaultLoader.serializeTransform(resolved);
-  const imgSrc = !isLocalImage && resolved.src.startsWith("//") ? `https:${resolved.src}` : resolved.src;
-  let src;
-  if (/^[\/\\]?@astroimage/.test(imgSrc)) {
-    src = `${imgSrc}?${searchParams.toString()}`;
-  } else {
-    searchParams.set("href", imgSrc);
-    src = `/_image?${searchParams.toString()}`;
+};
+function parseAspectRatio(aspectRatio) {
+  if (!aspectRatio) {
+    return void 0;
   }
-  if ((_c = globalThis.astroImage) == null ? void 0 : _c.addStaticImage) {
-    src = globalThis.astroImage.addStaticImage(resolved);
+  if (typeof aspectRatio === "number") {
+    return aspectRatio;
   }
-  return {
-    ...attributes,
-    src
-  };
+  const [width, height] = aspectRatio.split(":");
+  return parseInt(width, 10) / parseInt(height, 10);
 }
-
 async function resolveAspectRatio({ src, aspectRatio }) {
   if (typeof src === "string") {
     return parseAspectRatio(aspectRatio);
-  } else {
-    const metadata = "then" in src ? (await src).default : src;
-    return parseAspectRatio(aspectRatio) || metadata.width / metadata.height;
   }
+  throw new Error('Custom (faster) `Picture.ssr.astro` works only with string ("remote") src');
 }
 async function resolveFormats({ src, formats }) {
   const unique = new Set(formats);
   if (typeof src === "string") {
     unique.add(extname(src).replace(".", ""));
   } else {
-    const metadata = "then" in src ? (await src).default : src;
-    unique.add(extname(metadata.src).replace(".", ""));
+    throw new Error("Custom `Picture.ssr.astro` works only with string src");
   }
   return Array.from(unique).filter(Boolean);
 }
-async function getPicture(params) {
-  const { src, alt, widths, fit, position, background } = params;
+async function getBuiltPicture(params) {
+  const {
+    src,
+    alt,
+    widths,
+    fit,
+    position,
+    background
+  } = params;
   if (!src) {
     throw new Error("[@astrojs/image] `src` is required");
   }
@@ -673,8 +511,7 @@ async function getPicture(params) {
   async function getSource(format) {
     const imgs = await Promise.all(
       widths.map(async (width) => {
-        var _a;
-        const img = await getImage({
+        const img = await getBuiltImage({
           src,
           alt,
           format,
@@ -687,7 +524,7 @@ async function getPicture(params) {
         if (format === lastFormat && width === maxWidth) {
           image = img;
         }
-        return `${(_a = img.src) == null ? void 0 : _a.replaceAll(" ", encodeURI)} ${width}w`;
+        return `${img.src} ${width}w`;
       })
     );
     return {
@@ -698,7 +535,7 @@ async function getPicture(params) {
   const sources = await Promise.all(allFormats.map((format) => getSource(format)));
   return {
     sources,
-    // @ts-expect-error image will always be defined
+    // @ts-ignore
     image
   };
 }
@@ -833,18 +670,27 @@ const $$Astro$7 = createAstro("https://ecom2-demo.web.app");
 const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
   Astro2.self = $$Picture;
-  const deployRand = ({}).DEPLOY_RAND;
-  const versionSuffix = ({}).BUILD_OUTPUT !== "static" && deployRand ? `&V=${deployRand}` : "";
-  const getImageFilepath = (src) => {
-    return resolve(process.env.STOREFRONT_BASE_DIR, `public${src}`);
-  };
+  const { STOREFRONT_BASE_DIR } = process.env;
+  const baseDir = STOREFRONT_BASE_DIR || process.cwd();
+  const originalImages = [];
+  const manifestFilepath = join(baseDir, "dist/server/images.src.csv");
+  readFileSync(manifestFilepath, "utf-8").split(/\n/).forEach((line) => {
+    const [filepath, width, height] = line.split(",");
+    originalImages.push({
+      filepath,
+      width: Number(width),
+      height: Number(height)
+    });
+  });
   const tryImageSize = (src) => {
     let dimensions = {};
     if (typeof src === "string" && src.startsWith("/")) {
-      try {
-        dimensions = sizeOf(getImageFilepath(src));
-      } catch (e) {
-        dimensions = {};
+      const originalImage = originalImages.find(({ filepath }) => {
+        return new RegExp(`^/${filepath}\\??.*`).test(src);
+      });
+      if (originalImage) {
+        const { width, height } = originalImage;
+        dimensions = { width, height };
       }
     }
     return dimensions;
@@ -857,35 +703,17 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   } = await useSSRPicture({
     ...Astro2.props,
     tryImageSize,
-    getPicture
+    getPicture: getBuiltPicture
   });
-  if (imgAttrs) {
-    imgAttrs.src += versionSuffix;
-  }
-  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}>
-  ${sources.map((attrs) => {
-    if (versionSuffix) {
-      attrs.srcset = attrs.srcset.replace(/\s(\w+)$/, `${versionSuffix} $1`);
-    }
-    return renderTemplate`<source${spreadAttributes(attrs)}${addAttribute(sizes, "sizes")}>`;
-  })}
-  ${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`}
-</picture>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/Picture.astro", void 0);
+  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}>${sources.map((attrs) => renderTemplate`<source${spreadAttributes(attrs)}${addAttribute(sizes, "sizes")}>`)}${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`}</picture>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/images/Picture.runtime.astro", void 0);
 
 const $$Astro$6 = createAstro("https://ecom2-demo.web.app");
 const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
   Astro2.self = $$BaseBody;
   const { settings } = Astro2.locals.routeContext;
-  return renderTemplate`${maybeRenderHead()}<body>
-  <div id="teleported-overlap" class="relative z-[59]"></div>
-  <div id="teleported-top" class="relative z-[19]"></div>
-  ${renderSlot($$result, $$slots["default"])}
-  ${renderSlot($$result, $$slots["before-body-end"])}
-  <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>`;
+  return renderTemplate`${maybeRenderHead()}<body><div id="teleported-overlap" class="relative z-[59]"></div><div id="teleported-top" class="relative z-[19]"></div>${renderSlot($$result, $$slots["default"])}${renderSlot($$result, $$slots["before-body-end"])}<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", void 0);
 
 const $$Astro$5 = createAstro("https://ecom2-demo.web.app");
@@ -894,18 +722,7 @@ const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
   Astro2.self = $$Base$1;
   const { getContent } = Astro2.locals.routeContext;
   const { custom_code: customCodeContent } = await getContent("layout");
-  return renderTemplate`<head>
-  ${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"])}
-  ${renderSlot($$result, $$slots["before-head-end"])}
-${renderHead()}</head>
-${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate`
-  ${renderSlot($$result2, $$slots["default"])}
-  ${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"])}
-` })}`;
+  return renderTemplate`<head>${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"])}${renderSlot($$result, $$slots["before-head-end"])}${renderHead()}</head>${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["default"])}${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", void 0);
 
 var __freeze$1 = Object.freeze;
@@ -923,13 +740,7 @@ 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;
-  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"])}
-` })}`;
+  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", void 0);
 
 const checkObjNotNull = (obj) => {
@@ -4254,11 +4065,7 @@ const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
     field: "categories",
     value: categories?.map(({ _id, ...c }) => c)
   });
-  return renderTemplate`${renderSlot($$result, $$slots["pitch-bar"], renderTemplate(_a || (_a = __template(["\n  ", "\n  ", "\n\n<script>", "<\/script>\n", ""])), pitchBar.slides.length > 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}`, pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(inlineClientJS), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:load": true, "client:component-hydration": "load", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`
-    ${maybeRenderHead()}<a href="/">
-      ${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>
-  ` })}` })))}`;
+  return renderTemplate`${renderSlot($$result, $$slots["pitch-bar"], renderTemplate(_a || (_a = __template(["", "", "<script>", "<\/script>", ""])), pitchBar.slides.length > 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}`, pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(inlineClientJS), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:load": true, "client:component-hydration": "load", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`${maybeRenderHead()}<a href="/">${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", void 0);
 
 const $$Astro$1 = createAstro("https://ecom2-demo.web.app");
@@ -4268,13 +4075,7 @@ const $$Wildcard = createComponent(async ($$result, $$props, $$slots) => {
   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>${apiContext.resource}</i>
-      <p>${Math.random()}</p>
-      <em>Lorem ipsum dolor sit amet</em>
-    </div>`}
-</main>`;
+  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>${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", void 0);
 
 const $$Astro = createAstro("https://ecom2-demo.web.app");
@@ -4297,14 +4098,7 @@ const $$ = createComponent(async ($$result, $$props, $$slots) => {
     }
     loadError = err;
   }
-  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>
-${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>`;
+  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>${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", void 0);
 
 const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro";
@@ -4318,4 +4112,4 @@ const ____slug_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$BaseHead as $, BaseSSRService as B, Carousel as C, Prices as P, _export_sfc as _, $$PageHeader as a, $$Base as b, $$Picture as c, CarouselControl as d, addProductToCart as e, ____slug_ as f, isOutputFormatSupportsAlpha as i, loadRouteContext as l, parseShippingPhrase as p };
+export { $$Picture as $, Carousel as C, Prices as P, _export_sfc as _, CarouselControl as a, addProductToCart as b, $$BaseHead as c, $$PageHeader as d, $$Base as e, ____slug_ as f, loadRouteContext as l, parseShippingPhrase as p };

package/packages/storefront/dist/server/chunks/pages/{account.astro.53400a42.mjs → account.astro.9325adb2.mjs}

@@ -1,4 +1,4 @@
-import { c as createAstro, a as createComponent, r as renderTemplate } from '../astro.6adaff02.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate } from '../astro.a7611b51.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';