René's URL Explorer Experiment

Title: feat(forms): graduate forms toward Stable — progressive-enhancement actions + optimistic updates (#139, #140) by JosunLP · Pull Request #156 · bQuery/bQuery · GitHub

Open Graph Title: feat(forms): graduate forms toward Stable — progressive-enhancement actions + optimistic updates (#139, #140) by JosunLP · Pull Request #156 · bQuery/bQuery

X Title: feat(forms): graduate forms toward Stable — progressive-enhancement actions + optimistic updates (#139, #140) by JosunLP · Pull Request #156 · bQuery/bQuery

Description: Collected PR for both open forms tickets, implemented on one branch. Closes #139 Closes #140 #139 — Promote forms to Stable (freeze the 1.13 surface) The forms surface expanded materially in 1.13.0 and has documented sharp edges. This freezes the surface for one minor cycle and settles those edges into guaranteed, tested contracts: validationStrategy default reviewed + documented. The default stays 'manual' (the least-surprising choice for "validate on submit"). The contract is now explicit: handleSubmit() always runs the full validation pass, regardless of strategy — validationStrategy only gates automatic per-change/per-blur validation. Behaviour is unchanged; the surprise is removed by documentation. SSR serialization boundary is now guaranteed. serializeFormState() deterministically drops functions, File / Blob / FileList, bigint, and symbol via an explicit replacer, instead of relying on incidental JSON.stringify behaviour. Re-attach blobs on the client after hydration. createFieldArray() stable-key contract validated with clear errors. New optional getKey enforces present, unique keys on every structural mutation and throws a descriptive error naming the offending key (e.g. "requires stable, unique item keys, but getKey returned "a" for both index 0 and index 1"). Adds keys() / keyAt(index). Without getKey the array stays positional — no behaviour change. Surface frozen + documented. New Stability section in the Forms guide with the exit-criteria checklist and frozen-surface reference; module header and stability matrices updated to "targeting Stable in 1.15.0". #140 — Progressive-enhancement form actions + optimistic updates The headline React-19-parity feature: forms that work before/without JS and reconcile optimistically. import { formAction, useFormStatus, optimistic } from '@bquery/bquery/forms'; const submit = formAction('/todos', { method: 'POST', csrf: () => csrfToken }); const { pending } = useFormStatus(submit); const list = optimistic(todos, (cur, draft) => [...cur, draft]); submit.enhance(document.querySelector('form')!); // native POST without JS; fetch-enhanced with JS formAction(target, options) → reactive pending / error / result / submitCount / submittedAt; enhance(form) sets the native action/method (+ optional hidden CSRF field) for the no-JS path, then intercepts submit for a fetch-based, optimistic-aware submit; programmatic submit(formData); reset(). target is an endpoint URL or a function. Non-OK responses throw FormActionError (carrying status / response). Composes with the validation pipeline and the server module's csrf() (#132). Native forms only support GET/POST, so PUT/PATCH/DELETE degrade to a native POST (the enhanced fetch keeps the real verb). useFormStatus(action) → read-only readonly() views of the action's signals, mirroring React 19's useFormStatus. optimistic(base, reducer) → an optimistic-update primitive whose reactive value folds pending drafts over the base and reverts automatically. add(draft) → handle with remove(); run(draft, task) applies the overlay around an async task; pending / drafts reactive; clear(). Quality 28 new tests across tests/forms-stable.test.ts (field-array key contract, SSR boundary, validationStrategy timing) and tests/forms-actions.test.ts (formAction function + string targets, CSRF, enhance/PE, optimistic composition, useFormStatus). Full suite 2882 pass / 0 fail; tsc --noEmit, eslint, check-full-bundle (in sync), check-doc-exports (forms 46/46), and build:lib / build:types / build:umd all green. New public exports (formAction, useFormStatus, optimistic, FormActionError, FieldArrayKeyFn + action/optimistic types) are wired into src/full.ts and documented in the guide. 🤖 Generated with Claude Code

Open Graph Description: Collected PR for both open forms tickets, implemented on one branch. Closes #139 Closes #140 #139 — Promote forms to Stable (freeze the 1.13 surface) The forms surface expanded materially in 1.13.0...

X Description: Collected PR for both open forms tickets, implemented on one branch. Closes #139 Closes #140 #139 — Promote forms to Stable (freeze the 1.13 surface) The forms surface expanded materially in 1.13.0...

Opengraph URL: https://github.com/bQuery/bQuery/pull/156

X: @github

direct link

Domain: github.com

Links:

Viewport: width=device-width