bobe 0.0.69 → 0.0.71

package/dist/bobe.cjs

@@ -1473,6 +1473,7 @@ class Interpreter {
   rootComponent = null;
   program(root, componentNode, before, ctxProvider) {
     this.rootComponent = componentNode;
+    this.root = root;
     this.tokenizer.nextToken();
     const stack = new MultiTypeStack();
     setCtxStack(stack);
@@ -2676,9 +2677,6 @@ class Interpreter {
     };
   }
   insertAfter(parent, node, prev) {
-    return this.defaultInsert(parent, node, prev);
-  }
-  defaultInsert(parent, node, prev) {
     if (prev) {
       const next = prev.nextSibling;
       prev.nextSibling = node;
@@ -2689,10 +2687,7 @@ class Interpreter {
       node.nextSibling = next;
     }
   }
-  remove(node, parent, prev) {
-    return this.defaultRemove(node, parent, prev);
-  }
-  defaultRemove(node, parent, prevSibling) {
+  remove(node, parent, prevSibling) {
     const next = node.nextSibling;
     if (prevSibling) {
       prevSibling.nextSibling = next;
@@ -2747,11 +2742,13 @@ function bobe(fragments, ...values) {
   return ui;
 }
 function customRender(option) {
-  return function render(Ctor, root) {
+  const mw = new Mw();
+  function render(Ctor, root) {
     const store = Ctor.new();
     const tokenizer = store.ui(false);
     const terp = new Interpreter(tokenizer);
     terp.config(option);
+    mw.wrapHooks(terp);
     const componentNode = {
       __logicType: FakeType.Component,
       realParent: root,
@@ -2759,10 +2756,64 @@ function customRender(option) {
       tokenizer
     };
     terp.program(root, componentNode);
-    option.onBeforeFlush?.();
+    const onBeforeFlush = mw.wrapHook(terp, 'onBeforeFlush', option.onBeforeFlush);
+    onBeforeFlush?.();
     aoye.flushMicroEffectManual();
     return [componentNode, store];
-  };
+  }
+  render.use = mw.use.bind(mw);
+  return render;
+}
+class MwCtx {
+  ctx = {};
+  constructor(terp, handlers = [], base) {
+    this.terp = terp;
+    this.handlers = [...handlers, base];
+  }
+  i = 0;
+  get next() {
+    if (this.i < this.handlers.length) {
+      const handler = this.handlers[this.i];
+      this.i++;
+      return handler;
+    }
+    return null;
+  }
+  get hasNext() {
+    return this.i < this.handlers.length && this.handlers[this.i];
+  }
+}
+class Mw extends Map {
+  use(mw) {
+    for (const key in mw) {
+      const list = this.get(key);
+      if (list) {
+        list.push(mw[key]);
+      } else {
+        this.set(key, [mw[key]]);
+      }
+    }
+  }
+  wrapHooks(terp) {
+    this.forEach((list, key) => {
+      let base = terp[key];
+      base = base?.bind(terp);
+      function wrapped(...args) {
+        const ctx = new MwCtx(terp, list, base);
+        return ctx.next.apply(ctx, args);
+      }
+      terp[key] = wrapped;
+    });
+  }
+  wrapHook(terp, key, base) {
+    const list = this.get(key);
+    if (!list) return base?.bind(terp);
+    function wrapped(...args) {
+      const ctx = new MwCtx(terp, list, base?.bind(terp));
+      return ctx.next.apply(ctx, args);
+    }
+    return wrapped;
+  }
 }
 
 const context = name => {
@@ -2813,6 +2864,8 @@ Object.defineProperty(exports, "Store", {
 });
 exports.Compiler = Compiler;
 exports.FakeType = FakeType;
+exports.Mw = Mw;
+exports.MwCtx = MwCtx;
 exports.NodeType = NodeType;
 exports.ParseSyntaxError = ParseSyntaxError;
 exports.Tokenizer = Tokenizer;