cloudcommerce 0.6.6 → 0.6.8

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

@@ -1,8 +1,8 @@
 import { performance } from 'node:perf_hooks';
 import { ReadableStream, ByteLengthQueuingStrategy, CountQueuingStrategy, ReadableByteStreamController, ReadableStreamBYOBReader, ReadableStreamBYOBRequest, ReadableStreamDefaultController, ReadableStreamDefaultReader, TransformStream, WritableStream, WritableStreamDefaultController, WritableStreamDefaultWriter } from 'node:stream/web';
-import * as undici from 'undici';
+import { File as File$1, Headers, Request, Response, fetch } from 'undici';
 import { setTimeout as setTimeout$1, clearTimeout as clearTimeout$1 } from 'node:timers';
-import { N as NodeApp, g as server_default, h as deserializeManifest } from './chunks/astro.a9f695c0.mjs';
+import { N as NodeApp, g as server_default, h as deserializeManifest } from './chunks/astro.2e59789d.mjs';
 import { Readable } from 'stream';
 import https from 'https';
 import path from 'path';
@@ -14,7 +14,7 @@ import enableDestroy from 'server-destroy';
 import { defineComponent, computed, useSSRContext, mergeProps, h as h$2, createSSRApp } from 'vue';
 import { ssrRenderSlotInner, ssrRenderAttrs, ssrRenderSlot, renderToString } from 'vue/server-renderer';
 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.226fa45f.mjs';
+/* 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.726ca7f4.mjs';
 import 'path-to-regexp';
 import 'tls';
 import 'mime';
@@ -188,7 +188,6 @@ const CanceledInPassiveListener = new Warning("W05", "Unable to preventDefault i
 const EventListenerWasDuplicated = new Warning("W06", "An event listener wasn't added because it has been added already: %o, %o");
 const OptionWasIgnored = new Warning("W07", "The %o option value was abandoned because the event listener wasn't added as duplicated.");
 const InvalidEventListener = new Warning("W08", "The 'callback' argument must be a function or an object that has 'handleEvent' method: %o");
-new Warning("W09", "Event attribute handler must be a function: %o");
 
 /*eslint-disable class-methods-use-this */
 /**
@@ -1348,13 +1347,13 @@ const _File = class File extends Blob$1 {
 };
 
 /** @type {typeof globalThis.File} */// @ts-ignore
-const File$1 = _File;
+const File = _File;
 
 /*! formdata-polyfill. MIT License. Jimmy Wärting <https://jimmy.warting.se/opensource> */
 
 var {toStringTag:t$1,iterator:i$1,hasInstance:h$1}=Symbol,
 m$1='append,set,get,getAll,delete,keys,values,entries,forEach,constructor'.split(','),
-f$1=(a,b,c)=>(a+='',/^(Blob|File)$/.test(b && b[t$1])?[(c=c!==void 0?c+'':b[t$1]=='File'?b.name:'blob',a),b.name!==c||b[t$1]=='blob'?new File$1([b],c,b):b]:[a,b+'']),
+f$1=(a,b,c)=>(a+='',/^(Blob|File)$/.test(b && b[t$1])?[(c=c!==void 0?c+'':b[t$1]=='File'?b.name:'blob',a),b.name!==c||b[t$1]=='blob'?new File([b],c,b):b]:[a,b+'']),
 x$1=(n, a, e)=>{if(a.length<e){throw new TypeError(`Failed to execute '${n}' on 'FormData': ${e} arguments required, but only ${a.length} present.`)}};
 
 /** @type {typeof globalThis.FormData} */
@@ -2554,13 +2553,6 @@ function alert(...messages) {
     console.log(...messages);
 }
 
-// @ts-check
-const fetch = undici.fetch;
-const Headers = undici.Headers;
-const Response = undici.Response;
-const Request = undici.Request;
-const File = undici.File;
-
 const exclusionsForHTMLElement = [
     'CustomElementsRegistry',
     'HTMLElement',
@@ -2661,7 +2653,7 @@ const polyfill = (target, options) => {
         Element,
         Event,
         EventTarget,
-        File,
+        File: File$1,
         FormData,
         HTMLDocument,
         HTMLElement,
@@ -3368,6 +3360,8 @@ const createApp = (app) => {
       };
       app2.config.globalProperties.$money = formatMoney;
       app2.config.globalProperties.$percentage = formatPercentage;
+      app2.config.globalProperties.$settings = globalThis.storefront.settings;
+      app2.config.globalProperties.$context = globalThis.storefront.context;
     }
   });
   app.component("Fade", Fade);
@@ -3412,10 +3406,10 @@ const _renderer1 = {
 	renderToStaticMarkup,
 };
 
-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 pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.15.1_astro@2.0.16+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":"","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_.86768317.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_.86768317.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_.86768317.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.c3513660.js","@@sf/components/ProductCard.vue":"_astro/ProductCard.943cd687.js","/astro/hoisted.js?q=0":"_astro/hoisted.721ad75d.js","@astrojs/vue/client.js":"_astro/client.e1250adc.js","~/components/PitchBar.vue":"_astro/PitchBar.fae93937.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.5b3abae3.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_.86768317.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-e2ee76b5.js","/_astro/PitchBar.fae93937.js","/_astro/Prices.c3513660.js","/_astro/ProductCard.943cd687.js","/_astro/ShopHeader.5b3abae3.js","/_astro/_plugin-vue_export-helper.a7457a61.js","/_astro/client.e1250adc.js","/_astro/firebase-app.7ce2ebb1.js","/_astro/format-money.6379f63c.js","/_astro/hoisted.721ad75d.js","/_astro/idle-callback.889bf0ea.js","/_astro/index.769c6acb.js","/_astro/modules-info.fbf28964.js","/_astro/preload-helper.101896b7.js","/_astro/runtime-dom.esm-bundler.4e28b902.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"]}), {
+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.1_astro@2.0.16+sharp@0.31.3/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.0607a6ef.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":"/","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.0607a6ef.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","prerender":false,"_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","prerender":false,"_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","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["_astro/_...slug_.0607a6ef.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","prerender":false,"_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":[],"renderers":[],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","@@sf/components/ProductCard.vue":"_astro/ProductCard.7e891c08.js","~/components/Prices.vue":"_astro/Prices.55399c72.js","~/components/PitchBar.vue":"_astro/PitchBar.db7cd775.js","@astrojs/vue/client.js":"_astro/client.0de2f274.js","/astro/hoisted.js?q=0":"_astro/hoisted.721ad75d.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.301e109b.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_.0607a6ef.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-e0d788d4.js","/_astro/PitchBar.db7cd775.js","/_astro/Prices.55399c72.js","/_astro/ProductCard.7e891c08.js","/_astro/ShopHeader.301e109b.js","/_astro/_plugin-vue_export-helper.77ed7c18.js","/_astro/client.0de2f274.js","/_astro/firebase-app.7ce2ebb1.js","/_astro/format-money.ab6b71eb.js","/_astro/hoisted.721ad75d.js","/_astro/idle-callback.889bf0ea.js","/_astro/index.16f33784.js","/_astro/modules-info.06ac0727.js","/_astro/preload-helper.101896b7.js","/_astro/runtime-dom.esm-bundler.d2f39f33.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"]}), {
 	pageMap: pageMap,
 	renderers: renderers
 });

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.6.6",
+  "version": "0.6.8",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "main": "src/index.js",
   "repository": {
@@ -25,8 +25,8 @@
     "prepare-monorepo": "sh scripts/prepare-monorepo.sh"
   },
   "dependencies": {
-    "@astrojs/image": "^0.15.0",
-    "@astrojs/node": "^5.0.3",
+    "@astrojs/image": "^0.15.1",
+    "@astrojs/node": "^5.0.4",
     "@astrojs/partytown": "^1.0.3",
     "@astrojs/prefetch": "^0.1.2",
     "@astrojs/vue": "^2.0.1",
@@ -35,13 +35,13 @@
     "@cloudcommerce/i18n": "workspace:*",
     "@ecomplus/utils": "1.5.0-rc.3",
     "@fastify/deepmerge": "^1.3.0",
-    "@headlessui/vue": "^1.7.10",
+    "@headlessui/vue": "^1.7.11",
     "@iconify-json/fa6-brands": "^1.1.10",
     "@iconify-json/heroicons": "^1.1.10",
     "@iconify-json/logos": "^1.1.23",
-    "@vite-pwa/astro": "^0.0.3",
-    "@vueuse/core": "9.12.0 || ^9.13.1",
-    "astro": "^2.0.14",
+    "@vite-pwa/astro": "^0.0.4",
+    "@vueuse/core": "9.12.0",
+    "astro": "^2.0.16",
     "chroma-js": "^2.4.2",
     "dotenv": "^16.0.3",
     "firebase": "^9.17.1",
@@ -49,13 +49,13 @@
     "semver": "^7.3.8",
     "sharp": "^0.31.3",
     "tailwindcss": "^3.2.7",
-    "unocss": "^0.50.0",
-    "vite": "^4.1.3",
+    "unocss": "^0.50.1",
+    "vite": "^4.1.4",
     "vite-plugin-pwa": "^0.14.4",
     "vue": "^3.2.47"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
+    "@babel/core": "^7.21.0",
     "@cloudcommerce/types": "workspace:*"
   }
 }

package/packages/storefront/server.d.ts

@@ -1,3 +1,4 @@
+import type { ApiEndpoint } from '@cloudcommerce/api';
 import type {
   ProductSet,
   CategorySet,
@@ -29,6 +30,10 @@ declare global {
     },
     onLoad: (callback: (...args: any[]) => void) => void,
   };
+  // eslint-disable-next-line
+  var api_prefetch_endpoints: undefined | ApiEndpoint[];
+  // eslint-disable-next-line
+  var storefront_slim_doc_regex: undefined | RegExp;
 }
 
 export { };

package/packages/storefront/src/lib/assets/base.css

@@ -101,6 +101,11 @@ d-md {
   }
 }
 
+/* Preset width auto for responsive images (for Astro <Picture/>) */
+:where(img[sizes], source[sizes] + img) {
+  width: auto;
+}
+
 /* Fix Safari issue related to <summary> / <details> arrow */
 details > summary.list-none::-webkit-details-marker,
 details > summary.list-none::marker {

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

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+
+export interface Props {
+  to?: 'orders' | 'favorites';
+  accountUrl?: string;
+  returnUrl?: string;
+  isSignUp?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  accountUrl: globalThis.storefront.settings.account_url || '/app/account',
+  returnUrl: globalThis.location?.href,
+});
+const href = computed(() => {
+  let url = props.accountUrl;
+  if (!props.to) {
+    if (props.isSignUp) {
+      url += '?sign_up&';
+    } else {
+      url += '?';
+    }
+    return `${url}return_url=${props.returnUrl}`;
+  }
+  const { settings } = globalThis.storefront;
+  if (props.to === 'orders' && settings.orders_url) {
+    return settings.orders_url;
+  }
+  if (props.to === 'favorites' && settings.favorites_url) {
+    return settings.favorites_url;
+  }
+  return `${url}/${props.to}`;
+});
+</script>
+
+<template>
+  <a :href="href"><slot /></a>
+</template>

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

@@ -25,6 +25,7 @@ const shopHeader: ShopHeaderProps = {
   menuCategorySlugs: cmsHeader.inline_menu_categories?.featured,
   menuRandomCategories: cmsHeader.inline_menu_categories?.random,
   isAlphabeticalSortSubmenu: cmsHeader.alphabetical_sort_submenu,
+  serviceLinks: cmsHeader.service_links,
 };
 const LogoHeading = Astro.props.logoHeading || (isHomepage ? 'h1' : 'h2');
 ---

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

@@ -8,10 +8,10 @@ const formatPercentage = (value: number, digits = 1) => {
   return Number.isInteger(value) ? `${value}%` : `${value.toFixed(digits)}%`;
 };
 
-export default (app: App) => {
+const createApp = (app: App) => {
   app.use({
     // eslint-disable-next-line no-shadow
-    install: (app, options) => {
+    install: (app: App, options: Record<string, any>) => {
       // @ts-ignore
       app.config.globalProperties.$t = (dict, lang) => {
         // @ts-ignore
@@ -19,6 +19,8 @@ export default (app: App) => {
       };
       app.config.globalProperties.$money = formatMoney;
       app.config.globalProperties.$percentage = formatPercentage;
+      app.config.globalProperties.$settings = globalThis.storefront.settings;
+      app.config.globalProperties.$context = globalThis.storefront.context;
     },
   });
   app.component('Fade', Fade);
@@ -26,4 +28,6 @@ export default (app: App) => {
   app.component('AImg', AImg);
 };
 
+export default createApp;
+
 export type FormatPercentage = typeof formatPercentage;

package/packages/storefront/src/lib/ssr/Picture.astro

@@ -1,17 +1,26 @@
 ---
 import { Picture } from '@astrojs/image/components';
-import { getAspectRatio } from '@@sf/ssr/image';
+import { tryImageSize, getAspectRatio } from '@@sf/ssr/image';
 
 type PictureProps = Parameters<typeof Picture>[0];
 
 export type Props = Omit<PictureProps, 'aspectRatio'> & {
   aspectRatio?: PictureProps['aspectRatio'],
-  fetchpriority: 'high' | 'low' | 'auto',
+  fetchpriority?: 'high' | 'low' | 'auto',
 };
 
 const props = Astro.props as PictureProps;
-if (!props.aspectRatio && typeof props.src === 'string') {
-  props.aspectRatio = getAspectRatio(props.src);
+if (
+  (!props.width || !props.height)
+  && !props.aspectRatio
+  && typeof props.src === 'string'
+) {
+  const { width, height } = tryImageSize(props.src);
+  if (height) {
+    props.aspectRatio = getAspectRatio({ width, height });
+    props.width = width;
+    props.height = height;
+  }
 }
 ---
 

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

@@ -1,9 +1,10 @@
 import type { AstroGlobal } from 'astro';
 import type { BaseConfig } from '@cloudcommerce/config';
+import type { ApiError, ApiEndpoint } from '@cloudcommerce/api';
 import type { CategoriesList, BrandsList } from '@cloudcommerce/api/types';
 import type { CMS, CmsSettings } from './cms';
 import { EventEmitter } from 'node:events';
-import api, { ApiError, ApiEndpoint } from '@cloudcommerce/api';
+import api from '@cloudcommerce/api';
 import _getConfig from '../../storefront.config.mjs';
 
 type StorefrontConfig = {
@@ -24,10 +25,6 @@ type StorefrontConfig = {
 const emitter = new EventEmitter();
 const getConfig: () => StorefrontConfig = _getConfig;
 
-declare global {
-  // eslint-disable-next-line
-  var api_prefetch_endpoints: ApiEndpoint[];
-}
 if (!globalThis.api_prefetch_endpoints) {
   globalThis.api_prefetch_endpoints = [
     'categories?fields=_id,name,slug,parent,icon,pictures.0',
@@ -53,7 +50,7 @@ const setResponseCache = (Astro: AstroGlobal, maxAge: number, sMaxAge?: number)
   Astro.response.headers.set(headerName, cacheControl);
 };
 
-const loadPageContext = async (Astro: AstroGlobal, {
+const loadPageContext = async (Astro: Readonly<AstroGlobal>, {
   cmsCollection,
   apiPrefetchEndpoints = globalThis.api_prefetch_endpoints,
 }: {

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

@@ -18,6 +18,8 @@ declare module '@vue/runtime-core' {
     };
     $money: typeof import('@ecomplus/utils')['formatMoney'];
     $percentage: FormatPercentage;
+    $settings: typeof globalThis.storefront.settings;
+    $context: typeof globalThis.storefront.context;
   }
 
   export interface GlobalComponents {

package/packages/storefront/tailwind.config.cjs

@@ -45,6 +45,7 @@ let defaultThemeOptions = {
     account: 'user-circle',
     close: 'x-mark',
     logout: 'arrow-right-on-rectangle',
+    favorites: 'heart',
   },
 };
 if (globalThis.storefront_theme_options) {

package/packages/types/index.ts

@@ -121,6 +121,12 @@ type CmsSettings = {
       available_extra_discount?: Partial<ApplyDiscountResponse['available_extra_discount']>,
     },
   },
+  cart_url?: string,
+  checkout_url?: string,
+  account_url?: string,
+  orders_url?: string,
+  favorites_url?: string,
+  metafields?: Record<string, string>,
 };
 
 export type {

package/packages/types/package.json

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

package/pnpm-workspace.yaml

@@ -5,6 +5,6 @@ packages:
   - 'store'
   - 'store/*'
   - 'store/functions/*'
-  #- 'ecomplus-stores/*'
-  #- 'ecomplus-stores/*/*'
-  #- 'ecomplus-stores/*/functions/*'
+  - 'ecomplus-stores/monocard'
+  - 'ecomplus-stores/monocard/*'
+  - 'ecomplus-stores/monocard/functions/*'

package/ecomplus-stores/monocard/functions/ssr/content/contacts.json

@@ -1,13 +0,0 @@
-{
-  "email": "atendimento@monocard.com.br",
-  "phone": "",
-  "whatsapp": "",
-  "address": "Endereço",
-  "doc_number": "123",
-  "facebook": "https://www.facebook.com/ecom.clubpage/",
-  "twitter": "",
-  "youtube": "https://www.youtube.com/channel/UCBlIxK5JAub0E1EX_qHdzmA",
-  "tiktok": "",
-  "instagram": "https://www.instagram.com/ecomclub/",
-  "pinterest": ""
-}

package/ecomplus-stores/monocard/functions/ssr/content/info.json

@@ -1,18 +0,0 @@
-{
-  "shipping": {
-    "show": true,
-    "text": "Entregamos para todo o Brasil"
-  },
-  "installments": {
-    "show": true,
-    "text": "Parcele sem juros"
-  },
-  "exchange": {
-    "show": true,
-    "text": "Não gostou? A primeira troca é gratuita"
-  },
-  "promo": {
-    "show": true,
-    "text": "Diferentes promoções ao longo do ano!"
-  }
-}

package/ecomplus-stores/monocard/functions/ssr/src/components/HowItWorksAccordion.vue

@@ -1,32 +0,0 @@
-<script lang="ts" setup>
-export interface Props {
-  isStartOpen?: boolean;
-}
-
-defineProps<Props>();
-</script>
-
-<template>
-  <details :open="isStartOpen">
-    <summary class="text-xl">
-      <i class="text-lg i-paint-brush-solid mr-1"></i>
-      Configure seu perfil
-    </summary>
-    <p>
-      Adicione sua foto ou a logo de sua empresa em seu perfil.
-      Disponibilize todos os contatos que desejar e links para que tenham
-      acesso ao seu cartão de visitas inteligente.
-    </p>
-  </details>
-  <details :open="isStartOpen">
-    <summary class="text-xl">
-      <i class="text-lg i-share-solid mr-1"></i>
-      Compartilhe onde quiser
-    </summary>
-    <p>
-      Sempre que precisar, use seu Monocard para compartilhar seu
-      cartão de visitas digital de forma fácil e segura,
-      sem perder tempo em seu dia a dia.
-    </p>
-  </details>
-</template>

package/ecomplus-stores/monocard/functions/ssr/src/components/TheHeader.vue

@@ -1,42 +0,0 @@
-<script lang="ts" setup>
-import { toRefs, ImgHTMLAttributes } from 'vue';
-
-export interface Props {
-  logo?: ImgHTMLAttributes;
-  logoAltHeading?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | null;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  logoAltHeading: 'h2',
-});
-const { logo } = toRefs(props);
-</script>
-
-<template>
-  <header class="header bg-black bg-opacity-90 backdrop-blur-md
-    sticky top-0 z-50 py-1 sm:py-2">
-    <div class="container">
-      <div class="grid grid-flow-col auto-cols-max justify-between items-center">
-        <slot name="aside">
-          <div class="header__aside md:hidden">
-            <div class="i-bars-3-bottom-left"></div>
-          </div>
-        </slot>
-        <slot name="logo" v-bind="{ logo }">
-          <a href="/">
-            <component :is="(logo.alt && logoAltHeading) || 'span'" class="m-0">
-              <img v-bind="logo" />
-            </component>
-          </a>
-        </slot>
-        <div class="flex items-center">
-          <slot name="actions">
-            <slot name="nav" />
-            <slot name="search" />
-            <slot name="buttons" />
-          </slot>
-        </div>
-      </div>
-    </div>
-  </header>
-</template>

package/ecomplus-stores/monocard/functions/ssr/src/components/TopBar.vue

@@ -1,10 +0,0 @@
-<template>
-  <div class="w-full bg-primary">
-    <div class="container">
-      <div class="py-1 uppercase text-secondary flex flex-nowrap justify-between lg:justify-around">
-        <div><b>Frete grátis</b> para todo o Brasil</div>
-        <div>Até <b>12x sem juros</b></div>
-      </div>
-    </div>
-  </div>
-</template>

package/ecomplus-stores/monocard/functions/ssr/src/layouts/PagesHeader.astro

@@ -1,51 +0,0 @@
----
-import type { PageContext } from '@@sf/ssr-context';
-import { getImage } from '@@sf/ssr/image';
-import TopBar from '@@components/TopBar.vue';
-import TheHeader from '@@components/TheHeader.vue';
-import HeaderNav from '@@components/header/HeaderNav.vue';
-import HeaderButtons from '@@components/header/HeaderButtons.vue';
-
-export interface Props {
-  pageContext: PageContext;
-}
-
-const {
-  pageContext: {
-    apiState,
-    settings,
-  },
-} = Astro.props as Props;
-const loginDrawerAdditionalLinks = [{
-  href: 'https://mono.direct/login',
-  innerHTML: '<i class="i-pencil-square mr-1"></i> Gerenciar conta Monocard',
-}];
-
-const logo = {
-  ...await getImage({
-    src: settings.logo,
-    width: 150,
-    format: 'webp',
-    quality: 80,
-  }) as any,
-  alt: settings.name,
-};
-const logoAltHeading = Astro.url.pathname === '/' ? 'h1' : 'h2';
-const { categories } = apiState;
----
-
-<Fragment>
-  <slot name="top-bar">
-    <TopBar />
-  </slot>
-  <slot name="header">
-    <TheHeader { logo } logoAltHeading={logoAltHeading}>
-      <Fragment slot="nav">
-        <HeaderNav categories={categories} />
-      </Fragment>
-      <Fragment slot="buttons">
-        <HeaderButtons client:idle { loginDrawerAdditionalLinks } />
-      </Fragment>
-    </TheHeader>
-  </slot>
-</Fragment>

package/packages/storefront/dist/client/_astro/PitchBar.fae93937.js

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