rask-ui 0.9.2 → 0.10.0

package/README.md

@@ -326,6 +326,48 @@ function Example() {
 
 ---
 
+#### `assignState<T>(state, newState)`
+
+Merges properties from a new state object into an existing reactive state object. This is a convenience function that uses `Object.assign` internally.
+
+```tsx
+import { assignState, createState } from "rask-ui";
+
+function Example() {
+  const state = createState({
+    name: "Alice",
+    age: 30,
+    email: "alice@example.com",
+  });
+
+  const updateProfile = (updates) => {
+    assignState(state, updates);
+  };
+
+  return () => (
+    <div>
+      <p>{state.name} - {state.email}</p>
+      <button onClick={() => updateProfile({ name: "Bob", age: 35 })}>
+        Update Profile
+      </button>
+    </div>
+  );
+}
+```
+
+**Parameters:**
+
+- `state: T` - The reactive state object to update
+- `newState: T` - Object with properties to merge into the state
+
+**Notes:**
+
+- Equivalent to `Object.assign(state, newState)`
+- Triggers reactivity for all updated properties
+- Useful for bulk state updates from form data or API responses
+
+---
+
 #### `createView<T>(...objects)`
 
 Creates a view that merges multiple objects (reactive or plain) into a single object while maintaining reactivity through getters. Properties from later arguments override earlier ones.

package/dist/createState.d.ts

@@ -1,3 +1,4 @@
+export declare function assignState<T extends object>(state: T, newState: T): void;
 /**
  * Creates a reactive state object that tracks property access and notifies observers on changes.
  *

package/dist/createState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createState.d.ts","sourceRoot":"","sources":["../src/createState.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAEzD;AAGD,eAAO,MAAM,YAAY,eAAoB,CAAC"}
+{"version":3,"file":"createState.d.ts","sourceRoot":"","sources":["../src/createState.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,QAElE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAEzD;AAGD,eAAO,MAAM,YAAY,eAAoB,CAAC"}

package/dist/createState.js

@@ -1,5 +1,8 @@
 import { INSPECT_MARKER, INSPECTOR_ENABLED } from "./inspect";
 import { getCurrentObserver, Signal } from "./observation";
+export function assignState(state, newState) {
+    Object.assign(state, newState);
+}
 /**
  * Creates a reactive state object that tracks property access and notifies observers on changes.
  *

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { render } from "./render";
 export { createCleanup, createMountEffect, RaskStatefulComponent, RaskStatelessComponent, } from "./component";
 export { createContext } from "./createContext";
-export { createState } from "./createState";
+export { createState, assignState } from "./createState";
 export { createTask } from "./createTask";
 export { ErrorBoundary } from "./error";
 export { createRef } from "inferno";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,7 +1,7 @@
 export { render } from "./render";
 export { createCleanup, createMountEffect, RaskStatefulComponent, RaskStatelessComponent, } from "./component";
 export { createContext } from "./createContext";
-export { createState } from "./createState";
+export { createState, assignState } from "./createState";
 export { createTask } from "./createTask";
 export { ErrorBoundary } from "./error";
 export { createRef } from "inferno";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.9.2",
+  "version": "0.10.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",