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

package/__tests__/interceptors/generateInterceptors.ts

@@ -1,412 +1,700 @@
+import { GraphCommerceConfig } from '../../src/generated/config'
+import { findOriginalSource } from '../../src/interceptors/findOriginalSource'
+import { SOURCE_START, SOURCE_END } from '../../src/interceptors/generateInterceptor'
 import { generateInterceptors } from '../../src/interceptors/generateInterceptors'
+import { parseStructure } from '../../src/interceptors/parseStructure'
+import { parseSync } from '../../src/interceptors/swc'
 import { resolveDependency } from '../../src/utils/resolveDependency'
 
 const projectRoot = `${process.cwd()}/examples/magento-graphcms`
 
+const expectImport = (value: string | undefined): jest.JestMatchers<string> =>
+  expect(value?.slice(value.indexOf(`import`) - 1, value.indexOf(SOURCE_START) - 1).trim())
+
+const expectInterceptor = (value: string | undefined): jest.JestMatchers<string> => {
+  const val = value?.slice(value.indexOf(SOURCE_END) + SOURCE_END.length).trim()
+  return expect(val?.trim())
+}
+
+const expectOriginal = (value: string | undefined): jest.JestMatchers<string> =>
+  expect(
+    value
+      ?.slice(value.indexOf(SOURCE_START) + SOURCE_START.length, value.indexOf(SOURCE_END))
+      .trim(),
+  )
+
 it('it replaces paths and creates a relative path', () => {
   const resolver = resolveDependency(projectRoot)
   const resolved = resolver('@graphcommerce/magento-cart-payment-method')
-  expect(resolved.fromRoot).toMatchInlineSnapshot(`"packages/magento-cart-payment-method/index"`)
-  expect(resolved.fromModule).toBe('.')
-  expect(resolved.root).toBe('packages/magento-cart-payment-method')
+  expect(resolved?.fromRoot).toMatchInlineSnapshot(`"packages/magento-cart-payment-method/index"`)
+  expect(resolved?.fromModule).toBe('.')
+  expect(resolved?.root).toBe('packages/magento-cart-payment-method')
 
   const resolved2 = resolver(
     '@graphcommerce/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext',
   )
-  expect(resolved2.fromRoot).toMatchInlineSnapshot(
+  expect(resolved2?.fromRoot).toMatchInlineSnapshot(
     `"packages/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext"`,
   )
-  expect(resolved2.fromModule).toBe('./PaymentMethodContext')
-  expect(resolved2.root).toBe('packages/magento-cart-payment-method')
+  expect(resolved2?.fromModule).toBe('./PaymentMethodContext')
+  expect(resolved2?.root).toBe('packages/magento-cart-payment-method')
 })
 
-it('it generates an interceptor', () => {
+it('it generates an interceptor', async () => {
   const resolve = resolveDependency(projectRoot)
-  const interceptors = generateInterceptors(
+  const interceptors = await generateInterceptors(
     [
       {
-        component: 'PaymentMethodContextProvider',
+        type: 'component',
+        targetExport: 'PaymentMethodContextProvider',
+        sourceExport: 'Plugin',
         enabled: true,
-        exported: '@graphcommerce/magento-cart-payment-method/index',
-        plugin: '@graphcommerce/mollie-magento-payment/plugins/AddMollieMethods',
+        targetModule: '@graphcommerce/magento-cart-payment-method',
+        sourceModule: '@graphcommerce/mollie-magento-payment/plugins/AddMollieMethods',
       },
       {
-        component: 'PaymentMethodContextProvider',
+        type: 'component',
+        targetExport: 'PaymentMethodContextProvider',
+        sourceExport: 'Plugin',
         enabled: true,
-        exported: '@graphcommerce/magento-cart-payment-method/index',
-        plugin: '@graphcommerce/magento-payment-braintree/plugins/AddBraintreeMethods',
+        targetModule: '@graphcommerce/magento-cart-payment-method/index',
+        sourceModule: '@graphcommerce/magento-payment-braintree/plugins/AddBraintreeMethods',
       },
     ],
     resolve,
   )
 
-  expect(Object.keys(interceptors)[0]).toBe('packages/magento-cart-payment-method/index')
-
-  expect(interceptors['packages/magento-cart-payment-method/index']?.template)
-    .toMatchInlineSnapshot(`
-    "/* This file is automatically generated for @graphcommerce/magento-cart-payment-method/index */
-
-    export * from './index'
-    import { Plugin as AddBraintreeMethods } from '@graphcommerce/magento-payment-braintree/plugins/AddBraintreeMethods'
-    import { Plugin as AddMollieMethods } from '@graphcommerce/mollie-magento-payment/plugins/AddMollieMethods'
-    import { ComponentProps } from 'react'
-    import { PaymentMethodContextProvider as PaymentMethodContextProviderBase } from './index'
-
-    /**
-     * Interceptor for \`<PaymentMethodContextProvider/>\` with these plugins:
-     * 
-     * - \`@graphcommerce/magento-payment-braintree/plugins/AddBraintreeMethods\`
-     * - \`@graphcommerce/mollie-magento-payment/plugins/AddMollieMethods\`
-     */
-    type PaymentMethodContextProviderProps = ComponentProps<typeof PaymentMethodContextProviderBase>
+  expect(Object.keys(interceptors)[0]).toBe(
+    'packages/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext',
+  )
 
-    function AddBraintreeMethodsInterceptor(props: PaymentMethodContextProviderProps) {
-      return <AddBraintreeMethods {...props} Prev={PaymentMethodContextProviderBase} />
+  const result =
+    interceptors['packages/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext']
+      ?.template
+  expectInterceptor(result).toMatchInlineSnapshot(`
+    "type PluginAddBraintreeMethodsInterceptorProps = DistributedOmit<
+      React.ComponentProps<typeof PluginAddBraintreeMethodsSource>,
+      'Prev'
+    >
+    const PluginAddBraintreeMethodsInterceptor = (props: PluginAddBraintreeMethodsInterceptorProps) => {
+      return (
+        <PluginAddBraintreeMethodsSource
+          {...props}
+          Prev={PaymentMethodContextProviderOriginal as React.FC}
+        />
+      )
     }
-    function AddMollieMethodsInterceptor(props: PaymentMethodContextProviderProps) {
-      return <AddMollieMethods {...props} Prev={AddBraintreeMethodsInterceptor} />
+
+    type PluginAddMollieMethodsInterceptorProps = DistributedOmit<
+      React.ComponentProps<typeof PluginAddMollieMethodsSource>,
+      'Prev'
+    >
+    const PluginAddMollieMethodsInterceptor = (
+      props: PluginAddBraintreeMethodsInterceptorProps & PluginAddMollieMethodsInterceptorProps,
+    ) => {
+      return (
+        <PluginAddMollieMethodsSource
+          {...props}
+          Prev={PluginAddBraintreeMethodsInterceptor as React.FC}
+        />
+      )
     }
-    export const PaymentMethodContextProvider = AddMollieMethodsInterceptor
-    "
+    export const PaymentMethodContextProvider = PluginAddMollieMethodsInterceptor"
   `)
 })
 
-it('resolves a root plugin to be relative to the interceptor', () => {
-  const interceptors = generateInterceptors(
+it("resolves a 'root plugin' to be relative to the interceptor", async () => {
+  const interceptors = await generateInterceptors(
     [
       {
-        component: 'PaymentMethodContextProvider',
+        type: 'component',
+        targetExport: 'PaymentMethodContextProvider',
+        sourceExport: 'Plugin',
         enabled: true,
-        exported: '@graphcommerce/magento-cart-payment-method',
-        plugin: '@graphcommerce/magento-graphcms/plugins/AddPaymentMethodEnhancer',
+        targetModule: '@graphcommerce/magento-cart-payment-method',
+        sourceModule: './plugins/AddPaymentMethodEnhancer',
       },
     ],
     resolveDependency(projectRoot),
   )
-  expect(interceptors['packages/magento-cart-payment-method/index']?.template)
-    .toMatchInlineSnapshot(`
-    "/* This file is automatically generated for @graphcommerce/magento-cart-payment-method */
-
-    export * from '.'
-    import { Plugin as AddPaymentMethodEnhancer } from '@graphcommerce/magento-graphcms/plugins/AddPaymentMethodEnhancer'
-    import { ComponentProps } from 'react'
-    import { PaymentMethodContextProvider as PaymentMethodContextProviderBase } from '.'
-
-    /**
-     * Interceptor for \`<PaymentMethodContextProvider/>\` with these plugins:
-     * 
-     * - \`@graphcommerce/magento-graphcms/plugins/AddPaymentMethodEnhancer\`
-     */
-    type PaymentMethodContextProviderProps = ComponentProps<typeof PaymentMethodContextProviderBase>
-
-    function AddPaymentMethodEnhancerInterceptor(props: PaymentMethodContextProviderProps) {
-      return <AddPaymentMethodEnhancer {...props} Prev={PaymentMethodContextProviderBase} />
-    }
-    export const PaymentMethodContextProvider = AddPaymentMethodEnhancerInterceptor
-    "
+
+  expect(Object.keys(interceptors)[0]).toMatchInlineSnapshot(
+    `"packages/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext"`,
+  )
+  expectImport(
+    interceptors['packages/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext']
+      ?.template,
+  ).toMatchInlineSnapshot(`
+    "import type { DistributedOmit } from 'type-fest'
+
+    import { Plugin as PluginAddPaymentMethodEnhancerSource } from '../../../plugins/AddPaymentMethodEnhancer'"
   `)
 })
 
-it('it can apply multiple plugins to a single export', () => {
-  const plugins = [
-    {
-      component: 'PaymentMethodContextProvider',
-      enabled: true,
-      exported:
-        '@graphcommerce/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext',
-      plugin: '@graphcommerce/mollie-magento-payment/plugins/AddMollieMethods',
-    },
-    {
-      component: 'OneMoreComponent',
-      enabled: true,
-      exported:
-        '@graphcommerce/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext',
-      plugin: '@graphcommerce/magento-payment-braintree/plugins/AddOneMore',
-    },
-  ]
-
+it('it can apply multiple plugins to a single export', async () => {
   const resolve = resolveDependency(projectRoot)
-  const interceptors = generateInterceptors(plugins, resolve)
-  expect(
+  const interceptors = await generateInterceptors(
+    [
+      {
+        type: 'component',
+        targetExport: 'PaymentMethodContextProvider',
+        sourceExport: 'Plugin',
+        enabled: true,
+        targetModule: '@graphcommerce/magento-cart-payment-method',
+        sourceModule: '@graphcommerce/mollie-magento-payment/plugins/AddMollieMethods',
+      },
+      {
+        type: 'component',
+        targetExport: 'PaymentMethodContextProvider',
+        sourceExport: 'Plugin',
+        enabled: true,
+        targetModule: '@graphcommerce/magento-cart-payment-method',
+        sourceModule: '@graphcommerce/magento-payment-adyen/plugins/AddAdyenMethods',
+      },
+    ],
+    resolve,
+  )
+  const result =
     interceptors['packages/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext']
-      ?.template,
-  ).toMatchInlineSnapshot(`
-    "/* This file is automatically generated for @graphcommerce/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext */
-
-    export * from './PaymentMethodContext'
-    import { Plugin as AddOneMore } from '@graphcommerce/magento-payment-braintree/plugins/AddOneMore'
-    import { Plugin as AddMollieMethods } from '@graphcommerce/mollie-magento-payment/plugins/AddMollieMethods'
-    import { ComponentProps } from 'react'
-    import { 
-      PaymentMethodContextProvider as PaymentMethodContextProviderBase,
-      OneMoreComponent as OneMoreComponentBase,
-    } from './PaymentMethodContext'
-
-    /**
-     * Interceptor for \`<PaymentMethodContextProvider/>\` with these plugins:
-     * 
-     * - \`@graphcommerce/mollie-magento-payment/plugins/AddMollieMethods\`
-     */
-    type PaymentMethodContextProviderProps = ComponentProps<typeof PaymentMethodContextProviderBase>
-
-    function AddMollieMethodsInterceptor(props: PaymentMethodContextProviderProps) {
-      return <AddMollieMethods {...props} Prev={PaymentMethodContextProviderBase} />
-    }
-    export const PaymentMethodContextProvider = AddMollieMethodsInterceptor
+      ?.template
+  expectImport(result).toMatchInlineSnapshot(`
+    "import type { DistributedOmit } from 'type-fest'
 
-    /**
-     * Interceptor for \`<OneMoreComponent/>\` with these plugins:
-     * 
-     * - \`@graphcommerce/magento-payment-braintree/plugins/AddOneMore\`
-     */
-    type OneMoreComponentProps = ComponentProps<typeof OneMoreComponentBase>
+    import { Plugin as PluginAddAdyenMethodsSource } from '@graphcommerce/magento-payment-adyen/plugins/AddAdyenMethods'
+    import { Plugin as PluginAddMollieMethodsSource } from '@graphcommerce/mollie-magento-payment/plugins/AddMollieMethods'"
+  `)
 
-    function AddOneMoreInterceptor(props: OneMoreComponentProps) {
-      return <AddOneMore {...props} Prev={OneMoreComponentBase} />
+  expectOriginal(result).toContain('PaymentMethodContextProviderOriginal')
+
+  expectInterceptor(result).toMatchInlineSnapshot(`
+    "type PluginAddAdyenMethodsInterceptorProps = DistributedOmit<
+      React.ComponentProps<typeof PluginAddAdyenMethodsSource>,
+      'Prev'
+    >
+    const PluginAddAdyenMethodsInterceptor = (props: PluginAddAdyenMethodsInterceptorProps) => {
+      return (
+        <PluginAddAdyenMethodsSource
+          {...props}
+          Prev={PaymentMethodContextProviderOriginal as React.FC}
+        />
+      )
     }
-    export const OneMoreComponent = AddOneMoreInterceptor
-    "
+
+    type PluginAddMollieMethodsInterceptorProps = DistributedOmit<
+      React.ComponentProps<typeof PluginAddMollieMethodsSource>,
+      'Prev'
+    >
+    const PluginAddMollieMethodsInterceptor = (
+      props: PluginAddAdyenMethodsInterceptorProps & PluginAddMollieMethodsInterceptorProps,
+    ) => {
+      return (
+        <PluginAddMollieMethodsSource {...props} Prev={PluginAddAdyenMethodsInterceptor as React.FC} />
+      )
+    }
+    export const PaymentMethodContextProvider = PluginAddMollieMethodsInterceptor"
   `)
 })
 
-it('it handles on duplicates gracefully', () => {
-  const plugins = [
-    {
-      component: 'PaymentMethodContextProvider',
-      enabled: true,
-      exported:
-        '@graphcommerce/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext',
-      plugin: '@graphcommerce/magento-payment-braintree/plugins/AddBraintreeMethods',
-    },
-    {
-      component: 'PaymentMethodContextProvider',
-      enabled: true,
-      exported:
-        '@graphcommerce/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext',
-      plugin: '@graphcommerce/magento-payment-braintree/plugins/AddBraintreeMethods',
-    },
-  ]
-
+it('it handles on duplicates gracefully', async () => {
   const resolve = resolveDependency(projectRoot)
-  const interceptors = generateInterceptors(plugins, resolve)
-  expect(
+  const interceptors = await generateInterceptors(
+    [
+      {
+        type: 'component',
+        targetExport: 'PaymentMethodContextProvider',
+        sourceExport: 'Plugin',
+        enabled: true,
+        targetModule: '@graphcommerce/magento-cart-payment-method',
+        sourceModule: '@graphcommerce/magento-payment-braintree/plugins/AddBraintreeMethods',
+      },
+      {
+        type: 'component',
+        targetExport: 'PaymentMethodContextProvider',
+        sourceExport: 'Plugin',
+        enabled: true,
+        targetModule: '@graphcommerce/magento-cart-payment-method',
+        sourceModule: '@graphcommerce/magento-payment-braintree/plugins/AddBraintreeMethods',
+      },
+    ],
+    resolve,
+  )
+
+  const result =
     interceptors['packages/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext']
-      ?.template,
-  ).toMatchInlineSnapshot(`
-    "/* This file is automatically generated for @graphcommerce/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext */
-
-    export * from './PaymentMethodContext'
-    import { Plugin as AddBraintreeMethods } from '@graphcommerce/magento-payment-braintree/plugins/AddBraintreeMethods'
-    import { ComponentProps } from 'react'
-    import { PaymentMethodContextProvider as PaymentMethodContextProviderBase } from './PaymentMethodContext'
-
-    /**
-     * Interceptor for \`<PaymentMethodContextProvider/>\` with these plugins:
-     * 
-     * - \`@graphcommerce/magento-payment-braintree/plugins/AddBraintreeMethods\`
-     * - \`@graphcommerce/magento-payment-braintree/plugins/AddBraintreeMethods\`
-     */
-    type PaymentMethodContextProviderProps = ComponentProps<typeof PaymentMethodContextProviderBase>
-
-    function AddBraintreeMethodsInterceptor(props: PaymentMethodContextProviderProps) {
-      return <AddBraintreeMethods {...props} Prev={PaymentMethodContextProviderBase} />
+      ?.template
+  expectInterceptor(result).toMatchInlineSnapshot(`
+    "type PluginAddBraintreeMethodsInterceptorProps = DistributedOmit<
+      React.ComponentProps<typeof PluginAddBraintreeMethodsSource>,
+      'Prev'
+    >
+    const PluginAddBraintreeMethodsInterceptor = (props: PluginAddBraintreeMethodsInterceptorProps) => {
+      return (
+        <PluginAddBraintreeMethodsSource
+          {...props}
+          Prev={PaymentMethodContextProviderOriginal as React.FC}
+        />
+      )
     }
-    export const PaymentMethodContextProvider = AddBraintreeMethodsInterceptor
-    "
+    export const PaymentMethodContextProvider = PluginAddBraintreeMethodsInterceptor"
   `)
 })
 
-it('it handles root plugins', () => {
-  const plugins = [
-    {
-      component: 'AddProductsToCartForm',
-      enabled: true,
-      exported: '@graphcommerce/magento-product',
-      plugin: './plugins/EnableCrosssellsPlugin',
-    },
-  ]
+it('correctly renames all variable usages', async () => {
   const resolve = resolveDependency(projectRoot)
-  const interceptors = generateInterceptors(plugins, resolve)
+  const interceptors = await generateInterceptors(
+    [
+      {
+        enabled: true,
+        targetModule: '@graphcommerce/magento-product',
+        sourceExport: 'Plugin',
+        type: 'component',
+        targetExport: 'ProductListItem',
+        sourceModule: '@graphcommerce/magento-compare/plugins/CompareAbleProductListItem',
+      },
+    ],
+    resolve,
+  )
 
-  expect(interceptors['packages/magento-product/index']?.template).toMatchInlineSnapshot(`
-    "/* This file is automatically generated for @graphcommerce/magento-product */
+  expect(Object.keys(interceptors)[0]).toMatchInlineSnapshot(
+    `"packages/magento-product/components/ProductListItem/ProductListItem"`,
+  )
 
-    export * from '.'
-    import { Plugin as EnableCrosssellsPlugin } from '../../examples/magento-graphcms/plugins/EnableCrosssellsPlugin'
-    import { ComponentProps } from 'react'
-    import { AddProductsToCartForm as AddProductsToCartFormBase } from '.'
+  const template =
+    interceptors['packages/magento-product/components/ProductListItem/ProductListItem']?.template
+  expectOriginal(template).not.toContain('ProductListItem.selectors')
+  expectOriginal(template).toContain('ProductListItemOriginal.selectors')
+})
 
-    /**
-     * Interceptor for \`<AddProductsToCartForm/>\` with these plugins:
-     * 
-     * - \`../../examples/magento-graphcms/plugins/EnableCrosssellsPlugin\`
-     */
-    type AddProductsToCartFormProps = ComponentProps<typeof AddProductsToCartFormBase>
+it('it handles root plugins', async () => {
+  const resolve = resolveDependency(projectRoot)
+  const interceptors = await generateInterceptors(
+    [
+      {
+        type: 'component',
+        targetExport: 'AddProductsToCartForm',
+        sourceExport: 'Plugin',
+        enabled: true,
+        targetModule: '@graphcommerce/magento-product',
+        sourceModule: './plugins/EnableCrosssellsPlugin',
+      },
+    ],
+    resolve,
+  )
 
-    function EnableCrosssellsPluginInterceptor(props: AddProductsToCartFormProps) {
-      return <EnableCrosssellsPlugin {...props} Prev={AddProductsToCartFormBase} />
-    }
-    export const AddProductsToCartForm = EnableCrosssellsPluginInterceptor
-    "
-  `)
+  expect(interceptors['packages/magento-product/index']?.template).toMatchInlineSnapshot(
+    `undefined`,
+  )
 })
 
-it('it handles root plugins deeper nested', () => {
-  const plugins = [
-    {
-      component: 'OverlaySsr',
-      enabled: true,
-      exported: '@graphcommerce/next-ui/Overlay/components/OverlaySsr',
-      plugin: './plugins/EnableCrosssellsPlugin',
-    },
-  ]
+it('it handles root plugins and creates a relative path', async () => {
   const resolve = resolveDependency(projectRoot)
-  const interceptors = generateInterceptors(plugins, resolve)
+
+  const interceptors = await generateInterceptors(
+    [
+      {
+        type: 'component',
+        targetExport: 'OverlayBase',
+        sourceExport: 'Plugin',
+        enabled: true,
+        targetModule: '@graphcommerce/next-ui',
+        sourceModule: './plugins/EnableCrosssellsPlugin',
+      },
+    ],
+    resolve,
+  )
+
+  expect(Object.keys(interceptors)[0]).toMatchInlineSnapshot(
+    `"packages/next-ui/Overlay/components/OverlayBase"`,
+  )
 
   expect(
-    interceptors['packages/next-ui/Overlay/components/OverlaySsr'].components.OverlaySsr[0].plugin,
+    interceptors['packages/next-ui/Overlay/components/OverlayBase'].targetExports.OverlayBase[0]
+      .sourceModule,
   ).toMatchInlineSnapshot(`"../../../../examples/magento-graphcms/plugins/EnableCrosssellsPlugin"`)
 })
 
-it('generates method interceptors alognside component interceptors', () => {
-  const plugins = [
-    {
-      enabled: true,
-      exported: '@graphcommerce/graphql',
-      component: 'GraphQLProvider',
-      plugin: '@graphcommerce/magento-graphql/plugins/MagentoGraphqlGraphqlProvider',
-    },
-    {
-      enabled: true,
-      exported: '@graphcommerce/graphql',
-      func: 'inMemoryCache',
-      plugin: '@graphcommerce/magento-graphql/plugins/magentoInitMemoryCache',
-    },
-    {
-      enabled: true,
-      exported: '@graphcommerce/graphql',
-      func: 'inMemoryCache',
-      plugin: '@graphcommerce/magento-hygraph/plugins/hygraphInitMemoryCache',
-    },
-  ]
+it('generates method interceptors alognside component interceptors', async () => {
+  const resolve = resolveDependency(projectRoot)
+  const interceptors = await generateInterceptors(
+    [
+      {
+        enabled: true,
+        targetModule: '@graphcommerce/graphql',
+        type: 'component',
+        sourceExport: 'Plugin',
+        targetExport: 'GraphQLProvider',
+        sourceModule: '@graphcommerce/magento-graphql/plugins/MagentoGraphqlGraphqlProvider',
+      },
+      {
+        type: 'function',
+        targetExport: 'graphqlConfig',
+        enabled: true,
+        sourceExport: 'Plugin',
+        targetModule: '@graphcommerce/graphql',
+        sourceModule: '@graphcommerce/magento-graphql/plugins/magentoInitMemoryCache',
+      },
+      {
+        type: 'function',
+        targetExport: 'graphqlConfig',
+        enabled: true,
+        sourceExport: 'Plugin',
+        targetModule: '@graphcommerce/graphql',
+        sourceModule: '@graphcommerce/magento-hygraph/plugins/hygraphInitMemoryCache',
+      },
+    ],
+    resolve,
+  )
 
+  expect(Object.keys(interceptors)).toMatchInlineSnapshot(`
+    [
+      "packages/graphql/components/GraphQLProvider/GraphQLProvider",
+      "packages/graphql/config",
+    ]
+  `)
+  expect(
+    interceptors['packages/graphql/components/GraphQLProvider/GraphQLProvider']?.template,
+  ).toContain('MagentoGraphqlGraphqlProvider')
+  expect(interceptors['packages/graphql/config']?.template).toContain('magentoInitMemoryCache')
+  expect(interceptors['packages/graphql/config']?.template).toContain('hygraphInitMemoryCache')
+})
+
+it('adds debug logging to interceptors for components', async () => {
   const resolve = resolveDependency(projectRoot)
-  const interceptors = generateInterceptors(plugins, resolve)
-
-  expect(interceptors['packages/graphql/index']?.template).toMatchInlineSnapshot(`
-    "/* This file is automatically generated for @graphcommerce/graphql */
-
-    export * from '.'
-    import { Plugin as MagentoGraphqlGraphqlProvider } from '@graphcommerce/magento-graphql/plugins/MagentoGraphqlGraphqlProvider'
-    import { plugin as magentoInitMemoryCache } from '@graphcommerce/magento-graphql/plugins/magentoInitMemoryCache'
-    import { plugin as hygraphInitMemoryCache } from '@graphcommerce/magento-hygraph/plugins/hygraphInitMemoryCache'
-    import { ComponentProps } from 'react'
-    import { 
-      GraphQLProvider as GraphQLProviderBase,
-      inMemoryCache as inMemoryCacheBase,
-    } from '.'
-
-    /**
-     * Interceptor for \`<GraphQLProvider/>\` with these plugins:
-     * 
-     * - \`@graphcommerce/magento-graphql/plugins/MagentoGraphqlGraphqlProvider\`
-     */
-    type GraphQLProviderProps = ComponentProps<typeof GraphQLProviderBase>
-
-    function MagentoGraphqlGraphqlProviderInterceptor(props: GraphQLProviderProps) {
-      return <MagentoGraphqlGraphqlProvider {...props} Prev={GraphQLProviderBase} />
+  const interceptors = await generateInterceptors(
+    [
+      {
+        enabled: true,
+        targetModule: '@graphcommerce/graphql',
+        type: 'component',
+        sourceExport: 'Plugin',
+        targetExport: 'GraphQLProvider',
+        sourceModule: '@graphcommerce/magento-graphql/plugins/MagentoGraphqlGraphqlProvider',
+      },
+      {
+        type: 'function',
+        targetExport: 'graphqlConfig',
+        enabled: true,
+        sourceExport: 'plugin',
+        targetModule: '@graphcommerce/graphql',
+        sourceModule: '@graphcommerce/magento-graphql/plugins/magentoInitMemoryCache',
+      },
+      {
+        type: 'function',
+        targetExport: 'graphqlConfig',
+        enabled: true,
+        sourceExport: 'plugin',
+        targetModule: '@graphcommerce/graphql',
+        sourceModule: '@graphcommerce/magento-hygraph/plugins/hygraphInitMemoryCache',
+      },
+    ],
+    resolve,
+    { pluginStatus: true },
+  )
+
+  expectImport(interceptors['packages/graphql/config']?.template).toMatchInlineSnapshot(`
+    "import { plugin as pluginmagentoInitMemoryCacheSource } from '@graphcommerce/magento-graphql/plugins/magentoInitMemoryCache'
+    import { plugin as pluginhygraphInitMemoryCacheSource } from '@graphcommerce/magento-hygraph/plugins/hygraphInitMemoryCache'"
+  `)
+
+  expectOriginal(interceptors['packages/graphql/config']?.template).toMatchInlineSnapshot(`
+    "import { ApolloLink, TypePolicies } from '@apollo/client'
+    import type { GraphCommerceStorefrontConfig } from '@graphcommerce/next-config'
+    import { MigrateCache } from './components/GraphQLProvider/migrateCache'
+    export type ApolloClientConfigInput = {
+      storefront: GraphCommerceStorefrontConfig
+      links?: ApolloLink[]
+      policies?: TypePolicies[]
+      migrations?: MigrateCache[]
     }
-    export const GraphQLProvider = MagentoGraphqlGraphqlProviderInterceptor
-
-    /**
-     * Interceptor for \`inMemoryCache()\` with these plugins:
-     * 
-     * - \`@graphcommerce/magento-hygraph/plugins/hygraphInitMemoryCache\`
-     * - \`@graphcommerce/magento-graphql/plugins/magentoInitMemoryCache\`
-     */
-    const hygraphInitMemoryCacheInterceptor: typeof inMemoryCacheBase = (...args) => {
-      return hygraphInitMemoryCache(inMemoryCacheBase, ...args)
+    export type ApolloClientConfig = Required<ApolloClientConfigInput>
+    export function graphqlConfigOriginal(config: ApolloClientConfigInput): ApolloClientConfig {
+      const { storefront, links = [], policies = [], migrations = [] } = config
+      return {
+        storefront,
+        links,
+        policies,
+        migrations,
+      }
+    }"
+  `)
+
+  expectInterceptor(interceptors['packages/graphql/config']?.template).toMatchInlineSnapshot(`
+    "const logged: Set<string> = new Set()
+    const logOnce = (log: string, ...additional: unknown[]) => {
+      if (logged.has(log)) return
+      logged.add(log)
+      console.warn(log, ...additional)
     }
-    const magentoInitMemoryCacheInterceptor: typeof inMemoryCacheBase = (...args) => {
-      return magentoInitMemoryCache(hygraphInitMemoryCacheInterceptor, ...args)
+
+    const pluginhygraphInitMemoryCacheInterceptor: typeof graphqlConfigOriginal = (...args) => {
+      logOnce(
+        \`🔌 Calling graphqlConfig with plugin(s): pluginmagentoInitMemoryCache wrapping pluginhygraphInitMemoryCache wrapping graphqlConfig()\`,
+      )
+      return pluginhygraphInitMemoryCacheSource(graphqlConfigOriginal, ...args)
+    }
+    const pluginmagentoInitMemoryCacheInterceptor: typeof pluginhygraphInitMemoryCacheInterceptor = (
+      ...args
+    ) => {
+      logOnce(
+        \`🔌 Calling graphqlConfig with plugin(s): pluginhygraphInitMemoryCache wrapping pluginmagentoInitMemoryCache wrapping graphqlConfig()\`,
+      )
+      return pluginmagentoInitMemoryCacheSource(pluginhygraphInitMemoryCacheInterceptor, ...args)
     }
-    export const inMemoryCache = magentoInitMemoryCacheInterceptor
-    "
+    export const graphqlConfig = pluginmagentoInitMemoryCacheInterceptor"
   `)
 })
 
-it('adds debug logging to interceptors for components', () => {
-  const plugins = [
-    {
-      enabled: true,
-      exported: '@graphcommerce/graphql',
-      component: 'GraphQLProvider',
-      plugin: '@graphcommerce/magento-graphql/plugins/MagentoGraphqlGraphqlProvider',
-    },
-    {
-      enabled: true,
-      exported: '@graphcommerce/graphql',
-      func: 'inMemoryCache',
-      plugin: '@graphcommerce/magento-graphql/plugins/magentoInitMemoryCache',
-    },
+it('correctly resolves when a source can not be parsed', async () => {
+  const resolve = resolveDependency(projectRoot)
+  const interceptors = await generateInterceptors(
+    [
+      {
+        type: 'component',
+        enabled: true,
+        sourceExport: 'Plugin',
+        sourceModule: '@graphcommerce/demo-magento-graphcommerce/plugins/DemoRowLinks',
+        targetModule: '@graphcommerce/next-ui',
+        targetExport: 'RowLinks',
+      },
+    ],
+    resolve,
+    { pluginStatus: true },
+  )
+
+  expect(Object.keys(interceptors)[0]).toMatchInlineSnapshot(
+    `"packages/next-ui/Row/RowLinks/RowLinks"`,
+  )
+})
+
+it('can correctly find the source for deeper chained exports', () => {
+  const resolve = resolveDependency(projectRoot)
+  const originalSource = findOriginalSource(
     {
       enabled: true,
-      exported: '@graphcommerce/graphql',
-      func: 'inMemoryCache',
-      plugin: '@graphcommerce/magento-hygraph/plugins/hygraphInitMemoryCache',
+      sourceModule: '@graphcommerce/demo-magento-graphcommerce/plugins/DemoRowLinks',
+      sourceExport: 'Plugin',
+      targetModule: '@graphcommerce/next-ui',
+      targetExport: 'BlogTag',
+      type: 'component',
     },
-  ]
+    resolve('@graphcommerce/next-ui', { includeSources: true }),
+    resolve,
+  )
+  expect(originalSource.error).toBeUndefined()
+  expect(originalSource.resolved?.dependency).toMatchInlineSnapshot(
+    `"@graphcommerce/next-ui/Blog/BlogTags/BlogTag"`,
+  )
+})
 
+it('Should apply overrides to the correct file', async () => {
   const resolve = resolveDependency(projectRoot)
-  const interceptors = generateInterceptors(plugins, resolve, { pluginStatus: true })
-
-  expect(interceptors['packages/graphql/index']?.template).toMatchInlineSnapshot(`
-    "/* This file is automatically generated for @graphcommerce/graphql */
-
-    export * from '.'
-    import { Plugin as MagentoGraphqlGraphqlProvider } from '@graphcommerce/magento-graphql/plugins/MagentoGraphqlGraphqlProvider'
-    import { plugin as magentoInitMemoryCache } from '@graphcommerce/magento-graphql/plugins/magentoInitMemoryCache'
-    import { plugin as hygraphInitMemoryCache } from '@graphcommerce/magento-hygraph/plugins/hygraphInitMemoryCache'
-    import { ComponentProps } from 'react'
-    import { 
-      GraphQLProvider as GraphQLProviderBase,
-      inMemoryCache as inMemoryCacheBase,
-    } from '.'
-
-    const logged: Set<string> = new Set();
-    const logInterceptor = (log: string, ...additional: unknown[]) => {
-      if (logged.has(log)) return
-      logged.add(log)
-      console.log(log, ...additional)
-    }
+  const interceptors = await generateInterceptors(
+    [
+      {
+        enabled: true,
+        sourceModule: './plugins/replaceGetProductStaticPaths',
+        sourceExport: 'getProductStaticPaths',
+        targetModule: '@graphcommerce/magento-product',
+        targetExport: 'getProductStaticPaths',
+        type: 'replace',
+      },
+    ],
+    resolve,
+  )
 
-    /**
-     * Interceptor for \`<GraphQLProvider/>\` with these plugins:
-     * 
-     * - \`@graphcommerce/magento-graphql/plugins/MagentoGraphqlGraphqlProvider\`
-     */
-    type GraphQLProviderProps = ComponentProps<typeof GraphQLProviderBase>
+  expect(Object.keys(interceptors)[0]).toMatchInlineSnapshot(
+    `"packages/magento-product/components/ProductStaticPaths/getProductStaticPaths"`,
+  )
 
-    function MagentoGraphqlGraphqlProviderInterceptor(props: GraphQLProviderProps) {
-      logInterceptor(\`🔌 Rendering GraphQLProvider with plugin(s): <MagentoGraphqlGraphqlProvider/> wrapping <GraphQLProvider/>\`)
-      return <MagentoGraphqlGraphqlProvider {...props} Prev={GraphQLProviderBase} />
-    }
-    export const GraphQLProvider = MagentoGraphqlGraphqlProviderInterceptor
-
-    /**
-     * Interceptor for \`inMemoryCache()\` with these plugins:
-     * 
-     * - \`@graphcommerce/magento-hygraph/plugins/hygraphInitMemoryCache\`
-     * - \`@graphcommerce/magento-graphql/plugins/magentoInitMemoryCache\`
-     */
-    const hygraphInitMemoryCacheInterceptor: typeof inMemoryCacheBase = (...args) => {
-      logInterceptor(\`🔌 Calling inMemoryCache with plugin(s): magentoInitMemoryCache() wrapping hygraphInitMemoryCache() wrapping inMemoryCache()\`)
-      return hygraphInitMemoryCache(inMemoryCacheBase, ...args)
+  const result =
+    interceptors['packages/magento-product/components/ProductStaticPaths/getProductStaticPaths']
+      ?.template
+  expectImport(result).toMatchInlineSnapshot(
+    `"import { getProductStaticPaths as getProductStaticPathsreplaceGetProductStaticPathsSource } from '../../../../plugins/replaceGetProductStaticPaths'"`,
+  )
+
+  expectOriginal(result).toContain(`getProductStaticPathsDisabled`)
+})
+
+it('Should report an error when multiple files are overriding the same export', () => {})
+
+it('correctly reports an error for an incorrect export', async () => {
+  const fakeconfig = {
+    googleRecaptchaKey: '123',
+    googleAnalyticsId: '123',
+    demoMode: true,
+  } as GraphCommerceConfig
+
+  const src = `
+import { getSitemapPaths as getSitemapPathsType } from '@graphcommerce/magento-product'
+import { IfConfig, MethodPlugin } from '@graphcommerce/next-config'
+
+export const method = 'getSitemapPaths'
+export const exported = '@graphcommerce/magento-product'
+export const ifConfig: IfConfig = 'demoMode'
+
+export const plugin: MethodPlugin<typeof getSitemapPathsType> = (prev, ...args) => {
+  console.log('getSitemapPaths plugin ran!')
+  return prev(...args)
+}
+`
+
+  console.error = jest.fn()
+  const plugins = parseStructure(parseSync(src), fakeconfig, './plugins/MyPlugin.tsx')
+
+  // @ts-expect-error mock not typed
+  expect(console.error.mock.calls[0][0]).toMatchInlineSnapshot(
+    `"Plugin configuration invalid! See ./plugins/MyPlugin.tsx"`,
+  )
+
+  expect(plugins).toMatchInlineSnapshot(`[]`)
+  const result = await generateInterceptors(plugins, resolveDependency(projectRoot))
+
+  expect(Object.keys(result)).toMatchInlineSnapshot(`[]`)
+})
+
+it('generated a correct file if a replacement and a plugin is applied to the same export', async () => {
+  const src1 = `import { ProductPageNameProps } from '@graphcommerce/magento-product'
+import { PluginConfig } from '@graphcommerce/next-config'
+
+export const config: PluginConfig = {
+  type: 'replace',
+  module: '@graphcommerce/magento-product',
+  ifConfig: 'demoMode',
+}
+
+export function ProductPageName(props: ProductPageNameProps) {
+  const { product } = props
+  return <div>Complete overrides {product.url_key}</div>
+}
+`
+
+  const src2 = `import type { AddToCartItemSelector, ProductPageNameProps } from '@graphcommerce/magento-product'
+import type { IfConfig, PluginProps } from '@graphcommerce/next-config'
+import { useConfigurableSelectedVariant } from '../../hooks'
+
+export const component = 'ProductPageName'
+export const exported = '@graphcommerce/magento-product'
+export const ifConfig: IfConfig = 'configurableVariantValues.content'
+
+const ConfigurableProductPageName = (
+  props: PluginProps<ProductPageNameProps> & AddToCartItemSelector,
+) => {
+  const { Prev, product, index, ...rest } = props
+  const variant = useConfigurableSelectedVariant({ url_key: product.url_key, index })
+  return <Prev product={variant ?? product} {...rest} />
+}
+
+export const Plugin = ConfigurableProductPageName
+`
+
+  const config = {
+    demoMode: true,
+    configurableVariantForSimple: true,
+    configurableVariantValues: { content: true, gallery: true, url: true },
+  } as GraphCommerceConfig
+
+  const firstFile = parseStructure(parseSync(src1), config, './plugins/MyPlugin')
+
+  const secondFile = parseStructure(
+    parseSync(src2),
+    config,
+    '@graphcommerce/magento-product-configurable/plugins/ConfigurableProductPage/ConfigurableProductPageName',
+  )
+
+  const plugins = [...firstFile, ...secondFile]
+
+  expect(plugins).toMatchInlineSnapshot(`
+    [
+      {
+        "enabled": true,
+        "ifConfig": "demoMode",
+        "sourceExport": "ProductPageName",
+        "sourceModule": "./plugins/MyPlugin",
+        "targetExport": "ProductPageName",
+        "targetModule": "@graphcommerce/magento-product",
+        "type": "replace",
+      },
+      {
+        "enabled": true,
+        "ifConfig": "configurableVariantValues.content",
+        "sourceExport": "Plugin",
+        "sourceModule": "@graphcommerce/magento-product-configurable/plugins/ConfigurableProductPage/ConfigurableProductPageName",
+        "targetExport": "ProductPageName",
+        "targetModule": "@graphcommerce/magento-product",
+        "type": "component",
+      },
+    ]
+  `)
+
+  const interceptors = await generateInterceptors(plugins, resolveDependency(projectRoot))
+
+  expect(Object.keys(interceptors)[0]).toMatchInlineSnapshot(
+    `"packages/magento-product/components/ProductPageName/ProductPageName"`,
+  )
+
+  const result =
+    interceptors['packages/magento-product/components/ProductPageName/ProductPageName']?.template
+
+  expectImport(result).toMatchInlineSnapshot(`
+    "import type { DistributedOmit } from 'type-fest'
+
+    import { Plugin as PluginConfigurableProductPageNameSource } from '@graphcommerce/magento-product-configurable/plugins/ConfigurableProductPage/ConfigurableProductPageName'
+    import { ProductPageName as ProductPageNameMyPluginSource } from '../../../../plugins/MyPlugin'"
+  `)
+
+  expectOriginal(result).toMatchInlineSnapshot(`
+    "import { ProductPageNameFragment } from './ProductPageName.gql'
+    export type ProductPageNameProps = {
+      product: ProductPageNameFragment
     }
-    const magentoInitMemoryCacheInterceptor: typeof inMemoryCacheBase = (...args) => {
-      return magentoInitMemoryCache(hygraphInitMemoryCacheInterceptor, ...args)
+    export const ProductPageNameDisabled = (props: ProductPageNameProps) => {
+      const { product } = props
+      return <>{product.name}</>
+    }"
+  `)
+
+  expectInterceptor(result).toMatchInlineSnapshot(`
+    "type ProductPageNameMyPluginInterceptorProps = React.ComponentProps<
+      typeof ProductPageNameMyPluginSource
+    >
+
+    type PluginConfigurableProductPageNameInterceptorProps = DistributedOmit<
+      React.ComponentProps<typeof PluginConfigurableProductPageNameSource>,
+      'Prev'
+    >
+    const PluginConfigurableProductPageNameInterceptor = (
+      props: ProductPageNameMyPluginInterceptorProps &
+        PluginConfigurableProductPageNameInterceptorProps,
+    ) => {
+      return (
+        <PluginConfigurableProductPageNameSource
+          {...props}
+          Prev={ProductPageNameMyPluginSource as React.FC}
+        />
+      )
     }
-    export const inMemoryCache = magentoInitMemoryCacheInterceptor
-    "
+    export const ProductPageName = PluginConfigurableProductPageNameInterceptor"
   `)
 })
+
+it('generates to a .ts file when the target file is a .ts as well', async () => {
+  const resolve = resolveDependency(projectRoot)
+  const interceptors = await generateInterceptors(
+    [
+      {
+        type: 'function',
+        targetExport: 'graphqlConfig',
+        enabled: true,
+        sourceExport: 'Plugin',
+        targetModule: '@graphcommerce/graphql',
+        sourceModule: '@graphcommerce/magento-graphql/plugins/magentoInitMemoryCache',
+      },
+    ],
+    resolve,
+  )
+
+  expect(Object.keys(interceptors)[0]).toMatchInlineSnapshot(`"packages/graphql/config"`)
+  const interceptor = interceptors['packages/graphql/config']
+  expect(interceptor.sourcePath).toBe(`packages/graphql/config.ts`)
+})