@shopify/hydrogen 0.17.1 → 0.18.0

package/dist/esnext/framework/plugins/vite-plugin-hydrogen-middleware.js

@@ -1,13 +1,19 @@
-import { loadEnv } from 'vite';
+import { loadEnv, normalizePath } from 'vite';
 import bodyParser from 'body-parser';
 import path from 'path';
 import { promises as fs } from 'fs';
 import { hydrogenMiddleware, graphiqlMiddleware } from '../middleware';
 import { InMemoryCache } from '../cache/in-memory';
 export const HYDROGEN_DEFAULT_SERVER_ENTRY = '/src/App.server';
-export default (shopifyConfig, pluginOptions) => {
+const virtualModuleId = 'virtual:hydrogen-config';
+const virtualProxyModuleId = virtualModuleId + ':proxy';
+export default (pluginOptions) => {
+    let config;
     return {
         name: 'vite-plugin-hydrogen-middleware',
+        configResolved(_config) {
+            config = _config;
+        },
         /**
          * By adding a middleware to the Vite dev server, we can handle SSR without needing
          * a custom node script. It works by handling any requests for `text/html` documents,
@@ -24,13 +30,27 @@ export default (shopifyConfig, pluginOptions) => {
             // The default vite middleware rewrites the URL `/graphqil` to `/index.html`
             // By running this middleware first, we avoid that.
             server.middlewares.use(graphiqlMiddleware({
-                shopifyConfig,
                 dev: true,
+                getShopifyConfig: async (incomingMessage) => {
+                    var _a;
+                    const { default: hydrogenConfig } = await server.ssrLoadModule('virtual:hydrogen-config:proxy');
+                    // @ts-ignore
+                    const { address = 'localhost', port = '3000' } = ((_a = server.httpServer) === null || _a === void 0 ? void 0 : _a.address()) || {};
+                    const url = new URL(`http://${address}:${port}${incomingMessage.url}`);
+                    const request = new Request(url.toString(), {
+                        headers: incomingMessage.headers,
+                    });
+                    // @ts-expect-error Manually set `normalizedUrl` which a developer expects to be available
+                    // via `ServerComponentRequest` during production runtime.
+                    request.normalizedUrl = request.url;
+                    return typeof hydrogenConfig.shopify === 'function'
+                        ? hydrogenConfig.shopify(request)
+                        : hydrogenConfig.shopify;
+                },
             }));
             server.middlewares.use(bodyParser.raw({ type: '*/*' }));
             return () => server.middlewares.use(hydrogenMiddleware({
                 dev: true,
-                shopifyConfig,
                 indexTemplate: getIndexTemplate,
                 getServerEntrypoint: () => server.ssrLoadModule(process.env.HYDROGEN_SERVER_ENTRY ||
                     HYDROGEN_DEFAULT_SERVER_ENTRY),
@@ -40,6 +60,26 @@ export default (shopifyConfig, pluginOptions) => {
                     : undefined,
             }));
         },
+        async resolveId(source, importer) {
+            if (source === virtualModuleId) {
+                const configPath = await findHydrogenConfigPath(config.root, pluginOptions.configPath);
+                return this.resolve(configPath, importer, {
+                    skipSelf: true,
+                });
+            }
+            if (source === virtualProxyModuleId) {
+                // Virtual modules convention
+                // https://vitejs.dev/guide/api-plugin.html#virtual-modules-convention
+                return '\0' + virtualProxyModuleId;
+            }
+        },
+        async load(id) {
+            if (id === '\0' + virtualProxyModuleId) {
+                // Likely due to a bug in Vite, but the config cannot be loaded
+                // directly using ssrLoadModule. It needs to be proxied as follows:
+                return `import hc from 'virtual:hydrogen-config'; export default hc;`;
+            }
+        },
     };
 };
 async function polyfillOxygenEnv(config) {
@@ -54,3 +94,18 @@ async function polyfillOxygenEnv(config) {
     }
     globalThis.Oxygen = { env };
 }
+async function findHydrogenConfigPath(root, userProvidedPath) {
+    let configPath = userProvidedPath;
+    if (!configPath) {
+        // Find the config file in the project root
+        const files = await fs.readdir(root);
+        configPath = files.find((file) => /^hydrogen\.config\.[jt]s$/.test(file));
+    }
+    if (configPath) {
+        configPath = normalizePath(configPath);
+        if (!configPath.startsWith('/'))
+            configPath = path.resolve(root, configPath);
+    }
+    return (configPath ||
+        require.resolve('@shopify/hydrogen/dist/esnext/utilities/empty-hydrogen-config.js'));
+}

package/dist/esnext/framework/plugins/vite-plugin-platform-entry.js

@@ -19,7 +19,7 @@ export default () => {
             }
         },
         resolveId(source, importer) {
-            if (normalizePath(source).includes('@shopify/hydrogen/platforms/')) {
+            if (normalizePath(source).includes('/hydrogen/platforms/')) {
                 const hydrogenPath = path.dirname(require.resolve('@shopify/hydrogen/package.json'));
                 const platformEntryName = source.split(path.sep).pop() || '';
                 const platformEntryPath = path.resolve(hydrogenPath, 'dist', 'esnext', 'platforms', platformEntryName);
@@ -30,7 +30,7 @@ export default () => {
             return null;
         },
         transform(code, id) {
-            if (normalizePath(id).includes('@shopify/hydrogen/dist/esnext/platforms/')) {
+            if (normalizePath(id).includes('/hydrogen/dist/esnext/platforms/')) {
                 code = code
                     .replace('__SERVER_ENTRY__', process.env.HYDROGEN_SERVER_ENTRY || HYDROGEN_DEFAULT_SERVER_ENTRY)
                     .replace('__INDEX_TEMPLATE__', normalizePath(path.resolve(config.root, config.build.outDir, '..', 'client', 'index.html')));

package/dist/esnext/hooks/useLoadScript/index.d.ts

@@ -1 +1 @@
-export { useLoadScript } from './useLoadScript';
+export { useLoadScript } from './useLoadScript.client';

package/dist/esnext/hooks/useLoadScript/index.js

@@ -1 +1 @@
-export { useLoadScript } from './useLoadScript';
+export { useLoadScript } from './useLoadScript.client';

package/dist/esnext/hooks/useLoadScript/{useLoadScript.js → useLoadScript.client.js}

@@ -5,6 +5,7 @@ import { useState, useEffect } from 'react';
  */
 export function useLoadScript(url, options) {
     const [status, setStatus] = useState('loading');
+    const stringifiedOptions = JSON.stringify(options);
     useEffect(() => {
         async function loadScriptWrapper() {
             try {
@@ -17,6 +18,6 @@ export function useLoadScript(url, options) {
             }
         }
         loadScriptWrapper();
-    }, [url, JSON.stringify(options)]);
+    }, [url, stringifiedOptions, options]);
     return status;
 }

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

@@ -26,13 +26,25 @@ export declare type UseMoneyValue = {
     parts: Intl.NumberFormatPart[];
     /**
      * A string returned by `new Intl.NumberFormat` for the amount and currency code,
-     * using the `shopify.config.js` locale.
+     * using the `defaultLocale` value in [`hydrogenConfig.shopify`](https://shopify.dev/custom-storefronts/hydrogen/framework/hydrogen-config).
      */
     localizedString: string;
     /**
      * The `MoneyV2` object provided as an argument to the hook.
      */
     original: MoneyV2;
+    /**
+     * A string with trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.
+     * For example, `$640.00` turns into `$640`.
+     * `$640.42` remains `$640.42`.
+     */
+    withoutTrailingZeros: string;
+    /**
+     * A string without currency and without trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.
+     * For example, `$640.00` turns into `640`.
+     * `$640.42` turns into `640.42`.
+     */
+    withoutTrailingZerosAndCurrency: string;
 };
 /**
  * The `useMoney` hook takes a [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) and returns a

package/dist/esnext/hooks/useMoney/hooks.js

@@ -22,6 +22,20 @@ export function useMoney(money) {
         ...options,
         currencyDisplay: 'narrowSymbol',
     }).formatToParts(amount);
+    const withoutTrailingZerosFormatter = new Intl.NumberFormat(locale, {
+        ...options,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+    });
+    const withoutCurrencyFormatter = new Intl.NumberFormat(locale);
+    const withoutTrailingZerosOrCurrencyFormatter = new Intl.NumberFormat(locale, {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+    });
+    const withoutTrailingZeros = amount % 1 === 0 ? withoutTrailingZerosFormatter.format(amount) : value;
+    const withoutTrailingZerosAndCurrency = amount % 1 === 0
+        ? withoutTrailingZerosOrCurrencyFormatter.format(amount)
+        : withoutCurrencyFormatter.format(amount);
     const moneyValue = useMemo(() => {
         var _a, _b, _c, _d, _e, _f;
         return ({
@@ -36,7 +50,17 @@ export function useMoney(money) {
                 .map((part) => part.value)
                 .join(''),
             original: money,
+            withoutTrailingZeros,
+            withoutTrailingZerosAndCurrency,
         });
-    }, [baseParts, money, nameParts, narrowParts, value]);
+    }, [
+        baseParts,
+        money,
+        nameParts,
+        narrowParts,
+        value,
+        withoutTrailingZeros,
+        withoutTrailingZerosAndCurrency,
+    ]);
     return moneyValue;
 }

package/dist/esnext/hooks/useParsedMetafields/useParsedMetafields.js

@@ -7,8 +7,6 @@ import { flattenConnection, parseMetafieldValue } from '../../utilities';
 export function useParsedMetafields(
 /** A [MetafieldConnection](https://shopify.dev/api/storefront/reference/common-objects/metafieldconnection). */
 metafields) {
-    var _a, _b;
-    (_b = (_a = metafields === null || metafields === void 0 ? void 0 : metafields.edges) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.node;
     return useMemo(() => {
         if (!metafields) {
             throw new Error(`'useParsedMetafields' needs metafields`);

package/dist/esnext/hooks/useProduct/useProduct.js

@@ -9,7 +9,7 @@ export function useProduct() {
     const data = useContext(ProductContext);
     let state;
     try {
-        state = (_a = useContext(ProductOptionsContext)) !== null && _a !== void 0 ? _a : { ...stateFallback };
+        state = (_a = useContext(ProductOptionsContext)) !== null && _a !== void 0 ? _a : { ...stateFallback }; // eslint-disable-line react-hooks/rules-of-hooks
     }
     catch (error) {
         // for server components which can't use state

package/dist/esnext/hooks/useProductOptions/index.d.ts

@@ -1,2 +1,2 @@
-export { useProductOptions } from './useProductOptions';
+export { useProductOptions } from './useProductOptions.client';
 export * from './types';

package/dist/esnext/hooks/useProductOptions/index.js

@@ -1,2 +1,2 @@
-export { useProductOptions } from './useProductOptions';
+export { useProductOptions } from './useProductOptions.client';
 export * from './types';

package/dist/esnext/hooks/useProductOptions/{useProductOptions.js → useProductOptions.client.js}

@@ -39,35 +39,18 @@ export function useProductOptions({ variants: variantsConnection, sellingPlanGro
      * values.
      */
     useEffect(() => {
-        setSelectedVariant(initialVariantId);
-        const selectedOptions = (selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.selectedOptions)
-            ? selectedVariant.selectedOptions.reduce((memo, optionSet) => {
-                var _a, _b;
-                memo[(_a = optionSet === null || optionSet === void 0 ? void 0 : optionSet.name) !== null && _a !== void 0 ? _a : ''] = (_b = optionSet === null || optionSet === void 0 ? void 0 : optionSet.value) !== null && _b !== void 0 ? _b : '';
-                return memo;
-            }, {})
-            : {};
-        setSelectedOptions(selectedOptions);
-    }, [initialVariantId, variants]);
+        const variant = getSelectedVariant(variants, selectedOptions);
+        setSelectedVariant(variant);
+    }, [selectedOptions, variants]);
     /**
      * Allow the developer to select an option.
      */
     const setSelectedOption = useCallback((name, value) => {
-        const newSelectedOptions = {
+        setSelectedOptions((selectedOptions) => ({
             ...selectedOptions,
             [name]: value,
-        };
-        setSelectedOptions(newSelectedOptions);
-    }, [selectedOptions]);
-    useEffect(() => {
-        /**
-         * When selected options change, select the correct variant.
-         */
-        const variant = getSelectedVariant(variants, selectedOptions);
-        if (variant) {
-            setSelectedVariant(variant);
-        }
-    }, [variants, selectedOptions]);
+        }));
+    }, [setSelectedOptions]);
     const isOptionInStock = useCallback((option, value) => {
         var _a;
         const proposedVariant = getSelectedVariant(variants, {

package/dist/esnext/hooks/useShopQuery/hooks.js

@@ -8,9 +8,20 @@ import { sendMessageToClient } from '../../utilities/devtools';
 import { fetchSync } from '../../foundation/fetchSync/server/fetchSync';
 import { META_ENV_SSR } from '../../foundation/ssr-interop';
 import { getStorefrontApiRequestHeaders } from '../../utilities/storefrontApi';
+import { parseJSON } from '../../utilities/parse';
 // Check if the response body has GraphQL errors
 // https://spec.graphql.org/June2018/#sec-Response-Format
-const shouldCacheResponse = ([body]) => { var _a; return !((_a = JSON.parse(body)) === null || _a === void 0 ? void 0 : _a.errors); };
+const shouldCacheResponse = ([body]) => {
+    var _a;
+    try {
+        return !((_a = parseJSON(body)) === null || _a === void 0 ? void 0 : _a.errors);
+    }
+    catch (_b) {
+        // If we can't parse the response, then assume
+        // an error and don't cache the response
+        return false;
+    }
+};
 /**
  * The `useShopQuery` hook allows you to make server-only GraphQL queries to the Storefront API. It must be a descendent of a `ShopifyProvider` component.
  */
@@ -25,10 +36,10 @@ export function useShopQuery({ query, variables = {}, cache, preload = false, })
     if (!META_ENV_SSR) {
         throw new Error('Shopify Storefront API requests should only be made from the server.');
     }
-    const serverRequest = useServerRequest();
+    const serverRequest = useServerRequest(); // eslint-disable-line react-hooks/rules-of-hooks
     const log = getLoggerWithContext(serverRequest);
     const body = query ? graphqlRequestBody(query, variables) : '';
-    const { url, requestInit } = useCreateShopRequest(body);
+    const { url, requestInit } = useCreateShopRequest(body); // eslint-disable-line react-hooks/rules-of-hooks
     let data;
     let useQueryError;
     try {
@@ -142,7 +153,7 @@ function createErrorMessage(fetchError) {
         return `An error occurred while fetching from the Storefront API. ${
         // 403s to the SF API (almost?) always mean that your Shopify credentials are bad/wrong
         fetchError.status === 403
-            ? `You may have a bad value in 'shopify.config.js'`
+            ? `You may have a bad value in 'hydrogen.config.js'`
             : `${fetchError.statusText}`}`;
     }
     else {

package/dist/esnext/index.d.ts

@@ -15,6 +15,7 @@ export { CartQuery } from './components/CartProvider/cart-queries';
 export { generateCacheControlHeader, NoStore, CacheSeconds, CacheMinutes, CacheHours, CacheDays, CacheWeeks, CacheMonths, CacheCustom, } from './framework/CachingStrategy';
 export { fetchSync } from './foundation/fetchSync/server/fetchSync';
 export { useServerAnalytics } from './foundation/Analytics';
+export * as PerformanceMetricsServerAnalyticsConnector from './foundation/Analytics/connectors/PerformanceMetrics/PerformanceMetrics.server';
 export { useSession } from './foundation/useSession/useSession';
 export { CookieSessionStorage } from './foundation/CookieSessionStorage/CookieSessionStorage';
 export { MemorySessionStorage } from './foundation/MemorySessionStorage/MemorySessionStorage';

package/dist/esnext/index.js

@@ -19,6 +19,7 @@ export { CartQuery } from './components/CartProvider/cart-queries';
 export { generateCacheControlHeader, NoStore, CacheSeconds, CacheMinutes, CacheHours, CacheDays, CacheWeeks, CacheMonths, CacheCustom, } from './framework/CachingStrategy';
 export { fetchSync } from './foundation/fetchSync/server/fetchSync';
 export { useServerAnalytics } from './foundation/Analytics';
+export * as PerformanceMetricsServerAnalyticsConnector from './foundation/Analytics/connectors/PerformanceMetrics/PerformanceMetrics.server';
 export { useSession } from './foundation/useSession/useSession';
 export { CookieSessionStorage } from './foundation/CookieSessionStorage/CookieSessionStorage';
 export { MemorySessionStorage } from './foundation/MemorySessionStorage/MemorySessionStorage';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE IS AUTO-GENERATED, DO NOT EDIT
- * Based on Storefront API 2022-04
+ * Based on Storefront API 2022-07
  * If changes need to happen to the types defined in this file, then generally the Storefront API needs to update, and then you can run `yarn graphql-types`
  * Except custom Scalars, which are defined in the `codegen.yml` file
  */
@@ -436,6 +436,8 @@ export declare type Cart = Node & {
     lines: CartLineConnection;
     /** A note that is associated with the cart. For example, the note can be a personalized message to the buyer. */
     note?: Maybe<Scalars['String']>;
+    /** The total number of items in the cart. */
+    totalQuantity: Scalars['Int'];
     /** The date and time when the cart was updated. */
     updatedAt: Scalars['DateTime'];
 };
@@ -694,6 +696,10 @@ export declare type CartLineEdge = {
 /** The estimated cost of the merchandise line that the buyer will pay at checkout. */
 export declare type CartLineEstimatedCost = {
     __typename?: 'CartLineEstimatedCost';
+    /** The amount of the merchandise line. */
+    amount: MoneyV2;
+    /** The compare at amount of the merchandise line. */
+    compareAtAmount: MoneyV2;
     /** The estimated cost of the merchandise line before discounts. */
     subtotalAmount: MoneyV2;
     /** The estimated total cost of the merchandise line. */
@@ -1660,7 +1666,7 @@ export declare type Country = {
     unitSystem: UnitSystem;
 };
 /**
- * The code designating a country, which generally follows ISO 3166-1 alpha-2 guidelines.
+ * The code designating a country/region, 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`.
@@ -2501,6 +2507,8 @@ export declare enum CurrencyCode {
     Ssp = "SSP",
     /** Sao Tome And Principe Dobra (STD). */
     Std = "STD",
+    /** Sao Tome And Principe Dobra (STN). */
+    Stn = "STN",
     /** Syrian Pound (SYP). */
     Syp = "SYP",
     /** Swazi Lilangeni (SZL). */
@@ -2533,6 +2541,8 @@ export declare enum CurrencyCode {
     Uyu = "UYU",
     /** Uzbekistan som (UZS). */
     Uzs = "UZS",
+    /** Venezuelan Bolivares (VED). */
+    Ved = "VED",
     /** Venezuelan Bolivares (VEF). */
     Vef = "VEF",
     /** Venezuelan Bolivares (VES). */
@@ -3394,7 +3404,7 @@ export declare type Language = {
     /** The name of the language in the current language. */
     name: Scalars['String'];
 };
-/** ISO 369 language codes supported by Shopify. */
+/** ISO 639-1 language codes supported by Shopify. */
 export declare enum LanguageCode {
     /** Afrikaans. */
     Af = "AF",
@@ -4259,7 +4269,7 @@ export declare type Mutation = {
     checkoutDiscountCodeApply?: Maybe<CheckoutDiscountCodeApplyPayload>;
     /** Applies a discount to an existing checkout using a discount code. */
     checkoutDiscountCodeApplyV2?: Maybe<CheckoutDiscountCodeApplyV2Payload>;
-    /** Removes the applied discount from an existing checkout. */
+    /** Removes the applied discounts from an existing checkout. */
     checkoutDiscountCodeRemove?: Maybe<CheckoutDiscountCodeRemovePayload>;
     /**
      * Updates the email on an existing checkout.
@@ -5576,9 +5586,9 @@ export declare type QueryRoot = {
     /** A storefront menu. */
     menu?: Maybe<Menu>;
     /** Returns a specific node by ID. */
-    node?: Maybe<AppliedGiftCard | Article | Blog | Cart | CartLine | Checkout | CheckoutLineItem | Collection | Comment | ExternalVideo | GenericFile | Location | MailingAddress | MediaImage | Menu | MenuItem | Metafield | Model3d | Order | Page | Payment | Product | ProductOption | ProductVariant | Shop | ShopPolicy | Video>;
+    node?: Maybe<AppliedGiftCard | Article | Blog | Cart | CartLine | Checkout | CheckoutLineItem | Collection | Comment | ExternalVideo | GenericFile | Location | MailingAddress | MediaImage | Menu | MenuItem | Metafield | Model3d | Order | Page | Payment | Product | ProductOption | ProductVariant | Shop | ShopPolicy | UrlRedirect | Video>;
     /** Returns the list of nodes with the given IDs. */
-    nodes: Array<Maybe<AppliedGiftCard | Article | Blog | Cart | CartLine | Checkout | CheckoutLineItem | Collection | Comment | ExternalVideo | GenericFile | Location | MailingAddress | MediaImage | Menu | MenuItem | Metafield | Model3d | Order | Page | Payment | Product | ProductOption | ProductVariant | Shop | ShopPolicy | Video>>;
+    nodes: Array<Maybe<AppliedGiftCard | Article | Blog | Cart | CartLine | Checkout | CheckoutLineItem | Collection | Comment | ExternalVideo | GenericFile | Location | MailingAddress | MediaImage | Menu | MenuItem | Metafield | Model3d | Order | Page | Payment | Product | ProductOption | ProductVariant | Shop | ShopPolicy | UrlRedirect | Video>>;
     /** Fetch a specific `Page` by one of its unique attributes. */
     page?: Maybe<Page>;
     /**
@@ -5616,6 +5626,8 @@ export declare type QueryRoot = {
     publicApiVersions: Array<ApiVersion>;
     /** The shop associated with the storefront access token. */
     shop: Shop;
+    /** A list of redirects for a shop. */
+    urlRedirects: UrlRedirectConnection;
 };
 /** The schema’s entry-point for queries. This acts as the public, top-level API from which all queries must start. */
 export declare type QueryRootArticlesArgs = {
@@ -5745,6 +5757,14 @@ export declare type QueryRootProductsArgs = {
     reverse?: InputMaybe<Scalars['Boolean']>;
     sortKey?: InputMaybe<ProductSortKeys>;
 };
+/** The schema’s entry-point for queries. This acts as the public, top-level API from which all queries must start. */
+export declare type QueryRootUrlRedirectsArgs = {
+    after?: InputMaybe<Scalars['String']>;
+    before?: InputMaybe<Scalars['String']>;
+    first?: InputMaybe<Scalars['Int']>;
+    last?: InputMaybe<Scalars['Int']>;
+    reverse?: InputMaybe<Scalars['Boolean']>;
+};
 /** SEO information. */
 export declare type Seo = {
     __typename?: 'SEO';
@@ -6293,6 +6313,40 @@ export declare enum UnitSystem {
     /** Metric system of weights and measures. */
     MetricSystem = "METRIC_SYSTEM"
 }
+/** A redirect on the online store. */
+export declare type UrlRedirect = Node & {
+    __typename?: 'UrlRedirect';
+    /** The ID of the URL redirect. */
+    id: Scalars['ID'];
+    /** The old path to be redirected from. When the user visits this path, they'll be redirected to the target location. */
+    path: Scalars['String'];
+    /** The target location where the user will be redirected to. */
+    target: Scalars['String'];
+};
+/**
+ * An auto-generated type for paginating through multiple UrlRedirects.
+ *
+ */
+export declare type UrlRedirectConnection = {
+    __typename?: 'UrlRedirectConnection';
+    /** A list of edges. */
+    edges: Array<UrlRedirectEdge>;
+    /** A list of the nodes contained in UrlRedirectEdge. */
+    nodes: Array<UrlRedirect>;
+    /** Information to aid in pagination. */
+    pageInfo: PageInfo;
+};
+/**
+ * An auto-generated type which holds one UrlRedirect and a cursor during pagination.
+ *
+ */
+export declare type UrlRedirectEdge = {
+    __typename?: 'UrlRedirectEdge';
+    /** A cursor for use in pagination. */
+    cursor: Scalars['String'];
+    /** The item at the end of UrlRedirectEdge. */
+    node: UrlRedirect;
+};
 /** Represents an error in the input of a mutation. */
 export declare type UserError = DisplayableError & {
     __typename?: 'UserError';

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

@@ -171,7 +171,7 @@ export var CollectionSortKeys;
     CollectionSortKeys["UpdatedAt"] = "UPDATED_AT";
 })(CollectionSortKeys || (CollectionSortKeys = {}));
 /**
- * The code designating a country, which generally follows ISO 3166-1 alpha-2 guidelines.
+ * The code designating a country/region, 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`.
@@ -951,6 +951,8 @@ export var CurrencyCode;
     CurrencyCode["Ssp"] = "SSP";
     /** Sao Tome And Principe Dobra (STD). */
     CurrencyCode["Std"] = "STD";
+    /** Sao Tome And Principe Dobra (STN). */
+    CurrencyCode["Stn"] = "STN";
     /** Syrian Pound (SYP). */
     CurrencyCode["Syp"] = "SYP";
     /** Swazi Lilangeni (SZL). */
@@ -983,6 +985,8 @@ export var CurrencyCode;
     CurrencyCode["Uyu"] = "UYU";
     /** Uzbekistan som (UZS). */
     CurrencyCode["Uzs"] = "UZS";
+    /** Venezuelan Bolivares (VED). */
+    CurrencyCode["Ved"] = "VED";
     /** Venezuelan Bolivares (VEF). */
     CurrencyCode["Vef"] = "VEF";
     /** Venezuelan Bolivares (VES). */
@@ -1133,7 +1137,7 @@ export var ImageContentType;
     /** A WEBP image. */
     ImageContentType["Webp"] = "WEBP";
 })(ImageContentType || (ImageContentType = {}));
-/** ISO 369 language codes supported by Shopify. */
+/** ISO 639-1 language codes supported by Shopify. */
 export var LanguageCode;
 (function (LanguageCode) {
     /** Afrikaans. */

package/dist/esnext/types.d.ts

@@ -36,17 +36,23 @@ export declare type Hook = (params: {
     url: URL;
 } & Record<string, any>) => any | Promise<any>;
 export declare type ImportGlobEagerOutput = Record<string, Record<'default' | 'api', any>>;
+export declare type HydrogenConfigRoutes = ImportGlobEagerOutput | {
+    files: ImportGlobEagerOutput;
+    basePath?: string;
+    dirPrefix?: string;
+};
+declare type ConfigFetcher<T> = (request: ServerComponentRequest) => T | Promise<T>;
+export declare type ShopifyConfigFetcher = ConfigFetcher<ShopifyConfig>;
 export declare type ServerAnalyticsConnector = {
     request: (request: Request, data?: any, contentType?: 'json' | 'text') => void;
 };
-export declare type ServerHandlerConfig = {
-    routes?: ImportGlobEagerOutput;
-    shopifyConfig: ShopifyConfig;
+export declare type HydrogenConfig = {
+    routes?: HydrogenConfigRoutes;
+    shopify?: ShopifyConfig | ShopifyConfigFetcher;
     serverAnalyticsConnectors?: Array<ServerAnalyticsConnector>;
     session?: (log: Logger) => SessionStorageAdapter;
 };
 export declare type ClientHandlerConfig = {
-    shopifyConfig: ShopifyConfig;
     /** React's StrictMode is on by default for your client side app; if you want to turn it off (not recommended), you can pass `false` */
     strictMode?: boolean;
     showDevTools?: boolean;
@@ -85,6 +91,7 @@ export declare type CachingStrategy = AllCacheOptions;
 export interface HydrogenVitePluginOptions {
     devCache?: boolean;
     purgeQueryCacheOnBuild?: boolean;
+    configPath?: string;
 }
 export declare type PreloadOptions = boolean | string;
 export {};

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

@@ -1,4 +1,4 @@
-import { ImportGlobEagerOutput, ShopifyConfig } from '../types';
+import { HydrogenConfig, HydrogenConfigRoutes } from '../types';
 import type { ServerComponentRequest } from '../framework/Hydration/ServerComponentRequest.server';
 import type { ASTNode } from 'graphql';
 import { SessionApi, SessionStorageAdapter } from '../foundation/session/session';
@@ -19,7 +19,8 @@ export declare type ApiRouteMatch = {
     hasServerComponent: boolean;
     params: RouteParams;
 };
-export declare function getApiRoutes(pages: ImportGlobEagerOutput | undefined, topLevelPath?: string): Array<HydrogenApiRoute>;
+export declare function extractPathFromRoutesKey(routesKey: string, dirPrefix: string | RegExp): string;
+export declare function getApiRoutes(rawRoutes: HydrogenConfigRoutes): Array<HydrogenApiRoute>;
 export declare function getApiRouteFromURL(url: URL, routes: Array<HydrogenApiRoute>): ApiRouteMatch | null;
 /** The `queryShop` utility is a function that helps you query the Storefront API.
  * It's similar to the `useShopQuery` hook, which is available in server components.
@@ -33,5 +34,5 @@ interface QueryShopArgs {
     /** An object of the variables for the GraphQL query. */
     variables?: Record<string, any>;
 }
-export declare function renderApiRoute(request: ServerComponentRequest, route: ApiRouteMatch, shopifyConfig: ShopifyConfig, session?: SessionStorageAdapter): Promise<Response | Request>;
+export declare function renderApiRoute(request: ServerComponentRequest, route: ApiRouteMatch, shopifyConfig: HydrogenConfig['shopify'], session?: SessionStorageAdapter): Promise<Response | Request>;
 export {};