@graphcommerce/graphql-codegen-near-operation-file 9.1.0-canary.55 → 10.0.0-canary.58

package/CHANGELOG.md

@@ -1,5 +1,89 @@
 # Change Log
 
+## 10.0.0-canary.58
+
+## 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/fragment-resolver.js

@@ -126,6 +126,7 @@ function buildFragmentResolver(collectorOptions, presetOptions, schemaObject) {
                 },
                 emitLegacyCommonJSImports: presetOptions.config.emitLegacyCommonJSImports,
                 typesImport,
+                importExtension: '',
             })),
         };
     }

package/dist/resolve-document-imports.js

@@ -85,6 +85,7 @@ function resolveDocumentImports(presetOptions, schemaObject, importResolverOptio
                         baseOutputDir,
                         outputPath: generatedFilePath,
                         typesImport,
+                        importExtension: '',
                     });
                     importStatements.unshift(schemaTypesImportStatement);
                 }
@@ -109,6 +110,7 @@ function resolveDocumentImports(presetOptions, schemaObject, importResolverOptio
                     baseOutputDir,
                     outputPath: generatedFilePath,
                     typesImport,
+                    importExtension: '',
                 });
                 importStatements.unshift(schemaTypesImportStatement);
             }

package/package.json

@@ -2,11 +2,9 @@
   "name": "@graphcommerce/graphql-codegen-near-operation-file",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.1.0-canary.55",
+  "version": "10.0.0-canary.58",
   "sideEffects": false,
   "type": "commonjs",
-  "main": "dist/index.js",
-  "types": "src/index.ts",
   "scripts": {
     "dev": "tsc -W --preserveWatchOutput",
     "build": "tsc",
@@ -20,17 +18,23 @@
     }
   },
   "dependencies": {
-    "@graphql-codegen/add": "5.0.3",
-    "@graphql-codegen/plugin-helpers": "5.1.0",
-    "@graphql-codegen/visitor-plugin-common": "5.7.1",
-    "@graphql-tools/utils": "^10.8.3",
+    "@graphql-codegen/add": "6.0.0",
+    "@graphql-codegen/plugin-helpers": "6.1.0",
+    "@graphql-codegen/visitor-plugin-common": "6.2.1",
+    "@graphql-tools/utils": "^10.11.0",
     "@types/parse-filepath": "^1.0.2",
-    "graphql": "^16.10.0",
+    "graphql": "^16.12.0",
     "parse-filepath": "^1.0.2"
   },
   "peerDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^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.58",
+    "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.58",
+    "@graphcommerce/typescript-config-pwa": "^10.0.0-canary.58"
+  },
+  "exports": {
+    ".": {
+      "default": "./dist/index.js",
+      "types": "./src/index.ts"
+    }
   }
 }

package/src/fragment-resolver.ts

@@ -194,6 +194,7 @@ export default function buildFragmentResolver<T>(
           },
           emitLegacyCommonJSImports: presetOptions.config.emitLegacyCommonJSImports,
           typesImport,
+          importExtension: '',
         }),
       ),
     }

package/src/resolve-document-imports.ts

@@ -115,6 +115,7 @@ export function resolveDocumentImports<T>(
             baseOutputDir,
             outputPath: generatedFilePath,
             typesImport,
+            importExtension: '',
           })
           importStatements.unshift(schemaTypesImportStatement)
         }
@@ -152,6 +153,7 @@ export function resolveDocumentImports<T>(
           baseOutputDir,
           outputPath: generatedFilePath,
           typesImport,
+          importExtension: '',
         })
         importStatements.unshift(schemaTypesImportStatement)
       }

package/dist/test/InjectableFragment.gql.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/test/InjectingFragment.gql.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/test/QueryWithInjectable.gql.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QueryWitInjectableDocument = void 0;
-exports.QueryWitInjectableDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "QueryWitInjectable" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "storeConfig" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "store_code" } }, { "kind": "Field", "name": { "kind": "Name", "value": "base_url" } }] } }] } }] };