cloudcommerce 0.0.85 → 0.0.86

package/.vscode/settings.json

@@ -1,8 +1,5 @@
 {
   "editor.quickSuggestions": {
     "strings": true
-  },
-  "files.associations": {
-    "*.css": "tailwindcss"
   }
 }

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 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.86](https://github.com/ecomplus/cloud-commerce/compare/v0.0.85...v0.0.86) (2022-09-23)
+
+
+### Bug Fixes
+
+* **storefront:** Add `DEPLOY_RAND` to transformed images URL for cache control ([6fdce8d](https://github.com/ecomplus/cloud-commerce/commit/6fdce8db91a2bede01ae40b1042175067a0ba9a6))
+* **storefront:** Cannot use tailwind syntax (`theme` function) on Astro styles (yet) ([92109c9](https://github.com/ecomplus/cloud-commerce/commit/92109c9736384ce2158ed6bd0f5e5510934a5c16))
+
 ### [0.0.85](https://github.com/ecomplus/cloud-commerce/compare/v0.0.84...v0.0.85) (2022-09-23)
 
 

package/action.yml

@@ -64,6 +64,7 @@ runs:
         ECOM_STORE_ID=$ECOM_STORE_ID
         GITHUB_TOKEN=$GITHUB_TOKEN
         TINY_ERP_TOKEN=$TINY_ERP_TOKEN
+        DEPLOY_RAND="$RANDOM.$RANDOM"
         " > functions/.env
         GOOGLE_APPLICATION_CREDENTIALS=$GAC_FILENAME npm run deploy
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloudcommerce",
   "type": "module",
-  "version": "0.0.85",
+  "version": "0.0.86",
   "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>",

package/packages/api/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/api",
   "type": "module",
-  "version": "0.0.85",
+  "version": "0.0.86",
   "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.85",
+  "version": "0.0.86",
   "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.85",
+  "version": "0.0.86",
   "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.85",
+  "version": "0.0.86",
   "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.85",
+  "version": "0.0.86",
   "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.85",
+  "version": "0.0.86",
   "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.85",
+  "version": "0.0.86",
   "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.85",
+  "version": "0.0.86",
   "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.85",
+  "version": "0.0.86",
   "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.85",
+  "version": "0.0.86",
   "description": "E-Com Plus Cloud Commerce on Firebase",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/packages/modules/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/modules",
   "type": "module",
-  "version": "0.0.85",
+  "version": "0.0.86",
   "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.85",
+  "version": "0.0.86",
   "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.85",
+  "version": "0.0.86",
   "description": "E-Com Plus Cloud Commerce storefront SSR",
   "main": "lib/index.js",
   "exports": {

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

@@ -2219,11 +2219,11 @@ const $$Base = createComponent(async ($$result, $$props, $$slots) => {
     { props: { "is:global": true, "define:vars": colorCSSVars }, children: `:root {
     --content-max-width: 80rem;
     --white: #fff;
-    --gray-50: theme('colors.gray.50');
-    --gray-200: theme('colors.gray.200');
-    --gray-700: theme('colors.gray.700');
-    --gray-800: theme('colors.gray.800');
-    --gray-900: theme('colors.gray.900');
+    --gray-50: #f9fafb;
+    --gray-200: #e5e7eb;
+    --gray-700: #374151;
+    --gray-800: #1f2937;
+    --gray-900: #111827;
     --surface-color: var(--gray-50);
     --surface-border-color: var(--gray-200);
     --yiq-text-light: var(--white);
@@ -2404,17 +2404,22 @@ const tryImageSize = (src) => {
   }
   return dimensions;
 };
-const getImage = (options) => {
+const getImage = async (options) => {
   const { src } = options;
+  let imgAttrs;
   if (typeof src === "string" && !options.aspectRatio && (!options.width || !options.height)) {
     const { width, height } = tryImageSize(src);
-    return getImage$1({
+    imgAttrs = await getImage$1({
       width,
       ...options,
       aspectRatio: width && height ? width / height : 1
     });
+  } else {
+    imgAttrs = await getImage$1(options);
   }
-  return getImage$1(options);
+  imgAttrs.src += imgAttrs.src.includes("?") ? "&" : "?";
+  imgAttrs.src += `V=${{"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true}.DEPLOY_RAND || "_"}`;
+  return imgAttrs;
 };
 
 const $$module1$3 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.0.85",
+  "version": "0.0.86",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "main": "src/index.js",
   "repository": {

package/packages/storefront/src/lib/helpers/image.ts

@@ -14,21 +14,26 @@ const tryImageSize = (src: string) => {
   return dimensions;
 };
 
-const getImage = (options: Parameters<typeof _getImage>[0]) => {
+const getImage = async (options: Parameters<typeof _getImage>[0]) => {
   const { src } = options;
+  let imgAttrs: Awaited<ReturnType<typeof _getImage>>;
   if (
     typeof src === 'string'
     && !options.aspectRatio
     && (!options.width || !options.height)
   ) {
     const { width, height } = tryImageSize(src);
-    return _getImage({
+    imgAttrs = await _getImage({
       width,
       ...options,
       aspectRatio: width && height ? width / height : 1,
     });
+  } else {
+    imgAttrs = await _getImage(options);
   }
-  return _getImage(options);
+  imgAttrs.src += imgAttrs.src.includes('?') ? '&' : '?';
+  imgAttrs.src += `V=${import.meta.env.DEPLOY_RAND || '_'}`;
+  return imgAttrs;
 };
 
 export default getImage;

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

@@ -92,11 +92,11 @@ Object.keys(brandColors).forEach((colorName) => {
   :root {
     --content-max-width: 80rem;
     --white: #fff;
-    --gray-50: theme('colors.gray.50');
-    --gray-200: theme('colors.gray.200');
-    --gray-700: theme('colors.gray.700');
-    --gray-800: theme('colors.gray.800');
-    --gray-900: theme('colors.gray.900');
+    --gray-50: #f9fafb;
+    --gray-200: #e5e7eb;
+    --gray-700: #374151;
+    --gray-800: #1f2937;
+    --gray-900: #111827;
     --surface-color: var(--gray-50);
     --surface-border-color: var(--gray-200);
     --yiq-text-light: var(--white);

package/packages/types/package.json

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