Add source header to API calls

.changeset/twenty-apples-talk.md

@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+Dashboard now sends source header to API

src/components/DevModePanel/utils.test.ts

@@ -58,13 +58,18 @@ describe("getFetcher", () => {
     expect(mockCreateGraphiQLFetcher).toHaveBeenCalledWith({
       url: mockApiUrl,
       fetch: fetch,
+      headers: {
+        "source-service-name": "saleor.dashboard.playground",
+      },
     });
   });
 
   it("should return fetcher with fetch when Authorization-Bearer header present", () => {
     // Arrange
     const opts: FetcherOpts = {
-      headers: { "Authorization-Bearer": "token" },
+      headers: {
+        "Authorization-Bearer": "token",
+      },
     };
 
     // Act
@@ -74,13 +79,18 @@ describe("getFetcher", () => {
     expect(mockCreateGraphiQLFetcher).toHaveBeenCalledWith({
       url: mockApiUrl,
       fetch: fetch,
+      headers: {
+        "source-service-name": "saleor.dashboard.playground",
+      },
     });
   });
 
   it("should return fetcher with fetch when lowercase header present", () => {
     // Arrange
     const opts: FetcherOpts = {
-      headers: { "authorization-bearer": "token" },
+      headers: {
+        "authorization-bearer": "token",
+      },
     };
 
     // Act
@@ -90,6 +100,9 @@ describe("getFetcher", () => {
     expect(mockCreateGraphiQLFetcher).toHaveBeenCalledWith({
       url: mockApiUrl,
       fetch: fetch,
+      headers: {
+        "source-service-name": "saleor.dashboard.playground",
+      },
     });
   });
 });

src/components/DevModePanel/utils.ts

@@ -19,5 +19,8 @@ export const getFetcher = (opts: FetcherOpts) => {
   return createGraphiQLFetcher({
     url: process.env.API_URL as string,
     fetch: httpFetch as typeof fetch,
+    headers: {
+      "source-service-name": "saleor.dashboard.playground",
+    },
   });
 };

src/graphql/client.ts

@@ -8,15 +8,22 @@ import { getApiUrl } from "../config";
 import introspectionQueryResultData from "./fragmentTypes.generated";
 import { TypedTypePolicies } from "./typePolicies.generated";
 
-const attachVariablesLink = new ApolloLink((operation, forward) =>
-  forward(operation).map(data => ({
+const attachVariablesLink = new ApolloLink((operation, forward) => {
+  operation.setContext(({ headers = {} }) => ({
+    headers: {
+      ...headers,
+      "source-service-name": "saleor.dashboard",
+    },
+  }));
+
+  return forward(operation).map(data => ({
     ...data,
     extensions: {
       ...data.extensions,
       variables: operation.variables,
     },
-  })),
-);
+  }));
+});
 
 export const link = attachVariablesLink.concat(
   createUploadLink({