Adds option value decoder utility functions

.changeset/quick-hotels-tell.md

@@ -0,0 +1,9 @@
+---
+'@shopify/hydrogen-react': patch
+'skeleton': patch
+'@shopify/hydrogen': patch
+'@shopify/cli-hydrogen': patch
+'@shopify/create-hydrogen': patch
+---
+
+Update to 2024-10 SFAPI

.changeset/wet-garlics-trade.md

@@ -0,0 +1,6 @@
+---
+'@shopify/hydrogen': patch
+'@shopify/hydrogen-react': patch
+---
+
+Add utility functions `decodeEncodedVariant` and `isOptionValueCombinationInEncodedVariant` for parsing `product.encodedVariantExistence` and `product.encodedVariantAvailability` fields.

examples/express/package.json

@@ -14,7 +14,7 @@
     "@remix-run/node": "^2.10.1",
     "@remix-run/react": "^2.10.1",
     "@remix-run/server-runtime": "^2.10.1",
-    "@shopify/hydrogen": "2024.7.8",
+    "@shopify/hydrogen": "2024.10.0",
     "compression": "^1.7.4",
     "cross-env": "^7.0.3",
     "express": "^4.19.2",

packages/hydrogen-react/codegen.ts

@@ -4,8 +4,8 @@ import {
   customerAccountApiCustomScalars,
 } from './src/codegen.helpers';
 
-const SF_API_VERSION = '2024-07';
-const CA_API_VERSION = '2024-07';
+const SF_API_VERSION = '2024-10';
+const CA_API_VERSION = '2024-10';
 
 const storefrontAPISchema: CodegenConfig['schema'] = {
   [`https://hydrogen-preview.myshopify.com/api/${SF_API_VERSION}/graphql.json`]:

packages/hydrogen-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopify/hydrogen-react",
-  "version": "2024.7.5",
+  "version": "2024.10.0",
   "description": "React components, hooks, and utilities for creating custom Shopify storefronts",
   "homepage": "https://github.com/Shopify/hydrogen/tree/main/packages/hydrogen-react",
   "license": "MIT",

packages/hydrogen-react/src/CartProvider.stories.tsx

@@ -228,7 +228,7 @@ function CartComponent() {
 const config: ShopifyProviderProps = {
   storeDomain: 'hydrogen-preview.myshopify.com',
   storefrontToken: '3b580e70970c4528da70c98e097c2fa0',
-  storefrontApiVersion: '2024-07',
+  storefrontApiVersion: '2024-10',
   countryIsoCode: 'CA',
   languageIsoCode: 'EN',
 };

packages/hydrogen-react/src/ShopPayButton2.example.jsx

@@ -5,7 +5,7 @@ export default function App() {
     <ShopifyProvider
       storeDomain="my-store"
       storefrontToken="abc123"
-      storefrontApiVersion="2024-07"
+      storefrontApiVersion="2024-10"
       countryIsoCode="CA"
       languageIsoCode="EN"
     >

packages/hydrogen-react/src/ShopPayButton2.example.tsx

@@ -5,7 +5,7 @@ export default function App() {
     <ShopifyProvider
       storeDomain="my-store"
       storefrontToken="abc123"
-      storefrontApiVersion="2024-07"
+      storefrontApiVersion="2024-10"
       countryIsoCode="CA"
       languageIsoCode="EN"
     >

packages/hydrogen-react/src/ShopifyProvider.stories.tsx

@@ -51,5 +51,5 @@ export const Default = Template.bind({});
 Default.args = {
   storeDomain: 'notashop.myshopify.com',
   storefrontToken: 'abc123',
-  version: '2024-07',
+  version: '2024-10',
 };

packages/hydrogen-react/src/ShopifyProvider.test.tsx

@@ -11,7 +11,7 @@ import type {PartialDeep} from 'type-fest';
 const SHOPIFY_CONFIG: ShopifyProviderProps = {
   storeDomain: 'https://notashop.myshopify.com',
   storefrontToken: 'abc123',
-  storefrontApiVersion: '2024-07',
+  storefrontApiVersion: '2024-10',
   countryIsoCode: 'CA',
   languageIsoCode: 'EN',
 };
@@ -41,7 +41,7 @@ describe('<ShopifyProvider/>', () => {
       });
 
       expect(result.current.getStorefrontApiUrl()).toBe(
-        'https://notashop.myshopify.com/api/2024-07/graphql.json',
+        'https://notashop.myshopify.com/api/2024-10/graphql.json',
       );
     });
 
@@ -84,7 +84,7 @@ describe('<ShopifyProvider/>', () => {
       ).toEqual({
         'X-SDK-Variant': 'hydrogen-react',
         'X-SDK-Variant-Source': 'react',
-        'X-SDK-Version': '2024-07',
+        'X-SDK-Version': '2024-10',
         'X-Shopify-Storefront-Access-Token': 'abc123',
         'content-type': 'application/json',
       });
@@ -110,7 +110,7 @@ describe('<ShopifyProvider/>', () => {
       ).toEqual({
         'X-SDK-Variant': 'hydrogen-react',
         'X-SDK-Variant-Source': 'react',
-        'X-SDK-Version': '2024-07',
+        'X-SDK-Version': '2024-10',
         'X-Shopify-Storefront-Access-Token': 'newtoken',
         'content-type': 'application/graphql',
       });
@@ -183,7 +183,7 @@ describe('<ShopifyProvider/>', () => {
       });
 
       expect(result.current.getStorefrontApiUrl()).toBe(
-        'https://notashop.myshopify.com/api/2024-07/graphql.json',
+        'https://notashop.myshopify.com/api/2024-10/graphql.json',
       );
     });
 
@@ -203,7 +203,7 @@ describe('<ShopifyProvider/>', () => {
         result.current.getStorefrontApiUrl({
           storeDomain: 'https://test.myshopify.com',
         }),
-      ).toBe('https://test.myshopify.com/api/2024-07/graphql.json');
+      ).toBe('https://test.myshopify.com/api/2024-10/graphql.json');
     });
 
     it(`handles when a '/' is at the end of the url and doesn't add an extra one`, () => {
@@ -219,7 +219,7 @@ describe('<ShopifyProvider/>', () => {
       });
 
       expect(result.current.getStorefrontApiUrl()).toBe(
-        'https://notashop.myshopify.com/api/2024-07/graphql.json',
+        'https://notashop.myshopify.com/api/2024-10/graphql.json',
       );
     });
   });
@@ -233,6 +233,6 @@ export function getShopifyConfig(
     languageIsoCode: config.languageIsoCode ?? 'EN',
     storeDomain: config.storeDomain ?? 'https://notashop.myshopify.io',
     storefrontToken: config.storefrontToken ?? 'abc123',
-    storefrontApiVersion: config.storefrontApiVersion ?? '2024-07',
+    storefrontApiVersion: config.storefrontApiVersion ?? '2024-10',
   };
 }