react-form-action 2.6.0 → 2.7.0

package/README.md

@@ -49,7 +49,7 @@ import { formAction } from "react-form-action";
 import { z } from "zod";
 
 export const subscribeAction = formAction
-  .input(z.object({ email: z.string().email() }))
+  .input(z.object({ email: z.email() }))
   .run(async ({ input }) => {
     return input.email;
   });
@@ -138,7 +138,7 @@ const i18nMiddleware = async () => {
 const authAction = formAction
   .use(i18nMiddleware)
   .use(async ({ ctx: { t } }) =>
-    console.log("🎉 context enhanced by previous middlewares 🎉", t)
+    console.log("🎉 context enhanced by previous middlewares 🎉", t),
   )
   .error(async ({ error }) => {
     if (error instanceof DbError) {
@@ -151,7 +151,7 @@ const authAction = formAction
   });
 
 export const signIn = authAction
-  .input(z.object({ email: z.string().email() }))
+  .input(z.object({ email: z.email() }))
   // 🎉 extend the previous input (only without refinements and transforms)
   .input(z.object({ password: z.string() }))
   .run(async ({ ctx: { t }, input: { email, password } }) => {
@@ -166,14 +166,14 @@ export const signUp = authAction
   .input(
     z
       .object({
-        email: z.string().email(),
+        email: z.email(),
         password: z.string(),
         confirm: z.string(),
       })
       .refine((data) => data.password === data.confirm, {
         message: "Passwords don't match",
         path: ["confirm"],
-      })
+      }),
   ) // if using refinement, only one input call is permited, as schema with ZodEffects is not extendable.
   .run(async ({ ctx: { t }, input: { email, password } }) => {
     // 🎉 passwords match!
@@ -193,32 +193,37 @@ export const signUp = authAction
 The `formAction` builder supports action arguments binding:
 
 ```ts
-// app/update-user/[userId]/action.tsx
+// app/[locale]/update-user/[userId]/action.tsx
 import { formAction } from "react-form-action";
 
 export const updateUser = formAction
-  .args([z.string().uuid()])
+  .args([z.string().uuid(), z.enum("fr", "en")])
   .run(async ({ args: [userId] }) => {
     return userId;
     //     ^? string
+  })
+  .error(({ args: [_, locale] }) => {
+    return locale === "fr"
+      ? "Échec de la mise à jour de l'utilisateur"
+      : "Failed to update user";
   });
 ```
 
 ```tsx
-// app/update-user/[userId]/page.tsx
+// app/[locale]/update-user/[userId]/page.tsx
 import { Action } from "react-form-action/client";
 
+import { locale as localeParam } from "next/root-params";
 import { updateUser } from "./action";
 import { UpdateUserForm } from "./form";
 
 export default function Page({
   params,
-}: {
-  params: Promise<{ userId: string }>;
-}) {
+}: PageProps<"/[locale]/update-user/[userId]">) {
+  const locale = await localeParam();
   const { userId } = await params;
 
-  const action = updateUser.bind(null, userId);
+  const action = updateUser.bind(null, userId, locale);
 
   return (
     <Action action={action} initialData="">
@@ -291,7 +296,7 @@ export const updateUser = createFormAction<
 
       return failure({ message: "Failed to update user." });
     }
-  }
+  },
 );
 ```
 
@@ -301,7 +306,7 @@ The action creator supports arguments binding:
 export const updateUser = createFormAction(
   (
     { success, failure, invalid },
-    userId: string /* Here you can specify multiple arguments */
+    userId: string /* Here you can specify multiple arguments */,
   ) =>
     async (prevState, formData) => {
       try {
@@ -327,7 +332,7 @@ export const updateUser = createFormAction(
       } catch (error) {
         // handle error
       }
-    }
+    },
 );
 
 // call bind as usuall, the "123" becomes the "userId"
@@ -421,7 +426,7 @@ export const signUpAction = authAction
     z
       .object({
         user: z.object({
-          email: z.string().email(),
+          email: z.email(),
           name: z.string(),
         }),
         password: z.string().min(8),
@@ -429,7 +434,7 @@ export const signUpAction = authAction
       })
       .refine((data) => data.password === data.confirm, {
         message: "Passwords don't match",
-      })
+      }),
   )
   .run(async ({ ctx, input }) => {
     return null;

package/dist/index.d.mts

@@ -9,9 +9,10 @@ type Flatten<T> = Identity<{
     [K in keyof T]: T[K];
 }>;
 type Identity<T> = T;
-type ErrorHandler<Context, Err> = (params: {
+type ErrorHandler<Context, Err, Args extends ZodTuple> = (params: {
     error: unknown;
     ctx: Context;
+    args: z.infer<Args>;
 }) => Promise<Err>;
 type InitialContext = Record<"formData", FormData>;
 /**
@@ -60,7 +61,7 @@ type FormActionBuilder<Schema extends ZodType | EmptyInput, TErr = unknown, Cont
      * @param processError A function which receives action's errors.
      * @returns FormActionBuilder
      */
-    error: <TErr>(processError: ErrorHandler<Context, TErr>) => FormActionBuilder<Schema, TErr, Context, Args>;
+    error: <TErr>(processError: ErrorHandler<Context, TErr, Args>) => FormActionBuilder<Schema, TErr, Context, Args>;
 };
 declare const formAction: FormActionBuilder<typeof emptyInput, unknown, InitialContext, z.ZodTuple<[], null>>;
 

package/dist/index.mjs

@@ -1 +1 @@
-import{a as h,b as f}from"./chunk-LPB4R2UB.mjs";import{z as T}from"zod/v4";import{zfd as g}from"zod-form-data";var m=Symbol();function c(e,s=[],n,a){async function A(t){let r={formData:t};for(let i of s){let u=await i({ctx:r});r={...r,...u}}return r}return{args(t){return c(e,s,n,T.tuple(t))},input(t){if(e===m)return c(t,s,n,a);if(e._zod.def.checks)throw new Error("Previous input is not augmentable because it contains an effect.");if(t._zod.def.checks)throw new Error("Your input contains effect which prevents merging it with the previous inputs.");if(e._zod.def.type==="object"){let r=T.object({...e.shape,...t.shape});return c(r,s)}else throw Error("Merging inputs works only for object schemas without effects.")},use(t){return c(e,[...s,t],n,a)},error(t){return c(e,s,t,a)},run:e===m?t=>f(({success:r,failure:i,invalid:u},...d)=>async(E,y)=>{let p=await A(y);if(a){let o=a.safeParse(d);if(!o.success)return u(T.treeifyError(o.error))}try{return r(await t({args:d,ctx:p}))}catch(o){if(n)return i(await n({error:o,ctx:p}));throw o}}):e===m?void 0:t=>f(({success:r,failure:i,invalid:u},...d)=>{let E=g.formData(e);return async(y,p)=>{let o=await A(p);if(a){let x=a.safeParse(d);if(!x.success)return u(T.treeifyError(x.error))}let l=E.safeParse(p);if(!l.success)return u(T.treeifyError(l.error));let C=l.data;try{return r(await t({args:d,input:C,ctx:o}))}catch(x){if(n)return i(await n({error:x,ctx:o}));throw x}}})}}var j=c(m);export{f as createFormAction,j as formAction,h as initial};
+import{a as h,b as f}from"./chunk-LPB4R2UB.mjs";import{z as T}from"zod/v4";import{zfd as C}from"zod-form-data";var m=Symbol();function c(e,u=[],n,a){async function A(t){let r={formData:t};for(let d of u){let i=await d({ctx:r});r={...r,...i}}return r}return{args(t){return c(e,u,n,T.tuple(t))},input(t){if(e===m)return c(t,u,n,a);if(e._zod.def.checks)throw new Error("Previous input is not augmentable because it contains an effect.");if(t._zod.def.checks)throw new Error("Your input contains effect which prevents merging it with the previous inputs.");if(e._zod.def.type==="object"){let r=T.object({...e.shape,...t.shape});return c(r,u)}else throw Error("Merging inputs works only for object schemas without effects.")},use(t){return c(e,[...u,t],n,a)},error(t){return c(e,u,t,a)},run:e===m?t=>f(({success:r,failure:d,invalid:i},...s)=>async(E,g)=>{let p=await A(g);if(a){let o=a.safeParse(s);if(!o.success)return i(T.treeifyError(o.error))}try{return r(await t({args:s,ctx:p}))}catch(o){if(n)return d(await n({args:s,error:o,ctx:p}));throw o}}):e===m?void 0:t=>f(({success:r,failure:d,invalid:i},...s)=>{let E=C.formData(e);return async(g,p)=>{let o=await A(p);if(a){let x=a.safeParse(s);if(!x.success)return i(T.treeifyError(x.error))}let l=E.safeParse(p);if(!l.success)return i(T.treeifyError(l.error));let y=l.data;try{return r(await t({args:s,input:y,ctx:o}))}catch(x){if(n)return d(await n({args:s,error:x,ctx:o}));throw x}}})}}var j=c(m);export{f as createFormAction,j as formAction,h as initial};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-form-action",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "description": "State management helpers for the react form actions.",
   "repository": {
     "type": "git",