ClintchizandClaude Opus 5
949cf78636
DataTable replaces the 20-line Table scaffold entirely: columns, sorting, filtering, pagination, selection, bulk actions, comparison layout, sticky first column, custom HTML cells, and a remote source driven by a `request` output rather than a function prop (props travel as HTML attributes, so a function arrives as its own source text). Toaster replaces the hand-rolled status div: tone icons, actions, hover pause/resume and a progress bar. Overlays audit -- Modal and Drawer declared aria-modal="true" but nothing ever moved focus into the panel, so the @keydown handler on their root never ran and closeOnEscape did nothing. Focus, focus restore, a Tab trap and a body scroll lock now live in the reactive runtime, shared by both. ContextMenu placed pointer menus by subtracting a guessed 340x420 from the viewport, which pushed every menu that was not that size away from the pointer; it now positions at the pointer and lets the anchored clamp pull it back once it can be measured. The reactive runtime size budget moves 150k -> 175k to cover anchored overlays, dialog behaviour, the toaster and the DataTable client half. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
12 lines
572 B
TypeScript
12 lines
572 B
TypeScript
// One schema, two consumers: the browser validates the invite form against
|
|
// the descriptor emitted from this file, and /api/invite parses the same
|
|
// schema server-side. Keeping a single definition is the point — a rule added
|
|
// here tightens both sides at once, and the client can never drift into
|
|
// accepting something the server rejects.
|
|
import { v } from "@wrnexus/validation";
|
|
|
|
export default v.object({
|
|
email: v.string().trim().email("Enter a valid email address"),
|
|
message: v.string().trim().max(140, "Keep the note under 140 characters").optional(),
|
|
});
|