Introduce new public auth mode for single shop tenant

Author: alanko0511

packages/api-client-core/src/ClientOptions.ts

@@ -103,6 +103,10 @@ export interface AuthenticationModeOptions {
     getSessionId?: () => Promise<string | undefined>;
   };
 
+  publicShopTenant?: {
+    shopId: string;
+  }
+
   // @private Use a passed custom function for managing authentication. For some fancy integrations that the API client supports, like embedded Shopify apps, we use platform native features to authenticate with the Gadget backend.
   custom?: {
     processFetch(input: RequestInfo | URL, init: RequestInit): Promise<void>;

packages/api-client-core/src/GadgetConnection.ts

@@ -74,6 +74,7 @@ export enum AuthenticationMode {
   InternalAuthToken = "internal-auth-token",
   Anonymous = "anonymous",
   Custom = "custom",
+  PublicShopTenant = "public-shop-tenant",
 }
 
 const objectForGlobals = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : undefined;
@@ -173,6 +174,8 @@ export class GadgetConnection {
         this.authenticationMode = AuthenticationMode.InternalAuthToken;
       } else if (options.apiKey) {
         this.authenticationMode = AuthenticationMode.APIKey;
+      } else if (options.publicShopTenant) {
+        this.authenticationMode = AuthenticationMode.PublicShopTenant;
       } else if (options.custom) {
         this.authenticationMode = AuthenticationMode.Custom;
       }
@@ -552,6 +555,11 @@ export class GadgetConnection {
       if (val) {
         headers.authorization = `Session ${val}`;
       }
+    } else if (this.authenticationMode === AuthenticationMode.PublicShopTenant) {
+      const shopId = this.options.authenticationMode?.publicShopTenant?.shopId;
+      if (shopId) {
+        headers["x-gadget-public-shop-tenant"] = shopId;
+      }
     }
 
     headers["x-gadget-environment"] = this.environment;