@shopify/hydrogen 1.0.1 → 1.2.0

package/dist/esnext/framework/plugins/vite-plugin-css-rsc.js

@@ -0,0 +1,113 @@
+import path from 'path';
+import MagicString from 'magic-string';
+import { normalizePath } from 'vite';
+const VITE_CSS_CHUNK_NAME = 'style.css';
+const INJECT_STYLES_COMMENT = '<!--__INJECT_STYLES__-->';
+// Keep this in the outer scope to share it
+// across client <> server builds.
+let clientBuildPath;
+export default function cssRsc() {
+    let config;
+    return {
+        name: 'hydrogen:css-rsc',
+        enforce: 'post',
+        config() {
+            // Disable CSS code split to avoid preloading styles
+            // that are already included in index.html
+            return { build: { cssCodeSplit: false } };
+        },
+        configResolved(_config) {
+            config = _config;
+        },
+        transform(code, id, options) {
+            if (options?.ssr && id.includes('index.html?raw')) {
+                // Mark the client build index.html to inject styles later
+                const s = new MagicString(code);
+                s.replace('</head>', INJECT_STYLES_COMMENT + '</head>');
+                return {
+                    code: s.toString(),
+                    map: s.generateMap({ file: id, source: id }),
+                };
+            }
+        },
+        transformIndexHtml(html, { server }) {
+            // Add discovered styles during dev
+            if (server) {
+                const tags = [];
+                const foundCssFiles = new Set();
+                const { browserHash = '' } = server._optimizedDeps?.metadata || {};
+                for (const [key, value] of server.moduleGraph.idToModuleMap.entries()) {
+                    if (
+                    // Note: Some CSS-in-JS libraries use `.css.js`
+                    // extension and we should match it here:
+                    /\.(css|sass|scss|stylus|less)(\.|\?|$)/.test(normalizePath(key).split('/').pop())) {
+                        let { url, file, lastHMRTimestamp, importers } = value;
+                        if (!foundCssFiles.has(file) &&
+                            !Array.from(importers).some((importer) => foundCssFiles.has(importer.file))) {
+                            foundCssFiles.add(file);
+                            // Vite is adding hash and timestamp to the CSS files downloaded
+                            // from client components. Adding the same query string params
+                            // here prevents this file from being downloaded twice.
+                            if (lastHMRTimestamp) {
+                                const timestampQuery = `?t=${lastHMRTimestamp}`;
+                                // The timestamp needs to be the first query string param.
+                                url = url.includes('?')
+                                    ? url.replace('?', timestampQuery + '&')
+                                    : url + timestampQuery;
+                            }
+                            if (browserHash && !url.includes('v=')) {
+                                // Append the hash at the end
+                                url += (url.includes('?') ? '&' : '?') + `v=${browserHash}`;
+                            }
+                            tags.push(value.type === 'css'
+                                ? { tag: 'link', attrs: { rel: 'stylesheet', href: url } }
+                                : { tag: 'script', attrs: { type: 'module', src: url } });
+                        }
+                    }
+                }
+                return tags;
+            }
+        },
+        generateBundle(options, bundle, isWrite) {
+            if (config.build?.ssr) {
+                // -- Server build
+                if (!clientBuildPath) {
+                    // Default value
+                    clientBuildPath = normalizePath(path.resolve(config.root, config.build.outDir, '..', 'client'));
+                }
+                const relativeClientPath = normalizePath(path.relative(normalizePath(path.resolve(config.root, config.build.outDir)), clientBuildPath));
+                let cssAssetFileName = '';
+                const cssAsset = Object.values(bundle).find((file) => file.type === 'asset' && file.name === VITE_CSS_CHUNK_NAME);
+                const outputChunk = Object.values(bundle).find((file) => file.type === 'chunk' && file.isEntry);
+                if (cssAsset) {
+                    cssAssetFileName = cssAsset.fileName;
+                    // Move the CSS file to the client build assets
+                    cssAsset.fileName = normalizePath(path.join(relativeClientPath, cssAsset.fileName));
+                }
+                let assetPrefix = process.env.HYDROGEN_ASSET_BASE_URL || '/';
+                if (!assetPrefix.endsWith('/'))
+                    assetPrefix += '/';
+                // Add a reference to the CSS file in indexTemplate
+                outputChunk.code = outputChunk.code.replace(INJECT_STYLES_COMMENT, cssAssetFileName &&
+                    `<link rel="stylesheet" href="${assetPrefix + cssAssetFileName}">`);
+            }
+            else {
+                // -- Client build
+                // Save outDir from client build in the outer scope
+                // to read it during the server build. The CLI runs Vite in
+                // the same process so the scope is shared across builds.
+                clientBuildPath = normalizePath(path.resolve(config.root, config.build.outDir));
+                const indexHtml = bundle['index.html'];
+                const cssAsset = Object.values(bundle).find((file) => file.type === 'asset' && file.name === VITE_CSS_CHUNK_NAME);
+                if (cssAsset) {
+                    // The client build CSS is incomplete because it only includes
+                    // CSS imported in client components (server components are not
+                    // discovered in this build). Remove it from this build and
+                    // let it be added by the server build after this.
+                    delete bundle[cssAsset.fileName];
+                    indexHtml.source = indexHtml.source.replace(new RegExp(`\\s*<link[^<>]+${cssAsset.fileName.replace('.', '\\.')}.*?>`, ''), '');
+                }
+            }
+        },
+    };
+}

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

@@ -1,5 +1,5 @@
 import { Plugin } from 'vite';
-import type { HydrogenVitePluginOptions } from '../types';
+import type { HydrogenVitePluginOptions } from '../types.js';
 export declare const HYDROGEN_DEFAULT_SERVER_ENTRY: string;
 declare const _default: (pluginOptions: HydrogenVitePluginOptions) => Plugin;
 export default _default;

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

@@ -2,9 +2,9 @@ import { loadEnv } 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';
-import { VIRTUAL_PROXY_HYDROGEN_CONFIG_ID } from './vite-plugin-hydrogen-virtual-files';
+import { hydrogenMiddleware, graphiqlMiddleware } from '../middleware.js';
+import { InMemoryCache } from '../cache/in-memory.js';
+import { VIRTUAL_PROXY_HYDROGEN_CONFIG_ID } from './vite-plugin-hydrogen-virtual-files.js';
 export const HYDROGEN_DEFAULT_SERVER_ENTRY = process.env.HYDROGEN_SERVER_ENTRY || '/src/App.server';
 export default (pluginOptions) => {
     return {

package/dist/esnext/framework/plugins/vite-plugin-hydrogen-rsc.d.ts

@@ -1,2 +1,2 @@
-import { HydrogenVitePluginOptions } from '../types';
+import { HydrogenVitePluginOptions } from '../types.js';
 export default function (options?: HydrogenVitePluginOptions): any;

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

@@ -1,7 +1,7 @@
 // @ts-ignore
 import reactServerDomVite from '@shopify/hydrogen/vendor/react-server-dom-vite/plugin.js';
-import { HYDROGEN_DEFAULT_SERVER_ENTRY } from './vite-plugin-hydrogen-middleware';
-import { VIRTUAL_PROXY_HYDROGEN_ROUTES_ID } from './vite-plugin-hydrogen-virtual-files';
+import { HYDROGEN_DEFAULT_SERVER_ENTRY } from './vite-plugin-hydrogen-middleware.js';
+import { VIRTUAL_PROXY_HYDROGEN_ROUTES_ID } from './vite-plugin-hydrogen-virtual-files.js';
 export default function (options) {
     return reactServerDomVite({
         serverBuildEntries: [

package/dist/esnext/framework/plugins/vite-plugin-hydrogen-virtual-files.d.ts

@@ -1,5 +1,5 @@
 import { Plugin } from 'vite';
-import type { HydrogenVitePluginOptions } from '../types';
+import type { HydrogenVitePluginOptions } from '../types.js';
 export declare const HYDROGEN_DEFAULT_SERVER_ENTRY: string;
 export declare const VIRTUAL_PROXY_HYDROGEN_CONFIG_ID: string;
 export declare const VIRTUAL_PROXY_HYDROGEN_ROUTES_ID: string;

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

@@ -1,11 +1,13 @@
 import { normalizePath } from 'vite';
 import path from 'path';
 import { promises as fs } from 'fs';
-import { viteception } from '../viteception';
+import { viteception } from '../viteception.js';
 export const HYDROGEN_DEFAULT_SERVER_ENTRY = process.env.HYDROGEN_SERVER_ENTRY || '/src/App.server';
 // The character ":" breaks Vite with Node >= 16.15. Use "_" instead
 const VIRTUAL_PREFIX = 'virtual__';
 const PROXY_PREFIX = 'proxy__';
+const ERROR_FILE = 'error.jsx';
+const VIRTUAL_ERROR_FILE = VIRTUAL_PREFIX + ERROR_FILE;
 const HYDROGEN_CONFIG_ID = 'hydrogen.config.ts';
 const VIRTUAL_HYDROGEN_CONFIG_ID = VIRTUAL_PREFIX + HYDROGEN_CONFIG_ID;
 export const VIRTUAL_PROXY_HYDROGEN_CONFIG_ID = VIRTUAL_PREFIX + PROXY_PREFIX + HYDROGEN_CONFIG_ID;
@@ -34,6 +36,7 @@ export default (pluginOptions) => {
                 VIRTUAL_PROXY_HYDROGEN_CONFIG_ID,
                 VIRTUAL_PROXY_HYDROGEN_ROUTES_ID,
                 VIRTUAL_HYDROGEN_ROUTES_ID,
+                VIRTUAL_ERROR_FILE,
             ].includes(source)) {
                 // Virtual modules convention
                 // https://vitejs.dev/guide/api-plugin.html#virtual-modules-convention
@@ -71,6 +74,13 @@ export default (pluginOptions) => {
                     return { code };
                 });
             }
+            if (id === '\0' + VIRTUAL_ERROR_FILE) {
+                return importHydrogenConfig().then((hc) => {
+                    const errorPath = hc.serverErrorPage ?? '/src/Error.{jsx,tsx}';
+                    const code = `const errorPage = import.meta.glob("${errorPath}");\n export default Object.values(errorPage)[0];`;
+                    return { code };
+                });
+            }
         },
     };
     async function importHydrogenConfig() {

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

@@ -1,14 +1,18 @@
 import { normalizePath } from 'vite';
-import { HYDROGEN_DEFAULT_SERVER_ENTRY } from './vite-plugin-hydrogen-middleware';
+import { HYDROGEN_DEFAULT_SERVER_ENTRY } from './vite-plugin-hydrogen-middleware.js';
 import MagicString from 'magic-string';
 import path from 'path';
 import fs from 'fs';
+import fastGlob from 'fast-glob';
 const SSR_BUNDLE_NAME = 'index.js';
+// Keep this in the outer scope to share it
+// across client <> server builds.
+let clientBuildPath;
 export default () => {
     let config;
     let isESM;
     return {
-        name: 'vite-plugin-platform-entry',
+        name: 'hydrogen:platform-entry',
         enforce: 'pre',
         configResolved(_config) {
             config = _config;
@@ -29,18 +33,43 @@ export default () => {
             }
             return null;
         },
-        transform(code, id) {
-            if (normalizePath(id).includes('/hydrogen/dist/esnext/platforms/')) {
+        async transform(code, id, options) {
+            if (config.command === 'build' &&
+                options?.ssr &&
+                /@shopify\/hydrogen\/.+platforms\/virtual\./.test(normalizePath(id))) {
                 const ms = new MagicString(code);
-                ms.replace('__SERVER_ENTRY__', HYDROGEN_DEFAULT_SERVER_ENTRY);
-                const indexTemplatePath = normalizePath(path.resolve(config.root, config.build.outDir, '..', 'client', 'index.html'));
-                ms.replace('__INDEX_TEMPLATE__', indexTemplatePath);
+                ms.replace('__HYDROGEN_ENTRY__', HYDROGEN_DEFAULT_SERVER_ENTRY);
+                if (!clientBuildPath) {
+                    // Default value
+                    clientBuildPath = normalizePath(path.resolve(config.root, config.build.outDir, '..', 'client'));
+                }
+                ms.replace('__HYDROGEN_HTML_TEMPLATE__', normalizePath(path.resolve(clientBuildPath, 'index.html')));
+                ms.replace('__HYDROGEN_RELATIVE_CLIENT_BUILD__', normalizePath(path.relative(normalizePath(path.resolve(config.root, config.build.outDir)), clientBuildPath)));
+                const files = clientBuildPath
+                    ? (await fastGlob('**/*', {
+                        cwd: clientBuildPath,
+                        ignore: ['**/index.html', `**/${config.build.assetsDir}/**`],
+                    })).map((file) => '/' + file)
+                    : [];
+                ms.replace("\\['__HYDROGEN_ASSETS__'\\]", JSON.stringify(files));
+                ms.replace('__HYDROGEN_ASSETS_DIR__', config.build.assetsDir);
+                ms.replace('__HYDROGEN_ASSETS_BASE_URL__', (process.env.HYDROGEN_ASSET_BASE_URL || '').replace(/\/$/, ''));
+                // Remove the poison pill
+                ms.replace('throw', '//');
                 return {
                     code: ms.toString(),
                     map: ms.generateMap({ file: id, source: id }),
                 };
             }
         },
+        buildEnd(err) {
+            if (!err && !config.build.ssr && config.command === 'build') {
+                // Save outDir from client build in the outer scope in order
+                // to read it during the server build. The CLI runs Vite in
+                // the same process so the scope is shared across builds.
+                clientBuildPath = normalizePath(path.resolve(config.root, config.build.outDir));
+            }
+        },
         generateBundle(options, bundle) {
             if (config.build.ssr) {
                 const [key, value] = Object.entries(bundle).find(([, value]) => value.type === 'chunk' && value.isEntry);

package/dist/esnext/framework/types.d.ts

@@ -3,4 +3,17 @@ export interface HydrogenVitePluginOptions {
     purgeQueryCacheOnBuild?: boolean;
     configPath?: string;
     optimizeBoundaries?: boolean | 'build';
+    /**
+     * Experimental features
+     */
+    experimental?: {
+        /**
+         * CSS compatibility with React Server Components.
+         * - `global` inlines all the styles in the DOM and works for all types of CSS.
+         * - `modules-only` inlines the styles in RSC responses and only works for CSS Modules.
+         * @defaultValue `modules-only`
+         * @experimental
+         */
+        css: 'global' | 'modules-only';
+    };
 }

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

@@ -1,5 +1,6 @@
-export { useProductOptions } from './useProductOptions';
-export * from './useProductOptions/types';
-export { useMoney } from './useMoney';
-export { useMeasurement } from './useMeasurement';
-export { useLoadScript } from './useLoadScript';
+export { useProductOptions } from './useProductOptions/index.js';
+export * from './useProductOptions/types.js';
+export { useMoney } from './useMoney/index.js';
+export { useMeasurement } from './useMeasurement/index.js';
+export { useLoadScript } from './useLoadScript/index.js';
+export { useLocalization } from './useLocalization/useLocalization.js';

package/dist/esnext/hooks/index.js

@@ -1,5 +1,6 @@
-export { useProductOptions } from './useProductOptions';
-export * from './useProductOptions/types';
-export { useMoney } from './useMoney';
-export { useMeasurement } from './useMeasurement';
-export { useLoadScript } from './useLoadScript';
+export { useProductOptions } from './useProductOptions/index.js';
+export * from './useProductOptions/types.js';
+export { useMoney } from './useMoney/index.js';
+export { useMeasurement } from './useMeasurement/index.js';
+export { useLoadScript } from './useLoadScript/index.js';
+export { useLocalization } from './useLocalization/useLocalization.js';

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

@@ -1 +1 @@
-export { useCart } from './useCart';
+export { useCart } from './useCart.js';

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

@@ -1 +1 @@
-export { useCart } from './useCart';
+export { useCart } from './useCart.js';

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

@@ -1,4 +1,4 @@
 /**
  * The `useCart` hook provides access to the cart object. It must be a descendent of a `CartProvider` component.
  */
-export declare function useCart(): import("../..").CartWithActions;
+export declare function useCart(): import("../../client.js").CartWithActions;

package/dist/esnext/hooks/useCart/useCart.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CartContext } from '../../components/CartProvider/context';
+import { CartContext } from '../../components/CartProvider/context.js';
 /**
  * The `useCart` hook provides access to the cart object. It must be a descendent of a `CartProvider` component.
  */

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

@@ -1 +1 @@
-export { useCartLine } from './useCartLine';
+export { useCartLine } from './useCartLine.js';

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

@@ -1 +1 @@
-export { useCartLine } from './useCartLine';
+export { useCartLine } from './useCartLine.js';

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

@@ -3,37 +3,37 @@
  */
 export declare function useCartLine(): {
     __typename?: "CartLine" | undefined;
-} & Pick<import("../../storefront-api-types").CartLine, "id" | "quantity"> & {
+} & Pick<import("../../storefront-api-types.js").CartLine, "id" | "quantity"> & {
     attributes: ({
         __typename?: "Attribute" | undefined;
-    } & Pick<import("../../storefront-api-types").Attribute, "key" | "value">)[];
+    } & Pick<import("../../storefront-api-types.js").Attribute, "key" | "value">)[];
     cost: {
         __typename?: "CartLineCost" | undefined;
     } & {
         totalAmount: {
             __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../storefront-api-types").MoneyV2, "currencyCode" | "amount">;
-        compareAtAmountPerQuantity?: import("../../storefront-api-types").Maybe<{
+        } & Pick<import("../../storefront-api-types.js").MoneyV2, "currencyCode" | "amount">;
+        compareAtAmountPerQuantity?: import("../../storefront-api-types.js").Maybe<{
             __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../storefront-api-types").MoneyV2, "currencyCode" | "amount">> | undefined;
+        } & Pick<import("../../storefront-api-types.js").MoneyV2, "currencyCode" | "amount">> | undefined;
     };
     merchandise: {
         __typename?: "ProductVariant" | undefined;
-    } & Pick<import("../../storefront-api-types").ProductVariant, "id" | "title" | "availableForSale" | "requiresShipping"> & {
-        compareAtPriceV2?: import("../../storefront-api-types").Maybe<{
+    } & Pick<import("../../storefront-api-types.js").ProductVariant, "id" | "title" | "availableForSale" | "requiresShipping"> & {
+        compareAtPriceV2?: import("../../storefront-api-types.js").Maybe<{
             __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../storefront-api-types").MoneyV2, "currencyCode" | "amount">> | undefined;
+        } & Pick<import("../../storefront-api-types.js").MoneyV2, "currencyCode" | "amount">> | undefined;
         priceV2: {
             __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../storefront-api-types").MoneyV2, "currencyCode" | "amount">;
-        image?: import("../../storefront-api-types").Maybe<{
+        } & Pick<import("../../storefront-api-types.js").MoneyV2, "currencyCode" | "amount">;
+        image?: import("../../storefront-api-types.js").Maybe<{
             __typename?: "Image" | undefined;
-        } & Pick<import("../../storefront-api-types").Image, "id" | "height" | "width" | "url" | "altText">> | undefined;
+        } & Pick<import("../../storefront-api-types.js").Image, "id" | "height" | "width" | "url" | "altText">> | undefined;
         product: {
             __typename?: "Product" | undefined;
-        } & Pick<import("../../storefront-api-types").Product, "title" | "handle">;
+        } & Pick<import("../../storefront-api-types.js").Product, "title" | "handle">;
         selectedOptions: ({
             __typename?: "SelectedOption" | undefined;
-        } & Pick<import("../../storefront-api-types").SelectedOption, "name" | "value">)[];
+        } & Pick<import("../../storefront-api-types.js").SelectedOption, "name" | "value">)[];
     };
 };

package/dist/esnext/hooks/useCartLine/useCartLine.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { CartLineContext } from '../../components/CartLineProvider/context';
+import { CartLineContext } from '../../components/CartLineProvider/context.js';
 /**
  * The `useCartLine` hook provides access to the cart line object. It must be a descendent of a `CartProvider` component.
  */

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { loadScript } from '../../utilities/load_script';
+import { loadScript } from '../../utilities/load_script.js';
 declare type LoadScriptParams = Parameters<typeof loadScript>;
 /**
  * The `useLoadScript` hook loads an external script tag on the client-side.

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

@@ -1,4 +1,4 @@
-import { loadScript } from '../../utilities/load_script';
+import { loadScript } from '../../utilities/load_script.js';
 import { useState, useEffect } from 'react';
 /**
  * The `useLoadScript` hook loads an external script tag on the client-side.

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

@@ -1,4 +1,4 @@
-import { type LocalizationContextValue } from '../../components/LocalizationProvider/LocalizationContext.client';
+import type { Locale, LocalizationContextValue } from '../../foundation/ShopifyProvider/types.js';
 export declare function useLocalization(): LocalizationContextValue & {
-    locale: string;
+    locale: Locale;
 };

package/dist/esnext/hooks/useLocalization/useLocalization.js

@@ -1,14 +1,9 @@
-import { useMemo } from 'react';
-import { LocalizationContext, } from '../../components/LocalizationProvider/LocalizationContext.client';
-import { useEnvContext } from '../../foundation/ssr-interop';
+import { LocalizationContext } from '../../foundation/ShopifyProvider/ShopifyProvider.client.js';
+import { useEnvContext } from '../../foundation/ssr-interop.js';
 export function useLocalization() {
     const localization = useEnvContext((req) => req.ctx.localization, LocalizationContext);
     if (localization == null) {
         throw new Error('No Localization Context available');
     }
-    const localizationValue = useMemo(() => ({
-        ...localization,
-        locale: localization.language.isoCode + '-' + localization.country.isoCode,
-    }), [localization]);
-    return localizationValue;
+    return localization;
 }

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

@@ -1,4 +1,4 @@
-import { Measurement } from '../../types';
+import { Measurement } from '../../types.js';
 export interface UseMeasurementValue {
     localizedString: string;
     amount?: string;

package/dist/esnext/hooks/useMeasurement/hooks.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
-import { useLocalization } from '../useLocalization/useLocalization';
-import { getMeasurementAsParts, getMeasurementAsString } from '../../utilities';
+import { useLocalization } from '../useLocalization/useLocalization.js';
+import { getMeasurementAsParts, getMeasurementAsString, } from '../../utilities/index.js';
 export function useMeasurement(measurement, options = {}) {
     const { locale } = useLocalization();
     return useMemo(() => {

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

@@ -1 +1 @@
-export { useMeasurement } from './hooks';
+export { useMeasurement } from './hooks.js';

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

@@ -1 +1 @@
-export { useMeasurement } from './hooks';
+export { useMeasurement } from './hooks.js';

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

@@ -1,4 +1,4 @@
-import { CurrencyCode, MoneyV2 } from '../../storefront-api-types';
+import { CurrencyCode, MoneyV2 } from '../../storefront-api-types.js';
 export declare type UseMoneyValue = {
     /**
      * The currency code from the `MoneyV2` object.

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

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useLocalization } from '../useLocalization/useLocalization';
+import { useLocalization } from '../useLocalization/useLocalization.js';
 /**
  * The `useMoney` hook takes a [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) and returns a
  * default-formatted string of the amount with the correct currency indicator, along with some of the parts provided by

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

@@ -1 +1 @@
-export { useMoney } from './hooks';
+export { useMoney } from './hooks.js';

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

@@ -1 +1 @@
-export { useMoney } from './hooks';
+export { useMoney } from './hooks.js';

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

@@ -1,5 +1,5 @@
-import { SelectedOptions, OptionWithValues } from './types';
-import type { ProductVariant as ProductVariantType } from '../../storefront-api-types';
+import { SelectedOptions, OptionWithValues } from './types.js';
+import type { ProductVariant as ProductVariantType } from '../../storefront-api-types.js';
 import type { PartialDeep } from 'type-fest';
 export declare function getAllOptionValues(variants: ProductVariantType[], option: string): string[];
 export declare function getSelectedVariant(variants: PartialDeep<ProductVariantType>[], choices: SelectedOptions): PartialDeep<ProductVariantType> | undefined;

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

@@ -19,7 +19,7 @@ export function getSelectedVariant(variants, choices) {
 export function getOptions(variants) {
     const map = variants.reduce((memo, variant) => {
         if (!variant.selectedOptions) {
-            throw new Error(`getOptions requires 'variant.selectedOptions`);
+            throw new Error(`'getOptions' requires 'variant.selectedOptions'`);
         }
         variant?.selectedOptions?.forEach((opt) => {
             memo[opt?.name ?? ''] = memo[opt?.name ?? ''] || new Set();

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

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

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

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

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

@@ -1,4 +1,4 @@
-import type { SelectedOption as SelectedOptionType, ProductVariant as ProductVariantType, ProductVariantConnection, SellingPlan as SellingPlanType, SellingPlanAllocation as SellingPlanAllocationType, SellingPlanGroup as SellingPlanGroupType, SellingPlanGroupConnection } from '../../storefront-api-types';
+import type { SelectedOption as SelectedOptionType, ProductVariant as ProductVariantType, ProductVariantConnection, SellingPlan as SellingPlanType, SellingPlanAllocation as SellingPlanAllocationType, SellingPlanGroup as SellingPlanGroupType, SellingPlanGroupConnection } from '../../storefront-api-types.js';
 import type { PartialDeep } from 'type-fest';
 export declare type SelectedOptions = {
     [key: string]: string;

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

@@ -1 +1 @@
-export declare function useProductOptions(): import("./types").ProductOptionsHookValue;
+export declare function useProductOptions(): import("./types.js").ProductOptionsHookValue;

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

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { ProductOptionsContext } from '../../components/ProductOptionsProvider/context';
+import { ProductOptionsContext } from '../../components/ProductOptionsProvider/context.js';
 export function useProductOptions() {
     const context = useContext(ProductOptionsContext);
     if (!context) {

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

@@ -1,4 +1,4 @@
-import type { CachingStrategy, PreloadOptions } from '../../types';
+import type { CachingStrategy, PreloadOptions } from '../../types.js';
 export interface UseShopQueryResponse<T> {
     /** The data returned by the query. */
     data: T;