@playfast/reform-forms 1.0.1 → 1.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@playfast/reform-forms",
   "playbook": "./playbook",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "type": "module",
   "description": "Headless, schema-driven form state for reform — values, validation, field limitations, list operations, and submit flow, rendering nothing.",
   "keywords": [

package/src/form.test.ts

@@ -1,7 +1,7 @@
-import { expect, test } from 'vitest'
-import { Effect, Layer, ManagedRuntime, 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,82 +11,81 @@ 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', { schema: CheckoutSchema }) {}
+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));
 
-test('field bindings write through the form reducer', async () => {
-  const runtime = ManagedRuntime.make(layer)
-  try {
-    await runtime.runPromise(
-      Effect.gen(function* () {
-        const view = yield* Form.view(CheckoutForm)
-        view.field('email').set('a@example.com')
+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 next = yield* waitUntil(Form.view(CheckoutForm), (v) => v.values.email === 'a@example.com')
-        expect(next.field('email').dirty).toBe(true)
-      }),
-    )
-  } finally {
-    await runtime.dispose()
-  }
-})
+    const next = yield* waitUntil(
+      Form.view(CheckoutForm),
+      (v) => v.values.email === "a@example.com",
+    );
+    expect(next.field("email").dirty).toBe(true);
+  }).pipe(Effect.provide(layer)),
+);
 
-test('array bindings append and remove items', async () => {
-  const runtime = ManagedRuntime.make(layer)
-  try {
-    await runtime.runPromise(
-      Effect.gen(function* () {
-        const view = yield* Form.view(CheckoutForm)
-        view.array('items').append({ name: 'milk', qty: 1 })
+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 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([])
-      }),
-    )
-  } finally {
-    await runtime.dispose()
-  }
-})
+    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)),
+);
 
-test('submit routes custom validation errors to fields', async () => {
-  const runtime = ManagedRuntime.make(layer)
-  try {
-    await runtime.runPromise(
-      Effect.gen(function* () {
-        const view = yield* Form.view(CheckoutForm)
-        view.submit()
+it.scopedLive("submit routes custom validation errors to fields", () =>
+  Effect.gen(function* () {
+    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 @')
-      }),
-    )
-  } finally {
-    await runtime.dispose()
-  }
-})
+    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)),
+);