@graphcommerce/magento-store 9.1.0-canary.50 → 9.1.0-canary.51

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Change Log
 
+## 9.1.0-canary.51
+
+### Minor Changes
+
+- [#2537](https://github.com/graphcommerce-org/graphcommerce/pull/2537) [`958dcb6`](https://github.com/graphcommerce-org/graphcommerce/commit/958dcb62d5abb3427a38e2a4583897f3e2043cc4) - Intoduce a new Product-`uid` to solve an issue where cache normalization was not working properly on the frontend when viewing products with a differen curreny, etc.
+
+  Products now have a more detailed `uid` which will include the scope the product is retrieved from. For example: `NDg5MDM=?store=nl_NL&currencyCode=EUR`. This results in a better cache normalization in Apollo Client and allows for switching between scopes (store/currency/price views/accounts) without creating a broken cache state.
+
+  We have implemented this with a new resolver that rewrites the `uid` passed from Magento to the Mesh Resolver, and additing additonal data to the `uid` based on the headers passed from the client. This also requires each package to implement the `getPrivateQueryContextMesh` method to retrieve the current PrivateQuery context from the GraphQL request headers. ([@paales](https://github.com/paales))
+
+### Patch Changes
+
+- [#2537](https://github.com/graphcommerce-org/graphcommerce/pull/2537) [`31397f9`](https://github.com/graphcommerce-org/graphcommerce/commit/31397f9c5b2d85895d6e00732b2e3d7a99ffee53) - Solve issue where a magento store reference was added to the graphql-mesh package. ([@paales](https://github.com/paales))
+
 ## 9.1.0-canary.50
 
 ## 9.1.0-canary.49

package/index.ts

@@ -11,3 +11,4 @@ export * from './hooks/useFindCountry'
 export * from './hooks/useFindRegion'
 export * from './utils/redirectOrNotFound'
 export * from './utils/localeToStore'
+export * from './utils/storefrontFromContext'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-store",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.1.0-canary.50",
+  "version": "9.1.0-canary.51",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,15 +12,15 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^9.1.0-canary.50",
-    "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.50",
-    "@graphcommerce/framer-utils": "^9.1.0-canary.50",
-    "@graphcommerce/graphql": "^9.1.0-canary.50",
-    "@graphcommerce/graphql-mesh": "^9.1.0-canary.50",
-    "@graphcommerce/image": "^9.1.0-canary.50",
-    "@graphcommerce/next-ui": "^9.1.0-canary.50",
-    "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.50",
-    "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.50",
+    "@graphcommerce/ecommerce-ui": "^9.1.0-canary.51",
+    "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.51",
+    "@graphcommerce/framer-utils": "^9.1.0-canary.51",
+    "@graphcommerce/graphql": "^9.1.0-canary.51",
+    "@graphcommerce/graphql-mesh": "^9.1.0-canary.51",
+    "@graphcommerce/image": "^9.1.0-canary.51",
+    "@graphcommerce/next-ui": "^9.1.0-canary.51",
+    "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.51",
+    "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.51",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",

package/plugins/magentoCurrencyCode.ts

@@ -1,4 +1,5 @@
 import {
+  type getPrivateQueryContextMesh as getPrivateQueryContextMeshType,
   type getPrivateQueryContext as getPrivateQueryContextType,
   type usePrivateQueryContext as usePrivateQueryContextType,
 } from '@graphcommerce/graphql'
@@ -12,6 +13,17 @@ export const config: PluginConfig = {
   module: '@graphcommerce/graphql',
 }
 
+export const getPrivateQueryContextMesh: FunctionPlugin<typeof getPrivateQueryContextMeshType> = (
+  prev,
+  context,
+) => {
+  const currencyCode = context.headers?.['content-currency']
+
+  const res = prev(context)
+  if (!currencyCode) return res
+  return { ...res, currencyCode } satisfies PrivateContext
+}
+
 export const getPrivateQueryContext: FunctionPlugin<typeof getPrivateQueryContextType> = (
   prev,
   client,

package/utils/storefrontFromContext.ts

@@ -0,0 +1,10 @@
+import type { MeshContext } from '@graphcommerce/graphql-mesh'
+import type { GraphCommerceStorefrontConfig } from '@graphcommerce/next-config'
+
+export function storefrontFromContext(
+  context: MeshContext & { headers?: Record<string, string> },
+): GraphCommerceStorefrontConfig | undefined {
+  const storefrontAll = import.meta.graphCommerce.storefront
+  const store = context.headers?.store
+  return storefrontAll.find((s) => s.magentoStoreCode === store)
+}