bobe 0.0.3 → 0.0.6

package/dist/bobe.cjs.js

@@ -1,425 +1,66 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var TokenType = /* @__PURE__ */ ((TokenType2) => {
+  TokenType2[TokenType2["NewLine"] = 1] = "NewLine";
+  TokenType2[TokenType2["Indent"] = 2] = "Indent";
+  TokenType2[TokenType2["Dedent"] = 4] = "Dedent";
+  TokenType2[TokenType2["Identifier"] = 8] = "Identifier";
+  TokenType2[TokenType2["Assign"] = 16] = "Assign";
+  TokenType2[TokenType2["Pipe"] = 32] = "Pipe";
+  TokenType2[TokenType2["Eof"] = 64] = "Eof";
+  return TokenType2;
+})(TokenType || {});
+var LogicType = /* @__PURE__ */ ((LogicType2) => {
+  LogicType2[LogicType2["If"] = 1] = "If";
+  LogicType2[LogicType2["ElseIf"] = 2] = "ElseIf";
+  LogicType2[LogicType2["Else"] = 4] = "Else";
+  LogicType2[LogicType2["For"] = 8] = "For";
+  return LogicType2;
+})(LogicType || {});
 
-class Queue {
-  constructor() {
-    this.len = 0;
-  }
-  get first() {
-    var _a;
-    return (_a = this._first) === null || _a === void 0 ? void 0 : _a.v;
-  }
-  get last() {
-    var _a;
-    return (_a = this._last) === null || _a === void 0 ? void 0 : _a.v;
-  }
-  push(it) {
-    this.len++;
-    const {
-      _last: last
-    } = this;
-    const item = {
-      v: it
-    };
-    if (!last) {
-      this._first = this._last = item;
-      return;
-    }
-    item.prev = this._last;
-    last.next = item;
-    this._last = item;
-  }
-  shift() {
-    const {
-      _first: first
-    } = this;
-    if (!first) return undefined;
-    this.len--;
-    const {
-      next
-    } = first;
-    first.next = undefined;
-    if (next) {
-      next.prev = undefined;
-    } else {
-      this._last = undefined;
-    }
-    this._first = next;
-    return first.v;
-  }
-}
-function isNum(char) {
-  return char === '0' || char === '1' || char === '2' || char === '3' || char === '4' || char === '5' || char === '6' || char === '7' || char === '8' || char === '9';
-}
-// const queue = new Queue([1,2,3,4]);
-// queue.shift()
-// queue.pop()
-// // @ts-ignore
-// queue.unshift('a')
-// // @ts-ignore
-// queue.push('b')
-// queue.shift()
-// queue.pop()
-// queue.shift()
-// queue.pop()
-// queue.shift()
-// queue.pop()
-// queue.push(10)
-// queue.array();
-
-exports.TokenType = void 0;
-(function (TokenType) {
-  TokenType[TokenType["NewLine"] = 0] = "NewLine";
-  TokenType[TokenType["Indent"] = 1] = "Indent";
-  TokenType[TokenType["Dedent"] = 2] = "Dedent";
-  TokenType[TokenType["Identifier"] = 3] = "Identifier";
-  TokenType[TokenType["Assign"] = 4] = "Assign";
-  TokenType[TokenType["Pipe"] = 5] = "Pipe";
-  TokenType[TokenType["Eof"] = 6] = "Eof";
-})(exports.TokenType || (exports.TokenType = {}));
-class Compiler {
-  get char() {
-    return this.code[this.i];
-  }
-  get prev() {
-    return this.code[this.i - 1];
-  }
-  get after() {
-    return this.code[this.i + 1];
-  }
-  at(i) {
-    return this.code[i];
-  }
-  next() {
-    const prev = this.code[this.i];
-    this.i++;
-    const curr = this.code[this.i];
-    return [prev, curr];
-  }
-  nextToken() {
-    // 已遍历到文件结尾
-    if (this.isEof()) {
-      return this.token;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-    this.token = undefined;
-    if (this.waitingTokens.len) {
-      const item = this.waitingTokens.shift();
-      this.setToken(item.type, item.value);
-      return this.token;
-    }
-    while (1) {
-      if (this.needIndent) {
-        this.tokenCreator.dent();
-        // 遍历到当前标识符非 空白为止
-      } else {
-        let {
-          char
-        } = this;
-        switch (char) {
-          case '\t':
-          case ' ':
-            // skip, 缩进通过 \n 匹配来激活 needIndent
-            break;
-          // 找后续所有 newLine
-          case '\n':
-            this.tokenCreator.newLine();
-            // 回车后需要判断缩进
-            this.needIndent = true;
-            break;
-          case '=':
-            this.tokenCreator.assignment();
-            break;
-          case '|':
-            this.tokenCreator.pipe();
-            break;
-          case "'":
-          case '"':
-            this.tokenCreator.str(char);
-            break;
-          case '$':
-            const handled = this.tokenCreator.dynamic(char);
-            if (handled) break;
-          default:
-            if (isNum(char)) {
-              this.tokenCreator.number(char);
-              break;
-            }
-            if (this.testId(char)) {
-              this.tokenCreator.identifier(char);
-            }
-            break;
-        }
-        // 指向下一个字符
-        this.next();
-      }
-      // 找到 token 即可停止
-      if (this.token) {
-        break;
-      }
-    }
-    return this.token;
-  }
-  consume() {
-    const token = this.token;
-    this.nextToken();
-    return token;
-  }
-  tokenize() {
-    var _a, _b;
-    do {
-      this.nextToken();
-      console.log('token:', exports.TokenType[(_a = this.token) === null || _a === void 0 ? void 0 : _a.type], JSON.stringify(((_b = this.token) === null || _b === void 0 ? void 0 : _b.value) || ''));
-    } while (!this.isEof());
-  }
-  constructor() {
-    this.i = 0;
-    this.tokenIs = (...types) => {
-      if (types.length === 1) return types[0] === this.token.type;
-      return types.includes(this.token.type);
-    };
-    this.isEof = () => {
-      // 刚开始时 token 不存在
-      if (!this.token) return false;
-      return this.tokenIs(exports.TokenType.Identifier) && this.token.value === this.EofId;
-    };
-    this.setToken = (type, value) => {
-      this.token = {
-        type,
-        typeName: exports.TokenType[type],
-        value
-      };
-      this.isFirstToken = false;
-    };
-    this.TabSize = 2;
-    this.Tab = Array.from({
-      length: this.TabSize
-    }, () => ' ').join('');
-    this.IdExp = /[\d\w\/]/;
-    this.EofId = `__EOF__${Date.now()}`;
-    this.testId = value => {
-      if (typeof value !== 'string') return false;
-      return this.IdExp.test(value);
-    };
-    /** 记录历史缩进的长度，相对于行首 */
-    this.dentStack = [0];
-    this.needIndent = false;
-    this.isFirstToken = true;
-    /**
-     * 有些标识符能产生多个 token
-     * 例如 dedent
-     * parent1
-     *   child
-     *     subChild
-     * parent2 <- 产生两个 dedent
-     */
-    this.waitingTokens = new Queue();
-    this.tokenCreator = {
-      assignment: () => {
-        this.setToken(exports.TokenType.Assign, '=');
-      },
-      pipe: () => {
-        this.setToken(exports.TokenType.Pipe, '|');
-      },
-      dynamic: char => {
-        let nextC = this.after;
-        // 不是动态插值
-        if (nextC !== '{') {
-          return false;
-        }
-        this.next();
-        let value = '${';
-        let innerBrace = 0;
-        while (1) {
-          nextC = this.after;
-          value += nextC;
-          // 下一个属于本标识符再前进
-          this.next();
-          if (nextC === '{') {
-            innerBrace++;
-          }
-          if (nextC === '}') {
-            // 内部无左括号，说明完成匹配 TODO: 考虑js注释中的括号可能导致匹配错误
-            if (!innerBrace) {
-              break;
-            }
-            innerBrace--;
-          }
-        }
-        this.setToken(exports.TokenType.Identifier, value);
-        return true;
-      },
-      newLine: () => {
-        let value = '\n';
-        let nextC;
-        while (1) {
-          nextC = this.after;
-          if (nextC !== '\n') {
-            break;
-          }
-          value += nextC;
-          // 下一个属于本标识符再前进
-          this.next();
-        }
-        // Program 希望第一个 token 一定是 node 节点
-        if (this.isFirstToken) {
-          return;
-        }
-        this.setToken(exports.TokenType.NewLine, value);
-      },
-      dent: () => {
-        const handleDent = v => {
-          switch (v) {
-            case '\t':
-              return this.Tab;
-            case ' ':
-              return ' ';
-            case '\n':
-              return '\n';
-            default:
-              return '';
-          }
-        };
-        let value = '';
-        let nextC;
-        while (1) {
-          const nextChar = this.char;
-          nextC = handleDent(nextChar);
-          // \n 空白 \n 的情况，这行不算
-          if (nextC === '\n') {
-            this.needIndent = true;
-            // 这种情况下需要 next ，即后续从 \n 重新开始匹配
-            return true;
-          }
-          // 比较长度，比上个 indent 长，缩进，比上个 indent 短，dedent
-          if (!nextC) {
-            this.needIndent = false;
-            // 期望 firstToken 是 node，所以这里只要修改第一个节点的基础偏移值即可
-            if (this.isFirstToken) {
-              this.dentStack[0] = value.length;
-              return;
-            }
-            let currLen = value.length;
-            const indentHasLen = currLen > 0;
-            const prevLen = this.dentStack[this.dentStack.length - 1];
-            if (currLen > prevLen) {
-              this.dentStack.push(currLen);
-              this.setToken(exports.TokenType.Indent, String(currLen));
-              return indentHasLen;
-            }
-            if (currLen < prevLen) {
-              // 一直找到最小
-              for (let i = this.dentStack.length - 2; i >= 0; i--) {
-                const expLen = this.dentStack[i];
-                const prevExpLen = this.dentStack[i + 1];
-                // 夹在两者说明缩进大小有问题
-                if (currLen > expLen && currLen < prevExpLen) {
-                  throw SyntaxError('缩进大小不统一');
-                }
-                // current <= expLen 反缩进
-                this.dentStack.pop();
-                if (!this.token) {
-                  this.setToken(exports.TokenType.Dedent, String(expLen));
-                }
-                // 多余的 dent 缓存在 waitingTokens
-                else {
-                  this.waitingTokens.push({
-                    type: exports.TokenType.Dedent,
-                    typeName: exports.TokenType[exports.TokenType.Dedent],
-                    value: String(expLen)
-                  });
-                }
-                if (currLen === expLen) {
-                  break;
-                }
-              }
-              return indentHasLen;
-            }
-            // 同级则无视
-            return indentHasLen;
-          }
-          value += nextC;
-          this.next();
-        }
-      },
-      identifier: char => {
-        let value = char;
-        let nextC;
-        while (1) {
-          nextC = this.after;
-          if (!this.testId(nextC)) {
-            break;
-          }
-          value += nextC;
-          this.next();
-        }
-        let realValue = value === 'null' ? null : value === 'undefined' ? undefined : value === 'false' || value === 'true' ? Boolean(value) : value;
-        this.setToken(exports.TokenType.Identifier, realValue);
-      },
-      str: char => {
-        let value = '"';
-        let nextC;
-        let continuousBackslashCount = 0;
-        while (1) {
-          nextC = this.after;
-          value += nextC;
-          const memoCount = continuousBackslashCount;
-          if (nextC === '\\') {
-            continuousBackslashCount++;
-          } else {
-            continuousBackslashCount = 0;
-          }
-          this.next();
-          /**
-           * 引号前 \ 为双数时，全都是字符 \
-           *  */
-          if (nextC === char && memoCount % 2 === 0) {
-            break;
-          }
-        }
-        this.setToken(exports.TokenType.Identifier, JSON.parse(value.slice(0, -1) + '"'));
-      },
-      number: char => {
-        let value = char;
-        let nextC;
-        while (1) {
-          nextC = this.after;
-          if (!isNum(nextC)) {
-            break;
-          }
-          value += nextC;
-          this.next();
-        }
-        this.setToken(exports.TokenType.Identifier, Number(value));
-      },
-      eof: () => {
-        this.setToken(exports.TokenType.Eof, 'End Of File');
-      }
-    };
-    this.HookId = '_h_o_o_k_';
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+class Interpreter {
+  constructor(tokenizer) {
+    this.tokenizer = tokenizer;
+    /** 模板字符串动态节点的占位符 */
+    this.HookId = "_h_o_o_k_";
+    /** 用于渲染的数据 */
     this.data = {};
-    this._hook = props => {
-      const value = this.token.value;
-      const isHook = value === this.HookId;
+    /** 模板字符串动态节点索引 */
+    this.hookI = 0;
+    this.stack = [];
+    this._hook = (props) => {
+      const value = this.tokenizer.token.value;
+      const isHook = typeof value === "string" && value.indexOf(this.HookId) === 0;
       if (this.hook && isHook) {
-        const res = this.hook({
-          ...props,
+        const hookI = Number(value.slice(this.HookId.length));
+        const res = this.hook(__spreadProps(__spreadValues({}, props), {
           HookId: this.HookId,
-          i: this.hookI
-        });
+          i: hookI
+        }));
         this.hookI++;
         return [isHook, res];
       }
       return [isHook, value];
     };
-    this.hookI = 0;
-  }
-  preprocess() {
-    // 保证开头能通过 换行进行 indent 计算
-    this.code = '\n' + this.code;
-    // 保证结尾 dedent 能正常配对
-    this.code = this.code.trimEnd() + `\n${this.EofId}`;
-    // console.log(this.code);
   }
   /**
    * 根节点：
@@ -427,9 +68,51 @@ class Compiler {
    * <program> ::= <nodeList>
    */
   program() {
-    // 初始化第一个 token
-    this.consume();
-    return this.nodeList();
+    this.tokenizer.consume();
+    const _program = this.createRoot();
+    this.nodeList(_program);
+    return _program;
+  }
+  experimentalProgram() {
+    this.tokenizer.consume();
+    let current;
+    let prevSibling;
+    const rootList = [];
+    while (1) {
+      if (this.tokenizer.isEof()) {
+        rootList.push(current);
+        break;
+      }
+      const token = this.tokenizer.token;
+      if (token.type & TokenType.Indent) {
+        this.tokenizer.consume();
+        this.stack.push({
+          prevSibling,
+          node: current
+        });
+        prevSibling = null;
+        current = this.declaration();
+      } else {
+        if (current) {
+          if (this.stack.length) {
+            const parent = this.stack[this.stack.length - 1].node;
+            this.insert(parent, current, prevSibling);
+          } else {
+            rootList.push(current);
+          }
+        }
+        if (this.tokenizer.token.type & TokenType.Dedent) {
+          this.tokenizer.consume();
+          const { node: parent, prevSibling: prevParent } = this.stack.pop();
+          prevSibling = prevParent;
+          current = parent;
+        } else {
+          prevSibling = current;
+          current = this.declaration();
+        }
+      }
+    }
+    return rootList;
   }
   /**
    * 节点列表：
@@ -437,24 +120,59 @@ class Compiler {
    * <nodeList> ::= <node> <nodeList> <EOF|Dedent>
    *               |
    */
-  nodeList() {
-    const {
-      tokenIs
-    } = this;
-    const nodes = [];
+  nodeList(parent) {
     let _node;
+    let prevSibling;
+    let prevItem;
     while (1) {
-      // 对于 Program    EOF 表示 list 遍历完成
-      if (this.isEof()) {
-        return nodes;
+      if (this.tokenizer.isEof()) {
+        return;
       }
-      // 对于 childList  Dedent 表示 childList 遍历完成
-      if (tokenIs(exports.TokenType.Dedent)) {
-        this.consume();
-        return nodes;
+      if (this.tokenizer.token.type & TokenType.Dedent) {
+        this.tokenizer.consume();
+        return;
       }
       _node = this.node();
-      nodes.push(_node);
+      const insert = parent.__logicType ? this.defaultInsert : this.insert.bind(this);
+      parent.__logicType ? this.defaultRemove : this.remove.bind(this);
+      if (!_node.__logicType) {
+        const realPrev = this.getPrevRealSibling(prevSibling);
+        const currItem = insert(parent, _node, realPrev, prevItem);
+        prevItem = currItem;
+        prevSibling = _node;
+        continue;
+      }
+      if (prevSibling) {
+        _node.anchor = prevSibling;
+      } else if (parent.__logicType) {
+        _node.anchor = parent;
+      } else ;
+      this.effect(() => {
+        if (_node.child && _node.condition()) {
+          let item = _node.child;
+          while (item != null) {
+            const { value: child } = item;
+            const realPrev = this.getPrevRealSibling(prevSibling);
+            const currItem = insert(parent, child, realPrev, prevItem);
+            item = item.next;
+            prevItem = currItem;
+            prevSibling = child;
+          }
+        }
+      });
+    }
+  }
+  /** 考虑到同级 逻辑模块 */
+  getPrevRealSibling(prevSibling) {
+    if (!prevSibling || !prevSibling.__logicType) {
+      return prevSibling;
+    }
+    let point = prevSibling;
+    while (point != null) {
+      if (point.lastChild) {
+        return point.lastChild.value;
+      }
+      point = point.anchor;
     }
   }
   /**
@@ -464,7 +182,10 @@ class Compiler {
    *  */
   node() {
     const _declaration = this.declaration();
-    _declaration.children = this.childrenBlockOpt();
+    if (_declaration.__logicType & LogicType.If && !_declaration.condition()) {
+      return _declaration;
+    }
+    this.childrenBlockOpt(_declaration);
     return _declaration;
   }
   /**
@@ -473,44 +194,60 @@ class Compiler {
    * <declaration> ::= <tagName=token> <headerLine> <extensionLines>
    *  */
   declaration() {
-    this.consume();
     const [isHook, value] = this._hook({});
     let _node;
     if (isHook) {
-      const {
-        tree,
-        data
-      } = value();
+      const { tree, data } = value();
       _node = tree;
+    } else if (value === "if") {
+      return this.ifDeclaration();
     } else {
       _node = this.createNode(value);
     }
+    this.tokenizer.consume();
     this.headerLine(_node);
     this.extensionLines(_node);
     return _node;
   }
+  ifDeclaration() {
+    this.tokenizer.consume();
+    const [isHook, value] = this._hook({});
+    const ifNode = {
+      __logicType: LogicType.If,
+      condition: value,
+      child: null,
+      lastChild: null,
+      anchor: null,
+      skip: null
+    };
+    this.effect(() => {
+      const needMount = value();
+      if (needMount) {
+        this.tokenizer.consume();
+        this.tokenizer.consume();
+      } else {
+        ifNode.skip = this.tokenizer.skip();
+        console.log("skip");
+        console.log(ifNode.skip);
+      }
+    });
+    return ifNode;
+  }
   /**
    * <extensionLines> ::= PIPE <attributeList> NEWLINE <extensionLines>
    *                    | ε
    */
   extensionLines(_node) {
-    const {
-      tokenIs
-    } = this;
     while (1) {
-      //  终止条件，下一行不是 pipe
-      if (!tokenIs(exports.TokenType.Pipe)) {
+      if (!(this.tokenizer.token.type & TokenType.Pipe)) {
         return;
       }
-      // 开始解析 attributeList
-      this.consume();
+      this.tokenizer.consume();
       this.attributeList(_node);
-      // 文件结束了，通常不会发生
-      if (!tokenIs(exports.TokenType.NewLine)) {
+      if (!(this.tokenizer.token.type & TokenType.NewLine)) {
         return;
       }
-      // 换行
-      this.consume();
+      this.tokenizer.consume();
     }
   }
   /**
@@ -520,7 +257,7 @@ class Compiler {
    */
   headerLine(_node) {
     this.attributeList(_node);
-    this.consume();
+    this.tokenizer.consume();
   }
   /**
    * 属性列表：
@@ -529,53 +266,57 @@ class Compiler {
    *                    | ε
    *
    * <attribute> ::= <key> <=> <value or dataKey> <=> <value>
+   *
    */
   attributeList(_node) {
-    let key = '';
-    let dataKey = '';
-    let defaultValue = undefined;
-    let prevIsAssign = false;
-    // 是标识符 或 赋值 就 继续累积 props
-    while (this.tokenIs(exports.TokenType.Identifier, exports.TokenType.Assign)) {
-      const [isHook, value] = this._hook({});
-      if (value === '=') {
-        prevIsAssign = true;
-      }
-      // 前一个不是等号，说明是 key
-      else if (!prevIsAssign) {
-        /*----------------- 开始下一个属性前进行赋值操作 -----------------*/
-        // 只声明 key 时 dataKey === key
-        if (!dataKey) {
+    let values = [];
+    let prevToken = void 0;
+    while (1) {
+      if ((prevToken == null ? void 0 : prevToken.type) === TokenType.Identifier && this.tokenizer.token.type !== TokenType.Assign) {
+        const [v1, v2, v3] = values;
+        const key = v1;
+        let dataKey, defaultVal;
+        if (v3 !== void 0) {
+          defaultVal = v3;
+          dataKey = v2;
+        } else if (v2 !== void 0) {
+          if (typeof v2 === "string" && v2[0] === "$" && v2[1] !== "{") {
+            dataKey = v2.slice(1);
+          } else {
+            defaultVal = v2;
+          }
+        } else {
           dataKey = key;
         }
-        // 三者都有
-        else if (defaultValue != null) ;
-        // 第二个值是 dataKey 或 defaultValue，看其是否是 $ 开头
-        else {
-          const valueOrKey = dataKey;
-          if (valueOrKey[0] === '$') {
-            dataKey = dataKey.slice(1);
-          }
-          // 值
-          else {
-            defaultValue = dataKey;
-            dataKey = undefined;
-          }
+        let val = defaultVal;
+        if (dataKey) {
+          val = this.setDataProp(this.data, dataKey, defaultVal);
         }
-        this.setDataProp(this.data, dataKey, defaultValue);
-        this.setProp(_node, key, this.data[dataKey], this.hookI - 1);
-        key = value;
+        this.setProp(_node, key, val, this.hookI - 1);
+        const [isHook, value] = this._hook({});
+        values = [value];
+      } else if (this.tokenizer.token.type !== TokenType.Assign) {
+        const [isHook, value] = this._hook({});
+        values.push(value);
       }
-      // 前一个是等号
-      else {
-        if (!dataKey) {
-          dataKey = value;
-        } else {
-          defaultValue = value;
-        }
+      if (!(this.tokenizer.token.type & (TokenType.Identifier | TokenType.Assign))) {
+        break;
       }
-      this.consume();
+      prevToken = this.tokenizer.consume();
+    }
+  }
+  /** 子节点块：
+   * 必须被缩进包裹
+   * <childrenBlockOpt> ::= INDENT <nodeList>
+   *                        | ε  /* 空（表示叶子节点，没有孩子）
+   *  */
+  childrenBlockOpt(parent) {
+    if (!(this.tokenizer.token.type & TokenType.Indent)) {
+      return [];
     }
+    this.tokenizer.consume();
+    const list = this.nodeList(parent);
+    return list;
   }
   config(opt) {
     Object.assign(this, opt);
@@ -586,96 +327,80 @@ class Compiler {
   setDataProp(data, key, value) {
     return data[key] = value;
   }
+  setChildren(node, children) {
+    node.children = children;
+  }
   createNode(name) {
     return {
       name,
       props: {}
     };
   }
+  createRoot() {
+    return this.createNode("root");
+  }
+  insert(parent, node, prevSibling, prevItem) {
+    return this.defaultInsert(parent, node, prevSibling, prevItem);
+  }
+  defaultInsert(parent, node, prevSibling, prevItem) {
+    if (!parent.child) {
+      return parent.child = parent.lastChild = {
+        value: node,
+        next: null
+      };
+    }
+    const nextItem = prevItem.next;
+    const item = {
+      value: node,
+      next: nextItem
+    };
+    prevItem.next = item;
+    if (!nextItem) {
+      parent.lastChild = item;
+    }
+    return item;
+  }
+  remove(parent, node, prevSibling, prevItem) {
+    return this.defaultRemove(parent, node, prevSibling, prevItem);
+  }
+  // TODO: 默认改成 prevItem
+  defaultRemove(parent, node, prevSibling, prevItem) {
+    const currItem = prevItem.next;
+    const nextItem = currItem.next;
+    if (prevItem) {
+      if (nextItem) {
+        prevItem.next = nextItem;
+      } else {
+        prevItem.next = null;
+        parent.lastChild = prevItem;
+      }
+    } else {
+      if (nextItem) {
+        parent.child = nextItem;
+      } else {
+        parent.child = null;
+        parent.lastChild = null;
+      }
+    }
+    currItem.next = null;
+  }
   setProp(node, key, value, hookI) {
     node.props[key] = value;
   }
   init(fragments) {
     this.data = this.createData(this.data);
-    if (typeof fragments === 'string') {
-      this.code = fragments;
+    if (typeof fragments === "string") {
+      this.tokenizer.setCode(fragments);
     } else {
-      this.code = fragments.join(this.HookId);
-    }
-    return this.preprocess();
-  }
-  /** 子节点块：
-   * 必须被缩进包裹
-   * <childrenBlockOpt> ::= INDENT <nodeList>
-   *                        | ε  /* 空（表示叶子节点，没有孩子）
-   *  */
-  childrenBlockOpt() {
-    // 无 children
-    if (!this.tokenIs(exports.TokenType.Indent)) {
-      return;
-    }
-    this.consume();
-    const list = this.nodeList();
-    return list;
-  }
-}
-let ast;
-const updateList = [];
-const cmp = new Compiler();
-function bobe(fragments, ...values) {
-  // 增量更新
-  if (ast) {
-    updateList.forEach(({
-      old,
-      fn
-    }, i) => {
-      const val = values[i];
-      if (val !== old) {
-        console.log('增量更新', val);
-        fn(val);
+      let code = "";
+      for (let i = 0; i < fragments.length - 1; i++) {
+        const fragment = fragments[i];
+        code += fragment + `${this.HookId}${i}`;
       }
-    });
-    console.log(JSON.stringify(ast, undefined, 2));
-    return ast;
-  }
-  // 初始化
-  cmp.config({
-    hook({
-      i
-    }) {
-      return values[i];
-    },
-    setProp(node, key, value, hookI) {
-      const fn = v => {
-        node.props[key] = v;
-        if (hookI != null) {
-          updateList[hookI] = {
-            fn,
-            old: v
-          };
-        }
-      };
-      fn(value);
+      this.tokenizer.setCode(code + fragments[fragments.length - 1]);
     }
-  });
-  cmp.init(Array.from(fragments));
-  ast = cmp.program();
-  console.log(JSON.stringify(ast, undefined, 2));
-  return ast;
+  }
 }
-// bobe`
-// node1 k1=1
-//   node1_1 k2=false k3=3
-//     node1_1_1 k6=null
-// node2
-// | p1=1
-// | p2=2 p3='你好'
-//   node2_1
-//   | p4=4 p5=${{ v: '🤡' }} p6=6
-//   node2_2
-//   | p7=7 p8=\${{ v: '🤡' }} p9=aaa
-// node3 v1=1  v2=2 v3=undefined
-// `;
 
-exports.Compiler = Compiler;
-exports.bobe = bobe;
+exports.Interpreter = Interpreter;
+//# sourceMappingURL=bobe.cjs.js.map