@graphcommerce/next-config 5.2.0-canary.9 → 6.0.0-canary.20

package/src/config/utils/mergeEnvIntoConfig.ts

@@ -0,0 +1,228 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { mergeDeep, cloneDeep } from '@apollo/client/utilities'
+import chalk from 'chalk'
+import { get, set } from 'lodash'
+import snakeCase from 'lodash/snakeCase'
+import {
+  z,
+  ZodObject,
+  ZodBoolean,
+  ZodArray,
+  ZodString,
+  ZodNumber,
+  ZodNullable,
+  ZodOptional,
+  ZodEffects,
+  ZodRawShape,
+  ZodEnum,
+} from 'zod'
+import diff from './diff'
+
+const fmt = (s: string) => s.split(/(\d+)/).map(snakeCase).join('')
+const pathStr = (path: string[]) => ['GC', ...path].map(fmt).join('_').toUpperCase()
+const dotNotation = (pathParts: string[]) =>
+  pathParts
+    .map((v) => {
+      const idx = Number(v)
+      return !Number.isNaN(idx) ? `[${idx}]` : v
+    })
+    .join('.')
+
+function isJSON(str: string | undefined): boolean {
+  if (!str) return true
+  try {
+    JSON.parse(str)
+  } catch (e) {
+    return false
+  }
+  return true
+}
+
+export type ZodNode =
+  | ZodNullable<any>
+  | ZodOptional<any>
+  | ZodEffects<any>
+  | ZodObject<any>
+  | ZodArray<any>
+  | ZodString
+  | ZodNumber
+  | ZodBoolean
+
+export function configToEnvSchema(schema: ZodNode) {
+  const envSchema: ZodRawShape = {}
+  const envToDot: Record<string, string> = {}
+
+  function walk(incomming: ZodNode, path: string[] = []) {
+    let node = incomming
+
+    if (node instanceof ZodEffects) node = node.innerType()
+    if (node instanceof ZodOptional) node = node.unwrap()
+    if (node instanceof ZodNullable) node = node.unwrap()
+
+    if (node instanceof ZodObject) {
+      if (path.length > 0) {
+        envSchema[pathStr(path)] = z
+          .string()
+          .optional()
+          .refine(isJSON, { message: `Invalid JSON` })
+          .transform((val) => (val ? JSON.parse(val) : val))
+        envToDot[pathStr(path)] = dotNotation(path)
+      }
+
+      const typeNode = node as unknown as ZodObject<ZodRawShape>
+
+      Object.keys(typeNode.shape).forEach((key) => {
+        walk(typeNode.shape[key], [...path, key])
+      })
+
+      return
+    }
+
+    if (node instanceof ZodArray) {
+      const arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
+      if (path.length > 0) {
+        envSchema[pathStr(path)] = z
+          .string()
+          .optional()
+          .refine(isJSON, { message: `Invalid JSON` })
+          .transform((val) => (val ? JSON.parse(val) : val))
+        envToDot[pathStr(path)] = dotNotation(path)
+      }
+
+      arr.forEach((key) => {
+        walk((node as unknown as ZodArray<ZodNode>).element, [...path, String(key)])
+      })
+
+      return
+    }
+
+    if (node instanceof ZodString || node instanceof ZodNumber || node instanceof ZodEnum) {
+      envSchema[pathStr(path)] = node.optional()
+      envToDot[pathStr(path)] = dotNotation(path)
+      return
+    }
+
+    if (node instanceof ZodBoolean) {
+      envSchema[pathStr(path)] = z
+        .enum(['true', '1', 'false', '0'])
+        .optional()
+        .transform((v) => {
+          if (v === 'true' || v === '1') return true
+          if (v === 'false' || v === '0') return false
+          return v
+        })
+      envToDot[pathStr(path)] = dotNotation(path)
+      return
+    }
+
+    throw Error(
+      `[@graphcommerce/next-config] Unknown type in schema ${node.constructor.name}. This is probably a bug please create an issue.`,
+    )
+  }
+  walk(schema)
+
+  return [z.object(envSchema), envToDot] as const
+}
+
+export type ApplyResultItem = {
+  envVar: string
+  envValue: unknown
+  dotVar?: string | undefined
+  from?: unknown
+  to?: unknown
+  error?: string[]
+  warning?: string[]
+}
+export type ApplyResult = ApplyResultItem[]
+
+export function mergeEnvIntoConfig(
+  schema: ZodNode,
+  config: Record<string, unknown>,
+  env: Record<string, string | undefined>,
+) {
+  const filterEnv = Object.fromEntries(Object.entries(env).filter(([key]) => key.startsWith('GC_')))
+
+  const newConfig = cloneDeep(config)
+  const [envSchema, envToDot] = configToEnvSchema(schema)
+  const result = envSchema.safeParse(filterEnv)
+
+  const applyResult: ApplyResult = []
+
+  if (!result.success) {
+    Object.entries(result.error.flatten().fieldErrors).forEach(([envVar, error]) => {
+      const dotVar = envToDot[envVar]
+      const envValue = filterEnv[envVar]
+      applyResult.push({ envVar, envValue, dotVar, error })
+    })
+    return [undefined, applyResult] as const
+  }
+
+  Object.entries(result.data).forEach(([envVar, value]) => {
+    const dotVar = envToDot[envVar]
+    const envValue = filterEnv[envVar]
+
+    if (!dotVar) {
+      applyResult.push({ envVar, envValue })
+      return
+    }
+
+    const dotValue = get(newConfig, dotVar)
+    const merged = mergeDeep(dotValue, value)
+
+    const from = diff(merged, dotValue)
+    const to = diff(dotValue, merged)
+
+    applyResult.push({ envVar, envValue, dotVar, from, to })
+    set(newConfig, dotVar, merged)
+  })
+
+  return [newConfig, applyResult] as const
+}
+
+/**
+ * Prints the applied env variables to the console
+ *
+ * The format is:
+ *
+ * - If from and to is empty, the value is unchanged: `=` (white)
+ * - If the from is empty, a new value is applied: `+` (green)
+ * - If the to is empty, a value is removed: `-` (red)
+ * - If both from and to is not empty, a value is changed: `~` (yellow)
+ */
+export function formatAppliedEnv(applyResult: ApplyResult) {
+  let hasError = false
+  let hasWarning = false
+  const lines = applyResult.map(({ from, to, envValue, envVar, dotVar, error, warning }) => {
+    const fromFmt = chalk.red(JSON.stringify(from))
+    const toFmt = chalk.green(JSON.stringify(to))
+    const envVariableFmt = `${envVar}='${envValue}'`
+    const dotVariableFmt = chalk.bold.underline(`${dotVar}`)
+
+    const baseLog = `${envVariableFmt} => ${dotVariableFmt}`
+
+    if (error) {
+      hasError = true
+      return `${chalk.red(` ⨉ ${envVariableFmt}`)} => ${error.join(', ')}`
+    }
+    if (warning) {
+      hasWarning = true
+      return `${chalk.yellowBright(` ‼ ${envVariableFmt}`)} => ${warning.join(', ')}`
+    }
+
+    if (!dotVar) return chalk.red(`${envVariableFmt} => ignored (no matching config)`)
+
+    if (from === undefined && to === undefined)
+      return ` = ${baseLog}: (ignored, no change/wrong format)`
+    if (from === undefined && to !== undefined) return ` ${chalk.green('+')} ${baseLog}: ${toFmt}`
+    if (from !== undefined && to === undefined) return ` ${chalk.red('-')} ${baseLog}: ${fromFmt}`
+    return ` ${chalk.yellowBright('~')} ${baseLog}: ${fromFmt} => ${toFmt}`
+  })
+
+  let header = chalk.blueBright(`info`)
+  if (hasWarning) header = chalk.yellowBright(`warning`)
+  if (hasError) header = chalk.yellowBright(`error`)
+
+  header += `   - Loaded GraphCommerce env variables`
+
+  return [header, ...lines].join('\n')
+}

package/src/config/utils/rewriteLegacyEnv.ts

@@ -0,0 +1,121 @@
+import cloneDeep from 'lodash/cloneDeep'
+import { GraphCommerceConfig } from '../../generated/config'
+import { ApplyResult, mergeEnvIntoConfig, ZodNode } from './mergeEnvIntoConfig'
+
+export function rewriteLegacyEnv(
+  schema: ZodNode,
+  config: GraphCommerceConfig,
+  env: Record<string, string | undefined>,
+) {
+  const clonedEnv: Record<string, string | undefined> = cloneDeep(env)
+  const applied: ApplyResult = []
+
+  function renamedTo(to: string) {
+    return (envVar: string, envValue: string) => {
+      applied.push({
+        warning: [`should be renamed to ${to}='${envValue}'`],
+        envVar,
+        envValue,
+      })
+      clonedEnv[to] = envValue
+    }
+  }
+
+  function notUsed() {
+    return (envVar: string, envValue: string) => {
+      applied.push({
+        warning: [`should be removed`],
+        envVar,
+        envValue,
+      })
+    }
+  }
+
+  const parsers: Record<string, (key: string, value: string) => void> = {
+    MAGENTO_ENDPPOINT: renamedTo('GC_MAGENTO_ENDPOINT'),
+    GRAPHCMS_URL: renamedTo('GC_HYGRAPH_ENDPOINT'),
+    NEXT_PUBLIC_GRAPHQL_ENDPOINT: notUsed(),
+    IMAGE_DOMAINS: (envVar: string, envValue: string) => {
+      applied.push({
+        warning: [
+          `should be removed: will automatically add the Magento/Hygraph URL. For more advanced configurations, see: https://nextjs.org/docs/api-reference/next/image#configuration-options`,
+        ],
+        envVar,
+        envValue,
+      })
+    },
+    NEXT_PUBLIC_LOCALE_STORES: (envVar: string, envValue: string) => {
+      const parsed = JSON.parse(envValue) as Record<string, string>
+
+      applied.push({
+        warning: ['env variable is is modified, rewritten to GC_I18N.'],
+        envVar,
+        envValue,
+      })
+
+      clonedEnv.GC_I18N = JSON.stringify(
+        Object.entries(parsed).map(([locale, magentoStoreCode], index) => {
+          config.i18n[index] = { ...config.i18n[index], locale, magentoStoreCode }
+          return { locale, magentoStoreCode }
+        }),
+      )
+    },
+    NEXT_PUBLIC_SITE_URL: renamedTo('GC_CANONICAL_BASE_URL'),
+    NEXT_PUBLIC_GTM_ID: renamedTo('GC_GOOGLE_TAGMANAGER_ID'),
+    NEXT_PUBLIC_GOOGLE_ANALYTICS: (envVar: string, envValue: string) => {
+      if (envValue.startsWith('{')) {
+        const parsed = JSON.parse(envValue) as Record<string, string>
+
+        clonedEnv.GC_GOOGLE_ANALYTICS_ID = 'enabled'
+        config.i18n.forEach((i18n, index) => {
+          if (parsed[i18n.locale]) {
+            clonedEnv[`GC_I18N_${index}_GOOGLE_ANALYTICS_ID`] = parsed[i18n.locale]
+          }
+        })
+
+        applied.push({
+          warning: ['should be rewritten to GC_I18N_*_GOOGLE_ANALYTICS_ID'],
+          envVar,
+          envValue,
+        })
+
+        return
+      }
+      renamedTo('GC_GOOGLE_ANALYTICS_ID')
+    },
+    NEXT_PUBLIC_GOOGLE_RECAPTCHA_V3_SITE_KEY: renamedTo('GC_GOOGLE_RECAPTCHA_KEY'),
+    NEXT_PUBLIC_DISPLAY_INCL_TAX: (envVar: string, envValue: string) => {
+      const inclTax = envValue.split(',').map((i) => i.trim())
+
+      config.i18n.forEach((i18n, index) => {
+        if (!inclTax.includes(i18n.locale)) return null
+        clonedEnv[`GC_I18N_${index}_CART_DISPLAY_PRICES_INCL_TAX`] = '1'
+      })
+
+      applied.push({
+        warning: ['env variable is renamed, move to configuration: cartDisplayPricesInclTax'],
+        envVar,
+        envValue,
+      })
+      clonedEnv.GC_DISPLAY_PRICES_INCL_TAX = envValue
+    },
+    PREVIEW_SECRET: renamedTo('GC_PREVIEW_SECRET'),
+    DEMO_MAGENTO_GRAPHCOMMERCE: renamedTo('GC_DEMO_MODE'),
+  }
+
+  if (env.SKIP_MIGRATION === '1' || env.SKIP_MIGRATION === 'true') {
+    return mergeEnvIntoConfig(schema, config, clonedEnv)
+  }
+
+  Object.entries(env).forEach(([key, value]) => {
+    if (value === undefined) return
+    try {
+      parsers[key]?.(key, value)
+    } catch (e) {
+      console.error(`Error  parsing ${key}`, e)
+    }
+  })
+
+  const [newConfig, envApplied] = mergeEnvIntoConfig(schema, config, clonedEnv)
+  return [newConfig, [...applied, ...envApplied] as ApplyResult] as const
+}

package/src/generated/config.ts

@@ -0,0 +1,255 @@
+/* eslint-disable */
+import { z } from 'zod'
+export type Maybe<T> = T | null;
+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]> };
+/** All built-in and custom scalars, mapped to their actual values */
+export type Scalars = {
+  ID: string;
+  String: string;
+  Boolean: boolean;
+  Int: number;
+  Float: number;
+};
+
+export type DeployEnvironment =
+  /** The development environment */
+  | 'development'
+  /** The staging environment */
+  | 'preview'
+  /** The production environment */
+  | 'production';
+
+/** Global GraphCommerce configuration can be configured in your `graphcommerce.config.js` file in the root of your project. */
+export type GraphCommerceConfig = {
+  /**
+   * The canonical base URL is used for SEO purposes.
+   *
+   * Examples:
+   * - https://example.com
+   * - https://example.com/en
+   * - https://example.com/en-US
+   */
+  canonicalBaseUrl: Scalars['String'];
+  /**
+   * 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']>;
+  /**
+   * Due to a limitation in the GraphQL API of Magento 2, we need to know if the
+   * customer requires email confirmation.
+   *
+   * 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']>;
+  /** Debug configuration for GraphCommerce */
+  debug?: InputMaybe<GraphCommerceDebugConfig>;
+  /**
+   * Enables some demo specific code that is probably not useful for a project:
+   *
+   * - Adds the "BY GC" to the product list items.
+   * - Adds "dominant_color" attribute swatches to the product list items.
+   * - Creates a big list items in the product list.
+   */
+  demoMode?: InputMaybe<Scalars['Boolean']>;
+  /**
+   * Environment GraphCommerce is deployed to.
+   *
+   * Not to be confused with NODE_ENV: which will always be 'production' when running `next build`.
+   */
+  deployEnvironment?: InputMaybe<DeployEnvironment>;
+  /**
+   * See https://support.google.com/analytics/answer/9539598?hl=en
+   *
+   * Provide a value to enable Google Analytics for your store.
+   *
+   * To enable only for a specific locale, override the value in the i18n config.
+   */
+  googleAnalyticsId?: InputMaybe<Scalars['String']>;
+  /**
+   * Google reCAPTCHA key, get from https://developers.google.com/recaptcha/docs/v3
+   *
+   * This value is required even if you are configuring different values for each locale.
+   */
+  googleRecaptchaKey?: InputMaybe<Scalars['String']>;
+  /**
+   * 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']>;
+  /**
+   * The HyGraph endpoint.
+   *
+   * Project settings -> API Access -> High Performance Read-only Content API
+   */
+  hygraphEndpoint: Scalars['String'];
+  /** All i18n configuration for the project */
+  i18n: Array<GraphCommerceI18nConfig>;
+  /**
+   * GraphQL Magento endpoint.
+   *
+   * Examples:
+   * - https://magento2.test/graphql
+   */
+  magentoEndpoint: Scalars['String'];
+  /** To enable next.js' preview mode, configure the secret you'd like to use. */
+  previewSecret?: InputMaybe<Scalars['String']>;
+  /**
+   * Product filters with better UI for mobile and desktop.
+   *
+   * @experimental This is an experimental feature and may change in the future.
+   */
+  productFiltersPro: Scalars['Boolean'];
+  /**
+   * Allow the site to be indexed by search engines.
+   * If false, the robots.txt file will be set to disallow all.
+   */
+  robotsAllow: Scalars['Boolean'];
+  /**
+   * On older versions of GraphCommerce products would use a product type specific route.
+   *
+   * This should only be set to false if you use the /product/[url] or /product/configurable/[url] routes.
+   */
+  singleProductRoute: Scalars['Boolean'];
+  /** Hide the wishlist functionality for guests. */
+  wishlistHideForGuests?: InputMaybe<Scalars['Boolean']>;
+  /** Ignores wether a product is already in the wishlist, makes the toggle an add only. */
+  wishlistIgnoreProductWishlistStatus?: InputMaybe<Scalars['Boolean']>;
+};
+
+/** Debug configuration for GraphCommerce */
+export type GraphCommerceDebugConfig = {
+  /** Reports which plugins are enabled or disabled. */
+  pluginStatus?: InputMaybe<Scalars['Boolean']>;
+  /**
+   * 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']>;
+  /**
+   * When updating packages it can happen that the same package is included with different versions in the same project.
+   *
+   * Issues that this can cause are:
+   * - 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']>;
+};
+
+/** All i18n configuration for the project */
+export type GraphCommerceI18nConfig = {
+  /**
+   * The canonical base URL is used for SEO purposes.
+   *
+   * Examples:
+   * - https://example.com
+   * - https://example.com/en
+   * - https://example.com/en-US
+   */
+  canonicalBaseUrl?: InputMaybe<Scalars['String']>;
+  /** 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']>;
+  /**
+   * 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']>;
+  /** Domain configuration, must be a domain https://tools.ietf.org/html/rfc3986 */
+  domain?: InputMaybe<Scalars['String']>;
+  /**
+   * Configure different Google Analytics IDs for different locales.
+   *
+   * To disable for a specific locale, set the value to null.
+   */
+  googleAnalyticsId?: InputMaybe<Scalars['String']>;
+  /** Locale specific google reCAPTCHA key. */
+  googleRecaptchaKey?: InputMaybe<Scalars['String']>;
+  /** The Google Tagmanager ID to be used per locale. */
+  googleTagmanagerId?: InputMaybe<Scalars['String']>;
+  /** 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']>>;
+  /** Specify a custom locale for to load translations. */
+  linguiLocale?: InputMaybe<Scalars['String']>;
+  /** Must be a locale string https://www.unicode.org/reports/tr35/tr35-59/tr35.html#Identifiers */
+  locale: Scalars['String'];
+  /**
+   * Magento store code.
+   *
+   * Stores => All Stores => [Store View] => Store View Code
+   *
+   * Examples:
+   * - default
+   * - en-us
+   * - b2b-us
+   */
+  magentoStoreCode: Scalars['String'];
+};
+
+
+type Properties<T> = Required<{
+  [K in keyof T]: z.ZodType<T[K], any, T[K]>;
+}>;
+
+type definedNonNullAny = {};
+
+export const isDefinedNonNullAny = (v: any): v is definedNonNullAny => v !== undefined && v !== null;
+
+export const definedNonNullAnySchema = z.any().refine((v) => isDefinedNonNullAny(v));
+
+export const DeployEnvironmentSchema = z.enum(['development', 'preview', 'production']);
+
+export function GraphCommerceConfigSchema(): z.ZodObject<Properties<GraphCommerceConfig>> {
+  return z.object<Properties<GraphCommerceConfig>>({
+    canonicalBaseUrl: z.string().min(1),
+    cartDisplayPricesInclTax: z.boolean().nullish(),
+    customerRequireEmailConfirmation: z.boolean().nullish(),
+    debug: GraphCommerceDebugConfigSchema().nullish(),
+    demoMode: z.boolean().nullish(),
+    deployEnvironment: DeployEnvironmentSchema.nullish(),
+    googleAnalyticsId: z.string().nullish(),
+    googleRecaptchaKey: z.string().nullish(),
+    googleTagmanagerId: z.string().nullish(),
+    hygraphEndpoint: z.string().min(1),
+    i18n: z.array(GraphCommerceI18nConfigSchema()),
+    magentoEndpoint: z.string().min(1),
+    previewSecret: z.string().nullish(),
+    productFiltersPro: z.boolean(),
+    robotsAllow: z.boolean(),
+    singleProductRoute: z.boolean(),
+    wishlistHideForGuests: z.boolean().nullish(),
+    wishlistIgnoreProductWishlistStatus: z.boolean().nullish()
+  })
+}
+
+export function GraphCommerceDebugConfigSchema(): z.ZodObject<Properties<GraphCommerceDebugConfig>> {
+  return z.object<Properties<GraphCommerceDebugConfig>>({
+    pluginStatus: z.boolean().nullish(),
+    webpackCircularDependencyPlugin: z.boolean().nullish(),
+    webpackDuplicatesPlugin: z.boolean().nullish()
+  })
+}
+
+export function GraphCommerceI18nConfigSchema(): z.ZodObject<Properties<GraphCommerceI18nConfig>> {
+  return z.object<Properties<GraphCommerceI18nConfig>>({
+    canonicalBaseUrl: z.string().nullish(),
+    cartDisplayPricesInclTax: z.boolean().nullish(),
+    defaultLocale: z.boolean().nullish(),
+    domain: z.string().nullish(),
+    googleAnalyticsId: z.string().nullish(),
+    googleRecaptchaKey: z.string().nullish(),
+    googleTagmanagerId: z.string().nullish(),
+    hygraphLocales: z.array(z.string().min(1)).nullish(),
+    linguiLocale: z.string().nullish(),
+    locale: z.string().min(1),
+    magentoStoreCode: z.string().min(1)
+  })
+}

package/src/index.ts

@@ -1,18 +1,10 @@
-import { NextConfig } from 'next/dist/server/config-shared'
 import type React from 'react'
-import { withGraphCommerce } from './withGraphCommerce'
 
 export * from './utils/isMonorepo'
 export * from './utils/resolveDependenciesSync'
 export * from './withGraphCommerce'
-
-export function withYarn1Workspaces(packages: string[] = []): (config: NextConfig) => NextConfig {
-  return withGraphCommerce({ packages })
-}
-
-export function withYarn1Scopes(packages?: string[]): (config: NextConfig) => NextConfig {
-  return withGraphCommerce({ packages })
-}
+export * from './generated/config'
+export * from './config'
 
 export type PluginProps<P extends Record<string, unknown> = Record<string, unknown>> = P & {
   Prev: React.FC<P>

package/src/interceptors/InterceptorPlugin.ts

@@ -1,5 +1,6 @@
 import path from 'path'
 import { Compiler } from 'webpack'
+import { GraphCommerceConfig } from '../generated/config'
 import { ResolveDependency, resolveDependency } from '../utils/resolveDependency'
 import { findPlugins } from './findPlugins'
 import { generateInterceptors, GenerateInterceptorsReturn } from './generateInterceptors'
@@ -12,10 +13,10 @@ export class InterceptorPlugin {
 
   private resolveDependency: ResolveDependency
 
-  constructor() {
+  constructor(private config: GraphCommerceConfig) {
     this.resolveDependency = resolveDependency()
 
-    this.interceptors = generateInterceptors(findPlugins(), this.resolveDependency)
+    this.interceptors = generateInterceptors(findPlugins(this.config), this.resolveDependency)
     this.interceptorByDepependency = Object.fromEntries(
       Object.values(this.interceptors).map((i) => [i.dependency, i]),
     )
@@ -28,7 +29,7 @@ export class InterceptorPlugin {
 
     // After the compilation has succeeded we watch all possible plugin locations.
     compiler.hooks.afterCompile.tap('InterceptorPlugin', (compilation) => {
-      const plugins = findPlugins()
+      const plugins = findPlugins(this.config)
 
       plugins.forEach((p) => {
         const absoluteFilePath = `${path.join(