feat: add languageCode and countryCode to GetShopInfo query and loader props

Author: yuriassuncx

shopify/loaders/shop.ts

@@ -1,17 +1,31 @@
 import { AppContext } from "../mod.ts";
 import { GetShopInfo } from "../utils/storefront/queries.ts";
 import {
+  CountryCode,
+  LanguageCode,
   Shop,
   ShopMetafieldsArgs,
 } from "../utils/storefront/storefront.graphql.gen.ts";
-import { Metafield } from "../utils/types.ts";
+import { LanguageContextArgs, Metafield } from "../utils/types.ts";
 
 export interface Props {
   /**
    * @title Metafields
    * @description search for metafields
    */
   metafields?: Metafield[];
+  /**
+   * @title Language Code
+   * @description Language code for the storefront API
+   * @example "EN" for English, "FR" for French, etc.
+   */
+  languageCode?: LanguageCode;
+  /**
+   * @title Country Code
+   * @description Country code for the storefront API
+   * @example "US" for United States, "FR" for France, etc.
+   */
+  countryCode?: CountryCode;
 }
 
 export const defaultVisibility = "private";
@@ -22,10 +36,13 @@ const loader = async (
   ctx: AppContext,
 ): Promise<Shop> => {
   const { storefront } = ctx;
-  const { metafields = [] } = props;
+  const { metafields = [], languageCode = "PT", countryCode = "BR" } = props;
 
-  const shop = await storefront.query<{ shop: Shop }, ShopMetafieldsArgs>({
-    variables: { identifiers: metafields },
+  const shop = await storefront.query<
+    { shop: Shop },
+    ShopMetafieldsArgs & LanguageContextArgs
+  >({
+    variables: { identifiers: metafields, languageCode, countryCode },
     ...GetShopInfo,
   }).then((data) => data.shop);
 

shopify/utils/storefront/queries.ts

@@ -405,7 +405,8 @@ export const ProductRecommendations = {
 };
 
 export const GetShopInfo = {
-  query: gql`query GetShopInfo($identifiers: [HasMetafieldsIdentifier!]!) {
+  query:
+    gql`query GetShopInfo($identifiers: [HasMetafieldsIdentifier!]!, $languageCode: LanguageCode, $countryCode: CountryCode) @inContext(language: $languageCode, country: $countryCode) {
     shop {
       name
       description