@shopify/hydrogen 1.6.4 → 2.0.0-alpha.1

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

@@ -1,149 +0,0 @@
-import { normalizePath } from 'vite';
-import path from 'path';
-import { promises as fs } from 'fs';
-import { viteception } from '../viteception.js';
-import MagicString from 'magic-string';
-import { isVite3 } from '../../utilities/vite.js';
-/* -- Plugin notes:
- * The Hydrogen framework needs to import certain files from the user app, such as
- * routes and config. A priori, we can't import these files from the framework
- * because we don't know the user path to write it in an `import * from '...'` statement.
- * Instead, we import "virtual files" that are resolved by Vite in this plugin.
- * These virtual files can include the user path and re-export the in-app files.
- */
-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;
-const HYDROGEN_ROUTES_ID = 'hydrogen-routes.server.jsx';
-const VIRTUAL_HYDROGEN_ROUTES_ID = VIRTUAL_PREFIX + HYDROGEN_ROUTES_ID;
-export const VIRTUAL_PROXY_HYDROGEN_ROUTES_ID = VIRTUAL_PREFIX + PROXY_PREFIX + HYDROGEN_ROUTES_ID;
-const VIRTUAL_STREAM_ID = 'virtual__stream';
-export default (pluginOptions) => {
-    let config;
-    let server;
-    let resolvedConfigPath;
-    return {
-        name: 'hydrogen:virtual-files',
-        configResolved(_config) {
-            config = _config;
-        },
-        configureServer(_server) {
-            server = _server;
-        },
-        resolveId(source, importer) {
-            if (source === VIRTUAL_HYDROGEN_CONFIG_ID) {
-                return findHydrogenConfigPath(config.root, pluginOptions.configPath).then((hcPath) => {
-                    resolvedConfigPath = normalizePath(hcPath);
-                    // This direct dependency on a real file
-                    // makes HMR work for the virtual module.
-                    return this.resolve(hcPath, importer, { skipSelf: true });
-                });
-            }
-            if ([
-                VIRTUAL_PROXY_HYDROGEN_CONFIG_ID,
-                VIRTUAL_PROXY_HYDROGEN_ROUTES_ID,
-                VIRTUAL_HYDROGEN_ROUTES_ID,
-                VIRTUAL_ERROR_FILE,
-                VIRTUAL_STREAM_ID,
-            ].includes(source)) {
-                // Virtual modules convention
-                // https://vitejs.dev/guide/api-plugin.html#virtual-modules-convention
-                return '\0' + source;
-            }
-        },
-        load(id) {
-            if (id === '\0' + VIRTUAL_STREAM_ID) {
-                return {
-                    code: process.env.WORKER
-                        ? `export default {};`
-                        : `export {default} from 'stream';`,
-                };
-            }
-            // Likely due to a bug in Vite, but virtual modules cannot be loaded
-            // directly using ssrLoadModule from a Vite plugin. It needs to be proxied as follows:
-            if (id === '\0' + VIRTUAL_PROXY_HYDROGEN_CONFIG_ID) {
-                return `import hc from '${VIRTUAL_HYDROGEN_CONFIG_ID}'; export default typeof hc === 'function' ? hc() : hc;`;
-            }
-            if (id === '\0' + VIRTUAL_PROXY_HYDROGEN_ROUTES_ID) {
-                return `import hr from '${VIRTUAL_HYDROGEN_ROUTES_ID}'; export default hr;`;
-            }
-            if (id === '\0' + VIRTUAL_HYDROGEN_ROUTES_ID) {
-                return importHydrogenConfig().then((hc) => {
-                    let routesPath = (typeof hc.routes === 'string' ? hc.routes : hc.routes?.files) ??
-                        '/src/routes';
-                    if (routesPath.startsWith('./')) {
-                        routesPath = routesPath.slice(1);
-                    }
-                    if (!routesPath.includes('*')) {
-                        if (!routesPath.endsWith('/')) {
-                            routesPath += '/';
-                        }
-                        routesPath += '**/*.server.[jt](s|sx)';
-                    }
-                    const [dirPrefix] = routesPath.split('/*');
-                    const importGlob = isVite3
-                        ? `import.meta.glob('${routesPath}', {eager: true})`
-                        : `import.meta.globEager('${routesPath}')`;
-                    let code = `export default {\n  dirPrefix: '${dirPrefix}',\n  basePath: '${hc.routes?.basePath ?? ''}',\n  files: ${importGlob}\n};`;
-                    if (config.command === 'serve') {
-                        // Add dependency on Hydrogen config for HMR
-                        code += `\nimport '${VIRTUAL_HYDROGEN_CONFIG_ID}';`;
-                    }
-                    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 };
-                });
-            }
-        },
-        transform(code, id) {
-            if (id === resolvedConfigPath) {
-                const s = new MagicString(code);
-                // Wrap in function to avoid evaluating `Oxygen.env`
-                // in the config until we have polyfilled it properly.
-                s.replace(/export\s+default\s+(\w+)\s*\(/g, (all, m1) => all.replace(m1, `() => ${m1}`));
-                return {
-                    code: s.toString(),
-                    map: s.generateMap({ file: id, source: id }),
-                };
-            }
-        },
-    };
-    async function importHydrogenConfig() {
-        if (server) {
-            const loaded = await server.ssrLoadModule(VIRTUAL_PROXY_HYDROGEN_CONFIG_ID);
-            return loaded.default;
-        }
-        const { loaded } = await viteception([VIRTUAL_PROXY_HYDROGEN_CONFIG_ID], {
-            root: config.root,
-        });
-        return loaded[0].default;
-    }
-};
-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(
-        // eslint-disable-next-line node/no-missing-require
-        '@shopify/hydrogen/utilities/empty-hydrogen-config'));
-}

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

@@ -1,3 +0,0 @@
-import { Plugin } from 'vite';
-declare const _default: () => Plugin;
-export default _default;

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

@@ -1,112 +0,0 @@
-import { normalizePath } from 'vite';
-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';
-import { isVite3 } from '../../utilities/vite.js';
-const SSR_BUNDLE_NAME = 'index.js';
-// Keep this in the outer scope to share it
-// across client <> server builds.
-let clientBuildPath;
-/* -- Plugin notes:
- * This plugin simplifies the way a platform entry file imports user files. This is
- * needed to write generic integrations with different platform providers.
- *
- * Instead of using relative paths:
- * `import handleRequest from '../../<arbitrary_path>/src/App.server';`
- * `import indexTemplate from '../../<arbitrary_path>/dist/client/index.html?raw';`
- *
- *  It allows importing from a known static path which dynamically resolves the user files:
- * `import {handleRequest, indexTemplate} from '@shopify/hydrogen/platforms';`
- *
- */
-export default () => {
-    let config;
-    let isESM;
-    return {
-        name: 'hydrogen:platform-entry',
-        enforce: 'pre',
-        configResolved(_config) {
-            config = _config;
-            if (config.build.ssr) {
-                const { output = {} } = config.build.rollupOptions || {};
-                const { format = isVite3 ? 'es' : '' } = (Array.isArray(output) ? output[0] : output) || {};
-                isESM = Boolean(process.env.WORKER) || ['es', 'esm'].includes(format);
-            }
-        },
-        resolveId(source, importer) {
-            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);
-                return this.resolve(platformEntryPath, importer, {
-                    skipSelf: true,
-                });
-            }
-            return null;
-        },
-        async transform(code, id, options) {
-            if (config.command === 'build' &&
-                options?.ssr &&
-                /\/hydrogen\/.+platforms\/virtual\./.test(normalizePath(id))) {
-                const ms = new MagicString(code);
-                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);
-                delete bundle[key];
-                value.fileName = SSR_BUNDLE_NAME;
-                bundle[SSR_BUNDLE_NAME] = value;
-                // This ensures the file has a proper
-                // default export instead of exporting an
-                // object containing a 'default' property.
-                if (value.type === 'chunk' && !isESM) {
-                    value.code += `\nmodule.exports = exports.default || exports;`;
-                }
-            }
-        },
-        writeBundle(options) {
-            if (config.build.ssr && options.dir) {
-                const mainFile = `./${SSR_BUNDLE_NAME}`;
-                const packageJson = {
-                    type: isESM ? 'module' : 'commonjs',
-                    main: mainFile,
-                    exports: { '.': mainFile, [mainFile]: mainFile },
-                };
-                fs.writeFileSync(path.join(options.dir, 'package.json'), JSON.stringify(packageJson, null, 2), 'utf-8');
-            }
-        },
-    };
-};

package/dist/esnext/framework/plugins/vite-plugin-ssr-interop.d.ts

@@ -1,3 +0,0 @@
-import type { Plugin } from 'vite';
-declare const _default: () => Plugin;
-export default _default;

package/dist/esnext/framework/plugins/vite-plugin-ssr-interop.js

@@ -1,20 +0,0 @@
-/* -- Plugin notes:
- * This plugin makes sure we don't leak server logic to the browser when importing
- * the `useEnvContext` utility.
- */
-export default () => {
-    return {
-        name: 'hydrogen:ssr-interop',
-        enforce: 'pre',
-        transform(code, id, options = {}) {
-            if (options.ssr && id.includes('foundation/ssr-interop')) {
-                return {
-                    code: code
-                        .replace(/(\s*META_ENV_SSR\s*=\s*)false/, '$1import.meta.env.SSR')
-                        .replace(/\/\/@SSR\s*/g, ''),
-                    map: { mappings: '' },
-                };
-            }
-        },
-    };
-};

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

@@ -1,20 +0,0 @@
-export interface HydrogenVitePluginOptions {
-    devCache?: boolean;
-    purgeQueryCacheOnBuild?: boolean;
-    configPath?: string;
-    optimizeBoundaries?: boolean | 'build';
-    assetHashVersion?: string;
-    /**
-     * 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/framework/types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,5 +0,0 @@
-import { InlineConfig } from 'vite';
-export declare function viteception(paths: string[], options?: InlineConfig): Promise<{
-    server: import("vite").ViteDevServer;
-    loaded: Record<string, any>[];
-}>;

package/dist/esnext/framework/viteception.js

@@ -1,22 +0,0 @@
-import { createServer } from 'vite';
-import { isVite3 } from '../utilities/vite.js';
-export async function viteception(paths, options) {
-    const isWorker = process.env.WORKER;
-    delete process.env.WORKER;
-    const server = await createServer({
-        clearScreen: false,
-        server: {
-            middlewareMode: isVite3 ? true : 'ssr',
-            hmr: false,
-        },
-        // @ts-ignore
-        appType: 'custom',
-        ...options,
-    });
-    if (isWorker) {
-        process.env.WORKER = isWorker;
-    }
-    const loaded = await Promise.all(paths.map((path) => server.ssrLoadModule(path)));
-    await server.close();
-    return { server, loaded };
-}

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

@@ -1,6 +0,0 @@
-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,6 +0,0 @@
-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 +0,0 @@
-export { useCart } from './useCart.js';

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

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

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

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

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

@@ -1,12 +0,0 @@
-import React from 'react';
-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.
- */
-export function useCart() {
-    const context = React.useContext(CartContext);
-    if (!context) {
-        throw new Error('Expected a Cart Context, but no Cart Context was found');
-    }
-    return context;
-}

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

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

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

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

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

@@ -1,39 +0,0 @@
-/**
- * The `useCartLine` hook provides access to the cart line object. It must be a descendent of a `CartProvider` component.
- */
-export declare function useCartLine(): {
-    __typename?: "CartLine" | undefined;
-} & Pick<import("../../storefront-api-types.js").CartLine, "id" | "quantity"> & {
-    attributes: ({
-        __typename?: "Attribute" | undefined;
-    } & Pick<import("../../storefront-api-types.js").Attribute, "key" | "value">)[];
-    cost: {
-        __typename?: "CartLineCost" | undefined;
-    } & {
-        totalAmount: {
-            __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../storefront-api-types.js").MoneyV2, "currencyCode" | "amount">;
-        compareAtAmountPerQuantity?: import("../../storefront-api-types.js").Maybe<{
-            __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../storefront-api-types.js").MoneyV2, "currencyCode" | "amount">> | undefined;
-    };
-    merchandise: {
-        __typename?: "ProductVariant" | undefined;
-    } & 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.js").MoneyV2, "currencyCode" | "amount">> | undefined;
-        priceV2: {
-            __typename?: "MoneyV2" | undefined;
-        } & Pick<import("../../storefront-api-types.js").MoneyV2, "currencyCode" | "amount">;
-        image?: import("../../storefront-api-types.js").Maybe<{
-            __typename?: "Image" | undefined;
-        } & Pick<import("../../storefront-api-types.js").Image, "id" | "height" | "width" | "url" | "altText">> | undefined;
-        product: {
-            __typename?: "Product" | undefined;
-        } & Pick<import("../../storefront-api-types.js").Product, "title" | "handle">;
-        selectedOptions: ({
-            __typename?: "SelectedOption" | undefined;
-        } & Pick<import("../../storefront-api-types.js").SelectedOption, "name" | "value">)[];
-    };
-};

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

@@ -1,12 +0,0 @@
-import { useContext } from 'react';
-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.
- */
-export function useCartLine() {
-    const context = useContext(CartLineContext);
-    if (context == null) {
-        throw new Error('Expected a cart line context but none was found');
-    }
-    return context;
-}

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

@@ -1 +0,0 @@
-export declare const useDelay: (data: unknown, time: number) => unknown;

package/dist/esnext/hooks/useDelay/useDelay.js

@@ -1,17 +0,0 @@
-import { useServerRequest } from '../../foundation/ServerRequestProvider/index.js';
-import { wrapPromise } from '../../utilities/index.js';
-import { log } from '../../utilities/log/log.js';
-export const useDelay = function (data, time) {
-    if (!__HYDROGEN_DEV__) {
-        log.warn(new Error('The `useDelay` hook introduces an artificial delay that should not be used in production!').stack);
-        return data;
-    }
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const serverRequest = useServerRequest();
-    const key = JSON.stringify(data);
-    if (!serverRequest.ctx.throttledRequests[key]) {
-        serverRequest.ctx.throttledRequests[key] = wrapPromise(new Promise((resolve) => setTimeout(resolve, time)));
-    }
-    serverRequest.ctx.throttledRequests[key].read();
-    return data;
-};

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

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

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

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

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

@@ -1,8 +0,0 @@
-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.
- */
-export declare function useLoadScript(url: LoadScriptParams[0], options?: LoadScriptParams[1]): ScriptState;
-declare type ScriptState = 'loading' | 'done' | 'error';
-export {};

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

@@ -1,23 +0,0 @@
-import { loadScript } from '../../utilities/load_script.js';
-import { useState, useEffect } from 'react';
-/**
- * The `useLoadScript` hook loads an external script tag on the client-side.
- */
-export function useLoadScript(url, options) {
-    const [status, setStatus] = useState('loading');
-    const stringifiedOptions = JSON.stringify(options);
-    useEffect(() => {
-        async function loadScriptWrapper() {
-            try {
-                setStatus('loading');
-                await loadScript(url, options);
-                setStatus('done');
-            }
-            catch (error) {
-                setStatus('error');
-            }
-        }
-        loadScriptWrapper();
-    }, [url, stringifiedOptions, options]);
-    return status;
-}

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

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

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

@@ -1,9 +0,0 @@
-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');
-    }
-    return localization;
-}

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

@@ -1,9 +0,0 @@
-import { Measurement } from '../../types.js';
-export interface UseMeasurementValue {
-    localizedString: string;
-    amount?: string;
-    unitName?: string;
-    parts: Intl.NumberFormatPart[];
-    original: Measurement;
-}
-export declare function useMeasurement(measurement: Measurement, options?: Omit<Intl.NumberFormatOptions, 'unit'>): UseMeasurementValue;

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

@@ -1,13 +0,0 @@
-import { useMemo } from 'react';
-import { useLocalization } from '../useLocalization/useLocalization.js';
-import { getMeasurementAsParts, getMeasurementAsString, } from '../../utilities/index.js';
-export function useMeasurement(measurement, options = {}) {
-    const { locale } = useLocalization();
-    return useMemo(() => {
-        return {
-            localizedString: getMeasurementAsString(measurement, locale, options),
-            parts: getMeasurementAsParts(measurement, locale, options),
-            original: measurement,
-        };
-    }, [locale, measurement, options]);
-}

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

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

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

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

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

@@ -1,54 +0,0 @@
-import { CurrencyCode, MoneyV2 } from '../../storefront-api-types.js';
-export declare type UseMoneyValue = {
-    /**
-     * The currency code from the `MoneyV2` object.
-     */
-    currencyCode: CurrencyCode;
-    /**
-     * The name for the currency code, returned by `Intl.NumberFormat`.
-     */
-    currencyName?: string;
-    /**
-     * The currency symbol returned by `Intl.NumberFormat`.
-     */
-    currencySymbol?: string;
-    /**
-     * The currency narrow symbol returned by `Intl.NumberFormat`.
-     */
-    currencyNarrowSymbol?: string;
-    /**
-     * The localized amount, without any currency symbols or non-number types from the `Intl.NumberFormat.formatToParts` parts.
-     */
-    amount: string;
-    /**
-     * All parts returned by `Intl.NumberFormat.formatToParts`.
-     */
-    parts: Intl.NumberFormatPart[];
-    /**
-     * A string returned by `new Intl.NumberFormat` for the amount and currency code,
-     * using the `locale` value in the [`LocalizationProvider` component](https://shopify.dev/api/hydrogen/components/localization/localizationprovider).
-     */
-    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
- * default-formatted string of the amount with the correct currency indicator, along with some of the parts provided by
- * [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat).
- */
-export declare function useMoney(money: MoneyV2): UseMoneyValue;