Fix Magento store code not getting set in context.headers.store

.changeset/cold-hotels-yawn.md

@@ -0,0 +1,5 @@
+---
+'@graphcommerce/magento-store': patch
+---
+
+Fix Magento store code not getting set in context.headers.store

packages/magento-customer/link/customerLink.ts

@@ -57,10 +57,6 @@ const addTokenHeader = setContext((_, context) => {
 
     if (query?.customerToken?.token) {
       context.headers.authorization = `Bearer ${query?.customerToken?.token}`
-
-      // todo implement x-magento-cache-id
-      // But to be able to do this, we need to forward the header from the original request to the client.
-      // GraphQL Mesh currently does not support forwarding headers.
       return context
     }
     return context

packages/magento-store/plugins/magentoStoreGraphqlConfig.ts

@@ -0,0 +1,29 @@
+import { setContext, type graphqlConfig as graphqlConfigType } from '@graphcommerce/graphql'
+import type { FunctionPlugin, PluginConfig } from '@graphcommerce/next-config'
+
+export const config: PluginConfig = {
+  type: 'function',
+  module: '@graphcommerce/graphql',
+}
+
+export const graphqlConfig: FunctionPlugin<typeof graphqlConfigType> = (prev, conf) => {
+  const results = prev(conf)
+
+  return {
+    ...results,
+    links: [
+      ...results.links,
+      setContext((_, context) => {
+        if (!context.headers) context.headers = {}
+        context.headers.store = conf.storefront.magentoStoreCode
+
+        if (conf.preview) {
+          // To disable caching from the backend, we provide a bogus cache ID.
+          context.headers['x-magento-cache-id'] =
+            `random-cache-id${Math.random().toString(36).slice(2)}`
+        }
+        return context
+      }),
+    ],
+  }
+}

packagesDev/next-config/__tests__/interceptors/findPlugins.ts

@@ -1,6 +1,5 @@
 import type { GraphCommerceConfig } from '../../src/generated/config'
 import { findPlugins } from '../../src/interceptors/findPlugins'
-
 const projectRoot = `${process.cwd()}/examples/magento-graphcms`
 it('finds plugins', () => {
   const fakeconfig = {
@@ -13,8 +12,7 @@ it('finds plugins', () => {
   const disabled = plugins.filter((p) => !p.enabled)
   const enabled = plugins.filter((p) => p.enabled)
   expect(errors).toMatchInlineSnapshot('[]')
-  expect(enabled).toMatchInlineSnapshot(
-    `
+  expect(enabled).toMatchInlineSnapshot(`
     [
       {
         "enabled": true,
@@ -518,6 +516,14 @@ it('finds plugins', () => {
         "targetModule": "@graphcommerce/graphql",
         "type": "component",
       },
+      {
+        "enabled": true,
+        "sourceExport": "graphqlConfig",
+        "sourceModule": "@graphcommerce/magento-store/plugins/magentoStoreGraphqlConfig",
+        "targetExport": "graphqlConfig",
+        "targetModule": "@graphcommerce/graphql",
+        "type": "function",
+      },
       {
         "enabled": true,
         "sourceExport": "meshConfig",
@@ -543,9 +549,9 @@ it('finds plugins', () => {
         "type": "function",
       },
     ]
-  `,
-  )
-  expect(disabled).toMatchInlineSnapshot(`
+  `)
+  expect(disabled).toMatchInlineSnapshot(
+    `
     [
       {
         "enabled": false,
@@ -746,5 +752,6 @@ it('finds plugins', () => {
         "type": "component",
       },
     ]
-  `)
+  `,
+  )
 })