@bitstillery/mithril 3.3.3 → 3.4.0

package/README.md

@@ -36,7 +36,7 @@ count(5) // Logs: 5 × 2 = 10
 
 ## Proxy State
 
-`state()` creates reactive objects. Components track which properties they read and only re-render when those change.
+`state()` creates reactive objects. Components track which properties they read and only re-render when those change. **Function properties become computed values**—they re-evaluate when their dependencies change.
 
 ```tsx
 import m, {state, MithrilComponent} from '@bitstillery/mithril'
@@ -47,7 +47,9 @@ class Counter extends MithrilComponent {
     view() {
         return (
             <div>
-                <p>{$s.count}</p>
+                <p>
+                    {$s.count} / {$s.totalTodos}
+                </p>
                 <button onclick={() => $s.count++}>+</button>
             </div>
         )
@@ -57,7 +59,9 @@ class Counter extends MithrilComponent {
 m.mount(document.body, Counter)
 ```
 
-The second argument to `state()` is a name used for SSR serialization.
+- **Computed properties**: Any function in state (e.g. `totalTodos: () => $s.todos.length`) is a computed—read it like a normal property, it updates when dependencies change.
+- **`$` prefix**: Use `$s.$count` for the raw signal (e.g. for `watch()`).
+- The second argument is a name used for SSR serialization.
 
 ## Watchers
 

package/index.ts

@@ -12,7 +12,7 @@ import censor from './util/censor'
 import nextTick from './util/next_tick'
 import domFor from './render/domFor'
 import {signal, computed, effect, Signal, ComputedSignal, setSignalRedrawCallback, getSignalComponents} from './signal'
-import {state, watch, registerState, getRegisteredStates, copyGlobalStatesToContext} from './state'
+import {state, watch, registerState, getRegisteredStates, clearStateRegistry, copyGlobalStatesToContext} from './state'
 
 import type {Vnode, Children, ComponentType} from './render/vnode'
 import type {Hyperscript} from './render/hyperscript'
@@ -101,7 +101,7 @@ setSignalRedrawCallback((sig: Signal<any>) => {
 })
 
 // Export signals API
-export {signal, computed, effect, Signal, ComputedSignal, state, watch, registerState, getRegisteredStates}
+export {signal, computed, effect, Signal, ComputedSignal, state, watch, registerState, getRegisteredStates, clearStateRegistry}
 export type {State, StateOptions, StateSignals, Unwatch} from './state'
 
 // Export Store class

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bitstillery/mithril",
-    "version": "3.3.3",
+    "version": "3.4.0",
     "description": "Mithril + Signals, Store and SSR",
     "license": "MIT",
     "author": "Bitstillery",
@@ -54,9 +54,14 @@
         "lint:ts-syntax": "oxlint -c .oxlintrc.json",
         "lint:ts-types": "tsgo --noEmit",
         "test": "bun test",
+        "bench": "NODE_ENV=production bun run bench/index.ts",
+        "bench:hyperscript": "NODE_ENV=production bun run bench/index.ts hyperscript",
+        "bench:render": "NODE_ENV=production bun run bench/index.ts render",
+        "bench:signal": "NODE_ENV=production bun run bench/index.ts signal",
+        "bench:state": "NODE_ENV=production bun run bench/index.ts state",
+        "bench:profile": "bun --cpu-prof-md run bench/index.ts",
         "prepublishOnly": "bun run lint:ts",
         "pack:dry-run": "npm pack --dry-run",
-        "publish": "./scripts/release.sh",
         "release": "./scripts/release.sh",
         "release:patch": "./scripts/release.sh --release-as patch",
         "release:minor": "./scripts/release.sh --release-as minor",
@@ -77,6 +82,7 @@
         "codemirror": "^6.0.1",
         "marked": "^15.0.4",
         "marked-gfm-heading-id": "^4.0.0",
+        "mitata": "^1.0.34",
         "oxfmt": "^0.32.0",
         "oxlint": "^1.30.0",
         "standard-version": "^9.5.0",

package/state.ts

@@ -27,14 +27,27 @@ function createStateComputed<T>(wrapped: any, computeFn: () => T, shouldDefer: b
 function markAllComputedsDirty(stateObj: any): void {
     if (!stateObj || !(stateObj as any).__isState) return
     const signalMap = (stateObj as any).__signalMap
-    if (!signalMap || !(signalMap instanceof Map)) return
-    signalMap.forEach((sig: any) => {
-        if (sig instanceof ComputedSignal) {
-            sig.markDirty()
-        } else if (sig && typeof sig === 'object' && sig.value && (sig.value as any).__isState) {
-            markAllComputedsDirty(sig.value)
+    if (signalMap && signalMap instanceof Map) {
+        signalMap.forEach((sig: any) => {
+            if (sig instanceof ComputedSignal) {
+                sig.markDirty()
+            } else if (sig && typeof sig === 'object' && sig.value && (sig.value as any).__isState) {
+                markAllComputedsDirty(sig.value)
+            }
+        })
+    }
+    // Arrays use __signals instead of __signalMap; recurse into nested state elements
+    const signals = (stateObj as any).__signals
+    if (Array.isArray(signals)) {
+        for (const sig of signals) {
+            if (sig && typeof sig === 'object' && (sig as any).__isState) {
+                markAllComputedsDirty(sig)
+            } else if (sig && typeof sig === 'object' && !isSignal(sig)) {
+                // Array elements that are Proxies (not signals) - they're nested states
+                markAllComputedsDirty(sig)
+            }
         }
-    })
+    }
 }
 
 // Type guard to check if value is a Signal