opshot 0.3.3 → 0.3.4

package/README.md

@@ -28,6 +28,12 @@ const user = useMutableState({ name: "Ada", age: 36 });
 user.age = 37;
 ```
 
+The state is created once, on the first render. Pass a function to build the properties once as well, exactly as `useState` does:
+
+```tsx
+const navigation = useMutableState(createNavigation);
+```
+
 ## Bounded re-renders
 
 React re-renders a component and its children when its state changes.

package/dist/index.d.ts

@@ -180,6 +180,6 @@ declare function scope<P extends object>(Component: ComponentType<P>, options?:
 
 declare function useGroup(): Group;
 
-declare function useMutableState<T extends object>(properties: T, group?: Group): T;
+declare function useMutableState<T extends object>(properties: (() => T) | T, group?: Group): T;
 
 export { type AddOperation, type Channel, type Context, type Group, type GroupListener, type Ignored, type Op, type Operation, type OperationPath, type RemoveOperation, type ReplaceOperation, type ScopeOptions, type StateListener, TrackedDate, TrackedMap, TrackedSet, type UnsafeTracked, applyOps, createChannel, createGroup, createMutableState, diffSnapshots, identify, ignore, isSameIdentity, isState, scope, subscribe, transact, unsafeTrack, useGroup, useMutableState };

package/dist/index.js

@@ -2336,7 +2336,7 @@ function useGroup() {
 }
 function useMutableState(properties, group) {
   const [{ proxy: proxy2, boundary }] = useState(() => ({
-    proxy: createMutableState(properties, group),
+    proxy: createMutableState(typeof properties === "function" ? properties() : properties, group),
     boundary: createBoundary()
   }));
   const [, bump] = useReducer((value) => value + 1, 0);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "opshot",
-	"version": "0.3.3",
+	"version": "0.3.4",
 	"description": "Plain-object state for React: mutate it directly, re-render only the components that read what changed, and track every change operation",
 	"type": "module",
 	"exports": {