@view-models/react 4.0.0 → 4.1.0

package/dist/index.d.ts

@@ -85,6 +85,6 @@ interface ViewModel<T> {
  * }
  * ```
  */
-declare function useModelState<T>(model: ViewModel<T>): T;
+declare const useModelState: <T>(model: ViewModel<T>) => T;
 
 export { useModelState };

package/dist/index.js

@@ -1,2 +1,2 @@
-import{useSyncExternalStore as r}from"react";function t(t){return r(t.subscribe.bind(t),()=>t.state)}export{t as useModelState};
+import{useSyncExternalStore as o}from"react";const r=r=>o(r.subscribe.bind(r),()=>r.state);export{r as useModelState};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/useModelState.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\nimport { ViewModel } from \"./ViewModel\";\n\n/**\n * A React hook that subscribes a component to a ViewModel's state updates.\n *\n * This hook connects a React component to a ViewModel instance, automatically\n * subscribing to state changes and triggering re-renders when the state updates.\n *\n * @template T - The state type, which must extend the State interface\n * @param model - The ViewModel instance to subscribe to\n * @returns The current state from the ViewModel\n *\n * @example\n * ```tsx\n * class CounterViewModel extends ViewModel<{ count: number }> {\n *   increment = () => super.update({ count: super.state.count + 1 });\n * }\n *\n * function Counter() {\n *   const counterModel = useMemo(() => new CounterViewModel({ count: 0 }), []);\n *   const { count } = useModelState(counterModel);\n *\n *   return (\n *     <div>\n *       <p>Count: {count}</p>\n *       <button onClick={counterModel.increment}>+</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useModelState<T>(model: ViewModel<T>): T {\n  return useSyncExternalStore(model.subscribe.bind(model), () => model.state);\n}\n"],"names":["useModelState","model","useSyncExternalStore","subscribe","bind","state"],"mappings":"6CAgCM,SAAUA,EAAiBC,GAC/B,OAAOC,EAAqBD,EAAME,UAAUC,KAAKH,GAAQ,IAAMA,EAAMI,MACvE"}
+{"version":3,"file":"index.js","sources":["../src/useModelState.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\nimport { ViewModel } from \"./ViewModel\";\n\n/**\n * A React hook that subscribes a component to a ViewModel's state updates.\n *\n * This hook connects a React component to a ViewModel instance, automatically\n * subscribing to state changes and triggering re-renders when the state updates.\n *\n * @template T - The state type, which must extend the State interface\n * @param model - The ViewModel instance to subscribe to\n * @returns The current state from the ViewModel\n *\n * @example\n * ```tsx\n * class CounterViewModel extends ViewModel<{ count: number }> {\n *   increment = () => super.update({ count: super.state.count + 1 });\n * }\n *\n * function Counter() {\n *   const counterModel = useMemo(() => new CounterViewModel({ count: 0 }), []);\n *   const { count } = useModelState(counterModel);\n *\n *   return (\n *     <div>\n *       <p>Count: {count}</p>\n *       <button onClick={counterModel.increment}>+</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport const useModelState = <T>(model: ViewModel<T>): T =>\n  useSyncExternalStore(model.subscribe.bind(model), () => model.state);\n"],"names":["useModelState","model","useSyncExternalStore","subscribe","bind","state"],"mappings":"6CAgCO,MAAMA,EAAoBC,GAC/BC,EAAqBD,EAAME,UAAUC,KAAKH,GAAQ,IAAMA,EAAMI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@view-models/react",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "React integration for @view-models/core",
   "type": "module",
   "main": "./dist/index.js",

package/src/useModelState.ts

@@ -30,6 +30,5 @@ import { ViewModel } from "./ViewModel";
  * }
  * ```
  */
-export function useModelState<T>(model: ViewModel<T>): T {
-  return useSyncExternalStore(model.subscribe.bind(model), () => model.state);
-}
+export const useModelState = <T>(model: ViewModel<T>): T =>
+  useSyncExternalStore(model.subscribe.bind(model), () => model.state);