cloudcommerce 2.3.0 → 2.3.2

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

@@ -0,0 +1,202 @@
+import '@astrojs/internal-helpers/path';
+import 'cookie';
+import { bold, red, yellow, dim, blue } from 'kleur/colors';
+import 'string-width';
+import './chunks/astro_u-oSb215.mjs';
+import 'clsx';
+import 'cssesc';
+import { compile } from 'path-to-regexp';
+
+const dateTimeFormat = new Intl.DateTimeFormat([], {
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit",
+  hour12: false
+});
+const levels = {
+  debug: 20,
+  info: 30,
+  warn: 40,
+  error: 50,
+  silent: 90
+};
+function log(opts, level, label, message, newLine = true) {
+  const logLevel = opts.level;
+  const dest = opts.dest;
+  const event = {
+    label,
+    level,
+    message,
+    newLine
+  };
+  if (!isLogLevelEnabled(logLevel, level)) {
+    return;
+  }
+  dest.write(event);
+}
+function isLogLevelEnabled(configuredLogLevel, level) {
+  return levels[configuredLogLevel] <= levels[level];
+}
+function info(opts, label, message, newLine = true) {
+  return log(opts, "info", label, message, newLine);
+}
+function warn(opts, label, message, newLine = true) {
+  return log(opts, "warn", label, message, newLine);
+}
+function error(opts, label, message, newLine = true) {
+  return log(opts, "error", label, message, newLine);
+}
+function debug(...args) {
+  if ("_astroGlobalDebug" in globalThis) {
+    globalThis._astroGlobalDebug(...args);
+  }
+}
+function getEventPrefix({ level, label }) {
+  const timestamp = `${dateTimeFormat.format(/* @__PURE__ */ new Date())}`;
+  const prefix = [];
+  if (level === "error" || level === "warn") {
+    prefix.push(bold(timestamp));
+    prefix.push(`[${level.toUpperCase()}]`);
+  } else {
+    prefix.push(timestamp);
+  }
+  if (label) {
+    prefix.push(`[${label}]`);
+  }
+  if (level === "error") {
+    return red(prefix.join(" "));
+  }
+  if (level === "warn") {
+    return yellow(prefix.join(" "));
+  }
+  if (prefix.length === 1) {
+    return dim(prefix[0]);
+  }
+  return dim(prefix[0]) + " " + blue(prefix.splice(1).join(" "));
+}
+if (typeof process !== "undefined") {
+  let proc = process;
+  if ("argv" in proc && Array.isArray(proc.argv)) {
+    if (proc.argv.includes("--verbose")) ; else if (proc.argv.includes("--silent")) ; else ;
+  }
+}
+class Logger {
+  options;
+  constructor(options) {
+    this.options = options;
+  }
+  info(label, message, newLine = true) {
+    info(this.options, label, message, newLine);
+  }
+  warn(label, message, newLine = true) {
+    warn(this.options, label, message, newLine);
+  }
+  error(label, message, newLine = true) {
+    error(this.options, label, message, newLine);
+  }
+  debug(label, ...messages) {
+    debug(label, ...messages);
+  }
+  level() {
+    return this.options.level;
+  }
+  forkIntegrationLogger(label) {
+    return new AstroIntegrationLogger(this.options, label);
+  }
+}
+class AstroIntegrationLogger {
+  options;
+  label;
+  constructor(logging, label) {
+    this.options = logging;
+    this.label = label;
+  }
+  /**
+   * Creates a new logger instance with a new label, but the same log options.
+   */
+  fork(label) {
+    return new AstroIntegrationLogger(this.options, label);
+  }
+  info(message) {
+    info(this.options, this.label, message);
+  }
+  warn(message) {
+    warn(this.options, this.label, message);
+  }
+  error(message) {
+    error(this.options, this.label, message);
+  }
+  debug(message) {
+    debug(this.label, message);
+  }
+}
+
+function getRouteGenerator(segments, addTrailingSlash) {
+  const template = segments.map((segment) => {
+    return "/" + segment.map((part) => {
+      if (part.spread) {
+        return `:${part.content.slice(3)}(.*)?`;
+      } else if (part.dynamic) {
+        return `:${part.content}`;
+      } else {
+        return part.content.normalize().replace(/\?/g, "%3F").replace(/#/g, "%23").replace(/%5B/g, "[").replace(/%5D/g, "]").replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      }
+    }).join("");
+  }).join("");
+  let trailing = "";
+  if (addTrailingSlash === "always" && segments.length) {
+    trailing = "/";
+  }
+  const toPath = compile(template + trailing);
+  return toPath;
+}
+
+function deserializeRouteData(rawRouteData) {
+  return {
+    route: rawRouteData.route,
+    type: rawRouteData.type,
+    pattern: new RegExp(rawRouteData.pattern),
+    params: rawRouteData.params,
+    component: rawRouteData.component,
+    generate: getRouteGenerator(rawRouteData.segments, rawRouteData._meta.trailingSlash),
+    pathname: rawRouteData.pathname || void 0,
+    segments: rawRouteData.segments,
+    prerender: rawRouteData.prerender,
+    redirect: rawRouteData.redirect,
+    redirectRoute: rawRouteData.redirectRoute ? deserializeRouteData(rawRouteData.redirectRoute) : void 0,
+    fallbackRoutes: rawRouteData.fallbackRoutes.map((fallback) => {
+      return deserializeRouteData(fallback);
+    }),
+    isIndex: rawRouteData.isIndex
+  };
+}
+
+function deserializeManifest(serializedManifest) {
+  const routes = [];
+  for (const serializedRoute of serializedManifest.routes) {
+    routes.push({
+      ...serializedRoute,
+      routeData: deserializeRouteData(serializedRoute.routeData)
+    });
+    const route = serializedRoute;
+    route.routeData = deserializeRouteData(serializedRoute.routeData);
+  }
+  const assets = new Set(serializedManifest.assets);
+  const componentMetadata = new Map(serializedManifest.componentMetadata);
+  const clientDirectives = new Map(serializedManifest.clientDirectives);
+  return {
+    // in case user middleware exists, this no-op middleware will be reassigned (see plugin-ssr.ts)
+    middleware(_, next) {
+      return next();
+    },
+    ...serializedManifest,
+    assets,
+    componentMetadata,
+    clientDirectives,
+    routes
+  };
+}
+
+const manifest = deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"type":"endpoint","isIndex":false,"route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/astro@4.3.2_@types+node@18.19.14_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.XOXTrHqn.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.4W7qhV-L.css"}],"routeData":{"route":"/~fallback","isIndex":false,"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.ICXGWNEA.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.4W7qhV-L.css"}],"routeData":{"route":"/app","isIndex":true,"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.GaT7bmE3.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.4W7qhV-L.css"}],"routeData":{"route":"/app/account","isIndex":false,"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.GaT7bmE3.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.4W7qhV-L.css"}],"routeData":{"route":"/blog/[page]","isIndex":false,"type":"page","pattern":"^\\/blog\\/([^/]+?)\\/?$","segments":[[{"content":"blog","dynamic":false,"spread":false}],[{"content":"page","dynamic":true,"spread":false}]],"params":["page"],"component":"src/pages/blog/[page].astro","prerender":false,"fallbackRoutes":[],"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.GaT7bmE3.js"}],"styles":[{"type":"external","src":"/_astro/_slug_.4W7qhV-L.css"}],"routeData":{"route":"/[...slug]","isIndex":false,"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/blog/[page].astro",{"propagation":"in-tree","containsHead":false}],["\u0000@astro-page:src/pages/blog/[page]@_@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 l=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value==\"object\"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let a of e)if(a.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=l;window.dispatchEvent(new Event(\"astro:visible\"));})();"],["context","(()=>{var a=(s,o)=>{let n=async()=>{await(await s())()},r=()=>{let t=Array.isArray(o.value)?o.value:[o.value];for(let e=0;e<t.length;e++)if(typeof t[e]==\"string\"&&t[e].startsWith(\"data:\")){let d=t[e].substring(5);if(!window.$storefront?.data?.[d]){window.addEventListener(`storefront:data:${d}`,r,{once:!0});return}}if(t.includes(\"idle\")){if(typeof window.requestIdleCallback==\"function\"){setTimeout(()=>window.requestIdleCallback(n),9);return}setTimeout(n,200);return}n()},i=window.$storefront?.apiContext?.doc._id||null;if(window._firstLoadContextId===i&&window._emitedContextId===i){console.log(\"[ctx] first load\"),r(),document.addEventListener(\"astro:beforeload\",()=>{delete window._firstLoadContextId},{once:!0});return}window.addEventListener(\"storefront:apiContext\",r,{once:!0})};(self.Astro||(self.Astro={})).context=a;window.dispatchEvent(new Event(\"astro:context\"));})();\n"]],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"entry.mjs","\u0000@astro-renderers":"renderers.mjs","\u0000noop-middleware":"_noop-middleware.mjs","/src/pages/blog/[page].astro":"chunks/pages/_page__0sN9U0SD.mjs","/src/pages/app/account.astro":"chunks/pages/account_OQr_6KN1.mjs","/src/pages/app/index.astro":"chunks/pages/index_3IjgOEIq.mjs","/../../node_modules/.pnpm/astro@4.3.2_@types+node@18.19.14_typescript@5.2.2/node_modules/astro/dist/assets/endpoint/node.js":"chunks/pages/node_OmjWRf8D.mjs","/src/pages/~fallback.astro":"chunks/pages/~fallback_133FK-CP.mjs","\u0000@astrojs-manifest":"manifest_9FASPYUE.mjs","\u0000@astro-page:../../node_modules/.pnpm/astro@4.3.2_@types+node@18.19.14_typescript@5.2.2/node_modules/astro/dist/assets/endpoint/node@_@js":"chunks/node_zqXXqc-u.mjs","\u0000@astro-page:src/pages/~fallback@_@astro":"chunks/~fallback_Wahcp9Wk.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index__05fnqFh.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account_vK6pmJlz.mjs","\u0000@astro-page:src/pages/blog/[page]@_@astro":"chunks/_page__qqIVxbal.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_.._19fCuQdO.mjs","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/SearchModal.vue":"_astro/SearchModal.rasg5jV6.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/CartSidebar.vue":"_astro/CartSidebar.L0Vbhsdt.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/photoswipe/dist/photoswipe.css?inline":"_astro/photoswipe.0V7m2jWu.js","/astro/hoisted.js?q=1":"_astro/hoisted.XOXTrHqn.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.iLdzDVjL.js","~/components/PitchBar.vue":"_astro/PitchBar.yqD9ycx5.js","~/components/AccountPage.vue":"_astro/AccountPage.0M6_FdU6.js","@astrojs/vue/client.js":"_astro/client.YJ00ta5M.js","~/components/ProductDetails.vue":"_astro/ProductDetails.FQtM5kpd.js","/astro/hoisted.js?q=2":"_astro/hoisted.GaT7bmE3.js","~/components/ProductShelf.vue":"_astro/ProductShelf.GAAhKdTN.js","~/components/SearchShowcase.vue":"_astro/SearchShowcase.kA6jICYo.js","/astro/hoisted.js?q=0":"_astro/hoisted.ICXGWNEA.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/photoswipe/dist/photoswipe-lightbox.esm.js":"_astro/photoswipe-lightbox.esm.dZBqKD9u.js","~/components/HeroSlider.vue":"_astro/HeroSlider.ju9TsLrJ.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/photoswipe/dist/photoswipe.esm.js":"_astro/photoswipe.esm.Ylh9TGkz.js","~/components/ShopHeader.vue":"_astro/ShopHeader.v_L96Y90.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/_slug_.4W7qhV-L.css","/robots.txt","/img/icon.png","/img/large-icon.png","/_astro/AccountPage.0M6_FdU6.js","/_astro/CartSidebar.L0Vbhsdt.js","/_astro/HeroSlider.ju9TsLrJ.js","/_astro/PitchBar.yqD9ycx5.js","/_astro/Prices.xI1rdM1e.js","/_astro/ProductDetails.FQtM5kpd.js","/_astro/ProductShelf.-4fsYkPB.js","/_astro/ProductShelf.GAAhKdTN.js","/_astro/QuantitySelector.v7L8EYOR.js","/_astro/SearchModal.rasg5jV6.js","/_astro/SearchShowcase.kA6jICYo.js","/_astro/ShopHeader.v_L96Y90.js","/_astro/_plugin-vue_export-helper.xATGHWd9.js","/_astro/afetch.OifQZgwR.js","/_astro/client.YJ00ta5M.js","/_astro/customer-session.ZD6tLDQJ.js","/_astro/firebase-app.iLdzDVjL.js","/_astro/format-money.1_HtF5S2.js","/_astro/grid-title.pK2Nn3i-.js","/_astro/hoisted.GaT7bmE3.js","/_astro/hoisted.ICXGWNEA.js","/_astro/hoisted.XOXTrHqn.js","/_astro/i18n.zhlBzJt8.js","/_astro/img-sizes.gxAI9JNh.js","/_astro/img.AnjeGdy_.js","/_astro/index-bea2a320.eWykogwr.js","/_astro/index.KfrHdfOH.js","/_astro/index.ShNlAyu1.js","/_astro/modules-info.HP6478mG.js","/_astro/name.VA3MEpe0.js","/_astro/photoswipe-lightbox.esm.dZBqKD9u.js","/_astro/photoswipe.0V7m2jWu.js","/_astro/photoswipe.esm.Ylh9TGkz.js","/_astro/price.Easct8WC.js","/_astro/server-data.4C60Esyt.js","/_astro/sf-utils.c42cbZ9W.js","/_astro/shopping-cart.nSNNOrp9.js","/_astro/use-analytics.wTmoP8B1.js","/_astro/use-product-card.UFr8SCuD.js","/_astro/use-text-value.lKqoIagH.js","/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"],"buildFormat":"directory"});
+
+export { AstroIntegrationLogger as A, Logger as L, getEventPrefix as g, levels as l, manifest };

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

@@ -1,6 +1,6 @@
 import { defineComponent, h, createSSRApp } from 'vue';
 import { renderToString } from 'vue/server-renderer';
-import { m as mod, n as createApp } from './chunks/pages/__z8Igc_-f.mjs';
+import { o as mod, p as createApp } from './chunks/pages/__ZucPYaOo.mjs';
 
 const setup = async (app) => {
 	if ('default' in mod) {
@@ -8,6 +8,8 @@ const setup = async (app) => {
 	}
 };
 
+/* eslint-disable no-restricted-syntax */
+
 /**
  * Astro passes `children` as a string of HTML, so we need
  * a wrapper `div` to render that content as VNodes.
@@ -15,48 +17,57 @@ const setup = async (app) => {
  * This is the Vue + JSX equivalent of using `<div v-html="value" />`
  */
 const StaticHtml = defineComponent({
-	props: {
-		value: String,
-		name: String,
-		hydrate: {
-			type: Boolean,
-			default: true,
-		},
-	},
-	setup({ name, value, hydrate }) {
-		if (!value) return () => null;
-		let tagName = hydrate ? 'astro-slot' : 'astro-static-slot';
-		return () => h(tagName, { name, innerHTML: value });
-	},
+  props: {
+    value: String,
+    name: String,
+    hydrate: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  setup({ name, value, hydrate }) {
+    if (!value) return () => null;
+    const tagName = hydrate ? 'astro-slot' : 'astro-static-slot';
+    return () => h(tagName, { name, innerHTML: value });
+  },
 });
 
+/**
+ * Other frameworks have `shouldComponentUpdate` in order to signal
+ * that this subtree is entirely static and will not be updated
+ *
+ * Fortunately, Vue is smart enough to figure that out without any
+ * help from us, so this just works out of the box!
+ */
+
 function check(Component) {
-	return !!Component['ssrRender'] || !!Component['__ssrInlineRender'];
+  return !!Component.ssrRender || !!Component.__ssrInlineRender;
 }
 
 async function renderToStaticMarkup(Component, inputProps, slotted, metadata) {
-	const slots = {};
-	const props = { ...inputProps };
-	delete props.slot;
-	for (const [key, value] of Object.entries(slotted)) {
-		slots[key] = () =>
-			h(StaticHtml, {
-				value,
-				name: key === 'default' ? undefined : key,
-				// Adjust how this is hydrated only when the version of Astro supports `astroStaticSlot`
-				hydrate: metadata.astroStaticSlot ? !!metadata.hydrate : true,
-			});
-	}
-	const app = createSSRApp({ render: () => h(Component, props, slots) });
-	await setup(app);
-	const html = await renderToString(app);
-	return { html };
+  const slots = {};
+  const props = { ...inputProps };
+  delete props.slot;
+  const sid = this.result?.cookies?.get('sid')?.value;
+  for (const [key, value] of Object.entries(slotted)) {
+    slots[key] = () => h(StaticHtml, {
+      value,
+      name: key === 'default' ? undefined : key,
+      // Adjust how this is hydrated only when the version of Astro supports `astroStaticSlot`
+      hydrate: metadata.astroStaticSlot ? !!metadata.hydrate : true,
+    });
+  }
+  const app = createSSRApp({ render: () => h(Component, props, slots) });
+  app.provide('sid', sid);
+  await setup(app);
+  const html = await renderToString(app);
+  return { html };
 }
 
 const _renderer0 = {
-	check,
-	renderToStaticMarkup,
-	supportsAstroStaticSlot: true,
+  check,
+  renderToStaticMarkup,
+  supportsAstroStaticSlot: true,
 };
 
 const renderers = [Object.assign({"name":"@astrojs/vue","clientEntrypoint":"@astrojs/vue/client.js","serverEntrypoint":"@astrojs/vue/server.js"}, { ssr: _renderer0 }),];

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "bin": {
     "storefront": "./scripts/build-prod.sh"
@@ -30,7 +30,7 @@
     "lint:fix": "eslint -c ../eslint/storefront.staged.eslintrc.cjs src/lib/**/*.{ts,vue,astro} --fix"
   },
   "dependencies": {
-    "@astrojs/node": "8.1.0",
+    "@astrojs/node": "8.2.0",
     "@astrojs/vue": "4.0.8",
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/config": "workspace:*",
@@ -43,18 +43,18 @@
     "@types/gtag.js": "^0.0.18",
     "@vite-pwa/astro": "^0.2.0",
     "@vueuse/core": "10.7.2",
-    "astro": "4.2.8",
+    "astro": "4.3.2",
     "astro-capo": "^0.0.1",
     "chroma-js": "^2.4.2",
     "dotenv": "^16.4.1",
-    "firebase": "^10.7.2",
+    "firebase": "^10.8.0",
     "image-size": "^1.1.1",
     "mime": "^3.0.0",
     "mitt": "^3.0.1",
     "semver": "^7.5.4",
     "sharp": "^0.32.6",
     "tailwindcss": "^3.4.1",
-    "unocss": "^0.58.4",
+    "unocss": "^0.58.5",
     "unplugin-auto-import": "^0.17.5",
     "vite": "^5.0.11",
     "vite-plugin-pwa": "^0.17.5",

package/packages/storefront/server.d.ts

@@ -11,7 +11,6 @@ declare global {
       assetsPrefix: string,
     }
   }
-  var astroUrl: URL;
 
   var $storefront: $Storefront & {
     onLoad: (callback: (...args: any[]) => void) => void,

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

@@ -7,24 +7,31 @@ import type {
 } from '@cloudcommerce/api/types';
 import type { SettingsContent } from '@@sf/content';
 
+export type StorefrontApiContext = {
+  resource: 'products',
+  doc: Products,
+  timestamp: number,
+} | {
+  resource: 'categories',
+  doc: Categories,
+  timestamp: number,
+} | {
+  resource: 'brands',
+  doc: Brands,
+  timestamp: number,
+} | {
+  resource: 'collections',
+  doc: Collections,
+  timestamp: number,
+};
+
 export type $Storefront = {
   settings: Partial<SettingsContent>,
-  apiContext?: {
-    resource: 'products',
-    doc: Products,
-    timestamp: number,
-  } | {
-    resource: 'categories',
-    doc: Categories,
-    timestamp: number,
-  } | {
-    resource: 'brands',
-    doc: Brands,
-    timestamp: number,
-  } | {
-    resource: 'collections',
-    doc: Collections,
-    timestamp: number,
+  url: URL,
+  apiContext?: StorefrontApiContext,
+  getSession: (sid?: string) => {
+    url: URL,
+    apiContext?: StorefrontApiContext,
   },
   data: Record<string, any> & {
     categories?: Array<Partial<Categories>>,

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

@@ -57,9 +57,7 @@ const usePagination = (props: Props) => {
 
   const baseUrl = ref('');
   watch(toRef(props, 'isUrlPath'), () => {
-    const url = import.meta.env.SSR
-      ? global.astroUrl
-      : new URL(window.location.toString());
+    const { url } = globalThis.$storefront;
     if (props.isUrlPath && !url.pathname.endsWith('/')) {
       url.pathname += '/';
     } else {

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

@@ -135,11 +135,16 @@ if (apiDoc) {
   inlineClientJS += `
 window._firstLoadContextId = '${apiDoc._id}';`;
   contextInlineClientJS = `
+$storefront.url = new URL(window.location.toString());
 $storefront.apiContext = ${JSON.stringify({
     resource: apiContext.resource,
     doc: minifyApiDoc({ ...apiDoc }),
     timestamp: Date.now(),
   })};
+$storefront.getSession = (/* sid */) => {
+  url: $storefront.url,
+  apiContext: $storefront.apiContext,
+};
 $storefront.context /* DEPRECATED */ = $storefront.apiContext;
 _emitApiContext('${apiDoc._id}');`;
 } else {

package/packages/storefront/src/lib/scripts/git-cms-auth.ts

@@ -0,0 +1,3 @@
+// https://github.com/Herohtar/netlify-cms-oauth-firebase/blob/master/functions/index.js#L9-L25
+
+// window.postMessage(...);

package/packages/storefront/src/lib/scripts/push-analytics-events.ts

@@ -11,29 +11,36 @@ import afetch from '../../helpers/afetch';
 import parseGtagToFbq from '../../analytics/event-to-fbq';
 import parseGtagToTtq from '../../analytics/event-to-ttq';
 
+const deployRand = import.meta.env.DEPLOY_RAND || '_';
+
 type AnalyticsEvent = {
   type: 'gtag' | 'fbq' | 'ttq',
   name: string,
   params?: Record<string, any>,
 };
+type AnalyticsVariantCtx = Partial<ReturnType<typeof useAnalytics>>;
 let eventsToSend: Array<AnalyticsEvent> = [];
-const _sendServerEvents = useDebounceFn(() => {
+const _sendServerEvents = useDebounceFn((variantCtx?: AnalyticsVariantCtx) => {
   afetch(`/_analytics`, {
     method: 'POST',
     body: {
+      exp_variant_string: variantCtx?.expVariantString,
       ...getAnalyticsContext(),
       events: eventsToSend,
     },
   });
   eventsToSend = [];
 }, 200);
-const sendServerEvent = (analyticsEvent: AnalyticsEvent) => {
-  eventsToSend.push(analyticsEvent);
-  _sendServerEvents();
-};
 
-if (!import.meta.env.SSR) {
-  useAnalytics();
+if (
+  !import.meta.env.SSR
+  && !window.location.search.includes(`__isrV=${deployRand}`)
+) {
+  const variantCtx = useAnalytics();
+  const sendServerEvent = (analyticsEvent: AnalyticsEvent) => {
+    eventsToSend.push(analyticsEvent);
+    _sendServerEvents(variantCtx);
+  };
   watchGtagEvents(async (evMessage) => {
     const { name, params } = evMessage.event;
     sendServerEvent({ type: 'gtag', name, params });

package/packages/storefront/src/lib/ssr-context.ts

@@ -3,7 +3,9 @@ import type { BaseConfig } from '@cloudcommerce/config';
 import type { ApiError, ApiEndpoint } from '@cloudcommerce/api';
 import type { ResourceId, CategoriesList, BrandsList } from '@cloudcommerce/api/types';
 import type { ContentGetter, SettingsContent, PageContent } from '@@sf/content';
+import type { StorefrontApiContext } from '@@sf/$storefront';
 import { EventEmitter } from 'node:events';
+import { inject, getCurrentInstance } from 'vue';
 import api from '@cloudcommerce/api';
 import _getConfig from '../../config/storefront.config.mjs';
 import { termify } from '../helpers/sf-utils';
@@ -38,14 +40,42 @@ declare global {
 if (!globalThis.$apiPrefetchEndpoints) {
   globalThis.$apiPrefetchEndpoints = [];
 }
+const sessions: Record<string, {
+  url: URL,
+  apiContext?: StorefrontApiContext,
+  _timer?: NodeJS.Timeout,
+}> = {};
+// Internal global just to early clear session objects from memory
+global.__sfSessions = sessions;
 if (!globalThis.$storefront) {
-  globalThis.$storefront = {
+  globalThis.$storefront = new Proxy({
     settings: {},
+    data: {},
+    url: undefined as any,
+    getSession(sid?: string) {
+      if (!sid && !!getCurrentInstance()) {
+        sid = inject('sid');
+      }
+      const {
+        url,
+        apiContext,
+      } = (sid && sessions[sid]) || (global.__sfSession as typeof sessions[string]);
+      return { url, apiContext };
+    },
     onLoad(callback: (...args: any[]) => void) {
       emitter.once('load', callback);
     },
-    data: {},
-  };
+  }, {
+    get(target, prop) {
+      if (prop === 'apiContext') {
+        return target.getSession().apiContext;
+      }
+      if (prop === 'url') {
+        return target.getSession().url;
+      }
+      return target[prop];
+    },
+  });
 }
 
 declare global {
@@ -81,7 +111,9 @@ const loadRouteContext = async (
     apiPrefetchEndpoints?: ApiPrefetchEndpoints;
   } = {},
 ) => {
-  globalThis.astroUrl = Astro.url;
+  const sid = `${Date.now() + Math.random()}`;
+  sessions[sid] = { url: Astro.url };
+  global.__sfSession = sessions[sid];
   const startedAt = Date.now();
   let urlPath = Astro.url.pathname;
   const isPreview = urlPath.startsWith('/~preview');
@@ -154,11 +186,16 @@ const loadRouteContext = async (
               .catch(console.warn);
             const apiDoc = apiContext.doc as Record<string, any>;
             apiState[`${apiResource}/${apiDoc._id}`] = apiDoc;
-            globalThis.$storefront.apiContext = {
+            sessions[sid].apiContext = {
               resource: apiResource,
               doc: apiDoc as any,
               timestamp: Date.now(),
             };
+            sessions[sid]._timer = setTimeout(() => {
+              // @ts-ignore
+              sessions[sid] = null;
+              delete sessions[sid];
+            }, 6000);
             resolve(null);
           })
           .catch((err: ApiError) => {
@@ -221,7 +258,9 @@ const loadRouteContext = async (
   } else {
     Astro.locals.assetsPrefix = '';
   }
-  if (urlPath === '/~fallback') {
+  if (isPreview) {
+    setResponseCache(Astro, 0);
+  } else if (urlPath === '/~fallback') {
     setResponseCache(Astro, 3600, 86400);
   } else if (isHomepage) {
     setResponseCache(Astro, 180);
@@ -238,10 +277,13 @@ const loadRouteContext = async (
     apiContext,
     apiState,
     isPreview,
+    sid,
     // Astro,
   };
   Astro.locals.routeContext = routeContext;
-  emitter.emit('load', routeContext);
+  Astro.cookies.set('sid', sid);
+  Astro.response.headers.set('X-SId', sid);
+  emitter.emit('load', { ...config, apiState });
   globalThis.__sfIds = {}; // see helpers/sf-utils.ts
   return routeContext;
 };