cloudcommerce 0.26.3 → 0.26.4

package/packages/storefront/dist/{client/chunks/pages/_...slug_.astro.ec6517ba.mjs → server/chunks/pages/_...slug_.astro.36e8882b.mjs}

@@ -1,15 +1,21 @@
-import { c as createAstro, a as createComponent, r as renderTemplate, u as unescapeHTML, b as renderComponent, d as addAttribute, F as Fragment, s as spreadAttributes, e as renderSlotToString, f as renderAllHeadContent, A as AstroError, E as ExpectedImage, L as LocalImageUsedWrongly, M as MissingImageDimension, U as UnsupportedImageFormat, g as ExpectedImageOptions, I as InvalidImageService, m as maybeRenderHead, h as renderSlot } from '../astro.11be33ee.mjs';
+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, b as addAttribute, d as renderComponent, u as unescapeHTML, F as Fragment, s as spreadAttributes, e as renderSlotToString, f as renderAllHeadContent, m as maybeRenderHead, g as renderSlot } from '../astro.708269c6.mjs';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
 import fs from 'node:fs';
-import { resolve, join } from 'node:path';
 import config from '@cloudcommerce/config';
 import { img, price, formatMoney, randomObjectId, nickname } from '@ecomplus/utils';
-import 'clsx';
 import { renderSync, parse, walkSync, ELEMENT_NODE } from 'ultrahtml';
-/* empty css                               */import imageSize from 'image-size';
-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, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, Suspense } from 'vue';
+/* empty css                               */import { reactive, computed, shallowRef, useSSRContext, defineComponent, inject, mergeProps, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, Suspense } from 'vue';
 import { useScroll, useElementHover, useDebounceFn, useTimeout, watchDebounced, promiseTimeout, watchOnce } from '@vueuse/core';
 import { ssrRenderAttrs, ssrRenderSlot, ssrRenderClass, ssrRenderVNode, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate, ssrRenderSuspense } from 'vue/server-renderer';
 import { Popover, PopoverButton, PopoverPanel, Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';
@@ -22,31 +28,106 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-function removeTrailingForwardSlash(path) {
-  return path.endsWith("/") ? path.slice(0, path.length - 1) : path;
+function isOutputFormat(value) {
+  return ["avif", "jpeg", "jpg", "png", "webp", "svg"].includes(value);
 }
-function removeLeadingForwardSlash(path) {
-  return path.startsWith("/") ? path.substring(1) : path;
+function isOutputFormatSupportsAlpha(value) {
+  return ["avif", "png", "webp"].includes(value);
 }
-function trimSlashes(path) {
-  return path.replace(/^\/|\/$/g, "");
+function isAspectRatioString(value) {
+  return /^\d*:\d*$/.test(value);
 }
-function isString(path) {
-  return typeof path === "string" || path instanceof String;
+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 joinPaths(...paths) {
-  return paths.filter(isString).map((path, i) => {
-    if (i === 0) {
-      return removeTrailingForwardSlash(path);
-    } else if (i === paths.length - 1) {
-      return removeLeadingForwardSlash(path);
-    } else {
-      return trimSlashes(path);
-    }
-  }).join("/");
+function isSSRService(service) {
+  return "transform" in service;
 }
-function isRemotePath(src) {
-  return /^(http|ftp|https|ws):?\/\//.test(src) || src.startsWith("data:");
+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) => {
@@ -338,6 +419,16 @@ 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");
+const $$ViewTransitions = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
+  Astro2.self = $$ViewTransitions;
+  const { fallback = "animate" } = Astro2.props;
+  return renderTemplate`<meta name="astro-view-transitions-enabled" content="true">
+<meta name="astro-view-transitions-fallback"${addAttribute(fallback, "content")}>
+`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/astro/components/ViewTransitions.astro", void 0);
+
 var __freeze$2 = Object.freeze;
 var __defProp$2 = Object.defineProperty;
 var __template$2 = (cooked, raw) => __freeze$2(__defProp$2(cooked, "raw", { value: __freeze$2(raw || cooked.slice()) }));
@@ -445,7 +536,7 @@ 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\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">\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\n<script>", '<\/script>\n<script type="application/ld+json">', "<\/script>\n\n", ""])), 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), renderComponent($$result, "ViewTransitions", $$ViewTransitions, {}));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", void 0);
 
 function has(value) {
@@ -584,335 +675,193 @@ const Head = createComponent({
   }
 });
 
-const VALID_SUPPORTED_FORMATS = [
-  "jpeg",
-  "jpg",
-  "png",
-  "tiff",
-  "webp",
-  "gif",
-  "svg"
-];
-
-function matchPattern(url, remotePattern) {
-  return matchProtocol(url, remotePattern.protocol) && matchHostname(url, remotePattern.hostname, true) && matchPort(url, remotePattern.port) && matchPathname(url, remotePattern.pathname, true);
-}
-function matchPort(url, port) {
-  return !port || port === url.port;
-}
-function matchProtocol(url, protocol) {
-  return !protocol || protocol === url.protocol.slice(0, -1);
+function isRemoteImage(src) {
+  return /^(https?:)?\/\//.test(src);
 }
-function matchHostname(url, hostname, allowWildcard) {
-  if (!hostname) {
-    return true;
-  } else if (!allowWildcard || !hostname.startsWith("*")) {
-    return hostname === url.hostname;
-  } else if (hostname.startsWith("**.")) {
-    const slicedHostname = hostname.slice(2);
-    return slicedHostname !== url.hostname && url.hostname.endsWith(slicedHostname);
-  } else if (hostname.startsWith("*.")) {
-    const slicedHostname = hostname.slice(1);
-    const additionalSubdomains = url.hostname.replace(slicedHostname, "").split(".").filter(Boolean);
-    return additionalSubdomains.length === 1;
-  }
-  return false;
+function removeQueryString(src) {
+  const index = src.lastIndexOf("?");
+  return index > 0 ? src.substring(0, index) : src;
 }
-function matchPathname(url, pathname, allowWildcard) {
-  if (!pathname) {
-    return true;
-  } else if (!allowWildcard || !pathname.endsWith("*")) {
-    return pathname === url.pathname;
-  } else if (pathname.endsWith("/**")) {
-    const slicedPathname = pathname.slice(0, -2);
-    return slicedPathname !== url.pathname && url.pathname.startsWith(slicedPathname);
-  } else if (pathname.endsWith("/*")) {
-    const slicedPathname = pathname.slice(0, -1);
-    const additionalPathChunks = url.pathname.replace(slicedPathname, "").split("/").filter(Boolean);
-    return additionalPathChunks.length === 1;
+function extname(src) {
+  const base = basename(src);
+  const index = base.lastIndexOf(".");
+  if (index <= 0) {
+    return "";
   }
-  return false;
-}
-
-function isESMImportedImage(src) {
-  return typeof src === "object";
+  return base.substring(index);
 }
-function isRemoteAllowed(src, {
-  domains = [],
-  remotePatterns = []
-}) {
-  if (!isRemotePath(src))
-    return false;
-  const url = new URL(src);
-  return domains.some((domain) => matchHostname(url, domain)) || remotePatterns.some((remotePattern) => matchPattern(url, remotePattern));
+function basename(src) {
+  return removeQueryString(src.replace(/^.*[\\\/]/, ""));
 }
 
-function isLocalService(service) {
-  if (!service) {
-    return false;
+function resolveSize(transform) {
+  if (transform.width && transform.height) {
+    return transform;
   }
-  return "transform" in service;
-}
-function parseQuality(quality) {
-  let result = parseInt(quality);
-  if (Number.isNaN(result)) {
-    return quality;
+  if (!transform.width && !transform.height) {
+    throw new Error(`"width" and "height" cannot both be undefined`);
   }
-  return result;
-}
-const baseService = {
-  validateOptions(options) {
-    if (!options.src || typeof options.src !== "string" && typeof options.src !== "object") {
-      throw new AstroError({
-        ...ExpectedImage,
-        message: ExpectedImage.message(JSON.stringify(options.src))
-      });
-    }
-    if (!isESMImportedImage(options.src)) {
-      if (options.src.startsWith("/@fs/")) {
-        throw new AstroError({
-          ...LocalImageUsedWrongly,
-          message: LocalImageUsedWrongly.message(options.src)
-        });
-      }
-      let missingDimension;
-      if (!options.width && !options.height) {
-        missingDimension = "both";
-      } else if (!options.width && options.height) {
-        missingDimension = "width";
-      } else if (options.width && !options.height) {
-        missingDimension = "height";
-      }
-      if (missingDimension) {
-        throw new AstroError({
-          ...MissingImageDimension,
-          message: MissingImageDimension.message(missingDimension, options.src)
-        });
-      }
-    } else {
-      if (!VALID_SUPPORTED_FORMATS.includes(options.src.format)) {
-        throw new AstroError({
-          ...UnsupportedImageFormat,
-          message: UnsupportedImageFormat.message(
-            options.src.format,
-            options.src.src,
-            VALID_SUPPORTED_FORMATS
-          )
-        });
-      }
-      if (options.src.format === "svg") {
-        options.format = "svg";
-      }
-    }
-    if (!options.format) {
-      options.format = "webp";
-    }
-    return options;
-  },
-  getHTMLAttributes(options) {
-    let targetWidth = options.width;
-    let targetHeight = options.height;
-    if (isESMImportedImage(options.src)) {
-      const aspectRatio = options.src.width / options.src.height;
-      if (targetHeight && !targetWidth) {
-        targetWidth = Math.round(targetHeight * aspectRatio);
-      } else if (targetWidth && !targetHeight) {
-        targetHeight = Math.round(targetWidth / aspectRatio);
-      } else if (!targetWidth && !targetHeight) {
-        targetWidth = options.src.width;
-        targetHeight = options.src.height;
-      }
-    }
-    const { src, width, height, format, quality, ...attributes } = options;
+  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 {
-      ...attributes,
-      width: targetWidth,
-      height: targetHeight,
-      loading: attributes.loading ?? "lazy",
-      decoding: attributes.decoding ?? "async"
-    };
-  },
-  getURL(options, imageConfig) {
-    const searchParams = new URLSearchParams();
-    if (isESMImportedImage(options.src)) {
-      searchParams.append("href", options.src.src);
-    } else if (isRemoteAllowed(options.src, imageConfig)) {
-      searchParams.append("href", options.src);
-    } else {
-      return options.src;
-    }
-    const params = {
-      w: "width",
-      h: "height",
-      q: "quality",
-      f: "format"
+      ...transform,
+      width: transform.width,
+      height: Math.round(transform.width / aspectRatio)
     };
-    Object.entries(params).forEach(([param, key]) => {
-      options[key] && searchParams.append(param, options[key].toString());
-    });
-    const imageEndpoint = joinPaths("/", "/_image");
-    return `${imageEndpoint}?${searchParams}`;
-  },
-  parseURL(url) {
-    const params = url.searchParams;
-    if (!params.has("href")) {
-      return void 0;
-    }
-    const transform = {
-      src: params.get("href"),
-      width: params.has("w") ? parseInt(params.get("w")) : void 0,
-      height: params.has("h") ? parseInt(params.get("h")) : void 0,
-      format: params.get("f"),
-      quality: params.get("q")
+  } else if (transform.height) {
+    return {
+      ...transform,
+      width: Math.round(transform.height * aspectRatio),
+      height: transform.height
     };
-    return transform;
   }
-};
-
-/* eslint-disable */
-function isRemoteImage(src) {
-  return typeof src === "string";
+  return transform;
 }
-async function getConfiguredImageService() {
-  if (!globalThis?.astroAsset?.imageService) {
-    const { default: service } = await import(
-      // @ts-expect-error
-      '../sharp.3f154e38.mjs'
-    ).catch((e) => {
-      const error = new AstroError(InvalidImageService);
-      error.cause = e;
-      throw error;
-    });
-    if (!globalThis.astroAsset)
-      globalThis.astroAsset = {};
-    globalThis.astroAsset.imageService = service;
-    return service;
+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 globalThis.astroAsset.imageService;
+  return {
+    ...rest,
+    src: metadata.src,
+    width,
+    height,
+    aspectRatio,
+    format,
+    background
+  };
 }
-async function getImage(options, imageConfig) {
-  if (!options || typeof options !== "object") {
-    throw new AstroError({
-      ...ExpectedImageOptions,
-      message: ExpectedImageOptions.message(JSON.stringify(options))
+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.f7a896a1.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()}`;
   }
-  const service = await getConfiguredImageService();
-  const resolvedOptions = {
-    ...options,
-    src: typeof options.src === "object" && "then" in options.src ? (await options.src).default : options.src
-  };
-  const validatedOptions = service.validateOptions ? await service.validateOptions(resolvedOptions, imageConfig) : resolvedOptions;
-  let imageURL = await service.getURL(validatedOptions, imageConfig);
-  if (isLocalService(service) && globalThis.astroAsset.addStaticImage && // If `getURL` returned the same URL as the user provided, it means the service doesn't need to do anything
-  !(isRemoteImage(validatedOptions.src) && imageURL === validatedOptions.src)) {
-    imageURL = globalThis.astroAsset.addStaticImage(validatedOptions);
+  if ((_c = globalThis.astroImage) == null ? void 0 : _c.addStaticImage) {
+    src = globalThis.astroImage.addStaticImage(resolved);
   }
   return {
-    rawOptions: resolvedOptions,
-    options: validatedOptions,
-    src: imageURL,
-    attributes: service.getHTMLAttributes !== void 0 ? service.getHTMLAttributes(validatedOptions, imageConfig) : {}
+    ...attributes,
+    src
   };
 }
 
-function removeQueryString(src) {
-  const index = src.lastIndexOf("?");
-  return index > 0 ? src.substring(0, index) : 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 parseAspectRatio(aspectRatio) {
-  if (!aspectRatio) {
-    return void 0;
-  }
-  if (typeof aspectRatio === "number") {
-    return aspectRatio;
-  }
-  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.runtime.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 {
-    throw new Error("Custom `Picture.ssr.astro` works only with string src");
+    const metadata = "then" in src ? (await src).default : src;
+    unique.add(extname(metadata.src).replace(".", ""));
   }
   return Array.from(unique).filter(Boolean);
 }
-const createPictureGetter = (getImage) => {
-  return async (params) => {
-    const {
-      src,
-      alt,
-      widths,
-      fit,
-      position,
-      background
-    } = params;
-    if (!src) {
-      throw new Error("[@astrojs/image] `src` is required");
-    }
-    if (!widths || !Array.isArray(widths)) {
-      throw new Error("[@astrojs/image] at least one `width` is required. ex: `widths={[100]}`");
-    }
-    const aspectRatio = await resolveAspectRatio(params);
-    if (!aspectRatio) {
-      throw new Error("`aspectRatio` must be provided for remote images");
-    }
-    const allFormats = await resolveFormats(params);
-    const lastFormat = allFormats[allFormats.length - 1];
-    const maxWidth = Math.max(...widths);
-    let image;
-    async function getSource(format) {
-      const imgs = await Promise.all(
-        widths.map(async (width) => {
-          const img = await getImage({
-            src,
-            alt,
-            format,
-            width,
-            height: width / aspectRatio,
-            fit,
-            position,
-            background,
-            aspectRatio
-          });
-          if (format === lastFormat && width === maxWidth) {
-            image = img;
-          }
-          return `${img.src} ${width}w`;
-        })
-      );
-      return {
-        type: mime.getType(format) || format,
-        srcset: imgs.join(",")
-      };
-    }
-    const sources = await Promise.all(allFormats.map((format) => getSource(format)));
+async function getPicture(params) {
+  const { src, alt, widths, fit, position, background } = params;
+  if (!src) {
+    throw new Error("[@astrojs/image] `src` is required");
+  }
+  if (!widths || !Array.isArray(widths)) {
+    throw new Error("[@astrojs/image] at least one `width` is required. ex: `widths={[100]}`");
+  }
+  const aspectRatio = await resolveAspectRatio(params);
+  if (!aspectRatio) {
+    throw new Error("`aspectRatio` must be provided for remote images");
+  }
+  const allFormats = await resolveFormats(params);
+  const lastFormat = allFormats[allFormats.length - 1];
+  const maxWidth = Math.max(...widths);
+  let image;
+  async function getSource(format) {
+    const imgs = await Promise.all(
+      widths.map(async (width) => {
+        var _a;
+        const img = await getImage({
+          src,
+          alt,
+          format,
+          width,
+          fit,
+          position,
+          background,
+          aspectRatio
+        });
+        if (format === lastFormat && width === maxWidth) {
+          image = img;
+        }
+        return `${(_a = img.src) == null ? void 0 : _a.replaceAll(" ", encodeURI)} ${width}w`;
+      })
+    );
     return {
-      sources,
-      // @ts-ignore
-      image
+      type: mime.getType(format) || format,
+      srcset: imgs.join(",")
     };
+  }
+  const sources = await Promise.all(allFormats.map((format) => getSource(format)));
+  return {
+    sources,
+    // @ts-expect-error image will always be defined
+    image
   };
-};
+}
 
 const getAspectRatio = (src, tryImageSize) => {
   if (typeof src === "string") {
@@ -1060,7 +1009,7 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
   Astro2.self = $$Picture;
   const deployRand = ({}).DEPLOY_RAND;
-  const versionSuffix = process.env.BUILD_OUTPUT !== "static" && deployRand ? `&V=${deployRand}` : "";
+  const versionSuffix = ({}).BUILD_OUTPUT !== "static" && deployRand ? `&V=${deployRand}` : "";
   const getImageFilepath = (src) => {
     return resolve(process.env.STOREFRONT_BASE_DIR, `public${src}`);
   };
@@ -1068,7 +1017,7 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
     let dimensions = {};
     if (typeof src === "string" && src.startsWith("/")) {
       try {
-        dimensions = imageSize(getImageFilepath(src));
+        dimensions = sizeOf(getImageFilepath(src));
       } catch (e) {
         dimensions = {};
       }
@@ -1083,14 +1032,7 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   } = await useSSRPicture({
     ...Astro2.props,
     tryImageSize,
-    getPicture: createPictureGetter(async (imageOptions) => {
-      const {
-        options,
-        src,
-        attributes: { width, height }
-      } = await getImage(imageOptions);
-      return { src, width, height };
-    })
+    getPicture
   });
   if (imgAttrs) {
     imgAttrs.src += versionSuffix;
@@ -3646,8 +3588,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const SearchModal = defineAsyncComponent(() => import('../SearchModal.f603145b.mjs'));
-    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar.0ce1e999.mjs'));
+    const SearchModal = defineAsyncComponent(() => import('../SearchModal.5f5e6a15.mjs'));
+    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar.41b20543.mjs'));
     const header = ref(null);
     const {
       isSticky,
@@ -3934,4 +3876,4 @@ const ____slug_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$Picture as $, Carousel as C, SocialNetworkLink as S, _export_sfc as _, CarouselControl as a, availableExtraDiscount as b, addProductToCart as c, discountOption as d, loadRouteContext as e, filterMainCategories as f, $$BaseHead as g, $$PageHeader as h, installmentsOption as i, $$Base as j, parseProduct as k, loyaltyPointsPrograms as l, useId as m, freeShippingFromValue as n, shoppingCart as o, parseShippingPhrase as p, baseService as q, removeCartItem as r, socialNetworks as s, totalItems as t, useSharedData as u, parseQuality as v, ____slug_ as w };
+export { $$Picture as $, BaseSSRService as B, Carousel as C, SocialNetworkLink as S, _export_sfc as _, CarouselControl as a, availableExtraDiscount as b, installmentsOption as c, discountOption as d, addProductToCart as e, filterMainCategories as f, loadRouteContext as g, $$BaseHead as h, isOutputFormatSupportsAlpha as i, $$PageHeader as j, $$Base as k, loyaltyPointsPrograms as l, parseProduct as m, useId as n, freeShippingFromValue as o, parseShippingPhrase as p, shoppingCart as q, removeCartItem as r, socialNetworks as s, totalItems as t, useSharedData as u, ____slug_ as v };