@targoninc/jess-components 0.0.16 → 0.0.18

package/dist/index.js

@@ -2,13 +2,13 @@
 // node_modules/@targoninc/jess/dist/index.js
 class Signal {
   _callbacks = [];
+  _keyCallbacks = new Map;
   _value;
   _values = {};
   type = "jess-signal";
-  constructor(initialValue, updateCallback = () => {}) {
+  constructor(initialValue) {
     this._value = initialValue;
     this._values = {};
-    this._callbacks.push(updateCallback);
   }
   boolValues(assignments = {}) {
     for (let key in assignments) {
@@ -28,20 +28,26 @@ class Signal {
   unsubscribeAll() {
     this._callbacks = [];
   }
-  subscribe(callback) {
-    this._callbacks.push(callback);
+  subscribe(callback, key) {
+    if (key !== undefined && key !== null) {
+      this._keyCallbacks.set(key, callback);
+    } else {
+      this._callbacks.push(callback);
+    }
   }
   unsubscribe(callback) {
     const index = this._callbacks.indexOf(callback);
     if (index >= 0) {
       this._callbacks.splice(index, 1);
     }
+    for (const [key, func] of Object.entries(this._keyCallbacks)) {
+      if (func === callback) {
+        this.unsubscribeKey(key);
+      }
+    }
   }
-  get onUpdate() {
-    return this._callbacks;
-  }
-  set onUpdate(callback) {
-    this._callbacks.push(callback);
+  unsubscribeKey(key) {
+    this._keyCallbacks.delete(key);
   }
   get value() {
     return this._value;
@@ -50,6 +56,9 @@ class Signal {
     const changed = this._value !== value;
     this._value = value;
     this._callbacks.forEach((callback) => callback(value, changed));
+    for (const [_, callback] of this._keyCallbacks.entries()) {
+      callback(value, changed);
+    }
   }
 }
 function signal(initialValue) {
@@ -199,9 +208,9 @@ class DomNode {
         const value = arguments[i + 1];
         if (value && isSignal(value)) {
           this._node.setAttribute(key, value.value);
-          value.onUpdate = (newValue) => {
+          value.subscribe((newValue) => {
             this._node.setAttribute(key, newValue);
-          };
+          });
         } else {
           this._node.setAttribute(key, value);
         }
@@ -556,9 +565,9 @@ class DomNode {
         }
         if (value && isSignal(value)) {
           this._node.style[key] = value.value;
-          value.onUpdate = (newValue) => {
+          value.subscribe((newValue) => {
             this._node.style[key] = newValue;
-          };
+          });
         } else {
           this._node.style[key] = value;
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@targoninc/jess-components",
   "type": "module",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -17,7 +17,7 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@targoninc/jess": "^0.0.15"
+    "@targoninc/jess": "^0.0.19"
   },
   "devDependencies": {
     "@types/bun": "latest",