@shopify/hydrogen 1.0.0-alpha.22 → 1.0.0

package/dist/node/foundation/Hydration/ServerComponentResponse.server.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ServerComponentResponse = void 0;
-const server_1 = require("react-dom/server");
-class ServerComponentResponse extends Response {
-    constructor() {
-        super(...arguments);
-        this.wait = false;
-        /**
-         * Allow custom body to be a string or a Promise.
-         */
-        this.customBody = '';
-    }
-    /**
-     * Buffer the current response until all queries have resolved,
-     * and prevent it from streaming back early.
-     */
-    doNotStream() {
-        this.wait = true;
-    }
-    canStream() {
-        return !this.wait;
-    }
-    /**
-     * Send the response from a Server Component. Renders React components to string,
-     * and returns `null` to make React happy.
-     */
-    send(body) {
-        if (typeof body === 'object' &&
-            body.$$typeof === Symbol.for('react.element')) {
-            this.customBody = server_1.renderToString(body);
-        }
-        else {
-            this.customBody = body;
-        }
-        return null;
-    }
-}
-exports.ServerComponentResponse = ServerComponentResponse;

package/dist/node/foundation/Hydration/react-utils.d.ts

@@ -1,5 +0,0 @@
-/**
- * Iterate through each prop in an object and render it to an object.
- */
-export declare function renderReactProps(props: any): Record<string, any>;
-export declare function parseReactFromString(input: string, options?: any): string | JSX.Element | JSX.Element[];

package/dist/node/foundation/Hydration/react-utils.js

@@ -1,63 +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.parseReactFromString = exports.renderReactProps = void 0;
-const server_1 = require("react-dom/server");
-/**
- * Load `domToReact` from within the library so it doesn't try to load `htmlToDom`
- * which seems to always resolve to the client version, even though we want server.
- */
-const dom_to_react_1 = __importDefault(require("html-react-parser/lib/dom-to-react"));
-const html_dom_parser_1 = __importDefault(require("html-dom-parser"));
-/**
- * Iterate through each prop in an object and render it to an object.
- */
-function renderReactProps(props) {
-    return Object.entries(props).reduce((memo, [key, prop]) => {
-        if (prop instanceof Array) {
-            memo[key] = prop.map((p) => renderReactProp(p));
-        }
-        else {
-            memo[key] = renderReactProp(prop);
-        }
-        return memo;
-    }, {});
-}
-exports.renderReactProps = renderReactProps;
-/**
- * If a prop is a React element (determined by the `$$typeof` property),
- * check to see if it's a Function and call it. Otherwise, recursively
- * render React props to support nested components.
- */
-function renderReactProp(prop) {
-    if (typeof prop === 'object' &&
-        prop['$$typeof'] === Symbol.for('react.element')) {
-        if (prop.type instanceof Function) {
-            /**
-             * We can't simply call prop.type(), since this does funky things
-             * with hooks, etc. Instead, we render it to string and convert
-             * it to a React object. This *still* isn't a perfect approach
-             * because the component isn't wrapped in the same context
-             * that the developer may have intended. However, we can
-             * set expectations as thus when passing components as
-             * props within Server Components.
-             */
-            return parseReactFromString(server_1.renderToString(prop));
-        }
-        else {
-            return {
-                ...prop,
-                props: renderReactProps(prop.props),
-            };
-        }
-    }
-    return prop;
-}
-function parseReactFromString(input, options = {}) {
-    return dom_to_react_1.default(
-    // @ts-ignore
-    html_dom_parser_1.default(input, { lowerCaseAttributeNames: false }), options);
-}
-exports.parseReactFromString = parseReactFromString;

package/dist/node/foundation/Router/DefaultRoutes.d.ts

@@ -1,20 +0,0 @@
-import { ReactElement } from 'react';
-export declare type ImportGlobEagerOutput = Record<string, Record<'default', any>>;
-/**
- * Build a set of default Hydrogen routes based on the output provided by Vite's
- * import.meta.globEager method.
- *
- * @see https://vitejs.dev/guide/features.html#glob-import
- */
-export declare function DefaultRoutes({ pages, serverState, fallback, }: {
-    pages: ImportGlobEagerOutput;
-    serverState: Record<string, any>;
-    fallback?: ReactElement;
-}): JSX.Element;
-interface HydrogenRoute {
-    component: any;
-    path: string;
-    exact: boolean;
-}
-export declare function createRoutesFromPages(pages: ImportGlobEagerOutput, topLevelPath?: string): HydrogenRoute[];
-export {};

package/dist/node/foundation/Router/DefaultRoutes.js

@@ -1,78 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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.createRoutesFromPages = exports.DefaultRoutes = void 0;
-const react_1 = __importStar(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-/**
- * Build a set of default Hydrogen routes based on the output provided by Vite's
- * import.meta.globEager method.
- *
- * @see https://vitejs.dev/guide/features.html#glob-import
- */
-function DefaultRoutes({ pages, serverState, fallback, }) {
-    const { path } = react_router_dom_1.useRouteMatch();
-    const routes = react_1.useMemo(() => createRoutesFromPages(pages, path), [pages, path]);
-    return (react_1.default.createElement(react_router_dom_1.Switch, null,
-        routes.map((route) => (react_1.default.createElement(react_router_dom_1.Route, { key: route.path, exact: route.exact, path: route.path },
-            react_1.default.createElement(route.component, { ...serverState })))),
-        fallback && react_1.default.createElement(react_router_dom_1.Route, { path: "*" }, fallback)));
-}
-exports.DefaultRoutes = DefaultRoutes;
-function createRoutesFromPages(pages, topLevelPath = '*') {
-    const topLevelPrefix = topLevelPath.replace('*', '').replace(/\/$/, '');
-    const routes = Object.keys(pages).map((key) => {
-        const path = key
-            .replace('./pages', '')
-            .replace(/\.server\.(t|j)sx?$/, '')
-            /**
-             * Replace /index with /
-             */
-            .replace(/\/index$/i, '/')
-            /**
-             * Only lowercase the first letter. This allows the developer to use camelCase
-             * dynamic paths while ensuring their standard routes are normalized to lowercase.
-             */
-            .replace(/\b[A-Z]/, (firstLetter) => firstLetter.toLowerCase())
-            /**
-             * Convert /[handle].jsx and /[...handle].jsx to /:handle.jsx for react-router-dom
-             */
-            .replace(/\[(?:[.]{3})?(\w+?)\]/g, (_match, param) => `:${param}`);
-        /**
-         * Catch-all routes [...handle].jsx don't need an exact match
-         * https://reactrouter.com/core/api/Route/exact-bool
-         */
-        const exact = !/\[(?:[.]{3})(\w+?)\]/.test(key);
-        return {
-            path: topLevelPrefix + path,
-            component: pages[key].default,
-            exact,
-        };
-    });
-    /**
-     * Place static paths BEFORE dynamic paths to grant priority.
-     */
-    return [
-        ...routes.filter((route) => !route.path.includes(':')),
-        ...routes.filter((route) => route.path.includes(':')),
-    ];
-}
-exports.createRoutesFromPages = createRoutesFromPages;

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

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

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

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultRoutes = void 0;
-var DefaultRoutes_1 = require("./DefaultRoutes");
-Object.defineProperty(exports, "DefaultRoutes", { enumerable: true, get: function () { return DefaultRoutes_1.DefaultRoutes; } });

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

@@ -1 +0,0 @@
-export declare const ShopifyContext: import("react").Context<import("../../types").ShopifyConfig | null>;

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

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShopifyContext = void 0;
-const react_1 = require("react");
-exports.ShopifyContext = react_1.createContext(null);

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

@@ -1,3 +0,0 @@
-import { ShopifyProviderProps } from './types';
-export declare const DEFAULT_API_VERSION = "2021-10";
-export declare function ShopifyProvider({ shopifyConfig, children, }: ShopifyProviderProps): JSX.Element;

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

@@ -1,34 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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.ShopifyProvider = exports.DEFAULT_API_VERSION = void 0;
-const react_1 = __importStar(require("react"));
-const ShopifyContext_1 = require("./ShopifyContext");
-exports.DEFAULT_API_VERSION = '2021-10';
-function ShopifyProvider({ shopifyConfig, children, }) {
-    const shopifyProviderValue = react_1.useMemo(() => ({
-        locale: 'en-us',
-        graphqlApiVersion: exports.DEFAULT_API_VERSION,
-        ...shopifyConfig,
-    }), [shopifyConfig]);
-    return (react_1.default.createElement(ShopifyContext_1.ShopifyContext.Provider, { value: shopifyProviderValue }, children));
-}
-exports.ShopifyProvider = ShopifyProvider;

package/dist/node/foundation/ShopifyProvider/ShopifyServerProvider.server.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-import { ShopifyConfig } from '../../types';
-import { ReactQueryHydrationContext } from './types';
-export declare function ShopifyServerProvider({ children, shopifyConfig, hydrationContext, }: {
-    children: ReactElement;
-    shopifyConfig: ShopifyConfig;
-    hydrationContext: ReactQueryHydrationContext;
-}): JSX.Element;

package/dist/node/foundation/ShopifyProvider/ShopifyServerProvider.server.js

@@ -1,14 +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.ShopifyServerProvider = void 0;
-const react_1 = __importDefault(require("react"));
-const ShopifyProvider_1 = require("./ShopifyProvider");
-const useQuery_1 = require("../../hooks/useQuery");
-function ShopifyServerProvider({ children, shopifyConfig, hydrationContext, }) {
-    return (react_1.default.createElement(ShopifyProvider_1.ShopifyProvider, { shopifyConfig: shopifyConfig },
-        react_1.default.createElement(useQuery_1.QueryProvider, { hydrationContext: hydrationContext }, children)));
-}
-exports.ShopifyServerProvider = ShopifyServerProvider;

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

@@ -1,2 +0,0 @@
-import { ShopifyProviderValue } from './types';
-export declare function useShop(): ShopifyProviderValue;

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useShop = void 0;
-const react_1 = require("react");
-const ShopifyContext_1 = require("./ShopifyContext");
-function useShop() {
-    const context = react_1.useContext(ShopifyContext_1.ShopifyContext);
-    if (!context) {
-        throw new Error('No Shopify Context found');
-    }
-    return context;
-}
-exports.useShop = useShop;

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

@@ -1,2 +0,0 @@
-export { ShopifyProvider, DEFAULT_API_VERSION } from './ShopifyProvider';
-export { useShop } from './hooks';

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useShop = exports.DEFAULT_API_VERSION = exports.ShopifyProvider = void 0;
-var ShopifyProvider_1 = require("./ShopifyProvider");
-Object.defineProperty(exports, "ShopifyProvider", { enumerable: true, get: function () { return ShopifyProvider_1.ShopifyProvider; } });
-Object.defineProperty(exports, "DEFAULT_API_VERSION", { enumerable: true, get: function () { return ShopifyProvider_1.DEFAULT_API_VERSION; } });
-var hooks_1 = require("./hooks");
-Object.defineProperty(exports, "useShop", { enumerable: true, get: function () { return hooks_1.useShop; } });

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

@@ -1,12 +0,0 @@
-import type { QueryClient } from 'react-query';
-import { ShopifyConfig } from '../../types';
-export declare type ShopifyProviderValue = ShopifyConfig;
-export declare type ShopifyProviderProps = {
-    shopifyConfig: ShopifyConfig;
-    children?: React.ReactNode;
-    manager?: any;
-};
-export interface ReactQueryHydrationContext {
-    queryClient?: QueryClient;
-    dehydratedState?: any;
-}

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

@@ -1,4 +0,0 @@
-export { ShopifyProvider, useShop, DEFAULT_API_VERSION } from './ShopifyProvider';
-export { ShopifyServerProvider } from './ShopifyProvider/ShopifyServerProvider.server';
-export { DefaultRoutes } from './Router';
-export { ClientMarker } from './ClientMarker';

package/dist/node/foundation/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClientMarker = exports.DefaultRoutes = exports.ShopifyServerProvider = exports.DEFAULT_API_VERSION = exports.useShop = exports.ShopifyProvider = void 0;
-var ShopifyProvider_1 = require("./ShopifyProvider");
-Object.defineProperty(exports, "ShopifyProvider", { enumerable: true, get: function () { return ShopifyProvider_1.ShopifyProvider; } });
-Object.defineProperty(exports, "useShop", { enumerable: true, get: function () { return ShopifyProvider_1.useShop; } });
-Object.defineProperty(exports, "DEFAULT_API_VERSION", { enumerable: true, get: function () { return ShopifyProvider_1.DEFAULT_API_VERSION; } });
-var ShopifyServerProvider_server_1 = require("./ShopifyProvider/ShopifyServerProvider.server");
-Object.defineProperty(exports, "ShopifyServerProvider", { enumerable: true, get: function () { return ShopifyServerProvider_server_1.ShopifyServerProvider; } });
-var Router_1 = require("./Router");
-Object.defineProperty(exports, "DefaultRoutes", { enumerable: true, get: function () { return Router_1.DefaultRoutes; } });
-var ClientMarker_1 = require("./ClientMarker");
-Object.defineProperty(exports, "ClientMarker", { enumerable: true, get: function () { return ClientMarker_1.ClientMarker; } });

package/dist/node/framework/plugins/vite-plugin-react-server-components-shim.js

@@ -1,128 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = __importDefault(require("path"));
-const fs_1 = require("fs");
-const fast_glob_1 = __importDefault(require("fast-glob"));
-const server_components_1 = require("../server-components");
-exports.default = () => {
-    let config;
-    let clientManifest;
-    return {
-        name: 'vite-plugin-react-server-components-shim',
-        enforce: 'pre',
-        configResolved(_config) {
-            config = _config;
-        },
-        buildStart() {
-            var _a;
-            if (config.build.ssr || config.command !== 'build')
-                return;
-            /**
-             * By default, it's assumed the path to Hydrogen components is adjacent to the config
-             * in node_modules. However, in the case of the Yarn monorepo (or E2E tests), this
-             * path needs to be customized. We use an environment variable in that case.
-             */
-            const hydrogenComponentPath = (_a = process.env.HYDROGEN_PATH) !== null && _a !== void 0 ? _a : './node_modules/@shopify/hydrogen';
-            /**
-             * Grab each of the client components in this project and emit them as chunks.
-             * This allows us to dynamically import them later during partial hydration in production.
-             */
-            const clientComponents = fast_glob_1.default
-                .sync(path_1.default.resolve(config.root, './src/**/*.client.(j|t)sx'))
-                .concat(fast_glob_1.default.sync(path_1.default.resolve(config.root, hydrogenComponentPath, 'dist/esnext/**/*.client.js')));
-            clientComponents.forEach((id) => {
-                this.emitFile({
-                    type: 'chunk',
-                    id,
-                    preserveSignature: 'strict',
-                });
-            });
-        },
-        async resolveId(source, importer) {
-            if (!importer)
-                return null;
-            /**
-             * Throw errors when non-Server Components try to load Server Components.
-             */
-            if (/\.server(\.(j|t)sx?)?$/.test(source) &&
-                !/\.server\.(j|t)sx?$/.test(importer) &&
-                // Ignore entrypoints, index re-exports, ClientMarker, handle-worker-event
-                !/(entry-server\.(j|t)sx?|index\.(html|js)|ClientMarker\.js|handle-worker-event\.js)$/.test(importer)) {
-                throw new Error(`Cannot import ${source} from "${importer}". ` +
-                    'By convention, Server Components can only be imported from other Server Component files. ' +
-                    'That way nobody accidentally sends these to the client by indirectly importing it.');
-            }
-            /**
-             * Throw errors when Client Components try to load Hydrogen components from the
-             * server-only entrypoint.
-             */
-            if (/@shopify\/hydrogen$/.test(source) &&
-                /\.client\.(j|t)sx?$/.test(importer)) {
-                throw new Error(`Cannot import @shopify/hydrogen from "${importer}". ` +
-                    'When using Hydrogen components within Client Components, use the `@shopify/hydrogen/client` entrypoint instead.');
-            }
-        },
-        transform(src, id, ssr) {
-            if (!ssr)
-                return null;
-            /**
-             * When a server component imports a client component, tag a `?fromServer`
-             * identifier at the end of the import to indicate that we should transform
-             * it with a ClientMarker (below).
-             *
-             * We are manually passing `@shopify/hydrogen/client` as an additional "from"
-             * identifier to allow local Server Components to import them as tagged Client Components.
-             * We should also accept this as a plugin argument for other third-party packages.
-             */
-            if (/\.server\.(j|t)sx?$/.test(id)) {
-                return server_components_1.tagClientComponents(src);
-            }
-        },
-        async load(id, ssr) {
-            if (!ssr)
-                return null;
-            /**
-             * Client components being loaded from server components need to be
-             * wrapped in a ClientMarker so we can serialize their props and
-             * dynamically load them in the browser.
-             */
-            if (id.includes('?fromServer')) {
-                return await server_components_1.wrapClientComponents({
-                    id,
-                    getManifestFile: getFileFromClientManifest,
-                    root: config.root,
-                    isBuild: config.command === 'build',
-                });
-            }
-            return null;
-        },
-    };
-    async function getFileFromClientManifest(manifestId) {
-        const manifest = await getClientManifest();
-        const fileName = '/' + manifestId.split('/').pop();
-        const matchingKey = Object.keys(manifest).find((key) => key.endsWith(fileName));
-        if (!matchingKey) {
-            throw new Error(`Could not find a matching entry in the manifest for: ${manifestId}`);
-        }
-        return manifest[matchingKey].file;
-    }
-    async function getClientManifest() {
-        if (config.command !== 'build') {
-            return {};
-        }
-        if (clientManifest)
-            return clientManifest;
-        try {
-            const manifest = JSON.parse(await fs_1.promises.readFile(path_1.default.resolve(config.root, './dist/client/manifest.json'), 'utf-8'));
-            clientManifest = manifest;
-            return manifest;
-        }
-        catch (e) {
-            console.error(`Failed to load client manifest:`);
-            console.error(e);
-        }
-    }
-};

package/dist/node/framework/server-components.d.ts

@@ -1,12 +0,0 @@
-export declare function wrapClientComponents({ id, getManifestFile, root, isBuild, }: {
-    id: string;
-    getManifestFile: (manifestId: string) => Promise<string>;
-    root: string;
-    isBuild: boolean;
-}): Promise<string>;
-export declare function tagClientComponents(src: string, additionalReferences?: Array<string | RegExp>): {
-    code: string;
-    map: {
-        mappings: string;
-    };
-};

package/dist/node/framework/server-components.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tagClientComponents = exports.wrapClientComponents = void 0;
-async function wrapClientComponents({ id, getManifestFile, root, isBuild, }) {
-    const normalizedId = id.slice(0, id.indexOf('?fromServer'));
-    const manifestId = normalizedId.replace(root, '');
-    const name = id.split('/').pop().split('.').shift();
-    /**
-     * ?fromServer can designate named exports as a comma-separated list.
-     * ?fromServer=Foo,Bar
-     *
-     * Re-named exports are also supported:
-     * ?fromServer=Foo:Baz,Bar
-     */
-    const names = id.includes('?fromServer=')
-        ? id
-            .slice(id.indexOf('?fromServer=') + '?fromServer='.length)
-            .split(',')
-            .map((name) => name.split(':').shift())
-        : [];
-    /**
-     * Determine the id of the chunk to be imported. If we're building
-     * the production bundle, we need to reference the chunk generated
-     * during the client manifest. Otherwise, we can pass the normalizedId
-     * and Vite's dev server will load it as expected.
-     */
-    const importId = isBuild
-        ? '/' + (await getManifestFile(manifestId))
-        : normalizedId;
-    const isNamedExport = names.length > 0;
-    let code = `import React from 'react';
-  import {ClientMarker} from '@shopify/hydrogen/marker';`;
-    if (!isNamedExport) {
-        code += `
-  import _Component from '${normalizedId}';
-
-  export default function _ClientComponent(props) {
-    return React.createElement(ClientMarker, { name: '${name}', id: '${importId}', props, component: _Component, named: false });
-  }
-  export * from '${normalizedId}';`;
-    }
-    else {
-        code += `
-  import {${names
-            .map((name, idx) => name + ' as ' + `_Component${idx}`)
-            .join(', ')}} from '${normalizedId}';`;
-        names.forEach((name, idx) => {
-            code += `\n
-  export function ${name}(props) {
-    return React.createElement(ClientMarker, { name: '${name}', id: '${importId}', props, component: _Component${idx}, named: true });
-  }`;
-        });
-    }
-    return code;
-}
-exports.wrapClientComponents = wrapClientComponents;
-function tagClientComponents(src, additionalReferences = []) {
-    const modulePatterns = [/[\w\/\.]+\.client(?:\.(?:j|t)sx?)?/]
-        // @ts-ignore
-        .concat(additionalReferences)
-        .map((pattern) => (pattern instanceof RegExp ? pattern.source : pattern));
-    const fromModulePattern = modulePatterns.join('|');
-    /**
-     * Default exports
-     * @see https://rubular.com/r/XZjsrolet5twvB
-     */
-    let regex = new RegExp(`import\\s*\\w*\\s*from\\s*(?:'|")(?:(${fromModulePattern}))`, 'g');
-    let code = src.replace(regex, (mod) => mod + '?fromServer');
-    /**
-     * Named exports
-     * @see https://rubular.com/r/6qdREcs4T9Nw1e
-     */
-    regex = new RegExp(`import\\s*{([\\w\\s,]+)}\\s*from\\s*(?:'|")(?:(${fromModulePattern}))`, 'g');
-    code = code.replace(regex, (mod, imports) => `${mod}?fromServer=${imports.replace(/ as /g, ':').replace(/ /g, '')}`);
-    return { code, map: { mappings: '' } };
-}
-exports.tagClientComponents = tagClientComponents;