@playfast/reform-forms 0.0.7 → 0.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@playfast/reform-forms",
   "playbook": "./playbook",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "description": "Headless, schema-driven form state for reform — values, validation, field limitations, list operations, and submit flow, rendering nothing.",
   "keywords": [
@@ -29,7 +29,7 @@
     "./*": "./src/*.ts"
   },
   "files": [
-    "dist",
+    "src",
     "README.md"
   ],
   "scripts": {

package/src/form.test.ts

@@ -0,0 +1,92 @@
+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'
+
+const waitUntil = <A, R>(
+  read: Effect.Effect<A, never, R>,
+  pred: (value: A) => boolean,
+  rounds = 100,
+): Effect.Effect<A, never, R> =>
+  Effect.flatMap(read, (value) =>
+    pred(value) || rounds <= 0
+      ? Effect.succeed(value)
+      : 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 }),
+  ),
+})
+
+class CheckoutForm extends Form.make('CheckoutForm', { schema: CheckoutSchema }) {}
+
+const layer = Form.live(CheckoutForm, {
+  initial: {
+    email: '',
+    items: [],
+    payment: { _tag: 'Card', cardNumber: '' },
+  },
+  validate: ({ values }) =>
+    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')
+
+        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()
+  }
+})
+
+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 })
+
+        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()
+  }
+})
+
+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()
+
+        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()
+  }
+})