@graphcommerce/next-config 9.0.0-canary.99 → 9.0.0

package/src/commands/copyFiles.ts

@@ -0,0 +1,328 @@
+/* eslint-disable no-await-in-loop */
+import fs from 'fs/promises'
+import path from 'path'
+import fg from 'fast-glob'
+import { resolveDependenciesSync } from '../utils/resolveDependenciesSync'
+
+// Add debug logging helper
+const debug = (...args: unknown[]) => {
+  if (process.env.DEBUG) console.log('[copy-files]', ...args)
+}
+
+// Add constants for the magic comments
+const MANAGED_BY_GC = '// managed by: graphcommerce'
+const MANAGED_LOCALLY = '// managed by: local'
+
+const GITIGNORE_SECTION_START = '# managed by: graphcommerce'
+const GITIGNORE_SECTION_END = '# end managed by: graphcommerce'
+
+/**
+ * Updates the .gitignore file with a list of GraphCommerce managed files
+ *
+ * - Removes any existing GraphCommerce managed files section
+ * - If managedFiles is not empty, adds a new section with the files
+ * - If managedFiles is empty, just cleans up the existing section
+ * - Ensures the file ends with a newline
+ */
+async function updateGitignore(managedFiles: string[]) {
+  const gitignorePath = path.join(process.cwd(), '.gitignore')
+  let content: string
+
+  try {
+    content = await fs.readFile(gitignorePath, 'utf-8')
+    debug('Reading existing .gitignore')
+  } catch (err) {
+    debug('.gitignore not found, creating new file')
+    content = ''
+  }
+
+  // Remove existing GraphCommerce section if it exists
+  const sectionRegex = new RegExp(
+    `${GITIGNORE_SECTION_START}[\\s\\S]*?${GITIGNORE_SECTION_END}\\n?`,
+    'g',
+  )
+  content = content.replace(sectionRegex, '')
+
+  // Only add new section if there are files to manage
+  if (managedFiles.length > 0) {
+    const newSection = [
+      GITIGNORE_SECTION_START,
+      ...managedFiles.sort(),
+      GITIGNORE_SECTION_END,
+      '', // Empty line at the end
+    ].join('\n')
+
+    // Append the new section
+    content = `${content.trim()}\n\n${newSection}`
+    debug(`Updated .gitignore with ${managedFiles.length} managed files`)
+  } else {
+    content = `${content.trim()}\n`
+    debug('Cleaned up .gitignore managed section')
+  }
+
+  await fs.writeFile(gitignorePath, content)
+}
+
+/** Determines how a file should be managed based on its content */
+function getFileManagement(content: Buffer | undefined): 'local' | 'graphcommerce' | 'unmanaged' {
+  if (!content) return 'graphcommerce'
+  const contentStr = content.toString()
+  if (contentStr.startsWith(MANAGED_LOCALLY)) return 'local'
+  if (contentStr.startsWith(MANAGED_BY_GC)) return 'graphcommerce'
+  return 'unmanaged'
+}
+
+/**
+ * The packages are @graphcommerce/* packages and have special treatment.
+ *
+ * 1. Glob the `copy/**` directory for each package and generate a list of files that need to be
+ *    copied. Error if a file with the same path exists in another package.
+ * 2. Copy the files to the project directory (cwd).
+ *
+ *    1. If the file doesn't exist: Create directories and the file with "managed by: graphcommerce"
+ *    2. If the file exists and starts with "managed by: local": Skip the file
+ *    3. If the file exists but doesn't have a management comment: Suggest adding "managed by: local"
+ *    4. If the file is managed by graphcommerce: Update if content differs
+ */
+export async function copyFiles() {
+  const startTime = performance.now()
+  debug('Starting copyFiles')
+
+  const cwd = process.cwd()
+  const deps = resolveDependenciesSync()
+  const packages = [...deps.values()].filter((p) => p !== '.')
+
+  // Track files and their source packages to detect conflicts
+  const fileMap = new Map<string, { sourcePath: string; packagePath: string }>()
+  const managedFiles = new Set<string>()
+  const existingManagedFiles = new Set<string>()
+
+  // First scan existing files to find GraphCommerce managed ones
+  const scanStart = performance.now()
+  try {
+    // Use only default patterns for testing
+    const gitignorePatterns = [
+      '**/dist/**',
+      '**/build/**',
+      '**/.next/**',
+      '**/.git/**',
+      '**/node_modules/**',
+    ]
+
+    const allFiles = await fg('**/*', {
+      cwd,
+      dot: true,
+      ignore: gitignorePatterns,
+      onlyFiles: true,
+    })
+    debug(
+      `Found ${allFiles.length} project files in ${(performance.now() - scanStart).toFixed(0)}ms`,
+    )
+
+    const readStart = performance.now()
+    await Promise.all(
+      allFiles.map(async (file) => {
+        const filePath = path.join(cwd, file)
+        try {
+          const content = await fs.readFile(filePath)
+          if (getFileManagement(content) === 'graphcommerce') {
+            existingManagedFiles.add(file)
+            debug(`Found existing managed file: ${file}`)
+          }
+        } catch (err) {
+          debug(`Error reading file ${file}:`, err)
+        }
+      }),
+    )
+    debug(
+      `Read ${existingManagedFiles.size} managed files in ${(performance.now() - readStart).toFixed(0)}ms`,
+    )
+  } catch (err) {
+    debug('Error scanning project files:', err)
+  }
+
+  // First pass: collect all files and check for conflicts
+  const collectStart = performance.now()
+  await Promise.all(
+    packages.map(async (pkg) => {
+      const copyDir = path.join(pkg, 'copy')
+      try {
+        const files = await fg('**/*', { cwd: copyDir, dot: true, suppressErrors: true })
+        if (files.length > 0) {
+          debug(`Found files in ${pkg}:`, files)
+
+          for (const file of files) {
+            const sourcePath = path.join(copyDir, file)
+            const existing = fileMap.get(file)
+
+            if (existing) {
+              console.error(`Error: File conflict detected for '${file}'
+Found in packages:
+  - ${existing.packagePath} -> ${existing.sourcePath}
+  - ${pkg} -> ${sourcePath}`)
+              process.exit(1)
+            }
+
+            fileMap.set(file, { sourcePath, packagePath: pkg })
+          }
+        }
+      } catch (err) {
+        if ((err as { code?: string }).code === 'ENOENT') return
+        console.error(
+          `Error scanning directory ${copyDir}: ${(err as Error).message}\nPath: ${copyDir}`,
+        )
+        process.exit(1)
+      }
+    }),
+  )
+  debug(`Collected ${fileMap.size} files in ${(performance.now() - collectStart).toFixed(0)}ms`)
+
+  // Second pass: copy files and handle removals
+  const copyStart = performance.now()
+  await Promise.all(
+    Array.from(fileMap.entries()).map(async ([file, { sourcePath }]) => {
+      const targetPath = path.join(cwd, file)
+      debug(`Processing file: ${file}`)
+
+      try {
+        await fs.mkdir(path.dirname(targetPath), { recursive: true })
+
+        const sourceContent = await fs.readFile(sourcePath)
+        const contentWithComment = Buffer.concat([
+          Buffer.from(
+            `${MANAGED_BY_GC}\n// to modify this file, change it to managed by: local\n\n`,
+          ),
+          sourceContent,
+        ])
+
+        let targetContent: Buffer | undefined
+
+        try {
+          targetContent = await fs.readFile(targetPath)
+
+          const management = getFileManagement(targetContent)
+          if (management === 'local') {
+            debug(`File ${file} is managed locally, skipping`)
+            return
+          }
+          if (management === 'unmanaged') {
+            console.log(
+              `Note: File ${file} has been modified. Add '${MANAGED_LOCALLY.trim()}' at the top to manage it locally.`,
+            )
+            debug(`File ${file} doesn't have management comment, skipping`)
+            return
+          }
+
+          debug(`File ${file} is managed by graphcommerce, will update if needed`)
+        } catch (err) {
+          if ((err as { code?: string }).code !== 'ENOENT') {
+            console.error(`Error reading file ${file}: ${(err as Error).message}
+Source: ${sourcePath}`)
+            process.exit(1)
+          }
+          console.log(`Creating new file: ${file}\nSource: ${sourcePath}`)
+          debug('File does not exist yet')
+        }
+
+        // Skip if content is identical (including magic comment)
+        if (targetContent && Buffer.compare(contentWithComment, targetContent) === 0) {
+          debug(`File ${file} content is identical to source, skipping`)
+          managedFiles.add(file)
+          return
+        }
+
+        // Copy the file with magic comment
+        await fs.writeFile(targetPath, contentWithComment)
+        if (targetContent) {
+          console.log(`Updated managed file: ${file}`)
+          debug(`Overwrote existing file: ${file}`)
+        }
+
+        // If the file is managed by GraphCommerce (new or updated), add it to managedFiles
+        if (!targetContent || targetContent.toString().startsWith(MANAGED_BY_GC)) {
+          managedFiles.add(file)
+          debug('Added managed file:', file)
+        }
+      } catch (err) {
+        console.error(`Error copying file ${file}: ${(err as Error).message}
+Source: ${sourcePath}`)
+        process.exit(1)
+      }
+    }),
+  )
+  debug(`Copied ${managedFiles.size} files in ${(performance.now() - copyStart).toFixed(0)}ms`)
+
+  // Remove files that are no longer provided
+  const removeStart = performance.now()
+  const filesToRemove = Array.from(existingManagedFiles).filter((file) => !managedFiles.has(file))
+  debug(`Files to remove: ${filesToRemove.length}`)
+
+  // Helper function to recursively clean up empty directories
+  async function cleanupEmptyDirs(startPath: string) {
+    let currentDir = startPath
+    while (currentDir !== cwd) {
+      try {
+        const dirContents = await fs.readdir(currentDir)
+        if (dirContents.length === 0) {
+          await fs.rmdir(currentDir)
+          debug(`Removed empty directory: ${currentDir}`)
+          currentDir = path.dirname(currentDir)
+        } else {
+          break // Stop if directory is not empty
+        }
+      } catch (err) {
+        if ((err as { code?: string }).code === 'EACCES') {
+          console.error(`Error cleaning up directory ${currentDir}: ${(err as Error).message}`)
+          process.exit(1)
+        }
+        break // Stop on other errors (like ENOENT)
+      }
+    }
+  }
+
+  // Process file removals in parallel
+  await Promise.all(
+    filesToRemove.map(async (file) => {
+      const filePath = path.join(cwd, file)
+      const dirPath = path.dirname(filePath)
+
+      try {
+        // First check if the directory exists and is accessible
+        await fs.readdir(dirPath)
+
+        // Then try to remove the file
+        try {
+          await fs.unlink(filePath)
+          console.log(`Removed managed file: ${file}`)
+          debug(`Removed file: ${file}`)
+        } catch (err) {
+          if ((err as { code?: string }).code !== 'ENOENT') {
+            console.error(`Error removing file ${file}: ${(err as Error).message}`)
+            process.exit(1)
+          }
+        }
+
+        // Finally, try to clean up empty directories
+        await cleanupEmptyDirs(dirPath)
+      } catch (err) {
+        if ((err as { code?: string }).code === 'EACCES') {
+          console.error(`Error accessing directory ${dirPath}: ${(err as Error).message}`)
+          process.exit(1)
+        }
+        // Ignore ENOENT errors for directories that don't exist
+      }
+    }),
+  )
+  debug(`Removed files in ${(performance.now() - removeStart).toFixed(0)}ms`)
+
+  // Update .gitignore with current list of managed files
+  if (managedFiles.size > 0) {
+    debug('Found managed files:', Array.from(managedFiles))
+    await updateGitignore(Array.from(managedFiles))
+  } else {
+    debug('No managed files found, cleaning up .gitignore section')
+    await updateGitignore([])
+  }
+
+  debug(`Total execution time: ${(performance.now() - startTime).toFixed(0)}ms`)
+}

package/src/config/commands/exportConfig.ts

@@ -1,6 +1,6 @@
+import dotenv from 'dotenv'
 import { loadConfig } from '../loadConfig'
 import { exportConfigToEnv } from '../utils/exportConfigToEnv'
-import dotenv from 'dotenv'
 
 dotenv.config()
 

package/src/config/commands/generateConfig.ts

@@ -1,9 +1,9 @@
-import { writeFileSync } from 'fs'
 // eslint-disable-next-line import/no-extraneous-dependencies
+import { writeFileSync } from 'fs'
 import { generate } from '@graphql-codegen/cli'
 import { transformFileSync } from '@swc/core'
 import dotenv from 'dotenv'
-import { isMonorepo } from '../../utils/isMonorepo'
+import { findParentPath } from '../../utils/isMonorepo'
 import { resolveDependenciesSync } from '../../utils/resolveDependenciesSync'
 import { resolveDependency } from '../../utils/resolveDependency'
 
@@ -42,7 +42,7 @@ export async function generateConfig() {
           },
         },
       },
-      ...(isMonorepo() && {
+      ...(findParentPath(process.cwd()) && {
         '../../docs/framework/config.md': {
           plugins: ['@graphcommerce/graphql-codegen-markdown-docs'],
         },

package/src/config/demoConfig.ts

@@ -1,13 +1,13 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-import { PartialDeep } from 'type-fest'
-import { GraphCommerceConfig } from '../generated/config'
+import type { PartialDeep } from 'type-fest'
+import type { GraphCommerceConfig, GraphCommerceStorefrontConfig } from '../generated/config'
 
 export const demoConfig: PartialDeep<GraphCommerceConfig, { recurseIntoArrays: true }> &
-  Record<string, unknown> = {
+  Record<string, unknown> & { storefront: PartialDeep<GraphCommerceStorefrontConfig>[] } = {
   canonicalBaseUrl: 'https://graphcommerce.vercel.app',
   hygraphEndpoint: 'https://eu-central-1.cdn.hygraph.com/content/ckhx7xadya6xs01yxdujt8i80/master',
-  magentoEndpoint: 'https://backend.reachdigital.dev/graphql',
-  magentoVersion: 246,
+  magentoEndpoint: 'https://configurator.reachdigital.dev/graphql',
+  magentoVersion: 247,
   storefront: [
     { locale: 'en', magentoStoreCode: 'en_US', defaultLocale: true },
     {

package/src/config/index.ts

@@ -1,5 +1,5 @@
 import type { Path, PathValue } from 'react-hook-form'
-import { GraphCommerceConfig } from '../generated/config'
+import type { GraphCommerceConfig } from '../generated/config'
 
 export * from './commands/generateConfig'
 export * from './commands/exportConfig'

package/src/config/utils/exportConfigToEnv.ts

@@ -1,4 +1,4 @@
-import { GraphCommerceConfig } from '../../generated/config'
+import type { GraphCommerceConfig } from '../../generated/config'
 import { toEnvStr } from './mergeEnvIntoConfig'
 
 const fmt = (value: string | number | boolean | object | null) => {

package/src/config/utils/mergeEnvIntoConfig.ts

@@ -1,29 +1,27 @@
 /* eslint-disable import/no-extraneous-dependencies */
-import { mergeDeep, cloneDeep } from '@apollo/client/utilities'
+import { cloneDeep, mergeDeep } from '@apollo/client/utilities'
 import chalk from 'chalk'
 import { get, set } from 'lodash'
 import snakeCase from 'lodash/snakeCase'
+import type { ZodAny, ZodRawShape, ZodTypeAny } from 'zod'
 import {
   z,
-  ZodObject,
-  ZodBoolean,
   ZodArray,
-  ZodString,
-  ZodNumber,
-  ZodNullable,
-  ZodOptional,
+  ZodBoolean,
+  ZodDefault,
   ZodEffects,
-  ZodRawShape,
   ZodEnum,
-  ZodTypeAny,
-  ZodAny,
-  ZodDefault,
+  ZodNullable,
+  ZodNumber,
+  ZodObject,
+  ZodOptional,
+  ZodString,
 } from 'zod'
 import diff from './diff'
 
 const fmt = (s: string) => s.split(/(\d+)/).map(snakeCase).join('')
 export const toEnvStr = (path: string[]) => ['GC', ...path].map(fmt).join('_').toUpperCase()
-export const dotNotation = (pathParts: string[]) =>
+const dotNotation = (pathParts: string[]) =>
   pathParts
     .map((v) => {
       const idx = Number(v)
@@ -69,7 +67,7 @@ export function configToEnvSchema(schema: ZodNode) {
         envSchema[toEnvStr(path)] = z
           .string()
           .optional()
-          .refine(isJSON, { message: `Invalid JSON` })
+          .refine(isJSON, { message: 'Invalid JSON' })
           .transform((val) => (val ? JSON.parse(val) : val))
         envToDot[toEnvStr(path)] = dotNotation(path)
       }
@@ -89,7 +87,7 @@ export function configToEnvSchema(schema: ZodNode) {
         envSchema[toEnvStr(path)] = z
           .string()
           .optional()
-          .refine(isJSON, { message: `Invalid JSON` })
+          .refine(isJSON, { message: 'Invalid JSON' })
           .transform((val) => (val ? JSON.parse(val) : val))
         envToDot[toEnvStr(path)] = dotNotation(path)
       }
@@ -146,7 +144,7 @@ export type ApplyResultItem = {
 }
 export type ApplyResult = ApplyResultItem[]
 
-export const filterEnv = (env: Record<string, string | undefined>) =>
+const filterEnv = (env: Record<string, string | undefined>) =>
   Object.fromEntries(Object.entries(env).filter(([key]) => key.startsWith('GC_')))
 
 export function mergeEnvIntoConfig(
@@ -209,7 +207,7 @@ export function formatAppliedEnv(applyResult: ApplyResult) {
   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 envVariableFmt = `${envVar}`
     const dotVariableFmt = chalk.bold.underline(`${dotVar}`)
 
     const baseLog = `${envVariableFmt} => ${dotVariableFmt}`
@@ -225,18 +223,17 @@ export function formatAppliedEnv(applyResult: ApplyResult) {
 
     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}`
+    if (from === undefined && to === undefined) return ` = ${baseLog}: (ignored)`
+    if (from === undefined && to !== undefined) return ` ${chalk.green('+')} ${baseLog}`
+    if (from !== undefined && to === undefined) return ` ${chalk.red('-')} ${baseLog}`
+    return ` ${chalk.yellowBright('~')} ${baseLog}`
   })
 
-  let header = chalk.blueBright(`info`)
-  if (hasWarning) header = chalk.yellowBright(`warning`)
-  if (hasError) header = chalk.yellowBright(`error`)
+  let header = chalk.blueBright('info')
+  if (hasWarning) header = chalk.yellowBright('warning')
+  if (hasError) header = chalk.yellowBright('error')
 
-  header += `   - Loaded GraphCommerce env variables`
+  header += '   - Loaded GraphCommerce env variables'
 
   return [header, ...lines].join('\n')
 }

package/src/config/utils/replaceConfigInString.ts

@@ -1,4 +1,4 @@
-import { GraphCommerceConfig } from '../../generated/config'
+import type { GraphCommerceConfig } from '../../generated/config'
 import { configToImportMeta } from './configToImportMeta'
 
 export function replaceConfigInString(str: string, config: Partial<GraphCommerceConfig>) {

package/src/config/utils/rewriteLegacyEnv.ts

@@ -1,6 +1,7 @@
 import cloneDeep from 'lodash/cloneDeep'
-import { GraphCommerceConfig } from '../../generated/config'
-import { ApplyResult, mergeEnvIntoConfig, ZodNode } from './mergeEnvIntoConfig'
+import type { GraphCommerceConfig } from '../../generated/config'
+import type { ApplyResult, ZodNode } from './mergeEnvIntoConfig'
+import { mergeEnvIntoConfig } from './mergeEnvIntoConfig'
 
 export function rewriteLegacyEnv(
   schema: ZodNode,
@@ -24,7 +25,7 @@ export function rewriteLegacyEnv(
   function notUsed() {
     return (envVar: string, envValue: string) => {
       applied.push({
-        warning: [`should be removed`],
+        warning: ['should be removed'],
         envVar,
         envValue,
       })
@@ -38,7 +39,7 @@ export function rewriteLegacyEnv(
     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`,
+          '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,

package/src/generated/config.ts

@@ -25,6 +25,11 @@ export type CompareVariant =
   | 'CHECKBOX'
   | 'ICON';
 
+/** Configure whether the layout should be full width or should be constrained by a max breakpoint. Configurable in theme.ts */
+export type ContainerSizing =
+  | 'BREAKPOINT'
+  | 'FULL_WIDTH';
+
 export type CustomerAccountPermissions =
   | 'DISABLED'
   | 'DISABLE_REGISTRATION'
@@ -157,6 +162,10 @@ export type GraphCommerceConfig = {
    * Enabling options here will allow switching of those variants.
    */
   configurableVariantValues?: InputMaybe<MagentoConfigurableVariantValues>;
+  /** Configures the max width of the content (main content area) */
+  containerSizingContent?: InputMaybe<ContainerSizing>;
+  /** Configures the max width of the shell (header, footer, overlays, etc.) */
+  containerSizingShell?: InputMaybe<ContainerSizing>;
   /**
    * Determines if cross sell items should be shown when the user already has the product in their cart. This will result in a product will popping off the screen when you add it to the cart.
    *
@@ -215,6 +224,8 @@ export type GraphCommerceConfig = {
    * To override the value for a specific locale, configure in i18n config.
    */
   googleAnalyticsId?: InputMaybe<Scalars['String']['input']>;
+  /** To create an assetlinks.json file for the Android app. */
+  googlePlaystore?: InputMaybe<GraphCommerceGooglePlaystoreConfig>;
   /**
    * Google reCAPTCHA site key.
    * When using reCAPTCHA, this value is required, even if you are configuring different values for each locale.
@@ -348,6 +359,8 @@ export type GraphCommerceConfig = {
 
 /** Debug configuration for GraphCommerce */
 export type GraphCommerceDebugConfig = {
+  /** Enable debugging interface to debug sessions */
+  cart?: InputMaybe<Scalars['Boolean']['input']>;
   /** Reports which plugins are enabled or disabled. */
   pluginStatus?: InputMaybe<Scalars['Boolean']['input']>;
   /** Enable debugging interface to debug sessions */
@@ -369,6 +382,15 @@ export type GraphCommerceDebugConfig = {
   webpackDuplicatesPlugin?: InputMaybe<Scalars['Boolean']['input']>;
 };
 
+/** See https://developer.android.com/training/app-links/verify-android-applinks#web-assoc */
+export type GraphCommerceGooglePlaystoreConfig = {
+  /** The package name of the Android app. */
+  packageName: Scalars['String']['input'];
+  /** The sha256 certificate fingerprint of the Android app. */
+  sha256CertificateFingerprint: Scalars['String']['input'];
+};
+
+/** Permissions input */
 export type GraphCommercePermissions = {
   /** Changes the availability of the add to cart buttons and the cart page to either customer only or completely disables it. */
   cart?: InputMaybe<CartPermissions>;
@@ -376,6 +398,7 @@ export type GraphCommercePermissions = {
   checkout?: InputMaybe<CartPermissions>;
   /** Enables / disabled the account section of the website. DISABLE_REGISTRATION will only disable the registration page. */
   customerAccount?: InputMaybe<CustomerAccountPermissions>;
+  /** Allows the option to require login or completely disable the site. */
   website?: InputMaybe<WebsitePermissions>;
 };
 
@@ -508,6 +531,8 @@ export const CartPermissionsSchema = z.enum(['CUSTOMER_ONLY', 'DISABLED', 'ENABL
 
 export const CompareVariantSchema = z.enum(['CHECKBOX', 'ICON']);
 
+export const ContainerSizingSchema = z.enum(['BREAKPOINT', 'FULL_WIDTH']);
+
 export const CustomerAccountPermissionsSchema = z.enum(['DISABLED', 'DISABLE_REGISTRATION', 'ENABLED']);
 
 export const PaginationVariantSchema = z.enum(['COMPACT', 'EXTENDED']);
@@ -533,6 +558,8 @@ export function GraphCommerceConfigSchema(): z.ZodObject<Properties<GraphCommerc
     compareVariant: CompareVariantSchema.default("ICON").nullish(),
     configurableVariantForSimple: z.boolean().default(false).nullish(),
     configurableVariantValues: MagentoConfigurableVariantValuesSchema().nullish(),
+    containerSizingContent: ContainerSizingSchema.default("FULL_WIDTH").nullish(),
+    containerSizingShell: ContainerSizingSchema.default("FULL_WIDTH").nullish(),
     crossSellsHideCartItems: z.boolean().default(false).nullish(),
     crossSellsRedirectItems: z.boolean().default(false).nullish(),
     customerAddressNoteEnable: z.boolean().nullish(),
@@ -544,6 +571,7 @@ export function GraphCommerceConfigSchema(): z.ZodObject<Properties<GraphCommerc
     demoMode: z.boolean().default(true).nullish(),
     enableGuestCheckoutLogin: z.boolean().nullish(),
     googleAnalyticsId: z.string().nullish(),
+    googlePlaystore: GraphCommerceGooglePlaystoreConfigSchema().nullish(),
     googleRecaptchaKey: z.string().nullish(),
     googleTagmanagerId: z.string().nullish(),
     hygraphEndpoint: z.string().min(1),
@@ -570,6 +598,7 @@ export function GraphCommerceConfigSchema(): z.ZodObject<Properties<GraphCommerc
 
 export function GraphCommerceDebugConfigSchema(): z.ZodObject<Properties<GraphCommerceDebugConfig>> {
   return z.object({
+    cart: z.boolean().nullish(),
     pluginStatus: z.boolean().nullish(),
     sessions: z.boolean().nullish(),
     webpackCircularDependencyPlugin: z.boolean().nullish(),
@@ -577,6 +606,13 @@ export function GraphCommerceDebugConfigSchema(): z.ZodObject<Properties<GraphCo
   })
 }
 
+export function GraphCommerceGooglePlaystoreConfigSchema(): z.ZodObject<Properties<GraphCommerceGooglePlaystoreConfig>> {
+  return z.object({
+    packageName: z.string().min(1),
+    sha256CertificateFingerprint: z.string().min(1)
+  })
+}
+
 export function GraphCommercePermissionsSchema(): z.ZodObject<Properties<GraphCommercePermissions>> {
   return z.object({
     cart: CartPermissionsSchema.nullish(),

package/src/index.ts

@@ -1,15 +1,18 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type React from 'react'
 import type { Path, PathValue } from 'react-hook-form'
-import { GraphCommerceConfig } from './generated/config'
+import type { GraphCommerceConfig } from './generated/config'
+
 export * from './utils/isMonorepo'
 export * from './utils/resolveDependenciesSync'
 export * from './utils/packageRoots'
+export * from './utils/sig'
 export * from './withGraphCommerce'
 export * from './generated/config'
 export * from './config'
-export * from './runtimeCachingOptimizations'
 export * from './interceptors/commands/codegenInterceptors'
+export * from './commands/copyFiles'
+export * from './commands/codegen'
 
 export type PluginProps<P extends Record<string, unknown> = Record<string, unknown>> = P & {
   Prev: React.FC<P>
@@ -20,9 +23,7 @@ export type FunctionPlugin<T extends (...args: any[]) => any> = (
   ...args: Parameters<T>
 ) => ReturnType<T>
 
-/**
- * @deprecated use FunctionPlugin instead
- */
+/** @deprecated Use FunctionPlugin instead */
 export type MethodPlugin<T extends (...args: any[]) => any> = (
   prev: T,
   ...args: Parameters<T>