@graphcommerce/next-config 8.1.0-canary.2 → 8.1.0-canary.5

package/CHANGELOG.md

@@ -1,6 +1,138 @@
 # Change Log
 
-## 8.1.0-canary.2
+## 8.1.0-canary.5
+
+### Minor Changes
+
+- [#2226](https://github.com/graphcommerce-org/graphcommerce/pull/2226) [`8939df2`](https://github.com/graphcommerce-org/graphcommerce/commit/8939df22eda57e681f83076707e856700f8b2e21) - Big improvements to the plugin system: Typescript validated, deeper resolution, new configuration object, replace plugins, and more ifConfig options.
+
+  1. Plugins now use TypeScript's `"moduleSuffixes": [".interceptor", ""]` [functionality](https://www.typescriptlang.org/tsconfig#moduleSuffixes) which means that plugins now correctly resolve via TypeScript. So if you _go to reference_ in VSCode (or any other editor), you go to the interceptor directly and see which plugins are applied there. This also means that plugins are automatically checked during build (and will fail if there are errors).
+  2. The exported type of an _intercepted component_ now has the types of all plugins applied. This means that plugins can modify the props of components (and is still validated with TypeScript). To make this work a plugin must always forward props to the `<Prev>` to ensure that values are correctly passed on.
+  3. Plugins will now always be applied to deepest resolved path. This means that a plugin automatically applies to internal usages as well. This thus means that plugins do not need to be written with an internal path, but can keep the parent path. Istead of writing `@graphcommerce/magento-cart-items/components/RemoveItemFromCart/RemoveItemFromCartFab` you can now write `@graphcommerce/magento-cart-items`.
+  4. A new configuration object for plugins is created instead of separate exports (the legacy format is still supported though):
+
+     ```tsx
+     export const config: PluginConfig = {
+       type: 'component'
+       module: '@graphcommerce/magento-product',
+       ifConfig: 'demoMode',
+     }
+     ```
+
+     This also means that the _name of the export_ dictates the name of the component/function the plugin is applied.
+
+  5. We now support replace plugins (`type: 'replace'`), which allow you to replace the original component/function/const completely (and type checked of course).
+
+     ```tsx
+     import { ProductPageNameProps } from "@graphcommerce/magento-product";
+     import { PluginConfig } from "@graphcommerce/next-config";
+
+     export const config: PluginConfig = {
+       type: "replace",
+       module: "@graphcommerce/magento-product",
+     };
+
+     export function ProductPageName(props: ProductPageNameProps) {
+       const { product } = props;
+       return <div>REPLACEMENT {product.url_key}</div>;
+     }
+     ```
+
+     Plugin files can now have multiple exports for the same configuration. So next to the `ProductPageName` you can also have a `ProductPagePrice` export for example in the same file.
+
+  6. We now support `ifConfig` tuple which allows you to apply a plugin only if a certain configuration is set.
+
+     ```tsx
+     export const config: PluginConfig = {
+       type: "replace",
+       module: "@graphcommerce/magento-product",
+       ifConfig: ["theme", "my-theme"],
+     };
+     ```
+
+     This allows you to support multiple builds with different plugins applied. For example one build with `GC_THEME=my-theme` and another with `GC_THEME=my-other-theme`. ([@paales](https://github.com/paales))
+
+## 8.0.6-canary.4
+
+### Patch Changes
+
+- [#2227](https://github.com/graphcommerce-org/graphcommerce/pull/2227) [`d597719`](https://github.com/graphcommerce-org/graphcommerce/commit/d597719baaabbe079660ac063fd021d871831511) - Added option to change sort order (ASC / DESC) for sort options (Name, price, position etc) on catalog and search pages.
+  ([@FrankHarland](https://github.com/FrankHarland))
+
+## 8.0.6-canary.3
+
+## 8.0.6-canary.2
+
+### Patch Changes
+
+- [#2234](https://github.com/graphcommerce-org/graphcommerce/pull/2234) [`0767bc4`](https://github.com/graphcommerce-org/graphcommerce/commit/0767bc40f7b596209f24ca4e745ff0441f3275c9) - Upgrade input components to no longer use muiRegister, which improves INP scores
+  ([@FrankHarland](https://github.com/FrankHarland))
+
+## 8.0.6-canary.1
+
+### Patch Changes
+
+- [#2213](https://github.com/graphcommerce-org/graphcommerce/pull/2213) [`9b8349f`](https://github.com/graphcommerce-org/graphcommerce/commit/9b8349f0001a786f9b1666f050ae226316bd16f3) - Removed the ProductPage query from the examples directory as it isn't used anymore
+  ([@paales](https://github.com/paales))
+
+## 8.0.6-canary.0
+
+### Patch Changes
+
+- [#2196](https://github.com/graphcommerce-org/graphcommerce/pull/2196) [`84c50e4`](https://github.com/graphcommerce-org/graphcommerce/commit/84c50e49a1a7f154d4a8f4045c37e773e20283ad) - Allow Lingui to use linguiLocale with country identifiers like `en-us`, it would always load `en` in this case. Introced a new `useLocale` hook to use the correct locale string to use in Intl methods.
+  ([@paales](https://github.com/paales))
+
+## 8.0.5
+
+### Patch Changes
+
+- [#2236](https://github.com/graphcommerce-org/graphcommerce/pull/2236) [`1a20a34`](https://github.com/graphcommerce-org/graphcommerce/commit/1a20a34a8b55781ee3e88731b5e2623a85c64ccd) - Enable bundlePagesExternals for Vercel environments
+  ([@paales](https://github.com/paales))
+
+## 8.0.5-canary.10
+
+## 8.0.5-canary.9
+
+## 8.0.5-canary.8
+
+## 8.0.5-canary.7
+
+## 8.0.5-canary.6
+
+## 8.0.5-canary.5
+
+## 8.0.5-canary.4
+
+## 8.0.5-canary.3
+
+### Patch Changes
+
+- [#2236](https://github.com/graphcommerce-org/graphcommerce/pull/2236) [`1a20a34`](https://github.com/graphcommerce-org/graphcommerce/commit/1a20a34a8b55781ee3e88731b5e2623a85c64ccd) - Enable bundlePagesExternals for Vercel environments
+  ([@paales](https://github.com/paales))
+
+## 8.0.5-canary.2
+
+## 8.0.5-canary.1
+
+## 8.0.5-canary.0
+
+## 8.0.4
+
+## 8.0.4-canary.1
+
+## 8.0.4-canary.0
+
+## 8.0.3
+
+## 8.0.3-canary.6
+
+## 8.0.3-canary.5
+
+## 8.0.3-canary.4
+
+## 8.0.3-canary.3
+
+## 8.0.3-canary.2
 
 ## 8.0.3-canary.1
 

package/Config.graphqls

@@ -58,7 +58,7 @@ Examples:
 
 You can export configuration by running `yarn graphcommerce export-config`
 
-## Extending the configuration in your  project
+## Extending the configuration in your project
 
 Create a graphql/Config.graphqls file in your project and extend the GraphCommerceConfig, GraphCommerceStorefrontConfig inputs to add configuration.
 
@@ -132,7 +132,9 @@ input GraphCommerceStorefrontConfig {
   domain: String
 
   """
-  Must be a locale string https://www.unicode.org/reports/tr35/tr35-59/tr35.html#Identifiers
+  Must be a [locale string](https://www.unicode.org/reports/tr35/tr35-59/tr35.html#Identifiers) for automatic redirects to work.
+
+  This value can be used as a sub-path identifier only, make sure linguiLocale is configured for each URL.
   """
   locale: String!
 

package/__tests__/config/utils/__snapshots__/mergeEnvIntoConfig.ts.snap

@@ -30,25 +30,43 @@ exports[`traverses a schema and returns a list of env variables that match 1`] =
   "GC_CART_DISPLAY_PRICES_INCL_TAX",
   "GC_COMPARE",
   "GC_COMPARE_VARIANT",
+  "GC_CONFIGURABLE_VARIANT_FOR_SIMPLE",
+  "GC_CONFIGURABLE_VARIANT_VALUES",
+  "GC_CONFIGURABLE_VARIANT_VALUES_CONTENT",
+  "GC_CONFIGURABLE_VARIANT_VALUES_GALLERY",
+  "GC_CONFIGURABLE_VARIANT_VALUES_URL",
+  "GC_CROSS_SELLS_HIDE_CART_ITEMS",
+  "GC_CROSS_SELLS_REDIRECT_ITEMS",
   "GC_CUSTOMER_REQUIRE_EMAIL_CONFIRMATION",
+  "GC_DATA_LAYER",
+  "GC_DATA_LAYER_CORE_WEB_VITALS",
   "GC_DEBUG",
   "GC_DEBUG_PLUGIN_STATUS",
+  "GC_DEBUG_SESSIONS",
   "GC_DEBUG_WEBPACK_CIRCULAR_DEPENDENCY_PLUGIN",
   "GC_DEBUG_WEBPACK_DUPLICATES_PLUGIN",
   "GC_DEMO_MODE",
+  "GC_ENABLE_GUEST_CHECKOUT_LOGIN",
   "GC_GOOGLE_ANALYTICS_ID",
   "GC_GOOGLE_RECAPTCHA_KEY",
   "GC_GOOGLE_TAGMANAGER_ID",
   "GC_HYGRAPH_ENDPOINT",
+  "GC_HYGRAPH_MANAGEMENT_API",
+  "GC_HYGRAPH_PROJECT_ID",
   "GC_HYGRAPH_WRITE_ACCESS_ENDPOINT",
   "GC_HYGRAPH_WRITE_ACCESS_TOKEN",
-  "GC_LEGACY_PRODUCT_ROUTE",
   "GC_LIMIT_SSG",
   "GC_MAGENTO_ENDPOINT",
   "GC_PREVIEW_SECRET",
+  "GC_PRODUCT_FILTERS_LAYOUT",
   "GC_PRODUCT_FILTERS_PRO",
   "GC_PRODUCT_ROUTE",
+  "GC_RECENTLY_VIEWED_PRODUCTS",
+  "GC_RECENTLY_VIEWED_PRODUCTS_ENABLED",
+  "GC_RECENTLY_VIEWED_PRODUCTS_MAX_COUNT",
   "GC_ROBOTS_ALLOW",
+  "GC_SIDEBAR_GALLERY",
+  "GC_SIDEBAR_GALLERY_PAGINATION_VARIANT",
   "GC_STOREFRONT",
   "GC_STOREFRONT_0",
   "GC_STOREFRONT_0_CANONICAL_BASE_URL",
@@ -744,7 +762,6 @@ exports[`traverses a schema and returns a list of env variables that match 1`] =
   "GC_STOREFRONT_20_LOCALE",
   "GC_STOREFRONT_20_MAGENTO_STORE_CODE",
   "GC_WISHLIST_HIDE_FOR_GUESTS",
-  "GC_WISHLIST_IGNORE_PRODUCT_WISHLIST_STATUS",
   "GC_WISHLIST_SHOW_FEEDBACK_MESSAGE",
 ]
 `;

package/__tests__/config/utils/replaceConfigInString.ts

@@ -57,20 +57,24 @@ it('replaces config in string', () => {
                 },
                 {
                   "cartDisplayPricesInclTax": true,
+                  "linguiLocale": "fr",
                   "locale": "fr-be",
                   "magentoStoreCode": "fr_BE",
                 },
                 {
                   "cartDisplayPricesInclTax": true,
+                  "linguiLocale": "nl",
                   "locale": "nl-be",
                   "magentoStoreCode": "nl_BE",
                 },
                 {
                   "cartDisplayPricesInclTax": true,
+                  "linguiLocale": "en",
                   "locale": "en-gb",
                   "magentoStoreCode": "en_GB",
                 },
                 {
+                  "linguiLocale": "en",
                   "locale": "en-ca",
                   "magentoStoreCode": "en_CA",
                 },