react-server-actions 1.0.4 → 1.0.5

package/README.md

@@ -1,16 +1,75 @@
-# Next Native Actions
+# React Server Actions
 
-A lightweight library for handling form actions in Next.js applications using native browser capabilities and server actions.
+A lightweight library for handling server actions in React and Next.js applications using server side zod validation and native html client side validation.
 
-## Features
+## Intro
 
-### Server-Side Features
+React Server Actions represent a groundbreaking advancement in how we handle server-side operations in React applications. However, while the APIs provided by the React team are powerful, developers often face challenges in establishing consistent patterns for handling responses, validation, and error management. This is where this library comes in.
+
+React Server Actions was born out of the need to address these gaps in the implementation of React's new server actions feature. Rather than replacing the native functionality, this library builds upon it by providing a structured approach to server actions. The core idea is to establish a well-defined shape for server action responses, making them predictable and easier to work with.
+
+This is how we define a server action with the help of react-server-actions library.
+
+```typescript
+export const zodSchema = z.object({
+    name: z.string().min(1),
+    ...
+})
+```
+
+```typescript
+'use server';
 
-#### Direct React Server Actions Integration
+// the action wrapper will take care of validate data and will wrap the response into a ActionResult type!
+export const someAction = action(zodSchema, async (data) => {
+  // data is already validated and is typed
+  return {
+    something: 'whatever',
+  };
+});
+```
+
+By providing this structure, the library enables developers to create more robust client-side components that can confidently interact with server actions. It combines the power of Zod for server-side validation with native HTML validation attributes, creating a seamless development experience while maintaining type safety throughout the application. The result is a more organized and maintainable codebase that follows best practices for handling server-client interactions.
+
+```typescript
+'use client'
+export default function Form() {
+    const [state, action, pending] = useActionState(someAction, initialState());
+
+    console.log(state.formData?.name); // state will be always of type ActionResult
+    console.log(state.invalid?.name); // it will contain the data and eventually the validation problems
+
+    return (
+        <Form state={state} action={action} schema={schema}>
+            <FormField
+                name="name"
+                render={(field) => (
+                <div>
+                    <label htmlFor={field.input.id} className={field.invalid ? 'text-red-500' : ''}>Name</label>
+                    <input {...field.input} type="text"  />
+                    {field.invalid && <p className="text-red-500">{field.invalid}</p>}
+                </div>
+                )}
+            />
+        </Form>
+    );
+}
+```
+
+```typescript
+// The ActionResult type
+export type ActionResult<Schema> = {
+    success: boolean;
+    formData: z.infer<Schema> | undefined; // Data submitted
+    successData: any; // Data returned from the user
+    invalid: [key in keyof Partial<z.TypeOf<Schema>>]: string[] | undefined; // Validation fields
+    error: string | undefined;
+}
+```
 
-- Seamlessly works with Next.js and React Server Actions
-- No additional server-side middleware required
-- Type-safe action handling
+## Features
+
+### Server-Side Features
 
 #### Structured Action Responses
 
@@ -33,7 +92,7 @@ A lightweight library for handling form actions in Next.js applications using na
 
 #### Form State Management
 
-- Optional form data persistence between submissions
+- Form data persistence between submissions
 - Ability to reset form data after successful submission
 - State management utilities for handling loading and error states
 
@@ -41,56 +100,119 @@ A lightweight library for handling form actions in Next.js applications using na
 
 #### Framework Agnostic
 
+- Use React standard hook useActionState
 - Works with any form management library of your choice
 - Native support for React Hook Form, Formik, or plain HTML forms
 - Zero client-side dependencies required
 
 #### Native HTML Validation
 
-- Automatic HTML5 validation attributes from Zod schemas
+- Automatic HTML5 validation attributes inferred from Zod schemas
 - Client-side validation before server submission
 - Improved user experience with instant feedback
 - Accessibility-friendly validation messages
 
 ## Installation
 
-bash
-npm install next-native-actions
+```bash
+npm install react-server-actions
+```
 
 ## Basic Usage
 
 ### 1. Define your schema and action
 
-typescript:next-native-actions/README.md
+Define your zod schema and create a server action. The server action must be wrapped into the `action` method to be sure that it will return a correct `ActionResult` type.
+
+```typescript
 import { z } from 'zod';
-import { createAction } from 'next-native-actions';
 const userSchema = z.object({
-name: z.string().min(2),
-email: z.string().email(),
-age: z.number().min(18)
+  name: z.string().min(2),
+  email: z.string().email(),
+  age: z.number().min(18),
 });
-export const createUser = createAction(userSchema, async (data) => {
-// Your server logic here
-return { success: true, data };
+```
+
+```typescript
+import { userSchema } from './schema';
+import { action } from 'react-server-actions';
+export const createUser = action(userSchema, async (data) => {
+  // Your server logic here
+  return { success: true, data };
 });
+```
 
 ### 2. Use in your form component
 
-typescript
+Connect the server action with the React hook `useStateAction`.
+For having a correct initial data we provide a `initialState` method
+After that you will have a typed `state` with all the informations about data submitted and validation state.
+
+```typescript
+'use client';
+import { useActionState } from 'react';
+import { createUser } from './action';
+import { initialState } from 'react-server-actions';
+export function UserForm() {
+    const [state, action, pending] = useActionState(createUser, initialData({
+        // can be an object that satisfies userSchema or undefined
+        ...
+    }));
+    ...
+}
+```
+
+### 3. Define the form
+
+You can now create the form with native `<form>` or with any other library, taking advantage of having a structured and typed `state`.
+This library will, anyway, provide two useful component:
+
+- `<Form>` component - it will provide the ability to reset the form on successful submission, define a `onSuccess` and `onError` callback
+- `<FormField>` component - it will provide a render method, which will expose a `field` property with the correct informations to build your inputs. **It will also inject the HTML5 validation rule based on the zod schema**!
+  - Inside the `render` method of the `<FormField>` component you can use whatever ui library you want.
+  - The `field` property will have this structure
+    ```typescript
+        {
+            invalid: string[] | undefined;
+            value: any;
+            input: {
+                id: string;
+                name: string;
+                'aria-invalid': boolean;
+                autoComplete: 'on' | 'off' | undefined;
+                defaultValue?: string;
+                ...html5ValidationRules (like required, min, etc...)
+            }
+        }
+    ```
+
+```typescript
 'use client';
-import { useAction } from 'next-native-actions/client';
+import { useActionState } from 'react';
+import { createUser } from './action'
 export function UserForm() {
-const { action, isLoading } = useAction(createUser);
-return (
-
-<form action={action}>
-<input name="name" type="text" required minLength={2} />
-<input name="email" type="email" required />
-<input name="age" type="number" required min={18} />
-<button disabled={isLoading}>Submit</button>
-</form>
-);
+    const [state, action, pending] = useActionState(createUser);
+    return (
+        <Form state={state} action={action} schema={userSchema}>
+
+            <FormField
+                name="name"
+                render={(field) => (
+                    <div>
+                        <label htmlFor={field.input.id} className={field.invalid ? 'text-red-500' : ''}>
+                        Name
+                        </label>
+                        <input {...field.input} type="text" />
+                        {field.invalid && <p className="text-red-500">{field.invalid}</p>}
+                    </div>
+                )}
+            />
+
+            <button type="submit" disabled={pending}>Save</button>
+        </Form>
+    );
 }
+```
 
 ## Advanced Features
 
@@ -98,50 +220,131 @@ return (
 
 The library works seamlessly with popular form management libraries:
 
-typescript
-// With React Hook Form
-import { useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-export function UserFormWithRHF() {
-const form = useForm({
-resolver: zodResolver(userSchema)
-});
-// ... rest of your form implementation
-}
+** Docs still missing **
 
-### Error Handling
+### Build your component around the library
 
-typescript
-'use client';
-export function UserForm() {
-const { action, isLoading, error } = useAction(createUser);
-return (
-
-<form action={action}>
-{error && <div className="error">{error.message}</div>}
-{/ form fields /}
-</form>
-);
-}
+** Docs still missing **
 
-## Caveats
+If you want to create your custom components around react-server-action library you can use the provided `useField` hook.
 
-### datetime-local input type
+The `<Form>` and `<FormField>` components are providing a context in which you can call the `useField` for getting all the required information about a single field you need to build a component.
 
-TODO: Explain how to use it
+For example, we can recreate the standard Shadcn Form components in this way:
 
-### select defaultValue
+```typescript
+"use client";
 
-In react 19 there is an open issue https://github.com/facebook/react/issues/30580 that prevents the defaultValue to correctly set the select value.
-According to this comment https://github.com/facebook/react/issues/30580#issuecomment-2537962675 there is a workaround by setting the 'key' attribute of the select
+import { useField } from "@native-actions/client";
+import React from "react";
+
+export function FormLabel({ children }: { children: React.ReactNode }) {
+  const field = useField();
+  return (
+    <label
+      className={`text-sm font-medium leading-none ${field.invalid && "text-destructive"}`}
+      htmlFor={field.input.id}
+    >
+      {children}
+    </label>
+  );
+}
+
+export function FormDescription({ children }: { children: React.ReactNode }) {
+  const field = useField();
+  return (
+    <p
+      id={field.input.id + "-description"}
+      className="text-sm text-muted-foreground"
+    >
+      {children}
+    </p>
+  );
+}
+
+export function FormMessage({ children }: { children?: React.ReactNode }) {
+  const field = useField();
+  const error = field.invalid || children;
+  if (!error) {
+    return null;
+  }
+  return (
+    <p
+      id={field.input.id + "-message"}
+      className={`text-sm font-medium ${error && "text-destructive"}`}
+    >
+      {error}
+    </p>
+  );
+}
+```
+
+And them can use them inside the form for having a better developer experience
+
+```typescript
+export default function ShadcnForm() {
+  const [state, action, pending] = useActionState(formAction, initialState(undefined));
+  return (
+        <Form state={state} action={action} schema={schema} className="space-y-4">
+        <FormField
+            name="name"
+            render={(field) => (
+                <div className="flex flex-col space-y-2">
+                    <FormLabel>Name</FormLabel>
+                    <FormDescription>Insert your name</FormDescription>
+                    <Input {...field.input} />
+                    <FormMessage />
+                </div>
+            )}
+        />
+        ...
+        </Form>
+    );
+}
+```
+
+### Error Handling
 
-## Best Practices
+In the `ActionResult` object there is an `error` property exposed. This property will be sent back only in case of an error during the action execution.
+You can handle this error state in several ways
 
-1. Always define your schemas in a separate file for better reusability
-2. Use type inference from your schemas for better type safety
-3. Implement proper error handling both on client and server
-4. Consider using progressive enhancement for better user experience
-5. Follow accessibility guidelines when displaying validation messages
+```typescript
+'use client';
+import { useActionState } from 'react';
+import { createUser } from './action'
+export function UserForm() {
+    const [state, action, pending] = useActionState(createUser);
+    useEffect(() => {
+        // You can subscribe to state variable
+        if (state.error) {
+            console.log(state.error);
+        }
+    }, [state]);
+    return (
+        <Form state={state} action={action} schema={userSchema} onError={(err) => {
+            // You can use the <Form> onError callback
+            toast.error(err);
+        }}>
+            // You can render some component if state error is present
+            {state.error && <p>An error occurred: {state.error}</p>}
+            <FormField
+                name="name"
+                render={(field) => (
+                    <div>
+                        <label htmlFor={field.input.id} className={field.invalid ? 'text-red-500' : ''}>
+                        Name
+                        </label>
+                        <input {...field.input} type="text" />
+                        {field.invalid && <p className="text-red-500">{field.invalid}</p>}
+                    </div>
+                )}
+            />
+
+            <button type="submit" disabled={pending}>Save</button>
+        </Form>
+    );
+}
+```
 
 ## TypeScript Support
 
@@ -152,6 +355,46 @@ The library is written in TypeScript and provides full type safety:
 - Proper error typing
 - IDE autocompletion support
 
+## Caveats
+
+### datetime-local input type
+
+In the standard html (as the time of writing) we have two kinds of date input
+
+- `<input type="date">` which represent a yyyy-MM-dd date
+- `<input type="datetime-local">` which represent a yyyy-MM-ddTHH:mm
+  Since from a zod rule like `z.coerce.date()` we cannot know if the user is using a `<input type="date">` or `<input type="datetime-local">` we are, by default, assuming you are using a type="date" field.
+  So, inside the `render` method of the `<FormField>` component, we are returning a yyyy-MM-dd formatted string inside the `field.input.defaultValue`
+
+So this will work
+
+```typescript
+<FormField
+    name="dateField"
+    render={(field) => (
+        <input {...field.input} type="date" />
+    )}
+/>
+```
+
+Instead for working with `datetime-local` inputs we are exposing a helper method to retrieve the defaultValue to assing to the input to be sure that we will not loose the field state across submits
+
+```typescript
+import { datetimeToInputDefaultValue } from 'react-server-actions';
+...
+<FormField
+    name="dateField"
+    render={(field) => (
+        <input {...field.input} type="datetime-local" defaultValue={field.value ? datetimeToInputDefaultValue(field.value) : ''} />
+    )}
+/>
+```
+
+### select defaultValue
+
+In react 19 there is an open issue https://github.com/facebook/react/issues/30580 that prevents the defaultValue to correctly set the select value.
+According to this comment https://github.com/facebook/react/issues/30580#issuecomment-2537962675 there is a workaround by setting the 'key' attribute of the select.
+
 ## Contributing
 
 Contributions are welcome! Please read our contributing guidelines before submitting a pull request.

package/dist/client/helpers.js

@@ -37,10 +37,10 @@ export function getZodValidationAttributes(schema, path, options) {
         attrs.type = 'text';
         if (def.checks) {
             for (const check of def.checks) {
-                if (check.kind === 'min') {
+                if (check.kind === 'minlength') {
                     attrs.minLength = check.value;
                 }
-                if (check.kind === 'max') {
+                if (check.kind === 'maxlength') {
                     attrs.maxLength = check.value;
                 }
                 if (check.kind === 'email') {

package/dist/client/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/client/helpers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/client/helpers.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-server-actions",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "A package for working with actions in React and Next.js",
   "keywords": [
     "next",