@shopify/hydrogen 0.11.0-experimental.1 → 0.11.1-experimental.0

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)
-        : clientFallback;
-}
-exports.useEnvContext = useEnvContext;

package/dist/node/handle-event.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="node" />
-import { ServerResponse } from 'http';
-import type { ServerComponentRequest } from './framework/Hydration/ServerComponentRequest.server';
-import { RuntimeContext } from './framework/runtime';
-interface HydrogenFetchEvent {
-    /**
-     * Hydrogen only cares about a single property, since we pass `request` as a separate option.
-     */
-    waitUntil?: (callback: Promise<void>) => void;
-}
-export interface HandleEventOptions {
-    request: ServerComponentRequest;
-    entrypoint: any;
-    indexTemplate: string | ((url: string) => Promise<string>);
-    assetHandler?: (event: HydrogenFetchEvent, url: URL) => Promise<Response>;
-    cache?: Cache;
-    streamableResponse?: ServerResponse;
-    dev?: boolean;
-    context?: RuntimeContext;
-    nonce?: string;
-}
-export default function handleEvent(event: HydrogenFetchEvent, { request, entrypoint, indexTemplate, assetHandler, streamableResponse, dev, cache, context, nonce, }: HandleEventOptions): Promise<void | Response>;
-export {};

package/dist/node/handle-event.js

@@ -1,135 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const runtime_1 = require("./framework/runtime");
-const config_1 = require("./framework/config");
-const apiRoutes_1 = require("./utilities/apiRoutes");
-const constants_1 = require("./constants");
-async function handleEvent(event, { request, entrypoint, indexTemplate, assetHandler, streamableResponse, dev, cache, context, nonce, }) {
-    const url = new URL(request.url);
-    /**
-     * Inject the cache & context into the module loader so we can pull it out for subrequests.
-     */
-    (0, runtime_1.setCache)(cache);
-    (0, runtime_1.setContext)(context);
-    (0, config_1.setConfig)({ dev });
-    const isReactHydrationRequest = url.pathname === constants_1.RSC_PATHNAME;
-    const template = typeof indexTemplate === 'function'
-        ? await indexTemplate(url.toString())
-        : indexTemplate;
-    /**
-     * If this is a request for an asset, and an asset handler is present, call it.
-     */
-    if (/\.(png|jpe?g|gif|css|js|svg|ico|map)$/i.test(url.pathname) &&
-        assetHandler) {
-        return assetHandler(event, url);
-    }
-    const { render, hydrate, stream, getApiRoute, log } = entrypoint.default || entrypoint;
-    // @ts-ignore
-    if (dev && !(render && hydrate && stream && getApiRoute)) {
-        throw new Error(`entry-server.jsx could not be loaded. This likely occurred because of a Vite compilation error.\n` +
-            `Please check your server logs for more information.`);
-    }
-    if (!isReactHydrationRequest) {
-        const apiRoute = getApiRoute(url);
-        // The API Route might have a default export, making it also a server component
-        // If it does, only render the API route if the request method is GET
-        if (apiRoute &&
-            (!apiRoute.hasServerComponent || request.method !== 'GET')) {
-            return (0, apiRoutes_1.renderApiRoute)(request, apiRoute, log);
-        }
-    }
-    const isStreamable = !isBotUA(url, request.headers.get('user-agent')) &&
-        (!!streamableResponse || supportsReadableStream());
-    if (isReactHydrationRequest) {
-        return hydrate(url, {
-            request,
-            response: streamableResponse,
-            isStreamable,
-            dev,
-        });
-    }
-    /**
-     * Stream back real-user responses, but for bots/etc,
-     * use `render` instead. This is because we need to inject <head>
-     * things for SEO reasons.
-     */
-    if (isStreamable) {
-        return stream(url, {
-            request,
-            response: streamableResponse,
-            template,
-            nonce,
-            dev,
-        });
-    }
-    return render(url, {
-        request,
-        template,
-        nonce,
-        dev,
-    });
-}
-exports.default = handleEvent;
-/**
- * Determines if the request is from a bot, using the URL and User Agent
- */
-function isBotUA(url, userAgent) {
-    return (url.searchParams.has('_bot') || (!!userAgent && botUARegex.test(userAgent)));
-}
-/**
- * An alphabetized list of User Agents of known bots, combined from lists found at:
- * https://github.com/vercel/next.js/blob/d87dc2b5a0b3fdbc0f6806a47be72bad59564bd0/packages/next/server/utils.ts#L18-L22
- * https://github.com/GoogleChrome/rendertron/blob/6f681688737846b28754fbfdf5db173846a826df/middleware/src/middleware.ts#L24-L41
- */
-const botUserAgents = [
-    'AdsBot-Google',
-    'applebot',
-    'Baiduspider',
-    'baiduspider',
-    'bingbot',
-    'Bingbot',
-    'BingPreview',
-    'bitlybot',
-    'Discordbot',
-    'DuckDuckBot',
-    'Embedly',
-    'facebookcatalog',
-    'facebookexternalhit',
-    'Google-PageRenderer',
-    'Googlebot',
-    'googleweblight',
-    'ia_archive',
-    'LinkedInBot',
-    'Mediapartners-Google',
-    'outbrain',
-    'pinterest',
-    'quora link preview',
-    'redditbot',
-    'rogerbot',
-    'showyoubot',
-    'SkypeUriPreview',
-    'Slackbot',
-    'Slurp',
-    'sogou',
-    'Storebot-Google',
-    'TelegramBot',
-    'tumblr',
-    'Twitterbot',
-    'vkShare',
-    'W3C_Validator',
-    'WhatsApp',
-    'yandex',
-];
-/**
- * Creates a regex based on the botUserAgents array
- */
-const botUARegex = new RegExp(botUserAgents.join('|'), 'i');
-function supportsReadableStream() {
-    try {
-        new ReadableStream();
-        return true;
-    }
-    catch (_) {
-        return false;
-    }
-}

package/dist/worker/constants.d.ts

@@ -1 +0,0 @@
-export declare const RSC_PATHNAME = "/__rsc";

package/dist/worker/constants.js

@@ -1 +0,0 @@
-export const RSC_PATHNAME = '/__rsc';

package/dist/worker/foundation/Helmet/Helmet.client.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { HelmetProps, HelmetData } from 'react-helmet-async';
-export declare type RealHelmetData = {
-    context: {
-        helmet: HelmetData;
-    };
-};
-export declare function Helmet({ children, ...props }: HelmetProps & {
-    children: React.ReactNode;
-}): JSX.Element;

package/dist/worker/foundation/Helmet/Helmet.client.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Helmet as ActualHelmet, HelmetData, } from 'react-helmet-async';
-import { useEnvContext } from '../ssr-interop';
-const clientHelmetData = new HelmetData({});
-export function Helmet({ children, ...props }) {
-    const helmetData = useEnvContext((req) => req.ctx.helmet, clientHelmetData);
-    return (
-    // @ts-ignore
-    React.createElement(ActualHelmet, { ...props, helmetData: helmetData }, children));
-}

package/dist/worker/foundation/Helmet/index.d.ts

@@ -1 +0,0 @@
-export { Helmet, RealHelmetData } from './Helmet.client';

package/dist/worker/foundation/Helmet/index.js

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

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

@@ -1,15 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ShopifyConfig } from '../../types';
-export declare type ShopifyContextValue = {
-    locale: string;
-    storeDomain: ShopifyConfig['storeDomain'];
-    storefrontToken: ShopifyConfig['storefrontToken'];
-    storefrontApiVersion: string;
-};
-export declare type ShopifyProviderProps = {
-    /** The contents of the `shopify.config.js` file. */
-    shopifyConfig: ShopifyConfig;
-    /** Any `ReactNode` elements. */
-    children?: ReactNode;
-    manager?: any;
-};

package/dist/worker/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/worker/foundation/ssr-interop.js

@@ -1,35 +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 { useContext } from 'react';
-//@SSR import {useServerRequest} from './ServerRequestProvider';
-// This is replaced by Vite to import.meta.env.SSR
-export const 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)
- * ```
- */
-export function useEnvContext(serverGetter, clientFallback) {
-    //@SSR if (META_ENV_SSR) return serverGetter(useServerRequest());
-    return clientFallback && clientFallback.$$typeof === reactContextType
-        ? useContext(clientFallback)
-        : clientFallback;
-}

package/dist/worker/framework/Hydration/ServerComponentRequest.server.d.ts

@@ -1,23 +0,0 @@
-import type { ShopifyContextValue } from '../../foundation/ShopifyProvider/types';
-import type { RealHelmetData } from '../../foundation/Helmet';
-/**
- * This augments the `Request` object from the Fetch API:
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Request
- *
- * - Adds a `cookies` map for easy access
- * - Adds a static constructor to convert a Node.js `IncomingMessage` to a Request.
- */
-export declare class ServerComponentRequest extends Request {
-    cookies: Map<string, string>;
-    id: string;
-    time: number;
-    ctx: {
-        cache: Map<string, any>;
-        helmet: RealHelmetData;
-        shopifyConfig?: ShopifyContextValue;
-        [key: string]: any;
-    };
-    constructor(input: any);
-    constructor(input: RequestInfo, init?: RequestInit);
-    private parseCookies;
-}

package/dist/worker/framework/Hydration/ServerComponentRequest.server.js

@@ -1,57 +0,0 @@
-import { getTime } from '../../utilities/timing';
-import { HelmetData } from 'react-helmet-async';
-let reqCounter = 0; // For debugging
-const generateId = typeof crypto !== 'undefined' &&
-    // @ts-ignore
-    !!crypto.randomUUID
-    ? // @ts-ignore
-        () => crypto.randomUUID()
-    : () => `req${++reqCounter}`;
-/**
- * This augments the `Request` object from the Fetch API:
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Request
- *
- * - Adds a `cookies` map for easy access
- * - Adds a static constructor to convert a Node.js `IncomingMessage` to a Request.
- */
-export class ServerComponentRequest extends Request {
-    constructor(input, init) {
-        if (input instanceof Request) {
-            super(input, init);
-        }
-        else {
-            super(getUrlFromNodeRequest(input), {
-                headers: new Headers(input.headers),
-                method: input.method,
-                body: input.method !== 'GET' && input.method !== 'HEAD'
-                    ? input.body
-                    : undefined,
-            });
-        }
-        this.time = getTime();
-        this.id = generateId();
-        this.ctx = {
-            cache: new Map(),
-            helmet: new HelmetData({}),
-        };
-        this.cookies = this.parseCookies();
-    }
-    parseCookies() {
-        const cookieString = this.headers.get('cookie') || '';
-        return new Map(cookieString
-            .split(';')
-            .map((chunk) => chunk.trim().split(/=(.+)/)));
-    }
-}
-/**
- * @see https://github.com/frandiox/vitedge/blob/17f3cd943e86d7c0c71a862985ddd6caa2899425/src/node/utils.js#L19-L24
- *
- * Note: Request can sometimes be an instance of Express request, where `originalUrl` is the true source of what the
- * URL pathname is. We want to use that if it's present, so we union type this to `any`.
- */
-function getUrlFromNodeRequest(request) {
-    var _a;
-    // TODO: Find out how to determine https from `request` object without forwarded proto
-    const secure = request.headers['x-forwarded-proto'] === 'https';
-    return new URL(`${secure ? 'https' : 'http'}://${request.headers.host + ((_a = request.originalUrl) !== null && _a !== void 0 ? _a : request.url)}`).toString();
-}

package/dist/worker/framework/config.d.ts

@@ -1,6 +0,0 @@
-declare type HydrogenConfig = {
-    dev?: boolean;
-};
-export declare function setConfig(config: HydrogenConfig): void;
-export declare function getConfig(): HydrogenConfig;
-export {};

package/dist/worker/framework/config.js

@@ -1,6 +0,0 @@
-export function setConfig(config) {
-    globalThis.__config = config;
-}
-export function getConfig() {
-    return globalThis.__config || {};
-}

package/dist/worker/framework/runtime.d.ts

@@ -1,13 +0,0 @@
-export interface RuntimeContext {
-    waitUntil: (fn: Promise<any>) => void;
-}
-/**
- * Set a global runtime context for the current request.
- * This is used to encapsulate things like:
- * - `waitUntil()` to run promises after request has ended
- */
-export declare function setContext(ctx?: RuntimeContext): void;
-export declare function getContext(): RuntimeContext | undefined;
-export declare function setCache(cache?: Cache): void;
-export declare function getCache(): Cache | undefined;
-export declare function runDelayedFunction(fn: () => Promise<any>): void | Promise<any>;

package/dist/worker/framework/runtime.js

@@ -1,27 +0,0 @@
-/**
- * Set a global runtime context for the current request.
- * This is used to encapsulate things like:
- * - `waitUntil()` to run promises after request has ended
- */
-export function setContext(ctx) {
-    globalThis.__ctx = ctx;
-}
-export function getContext() {
-    return globalThis.__ctx;
-}
-export function setCache(cache) {
-    globalThis.__cache = cache;
-}
-export function getCache() {
-    return globalThis.__cache;
-}
-export function runDelayedFunction(fn) {
-    const context = getContext();
-    /**
-     * Runtimes (Oxygen, Node.js) might not have this.
-     */
-    if (!(context === null || context === void 0 ? void 0 : context.waitUntil)) {
-        return fn();
-    }
-    return context.waitUntil(fn());
-}