bobe 0.0.70 → 0.0.72

package/dist/bobe.esm.js

@@ -1472,6 +1472,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);
@@ -2675,9 +2676,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;
@@ -2688,10 +2686,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;
@@ -2746,11 +2741,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,
@@ -2758,10 +2755,64 @@ function customRender(option) {
       tokenizer
     };
     terp.program(root, componentNode);
-    option.onBeforeFlush?.();
+    const onBeforeFlush = mw.wrapHook(terp, 'onBeforeFlush', option.onBeforeFlush);
+    onBeforeFlush?.();
     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 => {
@@ -2806,5 +2857,5 @@ const effect = (callback, depOrOpt, opt) => {
   return effect$1(callback, option);
 };
 
-export { Compiler, FakeType, NodeType, ParseSyntaxError, Tokenizer, bobe, context, customRender, effect };
+export { Compiler, FakeType, Interpreter, Mw, MwCtx, NodeType, ParseSyntaxError, Tokenizer, bobe, context, customRender, effect };
 //# sourceMappingURL=bobe.esm.js.map