@orpc/experimental-react-swr 0.0.0-next.ff7ad2e

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 oRPC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,78 @@
+<div align="center">
+  <image align="center" src="https://orpc.unnoq.com/logo.webp" width=280 alt="oRPC logo" />
+</div>
+
+<h1></h1>
+
+<div align="center">
+  <a href="https://codecov.io/gh/unnoq/orpc">
+    <img alt="codecov" src="https://codecov.io/gh/unnoq/orpc/branch/main/graph/badge.svg">
+  </a>
+  <a href="https://www.npmjs.com/package/@orpc/experimental-react-swr">
+    <img alt="weekly downloads" src="https://img.shields.io/npm/dw/%40orpc%2Fexperimental-react-swr?logo=npm" />
+  </a>
+  <a href="https://github.com/unnoq/orpc/blob/main/LICENSE">
+    <img alt="MIT License" src="https://img.shields.io/github/license/unnoq/orpc?logo=open-source-initiative" />
+  </a>
+  <a href="https://discord.gg/TXEbwRBvQn">
+    <img alt="Discord" src="https://img.shields.io/discord/1308966753044398161?color=7389D8&label&logo=discord&logoColor=ffffff" />
+  </a>
+</div>
+
+<h3 align="center">Typesafe APIs Made Simple 🪄</h3>
+
+**oRPC is a powerful combination of RPC and OpenAPI**, makes it easy to build APIs that are end-to-end type-safe and adhere to OpenAPI standards
+
+---
+
+## Highlights
+
+- **🔗 End-to-End Type Safety**: Ensure type-safe inputs, outputs, and errors from client to server.
+- **📘 First-Class OpenAPI**: Built-in support that fully adheres to the OpenAPI standard.
+- **📝 Contract-First Development**: Optionally define your API contract before implementation.
+- **🔍 First-Class OpenTelemetry**: Seamlessly integrate with OpenTelemetry for observability.
+- **⚙️ Framework Integrations**: Seamlessly integrate with TanStack Query (React, Vue, Solid, Svelte, Angular), SWR, Pinia Colada, and more.
+- **🚀 Server Actions**: Fully compatible with React Server Actions on Next.js, TanStack Start, and other platforms.
+- **🔠 Standard Schema Support**: Works out of the box with Zod, Valibot, ArkType, and other schema validators.
+- **🗃️ Native Types**: Supports native types like Date, File, Blob, BigInt, URL, and more.
+- **⏱️ Lazy Router**: Enhance cold start times with our lazy routing feature.
+- **📡 SSE & Streaming**: Enjoy full type-safe support for SSE and streaming.
+- **🌍 Multi-Runtime Support**: Fast and lightweight on Cloudflare, Deno, Bun, Node.js, and beyond.
+- **🔌 Extendability**: Easily extend functionality with plugins, middleware, and interceptors.
+
+## Documentation
+
+You can find the full documentation [here](https://orpc.unnoq.com).
+
+## Packages
+
+- [@orpc/contract](https://www.npmjs.com/package/@orpc/contract): Build your API contract.
+- [@orpc/server](https://www.npmjs.com/package/@orpc/server): Build your API or implement API contract.
+- [@orpc/client](https://www.npmjs.com/package/@orpc/client): Consume your API on the client with type-safety.
+- [@orpc/openapi](https://www.npmjs.com/package/@orpc/openapi): Generate OpenAPI specs and handle OpenAPI requests.
+- [@orpc/otel](https://www.npmjs.com/package/@orpc/otel): [OpenTelemetry](https://opentelemetry.io/) integration for observability.
+- [@orpc/nest](https://www.npmjs.com/package/@orpc/nest): Deeply integrate oRPC with [NestJS](https://nestjs.com/).
+- [@orpc/react](https://www.npmjs.com/package/@orpc/react): Utilities for integrating oRPC with React and React Server Actions.
+- [@orpc/tanstack-query](https://www.npmjs.com/package/@orpc/tanstack-query): [TanStack Query](https://tanstack.com/query/latest) integration.
+- [@orpc/experimental-react-swr](https://www.npmjs.com/package/@orpc/experimental-react-swr): [SWR](https://swr.vercel.app/) integration.
+- [@orpc/vue-colada](https://www.npmjs.com/package/@orpc/vue-colada): Integration with [Pinia Colada](https://pinia-colada.esm.dev/).
+- [@orpc/hey-api](https://www.npmjs.com/package/@orpc/hey-api): [Hey API](https://heyapi.dev/) integration.
+- [@orpc/zod](https://www.npmjs.com/package/@orpc/zod): More schemas that [Zod](https://zod.dev/) doesn't support yet.
+- [@orpc/valibot](https://www.npmjs.com/package/@orpc/valibot): OpenAPI spec generation from [Valibot](https://valibot.dev/).
+- [@orpc/arktype](https://www.npmjs.com/package/@orpc/arktype): OpenAPI spec generation from [ArkType](https://arktype.io/).
+
+## `@orpc/experimental-react-swr`
+
+[SWR](https://swr.vercel.app/) integration for oRPC, providing a simple way to fetch data using oRPC endpoints with SWR's caching and revalidation features.
+
+## Sponsors
+
+<p align="center">
+  <a href="https://cdn.jsdelivr.net/gh/unnoq/unnoq/sponsors.svg">
+    <img src='https://cdn.jsdelivr.net/gh/unnoq/unnoq/sponsors.svg'/>
+  </a>
+</p>
+
+## License
+
+Distributed under the MIT License. See [LICENSE](https://github.com/unnoq/orpc/blob/main/LICENSE) for more information.

package/dist/index.d.mts

@@ -0,0 +1,133 @@
+import { PartialDeep, MaybeOptionalOptions, InferAsyncIterableYield } from '@orpc/shared';
+import { ClientContext, Client, NestedClient } from '@orpc/client';
+import { SWRSubscriptionOptions } from 'swr/subscription';
+
+declare const SWR_OPERATION_CONTEXT_SYMBOL: unique symbol;
+interface SWROperationContext {
+    [SWR_OPERATION_CONTEXT_SYMBOL]: {
+        type: 'fetcher' | 'mutator' | 'subscriber' | 'liveSubscriber';
+    };
+}
+type CreateKeyOptions<TInput> = undefined extends TInput ? {
+    input?: TInput;
+} : {
+    input: TInput;
+};
+declare function resolveCreateKeyOptions<TInput>(options: CreateKeyOptions<TInput>): CreateKeyOptions<TInput> & {
+    input: TInput;
+};
+type KeyMeta<TInput> = {
+    input: TInput;
+};
+type Key<TInput> = [path: readonly string[], options: KeyMeta<TInput>];
+type MatcherStrategy = 'exact' | 'partial';
+type CreateMatcherOptions<TStrategy extends MatcherStrategy, TInput> = ('partial' extends TStrategy ? {
+    input?: PartialDeep<TInput>;
+} : undefined extends TInput ? {
+    input?: TInput;
+} : {
+    input: TInput;
+}) & {
+    strategy?: TStrategy;
+};
+type Matcher = (key?: unknown) => boolean;
+type CreateFetcherOptions<TClientContext extends ClientContext> = (Record<never, never> extends TClientContext ? {
+    context?: TClientContext;
+} : {
+    context: TClientContext;
+});
+declare function resolveCreateFetcherOptions<T extends CreateFetcherOptions<any>>(options: T): T & {
+    context: Exclude<T['context'], undefined>;
+};
+type Fetcher<TInput, TOutput> = (key: Key<TInput>) => Promise<TOutput>;
+type Mutator<TInput, TOutput> = (key: unknown, options: Readonly<{
+    arg: TInput;
+}>) => Promise<TOutput>;
+type CreateSubscriberOptions<TClientContext extends ClientContext> = CreateFetcherOptions<TClientContext> & {
+    /**
+     * Determines how data is handled when the subscription refetches.
+     * - `reset`: Replace existing data with new data
+     * - `append`: Add new data to existing data
+     *
+     * @default 'reset'
+     */
+    refetchMode?: 'reset' | 'append';
+    /**
+     * Maximum number of chunks to store.
+     * When exceeded, the oldest chunks will be removed.
+     */
+    maxChunks?: number;
+};
+type Subscriber<TInput, TOutput, TError> = (key: Key<TInput>, options: SWRSubscriptionOptions<TOutput, TError>) => (() => void);
+
+interface GeneralUtils<TInput> {
+    /**
+     * Generate a matcher function that returns `true` if the key matches the specified conditions.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#manual-revalidation React SWR Manual Revalidation Docs}
+     */
+    matcher<TStrategy extends MatcherStrategy>(...rest: MaybeOptionalOptions<CreateMatcherOptions<TStrategy, TInput>>): Matcher;
+}
+declare function createGeneralUtils<TInput>(path: readonly string[]): GeneralUtils<TInput>;
+
+interface ProcedureUtilsOptions {
+    path: readonly string[];
+}
+interface ProcedureUtils<TClientContext extends ClientContext, TInput, TOutput, TError> {
+    /**
+     * Calling corresponding procedure client
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#calling-clients React SWR Calling Procedure Client Docs}
+     */
+    call: Client<TClientContext, TInput, TOutput, TError>;
+    /**
+     * Generate a **full matching** key for SWR operations.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#data-fetching React SWR Key Docs}
+     */
+    key(...rest: MaybeOptionalOptions<CreateKeyOptions<TInput>>): Key<TInput>;
+    /**
+     * Generate a fetcher function for use with useSWR, useSWRInfinite, and other SWR hooks.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#data-fetching React SWR Data Fetching Docs}
+     */
+    fetcher(...rest: MaybeOptionalOptions<CreateFetcherOptions<TClientContext>>): Fetcher<TInput, TOutput>;
+    /**
+     * Generate a subscriber function that subscribes to an [Event Iterator](https://orpc.unnoq.com/docs/event-iterator) for use with useSWRSubscription, etc.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#subscriptions React SWR Subscriptions Docs}
+     */
+    subscriber(...rest: MaybeOptionalOptions<CreateSubscriberOptions<TClientContext>>): Subscriber<TInput, InferAsyncIterableYield<TOutput>[], TError>;
+    /**
+     * Generate a live subscriber that subscribes to the latest events from an [Event Iterator](https://orpc.unnoq.com/docs/event-iterator) for use with useSWRSubscription, etc.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#subscriptions React SWR Subscriptions Docs}
+     */
+    liveSubscriber(...rest: MaybeOptionalOptions<CreateFetcherOptions<TClientContext>>): Subscriber<TInput, InferAsyncIterableYield<TOutput>, TError>;
+    /**
+     * Generate a mutator function for use with useSWRMutation, etc.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#mutations React SWR Mutations Docs}
+     */
+    mutator(...rest: MaybeOptionalOptions<CreateFetcherOptions<TClientContext>>): Mutator<TInput, TOutput>;
+}
+declare function createProcedureUtils<TClientContext extends ClientContext, TInput, TOutput, TError>(client: Client<TClientContext, TInput, TOutput, TError>, options: ProcedureUtilsOptions): ProcedureUtils<TClientContext, TInput, TOutput, TError>;
+
+type RouterUtils<T extends NestedClient<any>> = T extends Client<infer UClientContext, infer UInput, infer UOutput, infer UError> ? ProcedureUtils<UClientContext, UInput, UOutput, UError> & GeneralUtils<UInput> : {
+    [K in keyof T]: T[K] extends NestedClient<any> ? RouterUtils<T[K]> : never;
+} & GeneralUtils<unknown>;
+interface CreateRouterUtilsOptions {
+    path?: readonly string[];
+}
+/**
+ * Create a swr router utils from a client.
+ *
+ * @info Both client-side and server-side clients are supported.
+ * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr React SWR Integration}
+ */
+declare function createRouterUtils<T extends NestedClient<any>>(client: T, options?: CreateRouterUtilsOptions): RouterUtils<T>;
+
+declare function isSubsetOf(subsetKey: unknown, fullKey: unknown): boolean;
+
+export { SWR_OPERATION_CONTEXT_SYMBOL, createGeneralUtils, createProcedureUtils, createRouterUtils, createRouterUtils as createSWRUtils, isSubsetOf, resolveCreateFetcherOptions, resolveCreateKeyOptions };
+export type { CreateFetcherOptions, CreateKeyOptions, CreateMatcherOptions, CreateRouterUtilsOptions, CreateSubscriberOptions, Fetcher, GeneralUtils, Key, KeyMeta, Matcher, MatcherStrategy, Mutator, ProcedureUtils, ProcedureUtilsOptions, RouterUtils, SWROperationContext, Subscriber };

package/dist/index.d.ts

@@ -0,0 +1,133 @@
+import { PartialDeep, MaybeOptionalOptions, InferAsyncIterableYield } from '@orpc/shared';
+import { ClientContext, Client, NestedClient } from '@orpc/client';
+import { SWRSubscriptionOptions } from 'swr/subscription';
+
+declare const SWR_OPERATION_CONTEXT_SYMBOL: unique symbol;
+interface SWROperationContext {
+    [SWR_OPERATION_CONTEXT_SYMBOL]: {
+        type: 'fetcher' | 'mutator' | 'subscriber' | 'liveSubscriber';
+    };
+}
+type CreateKeyOptions<TInput> = undefined extends TInput ? {
+    input?: TInput;
+} : {
+    input: TInput;
+};
+declare function resolveCreateKeyOptions<TInput>(options: CreateKeyOptions<TInput>): CreateKeyOptions<TInput> & {
+    input: TInput;
+};
+type KeyMeta<TInput> = {
+    input: TInput;
+};
+type Key<TInput> = [path: readonly string[], options: KeyMeta<TInput>];
+type MatcherStrategy = 'exact' | 'partial';
+type CreateMatcherOptions<TStrategy extends MatcherStrategy, TInput> = ('partial' extends TStrategy ? {
+    input?: PartialDeep<TInput>;
+} : undefined extends TInput ? {
+    input?: TInput;
+} : {
+    input: TInput;
+}) & {
+    strategy?: TStrategy;
+};
+type Matcher = (key?: unknown) => boolean;
+type CreateFetcherOptions<TClientContext extends ClientContext> = (Record<never, never> extends TClientContext ? {
+    context?: TClientContext;
+} : {
+    context: TClientContext;
+});
+declare function resolveCreateFetcherOptions<T extends CreateFetcherOptions<any>>(options: T): T & {
+    context: Exclude<T['context'], undefined>;
+};
+type Fetcher<TInput, TOutput> = (key: Key<TInput>) => Promise<TOutput>;
+type Mutator<TInput, TOutput> = (key: unknown, options: Readonly<{
+    arg: TInput;
+}>) => Promise<TOutput>;
+type CreateSubscriberOptions<TClientContext extends ClientContext> = CreateFetcherOptions<TClientContext> & {
+    /**
+     * Determines how data is handled when the subscription refetches.
+     * - `reset`: Replace existing data with new data
+     * - `append`: Add new data to existing data
+     *
+     * @default 'reset'
+     */
+    refetchMode?: 'reset' | 'append';
+    /**
+     * Maximum number of chunks to store.
+     * When exceeded, the oldest chunks will be removed.
+     */
+    maxChunks?: number;
+};
+type Subscriber<TInput, TOutput, TError> = (key: Key<TInput>, options: SWRSubscriptionOptions<TOutput, TError>) => (() => void);
+
+interface GeneralUtils<TInput> {
+    /**
+     * Generate a matcher function that returns `true` if the key matches the specified conditions.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#manual-revalidation React SWR Manual Revalidation Docs}
+     */
+    matcher<TStrategy extends MatcherStrategy>(...rest: MaybeOptionalOptions<CreateMatcherOptions<TStrategy, TInput>>): Matcher;
+}
+declare function createGeneralUtils<TInput>(path: readonly string[]): GeneralUtils<TInput>;
+
+interface ProcedureUtilsOptions {
+    path: readonly string[];
+}
+interface ProcedureUtils<TClientContext extends ClientContext, TInput, TOutput, TError> {
+    /**
+     * Calling corresponding procedure client
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#calling-clients React SWR Calling Procedure Client Docs}
+     */
+    call: Client<TClientContext, TInput, TOutput, TError>;
+    /**
+     * Generate a **full matching** key for SWR operations.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#data-fetching React SWR Key Docs}
+     */
+    key(...rest: MaybeOptionalOptions<CreateKeyOptions<TInput>>): Key<TInput>;
+    /**
+     * Generate a fetcher function for use with useSWR, useSWRInfinite, and other SWR hooks.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#data-fetching React SWR Data Fetching Docs}
+     */
+    fetcher(...rest: MaybeOptionalOptions<CreateFetcherOptions<TClientContext>>): Fetcher<TInput, TOutput>;
+    /**
+     * Generate a subscriber function that subscribes to an [Event Iterator](https://orpc.unnoq.com/docs/event-iterator) for use with useSWRSubscription, etc.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#subscriptions React SWR Subscriptions Docs}
+     */
+    subscriber(...rest: MaybeOptionalOptions<CreateSubscriberOptions<TClientContext>>): Subscriber<TInput, InferAsyncIterableYield<TOutput>[], TError>;
+    /**
+     * Generate a live subscriber that subscribes to the latest events from an [Event Iterator](https://orpc.unnoq.com/docs/event-iterator) for use with useSWRSubscription, etc.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#subscriptions React SWR Subscriptions Docs}
+     */
+    liveSubscriber(...rest: MaybeOptionalOptions<CreateFetcherOptions<TClientContext>>): Subscriber<TInput, InferAsyncIterableYield<TOutput>, TError>;
+    /**
+     * Generate a mutator function for use with useSWRMutation, etc.
+     *
+     * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr#mutations React SWR Mutations Docs}
+     */
+    mutator(...rest: MaybeOptionalOptions<CreateFetcherOptions<TClientContext>>): Mutator<TInput, TOutput>;
+}
+declare function createProcedureUtils<TClientContext extends ClientContext, TInput, TOutput, TError>(client: Client<TClientContext, TInput, TOutput, TError>, options: ProcedureUtilsOptions): ProcedureUtils<TClientContext, TInput, TOutput, TError>;
+
+type RouterUtils<T extends NestedClient<any>> = T extends Client<infer UClientContext, infer UInput, infer UOutput, infer UError> ? ProcedureUtils<UClientContext, UInput, UOutput, UError> & GeneralUtils<UInput> : {
+    [K in keyof T]: T[K] extends NestedClient<any> ? RouterUtils<T[K]> : never;
+} & GeneralUtils<unknown>;
+interface CreateRouterUtilsOptions {
+    path?: readonly string[];
+}
+/**
+ * Create a swr router utils from a client.
+ *
+ * @info Both client-side and server-side clients are supported.
+ * @see {@link https://orpc.unnoq.com/docs/integrations/react-swr React SWR Integration}
+ */
+declare function createRouterUtils<T extends NestedClient<any>>(client: T, options?: CreateRouterUtilsOptions): RouterUtils<T>;
+
+declare function isSubsetOf(subsetKey: unknown, fullKey: unknown): boolean;
+
+export { SWR_OPERATION_CONTEXT_SYMBOL, createGeneralUtils, createProcedureUtils, createRouterUtils, createRouterUtils as createSWRUtils, isSubsetOf, resolveCreateFetcherOptions, resolveCreateKeyOptions };
+export type { CreateFetcherOptions, CreateKeyOptions, CreateMatcherOptions, CreateRouterUtilsOptions, CreateSubscriberOptions, Fetcher, GeneralUtils, Key, KeyMeta, Matcher, MatcherStrategy, Mutator, ProcedureUtils, ProcedureUtilsOptions, RouterUtils, SWROperationContext, Subscriber };

package/dist/index.mjs

@@ -0,0 +1,171 @@
+import { isObject, resolveMaybeOptionalOptions, isAsyncIteratorObject, toArray } from '@orpc/shared';
+
+function isSubsetOf(subsetKey, fullKey) {
+  return subsetKey === fullKey ? true : typeof subsetKey !== typeof fullKey ? false : isObject(subsetKey) && isObject(fullKey) ? Object.keys(subsetKey).every((key) => subsetKey[key] === void 0 || isSubsetOf(subsetKey[key], fullKey[key])) : Array.isArray(subsetKey) && Array.isArray(fullKey) ? subsetKey.every((value, index) => isSubsetOf(value, fullKey[index])) : false;
+}
+
+function createGeneralUtils(path) {
+  return {
+    matcher(...rest) {
+      const { input, strategy = "partial" } = resolveMaybeOptionalOptions(rest);
+      return (key) => {
+        const expectedKey = [path, { input }];
+        if (!isSubsetOf(expectedKey, key)) {
+          return false;
+        }
+        if (strategy === "exact" && !isSubsetOf(key, expectedKey)) {
+          return false;
+        }
+        return true;
+      };
+    }
+  };
+}
+
+const SWR_OPERATION_CONTEXT_SYMBOL = Symbol("ORPC_SWR_OPERATION_CONTEXT");
+function resolveCreateKeyOptions(options) {
+  return {
+    ...options,
+    /**
+     * Input is optional when it can be undefined,
+     * so we can safely cast it to TInput with an undefined fallback.
+     */
+    input: options.input ?? void 0
+  };
+}
+function resolveCreateFetcherOptions(options) {
+  return {
+    ...options,
+    /**
+     * Context is optional when all fields in TClientContext are optional,
+     * so we can safely cast it to TClientContext with an empty object fallback.
+     */
+    context: options.context ?? {}
+  };
+}
+
+function createProcedureUtils(client, options) {
+  return {
+    call: client,
+    key(...rest) {
+      const { input } = resolveCreateKeyOptions(resolveMaybeOptionalOptions(rest));
+      return [options.path, { input }];
+    },
+    fetcher(...rest) {
+      const { context } = resolveCreateFetcherOptions(resolveMaybeOptionalOptions(rest));
+      return async ([, { input }]) => client(input, {
+        context: {
+          [SWR_OPERATION_CONTEXT_SYMBOL]: { type: "fetcher" },
+          ...context
+        }
+      });
+    },
+    subscriber(...rest) {
+      const { context, maxChunks, refetchMode = "reset" } = resolveCreateFetcherOptions(resolveMaybeOptionalOptions(rest));
+      return ([, { input }], { next }) => {
+        const controller = new AbortController();
+        void (async () => {
+          try {
+            const iterator = await client(input, {
+              context: {
+                [SWR_OPERATION_CONTEXT_SYMBOL]: { type: "subscriber" },
+                ...context
+              },
+              signal: controller.signal
+            });
+            if (!isAsyncIteratorObject(iterator)) {
+              throw new Error(".subscriber requires an event iterator output");
+            }
+            if (refetchMode === "reset") {
+              next(void 0, void 0);
+            }
+            for await (const event of iterator) {
+              next(void 0, (old) => {
+                const newData = Array.isArray(old) ? [...old, event] : [event];
+                if (typeof maxChunks === "number" && newData.length > maxChunks) {
+                  return newData.slice(newData.length - maxChunks);
+                }
+                return newData;
+              });
+            }
+          } catch (error) {
+            if (!controller.signal.aborted) {
+              next(error);
+            }
+          }
+        })();
+        return () => {
+          controller.abort();
+        };
+      };
+    },
+    liveSubscriber(...rest) {
+      const { context } = resolveCreateFetcherOptions(resolveMaybeOptionalOptions(rest));
+      return ([, { input }], { next }) => {
+        const controller = new AbortController();
+        void (async () => {
+          try {
+            const iterator = await client(input, {
+              context: {
+                [SWR_OPERATION_CONTEXT_SYMBOL]: { type: "liveSubscriber" },
+                ...context
+              },
+              signal: controller.signal
+            });
+            if (!isAsyncIteratorObject(iterator)) {
+              throw new Error(".liveSubscriber requires an event iterator output");
+            }
+            for await (const event of iterator) {
+              next(void 0, event);
+            }
+          } catch (error) {
+            if (!controller.signal.aborted) {
+              next(error);
+            }
+          }
+        })();
+        return () => {
+          controller.abort();
+        };
+      };
+    },
+    mutator(...rest) {
+      const { context } = resolveCreateFetcherOptions(resolveMaybeOptionalOptions(rest));
+      return (_key, { arg }) => client(arg, {
+        context: {
+          [SWR_OPERATION_CONTEXT_SYMBOL]: { type: "mutator" },
+          ...context
+        }
+      });
+    }
+  };
+}
+
+function createRouterUtils(client, options = {}) {
+  const path = toArray(options.path);
+  const generalUtils = createGeneralUtils(path);
+  const procedureUtils = createProcedureUtils(client, { path });
+  const recursive = new Proxy({
+    ...generalUtils,
+    ...procedureUtils
+  }, {
+    get(target, prop) {
+      const value = Reflect.get(target, prop);
+      if (typeof prop !== "string") {
+        return value;
+      }
+      const nextUtils = createRouterUtils(client[prop], { ...options, path: [...path, prop] });
+      if (typeof value !== "function") {
+        return nextUtils;
+      }
+      return new Proxy(value, {
+        get(_, prop2) {
+          return Reflect.get(nextUtils, prop2);
+        }
+      });
+    }
+  });
+  return recursive;
+}
+
+export { SWR_OPERATION_CONTEXT_SYMBOL, createGeneralUtils, createProcedureUtils, createRouterUtils, createRouterUtils as createSWRUtils, isSubsetOf, resolveCreateFetcherOptions, resolveCreateKeyOptions };

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@orpc/experimental-react-swr",
+  "type": "module",
+  "version": "0.0.0-next.ff7ad2e",
+  "license": "MIT",
+  "homepage": "https://orpc.unnoq.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/unnoq/orpc.git",
+    "directory": "packages/react-swr"
+  },
+  "keywords": [
+    "unnoq",
+    "orpc"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "swr": ">=2.3.6",
+    "@orpc/client": "0.0.0-next.ff7ad2e"
+  },
+  "dependencies": {
+    "@orpc/shared": "0.0.0-next.ff7ad2e"
+  },
+  "devDependencies": {
+    "swr": "^2.3.6"
+  },
+  "scripts": {
+    "build": "unbuild",
+    "build:watch": "pnpm run build --watch",
+    "type:check": "tsc -b"
+  }
+}