@shopify/hydrogen 1.1.0 → 1.3.1

package/dist/esnext/foundation/FileSessionStorage/FileSessionStorage.d.ts

@@ -1,6 +1,6 @@
-import type { SessionStorageAdapter } from '../session/session';
-import type { CookieOptions } from '../Cookie/Cookie';
-import { Logger } from '../../utilities/log';
+import type { SessionStorageAdapter } from '../session/session-types.js';
+import type { CookieOptions } from '../Cookie/Cookie.js';
+import { Logger } from '../../utilities/log/index.js';
 /** The `FileSessionStorage` component persists session data to the file system.
  */
 export declare const FileSessionStorage: (name: string, dir: string, cookieOptions: CookieOptions) => (log: Logger) => SessionStorageAdapter;

package/dist/esnext/foundation/FileSessionStorage/FileSessionStorage.js

@@ -1,8 +1,8 @@
-import { Cookie } from '../Cookie/Cookie';
+import { Cookie } from '../Cookie/Cookie.js';
 import { v4 as uid } from 'uuid';
 import path from 'path';
 import { promises as fsp } from 'fs';
-import { parseJSON } from '../../utilities/parse';
+import { parseJSON } from '../../utilities/parse.js';
 async function wait() {
     return new Promise((resolve) => setTimeout(resolve));
 }

package/dist/esnext/foundation/Form/Form.client.d.ts

@@ -0,0 +1,11 @@
+import React, { FormEvent } from 'react';
+interface FormProps {
+    action: string;
+    method?: string;
+    children?: Array<React.ReactNode>;
+    onSubmit?: (e: FormEvent<HTMLFormElement>) => void;
+    encType?: string;
+    noValidate?: boolean;
+}
+export declare function Form({ action, method, children, onSubmit, encType, noValidate, ...props }: FormProps): JSX.Element;
+export {};

package/dist/esnext/foundation/Form/Form.client.js

@@ -0,0 +1,51 @@
+import React, { useCallback, useState } from 'react';
+// @ts-ignore
+import { createFromFetch } from '@shopify/hydrogen/vendor/react-server-dom-vite';
+import { useInternalServerProps } from '../useServerProps/use-server-props.js';
+export function Form({ action, method, children, onSubmit, encType = 'application/x-www-form-urlencoded', noValidate, ...props }) {
+    const { setRscResponseFromApiRoute } = useInternalServerProps();
+    const [_, startTransition] = React.useTransition();
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const submit = useCallback(async (e) => {
+        onSubmit && onSubmit(e);
+        if (e.defaultPrevented)
+            return;
+        setLoading(true);
+        e.preventDefault();
+        const formData = new FormData(e.target);
+        // @ts-expect-error
+        // It's valid to pass a FormData instance to a URLSearchParams constructor
+        // @todo - support multipart forms
+        const formBody = new URLSearchParams(formData);
+        startTransition(() => {
+            fetch(action, {
+                method,
+                headers: {
+                    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
+                    'Hydrogen-Client': 'Form-Action',
+                },
+                body: formBody.toString(),
+            })
+                .then((fetchResponse) => {
+                const rscPathname = fetchResponse.headers.get('Hydrogen-RSC-Pathname');
+                if (!rscPathname)
+                    throw new Error(`The component's \`action\` attribute must point to an API route that responds with a new Request()\nRead more at https://shopify.dev/custom-storefronts/hydrogen/framework/forms`);
+                if (rscPathname !== window.location.pathname) {
+                    window.history.pushState(null, '', rscPathname);
+                }
+                const rscResponse = createFromFetch(Promise.resolve(fetchResponse));
+                setRscResponseFromApiRoute({
+                    url: method + action,
+                    response: rscResponse,
+                });
+                setLoading(false);
+            })
+                .catch((error) => {
+                setError(error);
+                setLoading(false);
+            });
+        });
+    }, [onSubmit, startTransition, action, method, setRscResponseFromApiRoute]);
+    return (React.createElement("form", { action: action, method: method, onSubmit: submit, encType: "application/x-www-form-urlencoded", noValidate: noValidate, ...props }, children instanceof Function ? children({ loading, error }) : children));
+}

package/dist/esnext/foundation/Head/Head.client.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Helmet, HelmetData as HeadData, } from 'react-helmet-async';
-import { useEnvContext } from '../ssr-interop';
+import { useEnvContext } from '../ssr-interop.js';
 const clientHeadData = new HeadData({});
 export function Head({ children, ...props }) {
     const headData = useEnvContext((req) => req.ctx.head, clientHeadData);

package/dist/esnext/foundation/Head/index.d.ts

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

package/dist/esnext/foundation/Head/index.js

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

package/dist/esnext/foundation/Html/Html.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import type { HelmetData as HeadData } from 'react-helmet-async';
-import { ResolvedHydrogenConfig } from '../../types';
+import { ResolvedHydrogenConfig } from '../../types.js';
 declare type HtmlOptions = {
     children: ReactNode;
     template: string;

package/dist/esnext/foundation/HydrogenRequest/HydrogenRequest.server.d.ts

@@ -1,9 +1,9 @@
-import type { ShopifyContextValue, LocalizationContextValue } from '../ShopifyProvider/types';
-import type { QueryCacheControlHeaders } from '../../utilities/log/log-cache-header';
-import type { QueryTiming } from '../../utilities/log/log-query-timeline';
-import type { ResolvedHydrogenConfig, PreloadOptions, QueryKey, RuntimeContext } from '../../types';
+import type { ShopifyContextValue, LocalizationContextValue } from '../ShopifyProvider/types.js';
+import type { QueryCacheControlHeaders } from '../../utilities/log/log-cache-header.js';
+import type { QueryTiming } from '../../utilities/log/log-query-timeline.js';
+import type { ResolvedHydrogenConfig, PreloadOptions, QueryKey, RuntimeContext } from '../../types.js';
 import { HelmetData as HeadData } from 'react-helmet-async';
-import { SessionSyncApi } from '../session/session';
+import type { SessionSyncApi } from '../session/session-types.js';
 export declare type PreloadQueryEntry = {
     key: QueryKey;
     fetcher: (request: HydrogenRequest) => Promise<unknown>;
@@ -46,6 +46,7 @@ export declare class HydrogenRequest extends Request {
         router: RouterContextData;
         buyerIpHeader?: string;
         session?: SessionSyncApi;
+        flashSession: Record<string, any>;
         runtime?: RuntimeContext;
         scopes: Map<string, Record<string, any>>;
         localization?: LocalizationContextValue;

package/dist/esnext/foundation/HydrogenRequest/HydrogenRequest.server.js

@@ -1,8 +1,8 @@
-import { getTime } from '../../utilities/timing';
-import { hashKey } from '../../utilities/hash';
+import { getTime } from '../../utilities/timing.js';
+import { hashKey } from '../../utilities/hash.js';
 import { HelmetData as HeadData } from 'react-helmet-async';
-import { RSC_PATHNAME } from '../../constants';
-import { parseJSON } from '../../utilities/parse';
+import { RSC_PATHNAME } from '../../constants.js';
+import { parseJSON } from '../../utilities/parse.js';
 let reqCounter = 0; // For debugging
 const generateId = typeof crypto !== 'undefined' &&
     // @ts-ignore
@@ -60,6 +60,7 @@ export class HydrogenRequest extends Request {
             },
             preloadQueries: new Map(),
             scopes: new Map(),
+            flashSession: {},
         };
         this.cookies = this.parseCookies();
     }

package/dist/esnext/foundation/HydrogenResponse/HydrogenResponse.server.d.ts

@@ -1,19 +1,17 @@
-import type { CachingStrategy } from '../../types';
+import type { CachingStrategy } from '../../types.js';
 import React from 'react';
 export declare class HydrogenResponse extends Response {
     private wait;
     private cacheOptions;
-    private proxy;
     status: number;
     statusText: string;
-    constructor(...args: ConstructorParameters<typeof Response>);
     /**
      * Buffer the current response until all queries have resolved,
      * and prevent it from streaming back early.
      */
     doNotStream(): void;
     canStream(): boolean;
-    cache(options?: CachingStrategy): import("../../types").AllCacheOptions;
+    cache(options?: CachingStrategy): import("../../types.js").AllCacheOptions;
     get cacheControlHeader(): string;
     redirect(location: string, status?: number): React.FunctionComponentElement<{
         to: string;

package/dist/esnext/foundation/HydrogenResponse/HydrogenResponse.server.js

@@ -1,25 +1,11 @@
-import { CacheShort, generateCacheControlHeader } from '../Cache/strategies';
-import Redirect from '../Redirect/Redirect.client';
+import { CacheShort, generateCacheControlHeader, } from '../Cache/strategies/index.js';
+import Redirect from '../Redirect/Redirect.client.js';
 import React from 'react';
 export class HydrogenResponse extends Response {
     wait = false;
     cacheOptions = CacheShort();
-    proxy = Object.defineProperties(Object.create(null), {
-        // Default values:
-        status: { value: 200, writable: true },
-        statusText: { value: '', writable: true },
-    });
-    // @ts-ignore
-    status;
-    // @ts-ignore
-    statusText;
-    constructor(...args) {
-        super(...args);
-        return new Proxy(this, {
-            get: (target, key) => target.proxy[key] ?? Reflect.get(target, key),
-            set: (target, key, value) => Reflect.set(key in target.proxy ? target.proxy : target, key, value),
-        });
-    }
+    status = 200;
+    statusText = '';
     /**
      * Buffer the current response until all queries have resolved,
      * and prevent it from streaming back early.

package/dist/esnext/foundation/MemorySessionStorage/MemorySessionStorage.d.ts

@@ -1,5 +1,5 @@
-import type { SessionStorageAdapter } from '../session/session';
-import type { CookieOptions } from '../Cookie/Cookie';
+import type { SessionStorageAdapter } from '../session/session-types.js';
+import type { CookieOptions } from '../Cookie/Cookie.js';
 /** The `MemorySessionStorage` component stores session data within Hydrogen runtime memory.
  */
 export declare const MemorySessionStorage: (name: string, options: CookieOptions) => () => SessionStorageAdapter;

package/dist/esnext/foundation/MemorySessionStorage/MemorySessionStorage.js

@@ -1,4 +1,4 @@
-import { Cookie } from '../Cookie/Cookie';
+import { Cookie } from '../Cookie/Cookie.js';
 import { v4 as uid } from 'uuid';
 /** The `MemorySessionStorage` component stores session data within Hydrogen runtime memory.
  */

package/dist/esnext/foundation/Redirect/Redirect.client.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useNavigate } from '../../foundation/useNavigate/useNavigate';
+import { useNavigate } from '../../foundation/useNavigate/useNavigate.js';
 export default function Redirect({ to }) {
     const navigate = useNavigate();
     useEffect(() => {

package/dist/esnext/foundation/Route/Route.server.js

@@ -1,7 +1,7 @@
 import React, { cloneElement } from 'react';
-import { useServerRequest } from '../ServerRequestProvider';
-import { matchPath } from '../../utilities/matchPath';
-import { RouteParamsProvider } from '../useRouteParams/RouteParamsProvider.client';
+import { useServerRequest } from '../ServerRequestProvider/index.js';
+import { matchPath } from '../../utilities/matchPath.js';
+import { RouteParamsProvider } from '../useRouteParams/RouteParamsProvider.client.js';
 /**
  * The `Route` component is used to set up a route in Hydrogen that's independent of the file system. Routes are
  * matched in the order that they're defined.

package/dist/esnext/foundation/Router/BrowserRouter.client.js

@@ -1,7 +1,7 @@
 import { createBrowserHistory } from 'history';
 import React, { createContext, useContext, useMemo, useState, useEffect, useLayoutEffect, useCallback, } from 'react';
-import { META_ENV_SSR } from '../ssr-interop';
-import { useInternalServerProps } from '../useServerProps/use-server-props';
+import { META_ENV_SSR } from '../ssr-interop.js';
+import { useInternalServerProps } from '../useServerProps/use-server-props.js';
 export const RouterContext = createContext(undefined);
 let isFirstLoad = true;
 const positions = {};

package/dist/esnext/foundation/Router/Router.server.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BrowserRouter } from './BrowserRouter.client';
+import { BrowserRouter } from './BrowserRouter.client.js';
 /**
  * The `Router` component provides the context for routing in your Hydrogen app.
  */

package/dist/esnext/foundation/ServerPropsProvider/ServerPropsProvider.d.ts

@@ -26,6 +26,7 @@ export interface InternalServerPropsContextValue extends BaseServerPropsContextV
     serverProps: ServerProps;
     locationServerProps: LocationServerProps;
     getProposedLocationServerProps: ProposedServerPropsSetter;
+    setRscResponseFromApiRoute: (response: any) => void;
 }
 export interface ServerPropsContextValue extends BaseServerPropsContextValue {
     serverProps: ServerProps;
@@ -35,7 +36,8 @@ export declare const ServerPropsContext: React.Context<InternalServerPropsContex
 interface ServerPropsProviderProps {
     initialServerProps: LocationServerProps;
     setServerPropsForRsc: React.Dispatch<React.SetStateAction<LocationServerProps>>;
+    setRscResponseFromApiRoute: (response: any) => void;
     children: ReactNode;
 }
-export declare function ServerPropsProvider({ initialServerProps, setServerPropsForRsc, children, }: ServerPropsProviderProps): JSX.Element;
+export declare function ServerPropsProvider({ initialServerProps, setServerPropsForRsc, setRscResponseFromApiRoute, children, }: ServerPropsProviderProps): JSX.Element;
 export {};

package/dist/esnext/foundation/ServerPropsProvider/ServerPropsProvider.js

@@ -1,9 +1,7 @@
-import React, { createContext, useMemo, useCallback, 
-// @ts-ignore
-useTransition, useState, } from 'react';
+import React, { createContext, useMemo, useCallback, useTransition, useState, } from 'react';
 const PRIVATE_PROPS = ['request', 'response'];
 export const ServerPropsContext = createContext(null);
-export function ServerPropsProvider({ initialServerProps, setServerPropsForRsc, children, }) {
+export function ServerPropsProvider({ initialServerProps, setServerPropsForRsc, setRscResponseFromApiRoute, children, }) {
     const [locationServerProps, setLocationServerProps] = useState(initialServerProps);
     const [serverProps, setServerProps] = useState({});
     const [pending, startTransition] = useTransition();
@@ -53,6 +51,7 @@ export function ServerPropsProvider({ initialServerProps, setServerPropsForRsc,
         setServerProps: setServerPropsCallback,
         setLocationServerProps: setLocationServerPropsCallback,
         getProposedLocationServerProps: getProposedLocationServerPropsCallback,
+        setRscResponseFromApiRoute,
     }), [
         pending,
         locationServerProps,
@@ -60,6 +59,7 @@ export function ServerPropsProvider({ initialServerProps, setServerPropsForRsc,
         setServerPropsCallback,
         setLocationServerPropsCallback,
         getProposedLocationServerPropsCallback,
+        setRscResponseFromApiRoute,
     ]);
     return (React.createElement(ServerPropsContext.Provider, { value: value }, children));
 }

package/dist/esnext/foundation/ServerPropsProvider/index.d.ts

@@ -1 +1 @@
-export { ServerPropsProvider, ServerPropsContext, type ServerProps, type ServerPropsContextValue, } from './ServerPropsProvider';
+export { ServerPropsProvider, ServerPropsContext, type ServerProps, type ServerPropsContextValue, } from './ServerPropsProvider.js';

package/dist/esnext/foundation/ServerPropsProvider/index.js

@@ -1 +1 @@
-export { ServerPropsProvider, ServerPropsContext, } from './ServerPropsProvider';
+export { ServerPropsProvider, ServerPropsContext, } from './ServerPropsProvider.js';

package/dist/esnext/foundation/ServerRequestProvider/ServerRequestProvider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { HydrogenRequest } from '../HydrogenRequest/HydrogenRequest.server';
-import type { QueryKey } from '../../types';
+import type { HydrogenRequest } from '../HydrogenRequest/HydrogenRequest.server.js';
+import type { QueryKey } from '../../types.js';
 declare type ServerRequestProviderProps = {
     request: HydrogenRequest;
     children: React.ReactNode;

package/dist/esnext/foundation/ServerRequestProvider/ServerRequestProvider.js

@@ -1,7 +1,7 @@
 import React, { createContext, useContext } from 'react';
-import { getTime } from '../../utilities/timing';
-import { hashKey } from '../../utilities/hash';
-import { collectQueryTimings } from '../../utilities/log';
+import { getTime } from '../../utilities/timing.js';
+import { hashKey } from '../../utilities/hash.js';
+import { collectQueryTimings } from '../../utilities/log/index.js';
 // Context to inject current request in SSR
 const RequestContextSSR = createContext(null);
 // Cache to inject current request in RSC

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

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

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

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

package/dist/esnext/foundation/ShopifyProvider/ShopifyProvider.client.d.ts

@@ -1,4 +1,4 @@
-import type { ShopifyContextValue, LocalizationContextValue } from './types';
+import type { ShopifyContextValue, LocalizationContextValue } from './types.js';
 import React, { ReactNode } from 'react';
 export declare const ShopifyContext: React.Context<ShopifyContextValue | null>;
 export declare const LocalizationContext: React.Context<LocalizationContextValue | null>;

package/dist/esnext/foundation/ShopifyProvider/ShopifyProvider.server.d.ts

@@ -1,5 +1,5 @@
-import type { ShopifyProviderProps, LocalizationContextValue } from './types';
-import type { CountryCode, LanguageCode } from '../../storefront-api-types';
+import type { ShopifyProviderProps, LocalizationContextValue } from './types.js';
+import type { CountryCode, LanguageCode } from '../../storefront-api-types.js';
 export declare const SHOPIFY_PROVIDER_CONTEXT_KEY: unique symbol;
 /**
  * The `ShopifyProvider` component wraps your entire app and provides support for hooks.

package/dist/esnext/foundation/ShopifyProvider/ShopifyProvider.server.js

@@ -1,9 +1,10 @@
 import React, { useMemo } from 'react';
-import { ShopifyProviderClient } from './ShopifyProvider.client';
-import { DEFAULT_COUNTRY, DEFAULT_LANGUAGE } from '../constants';
-import { useRequestCacheData, useServerRequest } from '../ServerRequestProvider';
-import { getOxygenVariable } from '../../utilities/storefrontApi';
-import { SHOPIFY_STOREFRONT_ID_VARIABLE } from '../../constants';
+import { ShopifyProviderClient } from './ShopifyProvider.client.js';
+import { DEFAULT_COUNTRY, DEFAULT_LANGUAGE } from '../constants.js';
+import { useRequestCacheData, useServerRequest, } from '../ServerRequestProvider/index.js';
+import { getOxygenVariable } from '../../utilities/storefrontApi.js';
+import { SHOPIFY_STOREFRONT_ID_VARIABLE } from '../../constants.js';
+import { getLocale } from '../../utilities/locale/index.js';
 function makeShopifyContext(shopifyConfig) {
     const countryCode = shopifyConfig.defaultCountryCode ?? DEFAULT_COUNTRY;
     const languageCode = shopifyConfig.defaultLanguageCode ?? DEFAULT_LANGUAGE;
@@ -71,7 +72,7 @@ export function getLocalizationContextValue(defaultLanguageCode, defaultCountryC
             language: {
                 isoCode: runtimeLanguageCode,
             },
-            locale: `${runtimeLanguageCode}-${runtimeCountryCode}`,
+            locale: getLocale(runtimeLanguageCode, runtimeCountryCode),
         };
     }, [defaultLanguageCode, defaultCountryCode, countryCode, languageCode]);
 }

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

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

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

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

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

@@ -1,11 +1,12 @@
-import type { CountryCode, LanguageCode } from '../../storefront-api-types';
+import type { CountryCode, LanguageCode } from '../../storefront-api-types.js';
 import type { ReactNode } from 'react';
-import type { ShopifyConfigFetcher, ShopifyConfig } from '../../types';
+import type { ShopifyConfigFetcher, ShopifyConfig } from '../../types.js';
 export interface ShopifyContextValue extends Omit<ShopifyConfig, 'defaultLanguageCode' | 'defaultCountryCode'> {
     defaultLanguageCode: `${LanguageCode}`;
     defaultCountryCode: `${CountryCode}`;
     storefrontId: string | null;
 }
+export declare type Locale = string;
 export interface LocalizationContextValue {
     country: {
         isoCode: `${CountryCode}`;
@@ -13,7 +14,7 @@ export interface LocalizationContextValue {
     language: {
         isoCode: `${LanguageCode}`;
     };
-    locale: `${LanguageCode}-${CountryCode}`;
+    locale: Locale;
 }
 export declare type ShopifyProviderProps = {
     /** Shopify connection information. Defaults to the `shopify` property in the `hydrogen.config.js` file. */

package/dist/esnext/foundation/fetchSync/ResponseSync.js

@@ -1,5 +1,5 @@
-import { parseJSON } from '../../utilities/parse';
-import { log } from '../../utilities/log';
+import { parseJSON } from '../../utilities/parse.js';
+import { log } from '../../utilities/log/index.js';
 export class ResponseSync extends Response {
     bodyUsed = true;
     #text;

package/dist/esnext/foundation/fetchSync/client/fetchSync.d.ts

@@ -1,4 +1,4 @@
-import { ResponseSync } from '../ResponseSync';
+import { ResponseSync } from '../ResponseSync.js';
 /**
  * Fetch a URL for use in a client component Suspense boundary.
  */

package/dist/esnext/foundation/fetchSync/client/fetchSync.js

@@ -1,5 +1,5 @@
-import { suspendFunction, preloadFunction } from '../../../utilities/suspense';
-import { ResponseSync } from '../ResponseSync';
+import { suspendFunction, preloadFunction } from '../../../utilities/suspense.js';
+import { ResponseSync } from '../ResponseSync.js';
 /**
  * Fetch a URL for use in a client component Suspense boundary.
  */

package/dist/esnext/foundation/fetchSync/server/fetchSync.d.ts

@@ -1,5 +1,5 @@
-import { type HydrogenUseQueryOptions } from '../../useQuery/hooks';
-import { ResponseSync } from '../ResponseSync';
+import { type HydrogenUseQueryOptions } from '../../useQuery/index.js';
+import { ResponseSync } from '../ResponseSync.js';
 /**
  * The `fetchSync` hook makes API requests and is the recommended way to make simple fetch calls on the server and the client.
  * It's designed similar to the [Web API's `fetch`](https://developer.mozilla.org/en-US/docs/Web/API/fetch), only in a way

package/dist/esnext/foundation/fetchSync/server/fetchSync.js

@@ -1,6 +1,6 @@
-import { useQuery } from '../../useQuery/hooks';
-import { useUrl } from '../../useUrl';
-import { ResponseSync } from '../ResponseSync';
+import { useQuery } from '../../useQuery/index.js';
+import { useUrl } from '../../useUrl/index.js';
+import { ResponseSync } from '../ResponseSync.js';
 /**
  * The `fetchSync` hook makes API requests and is the recommended way to make simple fetch calls on the server and the client.
  * It's designed similar to the [Web API's `fetch`](https://developer.mozilla.org/en-US/docs/Web/API/fetch), only in a way

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

@@ -1,3 +1,3 @@
-export { ServerPropsProvider, ServerPropsContext, type ServerProps, type ServerPropsContextValue, } from './ServerPropsProvider';
-export { useShop } from './useShop';
-export { useUrl } from './useUrl';
+export { ServerPropsProvider, ServerPropsContext, type ServerProps, type ServerPropsContextValue, } from './ServerPropsProvider/index.js';
+export { useShop } from './useShop/index.js';
+export { useUrl } from './useUrl/index.js';

package/dist/esnext/foundation/index.js

@@ -1,3 +1,3 @@
-export { ServerPropsProvider, ServerPropsContext, } from './ServerPropsProvider';
-export { useShop } from './useShop';
-export { useUrl } from './useUrl';
+export { ServerPropsProvider, ServerPropsContext, } from './ServerPropsProvider/index.js';
+export { useShop } from './useShop/index.js';
+export { useUrl } from './useUrl/index.js';

package/dist/esnext/foundation/session/session-types.d.ts

@@ -0,0 +1,15 @@
+export declare type SessionSyncApi = {
+    get: () => Record<string, string>;
+    set: (data: Record<string, any>) => any;
+};
+export declare type SessionApi = {
+    get: () => Promise<Record<string, string>>;
+    set: (key: string, value: string) => Promise<void>;
+    destroy: () => Promise<void>;
+    getFlash: (key: string) => any;
+};
+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>;
+};

package/dist/esnext/foundation/session/session-types.js

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

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

@@ -1,27 +1,18 @@
-import { Logger } from '../../utilities/log';
-import type { HydrogenResponse } from '../HydrogenResponse/HydrogenResponse.server';
-import type { HydrogenRequest } from '../HydrogenRequest/HydrogenRequest.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>;
-};
+import { Logger } from '../../utilities/log/index.js';
+import type { HydrogenResponse } from '../HydrogenResponse/HydrogenResponse.server.js';
+import type { HydrogenRequest } from '../HydrogenRequest/HydrogenRequest.server.js';
+import type { SessionStorageAdapter } from './session-types.js';
 export declare function getSyncSessionApi(request: HydrogenRequest, componentResponse: HydrogenResponse, log: Logger, session?: SessionStorageAdapter): {
     get(): any;
+    set(data: Record<string, any>): any;
 };
 export declare const emptySessionImplementation: (log: Logger) => {
+    getFlash(key: string): Promise<null>;
     get(): Promise<{}>;
     set(key: string, value: string): Promise<void>;
     destroy(): Promise<void>;
 };
 export declare const emptySyncSessionImplementation: (log: Logger) => {
     get(): {};
+    set(data: Record<string, any>): null;
 };

package/dist/esnext/foundation/session/session.js

@@ -1,4 +1,4 @@
-import { wrapPromise } from '../../utilities/suspense';
+import { wrapPromise } from '../../utilities/suspense.js';
 export function getSyncSessionApi(request, componentResponse, log, session) {
     const sessionPromises = {};
     return session
@@ -9,11 +9,23 @@ export function getSyncSessionApi(request, componentResponse, log, session) {
                 }
                 return sessionPromises.getPromise.read();
             },
+            set(data) {
+                if (!sessionPromises.setPromise) {
+                    sessionPromises.setPromise = wrapPromise(session.set(request, data));
+                }
+                const cookie = sessionPromises.setPromise.read();
+                componentResponse.headers.set('Set-Cookie', cookie);
+                return cookie;
+            },
         }
         : emptySyncSessionImplementation(log);
 }
 export const emptySessionImplementation = function (log) {
     return {
+        async getFlash(key) {
+            log.warn('No session adapter has been configured!');
+            return null;
+        },
         async get() {
             log.warn('No session adapter has been configured!');
             return {};
@@ -33,5 +45,9 @@ export const emptySyncSessionImplementation = function (log) {
             log.warn('No session adapter has been configured!');
             return {};
         },
+        set(data) {
+            log.warn('No session adapter has been configured!');
+            return null;
+        },
     };
 };

package/dist/esnext/foundation/ssr-interop.d.ts

@@ -4,7 +4,7 @@
  * 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 { HydrogenRequest } from './HydrogenRequest/HydrogenRequest.server';
+import type { HydrogenRequest } from './HydrogenRequest/HydrogenRequest.server.js';
 export declare const META_ENV_SSR = false;
 declare type ServerGetter<T> = (request: HydrogenRequest) => T;
 /**
@@ -21,7 +21,7 @@ declare type ServerGetter<T> = (request: HydrogenRequest) => T;
  * The returned type depends on what the server getter returns.
  * @example
  * ```js
- * import {MyClientContext} from './my-client-react-context-provider';
+ * import {MyClientContext} from './my-client-react-context-provider.js';
  * useEnvContext(req => req.ctx.myServerContext, MyClientContext)
  * ```
  */