@graphcommerce/next-config 7.0.0-canary.21 → 7.0.0

package/dist/utils/packageRoots.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageRoots = void 0;
+const packageRoots = (packagePaths) => {
+    const pathMap = {};
+    // Iterate over each path in the array
+    packagePaths.forEach((singlePath) => {
+        const parts = singlePath.split('/');
+        // Iterate through each part of the path
+        for (let i = 1; i < parts.length; i++) {
+            const subPath = parts.slice(0, i + 1).join('/');
+            // Increment the count of this subPath
+            if (pathMap[subPath]) {
+                pathMap[subPath].count += 1;
+            }
+            else {
+                pathMap[subPath] = { path: subPath, count: 1 };
+            }
+        }
+    });
+    // Filter the paths that appear more than once
+    const roots = [];
+    Object.values(pathMap).forEach(({ path, count }) => {
+        if (count > 1) {
+            roots.push(path);
+        }
+    });
+    // Filter out the sub-paths which are part of another longer sub-path
+    return roots.filter((root, index, self) => self.findIndex((r) => r !== root && r.startsWith(`${root}/`)) === -1);
+};
+exports.packageRoots = packageRoots;

package/dist/withGraphCommerce.js

@@ -17,22 +17,14 @@ function domains(config) {
         if (!loc.domain)
             return acc;
         acc[loc.domain] = {
-            defaultLocale: loc.defaultLocale ? loc.locale : acc[loc.domain]?.defaultLocale,
+            defaultLocale: loc.locale,
             locales: [...(acc[loc.domain]?.locales ?? []), loc.locale],
             domain: loc.domain,
-            http: true,
+            http: process.env.NODE_ENV === 'development' || undefined,
         };
         return acc;
     }, {}));
 }
-function remotePatterns(url) {
-    const urlObj = new URL(url);
-    return {
-        hostname: urlObj.hostname,
-        protocol: urlObj.protocol,
-        port: urlObj.port,
-    };
-}
 /**
  * GraphCommerce configuration: .
  *
@@ -53,10 +45,12 @@ function withGraphCommerce(nextConfig, cwd) {
     return {
         ...nextConfig,
         experimental: {
-            enableUndici: true,
             ...nextConfig.experimental,
+            scrollRestoration: true,
+            swcPlugins: [...(nextConfig.experimental?.swcPlugins ?? []), ['@lingui/swc-plugin', {}]],
         },
         i18n: {
+            ...nextConfig.i18n,
             defaultLocale: storefront.find((locale) => locale.defaultLocale)?.locale ?? storefront[0].locale,
             locales: storefront.map((locale) => locale.locale),
             domains: [...domains(graphcommerceConfig), ...(nextConfig.i18n?.domains ?? [])],
@@ -79,6 +73,7 @@ function withGraphCommerce(nextConfig, cwd) {
                     { source: '/product/downloadable/:url*', destination, permanent: true },
                     { source: '/product/grouped/:url*', destination, permanent: true },
                     { source: '/product/virtual/:url*', destination, permanent: true },
+                    { source: '/customer/account', destination: '/account', permanent: true },
                 ]);
                 if (destination !== '/product/:url*')
                     redirects.push({ source: '/product/:url*', destination, permanent: true });

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/next-config",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "7.0.0-canary.21",
+  "version": "7.0.0",
   "type": "commonjs",
   "main": "dist/index.js",
   "types": "src/index.ts",
@@ -13,20 +13,22 @@
   },
   "dependencies": {
     "@graphql-mesh/cli": "latest",
-    "@lingui/loader": "3.17.2",
-    "@swc/core": "1.3.39",
+    "@lingui/loader": "4.4.0",
+    "@lingui/swc-plugin": "4.0.3",
+    "@swc/core": "1.3.77",
     "circular-dependency-plugin": "^5.2.2",
     "inspectpack": "^4.7.1",
     "js-yaml-loader": "^1.2.2",
     "lodash": "^4.17.21",
     "znv": "^0.3.2",
-    "zod": "^3.21.4"
+    "zod": "^3.21.4",
+    "workbox-build": "^7.0.0"
   },
   "devDependencies": {
     "@types/circular-dependency-plugin": "^5.0.5",
     "@types/cli-table": "^0.3.1",
     "@types/lodash": "^4.14.191",
-    "typescript": "4.9.5"
+    "typescript": "5.1.3"
   },
   "peerDependencies": {
     "next": "^13.2.0",

package/src/config/commands/exportConfig.ts

@@ -4,5 +4,6 @@ import { exportConfigToEnv } from '../utils/exportConfigToEnv'
 // eslint-disable-next-line @typescript-eslint/require-await
 export async function exportConfig() {
   const conf = loadConfig(process.cwd())
+  // eslint-disable-next-line no-console
   console.log(exportConfigToEnv(conf))
 }

package/src/config/commands/generateConfig.ts

@@ -27,6 +27,7 @@ export async function generateConfig() {
           content: '/* eslint-disable */',
           schema: 'zod',
           notAllowEmptyString: true,
+          strictScalars: true,
           enumsAsTypes: true,
           scalarSchemas: {
             Domain: 'z.string()',

package/src/config/demoConfig.ts

@@ -21,8 +21,13 @@ export const demoConfig: PartialDeep<GraphCommerceConfig, { recurseIntoArrays: t
     { locale: 'en-ca', magentoStoreCode: 'en_CA' },
   ],
   productFiltersPro: true,
+  productFiltersLayout: 'DEFAULT',
+  compareVariant: 'ICON',
   robotsAllow: false,
   demoMode: true,
   limitSsg: true,
   compare: true,
+
+  configurableVariantForSimple: true,
+  configurableVariantValues: { url: true, content: true, gallery: true },
 }

package/src/config/loadConfig.ts

@@ -1,9 +1,10 @@
+/* eslint-disable no-console */
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { cosmiconfigSync } from 'cosmiconfig'
 import type { GraphCommerceConfig } from '../generated/config'
 import { GraphCommerceConfigSchema } from '../generated/config'
 import { demoConfig } from './demoConfig'
-import { filterEnv, formatAppliedEnv } from './utils/mergeEnvIntoConfig'
+import { formatAppliedEnv } from './utils/mergeEnvIntoConfig'
 import { rewriteLegacyEnv } from './utils/rewriteLegacyEnv'
 
 export * from './utils/configToImportMeta'

package/src/config/utils/mergeEnvIntoConfig.ts

@@ -15,6 +15,8 @@ import {
   ZodEffects,
   ZodRawShape,
   ZodEnum,
+  ZodTypeAny,
+  ZodAny,
 } from 'zod'
 import diff from './diff'
 
@@ -39,14 +41,15 @@ function isJSON(str: string | undefined): boolean {
 }
 
 export type ZodNode =
-  | ZodNullable<any>
-  | ZodOptional<any>
-  | ZodEffects<any>
-  | ZodObject<any>
-  | ZodArray<any>
+  | ZodNullable<ZodTypeAny>
+  | ZodOptional<ZodTypeAny>
+  | ZodEffects<ZodTypeAny>
+  | ZodObject<ZodRawShape>
+  | ZodArray<ZodTypeAny>
   | ZodString
   | ZodNumber
   | ZodBoolean
+  | ZodAny
 
 export function configToEnvSchema(schema: ZodNode) {
   const envSchema: ZodRawShape = {}

package/src/config/utils/rewriteLegacyEnv.ts

@@ -91,7 +91,7 @@ export function rewriteLegacyEnv(
 
       if (!config.storefront) config.storefront = []
       config.storefront.forEach((storefront, index) => {
-        if (!inclTax.includes(storefront.locale)) return null
+        if (!inclTax.includes(storefront.locale)) return
         clonedEnv[`GC_STOREFRONT_${index}_CART_DISPLAY_PRICES_INCL_TAX`] = '1'
       })
 

package/src/generated/config.ts

@@ -5,13 +5,15 @@ export type InputMaybe<T> = Maybe<T>;
 export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
 export type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
 export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
+export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> = { [_ in K]?: never };
+export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: string;
-  String: string;
-  Boolean: boolean;
-  Int: number;
-  Float: number;
+  ID: { input: string; output: string; }
+  String: { input: string; output: string; }
+  Boolean: { input: boolean; output: boolean; }
+  Int: { input: number; output: number; }
+  Float: { input: number; output: number; }
 };
 
 export type CompareVariant =
@@ -104,20 +106,39 @@ export type GraphCommerceConfig = {
    * - https://example.com/en
    * - https://example.com/en-US
    */
-  canonicalBaseUrl: Scalars['String'];
+  canonicalBaseUrl: Scalars['String']['input'];
   /**
    * Due to a limitation of the GraphQL API it is not possible to determine if a cart should be displayed including or excluding tax.
    *
    * When Magento's StoreConfig adds this value, this can be replaced.
    */
-  cartDisplayPricesInclTax?: InputMaybe<Scalars['Boolean']>;
+  cartDisplayPricesInclTax?: InputMaybe<Scalars['Boolean']['input']>;
   /** Use compare functionality */
-  compare?: InputMaybe<Scalars['Boolean']>;
+  compare?: InputMaybe<Scalars['Boolean']['input']>;
   /**
    * By default the compare feature is denoted with a 'compare ICON' (2 arrows facing one another).
    * This may be fine for experienced users, but for more clarity it's also possible to present the compare feature as a CHECKBOX accompanied by the 'Compare' label
    */
   compareVariant?: InputMaybe<CompareVariant>;
+  /**
+   * If a simple product is part of a Configurable product page, should the simple product be
+   * rendered as a configured option of the configurable product page?
+   *
+   * How does this work:
+   *
+   * When the `products(filters: { url_key: { eq: 'simple-product' } }) { ... }` query is ran,
+   * Magento also returns the Simple product and the Configurable product the simple belongs to.
+   *
+   * If that is the case we render the configurable product page instead of the simple product page but
+   * the options to select the simple product are pre-selected.
+   */
+  configurableVariantForSimple?: InputMaybe<Scalars['Boolean']['input']>;
+  /**
+   * When a user selects a variant, it will switch the values on the configurable page with the values of the configured variant.
+   *
+   * Enabling options here will allow switching of those variants.
+   */
+  configurableVariantValues?: InputMaybe<MagentoConfigurableVariantValues>;
   /**
    * Due to a limitation in the GraphQL API of Magento 2, we need to know if the
    * customer requires email confirmation.
@@ -125,7 +146,7 @@ export type GraphCommerceConfig = {
    * This value should match Magento 2's configuration value for
    * `customer/create_account/confirm` and should be removed once we can query
    */
-  customerRequireEmailConfirmation?: InputMaybe<Scalars['Boolean']>;
+  customerRequireEmailConfirmation?: InputMaybe<Scalars['Boolean']['input']>;
   /** Debug configuration for GraphCommerce */
   debug?: InputMaybe<GraphCommerceDebugConfig>;
   /**
@@ -135,7 +156,7 @@ export type GraphCommerceConfig = {
    * - Adds "dominant_color" attribute swatches to the product list items.
    * - Creates a big list items in the product list.
    */
-  demoMode?: InputMaybe<Scalars['Boolean']>;
+  demoMode?: InputMaybe<Scalars['Boolean']['input']>;
   /**
    * See https://support.google.com/analytics/answer/9539598?hl=en
    *
@@ -143,19 +164,23 @@ export type GraphCommerceConfig = {
    *
    * To override the value for a specific locale, configure in i18n config.
    */
-  googleAnalyticsId?: InputMaybe<Scalars['String']>;
+  googleAnalyticsId?: InputMaybe<Scalars['String']['input']>;
   /**
-   * Google reCAPTCHA key, get from https://developers.google.com/recaptcha/docs/v3
+   * Google reCAPTCHA site key.
+   * When using reCAPTCHA, this value is required, even if you are configuring different values for each locale.
    *
-   * This value is required even if you are configuring different values for each locale.
+   * Get a site key and a secret key from https://developers.google.com/recaptcha/docs/v3
+   *
+   * The secret key should be added in the Magento admin panel (Stores > Configuration > Security > Google ReCAPTCHA Storefront > reCAPTCHA v3 Invisible)
+   * ReCAPTCHA can then be enabled/disabled for the different forms, separately (Stores > Configuration > Security > Google ReCAPTCHA Storefront > Storefront)
    */
-  googleRecaptchaKey?: InputMaybe<Scalars['String']>;
+  googleRecaptchaKey?: InputMaybe<Scalars['String']['input']>;
   /**
    * The Google Tagmanager ID to be used on the site.
    *
    * This value is required even if you are configuring different values for each locale.
    */
-  googleTagmanagerId?: InputMaybe<Scalars['String']>;
+  googleTagmanagerId?: InputMaybe<Scalars['String']['input']>;
   /**
    * The HyGraph endpoint.
    *
@@ -163,7 +188,9 @@ export type GraphCommerceConfig = {
    *
    * Project settings -> API Access -> High Performance Read-only Content API
    */
-  hygraphEndpoint: Scalars['String'];
+  hygraphEndpoint: Scalars['String']['input'];
+  /** Hygraph Project ID. **Only used for migrations.** */
+  hygraphProjectId?: InputMaybe<Scalars['String']['input']>;
   /**
    * Content API. **Only used for migrations.**
    *
@@ -171,7 +198,7 @@ export type GraphCommerceConfig = {
    *
    * Project settings -> API Access -> Content API
    */
-  hygraphWriteAccessEndpoint?: InputMaybe<Scalars['String']>;
+  hygraphWriteAccessEndpoint?: InputMaybe<Scalars['String']['input']>;
   /**
    * Hygraph Management SDK Authorization Token. **Only used for migrations.**
    *
@@ -190,6 +217,12 @@ export type GraphCommerceConfig = {
    *   - Delete existing components
    *   - Update remote sources
    *   - Delete remote sources
+   *   - Read existing environments
+   *   - Read public content views
+   *   - Create public content views
+   *   - Update public content views
+   *   - Delete public content views
+   *   - Can see schema view
    *
    * ```
    * GC_HYGRAPH_WRITE_ACCESS_ENDPOINT="https://...hygraph.com/v2/..."
@@ -197,7 +230,7 @@ export type GraphCommerceConfig = {
    * yarn graphcommerce hygraph-migrate
    * ```
    */
-  hygraphWriteAccessToken?: InputMaybe<Scalars['String']>;
+  hygraphWriteAccessToken?: InputMaybe<Scalars['String']['input']>;
   /**
    * On older versions of GraphCommerce products would use a product type specific route.
    *
@@ -205,57 +238,63 @@ export type GraphCommerceConfig = {
    *
    * @deprecated Will be removed in a future version. [migration](../upgrading/graphcommerce-5-to-6.md#product-routing-changes)
    */
-  legacyProductRoute?: InputMaybe<Scalars['Boolean']>;
+  legacyProductRoute?: InputMaybe<Scalars['Boolean']['input']>;
   /** Limit the static generation of SSG when building */
-  limitSsg?: InputMaybe<Scalars['Boolean']>;
+  limitSsg?: InputMaybe<Scalars['Boolean']['input']>;
   /**
    * GraphQL Magento endpoint.
    *
    * Examples:
    * - https://magento2.test/graphql
    */
-  magentoEndpoint: Scalars['String'];
+  magentoEndpoint: Scalars['String']['input'];
   /** To enable next.js' preview mode, configure the secret you'd like to use. */
-  previewSecret?: InputMaybe<Scalars['String']>;
+  previewSecret?: InputMaybe<Scalars['String']['input']>;
+  /**
+   * Layout how the filters are rendered.
+   * DEFAULT: Will be rendered as horzontal chips on desktop and mobile
+   * SIDEBAR: Will be rendered as a sidebar on desktop and horizontal chips on mobile
+   */
+  productFiltersLayout?: InputMaybe<ProductFiltersLayout>;
   /**
    * Product filters with better UI for mobile and desktop.
    *
    * @experimental This is an experimental feature and may change in the future.
    */
-  productFiltersPro?: InputMaybe<Scalars['Boolean']>;
+  productFiltersPro?: InputMaybe<Scalars['Boolean']['input']>;
   /**
    * By default we route products to /p/[url] but you can change this to /product/[url] if you wish.
    *
    * Default: '/p/'
    * Example: '/product/'
    */
-  productRoute?: InputMaybe<Scalars['String']>;
+  productRoute?: InputMaybe<Scalars['String']['input']>;
   /**
    * Allow the site to be indexed by search engines.
    * If false, the robots.txt file will be set to disallow all.
    */
-  robotsAllow?: InputMaybe<Scalars['Boolean']>;
+  robotsAllow?: InputMaybe<Scalars['Boolean']['input']>;
   /** All storefront configuration for the project */
   storefront: Array<GraphCommerceStorefrontConfig>;
   /** Hide the wishlist functionality for guests. */
-  wishlistHideForGuests?: InputMaybe<Scalars['Boolean']>;
+  wishlistHideForGuests?: InputMaybe<Scalars['Boolean']['input']>;
   /** Ignores whether a product is already in the wishlist, makes the toggle an add only. */
-  wishlistIgnoreProductWishlistStatus?: InputMaybe<Scalars['Boolean']>;
+  wishlistIgnoreProductWishlistStatus?: InputMaybe<Scalars['Boolean']['input']>;
   /** Show a message when the product is added to the wishlist. */
-  wishlistShowFeedbackMessage?: InputMaybe<Scalars['Boolean']>;
+  wishlistShowFeedbackMessage?: InputMaybe<Scalars['Boolean']['input']>;
 };
 
 /** Debug configuration for GraphCommerce */
 export type GraphCommerceDebugConfig = {
   /** Reports which plugins are enabled or disabled. */
-  pluginStatus?: InputMaybe<Scalars['Boolean']>;
+  pluginStatus?: InputMaybe<Scalars['Boolean']['input']>;
   /**
    * Cyclic dependencies can cause memory issues and other strange bugs.
    * This plugin will warn you when it detects a cyclic dependency.
    *
    * When running into memory issues, it can be useful to enable this plugin.
    */
-  webpackCircularDependencyPlugin?: InputMaybe<Scalars['Boolean']>;
+  webpackCircularDependencyPlugin?: InputMaybe<Scalars['Boolean']['input']>;
   /**
    * When updating packages it can happen that the same package is included with different versions in the same project.
    *
@@ -263,7 +302,7 @@ export type GraphCommerceDebugConfig = {
    * - The same package is included multiple times in the bundle, increasing the bundle size.
    * - The Typescript types of the package are not compatible with each other, causing Typescript errors.
    */
-  webpackDuplicatesPlugin?: InputMaybe<Scalars['Boolean']>;
+  webpackDuplicatesPlugin?: InputMaybe<Scalars['Boolean']['input']>;
 };
 
 /** All storefront configuration for the project */
@@ -276,33 +315,33 @@ export type GraphCommerceStorefrontConfig = {
    * - https://example.com/en
    * - https://example.com/en-US
    */
-  canonicalBaseUrl?: InputMaybe<Scalars['String']>;
+  canonicalBaseUrl?: InputMaybe<Scalars['String']['input']>;
   /** Due to a limitation of the GraphQL API it is not possible to determine if a cart should be displayed including or excluding tax. */
-  cartDisplayPricesInclTax?: InputMaybe<Scalars['Boolean']>;
+  cartDisplayPricesInclTax?: InputMaybe<Scalars['Boolean']['input']>;
   /**
    * There can only be one entry with defaultLocale set to true.
    * - If there are more, the first one is used.
    * - If there is none, the first entry is used.
    */
-  defaultLocale?: InputMaybe<Scalars['Boolean']>;
+  defaultLocale?: InputMaybe<Scalars['Boolean']['input']>;
   /** Domain configuration, must be a domain https://tools.ietf.org/html/rfc3986 */
-  domain?: InputMaybe<Scalars['String']>;
+  domain?: InputMaybe<Scalars['String']['input']>;
   /**
    * Configure different Google Analytics IDs for different locales.
    *
    * To disable for a specific locale, set the value to null.
    */
-  googleAnalyticsId?: InputMaybe<Scalars['String']>;
+  googleAnalyticsId?: InputMaybe<Scalars['String']['input']>;
   /** Locale specific google reCAPTCHA key. */
-  googleRecaptchaKey?: InputMaybe<Scalars['String']>;
+  googleRecaptchaKey?: InputMaybe<Scalars['String']['input']>;
   /** The Google Tagmanager ID to be used per locale. */
-  googleTagmanagerId?: InputMaybe<Scalars['String']>;
+  googleTagmanagerId?: InputMaybe<Scalars['String']['input']>;
   /** Add a gcms-locales header to make sure queries return in a certain language, can be an array to define fallbacks. */
-  hygraphLocales?: InputMaybe<Array<Scalars['String']>>;
+  hygraphLocales?: InputMaybe<Array<Scalars['String']['input']>>;
   /** Specify a custom locale for to load translations. */
-  linguiLocale?: InputMaybe<Scalars['String']>;
+  linguiLocale?: InputMaybe<Scalars['String']['input']>;
   /** Must be a locale string https://www.unicode.org/reports/tr35/tr35-59/tr35.html#Identifiers */
-  locale: Scalars['String'];
+  locale: Scalars['String']['input'];
   /**
    * Magento store code.
    *
@@ -313,9 +352,30 @@ export type GraphCommerceStorefrontConfig = {
    * - en-us
    * - b2b-us
    */
-  magentoStoreCode: Scalars['String'];
+  magentoStoreCode: Scalars['String']['input'];
 };
 
+/** Options to configure which values will be replaced when a variant is selected on the product page. */
+export type MagentoConfigurableVariantValues = {
+  /** Use the name, description, short description and meta data from the configured variant */
+  content?: InputMaybe<Scalars['Boolean']['input']>;
+  /**
+   * This option enables the automatic update of product gallery images on the product page when a variant is selected,
+   * provided that the gallery images for the selected variant differ from the currently displayed images.
+   */
+  gallery?: InputMaybe<Scalars['Boolean']['input']>;
+  /**
+   * When a variant is selected the URL of the product will be changed in the address bar.
+   *
+   * This only happens when the actual variant is can be accessed by the URL.
+   */
+  url?: InputMaybe<Scalars['Boolean']['input']>;
+};
+
+export type ProductFiltersLayout =
+  | 'DEFAULT'
+  | 'SIDEBAR';
+
 
 type Properties<T> = Required<{
   [K in keyof T]: z.ZodType<T[K], any, T[K]>;
@@ -329,12 +389,16 @@ export const definedNonNullAnySchema = z.any().refine((v) => isDefinedNonNullAny
 
 export const CompareVariantSchema = z.enum(['CHECKBOX', 'ICON']);
 
+export const ProductFiltersLayoutSchema = z.enum(['DEFAULT', 'SIDEBAR']);
+
 export function GraphCommerceConfigSchema(): z.ZodObject<Properties<GraphCommerceConfig>> {
-  return z.object<Properties<GraphCommerceConfig>>({
+  return z.object({
     canonicalBaseUrl: z.string().min(1),
     cartDisplayPricesInclTax: z.boolean().nullish(),
     compare: z.boolean().nullish(),
     compareVariant: CompareVariantSchema.nullish(),
+    configurableVariantForSimple: z.boolean().nullish(),
+    configurableVariantValues: MagentoConfigurableVariantValuesSchema().nullish(),
     customerRequireEmailConfirmation: z.boolean().nullish(),
     debug: GraphCommerceDebugConfigSchema().nullish(),
     demoMode: z.boolean().nullish(),
@@ -342,12 +406,14 @@ export function GraphCommerceConfigSchema(): z.ZodObject<Properties<GraphCommerc
     googleRecaptchaKey: z.string().nullish(),
     googleTagmanagerId: z.string().nullish(),
     hygraphEndpoint: z.string().min(1),
+    hygraphProjectId: z.string().nullish(),
     hygraphWriteAccessEndpoint: z.string().nullish(),
     hygraphWriteAccessToken: z.string().nullish(),
     legacyProductRoute: z.boolean().nullish(),
     limitSsg: z.boolean().nullish(),
     magentoEndpoint: z.string().min(1),
     previewSecret: z.string().nullish(),
+    productFiltersLayout: ProductFiltersLayoutSchema.nullish(),
     productFiltersPro: z.boolean().nullish(),
     productRoute: z.string().nullish(),
     robotsAllow: z.boolean().nullish(),
@@ -359,7 +425,7 @@ export function GraphCommerceConfigSchema(): z.ZodObject<Properties<GraphCommerc
 }
 
 export function GraphCommerceDebugConfigSchema(): z.ZodObject<Properties<GraphCommerceDebugConfig>> {
-  return z.object<Properties<GraphCommerceDebugConfig>>({
+  return z.object({
     pluginStatus: z.boolean().nullish(),
     webpackCircularDependencyPlugin: z.boolean().nullish(),
     webpackDuplicatesPlugin: z.boolean().nullish()
@@ -367,7 +433,7 @@ export function GraphCommerceDebugConfigSchema(): z.ZodObject<Properties<GraphCo
 }
 
 export function GraphCommerceStorefrontConfigSchema(): z.ZodObject<Properties<GraphCommerceStorefrontConfig>> {
-  return z.object<Properties<GraphCommerceStorefrontConfig>>({
+  return z.object({
     canonicalBaseUrl: z.string().nullish(),
     cartDisplayPricesInclTax: z.boolean().nullish(),
     defaultLocale: z.boolean().nullish(),
@@ -381,3 +447,11 @@ export function GraphCommerceStorefrontConfigSchema(): z.ZodObject<Properties<Gr
     magentoStoreCode: z.string().min(1)
   })
 }
+
+export function MagentoConfigurableVariantValuesSchema(): z.ZodObject<Properties<MagentoConfigurableVariantValues>> {
+  return z.object({
+    content: z.boolean().nullish(),
+    gallery: z.boolean().nullish(),
+    url: z.boolean().nullish()
+  })
+}

package/src/index.ts

@@ -1,17 +1,23 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import type React from 'react'
 
 export * from './utils/isMonorepo'
 export * from './utils/resolveDependenciesSync'
+export * from './utils/packageRoots'
 export * from './withGraphCommerce'
 export * from './generated/config'
 export * from './config'
+export * from './runtimeCachingOptimizations'
 
 export type PluginProps<P extends Record<string, unknown> = Record<string, unknown>> = P & {
   Prev: React.FC<P>
 }
 
-export type ReactPlugin<T extends React.FC<any>> = (
-  props: Parameters<T>[0] & { Prev: React.FC<Parameters<T>[0]> },
+export type ReactPlugin<
+  T extends React.FC<any>,
+  AdditionalOptionalProps extends Record<string, unknown> = Record<string, unknown>,
+> = (
+  props: Parameters<T>[0] & AdditionalOptionalProps & { Prev: React.FC<Parameters<T>[0]> },
 ) => ReturnType<T>
 
 export type MethodPlugin<T extends (...args: any[]) => any> = (

package/src/interceptors/InterceptorPlugin.ts

@@ -16,6 +16,7 @@ export class InterceptorPlugin {
   constructor(private config: GraphCommerceConfig) {
     this.resolveDependency = resolveDependency()
 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [plugins, errors] = findPlugins(this.config)
     this.interceptors = generateInterceptors(plugins, this.resolveDependency, this.config.debug)
     this.interceptorByDepependency = Object.fromEntries(
@@ -30,6 +31,7 @@ export class InterceptorPlugin {
 
     // After the compilation has succeeded we watch all possible plugin locations.
     compiler.hooks.afterCompile.tap('InterceptorPlugin', (compilation) => {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const [plugins, errors] = findPlugins(this.config)
 
       plugins.forEach((p) => {

package/src/interceptors/findPlugins.ts

@@ -122,6 +122,7 @@ export function findPlugins(config: GraphCommerceConfig, cwd: string = process.c
       }
     })
 
+    // eslint-disable-next-line no-console
     console.log(toLog.join('\n\n'))
   }
 

package/src/interceptors/generateInterceptors.ts

@@ -1,5 +1,5 @@
 import path from 'node:path'
-import { GraphCommerceConfig, GraphCommerceDebugConfig } from '../generated/config'
+import { GraphCommerceDebugConfig } from '../generated/config'
 import { ResolveDependency, ResolveDependencyReturn } from '../utils/resolveDependency'
 
 type PluginBaseConfig = {

package/src/runtimeCachingOptimizations.ts

@@ -0,0 +1,27 @@
+import { RuntimeCaching } from 'workbox-build'
+
+export const runtimeCachingOptimizations: RuntimeCaching[] = [
+  {
+    urlPattern: /\/_next\/image\?url=.+$/i,
+    handler: 'StaleWhileRevalidate',
+    options: {
+      cacheName: 'next-image',
+      expiration: {
+        maxEntries: 1000, // 1000 images
+        maxAgeSeconds: 168 * 60 * 60, // 1 week
+        matchOptions: { ignoreVary: true },
+      },
+    },
+  },
+  {
+    urlPattern: /\/_next\/data\/.+\/.+\.json$/i,
+    handler: 'NetworkFirst',
+    options: {
+      cacheName: 'next-data',
+      expiration: {
+        maxEntries: 32,
+        maxAgeSeconds: 24 * 60 * 60, // 24 hours
+      },
+    },
+  },
+]