@graphcommerce/cli 9.1.0-canary.55 → 10.0.0-canary.57

package/CHANGELOG.md

@@ -1,5 +1,87 @@
 # @graphcommerce/cli
 
+## 10.0.0-canary.57
+
+## 10.0.0-canary.56
+
+### Major Changes
+
+- [#2546](https://github.com/graphcommerce-org/graphcommerce/pull/2546) [`ed9332a`](https://github.com/graphcommerce-org/graphcommerce/commit/ed9332a7f78966d932041d9a7725641edc92b28d) - ## GraphCommerce 10 - Turbopack Support
+
+  This major release brings full Turbopack compatibility, dramatically improving development speed.
+
+  ### 🚀 Turbopack-Compatible Interceptor System
+
+  The entire plugin/interceptor system has been rewritten to work with Turbopack:
+
+  - **No more Webpack plugins** - Removed `InterceptorPlugin` webpack plugin entirely
+  - **File-based interception** - Original files are moved to `.original.tsx` and replaced with interceptor content
+  - **Direct imports** - Interceptors import from `.original` files instead of embedding source
+  - **New CLI commands**:
+    - `graphcommerce codegen-interceptors` - Generate interceptor files
+    - `graphcommerce cleanup-interceptors` - Reset interceptor system, restore original files
+  - **Stable file hashing** - Deterministic interceptor generation for better caching
+
+  ### ⚙️ Treeshakable Configuration System
+
+  Replaced Webpack `DefinePlugin`-based `import.meta.graphCommerce` with a new generated configuration system:
+
+  - **New `codegen-config-values` command** - Generates TypeScript files with precise typing
+  - **Schema-driven** - Dynamically introspects Zod schemas to determine all available properties
+  - **Fully treeshakable** - Unused config values are eliminated from the bundle
+  - **Type-safe** - Uses `Get<GraphCommerceConfig, 'path'>` for nested property access
+  - **Separate files for nested objects** - Optimal treeshaking for complex configurations
+
+  ### 🔧 withGraphCommerce Changes
+
+  - **Removed** `InterceptorPlugin` - No longer needed with file-based interception
+  - **Removed** `DefinePlugin` for `import.meta.graphCommerce` - Replaced with generated config
+  - **Removed** `@mui/*` alias rewrites - No longer required
+  - **Added** Turbopack loader rules for `.yaml`, `.yml`, and `.po` files
+  - **Added** `serverExternalPackages` for all `@whatwg-node/*` packages
+  - **Added** `optimizePackageImports` for better bundle optimization
+  - **Added** `images.qualities: [52, 75]` for Next.js image optimization
+
+  ### 📦 Lingui Configuration
+
+  - **Renamed** `lingui.config.js` → `lingui.config.ts` with TypeScript support
+  - **Updated** `@graphcommerce/lingui-next/config` to TypeScript with proper exports
+  - **Simplified** formatter options
+
+  ### ⚛️ React 19 & Next.js 16 Compatibility
+
+  - Updated `RefObject<T>` types for React 19 (now includes `null` by default)
+  - Replaced deprecated `React.VFC` with `React.FC`
+  - Fixed `useRef` calls to require explicit initial values
+  - Updated `MutableRefObject` usage in `framer-scroller`
+
+  ### 📋 ESLint 9 Flat Config
+
+  - Migrated from legacy `.eslintrc` to new flat config format (`eslint.config.mjs`)
+  - Updated `@typescript-eslint/*` packages to v8
+  - Fixed AST selector for `SxProps` rule (`typeParameters` → `typeArguments`)
+
+  ### 🔄 Apollo Client
+
+  - Fixed deprecated `name` option → `clientAwareness: { name: 'ssr' }`
+  - Updated error handling types to accept `ApolloError | null | undefined`
+
+  ### ⚠️ Breaking Changes
+
+  - **Node.js 24.x not supported** - Restricted to `>=20 <24.0.0` due to [nodejs/undici#4290](https://github.com/nodejs/undici/issues/4290)
+  - **Interceptor files changed** - Original components now at `.original.tsx`
+  - **Config access changed** - Use generated config values instead of `import.meta.graphCommerce`
+  - **ESLint config format** - Must use flat config (`eslint.config.mjs`)
+  - **Lingui config** - Rename `lingui.config.js` to `lingui.config.ts`
+
+  ### 🗑️ Removed
+
+  - `InterceptorPlugin` webpack plugin
+  - `configToImportMeta` utility
+  - Webpack `DefinePlugin` usage for config
+  - `@mui/*` modern alias rewrites
+  - Debug plugins (`CircularDependencyPlugin`, `DuplicatesPlugin`) ([@paales](https://github.com/paales))
+
 ## 9.1.0-canary.55
 
 ## 9.1.0-canary.54

package/dist/bin/codegen.js

@@ -1,14 +1,15 @@
 #!/usr/bin/env node
-import fs from 'node:fs/promises';
-import path from 'node:path';
+import fs from 'fs/promises';
+import path from 'path';
 import { resolveDependenciesSync, packageRoots } from '@graphcommerce/next-config';
 import { cliError, loadCodegenConfig, runCli } from '@graphql-codegen/cli';
 import dotenv from 'dotenv';
+import glob from 'fast-glob';
 import { rimraf } from 'rimraf';
 import yaml from 'yaml';
 
 const [, , cmd] = process.argv;
-dotenv.config();
+dotenv.config({ quiet: true });
 const root = process.cwd();
 const configLocation = path.join(root, "._tmp_codegen.yml");
 async function cleanup() {
@@ -23,7 +24,12 @@ async function cleanup() {
 }
 function appendDocumentLocations(conf, packages) {
   const documents = Array.isArray(conf.documents) ? conf.documents : [conf.documents];
-  documents.push(...packages.map((p) => `${p}/**/*.graphql`));
+  const packagePatterns = packages.map((p) => `${p}/**/*.graphql`);
+  const resolvedFiles = glob.sync(packagePatterns, {
+    ignore: ["**/node_modules/**"],
+    followSymbolicLinks: false
+  });
+  documents.push(...resolvedFiles);
   return conf;
 }
 async function main() {

package/dist/bin/graphcommerce.js

@@ -2,8 +2,10 @@
 const commands = {
   codegen: () => import('@graphcommerce/next-config').then((m) => m.codegen),
   "codegen-config": () => import('@graphcommerce/next-config').then((m) => m.generateConfig),
+  "codegen-config-values": () => import('@graphcommerce/next-config').then((m) => m.generateConfigValues),
   "copy-files": () => import('@graphcommerce/next-config').then((m) => m.copyFiles),
   "codegen-interceptors": () => import('@graphcommerce/next-config').then((m) => m.codegenInterceptors),
+  "cleanup-interceptors": () => import('@graphcommerce/next-config').then((m) => m.cleanupInterceptors),
   "export-config": () => import('@graphcommerce/next-config').then((m) => m.exportConfig),
   "hygraph-migrate": () => import('@graphcommerce/hygraph-cli').then((m) => m.migrateHygraph)
 };

package/dist/bin/is-monorepo.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-import { spawn } from 'node:child_process';
-import path from 'node:path';
+import { spawn } from 'child_process';
+import path from 'path';
 import { findParentPath } from '@graphcommerce/next-config';
 import { detect } from 'detect-package-manager';
 

package/dist/bin/mesh.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
-import { promises } from 'node:fs';
-import path$1 from 'node:path';
-import { exit } from 'node:process';
+import { promises } from 'fs';
+import path from 'path';
+import { exit } from 'process';
 import { loadConfig, resolveDependenciesSync, sig, packageRoots, replaceConfigInString } from '@graphcommerce/next-config';
 import { DEFAULT_CLI_PARAMS, graphqlMesh } from '@graphql-mesh/cli';
 import { defaultImportFn, DefaultLogger, loadYaml, fileURLToPath } from '@graphql-mesh/utils';
@@ -9,7 +9,6 @@ import dotenv from 'dotenv';
 import 'tsx/cjs';
 import 'tsx/esm';
 import yaml from 'yaml';
-import path from 'path';
 import { cosmiconfig, defaultLoaders } from 'cosmiconfig';
 
 function customLoader(ext, importFn = defaultImportFn, initialLoggerPrefix = "\u{1F578}\uFE0F  Mesh") {
@@ -72,7 +71,7 @@ async function findConfig(options) {
   return config;
 }
 
-dotenv.config();
+dotenv.config({ quiet: true });
 function resolvePath(pathStr) {
   return fileURLToPath(import.meta.resolve(pathStr));
 }
@@ -82,14 +81,14 @@ function handleFatalError(e, logger = new DefaultLogger("\u25C8")) {
   if (process.env.JEST == null) exit(1);
 }
 const root = process.cwd();
-const meshDir = path$1.dirname(resolvePath("@graphcommerce/graphql-mesh"));
-const relativePath = path$1.join(path$1.relative(meshDir, root), "/");
+const meshDir = path.dirname(resolvePath("@graphcommerce/graphql-mesh"));
+const relativePath = path.join(path.relative(meshDir, root), "/");
 const cliParams = {
   ...DEFAULT_CLI_PARAMS,
   playgroundTitle: "GraphCommerce\xAE Mesh"
 };
 const tmpMesh = "_tmp_mesh";
-const tmpMeshLocation = path$1.join(root, `.${tmpMesh}rc.yml`);
+const tmpMeshLocation = path.join(root, `.${tmpMesh}rc.yml`);
 async function cleanup() {
   try {
     await promises.stat(tmpMeshLocation).then((r) => {
@@ -103,7 +102,7 @@ async function cleanup() {
 const main = async () => {
   const baseConf = await findConfig({});
   const graphCommerce = loadConfig(root);
-  const meshConfigf = await import('@graphcommerce/graphql-mesh/meshConfig.interceptor');
+  const meshConfigf = await import('@graphcommerce/graphql-mesh/meshConfig');
   const conf = meshConfigf.default.meshConfig(baseConf, graphCommerce);
   conf.customFetch = "@graphcommerce/graphql-mesh/customFetch";
   conf.serve = { ...conf.serve, endpoint: "/api/graphql" };
@@ -111,7 +110,7 @@ const main = async () => {
   conf.additionalResolvers = conf.additionalResolvers?.map((additionalResolver) => {
     if (typeof additionalResolver !== "string") return additionalResolver;
     if (additionalResolver.startsWith("@"))
-      return path$1.relative(root, resolvePath(additionalResolver));
+      return path.relative(root, resolvePath(additionalResolver));
     return additionalResolver;
   });
   conf.sources = conf.sources.map((source) => {
@@ -123,7 +122,7 @@ const main = async () => {
           if (key === "openapi" && value) {
             const openapi = value;
             if (openapi.source.startsWith("@")) {
-              return [key, { ...openapi, source: path$1.relative(root, resolvePath(openapi.source)) }];
+              return [key, { ...openapi, source: path.relative(root, resolvePath(openapi.source)) }];
             }
           }
           return [key, value];
@@ -134,7 +133,7 @@ const main = async () => {
   if (!conf.additionalTypeDefs) conf.additionalTypeDefs = [];
   conf.additionalTypeDefs = (Array.isArray(conf.additionalTypeDefs) ? conf.additionalTypeDefs : [conf.additionalTypeDefs]).map((additionalTypeDef) => {
     if (typeof additionalTypeDef === "string" && additionalTypeDef.startsWith("@"))
-      return path$1.relative(root, resolvePath(additionalTypeDef));
+      return path.relative(root, resolvePath(additionalTypeDef));
     return additionalTypeDef;
   });
   conf.additionalTypeDefs.push("graphql/**/*.graphqls");
@@ -169,14 +168,14 @@ const main = async () => {
   await promises.writeFile(tmpMeshLocation, yamlString);
   await promises.writeFile(
     `${meshDir}/.mesh.ts`,
-    `export type * from '${relativePath.split(path$1.sep).join("/")}.mesh'
+    `export type * from '${relativePath.split(path.sep).join("/")}.mesh'
 export {
   getBuiltMesh as getBuiltMeshBase,
   execute,
   subscribe,
   createBuiltMeshHTTPHandler as createBuiltMeshHTTPHandlerBase,
   rawServeConfig,
-} from '${relativePath.split(path$1.sep).join("/")}.mesh'`,
+} from '${relativePath.split(path.sep).join("/")}.mesh'`,
     { encoding: "utf8" }
   );
   await graphqlMesh({ ...cliParams, configName: tmpMesh });

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/cli",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.1.0-canary.55",
+  "version": "10.0.0-canary.57",
   "scripts": {
     "dev": "pkgroll --clean-dist --watch",
     "build": "pkgroll --clean-dist",
@@ -22,29 +22,31 @@
     "is-monorepo": "dist/bin/is-monorepo.js"
   },
   "dependencies": {
-    "@graphql-codegen/cli": "5.0.5",
+    "@graphql-codegen/cli": "6.1.0",
     "cosmiconfig": "^8.3.6",
     "detect-package-manager": "^3.0.2",
-    "dotenv": "16.4.7",
-    "graphql": "^16.10.0",
-    "graphql-codegen-typescript-validation-schema": "^0.17.0",
+    "dotenv": "16.6.1",
+    "fast-glob": "^3.3.3",
+    "graphql": "^16.12.0",
+    "graphql-codegen-typescript-validation-schema": "^0.18.1",
     "graphql-tag": "^2.12.6",
     "rimraf": "^5.0.10",
     "tslib": "^2.8.1",
-    "tsx": "^4.19.2",
-    "yaml": "2.6.1"
+    "tsx": "^4.21.0",
+    "yaml": "2.8.2",
+    "zod": "^3.25.76"
   },
   "peerDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.55",
-    "@graphcommerce/graphql-mesh": "^9.1.0-canary.55",
-    "@graphcommerce/hygraph-cli": "^9.1.0-canary.55",
-    "@graphcommerce/next-config": "^9.1.0-canary.55",
-    "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.55",
-    "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.55",
+    "@graphcommerce/eslint-config-pwa": "^10.0.0-canary.57",
+    "@graphcommerce/graphql-mesh": "^10.0.0-canary.57",
+    "@graphcommerce/hygraph-cli": "^10.0.0-canary.57",
+    "@graphcommerce/next-config": "^10.0.0-canary.57",
+    "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.57",
+    "@graphcommerce/typescript-config-pwa": "^10.0.0-canary.57",
     "@graphql-mesh/cli": "*",
     "@graphql-mesh/types": "*",
     "@graphql-mesh/utils": "*",
-    "react": "^18.2.0"
+    "react": "^19.2.0"
   },
   "peerDependenciesMeta": {
     "@graphcommerce/hygraph-cli": {
@@ -63,6 +65,6 @@
     }
   },
   "devDependencies": {
-    "pkgroll": "^2.5.1"
+    "pkgroll": "^2.21.4"
   }
 }

package/src/bin/codegen.ts

@@ -1,18 +1,17 @@
 #!/usr/bin/env node
-
-/* eslint-disable import/no-extraneous-dependencies */
-import fs from 'node:fs/promises'
-import path from 'node:path'
+import fs from 'fs/promises'
+import path from 'path'
 import { packageRoots, resolveDependenciesSync } from '@graphcommerce/next-config'
 import { cliError, loadCodegenConfig, runCli } from '@graphql-codegen/cli'
 import type { Types } from '@graphql-codegen/plugin-helpers'
 import dotenv from 'dotenv'
+import glob from 'fast-glob'
 import { rimraf } from 'rimraf'
 import yaml from 'yaml'
 
 const [, , cmd] = process.argv
 
-dotenv.config()
+dotenv.config({ quiet: true })
 
 const root = process.cwd()
 const configLocation = path.join(root, '._tmp_codegen.yml')
@@ -34,7 +33,14 @@ function appendDocumentLocations(
   packages: string[],
 ): Types.ConfiguredOutput {
   const documents = Array.isArray(conf.documents) ? conf.documents : [conf.documents]
-  documents.push(...packages.map((p) => `${p}/**/*.graphql`))
+
+  // Pre-resolve GraphQL files to avoid graphql-codegen following symlinks into node_modules
+  const packagePatterns = packages.map((p) => `${p}/**/*.graphql`)
+  const resolvedFiles = glob.sync(packagePatterns, {
+    ignore: ['**/node_modules/**'],
+    followSymbolicLinks: false,
+  })
+  documents.push(...resolvedFiles)
 
   return conf
 }

package/src/bin/graphcommerce.ts

@@ -3,9 +3,13 @@
 const commands = {
   codegen: () => import('@graphcommerce/next-config').then((m) => m.codegen),
   'codegen-config': () => import('@graphcommerce/next-config').then((m) => m.generateConfig),
+  'codegen-config-values': () =>
+    import('@graphcommerce/next-config').then((m) => m.generateConfigValues),
   'copy-files': () => import('@graphcommerce/next-config').then((m) => m.copyFiles),
   'codegen-interceptors': () =>
     import('@graphcommerce/next-config').then((m) => m.codegenInterceptors),
+  'cleanup-interceptors': () =>
+    import('@graphcommerce/next-config').then((m) => m.cleanupInterceptors),
   'export-config': () => import('@graphcommerce/next-config').then((m) => m.exportConfig),
   'hygraph-migrate': () => import('@graphcommerce/hygraph-cli').then((m) => m.migrateHygraph),
 }

package/src/bin/is-monorepo.ts

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
-import type { ChildProcess } from 'node:child_process'
-import { spawn } from 'node:child_process'
-import path from 'node:path'
+import { spawn } from 'child_process'
+import type { ChildProcess } from 'child_process'
+import path from 'path'
 import { findParentPath } from '@graphcommerce/next-config'
 import { detect } from 'detect-package-manager'
 

package/src/bin/mesh.ts

@@ -1,7 +1,7 @@
 /* eslint-disable import/no-extraneous-dependencies */
-import { promises as fs } from 'node:fs'
-import path from 'node:path'
-import { exit } from 'node:process'
+import { promises as fs } from 'fs'
+import path from 'path'
+import { exit } from 'process'
 import type { meshConfig as meshConfigBase } from '@graphcommerce/graphql-mesh/meshConfig'
 import {
   loadConfig,
@@ -21,7 +21,7 @@ import type { Entries, OmitIndexSignature } from 'type-fest'
 import yaml from 'yaml'
 import { findConfig } from '../utils/findConfig'
 
-dotenv.config()
+dotenv.config({ quiet: true })
 
 function resolvePath(pathStr: string) {
   return fileURLToPath(import.meta.resolve(pathStr))
@@ -62,9 +62,7 @@ const main = async () => {
   const baseConf = (await findConfig({})) as YamlConfig.Config
   const graphCommerce = loadConfig(root)
 
-  const meshConfigf = (await import(
-    '@graphcommerce/graphql-mesh/meshConfig.interceptor'
-  )) as unknown as {
+  const meshConfigf = (await import('@graphcommerce/graphql-mesh/meshConfig')) as unknown as {
     default: {
       meshConfig: typeof meshConfigBase
     }