@katabatic/runtime 1.1.3 → 1.1.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@katabatic/runtime",
   "license": "MIT",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "type": "module",
   "repository": {
     "type": "git",

package/src/eachBlock.js

@@ -67,7 +67,7 @@ export class EachBlock extends Map {
     init() {
         this.#effect = new Effect(
             () => {
-                const iterable = this.getIterable()
+                const iterable = [...this.getIterable() ?? []]
 
                 for (const block of this.#getRemovedBlocks(iterable)) {
                     this.#removeBlock(block)
@@ -139,9 +139,8 @@ class Block extends AnimatedClient {
     anchor
 
     setValue(nextValue) {
-        const hasChange = this.value !== nextValue
-        this.value = nextValue
-        if (hasChange) {
+        if (this.value !== nextValue) {
+            this.value = nextValue
             this.signal.dispatchEvent(new SignalEvent('changed'))
         }
     }

package/src/index.js

@@ -21,6 +21,7 @@ export function $$(customElement) {
 
     const client = new Client()
     const signal = new Signal(customElement)
+    const bindings = new WeakMap()
 
     client.boundary = function (fn) {
         const boundary = new Boundary(fn, { orphaned: true }).init()
@@ -97,6 +98,26 @@ export function $$(customElement) {
         }
     }
 
+    client.bind = function(element, fn, _client) {
+        function opts(value) {
+            return {...value, getBinding: client.getBinding}
+        }
+
+        const binding = fn(opts)
+        bindings.set(element, binding)
+        _client.add(binding)
+        return binding
+    }
+
+    client.getBinding = function (element) {
+        let binding = bindings.get(element)
+        if (!binding) {
+            binding = {}
+            bindings.set(element, binding)
+        }
+        return binding
+    }
+
     return client
 }