@shopify/hydrogen 0.15.0 → 0.17.0

package/dist/node/foundation/ServerStateProvider/ServerStateProvider.js

@@ -1,77 +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.ServerStateProvider = exports.ServerStateContext = void 0;
-const react_1 = __importStar(require("react"));
-const PRIVATE_PROPS = ['request', 'response'];
-exports.ServerStateContext = (0, react_1.createContext)(null);
-function ServerStateProvider({ serverState, setServerState, children, }) {
-    const [pending, startTransition] = (0, react_1.useTransition)();
-    const setServerStateCallback = (0, react_1.useCallback)((input, propValue) => {
-        /**
-         * By wrapping this state change in a transition, React renders the new state
-         * concurrently in a new "tree" instead of Suspending and showing the (blank)
-         * fallback. This is preferred behavior, though we may want to revisit how
-         * we make this decision globally for the developer - and consider providing
-         * the `pending` flag also provided by the hook to display in the UI.
-         */
-        startTransition(() => {
-            return setServerState((prev) => getNewServerState(prev, input, propValue));
-        });
-    }, [setServerState, startTransition]);
-    const getProposedServerStateCallback = (0, react_1.useCallback)((input, propValue) => {
-        return getNewServerState(serverState, input, propValue);
-    }, [serverState]);
-    function getNewServerState(prev, input, propValue) {
-        let newValue;
-        if (typeof input === 'function') {
-            newValue = input(prev);
-        }
-        else if (typeof input === 'string') {
-            newValue = { [input]: propValue };
-        }
-        else {
-            newValue = input;
-        }
-        if (__DEV__) {
-            const privateProp = PRIVATE_PROPS.find((prop) => prop in newValue);
-            if (privateProp) {
-                console.warn(`Custom "${privateProp}" property in server state is ignored. Use a different name.`);
-            }
-        }
-        return {
-            ...prev,
-            ...newValue,
-        };
-    }
-    const value = (0, react_1.useMemo)(() => ({
-        pending,
-        serverState,
-        setServerState: setServerStateCallback,
-        getProposedServerState: getProposedServerStateCallback,
-    }), [serverState, setServerStateCallback, pending]);
-    return (react_1.default.createElement(exports.ServerStateContext.Provider, { value: value }, children));
-}
-exports.ServerStateProvider = ServerStateProvider;

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

@@ -1,2 +0,0 @@
-export { ServerStateProvider, ServerStateContext } from './ServerStateProvider';
-export type { ServerState, ServerStateContextValue } from './ServerStateProvider';

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

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

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

@@ -1 +0,0 @@
-export { useServerState } from './use-server-state';

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

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

package/dist/node/foundation/useServerState/use-server-state.d.ts

@@ -1,16 +0,0 @@
-import { ServerStateContextValue } from '../ServerStateProvider';
-/**
- * The `useServerState` hook allows you to [manage server state](/custom-storefronts/hydrogen/framework/server-state) when using Hydrogen as a React Server Component framework.
- *
- * ## Return value
- *
- * The `useServerState` hook returns an object with the following keys:
- *
- * | Key            | Description                                                                                                   |
- * | -------------- | ------------------------------------------------------------------------------------------------------------- |
- * | `serverState`    | The current server state.                                                                                      |
- * | `setServerState` | A function used to modify server state.                                                                       |
- * | `pending`        | Whether a [transition is pending](https://github.com/reactwg/react-18/discussions/41). |
- *
- */
-export declare function useServerState(): ServerStateContextValue;

package/dist/node/foundation/useServerState/use-server-state.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useServerState = void 0;
-const react_1 = require("react");
-const ServerStateProvider_1 = require("../ServerStateProvider");
-/**
- * The `useServerState` hook allows you to [manage server state](/custom-storefronts/hydrogen/framework/server-state) when using Hydrogen as a React Server Component framework.
- *
- * ## Return value
- *
- * The `useServerState` hook returns an object with the following keys:
- *
- * | Key            | Description                                                                                                   |
- * | -------------- | ------------------------------------------------------------------------------------------------------------- |
- * | `serverState`    | The current server state.                                                                                      |
- * | `setServerState` | A function used to modify server state.                                                                       |
- * | `pending`        | Whether a [transition is pending](https://github.com/reactwg/react-18/discussions/41). |
- *
- */
-function useServerState() {
-    var _a;
-    return ((_a = (0, react_1.useContext)(ServerStateProvider_1.ServerStateContext)) !== null && _a !== void 0 ? _a : {});
-}
-exports.useServerState = useServerState;