@graphcommerce/docs 10.0.0-canary.68 → 10.0.0

package/CHANGELOG.md

@@ -1,5 +1,97 @@
 # Change Log
 
+## 10.0.0
+
+### 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))
+
+### Patch Changes
+
+- [#2523](https://github.com/graphcommerce-org/graphcommerce/pull/2523) [`cc5b602`](https://github.com/graphcommerce-org/graphcommerce/commit/cc5b602694e433ec13688dd3fda60e300461a7d3) - Add correct link to demo project ([@FrankHarland](https://github.com/FrankHarland))
+
+## 10.0.0-canary.72
+
+## 10.0.0-canary.71
+
+## 10.0.0-canary.70
+
+## 10.0.0-canary.69
+
 ## 10.0.0-canary.68
 
 ## 10.0.0-canary.67

package/framework/config.md

@@ -94,14 +94,6 @@ Examples:
 - https://example.com/en
 - https://example.com/en-US
 
-#### hygraphEndpoint: string (required)
-
-The Hygraph endpoint.
-
-> Read-only endpoint that allows low latency and high read-throughput content delivery.
-
-Project settings -> API Access -> High Performance Read-only Content API
-
 #### magentoEndpoint: string (required)
 
 GraphQL Magento endpoint.
@@ -205,14 +197,6 @@ Datalayer config
 
 Debug configuration for GraphCommerce
 
-#### demoMode: boolean = `true`
-
-Enables some demo specific code that is probably not useful for a project:
-
-- Adds the "BY GC" to the product list items.
-- Adds "dominant_color" attribute swatches to the product list items.
-- Creates a big list items in the product list.
-
 #### enableGuestCheckoutLogin: boolean
 
 Enable Guest Checkout Login:
@@ -491,10 +475,6 @@ Locale specific google reCAPTCHA key.
 
 The Google Tagmanager ID to be used per locale.
 
-#### hygraphLocales: string[]
-
-Add a gcms-locales header to make sure queries return in a certain language, can be an array to define fallbacks.
-
 #### linguiLocale: string
 
 Custom locale used to load the .po files. Must be a valid locale, also used for Intl functions.

package/getting-started/readme.md

@@ -61,8 +61,8 @@ https://user-images.githubusercontent.com/1251986/227236765-503ccaac-6499-48df-b
 ## Page routing
 
 GraphCommerce uses Next.js file-based
-[page routing ↗](https://nextjs.org/docs/routing/introduction). The files
-inside the `📁 /pages` directory handle routing. Modify these files to meet your
+[page routing ↗](https://nextjs.org/docs/routing/introduction). The files inside
+the `📁 /pages` directory handle routing. Modify these files to meet your
 requirements or [build a custom page](./pages.md).
 
 - Product pages: `📄 /p/[...url].tsx`

package/package.json

@@ -2,10 +2,10 @@
   "name": "@graphcommerce/docs",
   "homepage": "https://www.graphcommerce.org/docs",
   "repository": "github:graphcommerce-org/graphcommerce/docs",
-  "version": "10.0.0-canary.68",
+  "version": "10.0.0",
   "sideEffects": true,
   "peerDependencies": {
-    "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.68"
+    "@graphcommerce/prettier-config-pwa": "^10.0.0"
   },
   "prettier": "@graphcommerce/prettier-config-pwa"
 }

package/upgrading/readme.md

@@ -74,6 +74,7 @@ packages:
 
 - `rm yarn.lock && yarn` Remove lock and install the dependencies
 - `yarn codegen` Converts all .graphql files to typescript files
+- `rm -r .next`
 - `yarn dev` Run the app
 
 ### Resolving diff issues
@@ -106,6 +107,8 @@ After resolving the diff issues, manually process upgrade instructions:
 
 - [Upgrading to GraphCommerce 5 to 6](../upgrading/graphcommerce-5-to-6.md)
 - [Upgrading to GraphCommerce 6 to 7](../upgrading/graphcommerce-6-to-7.md)
+- [Upgrading to GraphCommerce 7 to 8](../upgrading/graphcommerce-7-to-8.md)
+- [Upgrading to GraphCommerce 8 to 9](../upgrading/graphcommerce-8-to-9.md)
 - [Upgrading to GraphCommerce 9 to 10](../upgrading/graphcommerce-9-to-10.md)
 
 Run and validate your local environment: