@orpc/react 1.1.1 → 1.3.0

package/README.md

@@ -49,6 +49,7 @@ You can find the full documentation [here](https://orpc.unnoq.com).
 - [@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/nest](https://www.npmjs.com/package/@orpc/nest): Deeply integrate oRPC with NestJS.
 - [@orpc/react](https://www.npmjs.com/package/@orpc/react): Utilities for integrating oRPC with React and React Server Actions.
 - [@orpc/react-query](https://www.npmjs.com/package/@orpc/react-query): Integration with [React Query](https://tanstack.com/query/latest/docs/framework/react/overview).
 - [@orpc/vue-query](https://www.npmjs.com/package/@orpc/vue-query): Integration with [Vue Query](https://tanstack.com/query/latest/docs/framework/vue/overview).

package/dist/hooks/index.d.mts

@@ -1,11 +1,11 @@
 import { SafeResult, ORPCErrorJSON } from '@orpc/client';
 import { ActionableClient, UnactionableError } from '@orpc/server';
-import { Interceptor } from '@orpc/shared';
+import { Interceptor, PromiseWithError } from '@orpc/shared';
 
 interface UseServerActionOptions<TInput, TOutput, TError> {
     interceptors?: Interceptor<{
         input: TInput;
-    }, TOutput, TError>[];
+    }, PromiseWithError<TOutput, TError>>[];
 }
 interface UseServerActionExecuteOptions<TInput, TOutput, TError> extends Pick<UseServerActionOptions<TInput, TOutput, TError>, 'interceptors'> {
 }

package/dist/hooks/index.d.ts

@@ -1,11 +1,11 @@
 import { SafeResult, ORPCErrorJSON } from '@orpc/client';
 import { ActionableClient, UnactionableError } from '@orpc/server';
-import { Interceptor } from '@orpc/shared';
+import { Interceptor, PromiseWithError } from '@orpc/shared';
 
 interface UseServerActionOptions<TInput, TOutput, TError> {
     interceptors?: Interceptor<{
         input: TInput;
-    }, TOutput, TError>[];
+    }, PromiseWithError<TOutput, TError>>[];
 }
 interface UseServerActionExecuteOptions<TInput, TOutput, TError> extends Pick<UseServerActionOptions<TInput, TOutput, TError>, 'interceptors'> {
 }

package/dist/hooks/index.mjs

@@ -1,6 +1,6 @@
 import { safe, createORPCErrorFromJson } from '@orpc/client';
 import { intercept, toArray } from '@orpc/shared';
-import { useState, useCallback, useMemo } from 'react';
+import { useState, useRef, useTransition, useCallback, useMemo } from 'react';
 
 const INITIAL_STATE = {
   data: void 0,
@@ -9,56 +9,68 @@ const INITIAL_STATE = {
   isPending: false,
   isSuccess: false,
   isError: false,
-  status: "idle",
-  executedAt: void 0,
-  input: void 0
+  status: "idle"
+};
+const PENDING_STATE = {
+  data: void 0,
+  error: null,
+  isIdle: false,
+  isPending: true,
+  isSuccess: false,
+  isError: false,
+  status: "pending"
 };
 function useServerAction(action, options = {}) {
   const [state, setState] = useState(INITIAL_STATE);
+  const executedAtRef = useRef(void 0);
+  const [input, setInput] = useState(void 0);
+  const [isPending, startTransition] = useTransition();
   const reset = useCallback(() => {
-    setState(INITIAL_STATE);
+    executedAtRef.current = void 0;
+    setInput(void 0);
+    setState({ ...INITIAL_STATE });
   }, []);
-  const execute = useCallback(async (input, executeOptions = {}) => {
+  const execute = useCallback(async (input2, executeOptions = {}) => {
     const executedAt = /* @__PURE__ */ new Date();
-    setState({
-      data: void 0,
-      error: null,
-      isIdle: false,
-      isPending: true,
-      isSuccess: false,
-      isError: false,
-      status: "pending",
-      executedAt,
-      input
-    });
-    const result2 = await safe(intercept(
-      [...toArray(options.interceptors), ...toArray(executeOptions.interceptors)],
-      { input },
-      ({ input: input2 }) => action(input2).then(([error, data]) => {
-        if (error) {
-          throw createORPCErrorFromJson(error);
+    executedAtRef.current = executedAt;
+    setInput(input2);
+    return new Promise((resolve) => {
+      startTransition(async () => {
+        const result2 = await safe(intercept(
+          [...toArray(options.interceptors), ...toArray(executeOptions.interceptors)],
+          { input: input2 },
+          async ({ input: input3 }) => action(input3).then(([error, data]) => {
+            if (error) {
+              throw createORPCErrorFromJson(error);
+            }
+            return data;
+          })
+        ));
+        if (executedAtRef.current === executedAt) {
+          setState({
+            data: result2.data,
+            error: result2.error,
+            isIdle: false,
+            isPending: false,
+            isSuccess: !result2.error,
+            isError: !!result2.error,
+            status: !result2.error ? "success" : "error"
+          });
         }
-        return data;
-      })
-    ));
-    setState({
-      data: result2.data,
-      error: result2.error,
-      isIdle: false,
-      isPending: false,
-      isSuccess: !result2.error,
-      isError: !!result2.error,
-      status: !result2.error ? "success" : "error",
-      executedAt,
-      input
+        resolve(result2);
+      });
     });
-    return result2;
   }, [action, ...toArray(options.interceptors)]);
-  const result = useMemo(() => ({
-    ...state,
-    reset,
-    execute
-  }), [state, reset, execute]);
+  const result = useMemo(() => {
+    const currentState = isPending && executedAtRef.current !== void 0 ? PENDING_STATE : state;
+    return {
+      ...currentState,
+      executedAt: executedAtRef.current,
+      input,
+      reset,
+      execute
+    };
+  }, [isPending, state, input, reset, execute]);
   return result;
 }
 

package/dist/index.d.mts

@@ -1,11 +1,12 @@
 import { AnySchema } from '@orpc/contract';
 import { Context, ErrorMap, Meta, Lazyable, Procedure, CreateProcedureClientOptions } from '@orpc/server';
 import { Interceptor, MaybeOptionalOptions } from '@orpc/shared';
+export { getIssueMessage, parseFormData } from '@orpc/openapi-client/standard';
 
 interface FormAction {
     (form: FormData): Promise<void>;
 }
-declare const orpcErrorToNextHttpFallbackInterceptor: Interceptor<any, any, any>;
+declare const orpcErrorToNextHttpFallbackInterceptor: Interceptor<any, Promise<any>>;
 /**
  * Create a server action accept a form data and deserialize with bracket notation.
  *

package/dist/index.d.ts

@@ -1,11 +1,12 @@
 import { AnySchema } from '@orpc/contract';
 import { Context, ErrorMap, Meta, Lazyable, Procedure, CreateProcedureClientOptions } from '@orpc/server';
 import { Interceptor, MaybeOptionalOptions } from '@orpc/shared';
+export { getIssueMessage, parseFormData } from '@orpc/openapi-client/standard';
 
 interface FormAction {
     (form: FormData): Promise<void>;
 }
-declare const orpcErrorToNextHttpFallbackInterceptor: Interceptor<any, any, any>;
+declare const orpcErrorToNextHttpFallbackInterceptor: Interceptor<any, Promise<any>>;
 /**
  * Create a server action accept a form data and deserialize with bracket notation.
  *

package/dist/index.mjs

@@ -1,5 +1,6 @@
 import { ORPCError, createORPCErrorFromJson } from '@orpc/client';
 import { StandardBracketNotationSerializer } from '@orpc/openapi-client/standard';
+export { getIssueMessage, parseFormData } from '@orpc/openapi-client/standard';
 import { createProcedureClient } from '@orpc/server';
 import { onError, resolveMaybeOptionalOptions, toArray } from '@orpc/shared';
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orpc/react",
   "type": "module",
-  "version": "1.1.1",
+  "version": "1.3.0",
   "license": "MIT",
   "homepage": "https://orpc.unnoq.com",
   "repository": {
@@ -34,15 +34,15 @@
     "react": ">=18.0.0"
   },
   "dependencies": {
-    "@orpc/contract": "1.1.1",
-    "@orpc/client": "1.1.1",
-    "@orpc/openapi-client": "1.1.1",
-    "@orpc/server": "1.1.1",
-    "@orpc/shared": "1.1.1"
+    "@orpc/client": "1.3.0",
+    "@orpc/openapi-client": "1.3.0",
+    "@orpc/shared": "1.3.0",
+    "@orpc/contract": "1.3.0",
+    "@orpc/server": "1.3.0"
   },
   "devDependencies": {
     "react": "^19.1.0",
-    "zod": "^3.24.2"
+    "zod": "^3.25.11"
   },
   "scripts": {
     "build": "unbuild",