@rsc-kit/core 0.22.5 → 0.22.7

package/dist/js/Form.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useActionState, useState, useSyncExternalStore, useTransition, } from "react";
+import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useActionState, useState, useSyncExternalStore, useTransition, } from "react";
 import { submitForm } from "../formSubmit";
 import { ServerValidationError, ServerDumpError, ServerRedirectError, redirectedTo } from "./errors";
 import { buildFormData, decodeFormData } from "./formEncoding";
@@ -252,6 +252,14 @@ export default function Form({ action, method: methodProp, defaultValues, store:
     // the value its closure captured is the one from before the submit began.
     const pendingRef = useRef(false);
     pendingRef.current = isPending;
+    // A reset owed by a successful submit, performed in the commit that ends
+    // it. The action resolves a tick before React commits its transition - the
+    // result, whatever the action revalidated, pending going false - and a
+    // reset done on resolve was a DOM write with a frame of its own: a chat's
+    // composer emptied before the reply it was answered with appeared. In a
+    // layout effect of the commit where pending turns false, it lands in the
+    // same frame as the result, before the browser paints.
+    const resetOwed = useRef(null);
     // What the form started with, as its FormData reads: the baseline `dirty`
     // is measured against. Taken on mount, retaken after a successful submit.
     const baseline = useRef(null);
@@ -291,6 +299,20 @@ export default function Form({ action, method: methodProp, defaultValues, store:
         remeasure.current = false;
         measureDirty();
     });
+    useLayoutEffect(() => {
+        const owed = resetOwed.current;
+        if (!owed || isPending)
+            return;
+        resetOwed.current = null;
+        store.reset();
+        formRef.current?.reset();
+        setTouched({});
+        setCurrentData({});
+        snapshot();
+        // After the reset, as it always ran: an onSuccess that fills or focuses a
+        // field must not have the reset undo it.
+        onSuccess?.(owed.result);
+    });
     // Both handles, one element. React 19 hands a function component its ref
     // as a prop, and spread after the form's own it replaced it - every
     // FormData read then found null. A caller's ref is filled beside ours.
@@ -430,20 +452,19 @@ export default function Form({ action, method: methodProp, defaultValues, store:
                     }
                     return;
                 }
-                if (resetOnSuccess) {
-                    store.reset();
-                    formRef.current?.reset();
-                    setTouched({});
-                    setCurrentData({});
-                }
-                // Saved: what is in the form now is what the server has.
-                snapshot();
+                // Owed, not done: see resetOwed. Saved, so what is in the form is
+                // what the server has - measured after the reset where there is one.
+                if (resetOnSuccess)
+                    resetOwed.current = { result };
+                else
+                    snapshot();
                 setErrors({});
                 setSucceeded(true);
                 setRecentlySucceeded(true);
                 clearTimeout(recentTimer.current);
                 recentTimer.current = setTimeout(() => setRecentlySucceeded(false), 2_000);
-                onSuccess?.(result);
+                if (!resetOnSuccess)
+                    onSuccess?.(result);
             }
             catch (err) {
                 // A redirect no longer arrives here - callServer resolves after

package/dist/js/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/js/Form.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport type { Route } from \"../routes.js\";\nimport {\n  type FormHTMLAttributes,\n  type FormEvent,\n  type ReactNode,\n  type Ref,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useActionState,\n  useState,\n  useSyncExternalStore,\n  useTransition,\n} from \"react\";\nimport { submitForm } from \"../formSubmit\";\nimport { ServerValidationError, ServerDumpError, ServerRedirectError, redirectedTo } from \"./errors\";\nimport { buildFormData, decodeFormData } from \"./formEncoding\";\nimport { createFormStore } from \"./formStore\";\nimport type { FormStore } from \"./formStore\";\nimport { validateWith } from \"./standardSchema\";\nimport type { StandardSchemaV1 } from \"./standardSchema\";\n\n/**\n * How long a blur that leaves the form waits before checking the field. A\n * dialog's exit animation is shorter than this; a form still on screen after\n * it is one somebody is looking at.\n */\nconst LEAVE_FORM_SETTLE_MS = 300;\n\ntype PrefetchStrategy = \"hover\" | \"mount\" | \"none\";\n\n/**\n * What `field(name)` hands a control, spread straight onto it.\n *\n * The same four things react-hook-form's `<Controller>` gives, because it is\n * the same job: a component with no native control behind it needs a value and\n * a way to report a new one.\n */\ninterface FieldBinding<V> {\n  name: string;\n  value: V;\n  /**\n   * Either shape: a DOM event, or the value itself.\n   *\n   * A native input passes the event; a Radix select or a rich editor passes\n   * what was chosen. A binder understanding only one of them would work on\n   * half the controls anyone actually uses.\n   */\n  onChange: (next: V | { target: { value: V } }) => void;\n  onBlur: () => void;\n}\n\n/**\n * A field's name: one the form declared, suggested by the editor - or any\n * path, because a nested or indexed field (`address.city`, `items[0].name`)\n * is a real name no defaultValues object can declare. The typo that matters\n * is caught on `field()`, which is closed to the declared names.\n */\ntype FieldPath<T> = (keyof T & string) | (string & {});\n\ninterface FormRenderProps<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> {\n  pending: boolean;\n  /** What is being submitted, while it is. */\n  data: T;\n  /**\n   * A field's error, or undefined: the one way to read one.\n   *\n   *     {error('title') && <p>{error('title')}</p>}\n   *     <Field data-invalid={!!error('title')}>\n   *\n   * Nested paths join with dots - `error('address.city')`, the key a Standard\n   * Schema issue for that field produces. A field is checked when it is left\n   * and when the form is submitted, so an error never appears on a field\n   * nobody has reached yet.\n   */\n  error: (field: FieldPath<T>) => string | undefined;\n  clearErrors: (...fields: FieldPath<T>[]) => void;\n  reset: () => void;\n  /**\n   * Whether anything differs from what the form started with.\n   *\n   * For the Save button that stays quiet until there is something to save,\n   * and the Discard that appears beside it. Read from the form itself - a\n   * snapshot of its FormData on mount, compared on every input - so an\n   * uncontrolled field counts, which nothing outside the form can do. A\n   * successful submit makes the current values the new baseline; `reset()`\n   * goes back to the first one.\n   */\n  dirty: boolean;\n  /** Whether the last submit was accepted. */\n  succeeded: boolean;\n  /**\n   * The same thing, for two seconds.\n   *\n   * The \"Saved ✓\" that appears and fades. Worth having as state rather than a\n   * timer in every form that wants one, because the timer has to be cleared\n   * when the component goes away and that is the part people forget.\n   */\n  recentlySucceeded: boolean;\n  /**\n   * Bind one field so this component holds its value.\n   *\n   * Most fields need nothing: they are uncontrolled, the DOM holds the value,\n   * and it is read back as FormData on submit. Reach for this when the DOM\n   * cannot hold it for you — a control with no native element behind it, or a\n   * value you want to read as it is typed:\n   *\n   *     <Input {...field('title')} />\n   *     <span>{field('body').value.length}/100</span>\n   *\n   * A bound field is still an ordinary named input, so it arrives in FormData\n   * with everything else. Nothing merges; there is one source of truth.\n   */\n  field: <K extends keyof T & string>(name: K) => FieldBinding<T[K]>;\n}\n\ninterface FormProps<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> extends Omit<\n  FormHTMLAttributes<HTMLFormElement>,\n  \"action\" | \"method\" | \"children\" | \"onSubmit\" | \"onError\"\n> {\n  action: Route | ((formData: FormData) => Promise<unknown>);\n  method?: \"get\" | \"post\";\n  /**\n   * The <form> element, for a caller that needs it - to focus, to scroll to,\n   * to hand a library. The form keeps its own handle beside it; a caller's\n   * never replaces it.\n   */\n  ref?: Ref<HTMLFormElement>;\n  /**\n   * Starting values for fields bound with `field()`.\n   *\n   * Uncontrolled fields do not need this — they take React's own\n   * `defaultValue`, and the DOM keeps whatever is typed into them.\n   */\n  defaultValues?: Partial<T>;\n  /**\n   * A store created above this form, from `useFormStore()`.\n   *\n   * For the one case the context cannot reach: something that is not a\n   * descendant — a top bar showing unsaved changes, a sidebar preview — needs\n   * the values to exist above both of them. Create the store where they share\n   * an ancestor and hand it down.\n   *\n   * Without it the form makes its own, which is what almost every form wants.\n   */\n  store?: FormStore;\n  prefetch?: PrefetchStrategy;\n  cacheFor?: number;\n  replace?: boolean;\n  preserveScroll?: boolean;\n  resetOnSuccess?: boolean;\n  /**\n   * Check the fields before submitting, with any Standard Schema — Zod,\n   * Valibot, ArkType.\n   *\n   * A failure fills `errors` and the action is never called, so a mistake\n   * costs no round trip. It is a courtesy and not a control: the same action\n   * is reachable without this form, so the server still has to check.\n   */\n  schema?: StandardSchemaV1;\n  /** Transform form data before submitting to the server action. */\n  transform?: (data: T) => Record<string, unknown>;\n  /** Called inside the transition with typed form data. Use it to call your useOptimistic setter. */\n  optimistic?: (data: T) => void;\n  onSuccess?: (result: unknown) => void;\n  /**\n   * Called when a submit does not succeed.\n   *\n   * Validation failures arrive as field errors, with no second argument.\n   * Anything else arrives as an empty error map and the thrown value — there\n   * are no field errors to report, but the form still has to say so.\n   */\n  onError?: (errors: Record<string, string[]>, error?: unknown) => void;\n  onSubmit?: (formData: FormData) => void | false;\n  children: ReactNode | ((form: FormRenderProps<T>) => ReactNode);\n}\n\n/**\n * What an action built with createActionClient answers with.\n *\n * Recognised rather than thrown, because React serialises a rejected server\n * action opaquely: production strips the message and the fields it named are\n * gone. A returned object crosses intact, so a form reads it.\n */\nfunction resultOf(\n  value: unknown,\n): { errors?: Record<string, string[]>; serverError?: string; redirected?: string } | null {\n  if (typeof value !== \"object\" || value === null) return null;\n\n  const result = value as {\n    validationErrors?: Record<string, string[]>;\n    serverError?: string;\n    redirected?: string;\n  };\n\n  if (result.validationErrors) return { errors: result.validationErrors };\n  if (result.serverError) return { serverError: result.serverError };\n  if (typeof result.redirected === \"string\") return { redirected: result.redirected };\n\n  return null;\n}\n\nconst FormStatusContext = createContext<FormRenderProps>({\n  pending: false,\n  data: {},\n  dirty: false,\n  error: () => undefined,\n  clearErrors: () => {},\n  reset: () => {},\n  succeeded: false,\n  recentlySucceeded: false,\n  // Outside a Form there is nothing holding a value, so a binding that reported\n  // one would be lying. Name only, which is the part that is still true.\n  field: ((name: string) => ({\n    name,\n    value: \"\",\n    onChange: () => {},\n    onBlur: () => {},\n  })) as FormRenderProps[\"field\"],\n});\n\n/**\n * The store, on its own context.\n *\n * Separate from the status context because that one holds a fresh object every\n * render, so anything reading it re-renders with the form. The store is stable\n * for the life of the form, which is what lets a subscriber below it re-render\n * alone.\n */\nconst FormStoreContext = createContext<{\n  store: FormStore;\n  touch: (name: string) => void;\n} | null>(null);\n\n/**\n * A value store created above the form rather than by it.\n *\n *     const store = useFormStore({ title: '' })\n *\n *     <TopBar store={store} />              // not inside the form\n *     <Form action={save} store={store}>…</Form>\n *\n * For the one case the context cannot reach. `<Form>` makes its own otherwise,\n * and almost every form should let it — this exists so that a component which\n * is not a descendant can still read the values, which is the flexibility\n * react-hook-form and TanStack Form get from `useForm()` being yours to call.\n *\n * Deliberately not reactive itself: creating the store does not subscribe to\n * it, so the component holding it does not re-render on every keystroke and\n * take the whole subtree with it. Read a field from it with `useField(name, store)`.\n */\nexport function useFormStore<T extends Record<string, unknown>>(\n  initial: Partial<T> = {},\n): FormStore {\n  const ref = useRef<FormStore | null>(null);\n\n  ref.current ??= createFormStore({ ...initial });\n\n  return ref.current;\n}\n\n/**\n * The form this component is inside: the same object `<Form>`'s render prop\n * gets, so a field split into its own component is written exactly as it\n * was inline.\n *\n *     function Title() {\n *       const { field, error } = useForm()\n *\n *       return (\n *         <>\n *           <input name=\"title\" />\n *           {error('title') && <p>{error('title')}</p>}\n *         </>\n *       )\n *     }\n *\n * Not React's `useFormStatus`, which is a different hook with a different\n * answer - which is why this one is not called that.\n */\nexport function useForm<\n  T extends Record<string, unknown> = Record<string, unknown>,\n>(): FormRenderProps<T> {\n  return useContext(FormStatusContext) as FormRenderProps<T>;\n}\n\n/**\n * One field, subscribed on its own - for a large controlled form.\n *\n * The same two words as everywhere else, for one name: `field` to spread,\n * `error` to show. The component re-renders when this field changes and at no\n * other time, where `useForm()` re-renders with the whole form. Reach for it\n * when re-rendering all of a form per keystroke is real:\n *\n *     function Title() {\n *       const { field, error } = useField('title')\n *\n *       return <Input {...field} aria-invalid={!!error} />\n *     }\n *\n * Given a store, it reads a form from outside it - see useFormStore.\n */\nexport function useField(\n  name: string,\n  store?: FormStore,\n): { field: FieldBinding<string>; error: string | undefined } {\n  const ctx = useContext(FormStoreContext);\n  const status = useContext(FormStatusContext);\n\n  if (!ctx && !store) {\n    throw new Error(\n      \"useField() was called outside a <Form>. It reads that form's values, so there has to be one above it.\",\n    );\n  }\n\n  const source = store ?? ctx!.store;\n  const touch = ctx?.touch;\n\n  const value = useSyncExternalStore(\n    source.subscribe,\n    () => (source.get(name) ?? \"\") as string,\n    () => \"\",\n  );\n\n  return {\n    field: {\n      name,\n      value,\n      onChange: (next) => {\n        source.set(\n          name,\n          typeof next === \"object\" && next !== null && \"target\" in next\n            ? (next as { target: { value: string } }).target.value\n            : next,\n        );\n      },\n      onBlur: () => void touch?.(name),\n    },\n    error: status.error(name as never),\n  };\n}\n\n/**\n * submitForm bound to an action, once per action.\n *\n * Bound on every render, it was a fresh function with a fresh promise for\n * its bound arguments each time - and React, seating a posted form's state\n * during the server render, suspends on that promise until it settles, then\n * renders the component again, which bound again. A render that never\n * finished, on every page a form was posted to without javascript. One\n * bound function per action, and the promise settles once.\n */\nconst boundSubmits = new WeakMap<Function, (previous: unknown, formData: FormData) => Promise<unknown>>();\n\nfunction boundSubmit(action: (formData: FormData) => Promise<unknown>) {\n  let bound = boundSubmits.get(action);\n\n  if (!bound) {\n    bound = submitForm.bind(null, action);\n    boundSubmits.set(action, bound);\n  }\n\n  return bound;\n}\n\n/**\n * A form's values as one comparable string.\n *\n * FormData in document order, a file by its name and size: enough to say\n * whether anything changed, which is all `dirty` asks.\n */\nfunction serializeForm(form: HTMLFormElement): string {\n  const parts: string[] = [];\n\n  for (const [name, value] of new FormData(form)) {\n    parts.push(\n      name + \"=\" + (typeof value === \"string\" ? value : \"file:\" + value.name + \":\" + value.size),\n    );\n  }\n\n  return parts.join(\"\\n\");\n}\n\n/**\n * Also exported by name, and re-exported below, because both spellings are in\n * use: `import Form from` and `import { Form } from`.\n */\nexport default function Form<\n  T extends Record<string, unknown> = Record<string, unknown>,\n>({\n  action,\n  method: methodProp,\n  defaultValues,\n  store: providedStore,\n  prefetch = \"hover\",\n  cacheFor,\n  replace = false,\n  preserveScroll = false,\n  resetOnSuccess = true,\n  schema,\n  transform,\n  optimistic,\n  onSuccess,\n  onError,\n  onSubmit,\n  children,\n  ref: callerRef,\n  ...rest\n}: FormProps<T>) {\n  const isGetForm = typeof action === \"string\";\n  const method = methodProp ?? (isGetForm ? \"get\" : \"post\");\n\n  // The answer to this form posted without a runtime, seated by React into\n  // the form that posted it - which is the only way a visitor with no\n  // javascript sees a refusal. Registered through submitForm, bound to the\n  // action, because React hands a form-state action a (previous, formData)\n  // pair and the action takes the FormData alone. On the server a plain\n  // function - a closure, not a server reference - cannot be bound into a\n  // form; the form falls back to the action itself, and posts nothing\n  // seatable, which is all a closure could ever have done.\n  const bindable =\n    typeof action === \"function\" && (typeof window !== \"undefined\" || \"$$FORM_ACTION\" in action);\n  const [posted, formAction] = useActionState(\n    bindable ? boundSubmit(action as (formData: FormData) => Promise<unknown>) : async () => null,\n    null as unknown,\n  );\n  const postedRefusal = resultOf(posted);\n  const [errors, setErrors] = useState<Record<string, string[]>>(() => postedRefusal?.errors ?? {});\n  const [touched, setTouched] = useState<Record<string, boolean>>({});\n\n  /**\n   * Mark a field visited, and check it.\n   *\n   * Checking on blur rather than on every keystroke, because an error that\n   * appears while someone is halfway through typing an email address is a form\n   * arguing with them. Leaving the field is the moment they have finished\n   * saying what they meant.\n   *\n   * The whole object is validated and only this field's issues are kept: a\n   * Standard Schema has no notion of one field, and filtering by path is the\n   * honest way to ask it about one. Everything else's errors are left as they\n   * were, so blurring an empty field does not light up the rest of the form.\n   */\n  const touch = useCallback(\n    async (name: string) => {\n      setTouched((prev) => (prev[name] ? prev : { ...prev, [name]: true }));\n\n      if (!schema || !formRef.current) return;\n\n      const invalid = await validateWith(\n        schema,\n        decodeFormData(new FormData(formRef.current), schema),\n      );\n\n      setErrors((prev) => {\n        const next = { ...prev };\n\n        if (invalid?.[name]) next[name] = invalid[name];\n        else delete next[name];\n\n        return next;\n      });\n    },\n    [schema],\n  );\n\n  const [succeeded, setSucceeded] = useState(false);\n  const [recentlySucceeded, setRecentlySucceeded] = useState(false);\n  const recentTimer = useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined,\n  );\n\n  // Cleared on unmount: a timer that fires into a component that has gone is\n  // the warning nobody reads and the leak nobody finds.\n  useEffect(() => () => clearTimeout(recentTimer.current), []);\n\n  // Only the fields someone bound. Everything else is the DOM's.\n  //\n  // A store rather than state, so a component using `useField` can re-render\n  // for one field while this one does not. See formStore.ts.\n  const storeRef = useRef<FormStore | null>(null);\n\n  storeRef.current ??= createFormStore({\n    ...(defaultValues as Record<string, unknown> | undefined),\n  });\n\n  const store = providedStore ?? storeRef.current;\n\n  // Which names the render prop read through `field()`. A change to one of\n  // those has to re-render this component, because that is where the value is\n  // being displayed; a change to anything else does not, which is what lets a\n  // `useField` child stand on its own.\n  const readHere = useRef(new Set<string>());\n  const [, bump] = useState(0);\n\n  useEffect(\n    () =>\n      store.subscribe((name) => {\n        if (name === \"\" || readHere.current.has(name)) bump((n) => n + 1);\n      }),\n    [store],\n  );\n  const [currentData, setCurrentData] = useState<T>({} as T);\n  const [isPending, startTransition] = useTransition();\n  const formRef = useRef<HTMLFormElement>(null);\n  // Read by the delayed blur check, which runs after the render that set it:\n  // the value its closure captured is the one from before the submit began.\n  const pendingRef = useRef(false);\n  pendingRef.current = isPending;\n\n  // What the form started with, as its FormData reads: the baseline `dirty`\n  // is measured against. Taken on mount, retaken after a successful submit.\n  const baseline = useRef<string | null>(null);\n  const [dirty, setDirty] = useState(false);\n  // Only a form that reads `dirty` pays for it: the flip from clean to dirty\n  // is a render of the whole form, and a field that subscribes for itself\n  // is promised that typing in it renders it alone.\n  const dirtyRead = useRef(false);\n\n  const snapshot = useCallback(() => {\n    if (!formRef.current) return;\n\n    baseline.current = serializeForm(formRef.current);\n    setDirty(false);\n  }, []);\n\n  const measureDirty = useCallback(() => {\n    if (!dirtyRead.current || !formRef.current || baseline.current === null) return;\n\n    const now = serializeForm(formRef.current) !== baseline.current;\n\n    setDirty((was) => (was === now ? was : now));\n  }, []);\n\n  useEffect(snapshot, [snapshot]);\n\n  // A bound control with no native element behind it changes through the\n  // store, not through an input event - a Radix select - so the store is\n  // watched too. Its input, if it has one, is read back with the rest. In\n  // a microtask: the fields subscribed before this effect ran, so React's\n  // own flush of their update is queued ahead of the measure, and the\n  // element is read after it was written.\n  useEffect(() => store.subscribe(() => queueMicrotask(measureDirty)), [store, measureDirty]);\n\n  // A reset writes every bound field at once, through a render of this\n  // component; the measure has to read the elements after that commit,\n  // and a microtask queued during the reset ran before it. Marked here,\n  // measured by the effect below once the render lands.\n  const remeasure = useRef(false);\n\n  useEffect(() => {\n    if (!remeasure.current) return;\n\n    remeasure.current = false;\n    measureDirty();\n  });\n\n  // Both handles, one element. React 19 hands a function component its ref\n  // as a prop, and spread after the form's own it replaced it - every\n  // FormData read then found null. A caller's ref is filled beside ours.\n  const attachForm = useCallback(\n    (element: HTMLFormElement | null) => {\n      formRef.current = element;\n\n      if (typeof callerRef === \"function\") callerRef(element);\n      else if (callerRef) callerRef.current = element;\n    },\n    [callerRef],\n  );\n\n  const error = useCallback(\n    (field: FieldPath<T>): string | undefined => errors[field]?.[0],\n    [errors],\n  );\n\n  const clearErrors = useCallback((...fields: FieldPath<T>[]) => {\n    if (fields.length === 0) {\n      setErrors({});\n    } else {\n      setErrors((prev) => {\n        const next = { ...prev };\n        for (const f of fields) {\n          delete next[f];\n        }\n        return next;\n      });\n    }\n  }, []);\n\n  // The store first, then the DOM. A bound field renders from the store, so\n  // a DOM reset alone put its default in the element for one frame and the\n  // typed value back on the next render: a port's Discard left the name as\n  // typed while the dirty flag went clean beside it.\n  const resetForm = useCallback(() => {\n    remeasure.current = true;\n    store.reset();\n    formRef.current?.reset();\n    setErrors({});\n    setCurrentData({} as T);\n    queueMicrotask(measureDirty);\n  }, [store, measureDirty]);\n\n  useEffect(() => {\n    if (isGetForm && prefetch === \"mount\") {\n      const fn = (window as any).__rsc_prefetch;\n      fn?.(action, cacheFor);\n    }\n  }, [isGetForm, prefetch, action, cacheFor]);\n\n  const doPrefetch = useCallback(() => {\n    if (!isGetForm) return;\n    const fn = (window as any).__rsc_prefetch;\n    fn?.(action as string, cacheFor);\n  }, [isGetForm, action, cacheFor]);\n\n  const handleSubmit = useCallback(\n    async (e: FormEvent<HTMLFormElement>) => {\n      e.preventDefault();\n      const formData = new FormData(e.currentTarget);\n      const data = decodeFormData<T>(formData, schema);\n      setCurrentData(data);\n\n      if (onSubmit?.(formData) === false) {\n        return;\n      }\n\n      if (isGetForm && method === \"get\") {\n        const url = new URL(action as string, window.location.origin);\n        for (const [key, value] of formData.entries()) {\n          if (typeof value === \"string\" && value !== \"\") {\n            url.searchParams.set(key, value);\n          }\n        }\n\n        const path = url.pathname + url.search;\n        const shell = action as string;\n        const nav = (window as any).__rsc_navigate;\n        const prefetched = (window as any).__rsc_is_prefetched;\n\n        // The route without its query is that route's shell: the layout, the\n        // chrome, and whatever it renders with nothing to show yet. Prefetching\n        // on hover put it in the cache, so going there first costs no request\n        // and puts the page on screen while the real query is still running.\n        //\n        // The query itself is never prefetched. It is the expensive half, and\n        // hovering a search button is not a reason to run someone's search.\n        if (path !== shell && prefetched?.(shell)) {\n          // Awaited rather than raced: navigate() aborts whatever is in flight,\n          // so starting the real one first would cancel the shell before it\n          // could render. It is a cache hit, so this is a render, not a wait.\n          Promise.resolve(nav?.(shell, { replace, preserveScroll })).then(() =>\n            // Replaces, so the shell does not become a back-button stop of its\n            // own — the pair leaves exactly one entry behind.\n            nav?.(path, { replace: true, preserveScroll }),\n          );\n\n          return;\n        }\n\n        nav?.(path, { replace, preserveScroll });\n        return;\n      }\n\n      const serverAction = action as (formData: FormData) => Promise<unknown>;\n\n      // Rebuilt rather than edited: transform returns the values to send, so\n      // whatever was in the form and is not in the result should not go.\n      if (transform) {\n        for (const key of [...formData.keys()]) formData.delete(key);\n\n        for (const [key, value] of buildFormData(transform(data))) {\n          formData.append(key, value);\n        }\n      }\n\n      setErrors({});\n\n      // Before the transition, so a failure neither runs the optimistic\n      // update nor leaves the form looking like it is submitting.\n      const invalid = await validateWith(schema, data);\n\n      if (invalid) {\n        setErrors(invalid);\n        onError?.(invalid);\n\n        return;\n      }\n\n      startTransition(async () => {\n        try {\n          // Call optimistic updater inside the transition so React's\n          // useOptimistic picks it up and auto-reverts on settle.\n          optimistic?.(data);\n\n          // Whatever an earlier call noted is not this action's: a redirect\n          // from another form, or from an action no form was waiting for - a\n          // logout button - is left behind until someone reads it, and the\n          // next form to succeed took it for its own and skipped onSuccess.\n          redirectedTo();\n\n          const result = await serverAction(formData);\n          const refused = resultOf(result);\n          // Read every time, which is what clears it. Behind the || below it\n          // went unread whenever the answer already said \"redirected\", and\n          // stayed for the next form.\n          const redirected = redirectedTo();\n\n          // The action answered with somewhere to go, and callServer has\n          // already started the navigation. Not an error for a form to\n          // show, and not a save to announce either: signing in and going\n          // to the dashboard is the whole success.\n          if (refused?.redirected !== undefined || redirected !== null) return;\n\n          if (refused) {\n            if (refused.errors) {\n              setErrors(refused.errors);\n              onError?.(refused.errors);\n            } else {\n              onError?.({}, new Error(refused.serverError));\n            }\n\n            return;\n          }\n\n          if (resetOnSuccess) {\n            store.reset();\n            formRef.current?.reset();\n            setTouched({});\n            setCurrentData({} as T);\n          }\n\n          // Saved: what is in the form now is what the server has.\n          snapshot();\n\n          setErrors({});\n          setSucceeded(true);\n          setRecentlySucceeded(true);\n\n          clearTimeout(recentTimer.current);\n          recentTimer.current = setTimeout(\n            () => setRecentlySucceeded(false),\n            2_000,\n          );\n\n          onSuccess?.(result);\n        } catch (err) {\n          // A redirect no longer arrives here - callServer resolves after\n          // performing it - but an action called through something older\n          // than that still may.\n          if (err instanceof ServerRedirectError) return;\n\n          if (err instanceof ServerValidationError) {\n            setErrors(err.errors);\n            onError?.(err.errors);\n          } else if (err instanceof ServerDumpError) {\n            // Dump overlay is already shown — silently swallow\n          } else if (onError) {\n            // Not rethrown. A rejected action never settles, and until it\n            // settles React keeps the optimistic update on screen — so an\n            // unexpected failure left the row showing as though the write had\n            // worked. Settling is what takes it back.\n            onError({}, err);\n          } else {\n            // Nothing is handling it, and swallowing here would lose it\n            // entirely — the reason this used to rethrow.\n            console.error(\"[rsc-kit] form submit failed\", err);\n          }\n        }\n      });\n    },\n    [\n      action,\n      isGetForm,\n      method,\n      replace,\n      preserveScroll,\n      resetOnSuccess,\n      store,\n      schema,\n      transform,\n      optimistic,\n      onSubmit,\n      onSuccess,\n      onError,\n    ],\n  );\n\n  const field = useCallback(\n    <K extends keyof T & string>(name: K): FieldBinding<T[K]> => {\n      // Recorded during render, deliberately: this is how the form knows which\n      // values it is the one displaying. Idempotent, so a double render in\n      // development records the same name twice and means the same thing.\n      readHere.current.add(name);\n\n      return {\n        name,\n        value: (store.get(name) ?? \"\") as T[K],\n        onChange: (next: unknown) => {\n          const value =\n            typeof next === \"object\" && next !== null && \"target\" in next\n              ? (next as { target: { value: string } }).target.value\n              : next;\n\n          store.set(name, value);\n        },\n        onBlur: () => void touch(name),\n      };\n    },\n    [store, touch],\n  );\n\n\n  // Stable, so a subscriber below does not re-render because this one did.\n  const storeContext = useMemo(() => ({ store, touch }), [store, touch]);\n\n  const formStatus: FormRenderProps<T> = {\n    pending: isPending,\n    data: currentData,\n    get dirty() {\n      dirtyRead.current = true;\n\n      return dirty;\n    },\n    succeeded,\n    recentlySucceeded,\n    field,\n    error,\n    clearErrors,\n    reset: resetForm,\n  };\n\n  return (\n    <FormStoreContext.Provider value={storeContext}>\n      <FormStatusContext.Provider value={formStatus as FormRenderProps}>\n        <form\n          ref={attachForm}\n          // On the element as well as in the handler, which is what makes this\n          // work before hydration. React emits a form a browser can submit on its\n          // own for a server action, and an ordinary action/method pair for a\n          // url — so a submit that happens before the javascript arrives still\n          // reaches the server.\n          //\n          // The two do not fight: handleSubmit calls preventDefault() first, and\n          // React does not run a form action when the submit event was cancelled.\n          // So the enhanced path wins whenever there is one, and the native path\n          // is what is left when there is not.\n          action={(bindable ? formAction : action) as never}\n          // Only for a url. React sets the method itself for a server action, and\n          // passing one alongside is what it warns about.\n          method={isGetForm ? method : undefined}\n          onSubmit={handleSubmit}\n          // Every keystroke and every toggle, from any control in the form,\n          // uncontrolled ones included: React's onInput here is the bubbling\n          // `input` event. A caller's own handler still runs.\n          onInput={(event) => {\n            rest.onInput?.(event);\n            measureDirty();\n          }}\n          onChange={(event) => {\n            rest.onChange?.(event);\n            measureDirty();\n          }}\n          // On the form, not only on the bound fields. `focusout` bubbles where\n          // `blur` does not, so React's onBlur here sees every control that was\n          // left — including the uncontrolled ones, which are most of them and\n          // would otherwise never be marked touched at all.\n          onBlur={(event) => {\n            const target = event.target as unknown as {\n              name?: string;\n              value?: string;\n            };\n            const name = target.name;\n\n            if (!name) return;\n\n            // Leaving a field is the moment to check it; leaving the form is\n            // not the same moment. Focus going to nothing, or to something\n            // outside the form, is a click on the page - most often a dialog\n            // closing - and an error painted into a dialog as it animates out\n            // reads as a submit that nobody made. An empty field left that way\n            // is not checked at all. One with something in it is, but only\n            // once the dust settles: if the form is gone or hidden by then, it\n            // was a dialog closing, and nobody is there to read the error.\n            const left = event.relatedTarget as Node | null;\n            const stillInForm = !!left && !!formRef.current?.contains(left);\n\n            if (stillInForm) {\n              void touch(name);\n\n              return;\n            }\n\n            if (!target.value) return;\n\n            setTimeout(() => {\n              const form = formRef.current;\n\n              if (\n                !form ||\n                !form.isConnected ||\n                form.getClientRects().length === 0\n              )\n                return;\n              // A submit in flight is not a dialog closing, and its answer is\n              // the verdict on every field. On iOS a tap on the submit button\n              // does not focus it, so the last field's blur arrives here as\n              // \"left the form\" - and by now the fields may be disabled for\n              // the pending submit, missing from its data, and judged absent:\n              // \"last name is required\" flashed on the way to the next step.\n              if (pendingRef.current) return;\n              // Nor a field disabled by now, for the same reason: its value is\n              // not in the form's data, so it would always read as missing.\n              if ((event.target as { disabled?: boolean }).disabled) return;\n              if (\n                form.closest(\n                  \"[hidden], [aria-hidden='true'], [data-ending-style], [data-closed]\",\n                )\n              )\n                return;\n\n              void touch(name);\n            }, LEAVE_FORM_SETTLE_MS);\n          }}\n          onMouseEnter={prefetch === \"hover\" ? doPrefetch : undefined}\n          data-pending={isPending ? \"\" : undefined}\n          {...rest}\n        >\n          {typeof children === \"function\" ? children(formStatus) : children}\n        </form>\n      </FormStatusContext.Provider>\n    </FormStoreContext.Provider>\n  );\n}\n\n// Also by name, because both spellings are in use: `import Form` and\n// `import { Form }`. This was a re-export of \"./Form\" — from inside Form.tsx,\n// so the module named itself. It survived on the bundler tolerating a circular\n// self-reference, left over from when a separate barrel re-exported a\n// FormComponent.tsx that a case-insensitive filesystem would not let be called\n// Form.ts. There is one file now, and it can just export what it declares.\nexport { Form };\n"]}
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/js/Form.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport type { Route } from \"../routes.js\";\nimport {\n  type FormHTMLAttributes,\n  type FormEvent,\n  type ReactNode,\n  type Ref,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useActionState,\n  useState,\n  useSyncExternalStore,\n  useTransition,\n} from \"react\";\nimport { submitForm } from \"../formSubmit\";\nimport { ServerValidationError, ServerDumpError, ServerRedirectError, redirectedTo } from \"./errors\";\nimport { buildFormData, decodeFormData } from \"./formEncoding\";\nimport { createFormStore } from \"./formStore\";\nimport type { FormStore } from \"./formStore\";\nimport { validateWith } from \"./standardSchema\";\nimport type { StandardSchemaV1 } from \"./standardSchema\";\n\n/**\n * How long a blur that leaves the form waits before checking the field. A\n * dialog's exit animation is shorter than this; a form still on screen after\n * it is one somebody is looking at.\n */\nconst LEAVE_FORM_SETTLE_MS = 300;\n\ntype PrefetchStrategy = \"hover\" | \"mount\" | \"none\";\n\n/**\n * What `field(name)` hands a control, spread straight onto it.\n *\n * The same four things react-hook-form's `<Controller>` gives, because it is\n * the same job: a component with no native control behind it needs a value and\n * a way to report a new one.\n */\ninterface FieldBinding<V> {\n  name: string;\n  value: V;\n  /**\n   * Either shape: a DOM event, or the value itself.\n   *\n   * A native input passes the event; a Radix select or a rich editor passes\n   * what was chosen. A binder understanding only one of them would work on\n   * half the controls anyone actually uses.\n   */\n  onChange: (next: V | { target: { value: V } }) => void;\n  onBlur: () => void;\n}\n\n/**\n * A field's name: one the form declared, suggested by the editor - or any\n * path, because a nested or indexed field (`address.city`, `items[0].name`)\n * is a real name no defaultValues object can declare. The typo that matters\n * is caught on `field()`, which is closed to the declared names.\n */\ntype FieldPath<T> = (keyof T & string) | (string & {});\n\ninterface FormRenderProps<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> {\n  pending: boolean;\n  /** What is being submitted, while it is. */\n  data: T;\n  /**\n   * A field's error, or undefined: the one way to read one.\n   *\n   *     {error('title') && <p>{error('title')}</p>}\n   *     <Field data-invalid={!!error('title')}>\n   *\n   * Nested paths join with dots - `error('address.city')`, the key a Standard\n   * Schema issue for that field produces. A field is checked when it is left\n   * and when the form is submitted, so an error never appears on a field\n   * nobody has reached yet.\n   */\n  error: (field: FieldPath<T>) => string | undefined;\n  clearErrors: (...fields: FieldPath<T>[]) => void;\n  reset: () => void;\n  /**\n   * Whether anything differs from what the form started with.\n   *\n   * For the Save button that stays quiet until there is something to save,\n   * and the Discard that appears beside it. Read from the form itself - a\n   * snapshot of its FormData on mount, compared on every input - so an\n   * uncontrolled field counts, which nothing outside the form can do. A\n   * successful submit makes the current values the new baseline; `reset()`\n   * goes back to the first one.\n   */\n  dirty: boolean;\n  /** Whether the last submit was accepted. */\n  succeeded: boolean;\n  /**\n   * The same thing, for two seconds.\n   *\n   * The \"Saved ✓\" that appears and fades. Worth having as state rather than a\n   * timer in every form that wants one, because the timer has to be cleared\n   * when the component goes away and that is the part people forget.\n   */\n  recentlySucceeded: boolean;\n  /**\n   * Bind one field so this component holds its value.\n   *\n   * Most fields need nothing: they are uncontrolled, the DOM holds the value,\n   * and it is read back as FormData on submit. Reach for this when the DOM\n   * cannot hold it for you — a control with no native element behind it, or a\n   * value you want to read as it is typed:\n   *\n   *     <Input {...field('title')} />\n   *     <span>{field('body').value.length}/100</span>\n   *\n   * A bound field is still an ordinary named input, so it arrives in FormData\n   * with everything else. Nothing merges; there is one source of truth.\n   */\n  field: <K extends keyof T & string>(name: K) => FieldBinding<T[K]>;\n}\n\ninterface FormProps<\n  T extends Record<string, unknown> = Record<string, unknown>,\n> extends Omit<\n  FormHTMLAttributes<HTMLFormElement>,\n  \"action\" | \"method\" | \"children\" | \"onSubmit\" | \"onError\"\n> {\n  action: Route | ((formData: FormData) => Promise<unknown>);\n  method?: \"get\" | \"post\";\n  /**\n   * The <form> element, for a caller that needs it - to focus, to scroll to,\n   * to hand a library. The form keeps its own handle beside it; a caller's\n   * never replaces it.\n   */\n  ref?: Ref<HTMLFormElement>;\n  /**\n   * Starting values for fields bound with `field()`.\n   *\n   * Uncontrolled fields do not need this — they take React's own\n   * `defaultValue`, and the DOM keeps whatever is typed into them.\n   */\n  defaultValues?: Partial<T>;\n  /**\n   * A store created above this form, from `useFormStore()`.\n   *\n   * For the one case the context cannot reach: something that is not a\n   * descendant — a top bar showing unsaved changes, a sidebar preview — needs\n   * the values to exist above both of them. Create the store where they share\n   * an ancestor and hand it down.\n   *\n   * Without it the form makes its own, which is what almost every form wants.\n   */\n  store?: FormStore;\n  prefetch?: PrefetchStrategy;\n  cacheFor?: number;\n  replace?: boolean;\n  preserveScroll?: boolean;\n  resetOnSuccess?: boolean;\n  /**\n   * Check the fields before submitting, with any Standard Schema — Zod,\n   * Valibot, ArkType.\n   *\n   * A failure fills `errors` and the action is never called, so a mistake\n   * costs no round trip. It is a courtesy and not a control: the same action\n   * is reachable without this form, so the server still has to check.\n   */\n  schema?: StandardSchemaV1;\n  /** Transform form data before submitting to the server action. */\n  transform?: (data: T) => Record<string, unknown>;\n  /** Called inside the transition with typed form data. Use it to call your useOptimistic setter. */\n  optimistic?: (data: T) => void;\n  onSuccess?: (result: unknown) => void;\n  /**\n   * Called when a submit does not succeed.\n   *\n   * Validation failures arrive as field errors, with no second argument.\n   * Anything else arrives as an empty error map and the thrown value — there\n   * are no field errors to report, but the form still has to say so.\n   */\n  onError?: (errors: Record<string, string[]>, error?: unknown) => void;\n  onSubmit?: (formData: FormData) => void | false;\n  children: ReactNode | ((form: FormRenderProps<T>) => ReactNode);\n}\n\n/**\n * What an action built with createActionClient answers with.\n *\n * Recognised rather than thrown, because React serialises a rejected server\n * action opaquely: production strips the message and the fields it named are\n * gone. A returned object crosses intact, so a form reads it.\n */\nfunction resultOf(\n  value: unknown,\n): { errors?: Record<string, string[]>; serverError?: string; redirected?: string } | null {\n  if (typeof value !== \"object\" || value === null) return null;\n\n  const result = value as {\n    validationErrors?: Record<string, string[]>;\n    serverError?: string;\n    redirected?: string;\n  };\n\n  if (result.validationErrors) return { errors: result.validationErrors };\n  if (result.serverError) return { serverError: result.serverError };\n  if (typeof result.redirected === \"string\") return { redirected: result.redirected };\n\n  return null;\n}\n\nconst FormStatusContext = createContext<FormRenderProps>({\n  pending: false,\n  data: {},\n  dirty: false,\n  error: () => undefined,\n  clearErrors: () => {},\n  reset: () => {},\n  succeeded: false,\n  recentlySucceeded: false,\n  // Outside a Form there is nothing holding a value, so a binding that reported\n  // one would be lying. Name only, which is the part that is still true.\n  field: ((name: string) => ({\n    name,\n    value: \"\",\n    onChange: () => {},\n    onBlur: () => {},\n  })) as FormRenderProps[\"field\"],\n});\n\n/**\n * The store, on its own context.\n *\n * Separate from the status context because that one holds a fresh object every\n * render, so anything reading it re-renders with the form. The store is stable\n * for the life of the form, which is what lets a subscriber below it re-render\n * alone.\n */\nconst FormStoreContext = createContext<{\n  store: FormStore;\n  touch: (name: string) => void;\n} | null>(null);\n\n/**\n * A value store created above the form rather than by it.\n *\n *     const store = useFormStore({ title: '' })\n *\n *     <TopBar store={store} />              // not inside the form\n *     <Form action={save} store={store}>…</Form>\n *\n * For the one case the context cannot reach. `<Form>` makes its own otherwise,\n * and almost every form should let it — this exists so that a component which\n * is not a descendant can still read the values, which is the flexibility\n * react-hook-form and TanStack Form get from `useForm()` being yours to call.\n *\n * Deliberately not reactive itself: creating the store does not subscribe to\n * it, so the component holding it does not re-render on every keystroke and\n * take the whole subtree with it. Read a field from it with `useField(name, store)`.\n */\nexport function useFormStore<T extends Record<string, unknown>>(\n  initial: Partial<T> = {},\n): FormStore {\n  const ref = useRef<FormStore | null>(null);\n\n  ref.current ??= createFormStore({ ...initial });\n\n  return ref.current;\n}\n\n/**\n * The form this component is inside: the same object `<Form>`'s render prop\n * gets, so a field split into its own component is written exactly as it\n * was inline.\n *\n *     function Title() {\n *       const { field, error } = useForm()\n *\n *       return (\n *         <>\n *           <input name=\"title\" />\n *           {error('title') && <p>{error('title')}</p>}\n *         </>\n *       )\n *     }\n *\n * Not React's `useFormStatus`, which is a different hook with a different\n * answer - which is why this one is not called that.\n */\nexport function useForm<\n  T extends Record<string, unknown> = Record<string, unknown>,\n>(): FormRenderProps<T> {\n  return useContext(FormStatusContext) as FormRenderProps<T>;\n}\n\n/**\n * One field, subscribed on its own - for a large controlled form.\n *\n * The same two words as everywhere else, for one name: `field` to spread,\n * `error` to show. The component re-renders when this field changes and at no\n * other time, where `useForm()` re-renders with the whole form. Reach for it\n * when re-rendering all of a form per keystroke is real:\n *\n *     function Title() {\n *       const { field, error } = useField('title')\n *\n *       return <Input {...field} aria-invalid={!!error} />\n *     }\n *\n * Given a store, it reads a form from outside it - see useFormStore.\n */\nexport function useField(\n  name: string,\n  store?: FormStore,\n): { field: FieldBinding<string>; error: string | undefined } {\n  const ctx = useContext(FormStoreContext);\n  const status = useContext(FormStatusContext);\n\n  if (!ctx && !store) {\n    throw new Error(\n      \"useField() was called outside a <Form>. It reads that form's values, so there has to be one above it.\",\n    );\n  }\n\n  const source = store ?? ctx!.store;\n  const touch = ctx?.touch;\n\n  const value = useSyncExternalStore(\n    source.subscribe,\n    () => (source.get(name) ?? \"\") as string,\n    () => \"\",\n  );\n\n  return {\n    field: {\n      name,\n      value,\n      onChange: (next) => {\n        source.set(\n          name,\n          typeof next === \"object\" && next !== null && \"target\" in next\n            ? (next as { target: { value: string } }).target.value\n            : next,\n        );\n      },\n      onBlur: () => void touch?.(name),\n    },\n    error: status.error(name as never),\n  };\n}\n\n/**\n * submitForm bound to an action, once per action.\n *\n * Bound on every render, it was a fresh function with a fresh promise for\n * its bound arguments each time - and React, seating a posted form's state\n * during the server render, suspends on that promise until it settles, then\n * renders the component again, which bound again. A render that never\n * finished, on every page a form was posted to without javascript. One\n * bound function per action, and the promise settles once.\n */\nconst boundSubmits = new WeakMap<Function, (previous: unknown, formData: FormData) => Promise<unknown>>();\n\nfunction boundSubmit(action: (formData: FormData) => Promise<unknown>) {\n  let bound = boundSubmits.get(action);\n\n  if (!bound) {\n    bound = submitForm.bind(null, action);\n    boundSubmits.set(action, bound);\n  }\n\n  return bound;\n}\n\n/**\n * A form's values as one comparable string.\n *\n * FormData in document order, a file by its name and size: enough to say\n * whether anything changed, which is all `dirty` asks.\n */\nfunction serializeForm(form: HTMLFormElement): string {\n  const parts: string[] = [];\n\n  for (const [name, value] of new FormData(form)) {\n    parts.push(\n      name + \"=\" + (typeof value === \"string\" ? value : \"file:\" + value.name + \":\" + value.size),\n    );\n  }\n\n  return parts.join(\"\\n\");\n}\n\n/**\n * Also exported by name, and re-exported below, because both spellings are in\n * use: `import Form from` and `import { Form } from`.\n */\nexport default function Form<\n  T extends Record<string, unknown> = Record<string, unknown>,\n>({\n  action,\n  method: methodProp,\n  defaultValues,\n  store: providedStore,\n  prefetch = \"hover\",\n  cacheFor,\n  replace = false,\n  preserveScroll = false,\n  resetOnSuccess = true,\n  schema,\n  transform,\n  optimistic,\n  onSuccess,\n  onError,\n  onSubmit,\n  children,\n  ref: callerRef,\n  ...rest\n}: FormProps<T>) {\n  const isGetForm = typeof action === \"string\";\n  const method = methodProp ?? (isGetForm ? \"get\" : \"post\");\n\n  // The answer to this form posted without a runtime, seated by React into\n  // the form that posted it - which is the only way a visitor with no\n  // javascript sees a refusal. Registered through submitForm, bound to the\n  // action, because React hands a form-state action a (previous, formData)\n  // pair and the action takes the FormData alone. On the server a plain\n  // function - a closure, not a server reference - cannot be bound into a\n  // form; the form falls back to the action itself, and posts nothing\n  // seatable, which is all a closure could ever have done.\n  const bindable =\n    typeof action === \"function\" && (typeof window !== \"undefined\" || \"$$FORM_ACTION\" in action);\n  const [posted, formAction] = useActionState(\n    bindable ? boundSubmit(action as (formData: FormData) => Promise<unknown>) : async () => null,\n    null as unknown,\n  );\n  const postedRefusal = resultOf(posted);\n  const [errors, setErrors] = useState<Record<string, string[]>>(() => postedRefusal?.errors ?? {});\n  const [touched, setTouched] = useState<Record<string, boolean>>({});\n\n  /**\n   * Mark a field visited, and check it.\n   *\n   * Checking on blur rather than on every keystroke, because an error that\n   * appears while someone is halfway through typing an email address is a form\n   * arguing with them. Leaving the field is the moment they have finished\n   * saying what they meant.\n   *\n   * The whole object is validated and only this field's issues are kept: a\n   * Standard Schema has no notion of one field, and filtering by path is the\n   * honest way to ask it about one. Everything else's errors are left as they\n   * were, so blurring an empty field does not light up the rest of the form.\n   */\n  const touch = useCallback(\n    async (name: string) => {\n      setTouched((prev) => (prev[name] ? prev : { ...prev, [name]: true }));\n\n      if (!schema || !formRef.current) return;\n\n      const invalid = await validateWith(\n        schema,\n        decodeFormData(new FormData(formRef.current), schema),\n      );\n\n      setErrors((prev) => {\n        const next = { ...prev };\n\n        if (invalid?.[name]) next[name] = invalid[name];\n        else delete next[name];\n\n        return next;\n      });\n    },\n    [schema],\n  );\n\n  const [succeeded, setSucceeded] = useState(false);\n  const [recentlySucceeded, setRecentlySucceeded] = useState(false);\n  const recentTimer = useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined,\n  );\n\n  // Cleared on unmount: a timer that fires into a component that has gone is\n  // the warning nobody reads and the leak nobody finds.\n  useEffect(() => () => clearTimeout(recentTimer.current), []);\n\n  // Only the fields someone bound. Everything else is the DOM's.\n  //\n  // A store rather than state, so a component using `useField` can re-render\n  // for one field while this one does not. See formStore.ts.\n  const storeRef = useRef<FormStore | null>(null);\n\n  storeRef.current ??= createFormStore({\n    ...(defaultValues as Record<string, unknown> | undefined),\n  });\n\n  const store = providedStore ?? storeRef.current;\n\n  // Which names the render prop read through `field()`. A change to one of\n  // those has to re-render this component, because that is where the value is\n  // being displayed; a change to anything else does not, which is what lets a\n  // `useField` child stand on its own.\n  const readHere = useRef(new Set<string>());\n  const [, bump] = useState(0);\n\n  useEffect(\n    () =>\n      store.subscribe((name) => {\n        if (name === \"\" || readHere.current.has(name)) bump((n) => n + 1);\n      }),\n    [store],\n  );\n  const [currentData, setCurrentData] = useState<T>({} as T);\n  const [isPending, startTransition] = useTransition();\n  const formRef = useRef<HTMLFormElement>(null);\n  // Read by the delayed blur check, which runs after the render that set it:\n  // the value its closure captured is the one from before the submit began.\n  const pendingRef = useRef(false);\n  pendingRef.current = isPending;\n\n  // A reset owed by a successful submit, performed in the commit that ends\n  // it. The action resolves a tick before React commits its transition - the\n  // result, whatever the action revalidated, pending going false - and a\n  // reset done on resolve was a DOM write with a frame of its own: a chat's\n  // composer emptied before the reply it was answered with appeared. In a\n  // layout effect of the commit where pending turns false, it lands in the\n  // same frame as the result, before the browser paints.\n  const resetOwed = useRef<{ result: unknown } | null>(null);\n\n  // What the form started with, as its FormData reads: the baseline `dirty`\n  // is measured against. Taken on mount, retaken after a successful submit.\n  const baseline = useRef<string | null>(null);\n  const [dirty, setDirty] = useState(false);\n  // Only a form that reads `dirty` pays for it: the flip from clean to dirty\n  // is a render of the whole form, and a field that subscribes for itself\n  // is promised that typing in it renders it alone.\n  const dirtyRead = useRef(false);\n\n  const snapshot = useCallback(() => {\n    if (!formRef.current) return;\n\n    baseline.current = serializeForm(formRef.current);\n    setDirty(false);\n  }, []);\n\n  const measureDirty = useCallback(() => {\n    if (!dirtyRead.current || !formRef.current || baseline.current === null) return;\n\n    const now = serializeForm(formRef.current) !== baseline.current;\n\n    setDirty((was) => (was === now ? was : now));\n  }, []);\n\n  useEffect(snapshot, [snapshot]);\n\n  // A bound control with no native element behind it changes through the\n  // store, not through an input event - a Radix select - so the store is\n  // watched too. Its input, if it has one, is read back with the rest. In\n  // a microtask: the fields subscribed before this effect ran, so React's\n  // own flush of their update is queued ahead of the measure, and the\n  // element is read after it was written.\n  useEffect(() => store.subscribe(() => queueMicrotask(measureDirty)), [store, measureDirty]);\n\n  // A reset writes every bound field at once, through a render of this\n  // component; the measure has to read the elements after that commit,\n  // and a microtask queued during the reset ran before it. Marked here,\n  // measured by the effect below once the render lands.\n  const remeasure = useRef(false);\n\n  useEffect(() => {\n    if (!remeasure.current) return;\n\n    remeasure.current = false;\n    measureDirty();\n  });\n\n  useLayoutEffect(() => {\n    const owed = resetOwed.current;\n\n    if (!owed || isPending) return;\n\n    resetOwed.current = null;\n    store.reset();\n    formRef.current?.reset();\n    setTouched({});\n    setCurrentData({} as T);\n    snapshot();\n    // After the reset, as it always ran: an onSuccess that fills or focuses a\n    // field must not have the reset undo it.\n    onSuccess?.(owed.result);\n  });\n\n  // Both handles, one element. React 19 hands a function component its ref\n  // as a prop, and spread after the form's own it replaced it - every\n  // FormData read then found null. A caller's ref is filled beside ours.\n  const attachForm = useCallback(\n    (element: HTMLFormElement | null) => {\n      formRef.current = element;\n\n      if (typeof callerRef === \"function\") callerRef(element);\n      else if (callerRef) callerRef.current = element;\n    },\n    [callerRef],\n  );\n\n  const error = useCallback(\n    (field: FieldPath<T>): string | undefined => errors[field]?.[0],\n    [errors],\n  );\n\n  const clearErrors = useCallback((...fields: FieldPath<T>[]) => {\n    if (fields.length === 0) {\n      setErrors({});\n    } else {\n      setErrors((prev) => {\n        const next = { ...prev };\n        for (const f of fields) {\n          delete next[f];\n        }\n        return next;\n      });\n    }\n  }, []);\n\n  // The store first, then the DOM. A bound field renders from the store, so\n  // a DOM reset alone put its default in the element for one frame and the\n  // typed value back on the next render: a port's Discard left the name as\n  // typed while the dirty flag went clean beside it.\n  const resetForm = useCallback(() => {\n    remeasure.current = true;\n    store.reset();\n    formRef.current?.reset();\n    setErrors({});\n    setCurrentData({} as T);\n    queueMicrotask(measureDirty);\n  }, [store, measureDirty]);\n\n  useEffect(() => {\n    if (isGetForm && prefetch === \"mount\") {\n      const fn = (window as any).__rsc_prefetch;\n      fn?.(action, cacheFor);\n    }\n  }, [isGetForm, prefetch, action, cacheFor]);\n\n  const doPrefetch = useCallback(() => {\n    if (!isGetForm) return;\n    const fn = (window as any).__rsc_prefetch;\n    fn?.(action as string, cacheFor);\n  }, [isGetForm, action, cacheFor]);\n\n  const handleSubmit = useCallback(\n    async (e: FormEvent<HTMLFormElement>) => {\n      e.preventDefault();\n      const formData = new FormData(e.currentTarget);\n      const data = decodeFormData<T>(formData, schema);\n      setCurrentData(data);\n\n      if (onSubmit?.(formData) === false) {\n        return;\n      }\n\n      if (isGetForm && method === \"get\") {\n        const url = new URL(action as string, window.location.origin);\n        for (const [key, value] of formData.entries()) {\n          if (typeof value === \"string\" && value !== \"\") {\n            url.searchParams.set(key, value);\n          }\n        }\n\n        const path = url.pathname + url.search;\n        const shell = action as string;\n        const nav = (window as any).__rsc_navigate;\n        const prefetched = (window as any).__rsc_is_prefetched;\n\n        // The route without its query is that route's shell: the layout, the\n        // chrome, and whatever it renders with nothing to show yet. Prefetching\n        // on hover put it in the cache, so going there first costs no request\n        // and puts the page on screen while the real query is still running.\n        //\n        // The query itself is never prefetched. It is the expensive half, and\n        // hovering a search button is not a reason to run someone's search.\n        if (path !== shell && prefetched?.(shell)) {\n          // Awaited rather than raced: navigate() aborts whatever is in flight,\n          // so starting the real one first would cancel the shell before it\n          // could render. It is a cache hit, so this is a render, not a wait.\n          Promise.resolve(nav?.(shell, { replace, preserveScroll })).then(() =>\n            // Replaces, so the shell does not become a back-button stop of its\n            // own — the pair leaves exactly one entry behind.\n            nav?.(path, { replace: true, preserveScroll }),\n          );\n\n          return;\n        }\n\n        nav?.(path, { replace, preserveScroll });\n        return;\n      }\n\n      const serverAction = action as (formData: FormData) => Promise<unknown>;\n\n      // Rebuilt rather than edited: transform returns the values to send, so\n      // whatever was in the form and is not in the result should not go.\n      if (transform) {\n        for (const key of [...formData.keys()]) formData.delete(key);\n\n        for (const [key, value] of buildFormData(transform(data))) {\n          formData.append(key, value);\n        }\n      }\n\n      setErrors({});\n\n      // Before the transition, so a failure neither runs the optimistic\n      // update nor leaves the form looking like it is submitting.\n      const invalid = await validateWith(schema, data);\n\n      if (invalid) {\n        setErrors(invalid);\n        onError?.(invalid);\n\n        return;\n      }\n\n      startTransition(async () => {\n        try {\n          // Call optimistic updater inside the transition so React's\n          // useOptimistic picks it up and auto-reverts on settle.\n          optimistic?.(data);\n\n          // Whatever an earlier call noted is not this action's: a redirect\n          // from another form, or from an action no form was waiting for - a\n          // logout button - is left behind until someone reads it, and the\n          // next form to succeed took it for its own and skipped onSuccess.\n          redirectedTo();\n\n          const result = await serverAction(formData);\n          const refused = resultOf(result);\n          // Read every time, which is what clears it. Behind the || below it\n          // went unread whenever the answer already said \"redirected\", and\n          // stayed for the next form.\n          const redirected = redirectedTo();\n\n          // The action answered with somewhere to go, and callServer has\n          // already started the navigation. Not an error for a form to\n          // show, and not a save to announce either: signing in and going\n          // to the dashboard is the whole success.\n          if (refused?.redirected !== undefined || redirected !== null) return;\n\n          if (refused) {\n            if (refused.errors) {\n              setErrors(refused.errors);\n              onError?.(refused.errors);\n            } else {\n              onError?.({}, new Error(refused.serverError));\n            }\n\n            return;\n          }\n\n          // Owed, not done: see resetOwed. Saved, so what is in the form is\n          // what the server has - measured after the reset where there is one.\n          if (resetOnSuccess) resetOwed.current = { result };\n          else snapshot();\n\n          setErrors({});\n          setSucceeded(true);\n          setRecentlySucceeded(true);\n\n          clearTimeout(recentTimer.current);\n          recentTimer.current = setTimeout(\n            () => setRecentlySucceeded(false),\n            2_000,\n          );\n\n          if (!resetOnSuccess) onSuccess?.(result);\n        } catch (err) {\n          // A redirect no longer arrives here - callServer resolves after\n          // performing it - but an action called through something older\n          // than that still may.\n          if (err instanceof ServerRedirectError) return;\n\n          if (err instanceof ServerValidationError) {\n            setErrors(err.errors);\n            onError?.(err.errors);\n          } else if (err instanceof ServerDumpError) {\n            // Dump overlay is already shown — silently swallow\n          } else if (onError) {\n            // Not rethrown. A rejected action never settles, and until it\n            // settles React keeps the optimistic update on screen — so an\n            // unexpected failure left the row showing as though the write had\n            // worked. Settling is what takes it back.\n            onError({}, err);\n          } else {\n            // Nothing is handling it, and swallowing here would lose it\n            // entirely — the reason this used to rethrow.\n            console.error(\"[rsc-kit] form submit failed\", err);\n          }\n        }\n      });\n    },\n    [\n      action,\n      isGetForm,\n      method,\n      replace,\n      preserveScroll,\n      resetOnSuccess,\n      store,\n      schema,\n      transform,\n      optimistic,\n      onSubmit,\n      onSuccess,\n      onError,\n    ],\n  );\n\n  const field = useCallback(\n    <K extends keyof T & string>(name: K): FieldBinding<T[K]> => {\n      // Recorded during render, deliberately: this is how the form knows which\n      // values it is the one displaying. Idempotent, so a double render in\n      // development records the same name twice and means the same thing.\n      readHere.current.add(name);\n\n      return {\n        name,\n        value: (store.get(name) ?? \"\") as T[K],\n        onChange: (next: unknown) => {\n          const value =\n            typeof next === \"object\" && next !== null && \"target\" in next\n              ? (next as { target: { value: string } }).target.value\n              : next;\n\n          store.set(name, value);\n        },\n        onBlur: () => void touch(name),\n      };\n    },\n    [store, touch],\n  );\n\n\n  // Stable, so a subscriber below does not re-render because this one did.\n  const storeContext = useMemo(() => ({ store, touch }), [store, touch]);\n\n  const formStatus: FormRenderProps<T> = {\n    pending: isPending,\n    data: currentData,\n    get dirty() {\n      dirtyRead.current = true;\n\n      return dirty;\n    },\n    succeeded,\n    recentlySucceeded,\n    field,\n    error,\n    clearErrors,\n    reset: resetForm,\n  };\n\n  return (\n    <FormStoreContext.Provider value={storeContext}>\n      <FormStatusContext.Provider value={formStatus as FormRenderProps}>\n        <form\n          ref={attachForm}\n          // On the element as well as in the handler, which is what makes this\n          // work before hydration. React emits a form a browser can submit on its\n          // own for a server action, and an ordinary action/method pair for a\n          // url — so a submit that happens before the javascript arrives still\n          // reaches the server.\n          //\n          // The two do not fight: handleSubmit calls preventDefault() first, and\n          // React does not run a form action when the submit event was cancelled.\n          // So the enhanced path wins whenever there is one, and the native path\n          // is what is left when there is not.\n          action={(bindable ? formAction : action) as never}\n          // Only for a url. React sets the method itself for a server action, and\n          // passing one alongside is what it warns about.\n          method={isGetForm ? method : undefined}\n          onSubmit={handleSubmit}\n          // Every keystroke and every toggle, from any control in the form,\n          // uncontrolled ones included: React's onInput here is the bubbling\n          // `input` event. A caller's own handler still runs.\n          onInput={(event) => {\n            rest.onInput?.(event);\n            measureDirty();\n          }}\n          onChange={(event) => {\n            rest.onChange?.(event);\n            measureDirty();\n          }}\n          // On the form, not only on the bound fields. `focusout` bubbles where\n          // `blur` does not, so React's onBlur here sees every control that was\n          // left — including the uncontrolled ones, which are most of them and\n          // would otherwise never be marked touched at all.\n          onBlur={(event) => {\n            const target = event.target as unknown as {\n              name?: string;\n              value?: string;\n            };\n            const name = target.name;\n\n            if (!name) return;\n\n            // Leaving a field is the moment to check it; leaving the form is\n            // not the same moment. Focus going to nothing, or to something\n            // outside the form, is a click on the page - most often a dialog\n            // closing - and an error painted into a dialog as it animates out\n            // reads as a submit that nobody made. An empty field left that way\n            // is not checked at all. One with something in it is, but only\n            // once the dust settles: if the form is gone or hidden by then, it\n            // was a dialog closing, and nobody is there to read the error.\n            const left = event.relatedTarget as Node | null;\n            const stillInForm = !!left && !!formRef.current?.contains(left);\n\n            if (stillInForm) {\n              void touch(name);\n\n              return;\n            }\n\n            if (!target.value) return;\n\n            setTimeout(() => {\n              const form = formRef.current;\n\n              if (\n                !form ||\n                !form.isConnected ||\n                form.getClientRects().length === 0\n              )\n                return;\n              // A submit in flight is not a dialog closing, and its answer is\n              // the verdict on every field. On iOS a tap on the submit button\n              // does not focus it, so the last field's blur arrives here as\n              // \"left the form\" - and by now the fields may be disabled for\n              // the pending submit, missing from its data, and judged absent:\n              // \"last name is required\" flashed on the way to the next step.\n              if (pendingRef.current) return;\n              // Nor a field disabled by now, for the same reason: its value is\n              // not in the form's data, so it would always read as missing.\n              if ((event.target as { disabled?: boolean }).disabled) return;\n              if (\n                form.closest(\n                  \"[hidden], [aria-hidden='true'], [data-ending-style], [data-closed]\",\n                )\n              )\n                return;\n\n              void touch(name);\n            }, LEAVE_FORM_SETTLE_MS);\n          }}\n          onMouseEnter={prefetch === \"hover\" ? doPrefetch : undefined}\n          data-pending={isPending ? \"\" : undefined}\n          {...rest}\n        >\n          {typeof children === \"function\" ? children(formStatus) : children}\n        </form>\n      </FormStatusContext.Provider>\n    </FormStoreContext.Provider>\n  );\n}\n\n// Also by name, because both spellings are in use: `import Form` and\n// `import { Form }`. This was a re-export of \"./Form\" — from inside Form.tsx,\n// so the module named itself. It survived on the bundler tolerating a circular\n// self-reference, left over from when a separate barrel re-exported a\n// FormComponent.tsx that a case-insensitive filesystem would not let be called\n// Form.ts. There is one file now, and it can just export what it declares.\nexport { Form };\n"]}

package/dist/js/SegmentBoundary.js

@@ -44,8 +44,22 @@ const addTransitionType = React.addTransitionType ??
     React
         .unstable_addTransitionType;
 import { RedirectBoundary } from "./RedirectBoundary";
+import { retentionKey } from "../routing";
 import { navigationCommitted } from "./perf";
 import { getSegmentState, replaceActive, navigatedOnce, seedSegment, subscribeToSegment, } from "./segmentStore";
+/**
+ * The key the page this document arrived with is filed under: the url's,
+ * query included, when the url is that page - which is always, in an app,
+ * because the server keys a page by the document's own pathname. Anything
+ * else keeps the server's key rather than guess.
+ */
+function seedKey(pageKey) {
+    if (typeof window === "undefined")
+        return pageKey;
+    return retentionKey(window.location.pathname, null) === retentionKey(pageKey, null)
+        ? retentionKey(window.location.pathname + window.location.search, null)
+        : pageKey;
+}
 export function SegmentBoundary({ depth, pageKey, children, }) {
     // The store still addresses the boundary; the render reads React state, so
     // the update can be a transition. Initialised from the store on the client
@@ -76,8 +90,13 @@ export function SegmentBoundary({ depth, pageKey, children, }) {
     useEffect(() => {
         if (getSegmentState(depth))
             replaceActive(depth, children);
+        // Filed under the url's key, path and query, which is what every
+        // navigation and refresh looks it up by; mounted under the server's, the
+        // pathname the shell was frozen with. Seeded under the server's alone,
+        // the first refresh of a page loaded at ?c=25 found nothing, mounted a
+        // second copy, and showed every fallback in it.
         else if (pageKey)
-            seedSegment(depth, pageKey, children);
+            seedSegment(depth, seedKey(pageKey), children, pageKey);
     }, [depth, pageKey, children]);
     // Wrapped here rather than around the whole app because this is the closest
     // client component above a page: a redirect thrown inside the page's own
@@ -109,6 +128,6 @@ export function SegmentBoundary({ depth, pageKey, children, }) {
     if (!state) {
         return (_jsx(Activity, { mode: "visible", children: _jsx(RedirectBoundary, { children: children }) }, pageKey));
     }
-    return (_jsx(_Fragment, { children: state.entries.map((entry) => (_jsx(Activity, { mode: entry.key === state.activeKey ? "visible" : "hidden", children: _jsx(RedirectBoundary, { active: entry.key === state.activeKey, children: entry.tree }) }, entry.key))) }));
+    return (_jsx(_Fragment, { children: state.entries.map((entry) => (_jsx(Activity, { mode: entry.key === state.activeKey ? "visible" : "hidden", children: _jsx(RedirectBoundary, { active: entry.key === state.activeKey, children: entry.tree }) }, entry.identity ?? entry.key))) }));
 }
 //# sourceMappingURL=SegmentBoundary.js.map

package/dist/js/SegmentBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentBoundary.js","sourceRoot":"","sources":["../../src/js/SegmentBoundary.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\n/**\n * The point in the tree a navigation can replace on its own.\n *\n * Sits between a layout and its children, so showing a different segment\n * re-renders from here down and leaves the layouts above it mounted. Server\n * components cannot be re-rendered on the client, which is why the seam has to\n * be a client component reading from a store rather than the layout itself.\n *\n * Pages it has already shown stay mounted behind <Activity mode=\"hidden\">.\n * Hidden is not unmounted: effects are torn down but state survives, so\n * returning to a page brings back the form you were filling in. Rendering only\n * the current one would throw that away, which is what replacing the root did.\n */\n\nimport * as React from \"react\";\nimport { Activity, startTransition, useEffect, useState } from \"react\";\n\n/**\n * The transition type a navigation carries.\n *\n * The engine does not animate a navigation itself; React's own\n * <ViewTransition> does, wherever an app puts one. What the app cannot do\n * from outside is tell a navigation from the seed after hydration - the\n * boundary taking over its own server-rendered children, which animated\n * would be the page fading into itself on every load. So a navigation's\n * update carries this type, and the seed's does not: a boundary keyed on it,\n * `default={{ \"rsc-navigation\": \"page\", default: \"none\" }}`, animates\n * navigations and nothing else.\n *\n * An earlier shape wrapped the segment in a boundary of the engine's own,\n * behind a flag. React names every top-level element under a boundary and\n * morphs each from where it was to where it is, so the stylesheet pulled\n * them back into one root fade - and fought React over the root, which it\n * cancels when nothing outside a boundary changed: a captured root with a\n * hidden group, a dark viewport on the first navigation. One wrapper element\n * under the app's own boundary is one snapshot pair, which is the dissolve\n * wanted, with nothing to fight.\n */\nexport const NAVIGATION_TRANSITION_TYPE = \"rsc-navigation\";\n\n// Exported by React 19.3; `unstable_` before it. Read at call time from the\n// namespace rather than imported by name, so a React that lacks it still\n// loads this module and simply does not mark the type.\nconst addTransitionType: ((type: string) => void) | undefined =\n  (React as { addTransitionType?: (type: string) => void }).addTransitionType ??\n  (React as { unstable_addTransitionType?: (type: string) => void })\n    .unstable_addTransitionType;\nimport type { ReactNode } from \"react\";\nimport { RedirectBoundary } from \"./RedirectBoundary\";\nimport { navigationCommitted } from \"./perf\";\nimport {\n  getSegmentState,\n  replaceActive,\n  navigatedOnce,\n  seedSegment,\n  subscribeToSegment,\n} from \"./segmentStore\";\n\nexport function SegmentBoundary({\n  depth,\n  pageKey,\n  children,\n}: {\n  depth: number;\n  /** The page these server-rendered children belong to. */\n  pageKey?: string;\n  children: ReactNode;\n}) {\n  // The store still addresses the boundary; the render reads React state, so\n  // the update can be a transition. Initialised from the store on the client\n  // and null on the server — exactly what getServerSnapshot did.\n  const [state, setState] = useState<ReturnType<typeof getSegmentState>>(() =>\n    typeof window === \"undefined\" ? null : getSegmentState(depth),\n  );\n\n  useEffect(\n    () =>\n      subscribeToSegment(depth, () => {\n        startTransition(() => {\n          // A navigation, not the seed: the seed is the page taking over\n          // its own server-rendered children, and fading that is the page\n          // fading into itself.\n          if (navigatedOnce()) addTransitionType?.(NAVIGATION_TRANSITION_TYPE);\n\n          setState(getSegmentState(depth));\n        });\n      }),\n    [depth],\n  );\n\n  // The commit that put a navigated segment on screen: the end of the\n  // navigation's measure, see perf.ts. Not on the first render, which is the\n  // seed.\n  useEffect(() => {\n    if (state !== null) navigationCommitted();\n  }, [state]);\n\n  // Record the page we arrived on, so a later navigation away and back can\n  // return to it. Without this the first page is the one page you cannot keep.\n  // New children while the store already holds this depth is the document\n  // rendered again in place - revalidate(\"all\") - and the page on screen\n  // takes them under the key it has; see replaceActive.\n  useEffect(() => {\n    if (getSegmentState(depth)) replaceActive(depth, children);\n    else if (pageKey) seedSegment(depth, pageKey, children);\n  }, [depth, pageKey, children]);\n\n  // Wrapped here rather than around the whole app because this is the closest\n  // client component above a page: a redirect thrown inside the page's own\n  // Suspense boundary surfaces at the nearest error boundary, and catching it\n  // here leaves the layouts above mounted while the navigation runs. One\n  // boundary per page, inside its Activity, not one around them all: a\n  // boundary that catches renders its fallback in place of everything it\n  // wraps, and one around them all unmounted every page being kept alive\n  // behind the one redirecting - the destination among them, when it was\n  // held - and then kept showing the fallback over the destination once it\n  // arrived. The port's report was a sidebar and a breadcrumb over an empty\n  // main.\n  // The same shape before and after the seed. The server's render and the\n  // first client render already place the children inside the retention\n  // wrapper, keyed by the page, so when the store takes over after hydration\n  // the tree changes state but not shape - and React keeps the DOM instead of\n  // remounting the page, which was blank, then content, on every load.\n  //\n  // The Activity is there whether or not there is a page key to hang it on.\n  // A parameterised route's PPR shell is rendered for every url it matches\n  // and so carries no key - and the boundary used to leave the Activity out\n  // then, so the shell had no <!--&--> markers where the client, hydrating\n  // from the payload for the real url, rendered one. React 19.2 does not\n  // recover from a hydration mismatch at an Activity: the boundary retries\n  // hydrating, mismatches again, and the main thread never returns. A port\n  // found /agent/tools/3 freezing the tab on every document load. The\n  // markup of an Activity does not depend on its key, so the shell and the\n  // client agree whenever both render one.\n  if (!state) {\n    return (\n      <Activity key={pageKey} mode=\"visible\">\n        <RedirectBoundary>{children}</RedirectBoundary>\n      </Activity>\n    );\n  }\n\n  return (\n    <>\n      {state.entries.map((entry) => (\n        <Activity\n          key={entry.key}\n          mode={entry.key === state.activeKey ? \"visible\" : \"hidden\"}\n        >\n          <RedirectBoundary active={entry.key === state.activeKey}>\n            {entry.tree as ReactNode}\n          </RedirectBoundary>\n        </Activity>\n      ))}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"SegmentBoundary.js","sourceRoot":"","sources":["../../src/js/SegmentBoundary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE3D,4EAA4E;AAC5E,yEAAyE;AACzE,uDAAuD;AACvD,MAAM,iBAAiB,GACpB,KAAwD,CAAC,iBAAiB;IAC1E,KAAiE;SAC/D,0BAA0B,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EACL,eAAe,EACf,aAAa,EACb,aAAa,EACb,WAAW,EACX,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAExB;;;;;GAKG;AACH,SAAS,OAAO,CAAC,OAAe;IAC9B,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,OAAO,CAAC;IAElD,OAAO,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC;QACjF,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;QACvE,CAAC,CAAC,OAAO,CAAC;AACd,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,QAAQ,GAMT;IACC,2EAA2E;IAC3E,2EAA2E;IAC3E,+DAA+D;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqC,GAAG,EAAE,CAC1E,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAC9D,CAAC;IAEF,SAAS,CACP,GAAG,EAAE,CACH,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE;QAC7B,eAAe,CAAC,GAAG,EAAE;YACnB,+DAA+D;YAC/D,gEAAgE;YAChE,sBAAsB;YACtB,IAAI,aAAa,EAAE;gBAAE,iBAAiB,EAAE,CAAC,0BAA0B,CAAC,CAAC;YAErE,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,oEAAoE;IACpE,2EAA2E;IAC3E,QAAQ;IACR,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,IAAI;YAAE,mBAAmB,EAAE,CAAC;IAC5C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,yEAAyE;IACzE,6EAA6E;IAC7E,wEAAwE;IACxE,uEAAuE;IACvE,sDAAsD;IACtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,KAAK,CAAC;YAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC3D,iEAAiE;QACjE,yEAAyE;QACzE,uEAAuE;QACvE,uEAAuE;QACvE,gDAAgD;aAC3C,IAAI,OAAO;YAAE,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/B,4EAA4E;IAC5E,yEAAyE;IACzE,4EAA4E;IAC5E,uEAAuE;IACvE,qEAAqE;IACrE,uEAAuE;IACvE,uEAAuE;IACvE,uEAAuE;IACvE,yEAAyE;IACzE,0EAA0E;IAC1E,QAAQ;IACR,wEAAwE;IACxE,sEAAsE;IACtE,2EAA2E;IAC3E,4EAA4E;IAC5E,qEAAqE;IACrE,EAAE;IACF,0EAA0E;IAC1E,yEAAyE;IACzE,0EAA0E;IAC1E,yEAAyE;IACzE,uEAAuE;IACvE,yEAAyE;IACzE,yEAAyE;IACzE,oEAAoE;IACpE,yEAAyE;IACzE,yCAAyC;IACzC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,CACL,KAAC,QAAQ,IAAe,IAAI,EAAC,SAAS,YACpC,KAAC,gBAAgB,cAAE,QAAQ,GAAoB,IADlC,OAAO,CAEX,CACZ,CAAC;IACJ,CAAC;IAED,OAAO,CACL,4BACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,QAAQ,IAEP,IAAI,EAAE,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,YAE1D,KAAC,gBAAgB,IAAC,MAAM,EAAE,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,SAAS,YACpD,KAAK,CAAC,IAAiB,GACP,IALd,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,GAAG,CAMvB,CACZ,CAAC,GACD,CACJ,CAAC;AACJ,CAAC","sourcesContent":["\"use client\";\n\n/**\n * The point in the tree a navigation can replace on its own.\n *\n * Sits between a layout and its children, so showing a different segment\n * re-renders from here down and leaves the layouts above it mounted. Server\n * components cannot be re-rendered on the client, which is why the seam has to\n * be a client component reading from a store rather than the layout itself.\n *\n * Pages it has already shown stay mounted behind <Activity mode=\"hidden\">.\n * Hidden is not unmounted: effects are torn down but state survives, so\n * returning to a page brings back the form you were filling in. Rendering only\n * the current one would throw that away, which is what replacing the root did.\n */\n\nimport * as React from \"react\";\nimport { Activity, startTransition, useEffect, useState } from \"react\";\n\n/**\n * The transition type a navigation carries.\n *\n * The engine does not animate a navigation itself; React's own\n * <ViewTransition> does, wherever an app puts one. What the app cannot do\n * from outside is tell a navigation from the seed after hydration - the\n * boundary taking over its own server-rendered children, which animated\n * would be the page fading into itself on every load. So a navigation's\n * update carries this type, and the seed's does not: a boundary keyed on it,\n * `default={{ \"rsc-navigation\": \"page\", default: \"none\" }}`, animates\n * navigations and nothing else.\n *\n * An earlier shape wrapped the segment in a boundary of the engine's own,\n * behind a flag. React names every top-level element under a boundary and\n * morphs each from where it was to where it is, so the stylesheet pulled\n * them back into one root fade - and fought React over the root, which it\n * cancels when nothing outside a boundary changed: a captured root with a\n * hidden group, a dark viewport on the first navigation. One wrapper element\n * under the app's own boundary is one snapshot pair, which is the dissolve\n * wanted, with nothing to fight.\n */\nexport const NAVIGATION_TRANSITION_TYPE = \"rsc-navigation\";\n\n// Exported by React 19.3; `unstable_` before it. Read at call time from the\n// namespace rather than imported by name, so a React that lacks it still\n// loads this module and simply does not mark the type.\nconst addTransitionType: ((type: string) => void) | undefined =\n  (React as { addTransitionType?: (type: string) => void }).addTransitionType ??\n  (React as { unstable_addTransitionType?: (type: string) => void })\n    .unstable_addTransitionType;\nimport type { ReactNode } from \"react\";\nimport { RedirectBoundary } from \"./RedirectBoundary\";\nimport { retentionKey } from \"../routing\";\nimport { navigationCommitted } from \"./perf\";\nimport {\n  getSegmentState,\n  replaceActive,\n  navigatedOnce,\n  seedSegment,\n  subscribeToSegment,\n} from \"./segmentStore\";\n\n/**\n * The key the page this document arrived with is filed under: the url's,\n * query included, when the url is that page - which is always, in an app,\n * because the server keys a page by the document's own pathname. Anything\n * else keeps the server's key rather than guess.\n */\nfunction seedKey(pageKey: string): string {\n  if (typeof window === \"undefined\") return pageKey;\n\n  return retentionKey(window.location.pathname, null) === retentionKey(pageKey, null)\n    ? retentionKey(window.location.pathname + window.location.search, null)\n    : pageKey;\n}\n\nexport function SegmentBoundary({\n  depth,\n  pageKey,\n  children,\n}: {\n  depth: number;\n  /** The page these server-rendered children belong to. */\n  pageKey?: string;\n  children: ReactNode;\n}) {\n  // The store still addresses the boundary; the render reads React state, so\n  // the update can be a transition. Initialised from the store on the client\n  // and null on the server — exactly what getServerSnapshot did.\n  const [state, setState] = useState<ReturnType<typeof getSegmentState>>(() =>\n    typeof window === \"undefined\" ? null : getSegmentState(depth),\n  );\n\n  useEffect(\n    () =>\n      subscribeToSegment(depth, () => {\n        startTransition(() => {\n          // A navigation, not the seed: the seed is the page taking over\n          // its own server-rendered children, and fading that is the page\n          // fading into itself.\n          if (navigatedOnce()) addTransitionType?.(NAVIGATION_TRANSITION_TYPE);\n\n          setState(getSegmentState(depth));\n        });\n      }),\n    [depth],\n  );\n\n  // The commit that put a navigated segment on screen: the end of the\n  // navigation's measure, see perf.ts. Not on the first render, which is the\n  // seed.\n  useEffect(() => {\n    if (state !== null) navigationCommitted();\n  }, [state]);\n\n  // Record the page we arrived on, so a later navigation away and back can\n  // return to it. Without this the first page is the one page you cannot keep.\n  // New children while the store already holds this depth is the document\n  // rendered again in place - revalidate(\"all\") - and the page on screen\n  // takes them under the key it has; see replaceActive.\n  useEffect(() => {\n    if (getSegmentState(depth)) replaceActive(depth, children);\n    // Filed under the url's key, path and query, which is what every\n    // navigation and refresh looks it up by; mounted under the server's, the\n    // pathname the shell was frozen with. Seeded under the server's alone,\n    // the first refresh of a page loaded at ?c=25 found nothing, mounted a\n    // second copy, and showed every fallback in it.\n    else if (pageKey) seedSegment(depth, seedKey(pageKey), children, pageKey);\n  }, [depth, pageKey, children]);\n\n  // Wrapped here rather than around the whole app because this is the closest\n  // client component above a page: a redirect thrown inside the page's own\n  // Suspense boundary surfaces at the nearest error boundary, and catching it\n  // here leaves the layouts above mounted while the navigation runs. One\n  // boundary per page, inside its Activity, not one around them all: a\n  // boundary that catches renders its fallback in place of everything it\n  // wraps, and one around them all unmounted every page being kept alive\n  // behind the one redirecting - the destination among them, when it was\n  // held - and then kept showing the fallback over the destination once it\n  // arrived. The port's report was a sidebar and a breadcrumb over an empty\n  // main.\n  // The same shape before and after the seed. The server's render and the\n  // first client render already place the children inside the retention\n  // wrapper, keyed by the page, so when the store takes over after hydration\n  // the tree changes state but not shape - and React keeps the DOM instead of\n  // remounting the page, which was blank, then content, on every load.\n  //\n  // The Activity is there whether or not there is a page key to hang it on.\n  // A parameterised route's PPR shell is rendered for every url it matches\n  // and so carries no key - and the boundary used to leave the Activity out\n  // then, so the shell had no <!--&--> markers where the client, hydrating\n  // from the payload for the real url, rendered one. React 19.2 does not\n  // recover from a hydration mismatch at an Activity: the boundary retries\n  // hydrating, mismatches again, and the main thread never returns. A port\n  // found /agent/tools/3 freezing the tab on every document load. The\n  // markup of an Activity does not depend on its key, so the shell and the\n  // client agree whenever both render one.\n  if (!state) {\n    return (\n      <Activity key={pageKey} mode=\"visible\">\n        <RedirectBoundary>{children}</RedirectBoundary>\n      </Activity>\n    );\n  }\n\n  return (\n    <>\n      {state.entries.map((entry) => (\n        <Activity\n          key={entry.identity ?? entry.key}\n          mode={entry.key === state.activeKey ? \"visible\" : \"hidden\"}\n        >\n          <RedirectBoundary active={entry.key === state.activeKey}>\n            {entry.tree as ReactNode}\n          </RedirectBoundary>\n        </Activity>\n      ))}\n    </>\n  );\n}\n"]}

package/dist/js/createViteRscApp.js

@@ -107,8 +107,21 @@ export async function createViteRscApp(container = document, interceptEntries =
                 // document load: the layouts stay mounted and the history entry the
                 // form was on is replaced, the way a redirect after a POST should
                 // be - Back does not return to the submitted form.
+                //
+                // Awaited, so the action is still pending when the destination's
+                // tree is handed to React: the two are one transition, committed
+                // together. Not awaited, the action ended first - its optimistic
+                // state dropped, pending went false - and the page it redirected to
+                // arrived a frame later. A new chat's first message vanished from
+                // the thread and came back with its reply.
                 if (isSafeRedirect(err.location)) {
-                    void navigate(err.location, { replace: true });
+                    try {
+                        await navigate(err.location, { replace: true });
+                    }
+                    catch {
+                        // Announced by the navigation itself, as rsc-navigate-error. The
+                        // action did redirect; that is still its answer.
+                    }
                 }
                 // Performed, so resolved - not thrown. The call's answer is "you are
                 // being taken somewhere": an object saying so, the shape an action's
@@ -327,12 +340,12 @@ export async function createViteRscApp(container = document, interceptEntries =
     // Depth 0 is a whole document and replaces the root. Anything deeper is one
     // segment: handing it to the boundary at that depth leaves the layouts above
     // it mounted, which is the point of asking for a partial render at all.
-    setNavigateHandler((tree, key, segmentDepth) => {
+    setNavigateHandler((tree, key, segmentDepth, inPlaceOf) => {
         const newTree = tree;
         // From here on the boundary animates; the seed commit before this did not.
         noteNavigation();
         if (segmentDepth > 0) {
-            setSegment(segmentDepth, key, newTree);
+            setSegment(segmentDepth, key, newTree, inPlaceOf);
             return;
         }
         clearSegments();