@playfast/reform-forms 1.1.1 → 1.2.0

package/README.md

@@ -13,7 +13,7 @@ Values, validation, field metadata, list operations, submit flow, and correlatio
 
 ---
 
-`@playfast/reform-forms` owns everything a form needs *except* its widgets. It has no DOM and no React API — it produces a typed, platform-neutral view that any renderer can map. Pair it with [`@playfast/reform-forms-react`](https://www.npmjs.com/package/@playfast/reform-forms-react) for typed JSX, or consume the view directly from a custom host.
+`@playfast/reform-forms` owns everything a form needs _except_ its widgets. It has no DOM and no React API — it produces a typed, platform-neutral view that any renderer can map. Pair it with [`@playfast/reform-forms-react`](https://www.npmjs.com/package/@playfast/reform-forms-react) for typed JSX, or consume the view directly from a custom host.
 
 ## Install
 
@@ -61,9 +61,7 @@ const CheckoutFormLive = Form.live(CheckoutForm, {
     items: { minItems: 1, maxItems: inputs.settings.maxItems },
   }),
   validate: ({ values }) =>
-    values.email.includes('@')
-      ? undefined
-      : Form.error('email', 'Email must contain @'),
+    values.email.includes('@') ? undefined : Form.error('email', 'Email must contain @'),
   submit: ({ decoded, inputs }) => saveCheckout(decoded, inputs.user.id),
 })
 ```
@@ -71,7 +69,7 @@ const CheckoutFormLive = Form.live(CheckoutForm, {
 Read the form inside compositions with `Form.view(CheckoutForm)` — a typed, platform-neutral object:
 
 ```ts
-const form = yield* Form.view(CheckoutForm)
+const form = yield * Form.view(CheckoutForm)
 
 form.field('email').set('a@example.com')
 form.array('items').append({ name: 'Milk', qty: 1 })

package/package.json

@@ -1,37 +1,39 @@
 {
   "name": "@playfast/reform-forms",
-  "playbook": "./playbook",
-  "version": "1.1.1",
-  "type": "module",
+  "version": "1.2.0",
   "description": "Headless, schema-driven form state for reform — values, validation, field limitations, list operations, and submit flow, rendering nothing.",
   "keywords": [
-    "reform",
     "effect",
-    "forms",
     "form-state",
-    "validation",
+    "forms",
+    "headless",
+    "reform",
     "schema",
-    "headless"
+    "validation"
   ],
+  "bugs": {
+    "url": "https://github.com/playfast/reform/issues"
+  },
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/playfast/reform.git",
     "directory": "packages/forms"
   },
-  "bugs": {
-    "url": "https://github.com/playfast/reform/issues"
-  },
+  "files": [
+    "src",
+    "README.md"
+  ],
+  "type": "module",
   "sideEffects": false,
   "exports": {
     "./package.json": "./package.json",
     ".": "./src/index.ts",
     "./*": "./src/*.ts"
   },
-  "files": [
-    "src",
-    "README.md"
-  ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "clean": "rm -rf dist .tsbuildinfo",
     "check": "tsc --noEmit",
@@ -43,10 +45,8 @@
     "lint:fix": "oxlint --fix src"
   },
   "peerDependencies": {
-    "effect": "*",
-    "@playfast/reform": "*"
+    "@playfast/reform": "*",
+    "effect": "*"
   },
-  "publishConfig": {
-    "access": "public"
-  }
+  "playbook": "./playbook"
 }

package/src/form.test.ts

@@ -1,7 +1,7 @@
-import { expect, it } from "@effect/vitest";
-import { Effect, Layer, Option, Schema as S } from "effect";
-import { Engine } from "@playfast/reform";
-import * as Form from "./form";
+import { expect, it } from '@effect/vitest'
+import { Effect, Layer, Option, Schema as S } from 'effect'
+import { Engine } from '@playfast/reform'
+import * as Form from './form'
 
 const waitUntil = <A, R>(
   read: Effect.Effect<A, never, R>,
@@ -11,81 +11,66 @@ const waitUntil = <A, R>(
   Effect.flatMap(read, (value) =>
     pred(value) || rounds <= 0
       ? Effect.succeed(value)
-      : Effect.flatMap(Effect.yieldNow(), () =>
-          waitUntil(read, pred, rounds - 1),
-        ),
-  );
+      : Effect.flatMap(Effect.yieldNow(), () => waitUntil(read, pred, rounds - 1)),
+  )
 
 const CheckoutSchema = S.Struct({
   email: S.String,
   items: S.Array(S.Struct({ name: S.String, qty: S.Number })),
   payment: S.Union(
-    S.TaggedStruct("Card", { cardNumber: S.String }),
-    S.TaggedStruct("Paypal", { email: S.String }),
+    S.TaggedStruct('Card', { cardNumber: S.String }),
+    S.TaggedStruct('Paypal', { email: S.String }),
   ),
-});
+})
 
-class CheckoutForm extends Form.make("CheckoutForm", {
+class CheckoutForm extends Form.make('CheckoutForm', {
   schema: CheckoutSchema,
 }) {}
 
 const layer = Form.live(CheckoutForm, {
   initial: {
-    email: "",
+    email: '',
     items: [],
-    payment: { _tag: "Card", cardNumber: "" },
+    payment: { _tag: 'Card', cardNumber: '' },
   },
   validate: ({ values }) =>
-    values.email.includes("@")
-      ? undefined
-      : Form.error("email", "Email must contain @"),
-}).pipe(Layer.provideMerge(Engine));
+    values.email.includes('@') ? undefined : Form.error('email', 'Email must contain @'),
+}).pipe(Layer.provideMerge(Engine))
 
-it.scopedLive("field bindings write through the form reducer", () =>
+it.scopedLive('field bindings write through the form reducer', () =>
   Effect.gen(function* () {
-    const view = yield* Form.view(CheckoutForm);
-    view.field("email").set("a@example.com");
+    const view = yield* Form.view(CheckoutForm)
+    view.field('email').set('a@example.com')
 
     const next = yield* waitUntil(
       Form.view(CheckoutForm),
-      (v) => v.values.email === "a@example.com",
-    );
-    expect(next.field("email").dirty).toBe(true);
+      (v) => v.values.email === 'a@example.com',
+    )
+    expect(next.field('email').dirty).toBe(true)
   }).pipe(Effect.provide(layer)),
-);
+)
 
-it.scopedLive("array bindings append and remove items", () =>
+it.scopedLive('array bindings append and remove items', () =>
   Effect.gen(function* () {
-    const view = yield* Form.view(CheckoutForm);
-    view.array("items").append({ name: "milk", qty: 1 });
+    const view = yield* Form.view(CheckoutForm)
+    view.array('items').append({ name: 'milk', qty: 1 })
 
-    const withItem = yield* waitUntil(
-      Form.view(CheckoutForm),
-      (v) => v.values.items.length === 1,
-    );
-    expect(withItem.array("items").items[0]?.key).toMatch(/^form-item-/);
+    const withItem = yield* waitUntil(Form.view(CheckoutForm), (v) => v.values.items.length === 1)
+    expect(withItem.array('items').items[0]?.key).toMatch(/^form-item-/)
 
-    withItem.array("items").remove(0);
-    const empty = yield* waitUntil(
-      Form.view(CheckoutForm),
-      (v) => v.values.items.length === 0,
-    );
-    expect(empty.values.items).toEqual([]);
+    withItem.array('items').remove(0)
+    const empty = yield* waitUntil(Form.view(CheckoutForm), (v) => v.values.items.length === 0)
+    expect(empty.values.items).toEqual([])
   }).pipe(Effect.provide(layer)),
-);
+)
 
-it.scopedLive("submit routes custom validation errors to fields", () =>
+it.scopedLive('submit routes custom validation errors to fields', () =>
   Effect.gen(function* () {
-    const view = yield* Form.view(CheckoutForm);
-    view.submit();
+    const view = yield* Form.view(CheckoutForm)
+    view.submit()
 
-    const invalid = yield* waitUntil(
-      Form.view(CheckoutForm),
-      (v) => v.validationCount > 0,
-    );
-    const error = invalid.field("email").error;
-    expect(Option.isSome(error) ? error.value : undefined).toBe(
-      "Email must contain @",
-    );
+    const invalid = yield* waitUntil(Form.view(CheckoutForm), (v) => v.validationCount > 0)
+    const error = invalid.field('email').error
+    expect(Option.isSome(error) ? error.value : undefined).toBe('Email must contain @')
   }).pipe(Effect.provide(layer)),
-);
+)