@shopify/hydrogen 1.6.2 → 1.6.4

package/dist/esnext/components/CartProvider/CartProvider.client.d.ts

@@ -47,4 +47,3 @@ export declare function CartProvider({ children, numCartLines, onCreate, onLineA
     /** The ISO country code for i18n. */
     countryCode?: CountryCode;
 }): JSX.Element;
-export declare const defaultCartFragment = "\nfragment CartFragment on Cart {\n  id\n  checkoutUrl\n  totalQuantity\n  buyerIdentity {\n    countryCode\n    customer {\n      id\n      email\n      firstName\n      lastName\n      displayName\n    }\n    email\n    phone\n  }\n  lines(first: $numCartLines) {\n    edges {\n      node {\n        id\n        quantity\n        attributes {\n          key\n          value\n        }\n        cost {\n          totalAmount {\n            amount\n            currencyCode\n          }\n          compareAtAmountPerQuantity {\n            amount\n            currencyCode\n          }\n        }\n        merchandise {\n          ... on ProductVariant {\n            id\n            availableForSale\n            compareAtPriceV2 {\n              ...MoneyFragment\n            }\n            priceV2 {\n              ...MoneyFragment\n            }\n            requiresShipping\n            title\n            image {\n              ...ImageFragment\n            }\n            product {\n              handle\n              title\n            }\n            selectedOptions {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n  cost {\n    subtotalAmount {\n      ...MoneyFragment\n    }\n    totalAmount {\n      ...MoneyFragment\n    }\n    totalDutyAmount {\n      ...MoneyFragment\n    }\n    totalTaxAmount {\n      ...MoneyFragment\n    }\n  }\n  note\n  attributes {\n    key\n    value\n  }\n  discountCodes {\n    code\n  }\n}\n\nfragment MoneyFragment on MoneyV2 {\n  currencyCode\n  amount\n}\nfragment ImageFragment on Image {\n  id\n  url\n  altText\n  width\n  height\n}\n";

package/dist/esnext/components/CartProvider/CartProvider.client.js

@@ -1,5 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState, useTransition, } from 'react';
 import { CountryCode, } from '../../storefront-api-types.js';
+import { defaultCartFragment } from './cart-queries.js';
 import { CartContext } from './context.js';
 import { useCartAPIStateMachine } from './useCartAPIStateMachine.client.js';
 import { CART_ID_STORAGE_KEY } from './constants.js';
@@ -432,103 +433,3 @@ function publishDiscountCodesUpdateAnalytics(context, event) {
         prevCart: context.prevCart,
     });
 }
-export const defaultCartFragment = `
-fragment CartFragment on Cart {
-  id
-  checkoutUrl
-  totalQuantity
-  buyerIdentity {
-    countryCode
-    customer {
-      id
-      email
-      firstName
-      lastName
-      displayName
-    }
-    email
-    phone
-  }
-  lines(first: $numCartLines) {
-    edges {
-      node {
-        id
-        quantity
-        attributes {
-          key
-          value
-        }
-        cost {
-          totalAmount {
-            amount
-            currencyCode
-          }
-          compareAtAmountPerQuantity {
-            amount
-            currencyCode
-          }
-        }
-        merchandise {
-          ... on ProductVariant {
-            id
-            availableForSale
-            compareAtPriceV2 {
-              ...MoneyFragment
-            }
-            priceV2 {
-              ...MoneyFragment
-            }
-            requiresShipping
-            title
-            image {
-              ...ImageFragment
-            }
-            product {
-              handle
-              title
-            }
-            selectedOptions {
-              name
-              value
-            }
-          }
-        }
-      }
-    }
-  }
-  cost {
-    subtotalAmount {
-      ...MoneyFragment
-    }
-    totalAmount {
-      ...MoneyFragment
-    }
-    totalDutyAmount {
-      ...MoneyFragment
-    }
-    totalTaxAmount {
-      ...MoneyFragment
-    }
-  }
-  note
-  attributes {
-    key
-    value
-  }
-  discountCodes {
-    code
-  }
-}
-
-fragment MoneyFragment on MoneyV2 {
-  currencyCode
-  amount
-}
-fragment ImageFragment on Image {
-  id
-  url
-  altText
-  width
-  height
-}
-`;

package/dist/esnext/components/Link/Link.client.d.ts

@@ -8,7 +8,7 @@ export interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorEle
     clientState?: any;
     /** Whether to reload the whole document on navigation. */
     reloadDocument?: boolean;
-    /** Whether to prefetch the link source when the user signals intent. Defaults to `true`. For more information, refer to [Prefetching a link source](https://shopify.dev/custom-storefronts/hydrogen/framework/routes#prefetching-a-link-source). */
+    /** Whether to prefetch the link source when the user signals intent. Defaults to `true`. For more information, refer to [Prefetching a link source](https://shopify.dev/custom-storefronts/hydrogen/routing/manage-routes/#prefetching-a-link-source). */
     prefetch?: boolean;
     /** Whether to emulate natural browser behavior and restore scroll position on navigation. Defaults to `true`. */
     scroll?: boolean;

package/dist/esnext/entry-server.js

@@ -573,7 +573,7 @@ function tagOnWrite(response) {
     const savedChunks = [];
     response.write = (arg) => {
         if (arg instanceof Uint8Array) {
-            savedChunks.push(decoder.decode(arg));
+            savedChunks.push(decoder.decode(arg, { stream: true }));
         }
         else {
             savedChunks.push(arg);

package/dist/esnext/foundation/Cookie/Cookie.d.ts

@@ -27,7 +27,7 @@ export declare type CookieOptions = {
     maxAge?: number;
 };
 /** The `Cookie` component helps you build your own custom cookie and session implementations. All
- * [Hydrogen session storage mechanisms](https://shopify.dev/custom-storefronts/hydrogen/framework/sessions#types-of-session-storage) use the
+ * [Hydrogen session storage mechanisms](https://shopify.dev/custom-storefronts/hydrogen/sessions#types-of-session-storage) use the
  * same configuration options as what's available in `Cookie`.
  */
 export declare class Cookie {

package/dist/esnext/foundation/Cookie/Cookie.js

@@ -3,7 +3,7 @@ import { log } from '../../utilities/log/index.js';
 import { parseJSON } from '../../utilities/parse.js';
 const reservedCookieNames = ['mac', 'user_session_id'];
 /** The `Cookie` component helps you build your own custom cookie and session implementations. All
- * [Hydrogen session storage mechanisms](https://shopify.dev/custom-storefronts/hydrogen/framework/sessions#types-of-session-storage) use the
+ * [Hydrogen session storage mechanisms](https://shopify.dev/custom-storefronts/hydrogen/sessions#types-of-session-storage) use the
  * same configuration options as what's available in `Cookie`.
  */
 export class Cookie {

package/dist/esnext/foundation/Form/Form.client.d.ts

@@ -2,7 +2,10 @@ import React, { FormEvent } from 'react';
 interface FormProps {
     action: string;
     method?: string;
-    children?: Array<React.ReactNode>;
+    children?: Array<React.ReactNode> | ((props: {
+        loading: boolean;
+        error: Error | null;
+    }) => React.ReactNode);
     onSubmit?: (e: FormEvent<HTMLFormElement>) => void;
     encType?: string;
     noValidate?: boolean;

package/dist/esnext/foundation/Form/Form.client.js

@@ -30,7 +30,7 @@ export function Form({ action, method, children, onSubmit, encType = 'applicatio
                 .then((fetchResponse) => {
                 const rscPathname = fetchResponse.headers.get('Hydrogen-RSC-Pathname');
                 if (!rscPathname)
-                    throw new Error(`The component's \`action\` attribute must point to an API route that responds with a new Request()\nRead more at https://shopify.dev/custom-storefronts/hydrogen/framework/forms`);
+                    throw new Error(`The component's \`action\` attribute must point to an API route that responds with a new Request()\nRead more at https://shopify.dev/custom-storefronts/hydrogen/forms`);
                 if (rscPathname !== window.location.pathname) {
                     window.history.pushState(null, '', rscPathname);
                 }

package/dist/esnext/foundation/ShopifyProvider/ShopifyProvider.server.d.ts

@@ -11,7 +11,7 @@ export declare const SHOPIFY_PROVIDER_CONTEXT_KEY: unique symbol;
 export declare function ShopifyProvider({ 
 /**
  * Shopify connection information. Defaults to
- * [the `shopify` property in the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config).
+ * [the `shopify` property in the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/configuration).
  */
 shopifyConfig, countryCode, languageCode, 
 /** Any `ReactNode` elements. */

package/dist/esnext/foundation/ShopifyProvider/ShopifyProvider.server.js

@@ -45,7 +45,7 @@ export const SHOPIFY_PROVIDER_CONTEXT_KEY = Symbol.for('SHOPIFY_PROVIDER_RSC');
 export function ShopifyProvider({ 
 /**
  * Shopify connection information. Defaults to
- * [the `shopify` property in the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config).
+ * [the `shopify` property in the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/configuration).
  */
 shopifyConfig, countryCode, languageCode, 
 /** Any `ReactNode` elements. */

package/dist/esnext/foundation/useQuery/hooks.d.ts

@@ -1,11 +1,11 @@
 import type { CachingStrategy, PreloadOptions, QueryKey } from '../../types.js';
 import type { HydrogenRequest } from '../HydrogenRequest/HydrogenRequest.server.js';
 export interface HydrogenUseQueryOptions {
-    /** The [caching strategy](https://shopify.dev/custom-storefronts/hydrogen/framework/cache#caching-strategies) to help you
+    /** The [caching strategy](https://shopify.dev/custom-storefronts/hydrogen/querying/cache#caching-strategies) to help you
      * determine which cache control header to set.
      */
     cache?: CachingStrategy;
-    /** Whether to [preload the query](https://shopify.dev/custom-storefronts/hydrogen/framework/preloaded-queries).
+    /** Whether to [preload the query](https://shopify.dev/custom-storefronts/hydrogen/querying/preloaded-queries).
      * Defaults to `false`. Specify `true` to preload the query for the URL or `'*'`
      * to preload the query for all requests.
      */

package/dist/esnext/foundation/useServerProps/use-server-props.d.ts

@@ -1,6 +1,6 @@
 import { ServerPropsContextValue, InternalServerPropsContextValue } from '../ServerPropsProvider/ServerPropsProvider.js';
 /**
- * The `useServerProps` hook allows you to manage the [server props](https://shopify.dev/custom-storefronts/hydrogen/framework/server-props) passed to your server components when using Hydrogen as a React Server Component framework. The server props get cleared when you navigate from one route to another.
+ * The `useServerProps` hook allows you to manage the [server props](https://shopify.dev/custom-storefronts/hydrogen/server-props) passed to your server components when using Hydrogen as a React Server Component framework. The server props get cleared when you navigate from one route to another.
  *
  * ## Return value
  *

package/dist/esnext/foundation/useServerProps/use-server-props.js

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import { ServerPropsContext, } from '../ServerPropsProvider/ServerPropsProvider.js';
 /**
- * The `useServerProps` hook allows you to manage the [server props](https://shopify.dev/custom-storefronts/hydrogen/framework/server-props) passed to your server components when using Hydrogen as a React Server Component framework. The server props get cleared when you navigate from one route to another.
+ * The `useServerProps` hook allows you to manage the [server props](https://shopify.dev/custom-storefronts/hydrogen/server-props) passed to your server components when using Hydrogen as a React Server Component framework. The server props get cleared when you navigate from one route to another.
  *
  * ## Return value
  *

package/dist/esnext/foundation/useShop/use-shop.d.ts

@@ -1,6 +1,6 @@
 /**
  * The `useShop` hook provides access to values within
- * [the `shopify` property in the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config).
+ * [the `shopify` property in the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/configuration).
  * The `useShop` hook must be a descendent of a `ShopifyProvider` component.
  */
 export declare function useShop(): import("../ShopifyProvider/types.js").ShopifyContextServerValue;

package/dist/esnext/foundation/useShop/use-shop.js

@@ -2,7 +2,7 @@ import { ShopifyContext } from '../ShopifyProvider/index.js';
 import { useEnvContext } from '../ssr-interop.js';
 /**
  * The `useShop` hook provides access to values within
- * [the `shopify` property in the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config).
+ * [the `shopify` property in the `hydrogen.config.js` file](https://shopify.dev/custom-storefronts/hydrogen/configuration).
  * The `useShop` hook must be a descendent of a `ShopifyProvider` component.
  */
 export function useShop() {

package/dist/esnext/hooks/useShopQuery/hooks.d.ts

@@ -14,13 +14,13 @@ export declare function useShopQuery<T>({ query, variables, cache, preload, }: {
     query?: string;
     /** An object of the variables for the GraphQL query. */
     variables?: Record<string, any>;
-    /** The [caching strategy](https://shopify.dev/custom-storefronts/hydrogen/framework/cache#caching-strategies) to
+    /** The [caching strategy](https://shopify.dev/custom-storefronts/hydrogen/querying/cache#caching-strategies) to
      * help you determine which cache control header to set.
      */
     cache?: CachingStrategy;
     /** A string corresponding to a valid locale identifier like `en-us` used to make the request. */
     locale?: string;
-    /** Whether to[preload the query](https://shopify.dev/custom-storefronts/hydrogen/framework/preloaded-queries).
+    /** Whether to[preload the query](https://shopify.dev//custom-storefronts/hydrogen/querying/preloaded-queries).
      * Defaults to `false`. Specify `true` to preload the query for the URL or `'*'`
      * to preload the query for all requests.
      */

package/dist/esnext/streaming.server.js

@@ -14,7 +14,7 @@ export async function bufferReadableStream(reader, cb) {
         const { done, value } = await reader.read();
         if (done)
             break;
-        const stringValue = typeof value === 'string' ? value : decoder.decode(value);
+        const stringValue = typeof value === 'string' ? value : decoder.decode(value, { stream: true });
         result += stringValue;
         if (cb) {
             cb(stringValue);

package/dist/esnext/utilities/log/log-query-timeline.js

@@ -100,6 +100,6 @@ export function logQueryTimings(type, request) {
         log.debug(yellow('Suspense waterfall detected on query: ' +
             firstSuspenseWaterfallQueryName));
         log.debug('  Add the `showQueryTiming` property to your Hydrogen configuration to see more information:');
-        log.debug('  https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config#logger');
+        log.debug('  https://shopify.dev/custom-storefronts/hydrogen/configuration#logger');
     }
 }

package/dist/esnext/utilities/parse.d.ts

@@ -1,4 +1,2 @@
 export declare function parseJSON(json: any): any;
-export declare function parseState(url: URL): {
-    [k: string]: string;
-} | undefined;
+export declare function parseState(url: URL): Record<string, any> | undefined;

package/dist/esnext/utilities/parse.js

@@ -11,13 +11,16 @@ function noproto(k, v) {
 export function parseState(url) {
     try {
         const { pathname, search } = url;
+        const stateParam = url.searchParams.get('state');
         const state = pathname === RSC_PATHNAME
-            ? parseJSON(url.searchParams.get('state') ?? '{}')
-            : { pathname, search };
-        return Object.fromEntries(Object.entries(state).map(([key, value]) => [
-            decodeURIComponent(key ?? ''),
-            decodeURIComponent(value ?? ''),
-        ]));
+            ? stateParam
+                ? parseJSON(decodeURIComponent(stateParam))
+                : {}
+            : {
+                pathname: decodeURIComponent(pathname),
+                search: decodeURIComponent(search),
+            };
+        return state;
     }
     catch {
         // Do not throw to prevent unhandled errors

package/dist/esnext/utilities/storefrontApi.js

@@ -13,7 +13,7 @@ export function getStorefrontApiRequestHeaders({ buyerIp, publicStorefrontToken,
                 log.error('No secret Shopify storefront API token was defined. This means your app will be rate limited!\nSee how to add the token: ');
             }
             else if (privateStorefrontToken) {
-                log.warn('The private shopify storefront API token was loaded implicitly by an environment variable. This is deprecated, and instead the variable should be defined directly in the Hydrogen Config.\nFor more information: https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config');
+                log.warn('The private shopify storefront API token was loaded implicitly by an environment variable. This is deprecated, and instead the variable should be defined directly in the Hydrogen Config.\nFor more information: https://shopify.dev/custom-storefronts/hydrogen/configuration');
             }
         }
     }
@@ -22,7 +22,7 @@ export function getStorefrontApiRequestHeaders({ buyerIp, publicStorefrontToken,
         if (!storefrontIdWarned) {
             storefrontIdWarned = true;
             if (storefrontId) {
-                log.warn('The storefrontId was loaded implicitly by an environment variable. This is deprecated, and instead the variable should be defined directly in the Hydrogen Config.\nFor more information: https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config');
+                log.warn('The storefrontId was loaded implicitly by an environment variable. This is deprecated, and instead the variable should be defined directly in the Hydrogen Config.\nFor more information: https://shopify.dev/custom-storefronts/hydrogen/configuration');
             }
         }
     }

package/dist/esnext/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.6.2";
+export declare const LIB_VERSION = "1.6.4";

package/dist/esnext/version.js

@@ -1 +1 @@
-export const LIB_VERSION = '1.6.2';
+export const LIB_VERSION = '1.6.4';

package/package.json

@@ -7,7 +7,7 @@
   "engines": {
     "node": ">=14"
   },
-  "version": "1.6.2",
+  "version": "1.6.4",
   "description": "Modern custom Shopify storefronts",
   "license": "MIT",
   "main": "dist/esnext/index.js",