@beignet/react-hook-form 0.0.51 → 0.0.53

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @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
+
+- b39bb6e: Clarify that Beignet applications require Node.js 22.12 or newer and can use
+  npm, pnpm, Yarn, or Bun for package management and framework commands.
+
 ## 0.0.51
 
 ## 0.0.50

package/README.md

@@ -1,7 +1,6 @@
 # @beignet/react-hook-form
 
-> **Runtime:** Beignet requires Node.js 22.12 or newer. Bun 1.3.14 or newer is
-> supported for Beignet commands.
+> **Runtime:** Beignet requires Node.js 22.12 or newer. Bun is optional.
 
 > React Hook Form integration for Beignet
 
@@ -36,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";
 
@@ -49,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);
   });
 
@@ -68,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>
@@ -89,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();
 
@@ -101,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."));
@@ -115,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.51",
+  "version": "0.0.53",
   "type": "module",
   "description": "React Hook Form integration for Beignet with Standard Schema support",
   "main": "./dist/index.js",
@@ -66,7 +66,7 @@
     "@hookform/resolvers": "^5.2.2",
     "@testing-library/dom": "^9.3.4",
     "@testing-library/react": "^14.3.1",
-    "@types/bun": "^1.3.13",
+    "@types/bun": "^1.4.0",
     "@types/node": "^22.0.0",
     "@types/react": "^18.2.0",
     "happy-dom": "^20.8.9",