chore: release/1.0.0-rc.5.4

.eslintrc.js

@@ -29,4 +29,7 @@ module.exports = {
     '@vue-storefront/eslint-config-vue',
     '@vue-storefront/eslint-config-jest',
   ],
+  rules: {
+    "@typescript-eslint/no-floating-promises": "off"
+  }
 }

.github/workflows/deploy-vue-storefront-cloud.yml

@@ -25,7 +25,7 @@ jobs:
           password: ${{ secrets.CLOUD_PASSWORD }}
           dockerfile: .vuestorefrontcloud/docker/Dockerfile
           buildoptions: --compress
-          buildargs: NPM_EMAIL,NPM_PASS,NPM_USER,NPM_REGISTRY,STORE_URL,MAGENTO_GRAPHQL,MAGENTO_EXTERNAL_CHECKOUT,MAGENTO_EXTERNAL_CHECKOUT_URL,MAGENTO_EXTERNAL_CHECKOUT_SYNC_PATH
+          buildargs: NPM_EMAIL,NPM_PASS,NPM_USER,NPM_REGISTRY,STORE_URL,MAGENTO_GRAPHQL,MAGENTO_EXTERNAL_CHECKOUT,MAGENTO_EXTERNAL_CHECKOUT_URL,MAGENTO_EXTERNAL_CHECKOUT_SYNC_PATH,IMAGE_PROVIDER,IMAGE_PROVIDER_BASE_URL,REDIS__HOST,REDIS__PORT,REDIS__CACHE_INVALIDATE_KEY,REDIS__CACHE_INVALIDATE_URL,REDIS__KEY_PREFIX,REDIS__ENABLED,SENTRY_DSN,RECAPTCHA_SITE_KEY,RECAPTCHA_SECRET_KEY
         env:
           NPM_EMAIL: ${{ secrets.NPM_EMAIL }}
           NPM_PASS: ${{ secrets.CLOUD_PASSWORD }}
@@ -36,6 +36,17 @@ jobs:
           MAGENTO_EXTERNAL_CHECKOUT: ${{ secrets.MAGENTO_EXTERNAL_CHECKOUT }}
           MAGENTO_EXTERNAL_CHECKOUT_URL: ${{ secrets.MAGENTO_EXTERNAL_CHECKOUT_URL }}
           MAGENTO_EXTERNAL_CHECKOUT_SYNC_PATH: ${{ secrets.MAGENTO_EXTERNAL_CHECKOUT_SYNC_PATH }}
+          IMAGE_PROVIDER: ${{ secrets.IMAGE_PROVIDER }}
+          IMAGE_PROVIDER_BASE_URL: ${{ secrets.IMAGE_PROVIDER_BASE_URL }}
+          REDIS__HOST: ${{ secrets.REDIS__HOST }}
+          REDIS__PORT: ${{ secrets.REDIS__PORT }}
+          REDIS__KEY_PREFIX: ${{ secrets.REDIS__KEY_PREFIX }}
+          REDIS__CACHE_INVALIDATE_KEY: ${{ secrets.REDIS__CACHE_INVALIDATE_KEY }}
+          REDIS__CACHE_INVALIDATE_URL: ${{ secrets.REDIS__CACHE_INVALIDATE_URL }}
+          REDIS__ENABLED: ${{ secrets.REDIS__ENABLED }}
+          SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
+          RECAPTCHA_SITE_KEY: ${{ secrets.RECAPTCHA_SITE_KEY }}
+          RECAPTCHA_SECRET_KEY: ${{ secrets.RECAPTCHA_SECRET_KEY }}
   deploy:
     runs-on: ubuntu-latest
     needs: build

.vuestorefrontcloud/docker/Dockerfile

@@ -10,6 +10,23 @@ ARG MAGENTO_EXTERNAL_CHECKOUT_URL
 ARG MAGENTO_EXTERNAL_CHECKOUT
 ARG MAGENTO_EXTERNAL_CHECKOUT_SYNC_PATH
 ARG STORE_URL
+ARG MAGENTO_BASE_URL
+ARG IMAGE_PROVIDER
+ARG IMAGE_PROVIDER_BASE_URL
+ARG REDIS__HOST
+ARG REDIS__PORT
+ARG REDIS__CACHE_INVALIDATE_KEY
+ARG REDIS__CACHE_INVALIDATE_URL
+ARG REDIS__CACHE_INVALIDATE_URL
+ARG REDIS__KEY_PREFIX
+ARG REDIS__ENABLED
+ARG RECAPTCHA_ENABLED
+ARG RECAPTCHA_HIDE_BADGE
+ARG RECAPTCHA_VERSION
+ARG RECAPTCHA_SIZE
+ARG RECAPTCHA_MIN_SCORE
+ARG RECAPTCHA_SITE_KEY
+ARG RECAPTCHA_SECRET_KEY
 
 ENV MAGENTO_GRAPHQL=${MAGENTO_GRAPHQL}
 ENV MAGENTO_EXTERNAL_CHECKOUT_URL=${MAGENTO_EXTERNAL_CHECKOUT_URL}
@@ -20,7 +37,26 @@ ENV LAST_COMMIT=${COMMIT}
 ENV STORE_ENV=production
 ENV NUXT_APP_ENV=production
 ENV NUXT_APP_PORT=3000
+ENV MAGENTO_BASE_URL=https://magento2-instance.vuestorefront.io/
+ENV IMAGE_PROVIDER=${IMAGE_PROVIDER}
+ENV IMAGE_PROVIDER_BASE_URL=${IMAGE_PROVIDER_BASE_URL}
+ENV REDIS__HOST=${REDIS__HOST}
+ENV REDIS__PORT=${REDIS__PORT}
+ENV REDIS__CACHE_INVALIDATE_KEY=${REDIS__CACHE_INVALIDATE_KEY}
+ENV REDIS__CACHE_INVALIDATE_URL=${REDIS__CACHE_INVALIDATE_URL}
+ENV REDIS__CACHE_INVALIDATE_URL=${REDIS__CACHE_INVALIDATE_URL}
+ENV REDIS__KEY_PREFIX=${REDIS__KEY_PREFIX}
+ENV REDIS__ENABLED=${REDIS__ENABLED}
+ENV SENTRY_DSN=${SENTRY_DSN}
+ENV RECAPTCHA_ENABLED=${RECAPTCHA_ENABLED}
+ENV RECAPTCHA_HIDE_BADGE=false
+ENV RECAPTCHA_VERSION=3
+ENV RECAPTCHA_SIZE=invisible
+ENV RECAPTCHA_MIN_SCORE=0.5
+ENV RECAPTCHA_SITE_KEY=${RECAPTCHA_SITE_KEY}
+ENV RECAPTCHA_SECRET_KEY=${RECAPTCHA_SITE_KEY}
 
+RUN npm config set @vsf-enterprise:registry=https://registrynpm.storefrontcloud.io
 
 RUN npm install -g npm-cli-login \
   && npm-cli-login
@@ -29,7 +65,19 @@ WORKDIR /var/www
 
 COPY . .
 
-RUN yarn install && yarn build && yarn cache clean --all
+RUN mv /var/www/packages/theme/nuxt.config.js /var/www/packages/theme/base.nuxt.config.js && cp .vuestorefrontcloud/docker/nuxt.config.additional.js /var/www/packages/theme/nuxt.config.js
+
+RUN yarn install
+
+RUN npx [email protected] workspace @vue-storefront/magento-theme add @vsf-enterprise/redis-cache
+
+RUN npx [email protected] workspace @vue-storefront/magento-theme add @nuxtjs/recaptcha
+
+RUN npx [email protected] workspace @vue-storefront/magento-theme add @nuxtjs/sentry
+
+RUN npx [email protected] workspace @vue-storefront/magento-theme add @sentry/tracing
+
+RUN yarn build && yarn cache clean --all
 
 COPY .vuestorefrontcloud/docker/vue-storefront.sh /usr/local/bin/
 

.vuestorefrontcloud/docker/nuxt.config.additional.js

@@ -0,0 +1,23 @@
+import config from '@vue-storefront/magento-theme/config';
+import baseNuxtConfig from '@vue-storefront/magento-theme/base.nuxt.config';
+
+export default {
+  ...baseNuxtConfig,
+  modules: [
+    ...baseNuxtConfig.modules,
+    '@nuxtjs/sentry'
+  ],
+  recaptcha: {
+    hideBadge: config.get('recaptchaHideBadge'), // Hide badge element (v3 & v2 via size=invisible)
+    siteKey: config.get('recaptchaSiteKey'), // Site key for requests
+    version: config.get('recaptchaVersion'), // Version 2 or 3
+    size: config.get('recaptchaSize'), // Size: 'compact', 'normal', 'invisible' (v2)
+  },
+  publicRuntimeConfig: {
+    isRecaptcha: config.get('recaptchaEnabled'),
+  },
+  sentry: {
+    dsn: process.env.SENTRY_DSN,
+    tracing: true,
+  },
+};

docs/.vuepress/config.js

@@ -47,7 +47,8 @@ module.exports = {
       { text: 'Core Documentation', link: 'https://docs.vuestorefront.io/v2/' },
       { text: 'Demo', link: 'https://demo-magento2.europe-west1.gcp.storefrontcloud.io/' },
       { text: 'GitHub', link: 'https://github.com/vuestorefront/magento2'},
-      { text: 'Roadmap', link: 'https://github.com/vuestorefront/magento2/projects/5'}
+      { text: 'Roadmap', link: 'https://docs.vuestorefront.io/magento/guide/roadmap.html'},
+      { text: 'Environments', link: 'https://docs.vuestorefront.io/magento/guide/environments.html'}
     ],
     sidebar: [
       {
@@ -66,12 +67,21 @@ module.exports = {
         collapsable: false,
         children: [
           ['/guide/creating-a-store', 'Creating a Store'],
-          ['/guide/graphql-get', 'Use GET for GraphQL Queries'],
           ['/guide/configuration', 'Configuration'],
           ['/guide/override-queries', 'Override queries'],
+          ['/guide/testing', 'Testing'],
+          ['/guide/recaptcha', 'ReCaptcha'],
           ['/guide/testing', 'Testing']
         ]
       },
+      {
+        title: 'Performance',
+        collapsable: false,
+        children: [
+          ['/guide/graphql-get', 'Varnish & GET for GraphQL Queries'],
+          ['/guide/ssr', 'Server Side Rendering Cache'],
+        ]
+      },
       {
         title: 'Composables',
         children: [

docs/api-reference/magento-api.addbundleproductstocart.md

@@ -1,11 +1,11 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addBundleProductsToCart](./magento-api.addbundleproductstocart.md)
-
-## addBundleProductsToCart variable
-
-<b>Signature:</b>
-
-```typescript
-_default: (context: Context, input: AddBundleProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddBundleProductsToCartMutation>>
-```
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addBundleProductsToCart](./magento-api.addbundleproductstocart.md)
+
+## addBundleProductsToCart variable
+
+<b>Signature:</b>
+
+```typescript
+_default: (context: Context, input: AddBundleProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddBundleProductsToCartMutation>>
+```

docs/api-reference/magento-api.addconfigurableproductstocart.md

@@ -1,11 +1,11 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addConfigurableProductsToCart](./magento-api.addconfigurableproductstocart.md)
-
-## addConfigurableProductsToCart variable
-
-<b>Signature:</b>
-
-```typescript
-_default: (context: Context, input: AddConfigurableProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddConfigurableProductsToCartMutation>>
-```
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addConfigurableProductsToCart](./magento-api.addconfigurableproductstocart.md)
+
+## addConfigurableProductsToCart variable
+
+<b>Signature:</b>
+
+```typescript
+_default: (context: Context, input: AddConfigurableProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddConfigurableProductsToCartMutation>>
+```

docs/api-reference/magento-api.adddownloadableproductstocart.md

@@ -1,11 +1,11 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addDownloadableProductsToCart](./magento-api.adddownloadableproductstocart.md)
-
-## addDownloadableProductsToCart variable
-
-<b>Signature:</b>
-
-```typescript
-_default: (context: Context, input: AddDownloadableProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddDownloadableProductsToCartMutation>>
-```
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addDownloadableProductsToCart](./magento-api.adddownloadableproductstocart.md)
+
+## addDownloadableProductsToCart variable
+
+<b>Signature:</b>
+
+```typescript
+_default: (context: Context, input: AddDownloadableProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddDownloadableProductsToCartMutation>>
+```

docs/api-reference/magento-api.addproductstocart.md

@@ -1,11 +1,11 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addProductsToCart](./magento-api.addproductstocart.md)
-
-## addProductsToCart variable
-
-<b>Signature:</b>
-
-```typescript
-_default: (context: Context, input: AddProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddProductsToCartMutation>>
-```
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addProductsToCart](./magento-api.addproductstocart.md)
+
+## addProductsToCart variable
+
+<b>Signature:</b>
+
+```typescript
+_default: (context: Context, input: AddProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddProductsToCartMutation>>
+```

docs/api-reference/magento-api.addproducttowishlist.md

@@ -1,11 +1,11 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addProductToWishList](./magento-api.addproducttowishlist.md)
-
-## addProductToWishList variable
-
-<b>Signature:</b>
-
-```typescript
-_default: (context: Context, input: AddProductsToWishlistMutationVariables, customQuery?: CustomQuery) => Promise<FetchResult<AddProductsToWishlistMutation>>
-```
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addProductToWishList](./magento-api.addproducttowishlist.md)
+
+## addProductToWishList variable
+
+<b>Signature:</b>
+
+```typescript
+_default: (context: Context, input: AddProductsToWishlistMutationVariables, customQuery?: CustomQuery) => Promise<FetchResult<AddProductsToWishlistMutation>>
+```

docs/api-reference/magento-api.addsimpleproductstocart.md

@@ -1,11 +1,11 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addSimpleProductsToCart](./magento-api.addsimpleproductstocart.md)
-
-## addSimpleProductsToCart variable
-
-<b>Signature:</b>
-
-```typescript
-_default: (context: Context, input: AddSimpleProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddSimpleProductsToCartMutation>>
-```
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addSimpleProductsToCart](./magento-api.addsimpleproductstocart.md)
+
+## addSimpleProductsToCart variable
+
+<b>Signature:</b>
+
+```typescript
+_default: (context: Context, input: AddSimpleProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddSimpleProductsToCartMutation>>
+```

docs/api-reference/magento-api.addvirtualproductstocart.md

@@ -1,11 +1,11 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addVirtualProductsToCart](./magento-api.addvirtualproductstocart.md)
-
-## addVirtualProductsToCart variable
-
-<b>Signature:</b>
-
-```typescript
-_default: (context: Context, input: AddVirtualProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddVirtualProductsToCartMutation>>
-```
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [addVirtualProductsToCart](./magento-api.addvirtualproductstocart.md)
+
+## addVirtualProductsToCart variable
+
+<b>Signature:</b>
+
+```typescript
+_default: (context: Context, input: AddVirtualProductsToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<AddVirtualProductsToCartMutation>>
+```

docs/api-reference/magento-api.applycoupontocart.md

@@ -1,11 +1,11 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [applyCouponToCart](./magento-api.applycoupontocart.md)
-
-## applyCouponToCart variable
-
-<b>Signature:</b>
-
-```typescript
-_default: (context: Context, input: ApplyCouponToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<ApplyCouponToCartMutation>>
-```
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [applyCouponToCart](./magento-api.applycoupontocart.md)
+
+## applyCouponToCart variable
+
+<b>Signature:</b>
+
+```typescript
+_default: (context: Context, input: ApplyCouponToCartInput, customQuery?: CustomQuery) => Promise<FetchResult<ApplyCouponToCartMutation>>
+```

docs/api-reference/magento-api.availablestores.md

@@ -1,11 +1,11 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [availableStores](./magento-api.availablestores.md)
-
-## availableStores variable
-
-<b>Signature:</b>
-
-```typescript
-_default: (context: Context, customQuery?: CustomQuery) => Promise<ApolloQueryResult<AvailableStoresQuery>>
-```
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [availableStores](./magento-api.availablestores.md)
+
+## availableStores variable
+
+<b>Signature:</b>
+
+```typescript
+_default: (context: Context, customQuery?: CustomQuery) => Promise<ApolloQueryResult<AvailableStoresQuery>>
+```

docs/api-reference/magento-api.cart.md

@@ -1,11 +1,11 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [cart](./magento-api.cart.md)
-
-## cart variable
-
-<b>Signature:</b>
-
-```typescript
-_default: (context: Context, cartId: string, customQuery?: CustomQuery) => Promise<ApolloQueryResult<CartQuery>>
-```
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@vue-storefront/magento-api](./magento-api.md) &gt; [cart](./magento-api.cart.md)
+
+## cart variable
+
+<b>Signature:</b>
+
+```typescript
+_default: (context: Context, cartId: string, customQuery?: CustomQuery) => Promise<ApolloQueryResult<CartQuery>>
+```