cloudcommerce 0.0.81 → 0.0.83

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.83](https://github.com/ecomplus/cloud-commerce/compare/v0.0.82...v0.0.83) (2022-09-19)
+
+
+### Features
+
+* **storefront:** Advanced SW cache strategies based on current `@ecomplus/storefront-framework` ([3b6b6ae](https://github.com/ecomplus/cloud-commerce/commit/3b6b6ae35e449ccf29ad07b67b74dbfaf409f16a))
+* **storefront:** Properly setup web manifest for PWA ([b2c3f1e](https://github.com/ecomplus/cloud-commerce/commit/b2c3f1e56fe3acfebd5990e0fce73007786da6d4)), closes [#L262-L282](https://github.com/ecomplus/cloud-commerce/issues/L262-L282)
+
+
+### Bug Fixes
+
+* **deps:** Update all non-major dependencies ([#50](https://github.com/ecomplus/cloud-commerce/issues/50)) ([f14b07c](https://github.com/ecomplus/cloud-commerce/commit/f14b07c3c35dc62d52a1c102b001611f85e51080))
+
+### [0.0.82](https://github.com/ecomplus/cloud-commerce/compare/v0.0.81...v0.0.82) (2022-09-17)
+
+
+### Features
+
+* **storefront:** Trying basic PWA setup with `vite-plugin-pwa` ([5ddab09](https://github.com/ecomplus/cloud-commerce/commit/5ddab09679d979e4cd52fc0ba1c8e9845178e521))
+
+
+### Bug Fixes
+
+* **storefront:** Add `must-revalidate` cache control to prevent browsers using stale ([bdaca35](https://github.com/ecomplus/cloud-commerce/commit/bdaca3548a8709590368565735c4cf02e20b2d5c))
+
 ### [0.0.81](https://github.com/ecomplus/cloud-commerce/compare/v0.0.80...v0.0.81) (2022-09-16)
 
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloudcommerce",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "Open fair-code headless commerce platform: API-first, microservices based, event driven and cloud native",
   "main": "packages/api/lib/index.js",
   "author": "E-Com Club Softwares para E-commerce <ti@e-com.club>",
@@ -22,19 +22,19 @@
     "@types/node": "^18.7.17",
     "@typescript-eslint/eslint-plugin": "^5.37.0",
     "@typescript-eslint/parser": "^5.37.0",
-    "esbuild": "^0.15.7",
+    "esbuild": "^0.15.8",
     "eslint": "^8.23.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-vue": "^9.4.0",
+    "eslint-plugin-vue": "^9.5.1",
     "husky": "^8.0.1",
     "node-fetch": "^3.2.10",
     "standard-version": "^9.5.0",
     "ts-node": "^10.9.1",
-    "turbo": "^1.4.6",
+    "turbo": "^1.4.7",
     "typescript": "^4.8.3",
-    "vite": "^3.1.0",
-    "vitest": "^0.23.2",
+    "vite": "^3.1.3",
+    "vitest": "^0.23.4",
     "zx": "^7.0.8"
   },
   "scripts": {

package/packages/api/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/api",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce APIs client/adapter",
   "main": "lib/api.js",
   "types": "lib/api.d.ts",

package/packages/apps/correios/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-correios",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce app for Correios shipping calculation",
   "main": "lib/correios.js",
   "repository": {

package/packages/apps/custom-shipping/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-custom-shipping",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce app for custom shipping methods",
   "main": "lib/custom-shipping.js",
   "repository": {

package/packages/apps/discounts/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-discounts",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce app for complex discount rules",
   "main": "lib/discounts.js",
   "repository": {

package/packages/apps/frenet/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-frenet",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce app for Frenet shipping calculation",
   "main": "lib/frenet.js",
   "repository": {

package/packages/apps/tiny-erp/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/app-tiny-erp",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce app for Tiny ERP",
   "main": "lib/tiny-erp.js",
   "repository": {

package/packages/cli/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/cli",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce CLI tools",
   "bin": {
     "cloudcommerce": "./bin/run.mjs"

package/packages/config/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/config",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce base config",
   "main": "lib/config.js",
   "exports": {

package/packages/events/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/events",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce app events",
   "main": "lib/index.js",
   "exports": {

package/packages/firebase/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/firebase",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce on Firebase",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -31,7 +31,7 @@
   "dependencies": {
     "@cloudcommerce/api": "workspace:*",
     "@cloudcommerce/config": "workspace:*",
-    "@google-cloud/pubsub": "^3.1.0",
+    "@google-cloud/pubsub": "^3.1.1",
     "firebase-admin": "^11.0.1",
     "firebase-functions": "^3.23.0",
     "node-fetch": "^3.2.10",

package/packages/modules/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/modules",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce modules API",
   "main": "lib/index.cjs",
   "exports": {

package/packages/passport/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/passport",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce customers authentication (passport) API",
   "main": "lib/index.js",
   "exports": {

package/packages/ssr/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/ssr",
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "E-Com Plus Cloud Commerce storefront SSR",
   "main": "lib/index.js",
   "exports": {

package/packages/storefront/astro.config.mjs

@@ -9,11 +9,123 @@ import partytown from '@astrojs/partytown';
 import prefetch from '@astrojs/prefetch';
 import sitemap from '@astrojs/sitemap';
 import UnoCSS from 'unocss/astro';
+import { VitePWA } from 'vite-plugin-pwa';
 import getConfig from './storefront.config.mjs';
 
 dotenv.config();
 
-const astroConfig = {
+const { domain, primaryColor, settings } = getConfig();
+
+const _vitePWAOptions = {
+  manifest: {
+    name: settings.name || 'My Shop',
+    short_name: settings.short_name || settings.name || 'MyShop',
+    description: settings.description || 'My PWA Shop',
+    background_color: settings.bg_color || '#ffffff',
+    theme_color: primaryColor,
+    crossorigin: 'use-credentials',
+    icons: [{
+      src: settings.icon || '/img/icon.png',
+      sizes: '192x192',
+      type: 'image/png',
+    }, {
+      src: settings.large_icon || '/img/large-icon.png',
+      sizes: '512x512',
+      type: 'image/png',
+    }, {
+      src: settings.large_icon || '/img/large-icon.png',
+      sizes: '512x512',
+      type: 'image/png',
+      purpose: 'any maskable',
+    }],
+  },
+  registerType: 'autoUpdate',
+  workbox: {
+    navigateFallback: null,
+    globDirectory: 'dist/client',
+    globPatterns: [
+      '**/!(cms*|admin*).{js,css}',
+      '**/logo.?????*.{webp,avif,svg}', // `@astrojs/image` optimized logo if any
+    ],
+    ignoreURLParametersMatching: [/.*/],
+    runtimeCaching: [{
+      urlPattern: /^\/$/,
+      handler: 'NetworkFirst',
+    }, {
+      urlPattern: settings.logo
+        ? new RegExp(`^${(settings.mini_logo ? `(?:${settings.mini_logo}|${settings.logo})` : settings.logo)}$`)
+        : /^\/(?:img\/uploads\/|img\/)?logo\.(?:png|jpg|jpeg|webp|avif|svg)$/,
+      handler: 'StaleWhileRevalidate',
+      options: {
+        cacheName: 'logo',
+      },
+    }, {
+      urlPattern: /\/((?!(?:admin|assets|img)(\/|$))[^.]+)(\.(?!js|css|xml|txt|png|jpg|jpeg|webp|avif|svg|gif)[^.]+)*$/,
+      handler: 'NetworkFirst',
+      options: {
+        cacheName: 'pages',
+        expiration: {
+          maxEntries: 50,
+          purgeOnQuotaError: true,
+        },
+      },
+    }, {
+      urlPattern: /^\/assets\//,
+      handler: 'StaleWhileRevalidate',
+      options: {
+        cacheName: 'assets',
+      },
+    }, {
+      urlPattern: /^\/img\/uploads\/.*\.(?:png|jpg|jpeg|webp|avif|svg|gif)$/,
+      handler: 'StaleWhileRevalidate',
+      options: {
+        cacheName: 'cms-images',
+        expiration: {
+          maxEntries: 20,
+          maxAgeSeconds: 60 * 60 * 24 * 30, // 30 days
+          purgeOnQuotaError: true,
+        },
+      },
+    }, {
+      urlPattern: /^https:\/\/ecomplus\.io/,
+      handler: 'NetworkFirst',
+      options: {
+        cacheName: 'store-api',
+        expiration: {
+          maxEntries: 50,
+          purgeOnQuotaError: true,
+        },
+      },
+    }, {
+      urlPattern: /^https:\/\/(((\w+\.)?ecoms\d)|(ecom[\w-]+(\.\w+)*\.digitaloceanspaces))\.com.*\/imgs\/normal\//,
+      handler: 'CacheFirst',
+      options: {
+        cacheName: 'product-thumbnails',
+        expiration: {
+          maxEntries: 100,
+          maxAgeSeconds: 60 * 60 * 24 * 30, // 30 days
+          purgeOnQuotaError: true,
+        },
+      },
+    }, {
+      urlPattern: /^https:\/\/(((\w+\.)?ecoms\d)|(ecom[\w-]+(\.\w+)*\.digitaloceanspaces))\.com.*\/imgs\/big\//,
+      handler: 'CacheFirst',
+      options: {
+        cacheName: 'product-pictures',
+        expiration: {
+          maxEntries: 10,
+          maxAgeSeconds: 60 * 60 * 24 * 7, // 7 days
+          purgeOnQuotaError: true,
+        },
+      },
+    }],
+  },
+};
+
+const genAstroConfig = ({
+  site = `https://${domain}`,
+  vitePWAOptions = _vitePWAOptions,
+} = {}) => ({
   output: 'server',
   adapter: node(),
   integrations: [
@@ -24,10 +136,19 @@ const astroConfig = {
     sitemap(),
     UnoCSS(),
   ],
-  site: `https://${getConfig().domain}`,
-};
+  site,
+  vite: {
+    plugins: [
+      VitePWA(vitePWAOptions),
+    ],
+  },
+});
+
+const astroConfig = genAstroConfig();
 
 // https://astro.build/config
 export default defineConfig(astroConfig);
 
-export { astroConfig };
+export { genAstroConfig, astroConfig };
+
+export const vitePWAOptions = _vitePWAOptions;

package/packages/storefront/client.d.ts

@@ -0,0 +1,27 @@
+/* eslint-disable */
+
+interface Window {
+  firebaseConfig?: {
+    apiKey: string,
+    authDomain: string,
+    projectId: string,
+    storageBucket: string,
+    messagingSenderId: string,
+    appId: string,
+    measurementId: string,
+  };
+  storefront?: {
+    settings: typeof import('./content/settings.json') & {
+      store_id: number,
+      lang: string,
+      country_code: string,
+      currency: string,
+      currency_symbol: string,
+    },
+    context?: {
+      resource: string,
+      doc: Record<string, any>,
+      timestamp: number,
+    },
+  };
+}

package/packages/storefront/dist/client/admin/config.json

@@ -0,0 +1 @@
+{}

package/packages/storefront/dist/client/assets/cms-preview.css

@@ -0,0 +1,274 @@
+.ec-search-engine__count {
+  padding-left: .5rem;
+  position: relative;
+  line-height: 2.5;
+}
+
+.ec-search-engine__spinner {
+  position: absolute;
+  top: .4rem;
+  right: -3rem;
+  color: var(--secondary);
+  margin-left: 1.5rem;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.ec-search-engine__toggle {
+  color: inherit;
+  display: inline-block;
+  text-decoration: none;
+  -webkit-transition: opacity .15s,color .2s;
+  transition:opacity .15s,color .2s;
+  padding: 0 .5rem;
+  opacity: .75;
+  line-height: 2.5;
+  border: none;
+}
+
+.ec-search-engine__toggle i,
+.ec-search-engine__toggle svg {
+  font-size: .825rem;
+  color: var(--gray-dark);
+  margin-right: .15rem;
+}
+
+.ec-search-engine__toggle:focus,
+.ec-search-engine__toggle:hover {
+  opacity: 1;
+  text-decoration: none;
+  color: inherit;
+  box-shadow: none;
+}
+
+.ec-search-engine__toggle[aria-expanded=true] {
+  color: var(--gray-dark);
+  opacity: 1;
+}
+
+.ec-search-engine__results {
+  -webkit-transition:opacity .25s;
+  transition:opacity .25s;
+}
+
+.ec-search-engine__info {
+  margin-bottom: 1.5rem;
+  padding-top: 1rem;
+}
+
+.ec-search-engine__terms {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-box-pack: justify;
+  -moz-box-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -ms-box-align: center;
+  align-items: center;
+}
+
+.ec-search-engine__terms small {
+  font-size: .95rem;
+  color: var(--gray);
+}
+
+.ec-search-engine__retail {
+  padding-top: .5rem;
+}
+
+.ec-search-engine__item {
+  margin-bottom: 1rem;
+}
+
+.ec-search-engine__sidebar {
+  position: fixed;
+  width: 280px;
+  max-width: 100%;
+  height: 100%;
+  top: 0;
+  right: 0;
+  z-index: 1100;
+  border-radius: 0;
+}
+
+.ec-search-engine__sidebar .card-body {
+  overflow-y: auto;
+}
+
+.ec-search-engine__filter:not(:first-child) {
+  margin-top: 1rem;
+}
+
+.ec-search-engine__filter:last-child {
+  margin-bottom: 1.5rem;
+}
+
+.ec-search-engine__filter__btn {
+  padding-left: 0;
+  color: var(--secondary);
+  font-size: 1.2rem;
+  font-weight: 300;
+}
+
+.ec-search-engine__filter__btn i,
+.ec-search-engine__filter__btn svg {
+  margin-right: .25rem;
+  color: var(--gray);
+  opacity: .6;
+}
+
+.ec-search-engine__filter__btn:focus {
+  box-shadow: none;
+}
+
+.ec-search-engine__option small {
+  color: var(--gray);
+}
+
+.ec-product-card {
+  position: relative;
+  padding-bottom: .1rem;
+  margin-bottom: 0;
+}
+
+.ec-product-card--inactive,
+.ec-product-card--inactive img {
+  opacity: .7;
+}
+
+.ec-product-card__offer-stamp {
+  background-color: var(--success);
+  color: var(--success-yiq);
+  min-width: 40px;
+  font-size: .78rem;
+  line-height: 1.8;
+  text-align: center;
+  position: absolute;
+  z-index: 9;
+  top: .35rem;
+  right: .35rem;
+  border-radius: .125rem;
+  opacity: .9;
+}
+
+.ec-product-card__link:hover h3 {
+  text-decoration: underline;
+}
+
+.ec-product-card__name {
+  margin-top: .5rem;
+  font-size: .88rem;
+  line-height: 1.2;
+  height: 3.168rem;
+  overflow: hidden;
+  font-weight: 400;
+  display: block;
+  z-index: 1;
+}
+
+.ec-product-card__pictures {
+  display: -webkit-box;
+  display: flex;
+  background-color: var(--body-bg);
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -ms-box-align: center;
+  align-items: center;
+  text-align: center;
+  overflow: hidden;
+}
+
+@media (max-width:575.98px) {
+  .ec-product-card__pictures {
+    height: 180px;
+  }
+}
+
+@media (min-width:576px) and (max-width:991.98px) {
+  .ec-product-card__pictures {
+    height: 200px;
+  }
+}
+
+@media (min-width: 992px) {
+  .ec-product-card__pictures {
+    height: 250px;
+  }
+}
+
+.ec-product-card__picture {
+  display: block;
+  -webkit-box-flex: 0;
+  -ms-box-flex: 0;
+  -moz-box-flex: 0;
+  flex: 0 0 100%;
+  opacity: 0;
+  -webkit-transition:opacity .25s;
+  transition:opacity .25s;
+}
+
+.ec-product-card__picture:first-child {
+  opacity: 1;
+}
+
+@media (max-width: 300px) {
+  .ec-product-card__picture {
+    max-width: 100px;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .ec-product-card__picture img {
+    max-height: 180px;
+  }
+}
+
+@media (min-width: 576px) and (max-width: 991.98px) {
+  .ec-product-card__picture img {
+    max-height: 200px;
+  }
+}
+
+@media (min-width: 992px) {
+  .ec-product-card__picture img {
+    max-height:250px;
+  }
+}
+
+.ec-product-card__prices {
+  margin-bottom: .15rem;
+  height: 4.95rem;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.ec-product-card__prices .ec-prices__value:first-child {
+  margin-top: 1.14rem;
+}
+
+.ec-product-card:hover .ec-product-card__picture {
+  display: none;
+}
+
+.ec-product-card:hover .ec-product-card__picture:last-child {
+  display: block;
+  opacity: 1;
+}
+
+.ec-product-card:hover .ec-product-card__buy {
+  opacity: 1;
+}
+
+svg:not(:root).svg-inline--fa {
+  overflow: visible;
+}
+
+.svg-inline--fa {
+  display: inline-block;
+  font-size: inherit;
+  height: 1em;
+  overflow: visible;
+  vertical-align: -0.125em;
+}