@graphcommerce/algolia-insights 10.0.0 → 10.0.1-canary.0

package/CHANGELOG.md

@@ -1,124 +1,12 @@
 # @graphcommerce/algolia-personalization
 
-## 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))
+## 10.0.1-canary.0
 
 ### Patch Changes
 
-- [#2505](https://github.com/graphcommerce-org/graphcommerce/pull/2505) [`59c8877`](https://github.com/graphcommerce-org/graphcommerce/commit/59c8877db343450547da3e200d904c15f5b8e94f) - Update useSendAlgoliaEvent.ts ([@FrankHarland](https://github.com/FrankHarland))
-
-- [#2495](https://github.com/graphcommerce-org/graphcommerce/pull/2495) [`d90f7f5`](https://github.com/graphcommerce-org/graphcommerce/commit/d90f7f5889c58fbd982581a13b398a0978f901a8) - Solve issue where the useSendEventAlgolia hook would sometimes throw an error during purchase ([@Giovanni-Schroevers](https://github.com/Giovanni-Schroevers))
-
-## 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
-
-## 10.0.0-canary.66
+- [#2569](https://github.com/graphcommerce-org/graphcommerce/pull/2569) [`1ba54d4`](https://github.com/graphcommerce-org/graphcommerce/commit/1ba54d4e1af20514c1ef25a2feadbbbe5497e7e0) - Properly handle the new uid stuff ([@paales](https://github.com/paales))
 
-## 10.0.0-canary.65
-
-## 10.0.0-canary.64
-
-## 10.0.0-canary.63
-
-## 10.0.0-canary.62
-
-## 10.0.0-canary.61
-
-## 10.0.0-canary.60
-
-## 10.0.0-canary.59
-
-## 10.0.0-canary.58
-
-## 10.0.0-canary.57
-
-## 10.0.0-canary.56
+## 10.0.0
 
 ### Major Changes
 
@@ -198,126 +86,12 @@
   - `@mui/*` modern alias rewrites
   - Debug plugins (`CircularDependencyPlugin`, `DuplicatesPlugin`) ([@paales](https://github.com/paales))
 
-## 9.1.0-canary.55
-
-## 9.1.0-canary.54
-
-## 9.1.0-canary.53
-
-## 9.1.0-canary.52
-
-## 9.1.0-canary.51
-
-## 9.1.0-canary.50
-
-## 9.1.0-canary.49
-
-## 9.1.0-canary.48
-
-## 9.1.0-canary.47
-
-## 9.1.0-canary.46
-
-## 9.1.0-canary.45
-
-## 9.1.0-canary.44
-
-## 9.1.0-canary.43
-
-## 9.1.0-canary.42
-
-## 9.1.0-canary.41
-
-## 9.1.0-canary.40
-
-## 9.1.0-canary.39
-
-## 9.1.0-canary.38
-
-## 9.1.0-canary.37
-
-## 9.1.0-canary.36
-
-## 9.1.0-canary.35
-
-## 9.1.0-canary.34
-
-## 9.1.0-canary.33
-
-## 9.1.0-canary.32
-
-## 9.1.0-canary.31
-
-## 9.1.0-canary.30
-
-## 9.1.0-canary.29
-
-## 9.1.0-canary.28
-
 ### Patch Changes
 
 - [#2505](https://github.com/graphcommerce-org/graphcommerce/pull/2505) [`59c8877`](https://github.com/graphcommerce-org/graphcommerce/commit/59c8877db343450547da3e200d904c15f5b8e94f) - Update useSendAlgoliaEvent.ts ([@FrankHarland](https://github.com/FrankHarland))
 
-## 9.1.0-canary.27
-
-## 9.1.0-canary.26
-
-## 9.1.0-canary.25
-
-## 9.1.0-canary.24
-
-## 9.1.0-canary.23
-
-## 9.1.0-canary.22
-
-## 9.1.0-canary.21
-
-## 9.1.0-canary.20
-
-## 9.1.0-canary.19
-
-## 9.1.0-canary.18
-
-## 9.1.0-canary.17
-
-## 9.1.0-canary.16
-
-## 9.1.0-canary.15
-
-## 9.0.4-canary.14
-
-### Patch Changes
-
 - [#2495](https://github.com/graphcommerce-org/graphcommerce/pull/2495) [`d90f7f5`](https://github.com/graphcommerce-org/graphcommerce/commit/d90f7f5889c58fbd982581a13b398a0978f901a8) - Solve issue where the useSendEventAlgolia hook would sometimes throw an error during purchase ([@Giovanni-Schroevers](https://github.com/Giovanni-Schroevers))
 
-## 9.0.4-canary.13
-
-## 9.0.4-canary.12
-
-## 9.0.4-canary.11
-
-## 9.0.4-canary.10
-
-## 9.0.4-canary.9
-
-## 9.0.4-canary.8
-
-## 9.0.4-canary.7
-
-## 9.0.4-canary.6
-
-## 9.0.4-canary.5
-
-## 9.0.4-canary.4
-
-## 9.0.4-canary.3
-
-## 9.0.4-canary.2
-
-## 9.0.4-canary.1
-
-## 9.0.4-canary.0
-
 ## 9.0.1
 
 ### Patch Changes

package/hooks/useSendAlgoliaEvent.ts

@@ -12,6 +12,9 @@ import { useEventCallback } from '@mui/material'
 import { useRef } from 'react'
 import { AlgoliaSendEventDocument } from '../graphql/AlgoliaSendEvent.gql'
 
+/** Decodes a base64 UID, stripping any query parameters that may be appended (e.g. ?store_name=...) */
+const decodeUid = (uid: string) => atob(uid.split('?')[0])
+
 const getSHA256Hash = async (input: string) => {
   const textAsBuffer = new TextEncoder().encode(input)
   const hashBuffer = await window.crypto.subtle.digest('SHA-256', textAsBuffer)
@@ -30,7 +33,7 @@ function mapSelectedFiltersToAlgoliaEvent(filters: ProductFilterParams['filters'
       const valueArray = (filter.eq ? [filter.eq] : (filter.in ?? [])) as string[]
       valueArray.forEach((value) => {
         if (key === 'category_uid') {
-          flattenedFilters.push(`categoryIds:${atob(value)}`)
+          flattenedFilters.push(`categoryIds:${decodeUid(value)}`)
         } else {
           flattenedFilters.push(`${key}:${encodeURIComponent(value)}`)
         }
@@ -87,7 +90,7 @@ const dataLayerToAlgoliaMap: {
 } = {
   // todo should we use view_item or view_item_list?
   view_item_list: (eventName, eventData, { queryID, ...common }) => {
-    const objectIDs = eventData.items.map((item) => atob(item.item_uid))
+    const objectIDs = eventData.items.map((item) => decodeUid(item.item_uid))
 
     const events: AlgoliaEventsItems_Input[] = []
 
@@ -146,7 +149,7 @@ const dataLayerToAlgoliaMap: {
   },
 
   select_item: (eventName, eventData, { queryID, ...common }) => {
-    const objectIDs = eventData.items.map((item) => atob(item.item_uid))
+    const objectIDs = eventData.items.map((item) => decodeUid(item.item_uid))
     if (queryID) saveAlgoliaIdToQuery(objectIDs, queryID, eventData.filter_params?.filters ?? {})
 
     return queryID
@@ -167,7 +170,7 @@ const dataLayerToAlgoliaMap: {
             Clicked_object_IDs_Input: {
               eventName,
               eventType: 'click',
-              objectIDs: eventData.items.map((item) => atob(item.item_uid)),
+              objectIDs: eventData.items.map((item) => decodeUid(item.item_uid)),
               ...common,
             },
           } satisfies AlgoliaEventsItems_Input,
@@ -181,7 +184,7 @@ const dataLayerToAlgoliaMap: {
     const events: AlgoliaEventsItems_Input[] = []
 
     const mapping = getObjectIDToQuery()
-    const objectIDs = eventData.items.map((item) => atob(item.item_uid))
+    const objectIDs = eventData.items.map((item) => decodeUid(item.item_uid))
 
     const relevant = objectIDs.map((objectID) => mapping[objectID]).filter(Boolean)
     const queryID = relevant?.[0]?.queryID
@@ -209,7 +212,7 @@ const dataLayerToAlgoliaMap: {
           eventName,
           eventType: 'conversion',
           eventSubtype: 'addToCart',
-          objectIDs: eventData.items.map((item) => atob(item.item_uid)),
+          objectIDs: eventData.items.map((item) => decodeUid(item.item_uid)),
           objectData: eventData.items.map((item) => ({
             discount: { Float: Number(item.discount?.toFixed(14)) ?? 0 },
             price: { Float: Number(item.price.toFixed(14)) },
@@ -226,7 +229,7 @@ const dataLayerToAlgoliaMap: {
           eventName,
           eventType: 'conversion',
           eventSubtype: 'addToCart',
-          objectIDs: eventData.items.map((item) => atob(item.item_uid)),
+          objectIDs: eventData.items.map((item) => decodeUid(item.item_uid)),
           objectData: eventData.items.map((item) => ({
             discount: { Float: item.discount ?? 0 },
             price: { Float: Number(item.price.toFixed(14)) },
@@ -244,11 +247,13 @@ const dataLayerToAlgoliaMap: {
 
   purchase: (eventName, eventData, common) => {
     const mapping = getObjectIDToQuery()
-    const isAfterSearch = !!eventData.items.find((item) => mapping[atob(item.item_uid)]?.queryID)
+    const isAfterSearch = !!eventData.items.find(
+      (item) => mapping[decodeUid(item.item_uid)]?.queryID,
+    )
 
     const events: AlgoliaEventsItems_Input[] = []
 
-    const objectIDs = eventData.items.map((item) => atob(item.item_uid))
+    const objectIDs = eventData.items.map((item) => decodeUid(item.item_uid))
     const relevant = objectIDs.map((objectID) => mapping[objectID]).filter(Boolean)
     const filters = [...new Set(...relevant.map((item) => item?.filters ?? []))]
 
@@ -273,12 +278,12 @@ const dataLayerToAlgoliaMap: {
           eventName,
           eventType: 'conversion',
           eventSubtype: 'purchase',
-          objectIDs: eventData.items.map((item) => atob(item.item_uid)),
+          objectIDs: eventData.items.map((item) => decodeUid(item.item_uid)),
           objectData: eventData.items.map((item) => ({
             discount: { Float: Number(item.discount?.toFixed(14)) ?? 0 },
             price: { Float: Number(item.price.toFixed(14)) },
             quantity: item.quantity,
-            queryID: mapping[atob(item.item_uid)]?.queryID,
+            queryID: mapping[decodeUid(item.item_uid)]?.queryID,
           })),
           currency: eventData.currency,
           value: { Float: Number(eventData.value.toFixed(13)) },
@@ -291,7 +296,7 @@ const dataLayerToAlgoliaMap: {
           eventName,
           eventType: 'conversion',
           eventSubtype: 'purchase',
-          objectIDs: eventData.items.map((item) => atob(item.item_uid)),
+          objectIDs: eventData.items.map((item) => decodeUid(item.item_uid)),
           objectData: eventData.items.map((item) => ({
             discount: { Float: Number(item.discount?.toFixed(14)) ?? 0 },
             price: { Float: Number(item.price.toFixed(14)) },

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/algolia-insights",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "10.0.0",
+  "version": "10.0.1-canary.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -15,15 +15,15 @@
     "generate": "tsx scripts/generate-insights-spec.mts"
   },
   "peerDependencies": {
-    "@graphcommerce/algolia-products": "^10.0.0",
-    "@graphcommerce/google-datalayer": "^10.0.0",
-    "@graphcommerce/graphql": "^10.0.0",
-    "@graphcommerce/graphql-mesh": "^10.0.0",
-    "@graphcommerce/magento-customer": "^10.0.0",
-    "@graphcommerce/magento-product": "^10.0.0",
-    "@graphcommerce/next-config": "^10.0.0",
-    "@graphcommerce/next-ui": "^10.0.0",
-    "@graphcommerce/react-hook-form": "^10.0.0",
+    "@graphcommerce/algolia-products": "^10.0.1-canary.0",
+    "@graphcommerce/google-datalayer": "^10.0.1-canary.0",
+    "@graphcommerce/graphql": "^10.0.1-canary.0",
+    "@graphcommerce/graphql-mesh": "^10.0.1-canary.0",
+    "@graphcommerce/magento-customer": "^10.0.1-canary.0",
+    "@graphcommerce/magento-product": "^10.0.1-canary.0",
+    "@graphcommerce/next-config": "^10.0.1-canary.0",
+    "@graphcommerce/next-ui": "^10.0.1-canary.0",
+    "@graphcommerce/react-hook-form": "^10.0.1-canary.0",
     "@mui/material": "*",
     "react": "^19.2.0"
   },