@beignet/react-hook-form 0.0.52 → 0.0.53

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @beignet/react-hook-form
 
+## 0.0.53
+
+### Patch Changes
+
+- a05562d: Align form and provider documentation with the generated starter's contracts, cache invalidation, and existing server wiring.
+
 ## 0.0.52
 
 ### Patch Changes

package/README.md

@@ -35,6 +35,10 @@ boundaries, or field/server error mapping in a Beignet app.
 
 ### Basic form
 
+These examples use the Todos contracts from the Beignet starter. Create accepts
+`title`; completion belongs to the update contract. For a working form with
+verification steps, follow the [form guide](https://beignetjs.com/react-hook-form).
+
 ```tsx
 "use client";
 
@@ -48,12 +52,11 @@ function CreateTodoForm() {
   const form = useForm({
     defaultValues: {
       title: "",
-      completed: false,
     },
   });
 
   const onSubmit = form.handleSubmit((values) => {
-    // values is the parsed schema output: { title: string; completed?: boolean }
+    // values is the parsed schema output: { title: string }
     console.log("Creating todo:", values);
   });
 
@@ -67,11 +70,6 @@ function CreateTodoForm() {
         <p className="error">{form.formState.errors.title.message}</p>
       )}
 
-      <label>
-        <input type="checkbox" {...form.register("completed")} />
-        Completed
-      </label>
-
       <button type="submit" disabled={form.formState.isSubmitting}>
         Create Todo
       </button>
@@ -88,7 +86,7 @@ function CreateTodoForm() {
 import { createReactHookForm, rootFormError } from "@beignet/react-hook-form";
 import { useMutation } from "@tanstack/react-query";
 import { rq } from "@/client";
-import { createTodo } from "@/features/todos/contracts";
+import { createTodo, listTodos } from "@/features/todos/contracts";
 
 const rhf = createReactHookForm();
 
@@ -100,6 +98,7 @@ function CreateTodoForm() {
 
   const mutation = useMutation(
     rq(createTodo).mutationOptions({
+      invalidates: () => [rq(listTodos).contractFilter()],
       onSuccess: () => form.reset(),
       onError: (error) => {
         form.setError("root", rootFormError(error, "Could not create the todo."));
@@ -114,7 +113,7 @@ function CreateTodoForm() {
 
   return (
     <form onSubmit={onSubmit}>
-      <input {...form.register("title")} placeholder="Title" />
+      <input {...form.register("title")} placeholder="Title" readOnly={mutation.isPending} />
       {form.formState.errors.title && (
         <p>{form.formState.errors.title.message}</p>
       )}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beignet/react-hook-form",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "type": "module",
   "description": "React Hook Form integration for Beignet with Standard Schema support",
   "main": "./dist/index.js",