@shopify/hydrogen 0.22.1 → 0.25.0

package/dist/node/foundation/ServerRequestProvider/ServerRequestProvider.js

@@ -1,158 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.preloadRequestCacheData = exports.useRequestCacheData = exports.useServerRequest = exports.ServerRequestProvider = void 0;
-const react_1 = __importStar(require("react"));
-const timing_1 = require("../../utilities/timing");
-const hash_1 = require("../../utilities/hash");
-const log_1 = require("../../utilities/log");
-// Context to inject current request in SSR
-const RequestContextSSR = (0, react_1.createContext)(null);
-// Cache to inject current request in RSC
-function requestCacheRSC() {
-    return new Map();
-}
-requestCacheRSC.key = Symbol.for('HYDROGEN_REQUEST');
-// Note: use this only during RSC/Flight rendering. The React dispatcher
-// for SSR/Fizz rendering does not implement getCacheForType.
-function getCacheForType(resource) {
-    var _a;
-    const dispatcher = 
-    // @ts-ignore
-    react_1.default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
-        .ReactCurrentDispatcher.current;
-    // @ts-ignore
-    if (__DEV__ && typeof jest !== 'undefined' && !dispatcher.getCacheForType) {
-        // Jest does not have access to the RSC runtime, mock it here:
-        // @ts-ignore
-        return ((_a = globalThis.__jestRscCache) !== null && _a !== void 0 ? _a : (globalThis.__jestRscCache = resource()));
-    }
-    return dispatcher.getCacheForType(resource);
-}
-function ServerRequestProvider({ isRSC, request, children, }) {
-    if (isRSC) {
-        // Save the request object in a React cache that is
-        // scoped to this current rendering.
-        const requestCache = getCacheForType(requestCacheRSC);
-        requestCache.set(requestCacheRSC.key, request);
-        return children;
-    }
-    // Use a normal provider in SSR to make the request object
-    // available in the current rendering.
-    return (react_1.default.createElement(RequestContextSSR.Provider, { value: request }, children));
-}
-exports.ServerRequestProvider = ServerRequestProvider;
-function useServerRequest() {
-    let request;
-    try {
-        // This cache only works during RSC rendering:
-        // @ts-ignore
-        const cache = getCacheForType(requestCacheRSC);
-        request = cache ? cache.get(requestCacheRSC.key) : null;
-    }
-    catch (_a) {
-        // If RSC cache failed it means this is not an RSC request.
-        // Try getting SSR context instead:
-        request = (0, react_1.useContext)(RequestContextSSR); // eslint-disable-line react-hooks/rules-of-hooks
-    }
-    if (!request) {
-        // @ts-ignore
-        if (__DEV__ && typeof jest !== 'undefined') {
-            // Unit tests are not wrapped in ServerRequestProvider.
-            // This mocks it, instead of providing it in every test.
-            return { ctx: {} };
-        }
-        throw new Error('No ServerRequest Context found');
-    }
-    return request;
-}
-exports.useServerRequest = useServerRequest;
-/**
- * Returns data stored in the request cache.
- * It will throw the promise if data is not ready.
- */
-function useRequestCacheData(key, fetcher) {
-    const request = useServerRequest();
-    const cache = request.ctx.cache;
-    const cacheKey = (0, hash_1.hashKey)(key);
-    if (!cache.has(cacheKey)) {
-        let result;
-        let promise;
-        cache.set(cacheKey, () => {
-            if (result !== undefined) {
-                (0, log_1.collectQueryTimings)(request, key, 'rendered');
-                return result;
-            }
-            if (!promise) {
-                const startApiTime = (0, timing_1.getTime)();
-                const maybePromise = fetcher();
-                if (!(maybePromise instanceof Promise)) {
-                    result = { data: maybePromise };
-                    return result;
-                }
-                promise = maybePromise.then((data) => {
-                    result = { data };
-                    (0, log_1.collectQueryTimings)(request, key, 'resolved', (0, timing_1.getTime)() - startApiTime);
-                }, (error) => (result = { error }));
-            }
-            throw promise;
-        });
-    }
-    // Making sure the promise has returned data because it can be initated by a preload request,
-    // otherwise, we throw the promise
-    const result = cache.get(cacheKey).call();
-    if (result instanceof Promise)
-        throw result;
-    return result;
-}
-exports.useRequestCacheData = useRequestCacheData;
-function preloadRequestCacheData(request, preloadQueries) {
-    const cache = request.ctx.cache;
-    preloadQueries === null || preloadQueries === void 0 ? void 0 : preloadQueries.forEach((preloadQuery, cacheKey) => {
-        (0, log_1.collectQueryTimings)(request, preloadQuery.key, 'preload');
-        if (!cache.has(cacheKey)) {
-            let result;
-            let promise;
-            cache.set(cacheKey, () => {
-                if (result !== undefined) {
-                    (0, log_1.collectQueryTimings)(request, preloadQuery.key, 'rendered');
-                    return result;
-                }
-                if (!promise) {
-                    const startApiTime = (0, timing_1.getTime)();
-                    promise = preloadQuery.fetcher().then((data) => {
-                        result = { data };
-                        (0, log_1.collectQueryTimings)(request, preloadQuery.key, 'resolved', (0, timing_1.getTime)() - startApiTime);
-                    }, (error) => {
-                        result = { error };
-                    });
-                }
-                return promise;
-            });
-        }
-        cache.get(cacheKey).call();
-    });
-}
-exports.preloadRequestCacheData = preloadRequestCacheData;

package/dist/node/foundation/ServerRequestProvider/index.d.ts

@@ -1 +0,0 @@
-export * from './ServerRequestProvider';

package/dist/node/foundation/ServerRequestProvider/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ServerRequestProvider"), exports);

package/dist/node/foundation/ShopifyProvider/types.d.ts

@@ -1,13 +0,0 @@
-import type { CountryCode, LanguageCode } from '../../storefront-api-types';
-import type { ReactNode } from 'react';
-import type { ShopifyConfigFetcher, ShopifyConfig } from '../../types';
-export interface ShopifyContextValue extends Omit<ShopifyConfig, 'defaultLocale'> {
-    locale: `${LanguageCode}-${CountryCode}`;
-    languageCode: `${LanguageCode}`;
-}
-export declare type ShopifyProviderProps = {
-    /** Shopify connection information. Defaults to the `shopify` property in the `hydrogen.config.js` file. */
-    shopifyConfig?: ShopifyConfig | ShopifyConfigFetcher;
-    /** Any `ReactNode` elements. */
-    children?: ReactNode;
-};

package/dist/node/foundation/ShopifyProvider/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,27 +0,0 @@
-import { Logger } from '../../utilities/log';
-import type { ServerComponentResponse } from '../../framework/Hydration/ServerComponentResponse.server';
-import type { ServerComponentRequest } from '../../framework/Hydration/ServerComponentRequest.server';
-export declare type SessionSyncApi = {
-    get: () => Record<string, string>;
-};
-export declare type SessionApi = {
-    get: () => Promise<Record<string, string>>;
-    set: (key: string, value: string) => Promise<void>;
-    destroy: () => Promise<void>;
-};
-export declare type SessionStorageAdapter = {
-    get: (request: Request) => Promise<Record<string, string>>;
-    set: (request: Request, value: Record<string, string>) => Promise<string>;
-    destroy: (request: Request) => Promise<string>;
-};
-export declare function getSyncSessionApi(request: ServerComponentRequest, componentResponse: ServerComponentResponse, log: Logger, session?: SessionStorageAdapter): {
-    get(): any;
-};
-export declare const emptySessionImplementation: (log: Logger) => {
-    get(): Promise<{}>;
-    set(key: string, value: string): Promise<void>;
-    destroy(): Promise<void>;
-};
-export declare const emptySyncSessionImplementation: (log: Logger) => {
-    get(): {};
-};

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

@@ -1,43 +0,0 @@
-"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/ssr-interop.d.ts

@@ -1,29 +0,0 @@
-/**
- * This file is used for compatibility between browser and server environments.
- * The browser loads this file as is, without leaking server logic.
- * In the server, this file is transformed by Vite to inject server logic.
- * NOTE: Do not remove SSR-prefixed comments in this file.
- */
-import type { ServerComponentRequest } from '../framework/Hydration/ServerComponentRequest.server';
-export declare const META_ENV_SSR = false;
-declare type ServerGetter<T> = (request: ServerComponentRequest) => T;
-/**
- * Isomorphic hook to access context data. It gives access to the current request
- * when running on the server, and returns the provided client fallback in the browser.
- * This can be used in server components (RSC) as a Context/Provider replacement. In client
- * components, it uses the server getter in SSR and the client fallback in the browser.
- * @param serverGetter - A function that gets the current server request and returns any
- * desired request property. It only runs in the server (both in RSC and SSR).
- * @param clientFallback - An optional raw value or a React.Context to be consumed that will be
- * returned if the current environment is not the server. Note that, if this is a React.Context,
- * there must be a React.Provider parent in the app tree.
- * @returns A value retrieved from the current server request or a fallback value in the client.
- * The returned type depends on what the server getter returns.
- * @example
- * ```js
- * import {MyClientContext} from './my-client-react-context-provider';
- * useEnvContext(req => req.ctx.myServerContext, MyClientContext)
- * ```
- */
-export declare function useEnvContext<T>(serverGetter: ServerGetter<T>, clientFallback?: any): T;
-export {};

package/dist/node/foundation/ssr-interop.js

@@ -1,39 +0,0 @@
-"use strict";
-/**
- * This file is used for compatibility between browser and server environments.
- * The browser loads this file as is, without leaking server logic.
- * In the server, this file is transformed by Vite to inject server logic.
- * NOTE: Do not remove SSR-prefixed comments in this file.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEnvContext = exports.META_ENV_SSR = void 0;
-const react_1 = require("react");
-//@SSR import {useServerRequest} from './ServerRequestProvider';
-// This is replaced by Vite to import.meta.env.SSR
-exports.META_ENV_SSR = false;
-const reactContextType = Symbol.for('react.context');
-/**
- * Isomorphic hook to access context data. It gives access to the current request
- * when running on the server, and returns the provided client fallback in the browser.
- * This can be used in server components (RSC) as a Context/Provider replacement. In client
- * components, it uses the server getter in SSR and the client fallback in the browser.
- * @param serverGetter - A function that gets the current server request and returns any
- * desired request property. It only runs in the server (both in RSC and SSR).
- * @param clientFallback - An optional raw value or a React.Context to be consumed that will be
- * returned if the current environment is not the server. Note that, if this is a React.Context,
- * there must be a React.Provider parent in the app tree.
- * @returns A value retrieved from the current server request or a fallback value in the client.
- * The returned type depends on what the server getter returns.
- * @example
- * ```js
- * import {MyClientContext} from './my-client-react-context-provider';
- * useEnvContext(req => req.ctx.myServerContext, MyClientContext)
- * ```
- */
-function useEnvContext(serverGetter, clientFallback) {
-    //@SSR if (META_ENV_SSR) return serverGetter(useServerRequest());
-    return clientFallback && clientFallback.$$typeof === reactContextType
-        ? (0, react_1.useContext)(clientFallback) // eslint-disable-line react-hooks/rules-of-hooks
-        : clientFallback;
-}
-exports.useEnvContext = useEnvContext;

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

@@ -1,13 +0,0 @@
-declare type NavigationOptions = {
-    /** Whether to update the state object or URL of the current history entry. Defaults to false. */
-    replace?: boolean;
-    /** Whether to reload the whole document on navigation. */
-    reloadDocument?: boolean;
-    /** The custom client state with the navigation. */
-    clientState?: any;
-};
-/**
- * The useNavigate hook imperatively navigates between routes.
- */
-export declare function useNavigate(): (path: string, options?: NavigationOptions) => void;
-export {};

package/dist/node/foundation/useNavigate/useNavigate.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNavigate = void 0;
-const BrowserRouter_client_1 = require("../Router/BrowserRouter.client");
-/**
- * The useNavigate hook imperatively navigates between routes.
- */
-function useNavigate() {
-    const router = (0, BrowserRouter_client_1.useRouter)();
-    return (path, options = { replace: false, reloadDocument: false }) => {
-        // @todo wait for RSC and then change focus for a11y?
-        if (options === null || options === void 0 ? void 0 : options.replace)
-            router.history.replace(path, (options === null || options === void 0 ? void 0 : options.clientState) || {});
-        else
-            router.history.push(path, (options === null || options === void 0 ? void 0 : options.clientState) || {});
-    };
-}
-exports.useNavigate = useNavigate;

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

@@ -1,21 +0,0 @@
-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

@@ -1,40 +0,0 @@
-"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/CachingStrategy/index.d.ts

@@ -1,10 +0,0 @@
-import type { CachingStrategy, AllCacheOptions, NoStoreStrategy } from '../../types';
-export declare function generateCacheControlHeader(cacheOptions: CachingStrategy): string;
-export declare function NoStore(): NoStoreStrategy;
-export declare function CacheSeconds(overrideOptions?: CachingStrategy): AllCacheOptions;
-export declare function CacheMinutes(overrideOptions?: CachingStrategy): AllCacheOptions;
-export declare function CacheHours(overrideOptions?: CachingStrategy): AllCacheOptions;
-export declare function CacheDays(overrideOptions?: CachingStrategy): AllCacheOptions;
-export declare function CacheWeeks(overrideOptions?: CachingStrategy): AllCacheOptions;
-export declare function CacheMonths(overrideOptions?: CachingStrategy): AllCacheOptions;
-export declare function CacheCustom(overrideOptions: CachingStrategy): AllCacheOptions;

package/dist/node/framework/CachingStrategy/index.js

@@ -1,108 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CacheCustom = exports.CacheMonths = exports.CacheWeeks = exports.CacheDays = exports.CacheHours = exports.CacheMinutes = exports.CacheSeconds = exports.NoStore = exports.generateCacheControlHeader = void 0;
-const PUBLIC = 'public';
-const PRIVATE = 'private';
-const NO_STORE = 'no-store';
-const optionMapping = {
-    maxAge: 'max-age',
-    staleWhileRevalidate: 'stale-while-revalidate',
-    sMaxAge: 's-maxage',
-    staleIfError: 'stale-if-error',
-};
-function generateCacheControlHeader(cacheOptions) {
-    const cacheControl = [];
-    Object.keys(cacheOptions).forEach((key) => {
-        if (key === 'mode') {
-            cacheControl.push(cacheOptions[key]);
-        }
-        else if (optionMapping[key]) {
-            cacheControl.push(`${optionMapping[key]}=${cacheOptions[key]}`);
-        }
-    });
-    return cacheControl.join(', ');
-}
-exports.generateCacheControlHeader = generateCacheControlHeader;
-function NoStore() {
-    return {
-        mode: NO_STORE,
-    };
-}
-exports.NoStore = NoStore;
-function guardExpirableModeType(overrideOptions) {
-    if ((overrideOptions === null || overrideOptions === void 0 ? void 0 : overrideOptions.mode) &&
-        (overrideOptions === null || overrideOptions === void 0 ? void 0 : overrideOptions.mode) !== PUBLIC &&
-        (overrideOptions === null || overrideOptions === void 0 ? void 0 : overrideOptions.mode) !== PRIVATE) {
-        throw Error("'mode' must be either 'public' or 'private'");
-    }
-}
-// 10 seconds
-function CacheSeconds(overrideOptions) {
-    guardExpirableModeType(overrideOptions);
-    return {
-        mode: PUBLIC,
-        maxAge: 1,
-        staleWhileRevalidate: 9,
-        ...overrideOptions,
-    };
-}
-exports.CacheSeconds = CacheSeconds;
-// 30 minutes
-function CacheMinutes(overrideOptions) {
-    guardExpirableModeType(overrideOptions);
-    return {
-        mode: PUBLIC,
-        maxAge: 900,
-        staleWhileRevalidate: 900,
-        ...overrideOptions,
-    };
-}
-exports.CacheMinutes = CacheMinutes;
-// 1 hour
-function CacheHours(overrideOptions) {
-    guardExpirableModeType(overrideOptions);
-    return {
-        mode: PUBLIC,
-        maxAge: 1800,
-        staleWhileRevalidate: 1800,
-        ...overrideOptions,
-    };
-}
-exports.CacheHours = CacheHours;
-// 1 day
-function CacheDays(overrideOptions) {
-    guardExpirableModeType(overrideOptions);
-    return {
-        mode: PUBLIC,
-        maxAge: 3600,
-        staleWhileRevalidate: 82800,
-        ...overrideOptions,
-    };
-}
-exports.CacheDays = CacheDays;
-// 2 weeks
-function CacheWeeks(overrideOptions) {
-    guardExpirableModeType(overrideOptions);
-    return {
-        mode: PUBLIC,
-        maxAge: 604800,
-        staleWhileRevalidate: 604800,
-        ...overrideOptions,
-    };
-}
-exports.CacheWeeks = CacheWeeks;
-// 1 month
-function CacheMonths(overrideOptions) {
-    guardExpirableModeType(overrideOptions);
-    return {
-        mode: PUBLIC,
-        maxAge: 1296000,
-        staleWhileRevalidate: 1296000,
-        ...overrideOptions,
-    };
-}
-exports.CacheMonths = CacheMonths;
-function CacheCustom(overrideOptions) {
-    return overrideOptions;
-}
-exports.CacheCustom = CacheCustom;

package/dist/node/framework/Hydration/Html.js

@@ -1,94 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyHtmlHead = exports.Html = void 0;
-/// <reference types="vite/client" />
-const react_1 = __importDefault(require("react"));
-const HTML_ATTR_SEP_RE = /(?<!=)"\s+/gim;
-const getHtmlAttrs = (template) => { var _a; return ((_a = template.match(/<html\s+([^>]+?)\s*>/s)) === null || _a === void 0 ? void 0 : _a[1]) || ''; };
-const getBodyAttrs = (template) => { var _a; return ((_a = template.match(/<body\s+([^>]+?)\s*>/s)) === null || _a === void 0 ? void 0 : _a[1]) || ''; };
-const REACT_ATTR_MAP = Object.create(null);
-REACT_ATTR_MAP.class = 'className';
-REACT_ATTR_MAP.style = 'data-style'; // Ignore string styles, it breaks React
-function attrsToProps(attrs) {
-    attrs = attrs === null || attrs === void 0 ? void 0 : attrs.trim();
-    // Assume all attributes are surrounded by double quotes.
-    return attrs
-        ? Object.fromEntries(attrs.split(HTML_ATTR_SEP_RE).map((attr) => {
-            const [key, value] = attr.replace(/"/g, '').split(/=(.+)/);
-            return [REACT_ATTR_MAP[key.toLowerCase()] || key, value];
-        }))
-        : {};
-}
-function propsToAttrs(props) {
-    return Object.entries(props)
-        .map(([key, value]) => `${key === REACT_ATTR_MAP.class ? 'class' : key}="${value}"`)
-        .join(' ');
-}
-function Html({ children, template, htmlAttrs, bodyAttrs }) {
-    let head = template.match(/<head>(.+?)<\/head>/s)[1] || '';
-    // @ts-ignore
-    if (import.meta.env.DEV) {
-        // Fix React Refresh for async scripts.
-        // https://github.com/vitejs/vite/issues/6759
-        head =
-            '<script></script>' + // Fix for Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1737882
-                head.replace(/>(\s*?import[\s\w]+?['"]\/@react-refresh)/, ' async="">$1');
-    }
-    return (react_1.default.createElement("html", { ...attrsToProps(getHtmlAttrs(template)), ...htmlAttrs },
-        react_1.default.createElement("head", { dangerouslySetInnerHTML: { __html: head } }),
-        react_1.default.createElement("body", { ...attrsToProps(getBodyAttrs(template)), ...bodyAttrs },
-            react_1.default.createElement("div", { id: "root" }, children))));
-}
-exports.Html = Html;
-function applyHtmlHead(html, head, template) {
-    const { bodyAttrs, htmlAttrs, ...headTags } = extractHeadElements(head, template);
-    return html
-        .replace(/<head>(.*?)<\/head>/s, generateHeadTag(headTags))
-        .replace(/<html[^>]*?>/s, htmlAttrs ? `<html ${htmlAttrs}>` : '$&')
-        .replace(/<body[^>]*?>/s, bodyAttrs ? `<body ${bodyAttrs}>` : '$&');
-}
-exports.applyHtmlHead = applyHtmlHead;
-function extractHeadElements({ context: { helmet } }, template) {
-    // There might be existing attributes in the template that are
-    // duplicated in the helmet. Transform them to props and back
-    // to string attributes to remove duplicates.
-    const htmlUniqueProps = attrsToProps(`${getHtmlAttrs(template)} ${helmet.htmlAttributes}`);
-    const bodyUniqueProps = attrsToProps(`${getBodyAttrs(template)} ${helmet.bodyAttributes}`);
-    return {
-        htmlAttrs: propsToAttrs(htmlUniqueProps),
-        bodyAttrs: propsToAttrs(bodyUniqueProps),
-        base: helmet.base.toString(),
-        link: helmet.link.toString(),
-        meta: helmet.meta.toString(),
-        noscript: helmet.noscript.toString(),
-        script: helmet.script.toString(),
-        style: helmet.style.toString(),
-        title: helmet.title.toString(),
-    };
-}
-/**
- * Generate the contents of the `head` tag, and update the existing `<title>` tag
- * if one exists, and if a title is passed.
- */
-function generateHeadTag({ title, ...rest }) {
-    const headProps = ['base', 'meta', 'style', 'noscript', 'script', 'link'];
-    const otherHeadProps = headProps
-        .map((prop) => rest[prop])
-        .filter(Boolean)
-        .join('\n');
-    return (_outerHtml, innerHtml) => {
-        let headHtml = otherHeadProps + innerHtml;
-        if (title) {
-            if (headHtml.includes('<title>')) {
-                headHtml = headHtml.replace(/(<title>(?:.|\n)*?<\/title>)/, title);
-            }
-            else {
-                headHtml += title;
-            }
-        }
-        return `<head>${headHtml}</head>`;
-    };
-}