@shopify/hydrogen 0.15.0 → 0.17.0

package/dist/node/foundation/session/session.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.emptySyncSessionImplementation = exports.emptySessionImplementation = exports.getSyncSessionApi = void 0;
+const suspense_1 = require("../../utilities/suspense");
+function getSyncSessionApi(request, componentResponse, log, session) {
+    const sessionPromises = {};
+    return session
+        ? {
+            get() {
+                if (!sessionPromises.getPromise) {
+                    sessionPromises.getPromise = (0, suspense_1.wrapPromise)(session.get(request));
+                }
+                return sessionPromises.getPromise.read();
+            },
+        }
+        : (0, exports.emptySyncSessionImplementation)(log);
+}
+exports.getSyncSessionApi = getSyncSessionApi;
+const emptySessionImplementation = function (log) {
+    return {
+        async get() {
+            log.warn('No session adapter has been configured!');
+            return {};
+        },
+        async set(key, value) {
+            log.warn('No session adapter has been configured!');
+        },
+        async destroy() {
+            log.warn('No session adapter has been configured!');
+            return;
+        },
+    };
+};
+exports.emptySessionImplementation = emptySessionImplementation;
+const emptySyncSessionImplementation = function (log) {
+    return {
+        get() {
+            log.warn('No session adapter has been configured!');
+            return {};
+        },
+    };
+};
+exports.emptySyncSessionImplementation = emptySyncSessionImplementation;

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

@@ -0,0 +1,21 @@
+import { ServerPropsContextValue, InternalServerPropsContextValue } from '../ServerPropsProvider/ServerPropsProvider';
+/**
+ * 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.
+ *
+ * ## Return value
+ *
+ * The `useServerProps` hook returns an object with the following keys:
+ *
+ * | Key              | Description                                                                            |
+ * | ---------------- | -------------------------------------------------------------------------------------- |
+ * | `serverProps`    | The current server props.                                                              |
+ * | `setServerProps` | A function used to modify server props.                                                |
+ * | `pending`        | Whether a [transition is pending](https://github.com/reactwg/react-18/discussions/41). |
+ *
+ */
+export declare function useServerProps(): ServerPropsContextValue;
+/**
+ * Internal-only hook to manage server state, including to set location server state
+ * @internal
+ */
+export declare function useInternalServerProps(): InternalServerPropsContextValue;

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInternalServerProps = exports.useServerProps = void 0;
+const react_1 = require("react");
+const ServerPropsProvider_1 = require("../ServerPropsProvider/ServerPropsProvider");
+/**
+ * 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.
+ *
+ * ## Return value
+ *
+ * The `useServerProps` hook returns an object with the following keys:
+ *
+ * | Key              | Description                                                                            |
+ * | ---------------- | -------------------------------------------------------------------------------------- |
+ * | `serverProps`    | The current server props.                                                              |
+ * | `setServerProps` | A function used to modify server props.                                                |
+ * | `pending`        | Whether a [transition is pending](https://github.com/reactwg/react-18/discussions/41). |
+ *
+ */
+function useServerProps() {
+    const internalServerPropsContext = (0, react_1.useContext)(ServerPropsProvider_1.ServerPropsContext);
+    if (!internalServerPropsContext) {
+        return {};
+    }
+    return {
+        serverProps: internalServerPropsContext.serverProps,
+        setServerProps: internalServerPropsContext.setServerProps,
+        pending: internalServerPropsContext.pending,
+    };
+}
+exports.useServerProps = useServerProps;
+/**
+ * Internal-only hook to manage server state, including to set location server state
+ * @internal
+ */
+function useInternalServerProps() {
+    var _a;
+    return ((_a = (0, react_1.useContext)(ServerPropsProvider_1.ServerPropsContext)) !== null && _a !== void 0 ? _a : {});
+}
+exports.useInternalServerProps = useInternalServerProps;

package/dist/node/framework/Hydration/ServerComponentRequest.server.d.ts

@@ -3,6 +3,7 @@ import type { QueryCacheControlHeaders } from '../../utilities/log/log-cache-hea
 import type { QueryTiming } from '../../utilities/log/log-query-timeline';
 import type { PreloadOptions, QueryKey } from '../../types';
 import { HelmetData as HeadData } from 'react-helmet-async';
+import { SessionSyncApi } from '../../foundation/session/session';
 export declare type PreloadQueryEntry = {
     key: QueryKey;
     fetcher: () => Promise<unknown>;
@@ -37,6 +38,7 @@ export declare class ServerComponentRequest extends Request {
         analyticsData: any;
         router: RouterContextData;
         buyerIpHeader?: string;
+        session?: SessionSyncApi;
         [key: string]: any;
     };
     constructor(input: any);

package/dist/node/framework/plugins/vite-plugin-hydrogen-config.js

@@ -1,10 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = () => {
+    const rollupOptions = {
+        output: {},
+    };
+    if (process.env.WORKER) {
+        /**
+         * By default, SSR dedupe logic gets bundled which runs `require('module')`.
+         * We don't want this in our workers runtime, because `require` is not supported.
+         */
+        rollupOptions.output = {
+            format: 'es',
+        };
+    }
+    if (!process.env.LOCAL_DEV) {
+        /**
+         * Ofuscate production asset name - To prevent ad blocker logics that blocks
+         * certain files due to how it is named.
+         */
+        rollupOptions.output = {
+            chunkFileNames: '[hash].js',
+        };
+    }
     return {
         name: 'vite-plugin-hydrogen-config',
         config: async (config, env) => {
-            var _a, _b;
+            var _a, _b, _c;
             return ({
                 resolve: {
                     alias: {
@@ -15,17 +36,9 @@ exports.default = () => {
                 build: {
                     minify: (_b = (_a = config.build) === null || _a === void 0 ? void 0 : _a.minify) !== null && _b !== void 0 ? _b : 'esbuild',
                     sourcemap: true,
-                    /**
-                     * By default, SSR dedupe logic gets bundled which runs `require('module')`.
-                     * We don't want this in our workers runtime, because `require` is not supported.
-                     */
-                    rollupOptions: process.env.WORKER
-                        ? {
-                            output: {
-                                format: 'es',
-                            },
-                        }
-                        : {},
+                    rollupOptions: ((_c = config.build) === null || _c === void 0 ? void 0 : _c.rollupOptions)
+                        ? Object.assign(rollupOptions, config.build.rollupOptions)
+                        : rollupOptions,
                 },
                 ssr: {
                     /**
@@ -66,6 +79,8 @@ exports.default = () => {
                         'react',
                         'react-dom/client',
                         'react-server-dom-vite/client-proxy',
+                        // https://github.com/vitejs/vite/issues/6215
+                        'react/jsx-runtime',
                     ],
                 },
                 define: {

package/dist/node/storefront-api-types.d.ts

@@ -26,7 +26,7 @@ export declare type Scalars = {
     Float: number;
     /**
      * Represents an [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601)-encoded date and time string.
-     * For example, 3:30 pm on September 7, 2019 in the time zone of UTC (Coordinated Universal Time) is
+     * For example, 3:50 pm on September 7, 2019 in the time zone of UTC (Coordinated Universal Time) is
      * represented as `"2019-09-07T15:50:00Z`".
      *
      */
@@ -423,7 +423,10 @@ export declare type Cart = Node & {
     createdAt: Scalars['DateTime'];
     /** The delivery groups available for the cart, based on the default address of the logged-in customer. */
     deliveryGroups: CartDeliveryGroupConnection;
-    /** The discount codes that have been applied to the cart. */
+    /**
+     * The case-insensitive discount codes that the customer added at checkout.
+     *
+     */
     discountCodes: Array<CartDiscountCode>;
     /** The estimated costs that the buyer will pay at checkout. The estimated costs are subject to change and changes will be reflected at checkout. The `estimatedCost` field uses the `buyerIdentity` field to determine [international pricing](https://shopify.dev/api/examples/international-pricing#create-a-cart). */
     estimatedCost: CartEstimatedCost;
@@ -621,9 +624,9 @@ export declare enum CartErrorCode {
  */
 export declare type CartEstimatedCost = {
     __typename?: 'CartEstimatedCost';
-    /** The estimated amount, before taxes and discounts, for the customer to pay at checkout. */
+    /** The estimated amount, before taxes and discounts, for the customer to pay. */
     subtotalAmount: MoneyV2;
-    /** The estimated total amount for the customer to pay at checkout. */
+    /** The estimated total amount for the customer to pay. */
     totalAmount: MoneyV2;
     /** The estimated duty amount for the customer to pay at checkout. */
     totalDutyAmount?: Maybe<MoneyV2>;
@@ -636,7 +639,10 @@ export declare type CartInput = {
     attributes?: InputMaybe<Array<AttributeInput>>;
     /** The customer associated with the cart. Used to determine [international pricing](https://shopify.dev/api/examples/international-pricing#create-a-checkout). Buyer identity should match the customer's shipping address. */
     buyerIdentity?: InputMaybe<CartBuyerIdentityInput>;
-    /** The discount codes to apply to the cart. */
+    /**
+     * The case-insensitive discount codes that the customer added at checkout.
+     *
+     */
     discountCodes?: InputMaybe<Array<Scalars['String']>>;
     /** A list of merchandise lines to add to the cart. */
     lines?: InputMaybe<Array<CartLineInput>>;
@@ -777,7 +783,7 @@ export declare type Checkout = Node & {
     completedAt?: Maybe<Scalars['DateTime']>;
     /** The date and time when the checkout was created. */
     createdAt: Scalars['DateTime'];
-    /** The currency code for the Checkout. */
+    /** The currency code for the checkout. */
     currencyCode: CurrencyCode;
     /** A list of extra information that is added to the checkout. */
     customAttributes: Array<Attribute>;
@@ -830,9 +836,9 @@ export declare type Checkout = Node & {
     subtotalPrice: Scalars['Money'];
     /** Price of the checkout before duties, shipping and taxes. */
     subtotalPriceV2: MoneyV2;
-    /** Specifies if the Checkout is tax exempt. */
+    /** Whether the checkout is tax exempt. */
     taxExempt: Scalars['Boolean'];
-    /** Specifies if taxes are included in the line item and shipping line prices. */
+    /** Whether taxes are included in the line item and shipping line prices. */
     taxesIncluded: Scalars['Boolean'];
     /** The sum of all the duties applied to the line items in the checkout. */
     totalDuties?: Maybe<MoneyV2>;
@@ -1653,7 +1659,13 @@ export declare type Country = {
     /** The unit system used in the country. */
     unitSystem: UnitSystem;
 };
-/** ISO 3166-1 alpha-2 country codes with some differences. */
+/**
+ * The code designating a country, which generally follows ISO 3166-1 alpha-2 guidelines.
+ * If a territory doesn't have a country code value in the `CountryCode` enum, it might be considered a subdivision
+ * of another country. For example, the territories associated with Spain are represented by the country code `ES`,
+ * and the territories associated with the United States of America are represented by the country code `US`.
+ *
+ */
 export declare enum CountryCode {
     /** Ascension Island. */
     Ac = "AC",
@@ -3105,7 +3117,13 @@ export declare type Filter = {
     /** The list of values for this filter. */
     values: Array<FilterValue>;
 };
-/** Denotes the type of data this filter group represents. */
+/**
+ * The type of data that the filter group represents.
+ *
+ * For more information, refer to [Filter products in a collection with the Storefront API]
+ * (https://shopify.dev/api/examples/filter-products).
+ *
+ */
 export declare enum FilterType {
     /** A boolean value. */
     Boolean = "BOOLEAN",
@@ -3204,7 +3222,7 @@ export declare type GenericFile = Node & {
     alt?: Maybe<Scalars['String']>;
     /** A globally-unique identifier. */
     id: Scalars['ID'];
-    /** The mime type of the file. */
+    /** The MIME type of the file. */
     mimeType?: Maybe<Scalars['String']>;
     /** The size of the original file in bytes. */
     originalFileSize?: Maybe<Scalars['Int']>;
@@ -5781,9 +5799,9 @@ export declare type SellingPlan = {
     id: Scalars['ID'];
     /** The name of the selling plan. For example, '6 weeks of prepaid granola, delivered weekly'. */
     name: Scalars['String'];
-    /** Represents the selling plan options available in the drop-down list in the storefront. For example, 'Delivery every week' or 'Delivery every 2 weeks' specifies the delivery frequency options for the product. */
+    /** The selling plan options available in the drop-down list in the storefront. For example, 'Delivery every week' or 'Delivery every 2 weeks' specifies the delivery frequency options for the product. */
     options: Array<SellingPlanOption>;
-    /** Represents how a selling plan affects pricing when a variant is purchased with a selling plan. */
+    /** The price adjustments that a selling plan makes when a variant is purchased with a selling plan. */
     priceAdjustments: Array<SellingPlanPriceAdjustment>;
     /** Whether purchasing the selling plan will result in multiple deliveries. */
     recurringDeliveries: Scalars['Boolean'];

package/dist/node/storefront-api-types.js

@@ -173,7 +173,13 @@ var CollectionSortKeys;
     /** Sort by the `updated_at` value. */
     CollectionSortKeys["UpdatedAt"] = "UPDATED_AT";
 })(CollectionSortKeys = exports.CollectionSortKeys || (exports.CollectionSortKeys = {}));
-/** ISO 3166-1 alpha-2 country codes with some differences. */
+/**
+ * The code designating a country, which generally follows ISO 3166-1 alpha-2 guidelines.
+ * If a territory doesn't have a country code value in the `CountryCode` enum, it might be considered a subdivision
+ * of another country. For example, the territories associated with Spain are represented by the country code `ES`,
+ * and the territories associated with the United States of America are represented by the country code `US`.
+ *
+ */
 var CountryCode;
 (function (CountryCode) {
     /** Ascension Island. */
@@ -1104,7 +1110,13 @@ var DiscountApplicationTargetType;
     /** The discount applies onto shipping lines. */
     DiscountApplicationTargetType["ShippingLine"] = "SHIPPING_LINE";
 })(DiscountApplicationTargetType = exports.DiscountApplicationTargetType || (exports.DiscountApplicationTargetType = {}));
-/** Denotes the type of data this filter group represents. */
+/**
+ * The type of data that the filter group represents.
+ *
+ * For more information, refer to [Filter products in a collection with the Storefront API]
+ * (https://shopify.dev/api/examples/filter-products).
+ *
+ */
 var FilterType;
 (function (FilterType) {
     /** A boolean value. */

package/dist/node/types.d.ts

@@ -4,6 +4,7 @@ import type { Logger } from './utilities/log/log';
 import type { ServerComponentRequest } from './framework/Hydration/ServerComponentRequest.server';
 import type { ServerComponentResponse } from './framework/Hydration/ServerComponentResponse.server';
 import type { Metafield, ProductVariant, Product, MediaImage } from './storefront-api-types';
+import type { SessionStorageAdapter } from './foundation/session/session';
 declare type CommonOptions = {
     App: any;
     routes?: ImportGlobEagerOutput;
@@ -42,6 +43,7 @@ export declare type ServerHandlerConfig = {
     routes?: ImportGlobEagerOutput;
     shopifyConfig: ShopifyConfig;
     serverAnalyticsConnectors?: Array<ServerAnalyticsConnector>;
+    session?: (log: Logger) => SessionStorageAdapter;
 };
 export declare type ClientHandlerConfig = {
     shopifyConfig: ShopifyConfig;

package/dist/node/utilities/apiRoutes.d.ts

@@ -1,9 +1,12 @@
 import { ImportGlobEagerOutput, ShopifyConfig } from '../types';
+import type { ServerComponentRequest } from '../framework/Hydration/ServerComponentRequest.server';
 import type { ASTNode } from 'graphql';
+import { SessionApi, SessionStorageAdapter } from '../foundation/session/session';
 declare type RouteParams = Record<string, string>;
 declare type RequestOptions = {
     params: RouteParams;
     queryShop: (args: QueryShopArgs) => Promise<any>;
+    session: SessionApi | null;
 };
 declare type ResourceGetter = (request: Request, requestOptions: RequestOptions) => Promise<Response | Object | String>;
 interface HydrogenApiRoute {
@@ -29,8 +32,6 @@ interface QueryShopArgs {
     query: ASTNode | string;
     /** An object of the variables for the GraphQL query. */
     variables?: Record<string, any>;
-    /** A string corresponding to a valid locale identifier like `en-us` used to make the request. */
-    locale?: string;
 }
-export declare function renderApiRoute(request: Request, route: ApiRouteMatch, shopifyConfig: ShopifyConfig): Promise<Response | Request>;
+export declare function renderApiRoute(request: ServerComponentRequest, route: ApiRouteMatch, shopifyConfig: ShopifyConfig, session?: SessionStorageAdapter): Promise<Response | Request>;
 export {};

package/dist/node/utilities/apiRoutes.js

@@ -4,6 +4,8 @@ exports.renderApiRoute = exports.getApiRouteFromURL = exports.getApiRoutes = voi
 const matchPath_1 = require("./matchPath");
 const log_1 = require("../utilities/log/");
 const fetch_1 = require("./fetch");
+const storefrontApi_1 = require("./storefrontApi");
+const session_1 = require("../foundation/session/session");
 let memoizedRoutes = [];
 let memoizedPages = {};
 function getApiRoutes(pages, topLevelPath = '*') {
@@ -69,30 +71,49 @@ function getApiRouteFromURL(url, routes) {
     };
 }
 exports.getApiRouteFromURL = getApiRouteFromURL;
-function queryShopBuilder(shopifyConfig) {
-    return async function queryShop({ query, variables, locale, }) {
-        var _a;
-        const { storeDomain, storefrontApiVersion, storefrontToken, defaultLocale } = shopifyConfig;
+function queryShopBuilder(shopifyConfig, request) {
+    return async function queryShop({ query, variables, }) {
+        const { storeDomain, storefrontApiVersion, storefrontToken } = shopifyConfig;
+        const buyerIp = request.getBuyerIp();
+        const extraHeaders = (0, storefrontApi_1.getStorefrontApiRequestHeaders)({
+            buyerIp,
+            storefrontToken,
+        });
         const fetcher = (0, fetch_1.fetchBuilder)(`https://${storeDomain}/api/${storefrontApiVersion}/graphql.json`, {
             method: 'POST',
             body: (0, fetch_1.graphqlRequestBody)(query, variables),
             headers: {
-                'X-Shopify-Storefront-Access-Token': storefrontToken,
-                'Accept-Language': (_a = locale) !== null && _a !== void 0 ? _a : defaultLocale,
                 'Content-Type': 'application/json',
+                ...extraHeaders,
             },
         });
         return await fetcher();
     };
 }
-async function renderApiRoute(request, route, shopifyConfig) {
+async function renderApiRoute(request, route, shopifyConfig, session) {
     var _a;
     let response;
     const log = (0, log_1.getLoggerWithContext)(request);
+    let cookieToSet = '';
     try {
         response = await route.resource(request, {
             params: route.params,
-            queryShop: queryShopBuilder(shopifyConfig),
+            queryShop: queryShopBuilder(shopifyConfig, request),
+            session: session
+                ? {
+                    async get() {
+                        return session.get(request);
+                    },
+                    async set(key, value) {
+                        const data = await session.get(request);
+                        data[key] = value;
+                        cookieToSet = await session.set(request, data);
+                    },
+                    async destroy() {
+                        cookieToSet = await session.destroy(request);
+                    },
+                }
+                : (0, session_1.emptySessionImplementation)(log),
         });
         if (!(response instanceof Response || response instanceof Request)) {
             if (typeof response === 'string' || response instanceof String) {
@@ -106,6 +127,12 @@ async function renderApiRoute(request, route, shopifyConfig) {
                 });
             }
         }
+        if (!response) {
+            response = new Response(null);
+        }
+        if (cookieToSet) {
+            response.headers.set('Set-Cookie', cookieToSet);
+        }
     }
     catch (e) {
         log.error(e);

package/dist/node/utilities/flattenConnection/flattenConnection.d.ts

@@ -1,6 +1,6 @@
 import type { GraphQLConnection } from '../../types';
 import type { PartialDeep } from 'type-fest';
 /**
- * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](/api/storefront/reference/products/product)) into a flat array of nodes.
+ * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](https://shopify.dev/api/storefront/reference/products/product)) into a flat array of nodes.
  */
 export declare function flattenConnection<T>(connection: PartialDeep<GraphQLConnection<T>>): PartialDeep<T>[];

package/dist/node/utilities/flattenConnection/flattenConnection.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.flattenConnection = void 0;
 /**
- * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](/api/storefront/reference/products/product)) into a flat array of nodes.
+ * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](https://shopify.dev/api/storefront/reference/products/product)) into a flat array of nodes.
  */
 function flattenConnection(connection) {
     return (connection.edges || []).map((edge) => {

package/dist/node/utilities/parseMetafieldValue/parseMetafieldValue.d.ts

@@ -1,6 +1,6 @@
 import type { Metafield } from '../../storefront-api-types';
 import type { PartialDeep } from 'type-fest';
 /**
- * The `parseMetafieldValue` function parses a [Metafield](/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](/api/storefront/reference/common-objects/metafield)'s `type`.
+ * The `parseMetafieldValue` function parses a [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `type`.
  */
 export declare function parseMetafieldValue(metafield: PartialDeep<Metafield>): any;

package/dist/node/utilities/parseMetafieldValue/parseMetafieldValue.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseMetafieldValue = void 0;
 /**
- * The `parseMetafieldValue` function parses a [Metafield](/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](/api/storefront/reference/common-objects/metafield)'s `type`.
+ * The `parseMetafieldValue` function parses a [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `type`.
  */
 function parseMetafieldValue(metafield) {
     if (metafield.value == null) {

package/dist/node/utilities/storefrontApi.d.ts

@@ -0,0 +1,4 @@
+export declare function getStorefrontApiRequestHeaders({ buyerIp, storefrontToken, }: {
+    buyerIp?: string | null;
+    storefrontToken: string;
+}): Record<string, any>;

package/dist/node/utilities/storefrontApi.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStorefrontApiRequestHeaders = void 0;
+const constants_1 = require("../constants");
+function getStorefrontApiRequestHeaders({ buyerIp, storefrontToken, }) {
+    var _a;
+    const headers = {};
+    const secretToken = typeof Oxygen !== 'undefined'
+        ? (_a = Oxygen === null || Oxygen === void 0 ? void 0 : Oxygen.env) === null || _a === void 0 ? void 0 : _a[constants_1.OXYGEN_SECRET_TOKEN_ENVIRONMENT_VARIABLE]
+        : null;
+    /**
+     * Only pass one type of storefront token at a time.
+     */
+    if (secretToken) {
+        headers[constants_1.STOREFRONT_API_SECRET_TOKEN_HEADER] = secretToken;
+    }
+    else {
+        headers[constants_1.STOREFRONT_API_PUBLIC_TOKEN_HEADER] = storefrontToken;
+    }
+    if (buyerIp) {
+        headers[constants_1.STOREFRONT_API_BUYER_IP_HEADER] = buyerIp;
+    }
+    return headers;
+}
+exports.getStorefrontApiRequestHeaders = getStorefrontApiRequestHeaders;

package/dist/node/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "0.15.0";
+export declare const LIB_VERSION = "0.17.0";

package/dist/node/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
-exports.LIB_VERSION = '0.15.0';
+exports.LIB_VERSION = '0.17.0';

package/package.json

@@ -7,7 +7,7 @@
   "engines": {
     "node": ">=14"
   },
-  "version": "0.15.0",
+  "version": "0.17.0",
   "description": "Modern custom Shopify storefronts",
   "license": "MIT",
   "main": "dist/esnext/index.js",
@@ -71,6 +71,7 @@
     "@types/react": "^17.0.3",
     "@types/react-dom": "^17.0.3",
     "@types/ws": "^8.2.0",
+    "@types/uuid": "^8.3.4",
     "babel-loader": "^8.2.2",
     "cpy-cli": "3.1.1",
     "mkdirp": "^1.0.4",
@@ -101,6 +102,8 @@
   "dependencies": {
     "@vitejs/plugin-react": "^1.3.0",
     "abort-controller": "^3.0.0",
+    "worktop": "^0.7.3",
+    "uuid": "^8.3.2",
     "body-parser": "^1.19.2",
     "connect": "^3.7.0",
     "es-module-lexer": "^0.10.0",

package/dist/esnext/foundation/ServerStateProvider/index.d.ts

@@ -1,2 +0,0 @@
-export { ServerStateProvider, ServerStateContext } from './ServerStateProvider';
-export type { ServerState, ServerStateContextValue } from './ServerStateProvider';

package/dist/esnext/foundation/ServerStateProvider/index.js

@@ -1 +0,0 @@
-export { ServerStateProvider, ServerStateContext } from './ServerStateProvider';

package/dist/esnext/foundation/useServerState/index.d.ts

@@ -1 +0,0 @@
-export { useServerState } from './use-server-state';

package/dist/esnext/foundation/useServerState/index.js

@@ -1 +0,0 @@
-export { useServerState } from './use-server-state';

package/dist/esnext/foundation/useServerState/use-server-state.d.ts

@@ -1,16 +0,0 @@
-import { ServerStateContextValue } from '../ServerStateProvider';
-/**
- * The `useServerState` hook allows you to [manage server state](/custom-storefronts/hydrogen/framework/server-state) when using Hydrogen as a React Server Component framework.
- *
- * ## Return value
- *
- * The `useServerState` hook returns an object with the following keys:
- *
- * | Key            | Description                                                                                                   |
- * | -------------- | ------------------------------------------------------------------------------------------------------------- |
- * | `serverState`    | The current server state.                                                                                      |
- * | `setServerState` | A function used to modify server state.                                                                       |
- * | `pending`        | Whether a [transition is pending](https://github.com/reactwg/react-18/discussions/41). |
- *
- */
-export declare function useServerState(): ServerStateContextValue;

package/dist/esnext/foundation/useServerState/use-server-state.js

@@ -1,20 +0,0 @@
-import { useContext } from 'react';
-import { ServerStateContext, } from '../ServerStateProvider';
-/**
- * The `useServerState` hook allows you to [manage server state](/custom-storefronts/hydrogen/framework/server-state) when using Hydrogen as a React Server Component framework.
- *
- * ## Return value
- *
- * The `useServerState` hook returns an object with the following keys:
- *
- * | Key            | Description                                                                                                   |
- * | -------------- | ------------------------------------------------------------------------------------------------------------- |
- * | `serverState`    | The current server state.                                                                                      |
- * | `setServerState` | A function used to modify server state.                                                                       |
- * | `pending`        | Whether a [transition is pending](https://github.com/reactwg/react-18/discussions/41). |
- *
- */
-export function useServerState() {
-    var _a;
-    return ((_a = useContext(ServerStateContext)) !== null && _a !== void 0 ? _a : {});
-}

package/dist/node/foundation/ServerStateProvider/ServerStateProvider.d.ts

@@ -1,30 +0,0 @@
-import React, { ReactNode } from 'react';
-declare global {
-    var __DEV__: boolean;
-}
-export interface ServerState {
-    pathname: string;
-    search: string;
-    [key: string]: any;
-}
-declare type ServerStateSetterInput = ((prev: ServerState) => Partial<ServerState>) | Partial<ServerState> | string;
-export interface ServerStateSetter {
-    (input: ServerStateSetterInput, propValue?: any): void;
-}
-interface ProposedServerStateSetter {
-    (input: ServerStateSetterInput, propValue?: any): ServerState;
-}
-export interface ServerStateContextValue {
-    pending: boolean;
-    serverState: ServerState;
-    setServerState: ServerStateSetter;
-    getProposedServerState: ProposedServerStateSetter;
-}
-export declare const ServerStateContext: React.Context<ServerStateContextValue>;
-interface ServerStateProviderProps {
-    serverState: ServerState;
-    setServerState: React.Dispatch<React.SetStateAction<ServerState>>;
-    children: ReactNode;
-}
-export declare function ServerStateProvider({ serverState, setServerState, children, }: ServerStateProviderProps): JSX.Element;
-export {};