@rikalabs/effect-react 0.0.1

package/dist/server/index.cjs

@@ -0,0 +1,174 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/server/index.ts
+var server_exports = {};
+__export(server_exports, {
+  createRequestHandler: () => createRequestHandler
+});
+module.exports = __toCommonJS(server_exports);
+var import_effect5 = require("effect");
+var import_react = require("react");
+
+// src/navigation/service.ts
+var import_effect = require("effect");
+var Navigation = class extends import_effect.Context.Tag("EffectReact/Navigation")() {
+};
+var navigateTo = (href) => import_effect.Effect.flatMap(Navigation, (service) => service.navigate(href));
+
+// src/render/hydration.ts
+var import_effect3 = require("effect");
+
+// src/data/service.ts
+var import_effect2 = require("effect");
+var Data = class extends import_effect2.Context.Tag("EffectReact/Data")() {
+};
+
+// src/render/hydration.ts
+var QuerySnapshotSchema = import_effect3.Schema.Struct({
+  key: import_effect3.Schema.String,
+  phase: import_effect3.Schema.Union(
+    import_effect3.Schema.Literal("initial"),
+    import_effect3.Schema.Literal("loading"),
+    import_effect3.Schema.Literal("success"),
+    import_effect3.Schema.Literal("failure")
+  ),
+  data: import_effect3.Schema.NullishOr(import_effect3.Schema.Unknown),
+  error: import_effect3.Schema.NullishOr(import_effect3.Schema.Unknown),
+  updatedAt: import_effect3.Schema.NullishOr(import_effect3.Schema.Number)
+});
+var HydrationStateSchema = import_effect3.Schema.Struct({
+  version: import_effect3.Schema.Literal(1),
+  data: import_effect3.Schema.Array(import_effect3.Schema.Tuple(import_effect3.Schema.String, QuerySnapshotSchema)),
+  navigationHref: import_effect3.Schema.String
+});
+var escapeForScript = (value) => value.replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+var dehydrateAppState = () => import_effect3.Effect.gen(function* () {
+  const data = yield* Data;
+  const navigation = yield* Navigation;
+  const snapshots = yield* data.getAllSnapshots;
+  const navigationSnapshot = yield* navigation.getSnapshot;
+  return {
+    version: 1,
+    data: Array.from(snapshots.entries()),
+    navigationHref: navigationSnapshot.href
+  };
+});
+var createHydrationScript = (state, globalName = "__effectReactHydration") => {
+  const serialized = JSON.stringify(state);
+  return `window[${JSON.stringify(globalName)}]=JSON.parse(${JSON.stringify(escapeForScript(serialized))});`;
+};
+
+// src/render/ssr.ts
+var import_effect4 = require("effect");
+var ReactDOMServer = __toESM(require("react-dom/server"), 1);
+var htmlResponse = (options) => {
+  const headers = new Headers(options.headers);
+  if (!headers.has("content-type")) {
+    headers.set("content-type", "text/html; charset=utf-8");
+  }
+  return new Response(options.html, {
+    status: options.status,
+    headers
+  });
+};
+var injectScript = (html, script) => {
+  const tag = `<script>${script}</script>`;
+  const bodyClose = html.lastIndexOf("</body>");
+  if (bodyClose === -1) {
+    return `${html}${tag}`;
+  }
+  return `${html.slice(0, bodyClose)}${tag}${html.slice(bodyClose)}`;
+};
+var toError = (cause) => cause instanceof Error ? cause : new Error(String(cause));
+var createSsrHandler = (options) => (request) => {
+  const program = import_effect4.Effect.gen(function* () {
+    const element = yield* options.render(request);
+    const html = ReactDOMServer.renderToString(element);
+    const state = yield* dehydrateAppState();
+    const script = createHydrationScript(state, options.hydrationGlobalName);
+    return htmlResponse({
+      html: injectScript(html, script),
+      status: options.status ?? 200,
+      ...options.headers !== void 0 ? { headers: options.headers } : {}
+    });
+  });
+  return options.runtime.runPromise(program).catch((cause) => {
+    const squashed = toError(cause);
+    if (options.onError !== void 0) {
+      return options.onError(squashed);
+    }
+    return new Response(`SSR render failed: ${squashed.message}`, {
+      status: 500,
+      headers: {
+        "content-type": "text/plain; charset=utf-8"
+      }
+    });
+  });
+};
+
+// src/server/index.ts
+var defaultNotFoundElement = () => (0, import_react.createElement)("main", void 0, "Not Found");
+var createRequestHandler = (options) => {
+  const actionPath = options.actionPath ?? "/_actions";
+  const ssrHandler = createSsrHandler({
+    runtime: options.app.runtime,
+    ...options.hydrationGlobalName !== void 0 ? { hydrationGlobalName: options.hydrationGlobalName } : {},
+    ...options.onError !== void 0 ? { onError: options.onError } : {},
+    render: (request) => import_effect5.Effect.gen(function* () {
+      const url = new URL(request.url);
+      const href = `${url.pathname}${url.search}`;
+      const page = options.app.matchPage(href);
+      if (page === void 0) {
+        return defaultNotFoundElement();
+      }
+      yield* navigateTo(href);
+      if (options.render !== void 0) {
+        return yield* options.render({ request, page });
+      }
+      return (0, import_react.createElement)(page.component);
+    }).pipe(
+      import_effect5.Effect.mapError(
+        (error) => error instanceof Error ? error : new Error(String(error))
+      )
+    )
+  });
+  return (request) => {
+    const url = new URL(request.url);
+    if (request.method.toUpperCase() === "POST" && url.pathname === actionPath) {
+      return options.app.handleActionRequest(request);
+    }
+    return ssrHandler(request);
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createRequestHandler
+});
+//# sourceMappingURL=index.cjs.map

package/dist/server/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/server/index.ts","../../src/navigation/service.ts","../../src/render/hydration.ts","../../src/data/service.ts","../../src/render/ssr.ts"],"sourcesContent":["import { Effect } from \"effect\";\nimport { createElement, type ReactElement } from \"react\";\nimport type { AppServices } from \"../kernel/app\";\nimport { navigateTo } from \"../navigation\";\nimport { createSsrHandler } from \"../render\";\nimport type { AnyPageDefinition } from \"../framework/contracts\";\nimport type { EffectReactApp } from \"../framework/app\";\n\nexport interface CreateRequestHandlerOptions {\n  readonly app: EffectReactApp;\n  readonly render?: (options: {\n    readonly request: Request;\n    readonly page: AnyPageDefinition;\n  }) => Effect.Effect<ReactElement, unknown, AppServices>;\n  readonly actionPath?: string;\n  readonly hydrationGlobalName?: string;\n  readonly onError?: (error: Error) => Response;\n}\n\nconst defaultNotFoundElement = (): ReactElement =>\n  createElement(\"main\", undefined, \"Not Found\");\n\nexport const createRequestHandler = (\n  options: CreateRequestHandlerOptions,\n): ((request: Request) => Promise<Response>) => {\n  const actionPath = options.actionPath ?? \"/_actions\";\n\n  const ssrHandler = createSsrHandler({\n    runtime: options.app.runtime,\n    ...(options.hydrationGlobalName !== undefined\n      ? { hydrationGlobalName: options.hydrationGlobalName }\n      : {}),\n    ...(options.onError !== undefined ? { onError: options.onError } : {}),\n    render: (request) =>\n      Effect.gen(function* () {\n        const url = new URL(request.url);\n        const href = `${url.pathname}${url.search}`;\n        const page = options.app.matchPage(href);\n\n        if (page === undefined) {\n          return defaultNotFoundElement();\n        }\n\n        yield* navigateTo(href);\n\n        if (options.render !== undefined) {\n          return yield* options.render({ request, page });\n        }\n\n        return createElement(page.component);\n      }).pipe(\n        Effect.mapError((error) =>\n          error instanceof Error ? error : new Error(String(error)),\n        ),\n      ),\n  });\n\n  return (request) => {\n    const url = new URL(request.url);\n    if (request.method.toUpperCase() === \"POST\" && url.pathname === actionPath) {\n      return options.app.handleActionRequest(request);\n    }\n\n    return ssrHandler(request);\n  };\n};\n","import {\n  Cause,\n  Context,\n  Effect,\n  Fiber,\n  Layer,\n  Option,\n  Ref,\n  type Schema,\n  type Stream,\n  SubscriptionRef,\n} from \"effect\";\nimport { Boundary } from \"../boundary\";\nimport { Telemetry } from \"../kernel/telemetry\";\nimport { buildHref, matchRoute, normalizeSearchText, parseHref } from \"./matcher\";\nimport {\n  type AnyLoaderDefinition,\n  type AnyRouteDefinition,\n  type LoaderSnapshotEntry,\n  NavigationCancelledError,\n  type NavigationSnapshot,\n  NavigationRuntimeError,\n} from \"./types\";\nimport type { NavigationError } from \"./types\";\n\nconst describeUnknown = (value: unknown): string => {\n  if (value instanceof Error) {\n    return `${value.name}: ${value.message}`;\n  }\n  if (typeof value === \"string\") {\n    return value;\n  }\n  try {\n    return JSON.stringify(value);\n  } catch {\n    return String(value);\n  }\n};\n\nconst initialSnapshot: NavigationSnapshot = {\n  pathname: \"/\",\n  searchText: \"\",\n  href: \"/\",\n  status: \"idle\",\n  match: null,\n  loaders: {},\n  error: undefined,\n};\n\nconst toLoadersByName = (loaders: readonly AnyLoaderDefinition[]): ReadonlyMap<string, AnyLoaderDefinition> =>\n  new Map(loaders.map((loader) => [loader.name, loader] as const));\n\nconst planLoaderBatches = (\n  loaders: readonly AnyLoaderDefinition[],\n): Effect.Effect<readonly (readonly AnyLoaderDefinition[])[], NavigationRuntimeError, never> => {\n  const byName = toLoadersByName(loaders);\n  const depthByName = new Map<string, number>();\n  const visiting = new Set<string>();\n\n  const resolveDepth = (name: string): Effect.Effect<number, NavigationRuntimeError, never> => {\n    const cached = depthByName.get(name);\n    if (cached !== undefined) {\n      return Effect.succeed(cached);\n    }\n\n    if (visiting.has(name)) {\n      return Effect.fail(new NavigationRuntimeError(`Cyclic loader dependency detected at ${name}`));\n    }\n\n    const loader = byName.get(name);\n    if (loader === undefined) {\n      return Effect.fail(new NavigationRuntimeError(`Loader dependency '${name}' is not registered`));\n    }\n\n    visiting.add(name);\n\n    const dependencies = loader.dependsOn ?? [];\n    return Effect.forEach(dependencies, resolveDepth).pipe(\n      Effect.map((depths) => {\n        const depth = depths.length === 0 ? 0 : Math.max(...depths) + 1;\n        depthByName.set(name, depth);\n        visiting.delete(name);\n        return depth;\n      }),\n      Effect.catchAll((error) => {\n        visiting.delete(name);\n        return Effect.fail(error);\n      }),\n    );\n  };\n\n  return Effect.gen(function* () {\n    const entries = yield* Effect.forEach(loaders, (loader) =>\n      Effect.map(resolveDepth(loader.name), (depth) => [depth, loader] as const),\n    );\n\n    const grouped = new Map<number, AnyLoaderDefinition[]>();\n    for (const [depth, loader] of entries) {\n      const existing = grouped.get(depth);\n      if (existing === undefined) {\n        grouped.set(depth, [loader]);\n      } else {\n        existing.push(loader);\n      }\n    }\n\n    const depths = Array.from(grouped.keys()).sort((a, b) => a - b);\n    return depths.map((depth) => grouped.get(depth) ?? []);\n  });\n};\n\nexport interface NavigationService {\n  readonly navigate: (href: string) => Effect.Effect<NavigationSnapshot, NavigationError, never>;\n  readonly revalidate: () => Effect.Effect<NavigationSnapshot, NavigationError, never>;\n  readonly getSnapshot: Effect.Effect<NavigationSnapshot, never, never>;\n  readonly hydrateSnapshot: (snapshot: NavigationSnapshot) => Effect.Effect<void, never, never>;\n  readonly snapshots: Stream.Stream<NavigationSnapshot>;\n}\n\nexport class Navigation extends Context.Tag(\"EffectReact/Navigation\")<\n  Navigation,\n  NavigationService\n>() {}\n\nexport interface MakeNavigationLayerOptions {\n  readonly routes: readonly AnyRouteDefinition[];\n  readonly loaders?: readonly AnyLoaderDefinition[];\n  readonly initialHref?: string;\n}\n\nexport const makeNavigationLayer = (\n  options: MakeNavigationLayerOptions,\n): Layer.Layer<Navigation, never, Boundary | Telemetry> => {\n  const loaders = options.loaders ?? [];\n  const initial = parseHref(options.initialHref ?? \"/\");\n\n  return Layer.effect(\n    Navigation,\n    Effect.gen(function* () {\n      const boundary = yield* Boundary;\n      const telemetry = yield* Telemetry;\n      const snapshotsRef = yield* SubscriptionRef.make<NavigationSnapshot>({\n        ...initialSnapshot,\n        pathname: initial.pathname,\n        searchText: initial.searchText,\n        href: buildHref(initial.pathname, initial.searchText),\n      });\n      const activeFiberRef = yield* Ref.make<Option.Option<Fiber.RuntimeFiber<NavigationSnapshot, NavigationError>>>(Option.none());\n\n      const runLoaders = (\n        snapshot: NavigationSnapshot,\n      ): Effect.Effect<Readonly<Record<string, LoaderSnapshotEntry>>, NavigationRuntimeError, never> =>\n        Effect.gen(function* () {\n          if (snapshot.match === null) {\n            return {};\n          }\n\n          const routeLoaders = loaders.filter((loader) => loader.routeId === snapshot.match!.route.id);\n          if (routeLoaders.length === 0) {\n            return {};\n          }\n\n          const batches = yield* planLoaderBatches(routeLoaders);\n          const results: Record<string, unknown> = {};\n          const states: Record<string, LoaderSnapshotEntry> = {};\n\n          for (const loader of routeLoaders) {\n            states[loader.name] = { _tag: \"pending\" };\n          }\n\n          yield* SubscriptionRef.update(snapshotsRef, (current) => ({\n            ...current,\n            loaders: {\n              ...current.loaders,\n              ...states,\n            },\n          }));\n\n          for (const batch of batches) {\n            const exits = yield* Effect.all(\n              batch.map((loader) => {\n                const base = loader.run({\n                  route: snapshot.match!.route,\n                  pathname: snapshot.pathname,\n                  searchText: snapshot.searchText,\n                  params: snapshot.match!.params,\n                  search: snapshot.match!.search,\n                  dependencyResults: results,\n                });\n\n                const withRetry = loader.retry ? Effect.retry(base, loader.retry) : base;\n                return Effect.exit(withRetry).pipe(Effect.map((exit) => [loader, exit] as const));\n              }),\n              {\n                concurrency: \"unbounded\",\n              },\n            );\n\n            for (const [loader, exit] of exits) {\n              if (exit._tag === \"Success\") {\n                results[loader.name] = exit.value;\n                states[loader.name] = {\n                  _tag: \"success\",\n                  value: exit.value,\n                };\n                continue;\n              }\n\n              const failure = Cause.failureOption(exit.cause);\n              states[loader.name] = {\n                _tag: \"failure\",\n                error: failure._tag === \"Some\" ? failure.value : Cause.pretty(exit.cause),\n              };\n\n              yield* SubscriptionRef.update(snapshotsRef, (current) => ({\n                ...current,\n                status: \"failure\",\n                loaders: {\n                  ...current.loaders,\n                  ...states,\n                },\n                error: states[loader.name],\n              }) satisfies NavigationSnapshot);\n\n              return yield* Effect.fail(\n                new NavigationRuntimeError(`Loader '${loader.name}' failed for route '${snapshot.match!.route.id}'`),\n              );\n            }\n\n            yield* SubscriptionRef.update(snapshotsRef, (current) => ({\n              ...current,\n              loaders: {\n                ...current.loaders,\n                ...states,\n              },\n            }) satisfies NavigationSnapshot);\n          }\n\n          return states;\n        });\n\n      const performNavigation = (\n        href: string,\n      ): Effect.Effect<NavigationSnapshot, NavigationError, never> =>\n        Effect.gen(function* () {\n          const { pathname, searchText } = parseHref(href);\n          const searchParams = new URLSearchParams(searchText);\n\n          const candidate = options.routes.find((route) => matchRoute({\n            routes: [route],\n            pathname,\n            search: {},\n          }) !== null);\n\n          const decodedSearch =\n            candidate?.search === undefined\n              ? Effect.succeed({} as unknown)\n              : boundary.decodeUnknown({\n                  source: `route:${candidate.id}:search`,\n                  schema: candidate.search as Schema.Schema<unknown, unknown, never>,\n                  value: Object.fromEntries(searchParams.entries()),\n                });\n\n          const search = yield* decodedSearch;\n          const matched = matchRoute({\n            routes: options.routes,\n            pathname,\n            search,\n          });\n\n          if (matched === null) {\n            return yield* Effect.fail(\n              new NavigationRuntimeError(`No route matched pathname '${pathname}'`),\n            );\n          }\n\n          yield* telemetry.emit({\n            _tag: \"navigation\",\n            phase: \"start\",\n            pathname,\n            routeId: matched.route.id,\n            timestamp: Date.now(),\n          });\n\n          const loadingSnapshot: NavigationSnapshot = {\n            pathname,\n            searchText: normalizeSearchText(searchText),\n            href: buildHref(pathname, normalizeSearchText(searchText)),\n            status: \"loading\",\n            match: matched,\n            loaders: {},\n            error: undefined,\n          };\n\n          yield* SubscriptionRef.set(snapshotsRef, loadingSnapshot);\n\n          const loaderStates = yield* runLoaders(loadingSnapshot);\n\n          const completed: NavigationSnapshot = {\n            ...loadingSnapshot,\n            status: \"success\",\n            loaders: loaderStates,\n            error: undefined,\n          };\n\n          yield* SubscriptionRef.set(snapshotsRef, completed);\n          yield* telemetry.emit({\n            _tag: \"navigation\",\n            phase: \"success\",\n            pathname,\n            routeId: matched.route.id,\n            timestamp: Date.now(),\n          });\n\n          return completed;\n        });\n\n      const navigate: NavigationService[\"navigate\"] = (href) =>\n        Effect.gen(function* () {\n          const previous = yield* Ref.getAndSet(activeFiberRef, Option.none());\n          if (Option.isSome(previous)) {\n            yield* Fiber.interrupt(previous.value);\n            yield* telemetry.emit({\n              _tag: \"navigation\",\n              phase: \"cancel\",\n              pathname: href,\n              timestamp: Date.now(),\n            });\n          }\n\n          const fiber = yield* Effect.fork(performNavigation(href));\n          yield* Ref.set(activeFiberRef, Option.some(fiber));\n\n          const exit = yield* Effect.exit(Fiber.join(fiber));\n\n          const current = yield* Ref.get(activeFiberRef);\n          if (Option.isSome(current) && current.value === fiber) {\n            yield* Ref.set(activeFiberRef, Option.none());\n          }\n\n          if (exit._tag === \"Success\") {\n            return exit.value;\n          }\n\n          if (Cause.isInterruptedOnly(exit.cause)) {\n            return yield* Effect.fail(new NavigationCancelledError(href));\n          }\n\n          const failure = Cause.failureOption(exit.cause);\n          if (failure._tag === \"Some\") {\n            return yield* Effect.fail(\n              failure.value instanceof NavigationRuntimeError\n                ? failure.value\n                : new NavigationRuntimeError(describeUnknown(failure.value)),\n            );\n          }\n\n          return yield* Effect.fail(new NavigationRuntimeError(Cause.pretty(exit.cause)));\n        }).pipe(\n          Effect.tapError((error) =>\n            telemetry.emit({\n              _tag: \"navigation\",\n              phase: \"failure\",\n              pathname: href,\n              timestamp: Date.now(),\n              detail: error,\n            }),\n          ),\n        );\n\n      const revalidate: NavigationService[\"revalidate\"] =\n        () =>\n          Effect.gen(function* () {\n            const snapshot = yield* SubscriptionRef.get(snapshotsRef);\n            return yield* navigate(snapshot.href);\n          });\n\n      return {\n        navigate,\n        revalidate,\n        getSnapshot: SubscriptionRef.get(snapshotsRef),\n        hydrateSnapshot: (snapshot) => SubscriptionRef.set(snapshotsRef, snapshot),\n        snapshots: snapshotsRef.changes,\n      } satisfies NavigationService;\n    }),\n  );\n};\n\nexport const navigateTo = (\n  href: string,\n): Effect.Effect<NavigationSnapshot, NavigationError, Navigation> =>\n  Effect.flatMap(Navigation, (service) => service.navigate(href));\n","import { Effect, Schema } from \"effect\";\nimport { Boundary } from \"../boundary\";\nimport { Data } from \"../data/service\";\nimport type { QuerySnapshot } from \"../data/types\";\nimport { Navigation } from \"../navigation/service\";\nimport { parseHref } from \"../navigation/matcher\";\n\nexport interface HydrationState {\n  readonly version: 1;\n  readonly data: readonly (readonly [string, QuerySnapshot<unknown, unknown>])[];\n  readonly navigationHref: string;\n}\n\nconst QuerySnapshotSchema = Schema.Struct({\n  key: Schema.String,\n  phase: Schema.Union(\n    Schema.Literal(\"initial\"),\n    Schema.Literal(\"loading\"),\n    Schema.Literal(\"success\"),\n    Schema.Literal(\"failure\"),\n  ),\n  data: Schema.NullishOr(Schema.Unknown),\n  error: Schema.NullishOr(Schema.Unknown),\n  updatedAt: Schema.NullishOr(Schema.Number),\n});\n\nexport const HydrationStateSchema = Schema.Struct({\n  version: Schema.Literal(1),\n  data: Schema.Array(Schema.Tuple(Schema.String, QuerySnapshotSchema)),\n  navigationHref: Schema.String,\n});\n\nconst escapeForScript = (value: string): string =>\n  value\n    .replace(/</g, \"\\\\u003c\")\n    .replace(/>/g, \"\\\\u003e\")\n    .replace(/\\u2028/g, \"\\\\u2028\")\n    .replace(/\\u2029/g, \"\\\\u2029\");\n\nexport const dehydrateAppState = (): Effect.Effect<HydrationState, never, Data | Navigation> =>\n  Effect.gen(function* () {\n    const data = yield* Data;\n    const navigation = yield* Navigation;\n\n    const snapshots = yield* data.getAllSnapshots;\n    const navigationSnapshot = yield* navigation.getSnapshot;\n\n    return {\n      version: 1,\n      data: Array.from(snapshots.entries()),\n      navigationHref: navigationSnapshot.href,\n    } satisfies HydrationState;\n  });\n\nexport const createHydrationScript = (\n  state: HydrationState,\n  globalName = \"__effectReactHydration\",\n): string => {\n  const serialized = JSON.stringify(state);\n  return `window[${JSON.stringify(globalName)}]=JSON.parse(${JSON.stringify(escapeForScript(serialized))});`;\n};\n\nexport const hydrateAppState = (\n  payload: unknown,\n): Effect.Effect<void, unknown, Boundary | Data | Navigation> =>\n  Effect.gen(function* () {\n    const boundary = yield* Boundary;\n    const data = yield* Data;\n    const navigation = yield* Navigation;\n\n    const decoded = yield* boundary.decodeUnknown({\n      source: \"hydration:payload\",\n      schema: HydrationStateSchema,\n      value: payload,\n    });\n\n    const mapped = new Map<string, QuerySnapshot<unknown, unknown>>(decoded.data);\n    yield* data.hydrateSnapshots(mapped);\n\n    const current = yield* navigation.getSnapshot;\n    const parsed = parseHref(decoded.navigationHref);\n\n    yield* navigation.hydrateSnapshot({\n      ...current,\n      pathname: parsed.pathname,\n      searchText: parsed.searchText,\n      href: decoded.navigationHref,\n      status: \"success\",\n      match: null,\n      loaders: {},\n      error: undefined,\n    });\n  });\n","import {\n  Cache,\n  Context,\n  Effect,\n  Layer,\n  SubscriptionRef,\n  type Stream,\n} from \"effect\";\nimport { Boundary, type BoundaryDecodeError } from \"../boundary\";\nimport type { BoundaryProtocolError } from \"../boundary/errors\";\nimport { Telemetry } from \"../kernel/telemetry\";\nimport {\n  type QueryDefinition,\n  type QueryRunOptions,\n  type QueryRuntimeOptions,\n  type QuerySnapshot,\n  QueryRuntimeError,\n} from \"./types\";\n\nconst defaultRuntimeOptions: Required<QueryRuntimeOptions> = {\n  capacity: 2048,\n  timeToLive: \"5 minutes\",\n};\n\nconst stableStringify = (value: unknown): string => {\n  if (value === null || value === undefined) {\n    return String(value);\n  }\n\n  if (typeof value !== \"object\") {\n    return JSON.stringify(value);\n  }\n\n  if (Array.isArray(value)) {\n    return `[${value.map(stableStringify).join(\",\")}]`;\n  }\n\n  const entries = Object.entries(value as Record<string, unknown>).sort(([a], [b]) =>\n    a.localeCompare(b),\n  );\n  return `{${entries.map(([key, nested]) => `${JSON.stringify(key)}:${stableStringify(nested)}`).join(\",\")}}`;\n};\n\nconst initialSnapshot = <Output, E>(key: string): QuerySnapshot<Output, E> => ({\n  key,\n  phase: \"initial\",\n  data: undefined,\n  error: undefined,\n  updatedAt: null,\n});\n\nexport interface DataService {\n  readonly fetch: <Name extends string, Input, Output, E>(\n    definition: QueryDefinition<Name, Input, Output, E>,\n    input: unknown,\n    options?: QueryRunOptions,\n  ) => Effect.Effect<Output, E | BoundaryDecodeError | BoundaryProtocolError | QueryRuntimeError, never>;\n  readonly prefetch: <Name extends string, Input, Output, E>(\n    definition: QueryDefinition<Name, Input, Output, E>,\n    input: unknown,\n  ) => Effect.Effect<void, E | BoundaryDecodeError | BoundaryProtocolError | QueryRuntimeError, never>;\n  readonly invalidate: <Name extends string, Input, Output, E>(\n    definition: QueryDefinition<Name, Input, Output, E>,\n    input: unknown,\n  ) => Effect.Effect<void, QueryRuntimeError, never>;\n  readonly getSnapshot: <Name extends string, Input, Output, E>(\n    definition: QueryDefinition<Name, Input, Output, E>,\n    input: unknown,\n  ) => Effect.Effect<QuerySnapshot<Output, E>, never, never>;\n  readonly getAllSnapshots: Effect.Effect<ReadonlyMap<string, QuerySnapshot<unknown, unknown>>, never, never>;\n  readonly hydrateSnapshots: (\n    snapshots: ReadonlyMap<string, QuerySnapshot<unknown, unknown>>,\n  ) => Effect.Effect<void, never, never>;\n  readonly snapshots: Stream.Stream<ReadonlyMap<string, QuerySnapshot<unknown, unknown>>>;\n}\n\nexport class Data extends Context.Tag(\"EffectReact/Data\")<Data, DataService>() {}\n\nexport const makeDataLayer = (\n  options: QueryRuntimeOptions = {},\n): Layer.Layer<Data, never, Boundary | Telemetry> => {\n  const merged = {\n    ...defaultRuntimeOptions,\n    ...options,\n  };\n\n  return Layer.effect(\n    Data,\n    Effect.gen(function* () {\n      const boundary = yield* Boundary;\n      const telemetry = yield* Telemetry;\n      const lookups = new Map<string, Effect.Effect<unknown, unknown, never>>();\n      const snapshots = yield* SubscriptionRef.make(\n        new Map<string, QuerySnapshot<unknown, unknown>>() as ReadonlyMap<\n          string,\n          QuerySnapshot<unknown, unknown>\n        >,\n      );\n\n      const cache = yield* Cache.make<string, unknown, unknown>({\n        capacity: merged.capacity,\n        timeToLive: merged.timeToLive,\n        lookup: (key) =>\n          Effect.suspend(() => {\n            const lookup = lookups.get(key);\n            if (lookup === undefined) {\n              return Effect.fail(new QueryRuntimeError(`No query executor registered for ${key}`));\n            }\n            return lookup;\n          }),\n      });\n\n      const setSnapshot = <Output, E>(\n        key: string,\n        update: (previous: QuerySnapshot<Output, E>) => QuerySnapshot<Output, E>,\n      ): Effect.Effect<void> =>\n        SubscriptionRef.update(snapshots, (current) => {\n          const next = new Map(current);\n          const previous =\n            (next.get(key) as QuerySnapshot<Output, E> | undefined) ?? initialSnapshot<Output, E>(key);\n          next.set(key, update(previous));\n          return next;\n        }).pipe(Effect.asVoid);\n\n      const buildKey = <Name extends string, Input, Output, E>(\n        definition: QueryDefinition<Name, Input, Output, E>,\n        input: Input,\n      ): string => {\n        const base = definition.key ? definition.key(input) : input;\n        return `${definition.name}:${stableStringify(base)}`;\n      };\n\n      const fetch = <Name extends string, Input, Output, E>(\n        definition: QueryDefinition<Name, Input, Output, E>,\n        input: unknown,\n        runOptions?: QueryRunOptions,\n      ): Effect.Effect<\n        Output,\n        E | BoundaryDecodeError | BoundaryProtocolError | QueryRuntimeError,\n        never\n      > =>\n        Effect.gen(function* () {\n          const decodedInput = yield* boundary.decodeUnknown({\n            source: `query:${definition.name}:input`,\n            schema: definition.input,\n            value: input,\n          });\n\n          const key = buildKey(definition, decodedInput);\n          yield* telemetry.emit({\n            _tag: \"query\",\n            phase: \"start\",\n            key,\n            timestamp: Date.now(),\n          });\n\n          yield* setSnapshot(key, (previous) => ({\n            ...previous,\n            phase: \"loading\",\n            error: undefined,\n          }));\n\n          lookups.set(\n            key,\n            definition\n              .run(decodedInput)\n              .pipe(\n                Effect.flatMap((output) =>\n                  boundary.decodeUnknown({\n                    source: `query:${definition.name}:output`,\n                    schema: definition.output,\n                    value: output,\n                  }),\n                ),\n              ) as Effect.Effect<unknown, unknown, never>,\n          );\n\n          if (runOptions?.forceRefresh === true) {\n            yield* cache.refresh(key).pipe(Effect.ignore);\n          }\n\n          const value = yield* cache.get(key).pipe(\n            Effect.mapError(\n              (error) =>\n                error as E | BoundaryDecodeError | BoundaryProtocolError | QueryRuntimeError,\n            ),\n          );\n\n          yield* setSnapshot(key, () => ({\n            key,\n            phase: \"success\",\n            data: value,\n            error: undefined,\n            updatedAt: Date.now(),\n          }));\n\n          yield* telemetry.emit({\n            _tag: \"query\",\n            phase: \"success\",\n            key,\n            timestamp: Date.now(),\n          });\n\n          return value as Output;\n        }).pipe(\n          Effect.tapError((error) =>\n            Effect.gen(function* () {\n              const decodedInput = yield* boundary.decodeUnknown({\n                source: `query:${definition.name}:input`,\n                schema: definition.input,\n                value: input,\n              });\n              const key = buildKey(definition, decodedInput);\n              yield* setSnapshot(key, (previous) => ({\n                ...previous,\n                phase: \"failure\",\n                error,\n                updatedAt: previous.updatedAt,\n              }));\n              yield* telemetry.emit({\n                _tag: \"query\",\n                phase: \"failure\",\n                key,\n                timestamp: Date.now(),\n                detail: error,\n              });\n            }),\n          ),\n        );\n\n      const prefetch: DataService[\"prefetch\"] = (definition, input) =>\n        fetch(definition, input).pipe(Effect.asVoid);\n\n      const invalidate: DataService[\"invalidate\"] = (definition, input) =>\n        Effect.gen(function* () {\n          const key = `${definition.name}:${stableStringify(input)}`;\n          yield* cache.invalidate(key);\n          yield* SubscriptionRef.update(snapshots, (current) => {\n            const next = new Map(current);\n            next.delete(key);\n            return next;\n          }).pipe(Effect.asVoid);\n          yield* telemetry.emit({\n            _tag: \"query\",\n            phase: \"invalidate\",\n            key,\n            timestamp: Date.now(),\n          });\n        });\n\n      const getSnapshot = <Name extends string, Input, Output, E>(\n        definition: QueryDefinition<Name, Input, Output, E>,\n        input: unknown,\n      ): Effect.Effect<QuerySnapshot<Output, E>, never, never> =>\n        Effect.gen(function* () {\n          const key = `${definition.name}:${stableStringify(input)}`;\n          const current = yield* SubscriptionRef.get(snapshots);\n          const snapshot = current.get(key);\n          if (snapshot === undefined) {\n            return initialSnapshot<Output, E>(key);\n          }\n          return snapshot as QuerySnapshot<Output, E>;\n        });\n\n      return {\n        fetch,\n        prefetch,\n        invalidate,\n        getSnapshot,\n        getAllSnapshots: SubscriptionRef.get(snapshots),\n        hydrateSnapshots: (nextSnapshots) => SubscriptionRef.set(snapshots, new Map(nextSnapshots)),\n        snapshots: snapshots.changes,\n      } satisfies DataService;\n    }),\n  );\n};\n\nexport const fetchQuery = <Name extends string, Input, Output, E>(\n  definition: QueryDefinition<Name, Input, Output, E>,\n  input: unknown,\n  options?: QueryRunOptions,\n): Effect.Effect<Output, E | BoundaryDecodeError | BoundaryProtocolError | QueryRuntimeError, Data> =>\n  Effect.flatMap(Data, (service) => service.fetch(definition, input, options));\n","import { Effect } from \"effect\";\nimport type { ReactElement } from \"react\";\nimport * as ReactDOMServer from \"react-dom/server\";\nimport type { AppServices } from \"../kernel/app\";\nimport type { AppManagedRuntime } from \"../kernel/runtime\";\nimport { createHydrationScript, dehydrateAppState, type HydrationState } from \"./hydration\";\n\nexport interface CreateSsrHandlerOptions<E> {\n  readonly runtime: AppManagedRuntime<AppServices>;\n  readonly render: (request: Request) => Effect.Effect<ReactElement, E, AppServices>;\n  readonly status?: number;\n  readonly headers?: HeadersInit;\n  readonly hydrationGlobalName?: string;\n  readonly onError?: (error: E | Error) => Response;\n}\n\nconst htmlResponse = (options: {\n  readonly html: string;\n  readonly status: number;\n  readonly headers?: HeadersInit;\n}): Response => {\n  const headers = new Headers(options.headers);\n  if (!headers.has(\"content-type\")) {\n    headers.set(\"content-type\", \"text/html; charset=utf-8\");\n  }\n  return new Response(options.html, {\n    status: options.status,\n    headers,\n  });\n};\n\nconst injectScript = (html: string, script: string): string => {\n  const tag = `<script>${script}</script>`;\n  const bodyClose = html.lastIndexOf(\"</body>\");\n  if (bodyClose === -1) {\n    return `${html}${tag}`;\n  }\n  return `${html.slice(0, bodyClose)}${tag}${html.slice(bodyClose)}`;\n};\n\nconst toError = (cause: unknown): Error =>\n  cause instanceof Error ? cause : new Error(String(cause));\n\nexport const createSsrHandler = <E>(options: CreateSsrHandlerOptions<E>) =>\n  (request: Request): Promise<Response> => {\n    const program = Effect.gen(function* () {\n      const element = yield* options.render(request);\n      const html = ReactDOMServer.renderToString(element);\n\n      const state: HydrationState = yield* dehydrateAppState();\n      const script = createHydrationScript(state, options.hydrationGlobalName);\n\n      return htmlResponse({\n        html: injectScript(html, script),\n        status: options.status ?? 200,\n        ...(options.headers !== undefined ? { headers: options.headers } : {}),\n      });\n    });\n\n    return options.runtime\n      .runPromise(program)\n      .catch((cause: unknown) => {\n        const squashed = toError(cause);\n        if (options.onError !== undefined) {\n          return options.onError(squashed as E | Error);\n        }\n        return new Response(`SSR render failed: ${squashed.message}`, {\n          status: 500,\n          headers: {\n            \"content-type\": \"text/plain; charset=utf-8\",\n          },\n        });\n      });\n  };\n"],"mappings":"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","names":["import_effect","import_effect","import_effect","import_effect"]}

package/dist/server/index.d.ts

@@ -0,0 +1,16 @@
+import { Effect } from "effect";
+import { type ReactElement } from "react";
+import type { AppServices } from "../kernel/app";
+import type { AnyPageDefinition } from "../framework/contracts";
+import type { EffectReactApp } from "../framework/app";
+export interface CreateRequestHandlerOptions {
+    readonly app: EffectReactApp;
+    readonly render?: (options: {
+        readonly request: Request;
+        readonly page: AnyPageDefinition;
+    }) => Effect.Effect<ReactElement, unknown, AppServices>;
+    readonly actionPath?: string;
+    readonly hydrationGlobalName?: string;
+    readonly onError?: (error: Error) => Response;
+}
+export declare const createRequestHandler: (options: CreateRequestHandlerOptions) => ((request: Request) => Promise<Response>);

package/dist/server/index.js

@@ -0,0 +1,12 @@
+import {
+  createRequestHandler
+} from "../chunk-EEYASTXR.js";
+import "../chunk-IVIYY6S5.js";
+import "../chunk-C5JI7D7W.js";
+import "../chunk-O7XTA7H3.js";
+import "../chunk-YG22YP5K.js";
+import "../chunk-SKC3HMF3.js";
+export {
+  createRequestHandler
+};
+//# sourceMappingURL=index.js.map

package/dist/server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/state/index.cjs

@@ -0,0 +1,128 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/state/index.ts
+var state_exports = {};
+__export(state_exports, {
+  changes: () => changes,
+  createStore: () => createStore,
+  createStoreFromEffect: () => createStoreFromEffect,
+  createStoreTag: () => createStoreTag,
+  derive: () => derive,
+  get: () => get,
+  makeStoreLayer: () => makeStoreLayer,
+  makeStoreLayerFromEffect: () => makeStoreLayerFromEffect,
+  modify: () => modify,
+  select: () => select,
+  selectChanges: () => selectChanges,
+  set: () => set,
+  update: () => update,
+  useStore: () => useStore,
+  useStoreSelector: () => useStoreSelector
+});
+module.exports = __toCommonJS(state_exports);
+
+// src/state/service.ts
+var import_effect = require("effect");
+var defaultEquality = (left, right) => Object.is(left, right);
+var createStore = (initial) => import_effect.Effect.map(import_effect.SubscriptionRef.make(initial), (ref) => ({ ref }));
+var createStoreFromEffect = (initial) => import_effect.Effect.flatMap(initial, createStore);
+var createStoreTag = (key) => import_effect.Context.GenericTag(key);
+var makeStoreLayer = (tag, initial) => import_effect.Layer.effect(tag, createStore(initial));
+var makeStoreLayerFromEffect = (tag, initial) => import_effect.Layer.effect(tag, createStoreFromEffect(initial));
+var get = (store) => import_effect.SubscriptionRef.get(store.ref);
+var set = (store, value) => import_effect.SubscriptionRef.set(store.ref, value);
+var update = (store, mutate) => import_effect.SubscriptionRef.update(store.ref, mutate);
+var modify = (store, mutate) => import_effect.SubscriptionRef.modify(store.ref, mutate);
+var select = (store, selector) => import_effect.Effect.map(get(store), selector);
+var changes = (store) => store.ref.changes;
+var selectChanges = (store, selector, options = {}) => {
+  const selected = changes(store).pipe(import_effect.Stream.map(selector));
+  if (options.distinct === false) {
+    return selected;
+  }
+  return selected.pipe(import_effect.Stream.changesWith(options.equals ?? defaultEquality));
+};
+var derive = (store, selector, options = {}) => ({
+  get: select(store, selector),
+  changes: selectChanges(store, selector, options)
+});
+
+// src/state/react.tsx
+var import_effect2 = require("effect");
+var import_react2 = require("react");
+
+// src/react/provider.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var RuntimeContext = (0, import_react.createContext)(null);
+var useEffectRuntime = () => {
+  const runtime = (0, import_react.useContext)(RuntimeContext);
+  if (runtime === null) {
+    throw new Error("Effect runtime is not available. Wrap your app with <EffectProvider>.");
+  }
+  return runtime;
+};
+
+// src/state/react.tsx
+var defaultEquality2 = (left, right) => Object.is(left, right);
+var useStore = (store) => useStoreSelector(store, (state) => state);
+var useStoreSelector = (store, selector, equals = defaultEquality2) => {
+  const runtime = useEffectRuntime();
+  const subscribe = (0, import_react2.useCallback)(
+    (listener) => {
+      const fiber = runtime.runFork(
+        import_effect2.Stream.runForEach(
+          selectChanges(store, selector, {
+            equals
+          }),
+          () => import_effect2.Effect.sync(listener)
+        )
+      );
+      return () => {
+        runtime.runFork(import_effect2.Fiber.interrupt(fiber));
+      };
+    },
+    [equals, runtime, selector, store]
+  );
+  const getSnapshot = (0, import_react2.useCallback)(
+    () => runtime.runSync(select(store, selector)),
+    [runtime, selector, store]
+  );
+  return (0, import_react2.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  changes,
+  createStore,
+  createStoreFromEffect,
+  createStoreTag,
+  derive,
+  get,
+  makeStoreLayer,
+  makeStoreLayerFromEffect,
+  modify,
+  select,
+  selectChanges,
+  set,
+  update,
+  useStore,
+  useStoreSelector
+});
+//# sourceMappingURL=index.cjs.map

package/dist/state/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/state/index.ts","../../src/state/service.ts","../../src/state/react.tsx","../../src/react/provider.tsx"],"sourcesContent":["export * from \"./service\";\nexport * from \"./react\";\n","import { Context, Effect, Layer, Stream, SubscriptionRef } from \"effect\";\n\nexport type Selector<State, Selected> = (state: State) => Selected;\nexport type Equality<Selected> = (left: Selected, right: Selected) => boolean;\n\nconst defaultEquality = <Value>(left: Value, right: Value): boolean => Object.is(left, right);\n\nexport interface Store<State> {\n  readonly ref: SubscriptionRef.SubscriptionRef<State>;\n}\n\nexport interface DerivedStore<Selected> {\n  readonly get: Effect.Effect<Selected>;\n  readonly changes: Stream.Stream<Selected>;\n}\n\nexport interface SelectChangesOptions<Selected> {\n  readonly equals?: Equality<Selected>;\n  readonly distinct?: boolean;\n}\n\nexport type StoreTag<State> = Context.Tag<Store<State>, Store<State>>;\n\nexport const createStore = <State>(initial: State): Effect.Effect<Store<State>, never, never> =>\n  Effect.map(SubscriptionRef.make(initial), (ref) => ({ ref }));\n\nexport const createStoreFromEffect = <State, E, R>(\n  initial: Effect.Effect<State, E, R>,\n): Effect.Effect<Store<State>, E, R> =>\n  Effect.flatMap(initial, createStore);\n\nexport const createStoreTag = <State>(key: string): StoreTag<State> =>\n  Context.GenericTag<Store<State>>(key);\n\nexport const makeStoreLayer = <State>(\n  tag: StoreTag<State>,\n  initial: State,\n): Layer.Layer<Store<State>, never, never> =>\n  Layer.effect(tag, createStore(initial));\n\nexport const makeStoreLayerFromEffect = <State, E, R>(\n  tag: StoreTag<State>,\n  initial: Effect.Effect<State, E, R>,\n): Layer.Layer<Store<State>, E, R> =>\n  Layer.effect(tag, createStoreFromEffect(initial));\n\nexport const get = <State>(store: Store<State>): Effect.Effect<State, never, never> =>\n  SubscriptionRef.get(store.ref);\n\nexport const set = <State>(\n  store: Store<State>,\n  value: State,\n): Effect.Effect<void, never, never> =>\n  SubscriptionRef.set(store.ref, value);\n\nexport const update = <State>(\n  store: Store<State>,\n  mutate: (state: State) => State,\n): Effect.Effect<void, never, never> =>\n  SubscriptionRef.update(store.ref, mutate);\n\nexport const modify = <State, Result>(\n  store: Store<State>,\n  mutate: (state: State) => readonly [Result, State],\n): Effect.Effect<Result, never, never> =>\n  SubscriptionRef.modify(store.ref, mutate);\n\nexport const select = <State, Selected>(\n  store: Store<State>,\n  selector: Selector<State, Selected>,\n): Effect.Effect<Selected, never, never> =>\n  Effect.map(get(store), selector);\n\nexport const changes = <State>(store: Store<State>): Stream.Stream<State, never, never> =>\n  store.ref.changes;\n\nexport const selectChanges = <State, Selected>(\n  store: Store<State>,\n  selector: Selector<State, Selected>,\n  options: SelectChangesOptions<Selected> = {},\n): Stream.Stream<Selected, never, never> => {\n  const selected = changes(store).pipe(Stream.map(selector));\n  if (options.distinct === false) {\n    return selected;\n  }\n  return selected.pipe(Stream.changesWith(options.equals ?? defaultEquality<Selected>));\n};\n\nexport const derive = <State, Selected>(\n  store: Store<State>,\n  selector: Selector<State, Selected>,\n  options: SelectChangesOptions<Selected> = {},\n): DerivedStore<Selected> => ({\n  get: select(store, selector),\n  changes: selectChanges(store, selector, options),\n});\n\n","import { Effect, Fiber, Stream } from \"effect\";\nimport { useCallback, useSyncExternalStore } from \"react\";\nimport { useEffectRuntime } from \"../react/provider\";\nimport { type Equality, select, selectChanges, type Selector, type Store } from \"./service\";\n\nconst defaultEquality = <Value,>(left: Value, right: Value): boolean => Object.is(left, right);\n\nexport const useStore = <State,>(store: Store<State>): State =>\n  useStoreSelector(store, (state) => state);\n\nexport const useStoreSelector = <State, Selected,>(\n  store: Store<State>,\n  selector: Selector<State, Selected>,\n  equals: Equality<Selected> = defaultEquality,\n): Selected => {\n  const runtime = useEffectRuntime();\n\n  const subscribe = useCallback(\n    (listener: () => void) => {\n      const fiber = runtime.runFork(\n        Stream.runForEach(\n          selectChanges(store, selector, {\n            equals,\n          }),\n          () => Effect.sync(listener),\n        ),\n      );\n\n      return () => {\n        runtime.runFork(Fiber.interrupt(fiber));\n      };\n    },\n    [equals, runtime, selector, store],\n  );\n\n  const getSnapshot = useCallback(\n    () => runtime.runSync(select(store, selector)),\n    [runtime, selector, store],\n  );\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n};\n","import type { ManagedRuntime } from \"effect\";\nimport { createContext, useContext, useEffect, type ReactNode } from \"react\";\nimport type { AppServices } from \"../kernel/app\";\n\nexport type EffectReactManagedRuntime<R = AppServices> = ManagedRuntime.ManagedRuntime<R, never>;\n\nconst RuntimeContext = createContext<EffectReactManagedRuntime | null>(null);\n\nexport interface EffectProviderProps {\n  readonly runtime: EffectReactManagedRuntime;\n  readonly children?: ReactNode;\n}\n\nexport const EffectProvider = ({ runtime, children }: EffectProviderProps) => {\n  useEffect(\n    () => () => {\n      void runtime.dispose();\n    },\n    [runtime],\n  );\n\n  return <RuntimeContext.Provider value={runtime}>{children}</RuntimeContext.Provider>;\n};\n\nexport const useEffectRuntime = (): EffectReactManagedRuntime => {\n  const runtime = useContext(RuntimeContext);\n  if (runtime === null) {\n    throw new Error(\"Effect runtime is not available. Wrap your app with <EffectProvider>.\");\n  }\n  return runtime;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAgE;AAKhE,IAAM,kBAAkB,CAAQ,MAAa,UAA0B,OAAO,GAAG,MAAM,KAAK;AAkBrF,IAAM,cAAc,CAAQ,YACjC,qBAAO,IAAI,8BAAgB,KAAK,OAAO,GAAG,CAAC,SAAS,EAAE,IAAI,EAAE;AAEvD,IAAM,wBAAwB,CACnC,YAEA,qBAAO,QAAQ,SAAS,WAAW;AAE9B,IAAM,iBAAiB,CAAQ,QACpC,sBAAQ,WAAyB,GAAG;AAE/B,IAAM,iBAAiB,CAC5B,KACA,YAEA,oBAAM,OAAO,KAAK,YAAY,OAAO,CAAC;AAEjC,IAAM,2BAA2B,CACtC,KACA,YAEA,oBAAM,OAAO,KAAK,sBAAsB,OAAO,CAAC;AAE3C,IAAM,MAAM,CAAQ,UACzB,8BAAgB,IAAI,MAAM,GAAG;AAExB,IAAM,MAAM,CACjB,OACA,UAEA,8BAAgB,IAAI,MAAM,KAAK,KAAK;AAE/B,IAAM,SAAS,CACpB,OACA,WAEA,8BAAgB,OAAO,MAAM,KAAK,MAAM;AAEnC,IAAM,SAAS,CACpB,OACA,WAEA,8BAAgB,OAAO,MAAM,KAAK,MAAM;AAEnC,IAAM,SAAS,CACpB,OACA,aAEA,qBAAO,IAAI,IAAI,KAAK,GAAG,QAAQ;AAE1B,IAAM,UAAU,CAAQ,UAC7B,MAAM,IAAI;AAEL,IAAM,gBAAgB,CAC3B,OACA,UACA,UAA0C,CAAC,MACD;AAC1C,QAAM,WAAW,QAAQ,KAAK,EAAE,KAAK,qBAAO,IAAI,QAAQ,CAAC;AACzD,MAAI,QAAQ,aAAa,OAAO;AAC9B,WAAO;AAAA,EACT;AACA,SAAO,SAAS,KAAK,qBAAO,YAAY,QAAQ,UAAU,eAAyB,CAAC;AACtF;AAEO,IAAM,SAAS,CACpB,OACA,UACA,UAA0C,CAAC,OACf;AAAA,EAC5B,KAAK,OAAO,OAAO,QAAQ;AAAA,EAC3B,SAAS,cAAc,OAAO,UAAU,OAAO;AACjD;;;AC/FA,IAAAA,iBAAsC;AACtC,IAAAC,gBAAkD;;;ACAlD,mBAAqE;AAoB5D;AAfT,IAAM,qBAAiB,4BAAgD,IAAI;AAkBpE,IAAM,mBAAmB,MAAiC;AAC/D,QAAM,cAAU,yBAAW,cAAc;AACzC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,uEAAuE;AAAA,EACzF;AACA,SAAO;AACT;;;ADzBA,IAAMC,mBAAkB,CAAS,MAAa,UAA0B,OAAO,GAAG,MAAM,KAAK;AAEtF,IAAM,WAAW,CAAS,UAC/B,iBAAiB,OAAO,CAAC,UAAU,KAAK;AAEnC,IAAM,mBAAmB,CAC9B,OACA,UACA,SAA6BA,qBAChB;AACb,QAAM,UAAU,iBAAiB;AAEjC,QAAM,gBAAY;AAAA,IAChB,CAAC,aAAyB;AACxB,YAAM,QAAQ,QAAQ;AAAA,QACpB,sBAAO;AAAA,UACL,cAAc,OAAO,UAAU;AAAA,YAC7B;AAAA,UACF,CAAC;AAAA,UACD,MAAM,sBAAO,KAAK,QAAQ;AAAA,QAC5B;AAAA,MACF;AAEA,aAAO,MAAM;AACX,gBAAQ,QAAQ,qBAAM,UAAU,KAAK,CAAC;AAAA,MACxC;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,SAAS,UAAU,KAAK;AAAA,EACnC;AAEA,QAAM,kBAAc;AAAA,IAClB,MAAM,QAAQ,QAAQ,OAAO,OAAO,QAAQ,CAAC;AAAA,IAC7C,CAAC,SAAS,UAAU,KAAK;AAAA,EAC3B;AAEA,aAAO,oCAAqB,WAAW,aAAa,WAAW;AACjE;","names":["import_effect","import_react","defaultEquality"]}

package/dist/state/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./service";
+export * from "./react";

package/dist/state/index.js

@@ -0,0 +1,36 @@
+import {
+  changes,
+  createStore,
+  createStoreFromEffect,
+  createStoreTag,
+  derive,
+  get,
+  makeStoreLayer,
+  makeStoreLayerFromEffect,
+  modify,
+  select,
+  selectChanges,
+  set,
+  update,
+  useStore,
+  useStoreSelector
+} from "../chunk-NI2GNZ7S.js";
+import "../chunk-2GIUCKL2.js";
+export {
+  changes,
+  createStore,
+  createStoreFromEffect,
+  createStoreTag,
+  derive,
+  get,
+  makeStoreLayer,
+  makeStoreLayerFromEffect,
+  modify,
+  select,
+  selectChanges,
+  set,
+  update,
+  useStore,
+  useStoreSelector
+};
+//# sourceMappingURL=index.js.map

package/dist/state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/state/react.d.ts

@@ -0,0 +1,3 @@
+import { type Equality, type Selector, type Store } from "./service";
+export declare const useStore: <State>(store: Store<State>) => State;
+export declare const useStoreSelector: <State, Selected>(store: Store<State>, selector: Selector<State, Selected>, equals?: Equality<Selected>) => Selected;

package/dist/state/service.d.ts

@@ -0,0 +1,28 @@
+import { Context, Effect, Layer, Stream, SubscriptionRef } from "effect";
+export type Selector<State, Selected> = (state: State) => Selected;
+export type Equality<Selected> = (left: Selected, right: Selected) => boolean;
+export interface Store<State> {
+    readonly ref: SubscriptionRef.SubscriptionRef<State>;
+}
+export interface DerivedStore<Selected> {
+    readonly get: Effect.Effect<Selected>;
+    readonly changes: Stream.Stream<Selected>;
+}
+export interface SelectChangesOptions<Selected> {
+    readonly equals?: Equality<Selected>;
+    readonly distinct?: boolean;
+}
+export type StoreTag<State> = Context.Tag<Store<State>, Store<State>>;
+export declare const createStore: <State>(initial: State) => Effect.Effect<Store<State>, never, never>;
+export declare const createStoreFromEffect: <State, E, R>(initial: Effect.Effect<State, E, R>) => Effect.Effect<Store<State>, E, R>;
+export declare const createStoreTag: <State>(key: string) => StoreTag<State>;
+export declare const makeStoreLayer: <State>(tag: StoreTag<State>, initial: State) => Layer.Layer<Store<State>, never, never>;
+export declare const makeStoreLayerFromEffect: <State, E, R>(tag: StoreTag<State>, initial: Effect.Effect<State, E, R>) => Layer.Layer<Store<State>, E, R>;
+export declare const get: <State>(store: Store<State>) => Effect.Effect<State, never, never>;
+export declare const set: <State>(store: Store<State>, value: State) => Effect.Effect<void, never, never>;
+export declare const update: <State>(store: Store<State>, mutate: (state: State) => State) => Effect.Effect<void, never, never>;
+export declare const modify: <State, Result>(store: Store<State>, mutate: (state: State) => readonly [Result, State]) => Effect.Effect<Result, never, never>;
+export declare const select: <State, Selected>(store: Store<State>, selector: Selector<State, Selected>) => Effect.Effect<Selected, never, never>;
+export declare const changes: <State>(store: Store<State>) => Stream.Stream<State, never, never>;
+export declare const selectChanges: <State, Selected>(store: Store<State>, selector: Selector<State, Selected>, options?: SelectChangesOptions<Selected>) => Stream.Stream<Selected, never, never>;
+export declare const derive: <State, Selected>(store: Store<State>, selector: Selector<State, Selected>, options?: SelectChangesOptions<Selected>) => DerivedStore<Selected>;