effective-rsc 0.1.0

package/dist/client/browser-renderer.d.ts

@@ -0,0 +1,70 @@
+import { Context, Effect, Layer } from 'effect';
+import type { RouteTreeModel } from '../rsc/route-tree.js';
+export type BrowserRendererNavigation = {
+    readonly committed: Promise<void>;
+    readonly discard: () => Promise<void>;
+    readonly retired: Promise<void>;
+};
+type BrowserRenderNavigationState = {
+    readonly committed: PromiseWithResolvers<void>;
+    readonly retired: PromiseWithResolvers<void>;
+    readonly routeTree: RouteTreeModel;
+};
+type BrowserRenderOwner = {
+    readonly _tag: 'Stable';
+} | {
+    readonly _tag: 'Navigation';
+    readonly navigation: BrowserRenderNavigationState;
+};
+export type BrowserRender = {
+    readonly _tag: 'Initial';
+    readonly routeTree: RouteTreeModel;
+} | {
+    readonly _tag: 'Navigation';
+    readonly navigation: BrowserRenderNavigationState;
+    readonly routeTree: RouteTreeModel;
+} | {
+    readonly _tag: 'Discard';
+    readonly navigation: BrowserRenderNavigationState;
+    readonly routeTree: RouteTreeModel;
+    readonly visible: BrowserRenderOwner;
+} | {
+    readonly _tag: 'Refresh';
+    readonly committed: PromiseWithResolvers<void>;
+    readonly routeTree: RouteTreeModel;
+};
+declare const BrowserRenderer_base: Context.ServiceClass<BrowserRenderer, "ersc/client/BrowserRenderer", {
+    commit: (render: BrowserRender) => void;
+    initialize: (initialRouteTree: RouteTreeModel, publish: (render: BrowserRender) => void) => void;
+    navigate: (routeTree: RouteTreeModel) => {
+        committed: Promise<void>;
+        discard: () => Promise<void>;
+        retired: Promise<void>;
+    };
+    refresh: (routeTree: RouteTreeModel) => Promise<void>;
+}> & {
+    readonly make: Effect.Effect<{
+        commit: (render: BrowserRender) => void;
+        initialize: (initialRouteTree: RouteTreeModel, publish: (render: BrowserRender) => void) => void;
+        navigate: (routeTree: RouteTreeModel) => {
+            committed: Promise<void>;
+            discard: () => Promise<void>;
+            retired: Promise<void>;
+        };
+        refresh: (routeTree: RouteTreeModel) => Promise<void>;
+    }, never, never>;
+};
+export declare class BrowserRenderer extends BrowserRenderer_base {
+    static readonly layer: Layer.Layer<BrowserRenderer, never, never>;
+    static readonly layerTest: (implementation: {
+        commit: (render: BrowserRender) => void;
+        initialize: (initialRouteTree: RouteTreeModel, publish: (render: BrowserRender) => void) => void;
+        navigate: (routeTree: RouteTreeModel) => {
+            committed: Promise<void>;
+            discard: () => Promise<void>;
+            retired: Promise<void>;
+        };
+        refresh: (routeTree: RouteTreeModel) => Promise<void>;
+    }) => Layer.Layer<BrowserRenderer, never, never>;
+}
+export {};

package/dist/client/browser-renderer.js

@@ -0,0 +1,159 @@
+import { Context, Effect, Layer, MutableRef } from "effect";
+
+
+
+const getNavigationPhase = (lifecycle, navigation)=>{
+    const phase = lifecycle.phases.get(navigation);
+    if (phase === undefined) {
+        throw new TypeError('Browser navigation does not belong to this root.');
+    }
+    return phase;
+};
+const retireNavigation = (lifecycle, navigation)=>{
+    if (getNavigationPhase(lifecycle, navigation) !== 'Retired') {
+        lifecycle.phases.set(navigation, 'Retired');
+        navigation.retired.resolve();
+    }
+};
+class BrowserRenderer extends Context.Service()('ersc/client/BrowserRenderer', {
+    make: Effect.sync(()=>{
+        const state = MutableRef.make({
+            _tag: 'Uninitialized'
+        });
+        const getReadyState = ()=>{
+            const current = MutableRef.get(state);
+            if (current._tag === 'Uninitialized') {
+                throw new TypeError('BrowserRenderer must be initialized by ReactDOMRenderer.');
+            }
+            return current;
+        };
+        const initialize = (initialRouteTree, publish)=>{
+            const current = MutableRef.get(state);
+            if (current._tag === 'Ready') {
+                if (current.publish === publish) {
+                    return;
+                }
+                throw new TypeError('BrowserRenderer cannot be initialized by more than one React root.');
+            }
+            MutableRef.set(state, {
+                _tag: 'Ready',
+                lifecycle: {
+                    active: {
+                        _tag: 'Stable'
+                    },
+                    phases: new WeakMap(),
+                    stableRouteTree: initialRouteTree,
+                    visible: {
+                        _tag: 'Stable'
+                    }
+                },
+                publish
+            });
+        };
+        const navigate = (routeTree)=>{
+            const { lifecycle, publish } = getReadyState();
+            const navigation = {
+                committed: Promise.withResolvers(),
+                retired: Promise.withResolvers(),
+                routeTree
+            };
+            lifecycle.phases.set(navigation, 'Scheduled');
+            lifecycle.active = {
+                _tag: 'Navigation',
+                navigation
+            };
+            publish({
+                _tag: 'Navigation',
+                navigation,
+                routeTree: navigation.routeTree
+            });
+            return {
+                committed: navigation.committed.promise,
+                discard: ()=>{
+                    if (getNavigationPhase(lifecycle, navigation) !== 'Scheduled') {
+                        throw new TypeError('Only a scheduled browser navigation can be discarded.');
+                    }
+                    lifecycle.phases.set(navigation, 'DiscardRequested');
+                    if (lifecycle.active._tag === 'Navigation' && lifecycle.active.navigation === navigation) {
+                        const visible = lifecycle.visible;
+                        lifecycle.active = visible._tag === 'Navigation' && getNavigationPhase(lifecycle, visible.navigation) === 'Visible' ? visible : {
+                            _tag: 'Stable'
+                        };
+                    }
+                    publish({
+                        _tag: 'Discard',
+                        navigation,
+                        routeTree: lifecycle.visible._tag === 'Navigation' ? lifecycle.visible.navigation.routeTree : lifecycle.stableRouteTree,
+                        visible: lifecycle.visible
+                    });
+                    return navigation.retired.promise;
+                },
+                retired: navigation.retired.promise
+            };
+        };
+        const refresh = (routeTree)=>{
+            const { lifecycle, publish } = getReadyState();
+            const committed = Promise.withResolvers();
+            lifecycle.active = {
+                _tag: 'Stable'
+            };
+            publish({
+                _tag: 'Refresh',
+                committed,
+                routeTree
+            });
+            return committed.promise;
+        };
+        const commit = (render)=>{
+            const { lifecycle } = getReadyState();
+            const previousVisible = lifecycle.visible;
+            const visible = render._tag === 'Navigation' ? {
+                _tag: 'Navigation',
+                navigation: render.navigation
+            } : render._tag === 'Discard' ? render.visible : {
+                _tag: 'Stable'
+            };
+            lifecycle.visible = visible;
+            if (previousVisible._tag === 'Navigation' && (visible._tag !== 'Navigation' || visible.navigation !== previousVisible.navigation)) {
+                retireNavigation(lifecycle, previousVisible.navigation);
+            }
+            switch(render._tag){
+                case 'Initial':
+                    break;
+                case 'Discard':
+                    retireNavigation(lifecycle, render.navigation);
+                    break;
+                case 'Navigation':
+                    if (getNavigationPhase(lifecycle, render.navigation) === 'Scheduled') {
+                        lifecycle.phases.set(render.navigation, 'Visible');
+                    }
+                    if (lifecycle.active._tag === 'Navigation' && lifecycle.active.navigation === render.navigation) {
+                        lifecycle.active = {
+                            _tag: 'Stable'
+                        };
+                        lifecycle.stableRouteTree = render.routeTree;
+                        lifecycle.phases.set(render.navigation, 'Completed');
+                    }
+                    render.navigation.committed.resolve();
+                    break;
+                case 'Refresh':
+                    lifecycle.stableRouteTree = render.routeTree;
+                    render.committed.resolve();
+                    break;
+            }
+        };
+        return {
+            commit,
+            initialize,
+            navigate,
+            refresh
+        };
+    })
+}) {
+    static layer = Layer.effect(this, this.make);
+    static layerTest = Layer.mock(this);
+}
+
+export { BrowserRenderer };
+
+//# sourceMappingURL=browser-renderer.js.map

package/dist/client/browser-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client/browser-renderer.js","sources":["../../src/client/browser-renderer.ts"],"sourcesContent":["import { Context, Effect, Layer, MutableRef } from 'effect';\n\nimport type { RouteTreeModel } from '../rsc/route-tree';\n\nexport type BrowserRendererNavigation = {\n  readonly committed: Promise<void>;\n  readonly discard: () => Promise<void>;\n  readonly retired: Promise<void>;\n};\n\ntype BrowserRenderNavigationState = {\n  readonly committed: PromiseWithResolvers<void>;\n  readonly retired: PromiseWithResolvers<void>;\n  readonly routeTree: RouteTreeModel;\n};\n\ntype BrowserRenderNavigationPhase =\n  | 'Scheduled'\n  | 'DiscardRequested'\n  | 'Visible'\n  | 'Completed'\n  | 'Retired';\n\ntype BrowserRenderOwner =\n  | { readonly _tag: 'Stable' }\n  | { readonly _tag: 'Navigation'; readonly navigation: BrowserRenderNavigationState };\n\ntype BrowserRendererLifecycle = {\n  active: BrowserRenderOwner;\n  readonly phases: WeakMap<BrowserRenderNavigationState, BrowserRenderNavigationPhase>;\n  stableRouteTree: RouteTreeModel;\n  visible: BrowserRenderOwner;\n};\n\ntype BrowserRendererState =\n  | { readonly _tag: 'Uninitialized' }\n  | {\n      readonly _tag: 'Ready';\n      readonly lifecycle: BrowserRendererLifecycle;\n      readonly publish: (render: BrowserRender) => void;\n    };\n\nexport type BrowserRender =\n  | { readonly _tag: 'Initial'; readonly routeTree: RouteTreeModel }\n  | {\n      readonly _tag: 'Navigation';\n      readonly navigation: BrowserRenderNavigationState;\n      readonly routeTree: RouteTreeModel;\n    }\n  | {\n      readonly _tag: 'Discard';\n      readonly navigation: BrowserRenderNavigationState;\n      readonly routeTree: RouteTreeModel;\n      readonly visible: BrowserRenderOwner;\n    }\n  | {\n      readonly _tag: 'Refresh';\n      readonly committed: PromiseWithResolvers<void>;\n      readonly routeTree: RouteTreeModel;\n    };\n\nconst getNavigationPhase = (\n  lifecycle: BrowserRendererLifecycle,\n  navigation: BrowserRenderNavigationState,\n) => {\n  const phase = lifecycle.phases.get(navigation);\n  if (phase === undefined) {\n    throw new TypeError('Browser navigation does not belong to this root.');\n  }\n  return phase;\n};\n\nconst retireNavigation = (\n  lifecycle: BrowserRendererLifecycle,\n  navigation: BrowserRenderNavigationState,\n) => {\n  if (getNavigationPhase(lifecycle, navigation) !== 'Retired') {\n    lifecycle.phases.set(navigation, 'Retired');\n    navigation.retired.resolve();\n  }\n};\n\nexport class BrowserRenderer extends Context.Service<BrowserRenderer>()(\n  'ersc/client/BrowserRenderer',\n  {\n    make: Effect.sync(() => {\n      const state = MutableRef.make<BrowserRendererState>({ _tag: 'Uninitialized' });\n      const getReadyState = () => {\n        const current = MutableRef.get(state);\n        if (current._tag === 'Uninitialized') {\n          throw new TypeError('BrowserRenderer must be initialized by ReactDOMRenderer.');\n        }\n        return current;\n      };\n\n      const initialize = (\n        initialRouteTree: RouteTreeModel,\n        publish: (render: BrowserRender) => void,\n      ) => {\n        const current = MutableRef.get(state);\n        if (current._tag === 'Ready') {\n          if (current.publish === publish) {\n            return;\n          }\n          throw new TypeError('BrowserRenderer cannot be initialized by more than one React root.');\n        }\n\n        MutableRef.set(state, {\n          _tag: 'Ready',\n          lifecycle: {\n            active: { _tag: 'Stable' },\n            phases: new WeakMap<BrowserRenderNavigationState, BrowserRenderNavigationPhase>(),\n            stableRouteTree: initialRouteTree,\n            visible: { _tag: 'Stable' },\n          },\n          publish,\n        });\n      };\n\n      const navigate = (routeTree: RouteTreeModel) => {\n        const { lifecycle, publish } = getReadyState();\n        const navigation: BrowserRenderNavigationState = {\n          committed: Promise.withResolvers<void>(),\n          retired: Promise.withResolvers<void>(),\n          routeTree,\n        };\n        lifecycle.phases.set(navigation, 'Scheduled');\n        lifecycle.active = { _tag: 'Navigation', navigation };\n        publish({ _tag: 'Navigation', navigation, routeTree: navigation.routeTree });\n\n        return {\n          committed: navigation.committed.promise,\n          discard: () => {\n            if (getNavigationPhase(lifecycle, navigation) !== 'Scheduled') {\n              throw new TypeError('Only a scheduled browser navigation can be discarded.');\n            }\n            lifecycle.phases.set(navigation, 'DiscardRequested');\n            if (\n              lifecycle.active._tag === 'Navigation' &&\n              lifecycle.active.navigation === navigation\n            ) {\n              const visible = lifecycle.visible;\n              lifecycle.active =\n                visible._tag === 'Navigation' &&\n                getNavigationPhase(lifecycle, visible.navigation) === 'Visible'\n                  ? visible\n                  : { _tag: 'Stable' };\n            }\n            publish({\n              _tag: 'Discard',\n              navigation,\n              routeTree:\n                lifecycle.visible._tag === 'Navigation'\n                  ? lifecycle.visible.navigation.routeTree\n                  : lifecycle.stableRouteTree,\n              visible: lifecycle.visible,\n            });\n            return navigation.retired.promise;\n          },\n          retired: navigation.retired.promise,\n        };\n      };\n\n      const refresh = (routeTree: RouteTreeModel) => {\n        const { lifecycle, publish } = getReadyState();\n        const committed = Promise.withResolvers<void>();\n        lifecycle.active = { _tag: 'Stable' };\n        publish({ _tag: 'Refresh', committed, routeTree });\n        return committed.promise;\n      };\n\n      const commit = (render: BrowserRender) => {\n        const { lifecycle } = getReadyState();\n        const previousVisible = lifecycle.visible;\n        const visible: BrowserRenderOwner =\n          render._tag === 'Navigation'\n            ? { _tag: 'Navigation', navigation: render.navigation }\n            : render._tag === 'Discard'\n              ? render.visible\n              : { _tag: 'Stable' };\n        lifecycle.visible = visible;\n\n        if (\n          previousVisible._tag === 'Navigation' &&\n          (visible._tag !== 'Navigation' || visible.navigation !== previousVisible.navigation)\n        ) {\n          retireNavigation(lifecycle, previousVisible.navigation);\n        }\n\n        switch (render._tag) {\n          case 'Initial':\n            break;\n          case 'Discard':\n            retireNavigation(lifecycle, render.navigation);\n            break;\n          case 'Navigation':\n            if (getNavigationPhase(lifecycle, render.navigation) === 'Scheduled') {\n              lifecycle.phases.set(render.navigation, 'Visible');\n            }\n            if (\n              lifecycle.active._tag === 'Navigation' &&\n              lifecycle.active.navigation === render.navigation\n            ) {\n              lifecycle.active = { _tag: 'Stable' };\n              lifecycle.stableRouteTree = render.routeTree;\n              lifecycle.phases.set(render.navigation, 'Completed');\n            }\n            render.navigation.committed.resolve();\n            break;\n          case 'Refresh':\n            lifecycle.stableRouteTree = render.routeTree;\n            render.committed.resolve();\n            break;\n        }\n      };\n\n      return { commit, initialize, navigate, refresh };\n    }),\n  },\n) {\n  static readonly layer = Layer.effect(this, this.make);\n\n  static readonly layerTest = Layer.mock(this);\n}\n"],"names":["Context","Effect","Layer","MutableRef","getNavigationPhase","lifecycle","navigation","phase","undefined","TypeError","retireNavigation","BrowserRenderer","state","getReadyState","current","initialize","initialRouteTree","publish","WeakMap","navigate","routeTree","Promise","visible","refresh","committed","commit","render","previousVisible"],"mappings":"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"}

package/dist/client/browser-screen.d.ts

@@ -0,0 +1,2 @@
+export declare function BrowserFailureScreen(): import("react").JSX.Element;
+export declare const showBrowserFailure: () => void;

package/dist/client/browser-screen.js

@@ -0,0 +1,215 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createRoot } from "react-dom/client";
+
+
+
+
+
+const BrowserFailureStyles = `
+  .ersc-browser-failure,
+  .ersc-browser-failure * {
+    box-sizing: border-box;
+  }
+
+  .ersc-browser-failure {
+    position: fixed;
+    inset: 0;
+    z-index: 2147483645;
+    display: grid;
+    min-width: 280px;
+    min-height: 100svh;
+    padding: 32px;
+    overflow: auto;
+    color: #20201e;
+    color-scheme: light;
+    background: #f5f4f0;
+    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    place-items: center;
+  }
+
+  .ersc-browser-failure__content {
+    width: min(100%, 520px);
+  }
+
+  .ersc-browser-failure__icon {
+    display: grid;
+    width: 44px;
+    height: 44px;
+    margin-bottom: 24px;
+    color: #c9342e;
+    background: #eee0dc;
+    border: 1px solid #e3c7c2;
+    border-radius: 9px;
+    place-items: center;
+  }
+
+  .ersc-browser-failure__icon svg {
+    width: 22px;
+    height: 22px;
+  }
+
+  .ersc-browser-failure h1 {
+    max-width: 460px;
+    margin: 0;
+    color: #20201e;
+    font-size: clamp(32px, 6vw, 44px);
+    font-weight: 650;
+    line-height: 1.05;
+    letter-spacing: -.045em;
+  }
+
+  .ersc-browser-failure__message {
+    max-width: 440px;
+    margin: 18px 0 0;
+    color: #696761;
+    font-size: 15px;
+    line-height: 1.65;
+  }
+
+  .ersc-browser-failure__rule {
+    height: 1px;
+    margin: 34px 0 20px;
+    background: #dcdad3;
+    border: 0;
+  }
+
+  .ersc-browser-failure__reload {
+    display: inline-flex;
+    min-height: 40px;
+    gap: 9px;
+    align-items: center;
+    justify-content: center;
+    padding: 0 15px;
+    color: #f8f8f6;
+    cursor: pointer;
+    background: #242422;
+    border: 1px solid #242422;
+    border-radius: 7px;
+    box-shadow: 0 1px 1px rgb(0 0 0 / 12%);
+    font: 600 13px/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    transition:
+      background-color 140ms ease,
+      transform 140ms cubic-bezier(.23, 1, .32, 1);
+  }
+
+  .ersc-browser-failure__reload svg {
+    width: 15px;
+    height: 15px;
+  }
+
+  .ersc-browser-failure__reload:focus-visible {
+    outline: 2px solid #c9342e;
+    outline-offset: 3px;
+  }
+
+  .ersc-browser-failure__reload:active {
+    transform: scale(.97);
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    .ersc-browser-failure__reload:hover {
+      background: #3a3936;
+    }
+  }
+
+  @media (max-width: 480px) {
+    .ersc-browser-failure {
+      padding: 24px;
+      place-items: start center;
+    }
+
+    .ersc-browser-failure__content {
+      margin-top: max(32px, 10vh);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .ersc-browser-failure__reload {
+      transition-duration: 0ms;
+    }
+  }
+`;
+function BrowserFailureScreen() {
+    return /*#__PURE__*/ jsxs("main", {
+        "aria-labelledby": "ersc-browser-failure-title",
+        className: "ersc-browser-failure",
+        children: [
+            /*#__PURE__*/ jsx("style", {
+                children: BrowserFailureStyles
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "ersc-browser-failure__content",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        "aria-hidden": "true",
+                        className: "ersc-browser-failure__icon",
+                        children: /*#__PURE__*/ jsxs("svg", {
+                            fill: "none",
+                            viewBox: "0 0 22 22",
+                            children: [
+                                /*#__PURE__*/ jsx("path", {
+                                    d: "M11 6.25v5.5",
+                                    stroke: "currentColor",
+                                    strokeLinecap: "round",
+                                    strokeWidth: "1.7"
+                                }),
+                                /*#__PURE__*/ jsx("circle", {
+                                    cx: "11",
+                                    cy: "15.25",
+                                    fill: "currentColor",
+                                    r: ".9"
+                                }),
+                                /*#__PURE__*/ jsx("path", {
+                                    d: "M8.93 3.33 2.18 15a2.4 2.4 0 0 0 2.08 3.6h13.48a2.4 2.4 0 0 0 2.08-3.6L13.07 3.33a2.4 2.4 0 0 0-4.14 0Z",
+                                    stroke: "currentColor",
+                                    strokeWidth: "1.7"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("h1", {
+                        id: "ersc-browser-failure-title",
+                        children: "Something went wrong"
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: "ersc-browser-failure__message",
+                        children: "This page couldn’t be displayed. Try reloading it."
+                    }),
+                    /*#__PURE__*/ jsx("hr", {
+                        className: "ersc-browser-failure__rule"
+                    }),
+                    /*#__PURE__*/ jsxs("button", {
+                        className: "ersc-browser-failure__reload",
+                        type: "button",
+                        onClick: ()=>window.location.reload(),
+                        children: [
+                            /*#__PURE__*/ jsx("svg", {
+                                "aria-hidden": "true",
+                                fill: "none",
+                                viewBox: "0 0 16 16",
+                                children: /*#__PURE__*/ jsx("path", {
+                                    d: "M13 5.5A5.5 5.5 0 1 0 13.15 10M13 2.75V5.5h-2.75",
+                                    stroke: "currentColor",
+                                    strokeLinecap: "round",
+                                    strokeLinejoin: "round",
+                                    strokeWidth: "1.4"
+                                })
+                            }),
+                            "Reload page"
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+const renderBrowserScreen = (screen)=>{
+    const container = document.createElement('div');
+    document.body.replaceChildren(container);
+    createRoot(container).render(screen);
+};
+const showBrowserFailure = ()=>renderBrowserScreen(/*#__PURE__*/ jsx(BrowserFailureScreen, {}));
+
+export { BrowserFailureScreen, showBrowserFailure };
+
+//# sourceMappingURL=browser-screen.js.map

package/dist/client/browser-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client/browser-screen.js","sources":["../../src/client/browser-screen.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nconst BrowserFailureStyles = `\n  .ersc-browser-failure,\n  .ersc-browser-failure * {\n    box-sizing: border-box;\n  }\n\n  .ersc-browser-failure {\n    position: fixed;\n    inset: 0;\n    z-index: 2147483645;\n    display: grid;\n    min-width: 280px;\n    min-height: 100svh;\n    padding: 32px;\n    overflow: auto;\n    color: #20201e;\n    color-scheme: light;\n    background: #f5f4f0;\n    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    place-items: center;\n  }\n\n  .ersc-browser-failure__content {\n    width: min(100%, 520px);\n  }\n\n  .ersc-browser-failure__icon {\n    display: grid;\n    width: 44px;\n    height: 44px;\n    margin-bottom: 24px;\n    color: #c9342e;\n    background: #eee0dc;\n    border: 1px solid #e3c7c2;\n    border-radius: 9px;\n    place-items: center;\n  }\n\n  .ersc-browser-failure__icon svg {\n    width: 22px;\n    height: 22px;\n  }\n\n  .ersc-browser-failure h1 {\n    max-width: 460px;\n    margin: 0;\n    color: #20201e;\n    font-size: clamp(32px, 6vw, 44px);\n    font-weight: 650;\n    line-height: 1.05;\n    letter-spacing: -.045em;\n  }\n\n  .ersc-browser-failure__message {\n    max-width: 440px;\n    margin: 18px 0 0;\n    color: #696761;\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .ersc-browser-failure__rule {\n    height: 1px;\n    margin: 34px 0 20px;\n    background: #dcdad3;\n    border: 0;\n  }\n\n  .ersc-browser-failure__reload {\n    display: inline-flex;\n    min-height: 40px;\n    gap: 9px;\n    align-items: center;\n    justify-content: center;\n    padding: 0 15px;\n    color: #f8f8f6;\n    cursor: pointer;\n    background: #242422;\n    border: 1px solid #242422;\n    border-radius: 7px;\n    box-shadow: 0 1px 1px rgb(0 0 0 / 12%);\n    font: 600 13px/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    transition:\n      background-color 140ms ease,\n      transform 140ms cubic-bezier(.23, 1, .32, 1);\n  }\n\n  .ersc-browser-failure__reload svg {\n    width: 15px;\n    height: 15px;\n  }\n\n  .ersc-browser-failure__reload:focus-visible {\n    outline: 2px solid #c9342e;\n    outline-offset: 3px;\n  }\n\n  .ersc-browser-failure__reload:active {\n    transform: scale(.97);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .ersc-browser-failure__reload:hover {\n      background: #3a3936;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .ersc-browser-failure {\n      padding: 24px;\n      place-items: start center;\n    }\n\n    .ersc-browser-failure__content {\n      margin-top: max(32px, 10vh);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ersc-browser-failure__reload {\n      transition-duration: 0ms;\n    }\n  }\n`;\n\nexport function BrowserFailureScreen() {\n  return (\n    <main aria-labelledby='ersc-browser-failure-title' className='ersc-browser-failure'>\n      <style>{BrowserFailureStyles}</style>\n      <div className='ersc-browser-failure__content'>\n        <div aria-hidden='true' className='ersc-browser-failure__icon'>\n          <svg fill='none' viewBox='0 0 22 22'>\n            <path d='M11 6.25v5.5' stroke='currentColor' strokeLinecap='round' strokeWidth='1.7' />\n            <circle cx='11' cy='15.25' fill='currentColor' r='.9' />\n            <path\n              d='M8.93 3.33 2.18 15a2.4 2.4 0 0 0 2.08 3.6h13.48a2.4 2.4 0 0 0 2.08-3.6L13.07 3.33a2.4 2.4 0 0 0-4.14 0Z'\n              stroke='currentColor'\n              strokeWidth='1.7'\n            />\n          </svg>\n        </div>\n        <h1 id='ersc-browser-failure-title'>Something went wrong</h1>\n        <p className='ersc-browser-failure__message'>\n          This page couldn’t be displayed. Try reloading it.\n        </p>\n        <hr className='ersc-browser-failure__rule' />\n        <button\n          className='ersc-browser-failure__reload'\n          type='button'\n          onClick={() => window.location.reload()}\n        >\n          <svg aria-hidden='true' fill='none' viewBox='0 0 16 16'>\n            <path\n              d='M13 5.5A5.5 5.5 0 1 0 13.15 10M13 2.75V5.5h-2.75'\n              stroke='currentColor'\n              strokeLinecap='round'\n              strokeLinejoin='round'\n              strokeWidth='1.4'\n            />\n          </svg>\n          Reload page\n        </button>\n      </div>\n    </main>\n  );\n}\n\nconst renderBrowserScreen = (screen: ReactNode) => {\n  const container = document.createElement('div');\n  document.body.replaceChildren(container);\n  createRoot(container).render(screen);\n};\n\nexport const showBrowserFailure = () => renderBrowserScreen(<BrowserFailureScreen />);\n"],"names":["createRoot","BrowserFailureStyles","BrowserFailureScreen","window","renderBrowserScreen","screen","container","document","showBrowserFailure"],"mappings":";;;;;;AAC8C;AAE9C,MAAMC,oBAAoBA,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2H9B,CAAC;AAEM,SAASC,oBAAoBA;IAClC,qBACE,KAAC;QAAK,mBAAgB;QAA6B,WAAU;;0BAC3D,IAAC;0BAAOD,oBAAoBA;;0BAC5B,KAAC;gBAAI,WAAU;;kCACb,IAAC;wBAAI,eAAY;wBAAO,WAAU;kCAChC,mBAAC;4BAAI,MAAK;4BAAO,SAAQ;;8CACvB,IAAC;oCAAK,GAAE;oCAAe,QAAO;oCAAe,eAAc;oCAAQ,aAAY;;8CAC/E,IAAC;oCAAO,IAAG;oCAAK,IAAG;oCAAQ,MAAK;oCAAe,GAAE;;8CACjD,IAAC;oCACC,GAAE;oCACF,QAAO;oCACP,aAAY;;;;;kCAIlB,IAAC;wBAAG,IAAG;kCAA6B;;kCACpC,IAAC;wBAAE,WAAU;kCAAgC;;kCAG7C,IAAC;wBAAG,WAAU;;kCACd,KAAC;wBACC,WAAU;wBACV,MAAK;wBACL,SAAS,IAAME,OAAO,QAAQ,CAAC,MAAM;;0CAErC,IAAC;gCAAI,eAAY;gCAAO,MAAK;gCAAO,SAAQ;0CAC1C,kBAAC;oCACC,GAAE;oCACF,QAAO;oCACP,eAAc;oCACd,gBAAe;oCACf,aAAY;;;4BAEV;;;;;;;AAMhB;AAEA,MAAMC,mBAAmBA,GAAG,CAACC;IAC3B,MAAMC,YAAYC,SAAS,aAAa,CAAC;IACzCA,SAAS,IAAI,CAAC,eAAe,CAACD;IAC9BN,UAAUA,CAACM,WAAW,MAAM,CAACD;AAC/B;AAEO,MAAMG,kBAAkBA,GAAG,IAAMJ,mBAAmBA,eAAC,IAACF,oBAAoBA,OAAK"}

package/dist/client/call-server.d.ts

@@ -0,0 +1,8 @@
+import { Effect } from 'effect';
+import { BrowserEffectRunner } from './browser-effect-runner.js';
+import { BrowserRenderer } from './browser-renderer.js';
+import { FlightClient } from './flight-client.js';
+import { NavigationApi } from './navigation-api.js';
+import { RouteLoader } from './route-loader.js';
+import { RouteRefresher } from './route-refresh.js';
+export declare const installCallServer: Effect.Effect<void, never, BrowserEffectRunner | BrowserRenderer | FlightClient | NavigationApi | RouteLoader | RouteRefresher>;

package/dist/client/call-server.js

@@ -0,0 +1,151 @@
+import { Effect, MutableRef, Schema } from "effect";
+import { addTransitionType, startTransition } from "react";
+import { createTemporaryReferenceSet, encodeReply, setServerCallback } from "react-server-dom-rspack/client.browser";
+import { BrowserEffectRunner } from "./browser-effect-runner.js";
+import { BrowserRenderer } from "./browser-renderer.js";
+import { FlightClient } from "./flight-client.js";
+import { NavigationApi } from "./navigation-api.js";
+import { RouteLoader } from "./route-loader.js";
+import { RouteRefresher } from "./route-refresh.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+class ServerFnCallError extends Schema.TaggedError()('ServerFnCallError', {
+    cause: Schema.Defect(),
+    message: Schema.String
+}) {
+}
+const installCallServer = Effect.gen(function*() {
+    const browserRenderer = yield* BrowserRenderer;
+    const navigationApi = yield* NavigationApi;
+    const run = yield* BrowserEffectRunner;
+    const flightClient = yield* FlightClient;
+    const routeLoader = yield* RouteLoader;
+    const routeRefresher = yield* RouteRefresher;
+    const latestInvocationOrder = MutableRef.make(0);
+    const selectRefreshSource = (invocation)=>{
+        if (MutableRef.get(latestInvocationOrder) !== invocation.order || navigationApi.getTransition() !== null) {
+            return 'CurrentRoute';
+        }
+        const currentEntry = navigationApi.getCurrentEntry();
+        switch(invocation._tag){
+            case 'HistoryEntry':
+                return currentEntry?.id === invocation.id ? 'Response' : 'CurrentRoute';
+            case 'CurrentUrl':
+                return currentEntry === null && navigationApi.getCurrentUrl() === invocation.url ? 'Response' : 'CurrentRoute';
+        }
+    };
+    const callServer = Effect.fnUntraced(function*(id, args, invocationResult) {
+        const currentEntry = navigationApi.getCurrentEntry();
+        const order = MutableRef.incrementAndGet(latestInvocationOrder);
+        const invocation = currentEntry === null ? {
+            _tag: 'CurrentUrl',
+            order,
+            url: navigationApi.getCurrentUrl()
+        } : {
+            _tag: 'HistoryEntry',
+            id: currentEntry.id,
+            order,
+            url: currentEntry.url ?? navigationApi.getCurrentUrl()
+        };
+        const temporaryReferences = createTemporaryReferenceSet();
+        const body = yield* Effect.tryPromise({
+            try: ()=>encodeReply(args, {
+                    temporaryReferences
+                }),
+            catch: (cause)=>new ServerFnCallError({
+                    cause,
+                    message: 'Failed to encode arguments.'
+                })
+        });
+        const resource = yield* flightClient.load({
+            _tag: 'ServerFunction',
+            body,
+            destination: new URL(invocation.url),
+            id,
+            temporaryReferences
+        }).pipe(Effect.mapError((cause)=>new ServerFnCallError({
+                cause,
+                message: 'Server Function request failed.'
+            })));
+        if (resource._tag === 'Document') {
+            yield* resource.release;
+            return yield* new ServerFnCallError({
+                cause: new Error('A Server Function response cannot request document navigation.'),
+                message: 'Server Function response was incompatible with Flight.'
+            });
+        }
+        const serverFnResult = resource.payload.serverFnResult;
+        if (serverFnResult === null) {
+            yield* resource.release;
+            return yield* new ServerFnCallError({
+                cause: new Error('The Flight payload omitted the Server Function return value.'),
+                message: 'Server Function response was incomplete.'
+            });
+        }
+        switch(serverFnResult._tag){
+            case 'Failure':
+                invocationResult.reject(new ServerFnCallError({
+                    cause: serverFnResult.error,
+                    message: 'Server Function execution failed.'
+                }));
+                break;
+            case 'Success':
+                invocationResult.resolve(serverFnResult.value);
+                break;
+        }
+        // React registered its Action reactions before the request completed. Registering ERSC's
+        // continuation after settlement lets React close that Action before the refresh Transition.
+        yield* Effect.promise(()=>invocationResult.promise.then(()=>undefined, ()=>undefined));
+        if (selectRefreshSource(invocation) === 'CurrentRoute') {
+            yield* resource.release;
+            yield* routeRefresher.refreshCurrentRoute('server-function');
+            return;
+        }
+        yield* routeRefresher.interruptCurrentRouteRefresh;
+        const commitRefresh = routeLoader.prepareRefresh(resource.payload.routeTree);
+        let renderCommitted;
+        yield* Effect.sync(()=>{
+            startTransition(()=>{
+                addTransitionType('server-function');
+                // Do not return the commit Promise from React's Transition Action. React cannot commit the
+                // render until that Action ends.
+                renderCommitted = browserRenderer.refresh(resource.payload.routeTree);
+            });
+        });
+        yield* Effect.all([
+            resource.completed,
+            Effect.promise(()=>renderCommitted)
+        ], {
+            concurrency: 'unbounded',
+            discard: true
+        }).pipe(Effect.andThen(Effect.sync(commitRefresh)), Effect.onError(()=>resource.release), Effect.forkScoped);
+    });
+    yield* Effect.sync(()=>{
+        setServerCallback((id, args)=>{
+            const invocationResult = Promise.withResolvers();
+            void run(callServer(id, args, invocationResult)).catch(invocationResult.reject);
+            return invocationResult.promise;
+        });
+    });
+});
+
+export { installCallServer };
+
+//# sourceMappingURL=call-server.js.map