cloudcommerce 0.6.3 → 0.6.5

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

@@ -11,11 +11,10 @@ import fs from 'fs';
 import http from 'http';
 import send from 'send';
 import enableDestroy from 'server-destroy';
-import { defineComponent, useCssVars, unref, computed, useSSRContext, mergeProps, h as h$2, createSSRApp } from 'vue';
+import { defineComponent, computed, useSSRContext, mergeProps, h as h$2, createSSRApp } from 'vue';
 import { ssrRenderSlotInner, ssrRenderAttrs, ssrRenderSlot, renderToString } from 'vue/server-renderer';
-import { i18n, formatMoney } from '@ecomplus/utils';
-/* empty css                                  */import { _ as _export_sfc, a as _page0, b as _page1, c as _page3, d as _page4, e as _page5 } from './chunks/pages/all.f15e2c35.mjs';
-import { _ as _page2 } from './chunks/prerender.2527d85d.mjs';
+import { img, imgSizes, i18n, formatMoney } from '@ecomplus/utils';
+/* empty css                                  */import { _ as _export_sfc, a as _page0, b as _page1, c as _page2, d as _page3, e as _page4, f as _page5 } from './chunks/pages/all.9ad006f8.mjs';
 import 'path-to-regexp';
 import 'tls';
 import 'mime';
@@ -3126,7 +3125,7 @@ const adapter = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   start
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const _sfc_main$1 = defineComponent({
+const _sfc_main$2 = defineComponent({
   __name: "Fade",
   props: {
     speed: { default: "default" },
@@ -3138,16 +3137,6 @@ const _sfc_main$1 = defineComponent({
   setup(__props, { expose }) {
     expose();
     const props = __props;
-    useCssVars((_ctx) => ({
-      "68e3b484": unref(willChange),
-      "17a22876": unref(duration),
-      "bc2eb02a": unref(enterFromOpacity),
-      "da7ab968": unref(enterFromTransform),
-      "43026547": unref(enterFromHeight),
-      "6e5955a6": unref(enterFromWidth),
-      "6f10697b": unref(leaveToOpacity),
-      "95ff7e48": unref(leaveToTransform)
-    }));
     const duration = computed(() => {
       if (props.speed === "default")
         return "var(--transition, .2s linear)";
@@ -3211,6 +3200,16 @@ const _sfc_main$1 = defineComponent({
         properties += ", width";
       return properties;
     });
+    const setInitialStyles = (el) => {
+      el.style.setProperty("--fade-will-change", willChange.value);
+      el.style.setProperty("--fade-duration", duration.value);
+      el.style.setProperty("--fade-enter-opacity", String(enterFromOpacity.value));
+      el.style.setProperty("--fade-enter-transform", String(enterFromTransform.value));
+      el.style.setProperty("--fade-enter-height", String(enterFromHeight.value));
+      el.style.setProperty("--fade-enter-width", String(enterFromWidth.value));
+      el.style.setProperty("--fade-leave-opacity", String(leaveToOpacity.value));
+      el.style.setProperty("--fade-leave-transform", String(leaveToTransform.value));
+    };
     const onEnter = (el) => {
       if (props.slide && !props.isFloating && props.isEnterFrom) {
         if (isSlideY.value) {
@@ -3256,33 +3255,23 @@ const _sfc_main$1 = defineComponent({
         });
       }
     };
-    const __returned__ = { props, duration, transform, opacity, enterFromOpacity, leaveToOpacity, enterFromTransform, leaveToTransform, isSlideY, height, width, enterFromHeight, enterFromWidth, willChange, onEnter, onAfterEnter, onLeave };
+    const __returned__ = { props, duration, transform, opacity, enterFromOpacity, leaveToOpacity, enterFromTransform, leaveToTransform, isSlideY, height, width, enterFromHeight, enterFromWidth, willChange, setInitialStyles, onEnter, onAfterEnter, onLeave };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  ({ style: {
-    "--68e3b484": $setup.willChange,
-    "--17a22876": $setup.duration,
-    "--bc2eb02a": $setup.enterFromOpacity,
-    "--da7ab968": $setup.enterFromTransform,
-    "--43026547": $setup.enterFromHeight,
-    "--6e5955a6": $setup.enterFromWidth,
-    "--6f10697b": $setup.leaveToOpacity,
-    "--95ff7e48": $setup.leaveToTransform
-  } });
+function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   ssrRenderSlotInner(_ctx.$slots, "default", {}, null, _push, _parent, null, true);
 }
-const _sfc_setup$1 = _sfc_main$1.setup;
-_sfc_main$1.setup = (props, ctx) => {
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/Fade.vue");
-  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const Fade = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1], ["__scopeId", "data-v-d3912920"]]);
+const Fade = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ALink",
   props: {
     href: null,
@@ -3306,7 +3295,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<a${ssrRenderAttrs(mergeProps({
     href: $props.href,
     target: $setup.linkTarget,
@@ -3315,13 +3304,57 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
   _push(`</a>`);
 }
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/ALink.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const ALink = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
+
+const _sfc_main = defineComponent({
+  __name: "AImg",
+  props: {
+    picture: null,
+    loading: { default: "lazy" },
+    decoding: null
+  },
+  setup(__props, { expose }) {
+    expose();
+    const props = __props;
+    const image = computed(() => {
+      if (props.picture.url) {
+        return props.picture;
+      }
+      return img(props.picture);
+    });
+    const dimensions = computed(() => {
+      return imgSizes(image.value);
+    });
+    const attrs = computed(() => ({
+      ...props,
+      src: image.value.url,
+      alt: image.value.alt,
+      width: dimensions.value.width || null,
+      height: dimensions.value.height || null,
+      decoding: props.decoding || (dimensions.value.height ? "async" : null),
+      picture: null
+    }));
+    const __returned__ = { props, image, dimensions, attrs };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<img${ssrRenderAttrs(mergeProps($setup.attrs, _attrs))}>`);
+}
 const _sfc_setup = _sfc_main.setup;
 _sfc_main.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/ALink.vue");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/AImg.vue");
   return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
-const ALink = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+const AImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
 
 const formatPercentage = (value, digits = 1) => {
   return Number.isInteger(value) ? `${value}%` : `${value.toFixed(digits)}%`;
@@ -3339,6 +3372,7 @@ const createApp = (app) => {
   });
   app.component("Fade", Fade);
   app.component("ALink", ALink);
+  app.component("AImg", AImg);
 };
 
 /**
@@ -3381,7 +3415,7 @@ const _renderer1 = {
 const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.15.0_astro@2.0.14+sharp@0.31.3/node_modules/@astrojs/image/dist/endpoint.js", _page0],["src/pages/index.astro", _page1],["src/pages/fallback.astro", _page2],["src/pages/app/index.astro", _page3],["src/pages/app/account.astro", _page4],["src/pages/[...slug].astro", _page5],]);
 const renderers = [Object.assign({"name":"astro:jsx","serverEntrypoint":"astro/jsx/server.js","jsxImportSource":"astro"}, { ssr: server_default }),Object.assign({"name":"@astrojs/vue","clientEntrypoint":"@astrojs/vue/client.js","serverEntrypoint":"@astrojs/vue/server.js"}, { ssr: _renderer1 }),];
 
-const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"fallback/index.html","links":[],"scripts":[],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.15.0_astro@2.0.14+sharp@0.31.3/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.a594715c.css","_astro/index.0c833781.css"],"scripts":[{"type":"external","value":"_astro/hoisted.721ad75d.js"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"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","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.a594715c.css"],"scripts":[{"type":"external","value":"_astro/hoisted.721ad75d.js"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-002.web.app","base":"/","markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true,"contentDir":"file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/content/"},"pageMap":null,"propagation":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Image.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Picture.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/ssr/Picture.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Pages.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Home.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Wildcard.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Fallback.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro","in-tree"]],"renderers":[],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","~/components/Prices.vue":"_astro/Prices.2bd87845.js","/astro/hoisted.js?q=0":"_astro/hoisted.721ad75d.js","~/components/PitchBar.vue":"_astro/PitchBar.5ced676e.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.295a6886.js","@@sf/components/ProductCard.vue":"_astro/ProductCard.48f0f5ba.js","@astrojs/vue/client.js":"_astro/client.79615b8a.js","~/components/ShopHeader.vue":"_astro/ShopHeader.05d64cc8.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.7ce2ebb1.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/index.0c833781.css","/_astro/server.60de185d.css","/_astro/_...slug_.a594715c.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-e2ee76b5.js","/_astro/PitchBar.5ced676e.js","/_astro/Prices.2bd87845.js","/_astro/ProductCard.48f0f5ba.js","/_astro/ShopHeader.05d64cc8.js","/_astro/_plugin-vue_export-helper.43eaff51.js","/_astro/client.79615b8a.js","/_astro/firebase-app.7ce2ebb1.js","/_astro/format-money.060d67ef.js","/_astro/hoisted.721ad75d.js","/_astro/idle-callback.889bf0ea.js","/_astro/index.3243538d.js","/_astro/modules-info.01f8d523.js","/_astro/preload-helper.101896b7.js","/_astro/runtime-dom.esm-bundler.cb4db78a.js","/_astro/session-utm.72684b84.js","/_astro/workbox-window.prod.es5.295a6886.js","/admin/config.json","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/icon.png","/img/uploads/large-icon.png","/img/uploads/logo.png","/img/uploads/logo.webp","/img/uploads/og-image.png","/img/uploads/passion.png","/img/uploads/passion.webp","/img/uploads/pwa-reliable.png","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.png","/img/uploads/rect89.webp","/img/uploads/ssl-safe.png","/assets/icons/bootstrap-icons/font/storefront-icons.woff2","/assets/icons/feather-icons/font/storefront-icons.woff2","/assets/icons/font-awesome/font/storefront-icons.woff2","/assets/icons/line-awesome/font/storefront-icons.woff2","/assets/icons/tabler-icons/font/storefront-icons.woff2","/fallback/index.html"]}), {
+const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.15.0_astro@2.0.14+sharp@0.31.3/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.25a09a96.css","_astro/index.0c833781.css"],"scripts":[{"type":"external","value":"_astro/hoisted.721ad75d.js"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.25a09a96.css"],"scripts":[{"type":"external","value":"_astro/hoisted.721ad75d.js"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"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","_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.25a09a96.css"],"scripts":[{"type":"external","value":"_astro/hoisted.721ad75d.js"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-002.web.app","base":"/","markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true,"contentDir":"file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/content/"},"pageMap":null,"propagation":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseStateJson.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Image.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/@astrojs/image/components/Picture.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/ssr/Picture.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/PagesHeader.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Pages.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Home.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Fallback.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/account.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Wildcard.astro","in-tree"],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro","in-tree"]],"renderers":[],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","~/components/Prices.vue":"_astro/Prices.036ad2b4.js","@@sf/components/ProductCard.vue":"_astro/ProductCard.69751e12.js","~/components/PitchBar.vue":"_astro/PitchBar.96fed383.js","/astro/hoisted.js?q=0":"_astro/hoisted.721ad75d.js","@astrojs/vue/client.js":"_astro/client.bc16bf93.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.295a6886.js","~/components/ShopHeader.vue":"_astro/ShopHeader.4a8ce417.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.7ce2ebb1.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/index.0c833781.css","/_astro/server.1bc2fa51.css","/_astro/_...slug_.25a09a96.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-e2ee76b5.js","/_astro/PitchBar.96fed383.js","/_astro/Prices.036ad2b4.js","/_astro/ProductCard.69751e12.js","/_astro/ShopHeader.4a8ce417.js","/_astro/_plugin-vue_export-helper.be244611.js","/_astro/client.bc16bf93.js","/_astro/firebase-app.7ce2ebb1.js","/_astro/format-money.e57ae2ab.js","/_astro/hoisted.721ad75d.js","/_astro/idle-callback.889bf0ea.js","/_astro/index.248ccd97.js","/_astro/modules-info.8540ba60.js","/_astro/preload-helper.101896b7.js","/_astro/runtime-dom.esm-bundler.be3a98cd.js","/_astro/session-utm.72684b84.js","/_astro/workbox-window.prod.es5.295a6886.js","/admin/config.json","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/icon.png","/img/uploads/large-icon.png","/img/uploads/logo.png","/img/uploads/logo.webp","/img/uploads/og-image.png","/img/uploads/passion.png","/img/uploads/passion.webp","/img/uploads/pwa-reliable.png","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.png","/img/uploads/rect89.webp","/img/uploads/ssl-safe.png","/assets/icons/bootstrap-icons/font/storefront-icons.woff2","/assets/icons/feather-icons/font/storefront-icons.woff2","/assets/icons/font-awesome/font/storefront-icons.woff2","/assets/icons/line-awesome/font/storefront-icons.woff2","/assets/icons/tabler-icons/font/storefront-icons.woff2"]}), {
 	pageMap: pageMap,
 	renderers: renderers
 });

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "main": "src/index.js",
   "repository": {
@@ -49,7 +49,7 @@
     "semver": "^7.3.8",
     "sharp": "^0.31.3",
     "tailwindcss": "^3.2.7",
-    "unocss": "^0.49.7",
+    "unocss": "^0.50.0",
     "vite": "^4.1.3",
     "vite-plugin-pwa": "^0.14.4",
     "vue": "^3.2.47"

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

@@ -133,7 +133,10 @@ const calcOnInit = () => {
   calcCurrentIndex();
   calcIndexCount();
 };
-const onResize = useDebounceFn(calcOnInit, 400);
+const onResize = useDebounceFn(() => {
+  wrapper.value.scrollLeft = 0;
+  calcOnInit();
+}, 400);
 onMounted(() => {
   calcOnInit();
   if (!import.meta.env.SSR) {
@@ -161,8 +164,13 @@ provide(carouselKey, {
 </script>
 
 <template>
-  <div ref="carousel" data-carousel>
-    <component :is="as" ref="wrapper" data-carousel-wrapper>
+  <div ref="carousel" class="relative" data-carousel>
+    <component
+      :is="as"
+      ref="wrapper"
+      class="flex overflow-x-scroll overflow-y-hidden list-none m-0 p-0"
+      data-carousel-wrapper
+    >
       <slot />
     </component>
     <!-- @slot Slot for Arrows -->
@@ -187,44 +195,21 @@ provide(carouselKey, {
 </template>
 
 <style>
-[data-carousel] {
-  position: relative;
-}
 [data-carousel-wrapper] {
-  display: flex;
-  overflow-x: scroll;
-  overflow-y: hidden;
   scroll-snap-type: x mandatory;
   scroll-behavior: smooth;
   scrollbar-width: none;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: none;
-  list-style: none;
-  margin: 0;
-  padding: 0;
 }
 [data-carousel-wrapper]::-webkit-scrollbar {
   display: none;
 }
 [data-carousel-wrapper] > * {
-  flex: 0 0 100%;
-  height: 100%;
   scroll-snap-align: start;
-  display: flex;
-  justify-content: center;
-  align-items: center;
   outline: none;
 }
 [data-carousel-control] {
-  position: absolute;
-  top: 0;
-  bottom: 0;
   z-index: 1;
 }
-[data-carousel-control=previous] {
-  left: 0;
-}
-[data-carousel-control=next] {
-  right: 0;
-}
 </style>

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

@@ -17,12 +17,16 @@ const { changeSlide } = inject(carouselKey);
     type="button"
     :aria-label="direction > 0 ? $t.i19next : $t.i19previous"
     @click="changeSlide(direction)"
+    class="group absolute top-0"
+    :class="direction > 0 ? 'right-0' : 'left-0'"
     :data-carousel-control="direction > 0 ? 'next' : 'previous'"
   >
     <slot>
       <i
         class="m-0"
-        :class="direction > 0 ? 'i-chevron-right' : 'i-chevron-left'"
+        :class="direction > 0
+          ? 'i-chevron-right group-active:translate-x-1'
+          : 'i-chevron-left group-active:-translate-x-1'"
       ></i>
     </slot>
   </button>

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

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import { type ImgHTMLAttributes, computed } from 'vue';
+import {
+  img as getImg,
+  imgSizes as getImgSizes,
+} from '@ecomplus/utils';
+
+export interface PictureSize {
+  url: string;
+  alt?: string;
+  size?: string;
+}
+
+export interface Props {
+  picture: {
+    url: string;
+    alt?: string;
+    size?: string;
+    normal?: PictureSize;
+    big?: PictureSize;
+    zoom?: PictureSize;
+    small?: PictureSize;
+    _id?: string;
+    tag?: string;
+  };
+  loading?: 'lazy' | 'eager';
+  decoding?: 'async' | 'sync' | 'auto';
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  loading: 'lazy',
+});
+const image = computed(() => {
+  if ((props.picture as PictureSize).url) {
+    return props.picture;
+  }
+  return getImg(props.picture) as PictureSize;
+});
+const dimensions = computed(() => {
+  return getImgSizes(image.value) as { width: number, height: number };
+});
+const attrs = computed<ImgHTMLAttributes>(() => ({
+  ...props,
+  src: image.value.url,
+  alt: image.value.alt,
+  width: dimensions.value.width || null,
+  height: dimensions.value.height || null,
+  decoding: props.decoding || (dimensions.value.height ? 'async' : null),
+  picture: null,
+}));
+</script>
+
+<template>
+  <img v-bind="attrs" />
+</template>

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

@@ -72,6 +72,16 @@ const willChange = computed(() => {
   if (width.value === 0) properties += ', width';
   return properties;
 });
+const setInitialStyles = (el: HTMLElement) => {
+  el.style.setProperty('--fade-will-change', willChange.value);
+  el.style.setProperty('--fade-duration', duration.value);
+  el.style.setProperty('--fade-enter-opacity', String(enterFromOpacity.value));
+  el.style.setProperty('--fade-enter-transform', String(enterFromTransform.value));
+  el.style.setProperty('--fade-enter-height', String(enterFromHeight.value));
+  el.style.setProperty('--fade-enter-width', String(enterFromWidth.value));
+  el.style.setProperty('--fade-leave-opacity', String(leaveToOpacity.value));
+  el.style.setProperty('--fade-leave-transform', String(leaveToTransform.value));
+};
 const onEnter = (el: HTMLElement) => {
   if (props.slide && !props.isFloating && props.isEnterFrom) {
     if (isSlideY.value) {
@@ -126,7 +136,9 @@ const onLeave = (el: HTMLElement) => {
 <template>
   <Transition
     name="sf-fade"
+    @before-enter="setInitialStyles"
     @enter="onEnter"
+    @before-leave="setInitialStyles"
     @after-enter="onAfterEnter"
     @leave="onLeave"
   >
@@ -135,33 +147,26 @@ const onLeave = (el: HTMLElement) => {
 </template>
 
 <style>
-.sf-fade-enter-active,
-.sf-fade-leave-active {
-  transition: opacity var(--duration), transform var(--duration),
-    height var(--duration), width var(--duration);
-  overflow: hidden;
-}
-</style>
-
-<style scoped>
-* {
-  will-change: v-bind(willChange);
+[class*="sf-fade-"] {
+  will-change: var(--fade-will-change);
   transform: translateZ(0);
   backface-visibility: hidden;
   perspective: 1000px;
 }
 .sf-fade-enter-active,
 .sf-fade-leave-active {
-  --duration: v-bind(duration);
+  transition: opacity var(--fade-duration), transform var(--fade-duration),
+    height var(--fade-duration), width var(--fade-duration);
+  overflow: hidden;
 }
 .sf-fade-enter-from {
-  opacity: v-bind(enterFromOpacity);
-  transform: v-bind(enterFromTransform);
-  height: v-bind(enterFromHeight);
-  width: v-bind(enterFromWidth);
+  opacity: var(--fade-enter-opacity);
+  transform: var(--fade-enter-transform);
+  height: var(--fade-enter-height);
+  width: var(--fade-enter-width);
 }
 .sf-fade-leave-to {
-  opacity: v-bind(leaveToOpacity);
-  transform: v-bind(leaveToTransform);
+  opacity: var(--fade-leave-opacity);
+  transform: var(--fade-leave-transform);
 }
 </style>

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

@@ -73,8 +73,10 @@ if (!ogImage) {
 {cmsMetatags?.twitter_username &&
   <meta name="twitter:site" content={cmsMetatags.twitter_username} />}
 <meta name="ecom-store-id" content={String(storeId)}>
-{pwaInfo && <Fragment set:html={pwaInfo.webManifest.linkTag} />}
 <script>
   import { registerSW } from 'virtual:pwa-register';
   registerSW({ immediate: true });
 </script>
+{pwaInfo && <Fragment set:html={pwaInfo.webManifest.linkTag} />}
+{(!pwaInfo && !import.meta.env.DEV) &&
+  <link rel="manifest" href="/manifest.webmanifest" />}

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

@@ -2,6 +2,7 @@ import type { App } from 'vue';
 import { i18n, formatMoney } from '@ecomplus/utils';
 import Fade from '@@sf/components/globals/Fade.vue';
 import ALink from '@@sf/components/globals/ALink.vue';
+import AImg from '@@sf/components/globals/AImg.vue';
 
 const formatPercentage = (value: number, digits = 1) => {
   return Number.isInteger(value) ? `${value}%` : `${value.toFixed(digits)}%`;
@@ -22,6 +23,7 @@ export default (app: App) => {
   });
   app.component('Fade', Fade);
   app.component('ALink', ALink);
+  app.component('AImg', AImg);
 };
 
 export type FormatPercentage = typeof formatPercentage;

package/packages/storefront/src/vue-globals.d.ts

@@ -23,6 +23,7 @@ declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     Fade: typeof import('@@sf/components/globals/Fade.vue')['default'];
     ALink: typeof import('@@sf/components/globals/ALink.vue')['default'];
+    AImg: typeof import('@@sf/components/globals/AImg.vue')['default'];
   }
 }
 

package/packages/types/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/types",
   "type": "module",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "description": "E-Com Plus Cloud Commerce reusable type definitions",
   "main": "index.ts",
   "repository": {

package/packages/storefront/dist/client/_astro/PitchBar.5ced676e.js

@@ -1 +0,0 @@
-import{v as G}from"./runtime-dom.esm-bundler.cb4db78a.js";import{p as J}from"./modules-info.01f8d523.js";import{c as g,d as z,_ as R,m as Q,o as u,a as p,p as x,e as I,n as D,j as d,q as b,s as O,u as X,v as Y,x as Z,y as ee,k as $,w as m,l as q,g as C,z as te,A as ae,B as oe,F as ne,C as re,b as se}from"./_plugin-vue_export-helper.43eaff51.js";import{u as le,a as ie,b as ue}from"./index.3243538d.js";/* empty css                       */import"./session-utm.72684b84.js";import"./idle-callback.889bf0ea.js";import"./format-money.060d67ef.js";const ce=o=>{const r=g(()=>o.slides.map(({html:e})=>J(e).value)),a=g(()=>r.value.filter(e=>e).length);return{parsedContents:r,countValidSlides:a}},K=Symbol("carousel"),de=z({__name:"CarouselControl",props:{direction:{default:1}},setup(o,{expose:r}){r();const{changeSlide:a}=Q(K),e={changeSlide:a};return Object.defineProperty(e,"__isScriptSetup",{enumerable:!1,value:!0}),e}}),fe=["aria-label","data-carousel-control"];function pe(o,r,a,e,s,n){return u(),p("button",{type:"button","aria-label":a.direction>0?"Próximo":"Anterior",onClick:r[0]||(r[0]=i=>e.changeSlide(a.direction)),"data-carousel-control":a.direction>0?"next":"previous"},[x(o.$slots,"default",{},()=>[I("i",{class:D(["m-0",a.direction>0?"i-chevron-right":"i-chevron-left"])},null,2)])],8,fe)}const U=R(de,[["render",pe]]),me=z({__name:"Carousel",props:{as:{default:"ul"},modelValue:{default:1},autoplay:null},emits:["update:modelValue"],setup(o,{expose:r,emit:a}){r();const e=o,s=d(e.modelValue-1);b(O(e,"modelValue"),t=>{s.value=t-1}),b(s,(t,l)=>{t!==l&&a("update:modelValue",t+1)});const n=d(null),{x:i,isScrolling:f,arrivedState:S}=le(n),y=g(()=>S.left),w=g(()=>S.right),h=d([]),B=d(0),P=d(0),V=d(0),j=()=>{B.value=n.value.scrollWidth,P.value=n.value.offsetWidth},A=()=>{const t=[...n.value.children];h.value=t.map(l=>({offsetLeft:l.offsetLeft,width:l.offsetWidth}))},E=t=>{const l=t>0?s.value:s.value+t,M=h.value[l]?.width||0;return M?M*t:0},L=()=>{const t=h.value.findIndex(l=>Math.abs(l.offsetLeft-i.value)<=5);t>-1&&(s.value=t||0)},T=()=>{const t=B.value-P.value;V.value=h.value.findIndex(({offsetLeft:l})=>l>=t-5)};let c=null;const v=()=>{e.autoplay&&(clearTimeout(c),c=setTimeout(()=>{_(1)},e.autoplay))},_=t=>{if(t<0){if(y.value){T(),s.value=V.value-1,_(1);return}}else if(w.value){s.value=1,_(-1);return}const l=E(t);l&&(n.value.scrollBy({left:l,behavior:"smooth"}),v())};b(f,t=>{t?clearTimeout(c):(L(),v())});const N=d(null),F=ie(N);b(F,t=>{t?clearTimeout(c):v()});const W=()=>{n.value&&(j(),A(),L(),T())},k=ue(W,400);X(()=>{W(),Y(()=>{[...n.value.children].forEach(t=>{t.setAttribute("tabindex","0")})}),v(),window.addEventListener("resize",k)}),Z(()=>{window.removeEventListener("resize",k),clearTimeout(c)}),ee(K,{autoplay:O(e,"autoplay"),changeSlide:_,isBoundLeft:y,isBoundRight:w});const H={props:e,emit:a,currentIndex:s,wrapper:n,currentPos:i,isScrolling:f,arrivedState:S,isBoundLeft:y,isBoundRight:w,slidesWidth:h,wrapperScrollWidth:B,wrapperVisibleWidth:P,indexCount:V,calcWrapperWidth:j,calcSlidesWidth:A,calcNextWidth:E,calcCurrentIndex:L,calcIndexCount:T,get autoplayTimer(){return c},set autoplayTimer(t){c=t},restartAutoplay:v,changeSlide:_,carousel:N,isHovered:F,calcOnInit:W,onResize:k,CarouselControl:U};return Object.defineProperty(H,"__isScriptSetup",{enumerable:!1,value:!0}),H}}),he={ref:"carousel","data-carousel":""};function ve(o,r,a,e,s,n){return u(),p("div",he,[(u(),$(q(a.as),{ref:"wrapper","data-carousel-wrapper":""},{default:m(()=>[x(o.$slots,"default")]),_:3},512)),x(o.$slots,"controls",te(ae({changeSlide:e.changeSlide,isBoundLeft:e.isBoundLeft,isBoundRight:e.isBoundRight,currentPage:e.currentIndex+1,pageCount:e.indexCount+1})),()=>[C(e.CarouselControl,{direction:-1},{default:m(()=>[x(o.$slots,"previous")]),_:3}),C(e.CarouselControl,null,{default:m(()=>[x(o.$slots,"next")]),_:3})])],512)}const _e=R(me,[["render",ve]]),xe=z({__name:"PitchBar",props:{slides:null},setup(o,{expose:r}){r();const a=o,{parsedContents:e,countValidSlides:s}=ce(a),n={props:a,parsedContents:e,countValidSlides:s,Carousel:_e,CarouselControl:U};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),Ce={class:"bg-base-100 relative z-1"},be={class:"container md:w-2/3 mx-auto px-3 py-1"},ge=["innerHTML"],Se={class:"text-xl leading-none text-base-400"};function ye(o,r,a,e,s,n){return u(),p("div",Ce,[I("div",be,[C(e.Carousel,{autoplay:e.countValidSlides>1?7e3:null},{controls:m(()=>[oe(I("div",Se,[C(e.CarouselControl,{direction:-1,class:"pr-2 bg-base-100 hover:text-base-700"}),C(e.CarouselControl,{class:"pl-2 bg-base-100 hover:text-base-700"})],512),[[G,e.countValidSlides>1]])]),default:m(()=>[(u(!0),p(ne,null,re(a.slides,(i,f)=>(u(),p("li",{key:f},[(u(),$(q(i.href?"ALink":"span"),{href:i.href,target:i.target,class:D(["inline-block px-8",i.href?"hover:underline":null])},{default:m(()=>[e.parsedContents[f]?(u(),p("span",{key:0,innerHTML:e.parsedContents[f],class:"prose text-sm text-base-800"},null,8,ge)):se("",!0)]),_:2},1032,["href","target","class"]))]))),128))]),_:1},8,["autoplay"])])])}const Ie=R(xe,[["render",ye]]);export{Ie as default};