@molecule/app-react-native 3.0.2 → 3.0.4

package/README.md

@@ -3,7 +3,7 @@ AUTO-GENERATED — DO NOT EDIT THIS FILE.
 Generated by `mlcl sync-docs` from the package's src/index.ts JSDoc + mlcl/registry.json.
 Edits here are overwritten on the next commit (molecule's pre-commit hook regenerates).
 To change this document, edit the module-level JSDoc in src/index.ts.
-Generated: 2026-10-31T13:49:36.606Z
+Generated: 2026-11-04T14:20:07.525Z
 -->
 
 # @molecule/app-react-native
@@ -111,165 +111,65 @@ Provides login/logout/register flows, token management, profile
 updates, and auth state subscription.
 
 ```typescript
-interface AuthClient<T = UserProfile, TRegister extends RegisterExtraShape<TRegister> = Record<never, never>> {
-    /**
-     * Returns the current authentication state snapshot.
-     *
-     * READING the state starts the client's one session restore when nobody has called
-     * {@link initialize} yet — lazily and exactly once, sharing the promise an explicit
-     * `initialize()` returns. A hook (`useAuth()`), a subscriber, `isAuthenticated()` and
-     * `getUser()` are reads too, so a client whose entry file dropped the template's
-     * `authClient.initialize()` line still restores instead of reporting `'loading'`
-     * forever.
-     */
-    getState(): AuthState<T>;
-    /**
-     * Returns whether the user is currently authenticated.
-     */
-    isAuthenticated(): boolean;
-    /**
-     * Gets the current user.
-     */
-    getUser(): T | null;
-    /**
-     * Optional ownership marker for the current session. Compare values only within
-     * this client: replacing or ending a session changes it, including re-adopting
-     * the same token and user. Profile updates and same-session refreshes keep it.
-     * Consumers can use it to discard stale async work without treating editable
-     * user fields as an immutable account identifier. Providers without this
-     * capability require the consumer's own stable identity check.
-     */
-    getSessionRevision?(): number;
-    /**
-     * Updates the cached user object (state + persistent storage) without
-     * hitting the network. Intended for local refreshes after a per-app
-     * mutation (e.g., the user just PATCHed their own profile and the
-     * server returned the canonical row). A non-null profile does NOT change
-     * tokens or sign the client in: `authenticated` and `status` are unchanged,
-     * so an anonymous client stays anonymous. Use {@link login} /
-     * {@link register} for a credential exchange, or {@link setSession} when
-     * the token was issued outside the client.
-     *
-     * Passing `null` on a signed-in client, or while any session operation is
-     * pending, ends the local session: it clears the access token, refresh token
-     * and cached user, stops automatic refresh, and settles `authenticated: false`
-     * with `status: 'unauthenticated'` in one notification. Every older operation
-     * loses session ownership, and a persistent sign-out marker prevents a reload
-     * from restoring its credentials or a late cookie. A late credential exchange
-     * is revoked best-effort when a logout endpoint is configured, without blocking
-     * the caller. This method does not otherwise call the server for a settled
-     * session; use {@link logout} for explicit server revocation. On a settled
-     * anonymous client, `null` only clears the cached profile and leaves tokens
-     * and auth state unchanged.
-     */
-    setUser(user: T | null): void;
-    /**
-     * Gets the current access token.
-     */
-    getAccessToken(): string | null;
-    /**
-     * Stores the access token in the configured token storage adapter (in a
-     * browser, Web Storage; `'memory'` where no browser store exists). Use this
-     * to seed the token after an out-of-band exchange (e.g. the OAuth
-     * code→token redirect) instead of writing to `localStorage` directly,
-     * which would violate the storage contract and make a stored bearer token
-     * JS-readable (XSS-exfiltratable). Pass `null` to clear it.
-     *
-     * This changes token storage only: passing `null` does not by itself sign a
-     * signed-in client out, and a non-null token does not sign an anonymous
-     * client in (`authenticated` and `status` are unchanged). Use {@link logout}
-     * to end a session, or {@link setUser} with `null` for local-only sign-out.
-     * Use {@link login} / {@link register} for a credential exchange, or call
-     * {@link setSession} with the token and user to establish an already-issued
-     * session.
-     */
-    setAccessToken(token: string | null): void;
-    /**
-     * Adopts a session an out-of-band exchange already established: stores the
-     * access token (and the refresh token when given), caches the user, and
-     * sets the COMPLETE state — `initialized`, `authenticated`, `status:
-     * 'authenticated'`, no error — in one update, with one subscriber
-     * notification. Every hook reading the shared client sees the user as
-     * signed in immediately.
-     *
-     * This is the way to seed an OAuth/custom sign-in. Calling
-     * {@link setAccessToken} and {@link setUser} instead does NOT sign the
-     * client in.
-     */
-    setSession(session: AuthSessionSeed<T>): void;
-    /**
-     * Gets the refresh token.
-     */
-    getRefreshToken(): string | null;
-    /**
-     * Logs in with credentials.
-     */
-    login(credentials: LoginCredentials): Promise<AuthResult<T>>;
-    /**
-     * Logs out the current user. The server request is best-effort: a missing
-     * logout route (404), any other HTTP failure, or a network error never makes
-     * this method reject. It always clears the access token, refresh token and
-     * cached user, stops automatic refresh, and publishes one settled
-     * `authenticated: false`, `status: 'unauthenticated'` transition. Every pending
-     * session operation loses ownership; a persistent marker prevents reload from
-     * restoring an older session, and late credentials are revoked best-effort.
-     *
-     * When the API has no logout route, set {@link AuthClientConfigOptions.logoutEndpoint}
-     * to `null` (or `''`) to skip the request. Local sign-out still happens.
-     */
-    logout(): Promise<void>;
-    /**
-     * Registers a new user. Accepts the base fields plus the app's own fields
-     * (`TRegister`) at the top level — see {@link RegisterData}.
-     */
-    register(data: RegisterData<TRegister>): Promise<AuthResult<T>>;
-    /**
-     * Refreshes the access token.
-     */
-    refresh(): Promise<AuthResult<T>>;
-    /**
-     * Requests a password reset.
-     */
-    requestPasswordReset(data: PasswordResetRequest): Promise<void>;
-    /**
-     * Confirms a password reset.
-     */
-    confirmPasswordReset(data: PasswordResetConfirm): Promise<void>;
-    /**
-     * Updates the current user's profile.
-     * Returns the saved profile: the answer applied onto the signed-in user field
-     * by field, with or without an `id` — a field it carries replaces the value
-     * (`null` clears it), one it omits or leaves `undefined` is kept, so a field
-     * cleared by omission must arrive as `null`. A non-object answer is returned
-     * as it came. An answer for a replaced or ended session leaves the current one
-     * untouched.
-     */
-    updateProfile(data: Partial<T>): Promise<T>;
-    /**
-     * Changes the current user's password.
-     */
-    changePassword(oldPassword: string, newPassword: string): Promise<void>;
-    /**
-     * Initializes auth state (e.g., from stored tokens).
-     *
-     * LAZY and IDEMPOTENT: the first read of the state ({@link getState},
-     * {@link subscribe}, `useAuth()`) starts this same restore when nobody has called
-     * `initialize()`, and every later call shares the one promise instead of sending a
-     * second request. An app that keeps the template's explicit call behaves exactly as
-     * before; an app that loses that line still restores its session.
-     *
-     * With a stored token AND a stored user it marks the session `'authenticated'`
-     * SYNCHRONOUSLY — before its first `await` — so the first render is the
-     * signed-in UI and no page waits on a verification round trip. Any check
-     * (a refresh, the cookie-restore probe) settles behind that render, and only an
-     * explicit 401/403 ends the session; a network/5xx/404 failure keeps it and
-     * reports `'unavailable'`. With no stored user the client stays `'loading'`
-     * until the cookie restore decides.
-     *
-     * Do not put this call (or a `/me` request of your own) in front of the first
-// … truncated — the full declaration is in node_modules/@molecule/app-react-native/dist
+interface AuthClient<
+  T = UserProfile,
+  TRegister extends RegisterExtraShape<TRegister> = Record<never, never>,
+> {
+  /** Returns the current authentication state snapshot. */
+  getState(): AuthState<T>
+  /** Returns whether the user is currently authenticated. */
+  isAuthenticated(): boolean
+  /** Gets the current user. */
+  getUser(): T | null
+  /** Optional ownership marker for the current session. */
+  getSessionRevision?(): number
+  /** Updates the cached user object (state + persistent storage) without hitting the network. */
+  setUser(user: T | null): void
+  /** Gets the current access token. */
+  getAccessToken(): string | null
+  /** Stores the access token in the configured token storage adapter (in a browser, Web Storage; `'memory'` where no browser store exists). */
+  setAccessToken(token: string | null): void
+  /** Adopts a session an out-of-band exchange already established: stores the access token (and the refresh token when given), caches the user, and sets the COMPLET… */
+  setSession(session: AuthSessionSeed<T>): void
+  /** Gets the refresh token. */
+  getRefreshToken(): string | null
+  /** Logs in with credentials. */
+  login(credentials: LoginCredentials): Promise<AuthResult<T>>
+  /** Logs out the current user. */
+  logout(): Promise<void>
+  /** Registers a new user. */
+  register(data: RegisterData<TRegister>): Promise<AuthResult<T>>
+  /** Refreshes the access token. */
+  refresh(): Promise<AuthResult<T>>
+  /** Requests a password reset. */
+  requestPasswordReset(data: PasswordResetRequest): Promise<void>
+  /** Confirms a password reset. */
+  confirmPasswordReset(data: PasswordResetConfirm): Promise<void>
+  /** Updates the current user's profile. */
+  updateProfile(data: Partial<T>): Promise<T>
+  /** Changes the current user's password. */
+  changePassword(oldPassword: string, newPassword: string): Promise<void>
+  /** Initializes auth state (e.g., from stored tokens). */
+  initialize(): Promise<void>
+  /** Re-checks a restored session against the server, in the background — the boot-time validation an app with a stored token needs when a revoked or expired token… */
+  validateSession?(): Promise<void>
+  /** Resolves when the session restore started by `initialize()` has settled — the point after which the client knows whether this visitor is signed in. */
+  whenRestored?(): Promise<void>
+  /** Subscribes to auth state changes. */
+  subscribe(callback: (state: AuthState<T>) => void): () => void
+  /** Subscribes to auth state changes (alias for subscribe). */
+  onAuthChange(callback: (state: AuthState<T>) => void): () => void
+  /** Gets the current access token (alias for getAccessToken). */
+  getToken?(): string | null
+  /** Adds an auth event listener. */
+  addEventListener(listener: AuthEventListener<T>): () => void
+  /** Destroys the auth client. */
+  destroy(): void
+}
 ```
 
+_(Member comments are shortened to their first sentence to fit; the full declaration is in `node_modules/@molecule/app-react-native/dist`.)_
+
 #### `FormController`
 
 Form controller interface.
@@ -929,7 +829,8 @@ Result of useHttp hook.
 ```typescript
 interface UseHttpResult<T> extends UseHttpState<T> {
   /**
-   * Runs the request and resolves with its data, or `null` on failure.
+   * Runs the request and resolves with its own data, or `null` on failure,
+   * even when a newer request or `reset` has superseded its displayed state.
    *
    * This function is IDENTITY-STABLE for as long as `method`, `url` and the HTTP
    * client do not change, so it is safe in a `useEffect` dependency array. Its
@@ -956,11 +857,14 @@ interface UseHttpOptions<T> extends RequestConfig {
    */
   immediate?: boolean
   /**
-   * Callback when request succeeds.
+   * Callback for each request that succeeds while mounted, including a request
+   * superseded by another `execute` or `reset`. Read `data` from the hook when
+   * only the newest request's result should drive the UI.
    */
   onSuccess?: (data: T) => void
   /**
-   * Callback when request fails.
+   * Callback for each request that fails while mounted, including a request
+   * superseded by another `execute` or `reset`.
    */
   onError?: (error: Error) => void
 }
@@ -1000,6 +904,27 @@ interface UseOAuthReturn {
 }
 ```
 
+#### `UseOptimisticValueResult`
+
+What {@link useOptimisticValue} returns: the state to render and the two ways to change it.
+
+```typescript
+interface UseOptimisticValueResult<T> extends OptimisticValueState<T> {
+  /**
+   * Shows `next` at once and saves it, after any save already running.
+   *
+   * @param next - The value the person chose.
+   */
+  set: (next: T) => void
+  /**
+   * Like `set`, computed from the value shown now (`update((on) => !on)`).
+   *
+   * @param change - Computes the next value from the value shown now.
+   */
+  update: (change: (current: T) => T) => void
+}
+```
+
 #### `UsePasswordResetReturn`
 
 Return type for usePasswordReset hook.
@@ -1322,6 +1247,19 @@ interface ProviderProps {
 }
 ```
 
+#### `SessionReadyProps`
+
+Props for the `SessionReady` component.
+
+```typescript
+interface SessionReadyProps {
+  /** What renders once the initial restore settles — signed in, signed out, or unavailable. */
+  children: ReactNode
+  /** What renders while the session restore is still undecided; default nothing. */
+  fallback?: ReactNode
+}
+```
+
 #### `StateProviderProps`
 
 Props for state provider component.
@@ -1451,6 +1389,20 @@ Properties for molecule provider.
 interface MoleculeProviderProps extends ProviderProps {
   state?: StateProvider
   auth?: AuthClient<unknown>
+  /**
+   * Render the app only once `auth` leaves its initial loading status ({@link SessionReadyProps}).
+   * After a full page load a returning visitor's session is restored by one request, and until
+   * it answers `useAuth().user` is `null` on every page — a public page's signed-in action
+   * (`if (!user) return`, a redirect to `/login`) then treats a signed-in visitor as signed out.
+   * When restoration succeeds, every page's first render reads the restored user. An
+   * `'unavailable'` session also renders, but remains unconfirmed and may have a null user.
+   * A visitor with no session to restore settles in microtasks without a request.
+   * Ignored without `auth`. Synchronous SSR renders the fallback for a loading client:
+   * initialize a request-scoped client first, or leave this disabled for SSR.
+   */
+  awaitSession?: boolean
+  /** Rendered instead of the app while {@link MoleculeProviderProps.awaitSession} waits; default nothing. */
+  sessionFallback?: ReactNode
   theme?: ThemeProvider
   router?: Router
   i18n?: I18nProvider
@@ -3159,6 +3111,8 @@ function MoleculeProvider({
   workspace,
   editor,
   preview,
+  awaitSession,
+  sessionFallback,
 }: MoleculeProviderProps): React.ReactElement
 ```
 
@@ -3166,6 +3120,38 @@ function MoleculeProvider({
 
 **Returns:** The rendered combined provider element.
 
+#### `SessionReady(props)`
+
+Renders its children once `useAuth().status` has left `'loading'` (signed in, signed out,
+or `'unavailable'`), and `fallback` until then. It never redirects. An unavailable session
+is unconfirmed and may still have `user === null`; handle that status separately from sign-out.
+
+After a full page load a returning visitor's session is restored by one request. Until it
+answers, `useAuth().user` is `null` everywhere, so a public page that renders a signed-in action
+at once lets that action run against "signed out": a Follow button whose handler starts with
+`if (!user) return` ignores the click, one that redirects to `/login` signs the visitor out of
+the flow. Wrapping the routes (or passing `awaitSession` to `MoleculeProvider`) makes every
+page's first render read the restored user when restoration succeeds.
+
+A visitor with no session to restore settles in microtasks without a request. Must render
+inside the auth context (`AuthProvider`, or `MoleculeProvider` with `auth`). A client that
+nobody initialized starts its restore on this first read.
+The bundled JWT client bounds each auth request (default 10 seconds) and settles a timeout
+as `'unavailable'`. Custom clients must also settle their initial session status.
+
+Synchronous SSR renders the fallback while a client is loading. Initialize a request-scoped
+client before rendering to include its decided content, or leave the hold disabled for SSR.
+
+Route-level redirects for signed-in-only pages stay with `AuthGuard` (`@molecule/app-ui-react`).
+
+```typescript
+function SessionReady({ children, fallback }: SessionReadyProps): ReactNode
+```
+
+- `props` — {@link SessionReadyProps}.
+
+**Returns:** The children once the session is decided, otherwise the fallback.
+
 ### Constants
 
 #### `DEFAULT_AGENT_NAME`
@@ -3302,6 +3288,27 @@ const useAsyncState: <T>(initialState: T) => [T, AsyncSetState<T>, AsyncExtendSt
 
 **Returns:** Tuple of [state, asyncSetState, asyncExtendState]
 
+#### `useOptimisticValue`
+
+A server-backed value — a favorite, follow, like or bookmark button, a rating, a quantity, a
+setting switch — that changes on the first render after a tap and is saved one change at a
+time, in order. A tap during a save is saved right after it; only a failure of the newest
+change puts the server value back. See `createOptimisticValue` in `@molecule/app-state`.
+
+`value` is the server's value from props or a query. A new `value` is taken only when it
+differs (by `equals`) from the one the hook last received, and only while nothing is being
+saved, so a parent re-render or a refetch of older data never flips the button mid-save. The
+latest `commit` and `onError` are always used. Give the component a `key` per record, so one
+record's pending change never shows on another.
+
+```typescript
+const useOptimisticValue: <T>(options: OptimisticValueOptions<T>) => UseOptimisticValueResult<T>
+```
+
+- `options` — The server's current value and how to save a change.
+
+**Returns:** The value to render, whether a save is pending, the newest failure, and `set`/`update`.
+
 #### `usePromise`
 
 Hook that wraps an async function with state tracking.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@molecule/app-react-native",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "React Native framework bindings for molecule.dev",
   "homepage": "https://www.molecule.dev/packages/app-react-native",
   "type": "module",
@@ -33,7 +33,7 @@
     "directory": "packages/app/frameworks/react-native"
   },
   "devDependencies": {
-    "@molecule/app-react": "3.1.0",
+    "@molecule/app-react": "3.4.0",
     "@types/node": "26.6.5",
     "react": "19.3.1",
     "typescript": "6.0.3",
@@ -48,18 +48,12 @@
     "react-native-safe-area-context": ">=4.0.0"
   },
   "peerDependenciesMeta": {
-    "@molecule/app-react": {
-      "optional": true
-    },
     "@molecule/app-lifecycle": {
       "optional": true
     },
     "@molecule/app-keyboard": {
       "optional": true
     },
-    "react": {
-      "optional": true
-    },
     "react-native": {
       "optional": true
     },