@molecule/app-react 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +56 -74
  2. package/package.json +2 -2
package/README.md CHANGED
@@ -3,7 +3,7 @@ AUTO-GENERATED — DO NOT EDIT THIS FILE.
3
3
  Generated by `mlcl sync-docs` from the package's src/index.ts JSDoc + mlcl/registry.json.
4
4
  Edits here are overwritten on the next commit (molecule's pre-commit hook regenerates).
5
5
  To change this document, edit the module-level JSDoc in src/index.ts.
6
- Generated: 2026-10-25T20:03:36.228Z
6
+ Generated: 2026-10-26T04:14:39.028Z
7
7
  -->
8
8
 
9
9
  # @molecule/app-react
@@ -1912,7 +1912,7 @@ function useAIModels(projectId?: string): UseAIModelsResult
1912
1912
  Hook like useState but accepts Promises and supports partial state extension.
1913
1913
 
1914
1914
  ```typescript
1915
- function useAsyncState(initialState: T): [T, AsyncSetState<T>, AsyncExtendState<T>]
1915
+ function useAsyncState<T>(initialState: T): [T, AsyncSetState<T>, AsyncExtendState<T>]
1916
1916
  ```
1917
1917
 
1918
1918
  - `initialState` — Initial state value
@@ -1928,7 +1928,10 @@ Pass the same generics the client was created with —
1928
1928
  the app's own fields.
1929
1929
 
1930
1930
  ```typescript
1931
- function useAuthClient(): AuthClient<T, TRegister>
1931
+ function useAuthClient<
1932
+ T = unknown,
1933
+ TRegister extends RegisterExtraShape<TRegister> = Record<never, never>,
1934
+ >(): AuthClient<T, TRegister>
1932
1935
  ```
1933
1936
 
1934
1937
  **Returns:** The auth client from context
@@ -1958,7 +1961,10 @@ call (and `requestBody` receives the same payload). Without it, `register`
1958
1961
  accepts only the base fields.
1959
1962
 
1960
1963
  ```typescript
1961
- function useAuth(options?: UseAuthOptions): UseAuthResult<T, TRegister>
1964
+ function useAuth<
1965
+ T = unknown,
1966
+ TRegister extends RegisterExtraShape<TRegister> = Record<never, never>,
1967
+ >(options?: UseAuthOptions): UseAuthResult<T, TRegister>
1962
1968
  ```
1963
1969
 
1964
1970
  - `options` — Hook options
@@ -1970,7 +1976,7 @@ function useAuth(options?: UseAuthOptions): UseAuthResult<T, TRegister>
1970
1976
  Hook to get just the authenticated user.
1971
1977
 
1972
1978
  ```typescript
1973
- function useUser(): T | null
1979
+ function useUser<T = unknown>(): T | null
1974
1980
  ```
1975
1981
 
1976
1982
  **Returns:** The authenticated user or null
@@ -2132,7 +2138,7 @@ wires a form library once (`setProvider` from `@molecule/app-forms`) and
2132
2138
  every form picks it up. Passing `createForm` overrides that for one form.
2133
2139
 
2134
2140
  ```typescript
2135
- function useForm(options?: UseFormOptions<T>): UseFormResult<T>
2141
+ function useForm<T extends Record<string, unknown>>(options?: UseFormOptions<T>): UseFormResult<T>
2136
2142
  ```
2137
2143
 
2138
2144
  - `options` — Form options. `defaultValues`, `mode` and the form-level `validate` are forwarded to the provider; omit the options entirely for a form whose fields are registered with their own defaults.
@@ -2144,7 +2150,10 @@ function useForm(options?: UseFormOptions<T>): UseFormResult<T>
2144
2150
  Hook to watch a specific field value.
2145
2151
 
2146
2152
  ```typescript
2147
- function useWatch(form: FormController<T>, name: K): T[K]
2153
+ function useWatch<T extends Record<string, unknown>, K extends keyof T>(
2154
+ form: FormController<T>,
2155
+ name: K,
2156
+ ): T[K]
2148
2157
  ```
2149
2158
 
2150
2159
  - `form` — Form controller
@@ -2157,7 +2166,10 @@ function useWatch(form: FormController<T>, name: K): T[K]
2157
2166
  Hook to get field-level state.
2158
2167
 
2159
2168
  ```typescript
2160
- function useFieldState(form: FormController<T>, name: keyof T): FieldState<T[keyof T]>
2169
+ function useFieldState<T extends Record<string, unknown>>(
2170
+ form: FormController<T>,
2171
+ name: keyof T,
2172
+ ): FieldState<T[keyof T]>
2161
2173
  ```
2162
2174
 
2163
2175
  - `form` — Form controller
@@ -2189,7 +2201,7 @@ the client does replace `execute` (it selects a different request) and
2189
2201
  re-runs such an effect.
2190
2202
 
2191
2203
  ```typescript
2192
- function useHttp(
2204
+ function useHttp<T>(
2193
2205
  method: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE',
2194
2206
  url: string,
2195
2207
  options?: UseHttpOptions<T>,
@@ -2207,7 +2219,7 @@ function useHttp(
2207
2219
  Hook for GET requests.
2208
2220
 
2209
2221
  ```typescript
2210
- function useGet(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2222
+ function useGet<T>(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2211
2223
  ```
2212
2224
 
2213
2225
  - `url` — Request URL to fetch from.
@@ -2220,7 +2232,7 @@ function useGet(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2220
2232
  Hook for POST requests.
2221
2233
 
2222
2234
  ```typescript
2223
- function usePost(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2235
+ function usePost<T>(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2224
2236
  ```
2225
2237
 
2226
2238
  - `url` — Request URL to post to.
@@ -2233,7 +2245,7 @@ function usePost(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2233
2245
  Hook for PUT requests.
2234
2246
 
2235
2247
  ```typescript
2236
- function usePut(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2248
+ function usePut<T>(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2237
2249
  ```
2238
2250
 
2239
2251
  - `url` — Request URL to send the PUT request to.
@@ -2246,7 +2258,7 @@ function usePut(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2246
2258
  Hook for PATCH requests.
2247
2259
 
2248
2260
  ```typescript
2249
- function usePatch(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2261
+ function usePatch<T>(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2250
2262
  ```
2251
2263
 
2252
2264
  - `url` — Request URL to send the PATCH request to.
@@ -2259,7 +2271,7 @@ function usePatch(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2259
2271
  Hook for DELETE requests.
2260
2272
 
2261
2273
  ```typescript
2262
- function useDelete(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2274
+ function useDelete<T>(url: string, options?: UseHttpOptions<T>): UseHttpResult<T>
2263
2275
  ```
2264
2276
 
2265
2277
  - `url` — Request URL of the resource to delete.
@@ -2322,7 +2334,7 @@ no separate `useRegister` hook. Use `usePromise(register)` when the form
2322
2334
  needs the same pending/error tracking as this login hook.
2323
2335
 
2324
2336
  ```typescript
2325
- function useLogin(): UseLoginReturn<T>
2337
+ function useLogin<T = unknown>(): UseLoginReturn<T>
2326
2338
  ```
2327
2339
 
2328
2340
  **Returns:** Login state and action
@@ -2417,7 +2429,7 @@ the clean baseline; edits made while saving remain dirty. No request is made
2417
2429
  for a patch with no fields. A failed request retains the edits and shared user.
2418
2430
 
2419
2431
  ```typescript
2420
- function useProfileForm(
2432
+ function useProfileForm<TUser, TValues extends Record<string, unknown>>(
2421
2433
  options: UseProfileFormOptions<TUser, TValues>,
2422
2434
  ): UseProfileFormResult<TUser, TValues>
2423
2435
  ```
@@ -2431,7 +2443,7 @@ function useProfileForm(
2431
2443
  Hook that wraps an async function with state tracking.
2432
2444
 
2433
2445
  ```typescript
2434
- function usePromise(
2446
+ function usePromise<T extends (...args: any[]) => Promise<any>>(
2435
2447
  asyncFn: T,
2436
2448
  ): [
2437
2449
  UsePromiseState<Awaited<ReturnType<T>>>,
@@ -2492,7 +2504,7 @@ function useLocation(): RouteLocation
2492
2504
  Hook to get route parameters.
2493
2505
 
2494
2506
  ```typescript
2495
- function useParams(): T
2507
+ function useParams<T extends Record<string, string> = RouteParams>(): T
2496
2508
  ```
2497
2509
 
2498
2510
  **Returns:** The current route parameters
@@ -2502,7 +2514,7 @@ function useParams(): T
2502
2514
  Hook to get query parameters.
2503
2515
 
2504
2516
  ```typescript
2505
- function useQuery(): T
2517
+ function useQuery<T extends QueryParams = QueryParams>(): T
2506
2518
  ```
2507
2519
 
2508
2520
  **Returns:** The current query parameters
@@ -2535,7 +2547,10 @@ function useIsActive(path: string, exact?: boolean): boolean
2535
2547
  Hook for user registration with async state tracking.
2536
2548
 
2537
2549
  ```typescript
2538
- function useSignup(): UseSignupReturn<T, TRegister>
2550
+ function useSignup<
2551
+ T = unknown,
2552
+ TRegister extends RegisterExtraShape<TRegister> = Record<never, never>,
2553
+ >(): UseSignupReturn<T, TRegister>
2539
2554
  ```
2540
2555
 
2541
2556
  **Returns:** Signup state and action
@@ -2555,7 +2570,10 @@ function useStorageProvider(): StorageProvider
2555
2570
  Hook to manage a single storage value with React state sync.
2556
2571
 
2557
2572
  ```typescript
2558
- function useStorageValue(key: string, options?: UseStorageValueOptions<T>): UseStorageValueResult<T>
2573
+ function useStorageValue<T>(
2574
+ key: string,
2575
+ options?: UseStorageValueOptions<T>,
2576
+ ): UseStorageValueResult<T>
2559
2577
  ```
2560
2578
 
2561
2579
  - `key` — Storage key
@@ -2607,7 +2625,7 @@ the state context. A store minted outside the `state` bond — the direct
2607
2625
  therefore as valid here as one `@molecule/app-state`'s `createStore()` made.
2608
2626
 
2609
2627
  ```typescript
2610
- function useStore(store: Store<T>, options?: UseStoreOptions<T, S>): S
2628
+ function useStore<T, S = T>(store: Store<T>, options?: UseStoreOptions<T, S>): S
2611
2629
  ```
2612
2630
 
2613
2631
  - `store` — The store to subscribe to
@@ -2620,7 +2638,7 @@ function useStore(store: Store<T>, options?: UseStoreOptions<T, S>): S
2620
2638
  Hook to get the store's setState function.
2621
2639
 
2622
2640
  ```typescript
2623
- function useSetStore(store: Store<T>): (partial: Partial<T> | ((state: T) => Partial<T>)) => void
2641
+ function useSetStore<T>(store: Store<T>): Store<T>['setState']
2624
2642
  ```
2625
2643
 
2626
2644
  - `store` — The store to get setState from
@@ -2632,7 +2650,7 @@ function useSetStore(store: Store<T>): (partial: Partial<T> | ((state: T) => Par
2632
2650
  Hook to create a bound action for a store.
2633
2651
 
2634
2652
  ```typescript
2635
- function useStoreAction(
2653
+ function useStoreAction<T, Args extends unknown[], R>(
2636
2654
  store: Store<T>,
2637
2655
  action: (setState: Store<T>['setState'], getState: Store<T>['getState']) => (...args: Args) => R,
2638
2656
  ): (...args: Args) => R
@@ -2688,7 +2706,7 @@ function useThemeMode(): 'light' | 'dark'
2688
2706
  Hook to get theme colors.
2689
2707
 
2690
2708
  ```typescript
2691
- function useThemeColors(): ThemeColors
2709
+ function useThemeColors(): Theme['colors']
2692
2710
  ```
2693
2711
 
2694
2712
  **Returns:** The current theme colors
@@ -2849,10 +2867,7 @@ function useWorkspace(): UseWorkspaceResult
2849
2867
  Provider for state management.
2850
2868
 
2851
2869
  ```typescript
2852
- function StateProvider({
2853
- provider,
2854
- children,
2855
- }: StateProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
2870
+ function StateProvider({ provider, children }: StateProviderProps): React.ReactElement
2856
2871
  ```
2857
2872
 
2858
2873
  - `props` — Component props (see {@link StateProviderProps}).
@@ -2864,10 +2879,7 @@ function StateProvider({
2864
2879
  Provider for authentication.
2865
2880
 
2866
2881
  ```typescript
2867
- function AuthProvider({
2868
- client,
2869
- children,
2870
- }: AuthProviderProps<T>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
2882
+ function AuthProvider<T = unknown>({ client, children }: AuthProviderProps<T>): React.ReactElement
2871
2883
  ```
2872
2884
 
2873
2885
  - `props` — Component props (see {@link AuthProviderProps}).
@@ -2879,10 +2891,7 @@ function AuthProvider({
2879
2891
  Provider for theming.
2880
2892
 
2881
2893
  ```typescript
2882
- function ThemeProvider({
2883
- provider,
2884
- children,
2885
- }: ThemeProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
2894
+ function ThemeProvider({ provider, children }: ThemeProviderProps): React.ReactElement
2886
2895
  ```
2887
2896
 
2888
2897
  - `props` — Component props (see {@link ThemeProviderProps}).
@@ -2894,10 +2903,7 @@ function ThemeProvider({
2894
2903
  Provider for routing.
2895
2904
 
2896
2905
  ```typescript
2897
- function RouterProvider({
2898
- router,
2899
- children,
2900
- }: RouterProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
2906
+ function RouterProvider({ router, children }: RouterProviderProps): React.ReactElement
2901
2907
  ```
2902
2908
 
2903
2909
  - `props` — Component props (see {@link RouterProviderProps}).
@@ -2909,10 +2915,7 @@ function RouterProvider({
2909
2915
  Provider for internationalization.
2910
2916
 
2911
2917
  ```typescript
2912
- function I18nProvider({
2913
- provider,
2914
- children,
2915
- }: I18nProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
2918
+ function I18nProvider({ provider, children }: I18nProviderProps): React.ReactElement
2916
2919
  ```
2917
2920
 
2918
2921
  - `props` — Component props (see {@link I18nProviderProps}).
@@ -2924,10 +2927,7 @@ function I18nProvider({
2924
2927
  Provider for HTTP client.
2925
2928
 
2926
2929
  ```typescript
2927
- function HttpProvider({
2928
- client,
2929
- children,
2930
- }: HttpProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
2930
+ function HttpProvider({ client, children }: HttpProviderProps): React.ReactElement
2931
2931
  ```
2932
2932
 
2933
2933
  - `props` — Component props (see {@link HttpProviderProps}).
@@ -2939,10 +2939,7 @@ function HttpProvider({
2939
2939
  Provider for storage.
2940
2940
 
2941
2941
  ```typescript
2942
- function StorageProvider({
2943
- provider,
2944
- children,
2945
- }: StorageProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
2942
+ function StorageProvider({ provider, children }: StorageProviderProps): React.ReactElement
2946
2943
  ```
2947
2944
 
2948
2945
  - `props` — Component props (see {@link StorageProviderProps}).
@@ -2954,10 +2951,7 @@ function StorageProvider({
2954
2951
  Provider for logging.
2955
2952
 
2956
2953
  ```typescript
2957
- function LoggerProvider({
2958
- provider,
2959
- children,
2960
- }: LoggerProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
2954
+ function LoggerProvider({ provider, children }: LoggerProviderProps): React.ReactElement
2961
2955
  ```
2962
2956
 
2963
2957
  - `props` — Component props (see {@link LoggerProviderProps}).
@@ -2969,10 +2963,7 @@ function LoggerProvider({
2969
2963
  Provider for AI chat.
2970
2964
 
2971
2965
  ```typescript
2972
- function ChatProvider({
2973
- provider,
2974
- children,
2975
- }: ChatProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
2966
+ function ChatProvider({ provider, children }: ChatProviderProps): React.ReactElement
2976
2967
  ```
2977
2968
 
2978
2969
  - `props` — Component props (see {@link ChatProviderProps}).
@@ -2984,10 +2975,7 @@ function ChatProvider({
2984
2975
  Provider for IDE workspace.
2985
2976
 
2986
2977
  ```typescript
2987
- function WorkspaceProvider({
2988
- provider,
2989
- children,
2990
- }: WorkspaceProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
2978
+ function WorkspaceProvider({ provider, children }: WorkspaceProviderProps): React.ReactElement
2991
2979
  ```
2992
2980
 
2993
2981
  - `props` — Component props (see {@link WorkspaceProviderProps}).
@@ -2999,10 +2987,7 @@ function WorkspaceProvider({
2999
2987
  Provider for code editor.
3000
2988
 
3001
2989
  ```typescript
3002
- function EditorProvider({
3003
- provider,
3004
- children,
3005
- }: EditorProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
2990
+ function EditorProvider({ provider, children }: EditorProviderProps): React.ReactElement
3006
2991
  ```
3007
2992
 
3008
2993
  - `props` — Component props (see {@link EditorProviderProps}).
@@ -3014,10 +2999,7 @@ function EditorProvider({
3014
2999
  Provider for live preview.
3015
3000
 
3016
3001
  ```typescript
3017
- function PreviewProvider({
3018
- provider,
3019
- children,
3020
- }: PreviewProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
3002
+ function PreviewProvider({ provider, children }: PreviewProviderProps): React.ReactElement
3021
3003
  ```
3022
3004
 
3023
3005
  - `props` — Component props (see {@link PreviewProviderProps}).
@@ -3049,7 +3031,7 @@ function MoleculeProvider({
3049
3031
  workspace,
3050
3032
  editor,
3051
3033
  preview,
3052
- }: MoleculeProviderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>
3034
+ }: MoleculeProviderProps): React.ReactElement
3053
3035
  ```
3054
3036
 
3055
3037
  - `props` — Component props (see {@link MoleculeProviderProps}) — each service is optional, and ONLY the services passed are provided to the tree.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@molecule/app-react",
3
- "version": "2.0.0",
3
+ "version": "2.0.1",
4
4
  "description": "React framework bindings for molecule.dev",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -62,7 +62,7 @@
62
62
  "devDependencies": {
63
63
  "@molecule/app-ai-models": "1.4.3",
64
64
  "@molecule/app-bonds-default-react": "3.0.0",
65
- "@molecule/app-i18n": "1.1.0",
65
+ "@molecule/app-i18n": "1.1.1",
66
66
  "@testing-library/dom": "10.4.2",
67
67
  "@testing-library/react": "16.3.3",
68
68
  "@types/node": "26.6.5",