tutuca 0.9.73 → 0.9.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tutuca",
-  "version": "0.9.73",
+  "version": "0.9.76",
   "type": "module",
   "description": "Zero-dependency SPA framework with immutable state and virtual DOM",
   "main": "./dist/tutuca.js",

package/skill/tutuca-source/tutuca.ext.js

@@ -17,6 +17,9 @@ class Step {
   toAbstractPathStep() {
     return this;
   }
+  pinKey(_v) {
+    return this;
+  }
 }
 
 class BindStep extends Step {
@@ -98,6 +101,10 @@ class SeqAccessStep extends Step {
     const key = root?.get(this.keyField, NONE);
     return seq === NONE || key === NONE ? root : root.set(this.seqField, seq.set(key, v));
   }
+  pinKey(v) {
+    const key = v?.get(this.keyField, NONE);
+    return key === NONE ? this : new SeqStep(this.seqField, key);
+  }
 }
 
 class EachBindStep extends Step {
@@ -220,6 +227,20 @@ class Path {
     }
     return new Path(out);
   }
+  pinKeys(root) {
+    let curVal = root;
+    let out = null;
+    for (let i = 0;i < this.steps.length; i++) {
+      const step = this.steps[i];
+      const pinned = step.pinKey(curVal);
+      if (pinned !== step)
+        (out ??= this.steps.slice())[i] = pinned;
+      curVal = step.lookup(curVal, NONE);
+      if (curVal === NONE)
+        break;
+    }
+    return out ? new Path(out) : this;
+  }
   lookup(v, dval = null) {
     let curVal = v;
     for (const step of this.steps) {
@@ -2664,12 +2685,14 @@ class Transactor {
   }
   async pushRequest(path, name, args = [], opts = {}, parent = null) {
     const curRoot = this.state.val;
-    const curLeaf = path.toTransactionPath().lookup(curRoot);
+    const txnPath = path.toTransactionPath();
+    const curLeaf = txnPath.lookup(curRoot);
     const handler = this.comps.getRequestFor(curLeaf, name) ?? mkReq404(name);
     const resHandlerName = opts?.onResName ?? name;
+    const resPath = opts?.livePath ? null : txnPath.pinKeys(curRoot);
     const push = (specificName, baseName, singleArg, result, error) => {
       const resArgs = specificName ? [singleArg] : [result, error];
-      const t = new ResponseEvent(path, this, specificName ?? baseName, resArgs, parent);
+      const t = new ResponseEvent(path, this, specificName ?? baseName, resArgs, parent, resPath);
       this.pushTransaction(t);
     };
     try {
@@ -2744,8 +2767,11 @@ class Transaction {
   getHandlerAndArgs(_root, _instance, _comps) {
     return null;
   }
+  getTransactionPath() {
+    return this.path.toTransactionPath();
+  }
   updateRootValue(curRoot, comps) {
-    const txnPath = this.path.toTransactionPath();
+    const txnPath = this.getTransactionPath();
     const curLeaf = txnPath.lookup(curRoot);
     const newLeaf = this.callHandler(curRoot, curLeaf, comps);
     this._task?.complete?.({ value: newLeaf, old: curLeaf });
@@ -2854,6 +2880,13 @@ class NameArgsTransaction extends Transaction {
 
 class ResponseEvent extends NameArgsTransaction {
   handlerProp = "response";
+  constructor(path, transactor, name, args, parent, txnPath = null) {
+    super(path, transactor, name, args, parent);
+    this._txnPath = txnPath;
+  }
+  getTransactionPath() {
+    return this._txnPath ?? super.getTransactionPath();
+  }
 }
 
 class SendEvent extends NameArgsTransaction {