bobe 0.0.54 → 0.0.57

package/dist/index.d.ts

@@ -1,8 +1,17 @@
 import { Queue } from 'bobe-shared';
 import * as aoye from 'aoye';
-import { Store, Keys, Effect, effect as effect$1, Scope, Signal, Computed, SignalNode, ValueDiff, CustomEffectOpt } from 'aoye';
+import { Keys, Store, Effect, effect as effect$1, Scope, Signal, Computed, SignalNode, ValueDiff, CustomEffectOpt } from 'aoye';
 export { Store } from 'aoye';
 
+declare class InlineFragment {
+    snapshot: Partial<Tokenizer>;
+    data: any;
+    key: string;
+    tokenizer: Tokenizer;
+    [Keys.ProxyFreeObject]: boolean;
+    constructor(snapshot: Partial<Tokenizer>, data: any, key: string, tokenizer: Tokenizer);
+}
+
 declare class Interpreter {
     private tokenizer;
     opt: TerpConf;
@@ -11,10 +20,7 @@ declare class Interpreter {
     ctx: ProgramCtx;
     rootComponent: ComponentNode$1 | null;
     program(root: any, componentNode?: ComponentNode$1, before?: any, ctxProvider?: any): ComponentNode$1;
-    insertAfterAnchor(name?: string): {
-        name: string;
-        nextSibling: any;
-    };
+    insertAfterAnchor(name?: string): any;
     /** 处理
      *                    是逻辑                               是普通
      * 父节点       将子节点加入 directList         调用 insert 方法挨个插入子节点
@@ -30,6 +36,7 @@ declare class Interpreter {
      * <declaration> ::= <tagName=token> <headerLineAndExtensions>
      *  */
     declaration(ctx: ProgramCtx): any;
+    dynamicDeclaration(pData: any, value: string, ctx: ProgramCtx): DynamicNode;
     createContextNode(): ContextNode;
     formatForCollection(collection: any): {
         arr: any[];
@@ -55,6 +62,7 @@ declare class Interpreter {
      *  */
     onePropParsed(data: Store, node: any, key: string, value: any, valueIsMapKey: boolean, isFn: boolean, hookI?: number): void;
     oneRealPropParsed: Interpreter['onePropParsed'];
+    private createComponentData;
     componentOrFragmentDeclaration(ComponentOrRender: UI | typeof Store | InlineFragment, ctx: ProgramCtx): ComponentNode$1;
     getFn(data: any, expression: string | number): any;
     getAssignFn(data: any, expression: string | number): any;
@@ -86,33 +94,18 @@ declare class Interpreter {
      */
     attributeList(_node: any, data: any): string;
     config(opt: TerpConf): void;
-    createNode(name: string): {
-        name: string;
-        props: {};
-        nextSibling: any;
-    };
+    createNode(name: string): any;
     nextSib(node: any): any;
     firstChild(node: any): any;
-    createAnchor(name: string): {
-        name: string;
-        nextSibling: any;
-    };
+    createAnchor(name: string): any;
     insertAfter(parent: any, node: any, prev: any): void;
     defaultInsert(parent: any, node: any, prev: any): void;
     remove(node: any, parent?: any, prev?: any): void;
     defaultRemove(node: any, parent: any, prevSibling: any): void;
-    setProp(node: any, key: string, value: any, hookI?: number): void | undefined | (() => void);
+    setProp(node: any, key: string, value: any, hookI?: number): any | (() => void);
     Effect: typeof Effect;
     effect: typeof effect$1;
 }
-declare class InlineFragment {
-    snapshot: Partial<Tokenizer>;
-    data: any;
-    key: string;
-    tokenizer: Tokenizer;
-    [Keys.ProxyFreeObject]: boolean;
-    constructor(snapshot: Partial<Tokenizer>, data: any, key: string, tokenizer: Tokenizer);
-}
 
 interface StackNode<T> {
     value: T;
@@ -171,7 +164,8 @@ declare enum FakeType {
     Component = 16,
     Fragment = 32,
     ForItem = 64,
-    Context = 128
+    Context = 128,
+    DynamicText = 256
 }
 type NodeSortBit = number;
 type BaseType = string | number | boolean | undefined | null;
@@ -246,6 +240,7 @@ type ProgramCtx = {
 type UI<T = any> = {
     /** 在哪个 Store 声明的 */
     boundStore: Store;
+    __BOBE_IS_UI: true;
     /** 用户声明片段内可用的 props */
     defineProps?: T;
     (isSub: boolean): Tokenizer;
@@ -294,8 +289,23 @@ type IfNode = LogicNode & {
 type ContextNode = Omit<LogicNode, 'data'> & {
     context: any;
 };
+type DynamicNode = Omit<LogicNode, 'data'> & {
+    tokenizer: Tokenizer;
+    /** 模版片段快照 */
+    fragmentSnapshot?: ReturnType<Tokenizer['snapshot']>;
+    /** 渲染模版片段前的 快照，渲染完成后用于恢复 */
+    resumeSnapshot?: ReturnType<Tokenizer['snapshot']>;
+    snapshot: ReturnType<Tokenizer['snapshot']>;
+    owner: ComponentNode$1 | FragmentNode$1;
+    data?: any;
+    parentDataProvider: any;
+    effect: Effect;
+    textNode: any;
+};
 type FragmentNode$1 = LogicNode & {
     tokenizer: Tokenizer;
+    fragmentSnapshot?: ReturnType<Tokenizer['snapshot']>;
+    resumeSnapshot?: ReturnType<Tokenizer['snapshot']>;
 };
 type ComponentNode$1 = LogicNode & {
     tokenizer: Tokenizer;
@@ -577,5 +587,5 @@ declare const context: IContext;
 
 declare const effect: (callback: (...args: ValueDiff[]) => void, depOrOpt?: Dep[] | Dep | CustomEffectOpt, opt?: CustomEffectOpt) => aoye.Effect;
 
-export { Compiler, NodeType, ParseErrorCode, ParseSyntaxError, Tokenizer, bobe, context, customRender, effect };
+export { Compiler, FakeType, NodeType, ParseErrorCode, ParseSyntaxError, Tokenizer, bobe, context, customRender, effect };
 export type { ASTNodeType, BaseNode, CommentNode, ComponentNode, ConditionalNode, DynamicValue, ElementNode, FragmentNode, IContext, InterpolationNode, LoopNode, ParseError, Program, Property, PropertyKeyNode, PropertyValue, SourceLocation, StaticValue, TemplateNode, TextNode };

package/dist/index.umd.js

@@ -34,11 +34,12 @@
     FakeType[FakeType["Fragment"] = 32] = "Fragment";
     FakeType[FakeType["ForItem"] = 64] = "ForItem";
     FakeType[FakeType["Context"] = 128] = "Context";
+    FakeType[FakeType["DynamicText"] = 256] = "DynamicText";
     return FakeType;
   }({});
   const CondBit = FakeType.If | FakeType.Fail | FakeType.Else;
   const LogicalBit = FakeType.If | FakeType.Fail | FakeType.Else | FakeType.For | FakeType.ForItem;
-  FakeType.If | FakeType.Fail | FakeType.Else | FakeType.For | FakeType.ForItem | FakeType.Component | FakeType.Fragment;
+  const CtxProviderBit = FakeType.If | FakeType.Fail | FakeType.Else | FakeType.For | FakeType.ForItem | FakeType.Component | FakeType.Fragment | FakeType.DynamicText;
   const ContextBit = FakeType.If | FakeType.Fail | FakeType.Else | FakeType.ForItem | FakeType.Context;
   const TokenizerSwitcherBit = FakeType.Component | FakeType.Fragment;
   let NodeSort = function (NodeSort) {
@@ -244,6 +245,7 @@
     }
     isEof() {
       if (!this.token) return false;
+      if (this.i >= this.code.length && !this.waitingTokens.len) return true;
       return this.token.type & TokenType.Identifier && this.token.value === Tokenizer.EofId;
     }
     setToken(type, value, dt = 1) {
@@ -1418,6 +1420,17 @@
     }
     return candyLast;
   }
+  class InlineFragment {
+    [aoye.Keys.ProxyFreeObject] = true;
+    constructor(snapshot, data, key, tokenizer) {
+      this.snapshot = snapshot;
+      this.data = data;
+      this.key = key;
+      this.tokenizer = tokenizer;
+    }
+  }
+  const isUI = fn => typeof fn === 'function' && fn.__BOBE_IS_UI;
+  const isRenderAble = val => aoye.isStore(val) || isUI(val) || val instanceof InlineFragment;
 
   const KEY_INDEX = '__BOBE_KEY_INDEX';
   let _ctxStack;
@@ -1474,7 +1487,7 @@
           stack.push({
             node: ctx.current,
             prev: ctx.prevSibling
-          }, !ctx.current.__logicType ? NodeSort.Real : (ctx.current.__logicType & LogicalBit ? NodeSort.Logic : 0) | (ctx.current.__logicType & TokenizerSwitcherBit ? NodeSort.TokenizerSwitcher : 0) | (ctx.current.__logicType & ContextBit ? NodeSort.Context : 0) | (ctx.current.__logicType === FakeType.Component ? NodeSort.Component : 0) | (ctx.current.__logicType !== FakeType.Context ? NodeSort.CtxProvider : 0));
+          }, !ctx.current.__logicType ? NodeSort.Real : (ctx.current.__logicType & LogicalBit ? NodeSort.Logic : 0) | (ctx.current.__logicType & TokenizerSwitcherBit ? NodeSort.TokenizerSwitcher : 0) | (ctx.current.__logicType & ContextBit ? NodeSort.Context : 0) | (ctx.current.__logicType === FakeType.Component ? NodeSort.Component : 0) | (ctx.current.__logicType & CtxProviderBit ? NodeSort.CtxProvider : 0));
           if (ctx.current.__logicType) {
             if (isLogicNode) {
               aoye.setPulling(ctx.current.effect);
@@ -1608,21 +1621,14 @@
       } else if (hookType) {
         const data = this.getData();
         if (hookType === 'static') {
-          if (typeof value === 'function') {
+          if (isRenderAble(value)) {
             _node = this.componentOrFragmentDeclaration(value, ctx);
           } else {
-            throw new SyntaxError(`declaration 不支持 ${value} 类型的静态插值`);
-          }
-        } else {
-          const valueIsMapKey = Reflect.has(data[aoye.Keys.Raw], value);
-          const val = data[aoye.Keys.Raw][value];
-          if (typeof val === 'function' || val instanceof InlineFragment) {
-            _node = this.componentOrFragmentDeclaration(val, ctx);
-          } else {
-            const str = valueIsMapKey ? value : this.getFn(data, value);
             _node = this.createNode('text');
-            this.onePropParsed(data, _node, 'text', str, valueIsMapKey, false);
+            _node.text = String(value);
           }
+        } else {
+          return this.dynamicDeclaration(data, value, ctx);
         }
       } else {
         _node = this.createNode(value);
@@ -1640,6 +1646,96 @@
       }
       return _node;
     }
+    dynamicDeclaration(pData, value, ctx) {
+      const valueIsMapKey = Reflect.has(pData[aoye.Keys.Raw], value);
+      let node = {
+        __logicType: null,
+        realParent: null,
+        tokenizer: null,
+        effect: null,
+        textNode: null,
+        owner: ctx.stack.peekByType(NodeSort.TokenizerSwitcher)?.node,
+        snapshot: this.tokenizer.snapshot(['dentStack']),
+        parentDataProvider: ctx.stack.peekByType(NodeSort.CtxProvider)?.node
+      };
+      let isUpdate = false;
+      node.realAfter = this.insertAfterAnchor(`dynamic-after`);
+      node.effect = this.effect(({
+        old,
+        val
+      }) => {
+        let oldLogicType = node.__logicType,
+          oldTextNode = node.textNode;
+        if (oldLogicType) {
+          this.removeLogicNode(node);
+          bobeShared.pickInPlace(node, ['realParent', 'realBefore', 'realAfter',, 'owner', 'snapshot', 'parentDataProvider']);
+        }
+        if (isRenderAble(val)) {
+          if (oldTextNode) {
+            this.remove(oldTextNode);
+          }
+          const info = this.createComponentData(val);
+          info.__logicType;
+          Object.assign(node, info);
+          this.onePropParsed = info.onePropParsed;
+          if (isUpdate) {
+            this.tokenizer = node.owner.tokenizer;
+            this.tokenizer.resume(node.snapshot);
+            this.ctx.stack.push({
+              node: node.parentDataProvider,
+              prev: null
+            }, NodeSort.CtxProvider);
+          }
+          this.tokenizer.nextToken();
+          this.headerLineAndExtensions(node);
+          if (isUpdate) {
+            this.ctx.stack.pop();
+          }
+          this.onePropParsed = this.oneRealPropParsed;
+          this.tokenizer = node.tokenizer;
+          if (node.fragmentSnapshot) {
+            this.tokenizer.resume(node.fragmentSnapshot);
+            this.tokenizer.useDedentAsEof = true;
+            this.tokenizer.initIndentWhenUseDedentAsEof();
+          }
+          if (isUpdate) {
+            this.program(node.realParent, node.owner, node.realBefore, node);
+          }
+        } else {
+          node.__logicType = FakeType.DynamicText;
+          let textNode = oldTextNode;
+          const isNewTextNode = !textNode;
+          if (isNewTextNode) {
+            textNode = node.textNode = this.createNode('text');
+          }
+          textNode.text = String(val);
+          if (isNewTextNode) {
+            if (isUpdate) {
+              this.handleInsert(node.realParent, textNode, node.realBefore);
+            } else {
+              this.tokenizer.nextToken();
+              this.headerLineAndExtensions(node);
+              const _this$ctx2 = this.ctx,
+                realParent = _this$ctx2.realParent,
+                prevSibling = _this$ctx2.prevSibling;
+              this.handleInsert(realParent, textNode, prevSibling);
+            }
+          }
+        }
+        isUpdate = true;
+        return isDestroy => {
+          if (isDestroy) {
+            this.removeLogicNode(node);
+          }
+        };
+      }, [() => {
+        const val = valueIsMapKey ? pData[value] : this.getFn(pData, value)();
+        return val;
+      }], {
+        type: 'render'
+      });
+      return node;
+    }
     createContextNode() {
       const child = aoye.deepSignal({}, aoye.getPulling());
       const parentContext = this.ctx.stack.peekByType(NodeSort.Context)?.node?.context;
@@ -2058,20 +2154,22 @@
       }
     }
     oneRealPropParsed = this.onePropParsed.bind(this);
-    componentOrFragmentDeclaration(ComponentOrRender, ctx) {
-      let Component, tokenizer, child, fragmentSnapshot, resumeSnapshot;
+    createComponentData(ComponentOrRender) {
+      let tokenizer, child, fragmentSnapshot, resumeSnapshot, __logicType;
       const isCC = ComponentOrRender.prototype instanceof aoye.Store;
       if (isCC) {
-        Component = ComponentOrRender;
+        const Component = ComponentOrRender;
         child = Component.new();
         tokenizer = child.ui(true);
+        __logicType = FakeType.Component;
       } else if (ComponentOrRender instanceof InlineFragment) {
         const conf = ComponentOrRender;
         child = aoye.deepSignal({}, aoye.getPulling(), true);
         Object.setPrototypeOf(child, conf.data);
         tokenizer = conf.tokenizer;
         fragmentSnapshot = conf.snapshot;
-        resumeSnapshot = tokenizer.snapshot(['token', 'needIndent', 'isFirstToken', 'dentStack', 'isFirstToken', 'useDedentAsEof']);
+        __logicType = FakeType.Fragment;
+        resumeSnapshot = tokenizer.snapshot(['dentStack', 'token', 'needIndent', 'isFirstToken', 'isFirstToken', 'useDedentAsEof']);
       } else {
         const render = ComponentOrRender;
         const boundStore = render.boundStore;
@@ -2080,18 +2178,36 @@
           Object.setPrototypeOf(child, boundStore);
         }
         tokenizer = render(true);
+        __logicType = FakeType.Fragment;
       }
+      return {
+        data: child,
+        tokenizer,
+        onePropParsed: createStoreOnePropParsed(child),
+        fragmentSnapshot,
+        resumeSnapshot,
+        __logicType
+      };
+    }
+    componentOrFragmentDeclaration(ComponentOrRender, ctx) {
+      const _this$createComponent = this.createComponentData(ComponentOrRender),
+        data = _this$createComponent.data,
+        tokenizer = _this$createComponent.tokenizer,
+        onePropParsed = _this$createComponent.onePropParsed,
+        fragmentSnapshot = _this$createComponent.fragmentSnapshot,
+        resumeSnapshot = _this$createComponent.resumeSnapshot,
+        __logicType = _this$createComponent.__logicType;
       const node = {
-        __logicType: isCC ? FakeType.Component : FakeType.Fragment,
+        __logicType,
         realParent: ctx.realParent,
         realBefore: null,
         realAfter: null,
-        data: child,
+        data,
         tokenizer,
         fragmentSnapshot,
         resumeSnapshot
       };
-      this.onePropParsed = createStoreOnePropParsed(child);
+      this.onePropParsed = onePropParsed;
       node.realAfter = this.insertAfterAnchor('component-after');
       return node;
     }
@@ -2274,7 +2390,7 @@
           if (key === 'ref') {
             const valueIsMapKey = Reflect.has(data[aoye.Keys.Raw], value);
             let refValue = _node;
-            if (_node.__logicType === FakeType.Component) {
+            if (_node.__logicType & TokenizerSwitcherBit) {
               refValue = _node.data;
             } else {
               refValue[aoye.Keys.ProxyFreeObject] = true;
@@ -2300,8 +2416,8 @@
           } else {
             this.onePropParsed(data, _node, key, value, false, isFn, hookI);
           }
-          key = null;
-          eq = null;
+          key = undefined;
+          eq = undefined;
         }
         this.tokenizer.nextToken();
       }
@@ -2389,15 +2505,6 @@
     };
     return onePropParsed;
   }
-  class InlineFragment {
-    [aoye.Keys.ProxyFreeObject] = true;
-    constructor(snapshot, data, key, tokenizer) {
-      this.snapshot = snapshot;
-      this.data = data;
-      this.key = key;
-      this.tokenizer = tokenizer;
-    }
-  }
 
   function bobe(fragments, ...values) {
     const ui = function ui(isSub) {
@@ -2410,6 +2517,7 @@
       return tokenizer;
     };
     ui.boundStore = aoye.Store.Current;
+    ui.__BOBE_IS_UI = true;
     return ui;
   }
   function customRender(option) {
@@ -2425,6 +2533,7 @@
         tokenizer
       };
       terp.program(root, componentNode);
+      aoye.flushMicroEffectManual();
       return [componentNode, store];
     };
   }
@@ -2473,6 +2582,7 @@
     get: function () { return aoye.Store; }
   });
   exports.Compiler = Compiler;
+  exports.FakeType = FakeType;
   exports.NodeType = NodeType;
   exports.ParseSyntaxError = ParseSyntaxError;
   exports.Tokenizer = Tokenizer;