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

package/__tests__/interceptors/generateInterceptors.ts

@@ -8,8 +8,10 @@ import { resolveDependency } from '../../src/utils/resolveDependency'
 
 const projectRoot = `${process.cwd()}/examples/magento-graphcms`
 
+const startLocation = '/** @see {@link file://'
+
 const expectImport = (value: string | undefined): jest.JestMatchers<string> =>
-  expect(value?.slice(value.indexOf(`import`) - 1, value.indexOf(SOURCE_START) - 1).trim())
+  expect(value?.slice(value.indexOf(`import`) - 1, value.indexOf(startLocation) - 1).trim())
 
 const expectInterceptor = (value: string | undefined): jest.JestMatchers<string> => {
   const val = value?.slice(value.indexOf(SOURCE_END) + SOURCE_END.length).trim()
@@ -72,33 +74,31 @@ it('it generates an interceptor', async () => {
     interceptors['packages/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext']
       ?.template
   expectInterceptor(result).toMatchInlineSnapshot(`
-    "type PluginAddBraintreeMethodsInterceptorProps = DistributedOmit<
-      React.ComponentProps<typeof PluginAddBraintreeMethodsSource>,
+    "type PluginAddBraintreeMethodsProps = OmitPrev<
+      React.ComponentProps<typeof PluginAddBraintreeMethods>,
       'Prev'
     >
-    const PluginAddBraintreeMethodsInterceptor = (props: PluginAddBraintreeMethodsInterceptorProps) => {
-      return (
-        <PluginAddBraintreeMethodsSource
-          {...props}
-          Prev={PaymentMethodContextProviderOriginal as React.FC}
-        />
-      )
-    }
 
-    type PluginAddMollieMethodsInterceptorProps = DistributedOmit<
-      React.ComponentProps<typeof PluginAddMollieMethodsSource>,
-      'Prev'
-    >
-    const PluginAddMollieMethodsInterceptor = (
-      props: PluginAddBraintreeMethodsInterceptorProps & PluginAddMollieMethodsInterceptorProps,
-    ) => {
-      return (
-        <PluginAddMollieMethodsSource
-          {...props}
-          Prev={PluginAddBraintreeMethodsInterceptor as React.FC}
-        />
-      )
-    }
+    const PluginAddBraintreeMethodsInterceptor = (props: PluginAddBraintreeMethodsProps) => (
+      <PluginAddBraintreeMethods {...props} Prev={PaymentMethodContextProviderOriginal} />
+    )
+
+    type PluginAddMollieMethodsProps = PluginAddBraintreeMethodsProps &
+      OmitPrev<React.ComponentProps<typeof PluginAddMollieMethods>, 'Prev'>
+
+    const PluginAddMollieMethodsInterceptor = (props: PluginAddMollieMethodsProps) => (
+      <PluginAddMollieMethods {...props} Prev={PluginAddBraintreeMethodsInterceptor} />
+    )
+
+    /**
+     * Here you see the 'interceptor' that is applying all the configured plugins.
+     *
+     * This file is NOT meant to be modified directly and is auto-generated if the plugins or the original source changes.
+     *
+     * @see {@link file://./PaymentMethodContext.tsx} for original source file
+     * @see {PluginAddBraintreeMethods} for source of applied plugin
+     * @see {PluginAddMollieMethods} for source of applied plugin
+     */
     export const PaymentMethodContextProvider = PluginAddMollieMethodsInterceptor"
   `)
 })
@@ -125,9 +125,9 @@ it("resolves a 'root plugin' to be relative to the interceptor", async () => {
     interceptors['packages/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext']
       ?.template,
   ).toMatchInlineSnapshot(`
-    "import type { DistributedOmit } from 'type-fest'
+    "import type { DistributedOmit as OmitPrev } from 'type-fest'
 
-    import { Plugin as PluginAddPaymentMethodEnhancerSource } from '../../../plugins/AddPaymentMethodEnhancer'"
+    import { Plugin as PluginAddPaymentMethodEnhancer } from '../../../plugins/AddPaymentMethodEnhancer'"
   `)
 })
 
@@ -158,39 +158,40 @@ it('it can apply multiple plugins to a single export', async () => {
     interceptors['packages/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext']
       ?.template
   expectImport(result).toMatchInlineSnapshot(`
-    "import type { DistributedOmit } from 'type-fest'
+    "import type { DistributedOmit as OmitPrev } from 'type-fest'
 
-    import { Plugin as PluginAddAdyenMethodsSource } from '@graphcommerce/magento-payment-adyen/plugins/AddAdyenMethods'
-    import { Plugin as PluginAddMollieMethodsSource } from '@graphcommerce/mollie-magento-payment/plugins/AddMollieMethods'"
+    import { Plugin as PluginAddAdyenMethods } from '@graphcommerce/magento-payment-adyen/plugins/AddAdyenMethods'
+    import { Plugin as PluginAddMollieMethods } from '@graphcommerce/mollie-magento-payment/plugins/AddMollieMethods'"
   `)
 
   expectOriginal(result).toContain('PaymentMethodContextProviderOriginal')
 
   expectInterceptor(result).toMatchInlineSnapshot(`
-    "type PluginAddAdyenMethodsInterceptorProps = DistributedOmit<
-      React.ComponentProps<typeof PluginAddAdyenMethodsSource>,
+    "type PluginAddAdyenMethodsProps = OmitPrev<
+      React.ComponentProps<typeof PluginAddAdyenMethods>,
       'Prev'
     >
-    const PluginAddAdyenMethodsInterceptor = (props: PluginAddAdyenMethodsInterceptorProps) => {
-      return (
-        <PluginAddAdyenMethodsSource
-          {...props}
-          Prev={PaymentMethodContextProviderOriginal as React.FC}
-        />
-      )
-    }
 
-    type PluginAddMollieMethodsInterceptorProps = DistributedOmit<
-      React.ComponentProps<typeof PluginAddMollieMethodsSource>,
-      'Prev'
-    >
-    const PluginAddMollieMethodsInterceptor = (
-      props: PluginAddAdyenMethodsInterceptorProps & PluginAddMollieMethodsInterceptorProps,
-    ) => {
-      return (
-        <PluginAddMollieMethodsSource {...props} Prev={PluginAddAdyenMethodsInterceptor as React.FC} />
-      )
-    }
+    const PluginAddAdyenMethodsInterceptor = (props: PluginAddAdyenMethodsProps) => (
+      <PluginAddAdyenMethods {...props} Prev={PaymentMethodContextProviderOriginal} />
+    )
+
+    type PluginAddMollieMethodsProps = PluginAddAdyenMethodsProps &
+      OmitPrev<React.ComponentProps<typeof PluginAddMollieMethods>, 'Prev'>
+
+    const PluginAddMollieMethodsInterceptor = (props: PluginAddMollieMethodsProps) => (
+      <PluginAddMollieMethods {...props} Prev={PluginAddAdyenMethodsInterceptor} />
+    )
+
+    /**
+     * Here you see the 'interceptor' that is applying all the configured plugins.
+     *
+     * This file is NOT meant to be modified directly and is auto-generated if the plugins or the original source changes.
+     *
+     * @see {@link file://./PaymentMethodContext.tsx} for original source file
+     * @see {PluginAddAdyenMethods} for source of applied plugin
+     * @see {PluginAddMollieMethods} for source of applied plugin
+     */
     export const PaymentMethodContextProvider = PluginAddMollieMethodsInterceptor"
   `)
 })
@@ -223,18 +224,23 @@ it('it handles on duplicates gracefully', async () => {
     interceptors['packages/magento-cart-payment-method/PaymentMethodContext/PaymentMethodContext']
       ?.template
   expectInterceptor(result).toMatchInlineSnapshot(`
-    "type PluginAddBraintreeMethodsInterceptorProps = DistributedOmit<
-      React.ComponentProps<typeof PluginAddBraintreeMethodsSource>,
+    "type PluginAddBraintreeMethodsProps = OmitPrev<
+      React.ComponentProps<typeof PluginAddBraintreeMethods>,
       'Prev'
     >
-    const PluginAddBraintreeMethodsInterceptor = (props: PluginAddBraintreeMethodsInterceptorProps) => {
-      return (
-        <PluginAddBraintreeMethodsSource
-          {...props}
-          Prev={PaymentMethodContextProviderOriginal as React.FC}
-        />
-      )
-    }
+
+    const PluginAddBraintreeMethodsInterceptor = (props: PluginAddBraintreeMethodsProps) => (
+      <PluginAddBraintreeMethods {...props} Prev={PaymentMethodContextProviderOriginal} />
+    )
+
+    /**
+     * Here you see the 'interceptor' that is applying all the configured plugins.
+     *
+     * This file is NOT meant to be modified directly and is auto-generated if the plugins or the original source changes.
+     *
+     * @see {@link file://./PaymentMethodContext.tsx} for original source file
+     * @see {PluginAddBraintreeMethods} for source of applied plugin
+     */
     export const PaymentMethodContextProvider = PluginAddBraintreeMethodsInterceptor"
   `)
 })
@@ -392,28 +398,38 @@ it('adds debug logging to interceptors for components', async () => {
   )
 
   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'"
+    "import { plugin as pluginmagentoInitMemoryCache } from '@graphcommerce/magento-graphql/plugins/magentoInitMemoryCache'
+    import { plugin as pluginhygraphInitMemoryCache } 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 type { SetRequired } from 'type-fest'
     import { MigrateCache } from './components/GraphQLProvider/migrateCache'
+    export interface PreviewData {}
+    export type PreviewConfig = {
+      preview?: boolean
+      previewData?: PreviewData & Record<string, unknown>
+    }
     export type ApolloClientConfigInput = {
       storefront: GraphCommerceStorefrontConfig
       links?: ApolloLink[]
       policies?: TypePolicies[]
       migrations?: MigrateCache[]
-    }
-    export type ApolloClientConfig = Required<ApolloClientConfigInput>
+    } & PreviewConfig
+    export type ApolloClientConfig = SetRequired<
+      ApolloClientConfigInput,
+      'links' | 'policies' | 'migrations'
+    >
     export function graphqlConfigOriginal(config: ApolloClientConfigInput): ApolloClientConfig {
-      const { storefront, links = [], policies = [], migrations = [] } = config
+      const { storefront, links = [], policies = [], migrations = [], ...rest } = config
       return {
         storefront,
         links,
         policies,
         migrations,
+        ...rest,
       }
     }"
   `)
@@ -430,7 +446,7 @@ it('adds debug logging to interceptors for components', async () => {
       logOnce(
         \`🔌 Calling graphqlConfig with plugin(s): pluginmagentoInitMemoryCache wrapping pluginhygraphInitMemoryCache wrapping graphqlConfig()\`,
       )
-      return pluginhygraphInitMemoryCacheSource(graphqlConfigOriginal, ...args)
+      return pluginhygraphInitMemoryCache(graphqlConfigOriginal, ...args)
     }
     const pluginmagentoInitMemoryCacheInterceptor: typeof pluginhygraphInitMemoryCacheInterceptor = (
       ...args
@@ -438,8 +454,18 @@ it('adds debug logging to interceptors for components', async () => {
       logOnce(
         \`🔌 Calling graphqlConfig with plugin(s): pluginhygraphInitMemoryCache wrapping pluginmagentoInitMemoryCache wrapping graphqlConfig()\`,
       )
-      return pluginmagentoInitMemoryCacheSource(pluginhygraphInitMemoryCacheInterceptor, ...args)
+      return pluginmagentoInitMemoryCache(pluginhygraphInitMemoryCacheInterceptor, ...args)
     }
+
+    /**
+     * Here you see the 'interceptor' that is applying all the configured plugins.
+     *
+     * This file is NOT meant to be modified directly and is auto-generated if the plugins or the original source changes.
+     *
+     * @see {@link file://./config.ts} for original source file
+     * @see {pluginhygraphInitMemoryCache} for source of applied plugin
+     * @see {pluginmagentoInitMemoryCache} for source of applied plugin
+     */
     export const graphqlConfig = pluginmagentoInitMemoryCacheInterceptor"
   `)
 })
@@ -510,14 +536,12 @@ it('Should apply overrides to the correct file', async () => {
     interceptors['packages/magento-product/components/ProductStaticPaths/getProductStaticPaths']
       ?.template
   expectImport(result).toMatchInlineSnapshot(
-    `"import { getProductStaticPaths as getProductStaticPathsreplaceGetProductStaticPathsSource } from '../../../../plugins/replaceGetProductStaticPaths'"`,
+    `"import { getProductStaticPaths as getProductStaticPathsreplaceGetProductStaticPaths } 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',
@@ -637,10 +661,10 @@ export const Plugin = ConfigurableProductPageName
     interceptors['packages/magento-product/components/ProductPageName/ProductPageName']?.template
 
   expectImport(result).toMatchInlineSnapshot(`
-    "import type { DistributedOmit } from 'type-fest'
+    "import type { DistributedOmit as OmitPrev } from 'type-fest'
 
-    import { Plugin as PluginConfigurableProductPageNameSource } from '@graphcommerce/magento-product-configurable/plugins/ConfigurableProductPage/ConfigurableProductPageName'
-    import { ProductPageName as ProductPageNameMyPluginSource } from '../../../../plugins/MyPlugin'"
+    import { Plugin as PluginConfigurableProductPageName } from '@graphcommerce/magento-product-configurable/plugins/ConfigurableProductPage/ConfigurableProductPageName'
+    import { ProductPageName as ProductPageNameMyPlugin } from '../../../../plugins/MyPlugin'"
   `)
 
   expectOriginal(result).toMatchInlineSnapshot(`
@@ -655,25 +679,22 @@ export const Plugin = ConfigurableProductPageName
   `)
 
   expectInterceptor(result).toMatchInlineSnapshot(`
-    "type ProductPageNameMyPluginInterceptorProps = React.ComponentProps<
-      typeof ProductPageNameMyPluginSource
-    >
+    "type PluginConfigurableProductPageNameProps = React.ComponentProps<typeof ProductPageNameMyPlugin> &
+      OmitPrev<React.ComponentProps<typeof PluginConfigurableProductPageName>, 'Prev'>
 
-    type PluginConfigurableProductPageNameInterceptorProps = DistributedOmit<
-      React.ComponentProps<typeof PluginConfigurableProductPageNameSource>,
-      'Prev'
-    >
     const PluginConfigurableProductPageNameInterceptor = (
-      props: ProductPageNameMyPluginInterceptorProps &
-        PluginConfigurableProductPageNameInterceptorProps,
-    ) => {
-      return (
-        <PluginConfigurableProductPageNameSource
-          {...props}
-          Prev={ProductPageNameMyPluginSource as React.FC}
-        />
-      )
-    }
+      props: PluginConfigurableProductPageNameProps,
+    ) => <PluginConfigurableProductPageName {...props} Prev={ProductPageNameMyPlugin} />
+
+    /**
+     * Here you see the 'interceptor' that is applying all the configured plugins.
+     *
+     * This file is NOT meant to be modified directly and is auto-generated if the plugins or the original source changes.
+     *
+     * @see {@link file://./ProductPageName.tsx} for original source file
+     * @see {ProductPageNameMyPlugin} for replacement of the original source (original source not used)
+     * @see {PluginConfigurableProductPageName} for source of applied plugin
+     */
     export const ProductPageName = PluginConfigurableProductPageNameInterceptor"
   `)
 })
@@ -698,3 +719,65 @@ it('generates to a .ts file when the target file is a .ts as well', async () =>
   const interceptor = interceptors['packages/graphql/config']
   expect(interceptor.sourcePath).toBe(`packages/graphql/config.ts`)
 })
+
+it.todo('Should report an error when multiple files are overriding the same export')
+
+it('Can correctly find exports that are default exports', async () => {
+  const pluginSource = `
+    import { PluginConfig } from '@graphcommerce/next-config'
+
+    import accessibilityHuman from '@graphcommerce/next-ui/icons/accessibility-human.svg'
+    import alarm from '@graphcommerce/next-ui/icons/alarm.svg'
+
+    export const config: PluginConfig = {
+      type: 'replace',
+      module: '@graphcommerce/next-ui',
+    }
+
+    export const iconChevronLeft = accessibilityHuman
+    export const iconChevronRight = alarm
+  `
+
+  const config = {
+    demoMode: true,
+    configurableVariantForSimple: true,
+    configurableVariantValues: { content: true, gallery: true, url: true },
+  } as GraphCommerceConfig
+
+  const plugins = parseStructure(parseSync(pluginSource), config, './plugins/MyProjectIcon')
+
+  const interceptors = await generateInterceptors(plugins, resolveDependency(projectRoot))
+  expect(Object.keys(interceptors)[0]).toMatchInlineSnapshot(`"packages/next-ui/icons"`)
+
+  const result = interceptors['packages/next-ui/icons']?.template
+
+  expectImport(result).toMatchInlineSnapshot(`
+    "import { iconChevronLeft as iconChevronLeftMyProjectIcon } from '../../plugins/MyProjectIcon'
+    import { iconChevronRight as iconChevronRightMyProjectIcon } from '../../plugins/MyProjectIcon'"
+  `)
+
+  expectOriginal(result).toContain('iconChevronLeftDisabled')
+  expectOriginal(result).toContain('iconChevronRightDisabled')
+
+  expectInterceptor(result).toMatchInlineSnapshot(`
+    "/**
+     * Here you see the 'interceptor' that is applying all the configured plugins.
+     *
+     * This file is NOT meant to be modified directly and is auto-generated if the plugins or the original source changes.
+     *
+     * @see {@link file://./icons.ts} for original source file
+     * @see {iconChevronLeftMyProjectIcon} for replacement of the original source (original source not used)
+     */
+    export const iconChevronLeft = iconChevronLeftMyProjectIcon
+
+    /**
+     * Here you see the 'interceptor' that is applying all the configured plugins.
+     *
+     * This file is NOT meant to be modified directly and is auto-generated if the plugins or the original source changes.
+     *
+     * @see {@link file://./icons.ts} for original source file
+     * @see {iconChevronRightMyProjectIcon} for replacement of the original source (original source not used)
+     */
+    export const iconChevronRight = iconChevronRightMyProjectIcon"
+  `)
+})

package/__tests__/interceptors/parseStructure.ts

@@ -156,3 +156,53 @@ export const AddProductsToCartForm = EnableCrossselsPlugin
     }
   `)
 })
+
+it('parses', () => {
+  const src = `
+  import {
+  PaymentMethodContextProviderProps,
+  PaymentModule,
+} from '@graphcommerce/magento-cart-payment-method'
+import type { PluginProps } from '@graphcommerce/next-config'
+import { AdyenPaymentActionCard } from '../components/AdyenPaymentActionCard/AdyenPaymentActionCard'
+import { AdyenPaymentHandler } from '../components/AdyenPaymentHandler/AdyenPaymentHandler'
+import { HppOptions } from '../components/AdyenPaymentOptionsAndPlaceOrder/AdyenPaymentOptionsAndPlaceOrder'
+import { adyenHppExpandMethods } from '../hooks/adyenHppExpandMethods'
+
+export const adyen_hpp: PaymentModule = {
+  PaymentOptions: HppOptions,
+  PaymentPlaceOrder: () => null,
+  PaymentHandler: AdyenPaymentHandler,
+  PaymentActionCard: AdyenPaymentActionCard,
+  expandMethods: adyenHppExpandMethods,
+}
+
+export const component = 'PaymentMethodContextProvider'
+export const exported = '@graphcommerce/magento-cart-payment-method'
+
+function AddAdyenMethods(props: PluginProps<PaymentMethodContextProviderProps>) {
+  const { modules, Prev, ...rest } = props
+  return <Prev {...rest} modules={{ ...modules, adyen_hpp }} />
+}
+
+export const Plugin = AddAdyenMethods
+`
+
+  const plugins = parseStructure(
+    parseSync(src),
+    fakeconfig,
+    '@graphcommerce/magento-payment-adyen/plugins/AddAdyenMethods.tsx',
+  )
+  expect(plugins).toHaveLength(1)
+  expect(plugins[0]).toMatchInlineSnapshot(`
+    {
+      "enabled": true,
+      "sourceExport": "Plugin",
+      "sourceModule": "@graphcommerce/magento-payment-adyen/plugins/AddAdyenMethods.tsx",
+      "targetExport": "PaymentMethodContextProvider",
+      "targetModule": "@graphcommerce/magento-cart-payment-method",
+      "type": "component",
+    }
+  `)
+  expect(plugins[1]).toMatchInlineSnapshot(`undefined`)
+})

package/__tests__/utils/resolveDependenciesSync.ts

@@ -61,6 +61,10 @@ it('resolves dependences', () => {
       "@graphcommerce/eslint-config-pwa" => "packagesDev/eslint-config",
       "@graphcommerce/typescript-config-pwa" => "packagesDev/typescript-config",
       "@graphcommerce/prettier-config-pwa" => "packagesDev/prettier-config",
+      "@graphcommerce/magento-cart-pickup" => "packages/magento-cart-pickup",
+      "@graphcommerce/magento-payment-braintree" => "packages/magento-payment-braintree",
+      "@graphcommerce/mollie-magento-payment" => "packages/mollie-magento-payment",
+      "@graphcommerce/magento-payment-paypal" => "packages/magento-payment-paypal",
     }
   `)
 })

package/dist/config/commands/exportConfig.js

@@ -1,8 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.exportConfig = void 0;
 const loadConfig_1 = require("../loadConfig");
 const exportConfigToEnv_1 = require("../utils/exportConfigToEnv");
+const dotenv_1 = __importDefault(require("dotenv"));
+dotenv_1.default.config();
 // eslint-disable-next-line @typescript-eslint/require-await
 async function exportConfig() {
     const conf = (0, loadConfig_1.loadConfig)(process.cwd());

package/dist/config/commands/generateConfig.js

@@ -1,13 +1,18 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateConfig = void 0;
 const fs_1 = require("fs");
 // eslint-disable-next-line import/no-extraneous-dependencies
 const cli_1 = require("@graphql-codegen/cli");
 const core_1 = require("@swc/core");
+const dotenv_1 = __importDefault(require("dotenv"));
 const isMonorepo_1 = require("../../utils/isMonorepo");
 const resolveDependenciesSync_1 = require("../../utils/resolveDependenciesSync");
 const resolveDependency_1 = require("../../utils/resolveDependency");
+dotenv_1.default.config();
 const packages = [...(0, resolveDependenciesSync_1.resolveDependenciesSync)().values()].filter((p) => p !== '.');
 const resolve = (0, resolveDependency_1.resolveDependency)();
 const schemaLocations = packages.map((p) => `${p}/**/Config.graphqls`);

package/dist/config/commands/generateIntercetors.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.exportConfig = void 0;
+const loadConfig_1 = require("../loadConfig");
+// eslint-disable-next-line @typescript-eslint/require-await
+async function exportConfig() {
+    const conf = (0, loadConfig_1.loadConfig)(process.cwd());
+}
+exports.exportConfig = exportConfig;

package/dist/config/demoConfig.js

@@ -5,6 +5,7 @@ exports.demoConfig = {
     canonicalBaseUrl: 'https://graphcommerce.vercel.app',
     hygraphEndpoint: 'https://eu-central-1.cdn.hygraph.com/content/ckhx7xadya6xs01yxdujt8i80/master',
     magentoEndpoint: 'https://backend.reachdigital.dev/graphql',
+    magentoVersion: 246,
     storefront: [
         { locale: 'en', magentoStoreCode: 'en_US', defaultLocale: true },
         {
@@ -35,6 +36,7 @@ exports.demoConfig = {
     ],
     productFiltersPro: true,
     productFiltersLayout: 'DEFAULT',
+    productListPaginationVariant: 'COMPACT',
     compareVariant: 'ICON',
     robotsAllow: false,
     demoMode: true,
@@ -44,4 +46,7 @@ exports.demoConfig = {
     configurableVariantForSimple: true,
     configurableVariantValues: { url: true, content: true, gallery: true },
     recentlyViewedProducts: { enabled: true, maxCount: 20 },
+    breadcrumbs: false,
+    customerDeleteEnabled: true,
+    previewSecret: 'SECRET',
 };

package/dist/config/utils/mergeEnvIntoConfig.js

@@ -43,6 +43,8 @@ function configToEnvSchema(schema) {
             node = node.unwrap();
         if (node instanceof zod_1.ZodNullable)
             node = node.unwrap();
+        if (node instanceof zod_1.ZodDefault)
+            node = node.removeDefault();
         if (node instanceof zod_1.ZodObject) {
             if (path.length > 0) {
                 envSchema[(0, exports.toEnvStr)(path)] = zod_1.z
@@ -73,7 +75,12 @@ function configToEnvSchema(schema) {
             });
             return;
         }
-        if (node instanceof zod_1.ZodString || node instanceof zod_1.ZodNumber || node instanceof zod_1.ZodEnum) {
+        if (node instanceof zod_1.ZodNumber) {
+            envSchema[(0, exports.toEnvStr)(path)] = zod_1.z.coerce.number().optional();
+            envToDot[(0, exports.toEnvStr)(path)] = (0, exports.dotNotation)(path);
+            return;
+        }
+        if (node instanceof zod_1.ZodString || node instanceof zod_1.ZodEnum) {
             envSchema[(0, exports.toEnvStr)(path)] = node.optional();
             envToDot[(0, exports.toEnvStr)(path)] = (0, exports.dotNotation)(path);
             return;

package/dist/generated/config.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarGalleryConfigSchema = exports.RecentlyViewedProductsConfigSchema = exports.MagentoConfigurableVariantValuesSchema = exports.GraphCommerceStorefrontConfigSchema = exports.GraphCommerceDebugConfigSchema = exports.GraphCommerceConfigSchema = exports.DatalayerConfigSchema = exports.SidebarGalleryPaginationVariantSchema = exports.ProductFiltersLayoutSchema = exports.CompareVariantSchema = exports.definedNonNullAnySchema = exports.isDefinedNonNullAny = void 0;
+exports.SidebarGalleryConfigSchema = exports.RecentlyViewedProductsConfigSchema = exports.MagentoConfigurableVariantValuesSchema = exports.GraphCommerceStorefrontConfigSchema = exports.GraphCommerceDebugConfigSchema = exports.GraphCommerceConfigSchema = exports.DatalayerConfigSchema = exports.SidebarGalleryPaginationVariantSchema = exports.ProductFiltersLayoutSchema = exports.PaginationVariantSchema = exports.CompareVariantSchema = exports.definedNonNullAnySchema = exports.isDefinedNonNullAny = void 0;
 /* eslint-disable */
 const zod_1 = require("zod");
 const isDefinedNonNullAny = (v) => v !== undefined && v !== null;
 exports.isDefinedNonNullAny = isDefinedNonNullAny;
 exports.definedNonNullAnySchema = zod_1.z.any().refine((v) => (0, exports.isDefinedNonNullAny)(v));
 exports.CompareVariantSchema = zod_1.z.enum(['CHECKBOX', 'ICON']);
+exports.PaginationVariantSchema = zod_1.z.enum(['COMPACT', 'EXTENDED']);
 exports.ProductFiltersLayoutSchema = zod_1.z.enum(['DEFAULT', 'SIDEBAR']);
 exports.SidebarGalleryPaginationVariantSchema = zod_1.z.enum(['DOTS', 'THUMBNAILS_BOTTOM']);
 function DatalayerConfigSchema() {
@@ -17,18 +18,21 @@ function DatalayerConfigSchema() {
 exports.DatalayerConfigSchema = DatalayerConfigSchema;
 function GraphCommerceConfigSchema() {
     return zod_1.z.object({
+        breadcrumbs: zod_1.z.boolean().default(false).nullish(),
         canonicalBaseUrl: zod_1.z.string().min(1),
         cartDisplayPricesInclTax: zod_1.z.boolean().nullish(),
         compare: zod_1.z.boolean().nullish(),
-        compareVariant: exports.CompareVariantSchema.nullish(),
-        configurableVariantForSimple: zod_1.z.boolean().nullish(),
+        compareVariant: exports.CompareVariantSchema.default("ICON").nullish(),
+        configurableVariantForSimple: zod_1.z.boolean().default(false).nullish(),
         configurableVariantValues: MagentoConfigurableVariantValuesSchema().nullish(),
-        crossSellsHideCartItems: zod_1.z.boolean().nullish(),
-        crossSellsRedirectItems: zod_1.z.boolean().nullish(),
-        customerRequireEmailConfirmation: zod_1.z.boolean().nullish(),
+        crossSellsHideCartItems: zod_1.z.boolean().default(false).nullish(),
+        crossSellsRedirectItems: zod_1.z.boolean().default(false).nullish(),
+        customerAddressNoteEnable: zod_1.z.boolean().nullish(),
+        customerCompanyFieldsEnable: zod_1.z.boolean().nullish(),
+        customerDeleteEnabled: zod_1.z.boolean().nullish(),
         dataLayer: DatalayerConfigSchema().nullish(),
         debug: GraphCommerceDebugConfigSchema().nullish(),
-        demoMode: zod_1.z.boolean().nullish(),
+        demoMode: zod_1.z.boolean().default(true).nullish(),
         enableGuestCheckoutLogin: zod_1.z.boolean().nullish(),
         googleAnalyticsId: zod_1.z.string().nullish(),
         googleRecaptchaKey: zod_1.z.string().nullish(),
@@ -40,9 +44,11 @@ function GraphCommerceConfigSchema() {
         hygraphWriteAccessToken: zod_1.z.string().nullish(),
         limitSsg: zod_1.z.boolean().nullish(),
         magentoEndpoint: zod_1.z.string().min(1),
+        magentoVersion: zod_1.z.number(),
         previewSecret: zod_1.z.string().nullish(),
-        productFiltersLayout: exports.ProductFiltersLayoutSchema.nullish(),
+        productFiltersLayout: exports.ProductFiltersLayoutSchema.default("DEFAULT").nullish(),
         productFiltersPro: zod_1.z.boolean().nullish(),
+        productListPaginationVariant: exports.PaginationVariantSchema.default("COMPACT").nullish(),
         productRoute: zod_1.z.string().nullish(),
         recentlyViewedProducts: RecentlyViewedProductsConfigSchema().nullish(),
         robotsAllow: zod_1.z.boolean().nullish(),
@@ -66,6 +72,7 @@ function GraphCommerceStorefrontConfigSchema() {
     return zod_1.z.object({
         canonicalBaseUrl: zod_1.z.string().nullish(),
         cartDisplayPricesInclTax: zod_1.z.boolean().nullish(),
+        customerCompanyFieldsEnable: zod_1.z.boolean().nullish(),
         defaultLocale: zod_1.z.boolean().nullish(),
         domain: zod_1.z.string().nullish(),
         googleAnalyticsId: zod_1.z.string().nullish(),
@@ -74,7 +81,8 @@ function GraphCommerceStorefrontConfigSchema() {
         hygraphLocales: zod_1.z.array(zod_1.z.string().min(1)).nullish(),
         linguiLocale: zod_1.z.string().nullish(),
         locale: zod_1.z.string().min(1),
-        magentoStoreCode: zod_1.z.string().min(1)
+        magentoStoreCode: zod_1.z.string().min(1),
+        robotsAllow: zod_1.z.boolean().nullish()
     });
 }
 exports.GraphCommerceStorefrontConfigSchema = GraphCommerceStorefrontConfigSchema;

package/dist/index.js

@@ -21,3 +21,4 @@ __exportStar(require("./withGraphCommerce"), exports);
 __exportStar(require("./generated/config"), exports);
 __exportStar(require("./config"), exports);
 __exportStar(require("./runtimeCachingOptimizations"), exports);
+__exportStar(require("./interceptors/commands/codegenInterceptors"), exports);

package/dist/interceptors/commands/codegenInterceptors.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.codegenInterceptors = void 0;
+const loadConfig_1 = require("../../config/loadConfig");
+const resolveDependency_1 = require("../../utils/resolveDependency");
+const findPlugins_1 = require("../findPlugins");
+const generateInterceptors_1 = require("../generateInterceptors");
+const writeInterceptors_1 = require("../writeInterceptors");
+const dotenv_1 = __importDefault(require("dotenv"));
+dotenv_1.default.config();
+// eslint-disable-next-line @typescript-eslint/require-await
+async function codegenInterceptors() {
+    const conf = (0, loadConfig_1.loadConfig)(process.cwd());
+    const [plugins, errors] = (0, findPlugins_1.findPlugins)(conf);
+    const generatedInterceptors = await (0, generateInterceptors_1.generateInterceptors)(plugins, (0, resolveDependency_1.resolveDependency)(), conf.debug, true);
+    // const generated = Date.now()
+    // console.log('Generated interceptors in', generated - found, 'ms')
+    await (0, writeInterceptors_1.writeInterceptors)(generatedInterceptors);
+}
+exports.codegenInterceptors = codegenInterceptors;