cloudcommerce 0.39.0 → 0.40.0

package/packages/storefront/dist/server/chunks/pages/{account_iG-YqJ5q.mjs → account_WliDuQOB.mjs}

@@ -1,6 +1,6 @@
-import { e as createAstro, f as createComponent, r as renderTemplate, h as addAttribute, i as renderComponent, m as maybeRenderHead } from '../astro_zcC1GStV.mjs';
+import { e as createAstro, f as createComponent, r as renderTemplate, h as addAttribute, i as renderComponent, m as maybeRenderHead } from '../astro_PpArQAsY.mjs';
 import 'kleur/colors';
-import { l as loadRouteContext, $ as $$BaseHead, a as $$Picture, b as $$Base } from './__MSibDuuV.mjs';
+import { l as loadRouteContext, $ as $$BaseHead, a as $$Picture, b as $$Base } from './__cEcxuEWe.mjs';
 
 const $$Astro = createAstro("https://demo.ecomplus.app");
 const $$Account = createComponent(async ($$result, $$props, $$slots) => {

package/packages/storefront/dist/server/chunks/pages/{index_BtDyKPh_.mjs → index_2bQLkQf-.mjs}

@@ -1,6 +1,6 @@
-import { e as createAstro, f as createComponent, r as renderTemplate, m as maybeRenderHead, i as renderComponent, h as addAttribute, u as unescapeHTML, F as Fragment$1 } from '../astro_zcC1GStV.mjs';
+import { e as createAstro, f as createComponent, r as renderTemplate, m as maybeRenderHead, i as renderComponent, h as addAttribute, u as unescapeHTML, F as Fragment$1 } from '../astro_PpArQAsY.mjs';
 import 'kleur/colors';
-import { _ as _export_sfc, B as Banner, u as usePageHero, c as $$BannerPictures, d as $$Sections, l as loadRouteContext, $ as $$BaseHead, e as $$PageHeader, f as $$PageFooter, b as $$Base, F as FooterStamps, a as $$Picture } from './__MSibDuuV.mjs';
+import { _ as _export_sfc, B as Banner, u as usePageHero, c as $$BannerPictures, d as $$Sections, l as loadRouteContext, $ as $$BaseHead, e as $$PageHeader, f as $$PageFooter, b as $$Base, F as FooterStamps, a as $$Picture } from './__cEcxuEWe.mjs';
 import 'clsx';
 import { useSSRContext, defineComponent, ref, onMounted, resolveComponent, mergeProps, withCtx, createVNode, withDirectives, vShow, renderSlot, openBlock, createBlock, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrRenderStyle, ssrRenderClass, ssrRenderList, ssrRenderSlot, ssrInterpolate } from 'vue/server-renderer';
@@ -25,7 +25,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Carousel = resolveComponent("Carousel");
   const _component_CarouselControl = resolveComponent("CarouselControl");
-  _push(`<section${ssrRenderAttrs(mergeProps({ class: "relative mx-auto" }, _attrs))}>`);
+  _push(`<section${ssrRenderAttrs(mergeProps({ class: "relative mx-auto mb-9 md:mb-12" }, _attrs))}>`);
   _push(ssrRenderComponent(_component_Carousel, {
     autoplay: $props.autoplay,
     class: "secondary [&>*]:items-center"

package/packages/storefront/dist/server/chunks/pages/{node_bKqL47eZ.mjs → node_ZaY4t9qW.mjs}

@@ -2,8 +2,26 @@ import { isRemotePath } from '@astrojs/internal-helpers/path';
 import { readFile } from 'fs/promises';
 import mime from 'mime/lite.js';
 import 'os';
-import { a as getConfiguredImageService, b as isRemoteAllowed } from '../astro/assets-service_QlOZG8ov.mjs';
-import { i as imageConfig, g as assetsDir } from './__MSibDuuV.mjs';
+import { A as AstroError, I as InvalidImageService, c as isRemoteAllowed } from '../astro/assets-service_TpUb271h.mjs';
+import { i as imageConfig, g as assetsDir } from './__cEcxuEWe.mjs';
+
+async function getConfiguredImageService() {
+  if (!globalThis?.astroAsset?.imageService) {
+    const { default: service } = await import(
+      // @ts-expect-error
+      '../astro/assets-service_TpUb271h.mjs'
+    ).then(n => n.s).catch((e) => {
+      const error = new AstroError(InvalidImageService);
+      error.cause = e;
+      throw error;
+    });
+    if (!globalThis.astroAsset)
+      globalThis.astroAsset = {};
+    globalThis.astroAsset.imageService = service;
+    return service;
+  }
+  return globalThis.astroAsset.imageService;
+}
 
 const fnv1a52 = (str) => {
   const len = str.length;
@@ -86,6 +104,7 @@ const GET = async ({ request }) => {
       }
     });
   } catch (err) {
+    console.error("Could not process image request:", err);
     return new Response(`Server Error: ${err}`, { status: 500 });
   }
 };

package/packages/storefront/dist/server/chunks/pages/{~fallback_73R5VA6j.mjs → ~fallback_TL5hPXF_.mjs}

@@ -1,6 +1,6 @@
-import { e as createAstro, f as createComponent, r as renderTemplate, m as maybeRenderHead, h as addAttribute, i as renderComponent } from '../astro_zcC1GStV.mjs';
+import { e as createAstro, f as createComponent, r as renderTemplate, m as maybeRenderHead, h as addAttribute, i as renderComponent } from '../astro_PpArQAsY.mjs';
 import 'kleur/colors';
-import { l as loadRouteContext, $ as $$BaseHead, e as $$PageHeader, b as $$Base } from './__MSibDuuV.mjs';
+import { l as loadRouteContext, $ as $$BaseHead, e as $$PageHeader, b as $$Base } from './__cEcxuEWe.mjs';
 import 'clsx';
 
 const $$Astro$1 = createAstro("https://demo.ecomplus.app");

package/packages/storefront/dist/server/chunks/{~fallback_7q1dqY4e.mjs → ~fallback_wxuqpDXG.mjs}

@@ -1,6 +1,6 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
 
-const page = () => import('./pages/~fallback_73R5VA6j.mjs');
+const page = () => import('./pages/~fallback_TL5hPXF_.mjs');
 
 export { page };

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

@@ -3,9 +3,9 @@ import http from 'node:http';
 import { TLSSocket } from 'node:tls';
 import { appendForwardSlash as appendForwardSlash$1, joinPaths, trimSlashes, slash, prependForwardSlash, removeTrailingForwardSlash, collapseDuplicateSlashes } from '@astrojs/internal-helpers/path';
 import { serialize, parse } from 'cookie';
-import { l as levels, g as getEventPrefix, L as Logger, A as AstroIntegrationLogger, manifest } from './manifest_dSwvaOdW.mjs';
+import { l as levels, g as getEventPrefix, L as Logger, A as AstroIntegrationLogger, manifest } from './manifest_YgAgEwvF.mjs';
 import 'kleur/colors';
-import { A as AstroError, R as ResponseSentError, o as MiddlewareNoDataOrNextCalled, p as MiddlewareNotAResponse, G as GetStaticPathsRequired, q as InvalidGetStaticPathsReturn, t as InvalidGetStaticPathsEntry, v as GetStaticPathsExpectedParams, w as GetStaticPathsInvalidRouteParam, P as PageNumberParamNotFound, N as NoMatchingStaticPathFound, x as PrerenderDynamicEndpointPathCollide, y as LocalsNotAnObject, z as ASTRO_VERSION, C as ClientAddressNotAvailable, S as StaticClientAddressNotAvailable, B as renderEndpoint, D as ReservedSlotName, k as renderSlotToString, H as renderJSX, J as chunkToString, K as CantRenderPage, O as renderPage$1 } from './chunks/astro_zcC1GStV.mjs';
+import { A as AstroError, R as ResponseSentError, o as MiddlewareNoDataOrNextCalled, p as MiddlewareNotAResponse, G as GetStaticPathsRequired, q as InvalidGetStaticPathsReturn, t as InvalidGetStaticPathsEntry, v as GetStaticPathsExpectedParams, w as GetStaticPathsInvalidRouteParam, P as PageNumberParamNotFound, N as NoMatchingStaticPathFound, x as PrerenderDynamicEndpointPathCollide, y as LocalsNotAnObject, z as ASTRO_VERSION, C as ClientAddressNotAvailable, S as StaticClientAddressNotAvailable, B as renderEndpoint, D as ReservedSlotName, k as renderSlotToString, H as renderJSX, J as chunkToString, K as CantRenderPage, O as renderPage$1 } from './chunks/astro_PpArQAsY.mjs';
 import 'clsx';
 import buffer from 'node:buffer';
 import crypto from 'node:crypto';
@@ -396,7 +396,13 @@ function redirectRouteGenerate(redirectRoute, data) {
   if (typeof routeData !== "undefined") {
     return routeData?.generate(data) || routeData?.pathname || "/";
   } else if (typeof route === "string") {
-    return route;
+    let target = route;
+    for (const param of Object.keys(data)) {
+      const paramValue = data[param];
+      target = target.replace(`[${param}]`, paramValue);
+      target = target.replace(`[...${param}]`, paramValue);
+    }
+    return target;
   } else if (typeof route === "undefined") {
     return "/";
   }
@@ -1733,7 +1739,8 @@ class App {
    * This also handles pre-rendered /404 or /500 routes
    */
   async #renderError(request, { status, response: originalResponse, skipMiddleware = false }) {
-    const errorRouteData = matchRoute("/" + status, this.#manifestData);
+    const errorRoutePath = `/${status}${this.#manifest.trailingSlash === "always" ? "/" : ""}`;
+    const errorRouteData = matchRoute(errorRoutePath, this.#manifestData);
     const url = new URL(request.url);
     if (errorRouteData) {
       if (errorRouteData.prerender) {
@@ -1778,8 +1785,8 @@ class App {
     Reflect.set(response, responseSentSymbol, true);
     return response;
   }
-  #mergeResponses(newResponse, oldResponse, override) {
-    if (!oldResponse) {
+  #mergeResponses(newResponse, originalResponse, override) {
+    if (!originalResponse) {
       if (override !== void 0) {
         return new Response(newResponse.body, {
           status: override.status,
@@ -1789,12 +1796,23 @@ class App {
       }
       return newResponse;
     }
-    const { statusText, headers } = oldResponse;
-    const status = override?.status ? override.status : oldResponse.status === 200 ? newResponse.status : oldResponse.status;
+    const status = override?.status ? override.status : originalResponse.status === 200 ? newResponse.status : originalResponse.status;
+    try {
+      originalResponse.headers.delete("Content-type");
+    } catch {
+    }
     return new Response(newResponse.body, {
       status,
-      statusText: status === 200 ? newResponse.statusText : statusText,
-      headers: new Headers(Array.from(headers))
+      statusText: status === 200 ? newResponse.statusText : originalResponse.statusText,
+      // If you're looking at here for possible bugs, it means that it's not a bug.
+      // With the middleware, users can meddle with headers, and we should pass to the 404/500.
+      // If users see something weird, it's because they are setting some headers they should not.
+      //
+      // Although, we don't want it to replace the content-type, because the error page must return `text/html`
+      headers: new Headers([
+        ...Array.from(newResponse.headers),
+        ...Array.from(originalResponse.headers)
+      ])
     });
   }
   #getDefaultStatusCode(routeData, pathname) {
@@ -2236,12 +2254,12 @@ const adapter = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   start
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const _page0  = () => import('./chunks/node_2VvC7trl.mjs');
-const _page1  = () => import('./chunks/index_nIwq11oA.mjs');
-const _page2  = () => import('./chunks/~fallback_7q1dqY4e.mjs');
-const _page3  = () => import('./chunks/index_uAR5ZV4d.mjs');
-const _page4  = () => import('./chunks/account_3ySmGzMc.mjs');
-const _page5  = () => import('./chunks/_.._S7DDBn_b.mjs');const pageMap = new Map([["../../node_modules/.pnpm/astro@4.0.4_@types+node@18.19.3_typescript@5.2.2/node_modules/astro/dist/assets/endpoint/node.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 _page0  = () => import('./chunks/node_wOa5hJmt.mjs');
+const _page1  = () => import('./chunks/index_1q5IpD39.mjs');
+const _page2  = () => import('./chunks/~fallback_wxuqpDXG.mjs');
+const _page3  = () => import('./chunks/index_JEU6B2DI.mjs');
+const _page4  = () => import('./chunks/account_iZ2QmK5E.mjs');
+const _page5  = () => import('./chunks/_.._FnNLvTNv.mjs');const pageMap = new Map([["../../node_modules/.pnpm/astro@4.0.7_@types+node@18.19.3_typescript@5.2.2/node_modules/astro/dist/assets/endpoint/node.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(manifest, {
 	pageMap,
 	renderers,

package/packages/storefront/dist/server/{manifest_dSwvaOdW.mjs → manifest_YgAgEwvF.mjs}

@@ -2,7 +2,7 @@ import '@astrojs/internal-helpers/path';
 import 'cookie';
 import { bold, red, yellow, dim, blue } from 'kleur/colors';
 import 'string-width';
-import './chunks/astro_zcC1GStV.mjs';
+import './chunks/astro_PpArQAsY.mjs';
 import 'clsx';
 import { compile } from 'path-to-regexp';
 
@@ -19,13 +19,14 @@ const levels = {
   error: 50,
   silent: 90
 };
-function log(opts, level, label, message) {
+function log(opts, level, label, message, newLine = true) {
   const logLevel = opts.level;
   const dest = opts.dest;
   const event = {
     label,
     level,
-    message
+    message,
+    newLine
   };
   if (!isLogLevelEnabled(logLevel, level)) {
     return;
@@ -35,14 +36,14 @@ function log(opts, level, label, message) {
 function isLogLevelEnabled(configuredLogLevel, level) {
   return levels[configuredLogLevel] <= levels[level];
 }
-function info(opts, label, message) {
-  return log(opts, "info", label, message);
+function info(opts, label, message, newLine = true) {
+  return log(opts, "info", label, message, newLine);
 }
-function warn(opts, label, message) {
-  return log(opts, "warn", label, message);
+function warn(opts, label, message, newLine = true) {
+  return log(opts, "warn", label, message, newLine);
 }
-function error(opts, label, message) {
-  return log(opts, "error", label, message);
+function error(opts, label, message, newLine = true) {
+  return log(opts, "error", label, message, newLine);
 }
 function debug(...args) {
   if ("_astroGlobalDebug" in globalThis) {
@@ -83,14 +84,14 @@ class Logger {
   constructor(options) {
     this.options = options;
   }
-  info(label, message) {
-    info(this.options, label, message);
+  info(label, message, newLine = true) {
+    info(this.options, label, message, newLine);
   }
-  warn(label, message) {
-    warn(this.options, label, message);
+  warn(label, message, newLine = true) {
+    warn(this.options, label, message, newLine);
   }
-  error(label, message) {
-    error(this.options, label, message);
+  error(label, message, newLine = true) {
+    error(this.options, label, message, newLine);
   }
   debug(label, ...messages) {
     debug(label, ...messages);
@@ -190,6 +191,6 @@ function deserializeManifest(serializedManifest) {
   };
 }
 
-const manifest = 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/astro@4.0.4_@types+node@18.19.3_typescript@5.2.2/node_modules/astro/dist/assets/endpoint/node.js","pathname":"/_image","prerender":false,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted._FbzheVm.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.r8QHNfdw.css"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","prerender":false,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted._FbzheVm.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.r8QHNfdw.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,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.B6fKrLPR.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.r8QHNfdw.css"}],"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,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted._FbzheVm.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.r8QHNfdw.css"}],"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,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted._FbzheVm.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.r8QHNfdw.css"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","prerender":false,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}}],"site":"https://demo.ecomplus.app","base":"/","trailingSlash":"ignore","compressHTML":false,"componentMetadata":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro",{"propagation":"in-tree","containsHead":false}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/[...slug]@_@astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astrojs-ssr-virtual-entry",{"propagation":"in-tree","containsHead":false}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/app/account@_@astro",{"propagation":"in-tree","containsHead":false}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/app/index@_@astro",{"propagation":"in-tree","containsHead":false}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/index@_@astro",{"propagation":"in-tree","containsHead":false}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/~fallback.astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/~fallback@_@astro",{"propagation":"in-tree","containsHead":false}]],"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,s)=>{let n=async()=>{await(await i())()},t=new IntersectionObserver(e=>{for(let o of e)if(o.isIntersecting){t.disconnect(),n();break}});for(let e of s.children)t.observe(e)};(self.Astro||(self.Astro={})).visible=r;window.dispatchEvent(new Event(\"astro:visible\"));})();"],["context","(()=>{var n=(d,i)=>{let t=async()=>{await(await d())()},e=()=>{if(i.value===\"idle\"){if(typeof window.requestIdleCallback==\"function\"){setTimeout(()=>window.requestIdleCallback(t),9);return}setTimeout(t,200);return}t()},o=window.$storefront?.apiContext?.doc._id||null;if(window._firstLoadContextId===o&&window._emitedContextId===o){console.log(\"[ctx] first load\"),e(),document.addEventListener(\"astro:beforeload\",()=>{delete window._firstLoadContextId},{once:!0});return}window.addEventListener(\"storefront:apiContext\",e,{once:!0})};(self.Astro||(self.Astro={})).context=n;window.dispatchEvent(new Event(\"astro:context\"));})();\n"]],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"entry.mjs","\u0000@astro-renderers":"renderers.mjs","\u0000empty-middleware":"_empty-middleware.mjs","/src/pages/app/account.astro":"chunks/pages/account_iG-YqJ5q.mjs","/../../node_modules/.pnpm/astro@4.0.4_@types+node@18.19.3_typescript@5.2.2/node_modules/astro/dist/assets/endpoint/node.js":"chunks/pages/node_bKqL47eZ.mjs","/src/pages/~fallback.astro":"chunks/pages/~fallback_73R5VA6j.mjs","\u0000@astrojs-manifest":"manifest_dSwvaOdW.mjs","\u0000@astro-page:../../node_modules/.pnpm/astro@4.0.4_@types+node@18.19.3_typescript@5.2.2/node_modules/astro/dist/assets/endpoint/node@_@js":"chunks/node_2VvC7trl.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index_nIwq11oA.mjs","\u0000@astro-page:src/pages/~fallback@_@astro":"chunks/~fallback_7q1dqY4e.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index_uAR5ZV4d.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account_3ySmGzMc.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_.._S7DDBn_b.mjs","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/SearchModal.vue":"_astro/SearchModal.F7vbwxIv.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/CartSidebar.vue":"_astro/CartSidebar.1kUFk9Xn.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/photoswipe/dist/photoswipe.css?inline":"_astro/photoswipe.0V7m2jWu.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/photoswipe/dist/photoswipe-lightbox.esm.js":"_astro/photoswipe-lightbox.esm.dZBqKD9u.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.cPMfoOsn.js","~/components/PitchBar.vue":"_astro/PitchBar.FelC04wE.js","~/components/SearchContainer.vue":"_astro/SearchContainer.BzixfU3R.js","~/components/AccountPage.vue":"_astro/AccountPage.j0C5JBLY.js","~/components/HeroSlider.vue":"_astro/HeroSlider.tR1dVXyu.js","/astro/hoisted.js?q=0":"_astro/hoisted.B6fKrLPR.js","~/components/ProductDetails.vue":"_astro/ProductDetails.B6Ih5MGf.js","~/components/ProductShelf.vue":"_astro/ProductShelf.GESxuPZ_.js","@astrojs/vue/client.js":"_astro/client.RF8UxjZd.js","/astro/hoisted.js?q=1":"_astro/hoisted._FbzheVm.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/photoswipe/dist/photoswipe.esm.js":"_astro/photoswipe.esm.Ylh9TGkz.js","~/components/ShopHeader.vue":"_astro/ShopHeader.5vR1LgSW.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/_slug_.r8QHNfdw.css","/robots.txt","/_astro/AccountPage.j0C5JBLY.js","/_astro/CartSidebar.1kUFk9Xn.js","/_astro/HeroSlider.tR1dVXyu.js","/_astro/PitchBar.FelC04wE.js","/_astro/Prices.PuQc6C7F.js","/_astro/ProductCard.ephJafAE.js","/_astro/ProductDetails.B6Ih5MGf.js","/_astro/ProductShelf.GESxuPZ_.js","/_astro/QuantitySelector.YNmWjN8y.js","/_astro/SearchContainer.BzixfU3R.js","/_astro/SearchModal.F7vbwxIv.js","/_astro/ShopHeader.5vR1LgSW.js","/_astro/_plugin-vue_export-helper.sk5AFsEV.js","/_astro/afetch.5c8VmT0-.js","/_astro/client.RF8UxjZd.js","/_astro/customer-session._VkzXnXT.js","/_astro/ecom-utils.gJYgRPRz.js","/_astro/firebase-app.cPMfoOsn.js","/_astro/format-money.FMQXgKHB.js","/_astro/hoisted.B6fKrLPR.js","/_astro/hoisted._FbzheVm.js","/_astro/i18n.m7SpISxy.js","/_astro/img-sizes.gxAI9JNh.js","/_astro/img.zh-Drf-O.js","/_astro/index-dd468b12.D5s8VdAL.js","/_astro/index.5PN-EYMS.js","/_astro/index.XrHFaN2F.js","/_astro/modules-info.sD0tdb2b.js","/_astro/name.HU5l7TJo.js","/_astro/photoswipe-lightbox.esm.dZBqKD9u.js","/_astro/photoswipe.0V7m2jWu.js","/_astro/photoswipe.esm.Ylh9TGkz.js","/_astro/price.Easct8WC.js","/_astro/sf-utils.5t7r9A2G.js","/_astro/shopping-cart.A-1jhlKi.js","/_astro/use-analytics.1EVxbrS7.js","/_astro/use-product-card.erbOV6Fv.js","/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 manifest = 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/astro@4.0.7_@types+node@18.19.3_typescript@5.2.2/node_modules/astro/dist/assets/endpoint/node.js","pathname":"/_image","prerender":false,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.3ec9NcvP.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.cfRx-rdA.css"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","prerender":false,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.3ec9NcvP.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.cfRx-rdA.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,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.UnTlypMd.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.cfRx-rdA.css"}],"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,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.3ec9NcvP.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.cfRx-rdA.css"}],"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,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.3ec9NcvP.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.cfRx-rdA.css"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","prerender":false,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}}],"site":"https://demo.ecomplus.app","base":"/","trailingSlash":"ignore","compressHTML":false,"componentMetadata":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro",{"propagation":"in-tree","containsHead":false}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/[...slug]@_@astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astrojs-ssr-virtual-entry",{"propagation":"in-tree","containsHead":false}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/app/account@_@astro",{"propagation":"in-tree","containsHead":false}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/app/index@_@astro",{"propagation":"in-tree","containsHead":false}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/index@_@astro",{"propagation":"in-tree","containsHead":false}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/~fallback.astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/~fallback@_@astro",{"propagation":"in-tree","containsHead":false}]],"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,s)=>{let n=async()=>{await(await i())()},t=new IntersectionObserver(e=>{for(let o of e)if(o.isIntersecting){t.disconnect(),n();break}});for(let e of s.children)t.observe(e)};(self.Astro||(self.Astro={})).visible=r;window.dispatchEvent(new Event(\"astro:visible\"));})();"],["context","(()=>{var n=(d,i)=>{let t=async()=>{await(await d())()},e=()=>{if(i.value===\"idle\"){if(typeof window.requestIdleCallback==\"function\"){setTimeout(()=>window.requestIdleCallback(t),9);return}setTimeout(t,200);return}t()},o=window.$storefront?.apiContext?.doc._id||null;if(window._firstLoadContextId===o&&window._emitedContextId===o){console.log(\"[ctx] first load\"),e(),document.addEventListener(\"astro:beforeload\",()=>{delete window._firstLoadContextId},{once:!0});return}window.addEventListener(\"storefront:apiContext\",e,{once:!0})};(self.Astro||(self.Astro={})).context=n;window.dispatchEvent(new Event(\"astro:context\"));})();\n"]],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"entry.mjs","\u0000@astro-renderers":"renderers.mjs","\u0000empty-middleware":"_empty-middleware.mjs","/src/pages/app/account.astro":"chunks/pages/account_WliDuQOB.mjs","/../../node_modules/.pnpm/astro@4.0.7_@types+node@18.19.3_typescript@5.2.2/node_modules/astro/dist/assets/endpoint/node.js":"chunks/pages/node_ZaY4t9qW.mjs","/src/pages/~fallback.astro":"chunks/pages/~fallback_TL5hPXF_.mjs","\u0000@astrojs-manifest":"manifest_YgAgEwvF.mjs","\u0000@astro-page:../../node_modules/.pnpm/astro@4.0.7_@types+node@18.19.3_typescript@5.2.2/node_modules/astro/dist/assets/endpoint/node@_@js":"chunks/node_wOa5hJmt.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index_1q5IpD39.mjs","\u0000@astro-page:src/pages/~fallback@_@astro":"chunks/~fallback_wxuqpDXG.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index_JEU6B2DI.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account_iZ2QmK5E.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_.._FnNLvTNv.mjs","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/SearchModal.vue":"_astro/SearchModal.BrVoDBvg.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/CartSidebar.vue":"_astro/CartSidebar.LrfpXG2B.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/photoswipe/dist/photoswipe.css?inline":"_astro/photoswipe.0V7m2jWu.js","~/components/AccountPage.vue":"_astro/AccountPage.Osc6ffV0.js","~/components/ProductDetails.vue":"_astro/ProductDetails.Ln_jf57U.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/photoswipe/dist/photoswipe-lightbox.esm.js":"_astro/photoswipe-lightbox.esm.dZBqKD9u.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.cPMfoOsn.js","~/components/PitchBar.vue":"_astro/PitchBar.N4d9fV8H.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/photoswipe/dist/photoswipe.esm.js":"_astro/photoswipe.esm.Ylh9TGkz.js","/astro/hoisted.js?q=0":"_astro/hoisted.UnTlypMd.js","@astrojs/vue/client.js":"_astro/client.PdegUP6S.js","~/components/ProductShelf.vue":"_astro/ProductShelf.X389bv9S.js","~/components/HeroSlider.vue":"_astro/HeroSlider.Zf6kCaqD.js","/astro/hoisted.js?q=1":"_astro/hoisted.3ec9NcvP.js","~/components/SearchShowcase.vue":"_astro/SearchShowcase.KAz3nwco.js","~/components/ShopHeader.vue":"_astro/ShopHeader.mFKGzhIu.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/_slug_.cfRx-rdA.css","/robots.txt","/_astro/AccountPage.Osc6ffV0.js","/_astro/CartSidebar.LrfpXG2B.js","/_astro/HeroSlider.Zf6kCaqD.js","/_astro/PitchBar.N4d9fV8H.js","/_astro/Prices.eQ9Vd255.js","/_astro/ProductDetails.Ln_jf57U.js","/_astro/ProductShelf.X389bv9S.js","/_astro/ProductShelf.vj6lVDCr.js","/_astro/QuantitySelector.qSJQlvTe.js","/_astro/SearchModal.BrVoDBvg.js","/_astro/SearchShowcase.KAz3nwco.js","/_astro/ShopHeader.mFKGzhIu.js","/_astro/_plugin-vue_export-helper._suIQ7WC.js","/_astro/afetch.5c8VmT0-.js","/_astro/client.PdegUP6S.js","/_astro/customer-session.KkTHFOXl.js","/_astro/ecom-utils.Ld2zf-Ve.js","/_astro/firebase-app.cPMfoOsn.js","/_astro/format-money.Axn0YFLJ.js","/_astro/grid-title.GntHOijE.js","/_astro/hoisted.3ec9NcvP.js","/_astro/hoisted.UnTlypMd.js","/_astro/i18n.3-NUtxYq.js","/_astro/img-sizes.gxAI9JNh.js","/_astro/img.pozlYdd3.js","/_astro/index-dd468b12.D5s8VdAL.js","/_astro/index.TkCbiY_p.js","/_astro/index.m6fK0JXC.js","/_astro/modules-info.mmwB1qIJ.js","/_astro/name.49dZlpDx.js","/_astro/photoswipe-lightbox.esm.dZBqKD9u.js","/_astro/photoswipe.0V7m2jWu.js","/_astro/photoswipe.esm.Ylh9TGkz.js","/_astro/price.Easct8WC.js","/_astro/sf-utils.yjuG8NjM.js","/_astro/shopping-cart.Ean2uW2R.js","/_astro/use-analytics.Y7amTmnr.js","/_astro/use-product-card.zB4z32bC.js","/_astro/use-text-value.f9pDzruv.js","/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"]});
 
 export { AstroIntegrationLogger as A, Logger as L, getEventPrefix as g, levels as l, manifest };

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

@@ -1,7 +1,7 @@
 import { useSSRContext, defineComponent, computed, createVNode, resolveDynamicComponent, mergeProps, withCtx, renderSlot, inject, ref, watch, toRef, onMounted, onBeforeUnmount, provide, h, createSSRApp } from 'vue';
 import { ssrRenderSlotInner, ssrRenderVNode, ssrRenderSlot, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, renderToString } from 'vue/server-renderer';
 import { img, imgSizes, i18n, formatMoney } from '@ecomplus/utils';
-import { _ as _export_sfc } from './chunks/pages/__MSibDuuV.mjs';
+import { _ as _export_sfc } from './chunks/pages/__cEcxuEWe.mjs';
 import { useScroll, useElementHover, useDebounceFn } from '@vueuse/core';
 
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -169,7 +169,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         if (props.href.startsWith(`https://${domain}`))
           return void 0;
       }
-      return props.href.charAt(0) === "/" ? void 0 : "_blank";
+      return void 0;
     });
     const __returned__ = { props, linkTarget };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
@@ -604,6 +604,17 @@ const createApp = (app) => {
   app.component("CarouselControl", CarouselControl);
 };
 
+const mod = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: createApp
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const setup = (app) => {
+	if ('default' in mod) {
+		createApp(app);
+	}
+};
+
 /**
  * Astro passes `children` as a string of HTML, so we need
  * a wrapper `div` to render that content as VNodes.
@@ -644,7 +655,7 @@ async function renderToStaticMarkup(Component, inputProps, slotted, metadata) {
 			});
 	}
 	const app = createSSRApp({ render: () => h(Component, props, slots) });
-	await createApp(app);
+	await setup(app);
 	const html = await renderToString(app);
 	return { html };
 }

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.39.0",
+  "version": "0.40.0",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "bin": {
     "storefront": "./scripts/build-prod.sh"
@@ -29,20 +29,20 @@
     "prepare-monorepo": "bash scripts/prepare-monorepo.sh"
   },
   "dependencies": {
-    "@astrojs/node": "7.0.1",
-    "@astrojs/vue": "4.0.3",
+    "@astrojs/node": "7.0.2",
+    "@astrojs/vue": "4.0.5",
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/config": "workspace:*",
     "@cloudcommerce/i18n": "workspace:*",
-    "@ecomplus/utils": "1.5.0-rc.5",
+    "@ecomplus/utils": "1.5.0-rc.6",
     "@fastify/deepmerge": "^1.3.0",
-    "@iconify-json/fa6-brands": "^1.1.17",
-    "@iconify-json/heroicons": "^1.1.15",
-    "@iconify-json/logos": "^1.1.40",
+    "@iconify-json/fa6-brands": "^1.1.18",
+    "@iconify-json/heroicons": "^1.1.19",
+    "@iconify-json/logos": "^1.1.41",
     "@types/gtag.js": "^0.0.18",
     "@vite-pwa/astro": "^0.2.0",
     "@vueuse/core": "10.7.0",
-    "astro": "4.0.4",
+    "astro": "4.0.7",
     "astro-capo": "^0.0.1",
     "chroma-js": "^2.4.2",
     "dotenv": "^16.3.1",
@@ -52,12 +52,12 @@
     "mitt": "^3.0.1",
     "semver": "^7.5.4",
     "sharp": "^0.32.6",
-    "tailwindcss": "^3.3.6",
-    "unocss": "^0.57.7",
+    "tailwindcss": "^3.4.0",
+    "unocss": "^0.58.0",
     "unplugin-auto-import": "^0.17.2",
-    "vite": "^5.0.8",
+    "vite": "^5.0.10",
     "vite-plugin-pwa": "^0.17.4",
-    "vue": "3.3.11",
+    "vue": "3.3.13",
     "wade": "0.3.3"
   },
   "devDependencies": {

package/packages/storefront/src/helpers/sf-utils.ts

@@ -56,3 +56,14 @@ export const termify = (str: string) => {
 export const getSearchUrl = (term: string, baseUrl = '/s/') => {
   return `${baseUrl}${encodeURIComponent(termify(term))}`;
 };
+
+export const scrollToEl = (el: HTMLElement, top = 0) => {
+  while (el.offsetParent) {
+    top += el.offsetTop;
+    el = el.offsetParent as HTMLElement;
+  }
+  return window.scroll({
+    top,
+    behavior: 'smooth',
+  });
+};

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

@@ -3,6 +3,7 @@ import type {
   Categories,
   Brands,
   Collections,
+  Grids,
 } from '@cloudcommerce/api/types';
 import type { SettingsContent } from '@@sf/content';
 
@@ -25,5 +26,10 @@ export type $Storefront = {
     doc: Collections,
     timestamp: number,
   },
-  data: Record<string, any>,
+  data: Record<string, any> & {
+    categories?: Array<Partial<Categories>>,
+    brands?: Array<Partial<Brands>>,
+    collections?: Array<Partial<Collections>>,
+    grids?: Array<Partial<Grids>>,
+  },
 };

package/packages/storefront/src/lib/components/Drawer.vue

@@ -16,6 +16,7 @@ export interface Props {
   hasCloseButton?: boolean;
   anchorEl?: HTMLElement | null;
   backdropTarget?: string | null;
+  canLockScroll?: boolean;
   maxWidth?: string;
   class?: string | string[] | Record<string, string | null> | null;
 }
@@ -27,8 +28,8 @@ const props = withDefaults(defineProps<Props>(), {
   position: 'fixed',
   animation: 'slide',
   hasCloseButton: true,
-  hasBackdrop: true,
   backdropTarget: '#teleported-top',
+  canLockScroll: true,
 });
 const emit = defineEmits<{
   'update:modelValue': [value: boolean]
@@ -49,16 +50,20 @@ const escClickListener = (ev: KeyboardEvent) => {
 const scrollbarWidth = ref(0);
 watch(toRef(props, 'modelValue'), async (isOpen) => {
   if (isOpen) {
-    scrollbarWidth.value = window.innerWidth - document.documentElement.clientWidth;
-    document.body.style.overflow = 'hidden';
-    document.body.style.paddingRight = `${scrollbarWidth.value}px`;
+    if (props.canLockScroll) {
+      scrollbarWidth.value = window.innerWidth - document.documentElement.clientWidth;
+      document.body.style.overflow = 'hidden';
+      document.body.style.paddingRight = `${scrollbarWidth.value}px`;
+    }
     setTimeout(() => {
       document.addEventListener('click', outsideClickListener, { passive: true });
       document.addEventListener('keydown', escClickListener, { passive: true });
     }, 500);
   } else {
-    document.body.style.overflow = '';
-    document.body.style.paddingRight = '';
+    if (props.canLockScroll) {
+      document.body.style.overflow = '';
+      document.body.style.paddingRight = '';
+    }
     document.removeEventListener('click', outsideClickListener);
     document.removeEventListener('keydown', escClickListener);
   }
@@ -133,12 +138,12 @@ const isPlacementX = computed(() => {
           type="button"
           :aria-label="$t.i19close"
           @click.prevent="close"
-          class="absolute top-2 z-30"
+          class="absolute top-2 z-30 rounded"
           :class="placement === 'end' ? 'left-2' : 'right-2'"
           data-drawer-close
         >
           <slot name="close">
-            <i class="i-close text-base-400 hover:text-base-600 text-3xl"></i>
+            <i class="i-close text-base-400 hover:text-base-600 m-0 text-3xl"></i>
           </slot>
         </button>
         <slot />

package/packages/storefront/src/lib/components/globals/ALink.vue

@@ -14,7 +14,7 @@ const linkTarget = computed(() => {
     const domain = globalThis.$storefront.settings.domain || window.location.host;
     if (props.href.startsWith(`https://${domain}`)) return undefined;
   }
-  return props.href.charAt(0) === '/' ? undefined : '_blank';
+  return undefined;
 });
 </script>
 

package/packages/storefront/src/lib/composables/use-pagination.ts

@@ -0,0 +1,61 @@
+/* REFERENCE: https://jasonwatmore.com/post/2018/08/07/javascript-pure-pagination-logic-in-vanilla-js-typescript */
+import { computed } from 'vue';
+
+export interface Props {
+  totalItems?: number,
+  totalPages?: number,
+  page?: number,
+  pageSize?: number,
+  maxPages?: number,
+}
+
+const usePagination = (props: Props) => {
+  const totalPages = computed(() => {
+    if (props.totalPages) return props.totalPages;
+    if (props.totalItems && props.pageSize) {
+      return Math.ceil(props.totalItems / props.pageSize);
+    }
+    return 1;
+  });
+  const pageNumber = computed(() => {
+    const currentPage = props.page || 1;
+    if (currentPage < 1) return 1;
+    if (currentPage > totalPages.value) return totalPages.value;
+    return currentPage;
+  });
+  const maxPages = computed(() => props.maxPages || 10);
+  const startPage = computed(() => {
+    if (totalPages.value <= maxPages.value) return 1;
+    const maxPagesBeforeCurrent = Math.floor(maxPages.value / 2);
+    const maxPagesAfterCurrent = Math.ceil(maxPages.value / 2) - 1;
+    if (pageNumber.value <= maxPagesBeforeCurrent) return 1;
+    if (pageNumber.value + maxPagesAfterCurrent >= totalPages.value) {
+      return totalPages.value - maxPages.value + 1;
+    }
+    return pageNumber.value - maxPagesBeforeCurrent;
+  });
+  const endPage = computed(() => {
+    if (totalPages.value <= maxPages.value) return totalPages.value;
+    const maxPagesBeforeCurrent = Math.floor(maxPages.value / 2);
+    const maxPagesAfterCurrent = Math.ceil(maxPages.value / 2) - 1;
+    if (pageNumber.value <= maxPagesBeforeCurrent) return maxPages.value;
+    if (pageNumber.value + maxPagesAfterCurrent >= totalPages.value) {
+      return totalPages.value;
+    }
+    return pageNumber.value + maxPagesAfterCurrent;
+  });
+  const pages = computed(() => {
+    return Array.from(Array((endPage.value + 1) - startPage.value).keys())
+      .map((i) => startPage.value + i);
+  });
+  return {
+    totalPages,
+    startPage,
+    endPage,
+    pages,
+  };
+};
+
+export default usePagination;
+
+export { usePagination };