bobe 0.0.43 → 0.0.44

package/dist/bobe.compiler.esm.js

@@ -1,5 +1,5 @@
 import { Queue, isNum, matchIdStart2, matchId, escapeMap, jsVarRegexp, date32 } from 'bobe-shared';
-import { getPulling, setPulling, Keys, Computed, Effect, toRaw, runWithPulling, Scope, deepSignal, Store, shareSignal, effect } from 'aoye';
+import { getPulling, setPulling, Keys, deepSignal, Computed, Effect, toRaw, runWithPulling, Scope, Store, effect, shareSignal } from 'aoye';
 export * from 'aoye';
 
 let TokenType = function (TokenType) {
@@ -31,11 +31,13 @@ let FakeType = function (FakeType) {
   FakeType[FakeType["Component"] = 16] = "Component";
   FakeType[FakeType["Fragment"] = 32] = "Fragment";
   FakeType[FakeType["ForItem"] = 64] = "ForItem";
+  FakeType[FakeType["Context"] = 128] = "Context";
   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 ContextBit = FakeType.If | FakeType.Fail | FakeType.Else | FakeType.ForItem | FakeType.Context;
 const TokenizerSwitcherBit = FakeType.Component | FakeType.Fragment;
 let NodeSort = function (NodeSort) {
   NodeSort[NodeSort["Logic"] = 1] = "Logic";
@@ -43,6 +45,7 @@ let NodeSort = function (NodeSort) {
   NodeSort[NodeSort["Component"] = 4] = "Component";
   NodeSort[NodeSort["CtxProvider"] = 8] = "CtxProvider";
   NodeSort[NodeSort["TokenizerSwitcher"] = 16] = "TokenizerSwitcher";
+  NodeSort[NodeSort["Context"] = 32] = "Context";
   return NodeSort;
 }({});
 (function (TerpEvt) {
@@ -1410,6 +1413,9 @@ function macInc(arr) {
 }
 
 const KEY_INDEX = '__BOBE_KEY_INDEX';
+let _ctxStack;
+const getCtxStack = () => _ctxStack;
+const setCtxStack = stack => _ctxStack = stack;
 
 const _excluded = ["dentStack", "isFirstToken"];
 class Interpreter {
@@ -1424,6 +1430,7 @@ class Interpreter {
     this.rootComponent = componentNode;
     this.tokenizer.nextToken();
     const stack = new MultiTypeStack();
+    setCtxStack(stack);
     stack.push({
       node: root,
       prev: null
@@ -1460,7 +1467,7 @@ class Interpreter {
         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 === FakeType.Component ? NodeSort.Component : 0) | NodeSort.CtxProvider);
+        }, !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));
         if (ctx.current.__logicType) {
           if (isLogicNode) {
             setPulling(ctx.current.effect);
@@ -1584,6 +1591,8 @@ class Interpreter {
     let _node;
     if (value === 'if' || value === 'else' || value === 'fail') {
       return this.condDeclaration(ctx);
+    } else if (value === 'context') {
+      _node = this.createContextNode();
     } else if (value === 'for') {
       return this.forDeclaration();
     } else if (hookType) {
@@ -1611,12 +1620,29 @@ class Interpreter {
     this.tokenizer.nextToken();
     this.headerLine(_node);
     this.extensionLines(_node);
+    this.onePropParsed = this.oneRealPropParsed;
     if (_node.__logicType & TokenizerSwitcherBit) {
-      this.onePropParsed = this.oneRealPropParsed;
       this.tokenizer = _node.tokenizer;
     }
     return _node;
   }
+  createContextNode() {
+    const child = deepSignal({}, getPulling());
+    const parentContext = this.ctx.stack.peekByType(NodeSort.Context)?.node?.context;
+    if (parentContext) {
+      Object.setPrototypeOf(child, parentContext);
+    }
+    this.onePropParsed = createStoreOnePropParsed(child);
+    const node = {
+      __logicType: FakeType.Context,
+      context: child,
+      realParent: null,
+      realBefore: null,
+      realAfter: null
+    };
+    node.realAfter = this.insertAfterAnchor('context-after');
+    return node;
+  }
   forDeclaration() {
     const arrExp = this.tokenizer.jsExp().value;
     this.tokenizer.nextToken();
@@ -1896,6 +1922,7 @@ class Interpreter {
       scope.get();
     }, null);
     data = this.getItemData(forNode, i, parentData);
+    const context = this.ctx.stack.peekByType(NodeSort.Context)?.node?.data;
     forItemNode = {
       id: this.forItemId++,
       __logicType: FakeType.ForItem,
@@ -1905,7 +1932,8 @@ class Interpreter {
       forNode,
       key: forNode.getKey?.(data),
       effect: null,
-      data
+      data,
+      context
     };
     forItemNode.effect = scope;
     return forItemNode;
@@ -1989,26 +2017,7 @@ class Interpreter {
       data: child,
       tokenizer: render ? render(true) : child.ui(true)
     };
-    this.onePropParsed = (data, _, key, value, valueIsMapKey, isFn, hookI) => {
-      if (isFn) {
-        child[Keys.Raw][key] = value;
-      } else if (valueIsMapKey) {
-        shareSignal(data, value, child, key);
-      } else {
-        const meta = child[Keys.Meta];
-        const cells = meta.cells;
-        if (typeof value === 'function') {
-          const computed = new Computed(() => value(data));
-          cells.set(key, computed);
-          child[Keys.Raw][key] = undefined;
-        } else {
-          cells.set(key, {
-            get: () => value
-          });
-          child[Keys.Raw][key] = value;
-        }
-      }
-    };
+    this.onePropParsed = createStoreOnePropParsed(child);
     node.realAfter = this.insertAfterAnchor('component-after');
     return node;
   }
@@ -2031,6 +2040,7 @@ class Interpreter {
     const noCond = value === true;
     const valueIsMapKey = !noCond && Reflect.has(data[Keys.Raw], value);
     const owner = ctx.stack.peekByType(NodeSort.TokenizerSwitcher)?.node;
+    const context = ctx.stack.peekByType(NodeSort.Context)?.node?.data;
     const ifNode = {
       __logicType: isElse ? FakeType.Else : isIf ? FakeType.If : FakeType.Fail,
       snapshot: this.tokenizer.snapshot(),
@@ -2042,7 +2052,8 @@ class Interpreter {
       isFirstRender: true,
       effect: null,
       owner,
-      data
+      data,
+      context
     };
     let signal;
     switch (keyWord.value) {
@@ -2260,6 +2271,29 @@ class Interpreter {
     node.props[key] = value;
   }
 }
+function createStoreOnePropParsed(child) {
+  const onePropParsed = (data, _, key, value, valueIsMapKey, isFn, hookI) => {
+    if (isFn) {
+      child[Keys.Raw][key] = value;
+    } else if (valueIsMapKey) {
+      shareSignal(data, value, child, key);
+    } else {
+      const meta = child[Keys.Meta];
+      const cells = meta.cells;
+      if (typeof value === 'function') {
+        const computed = new Computed(() => value(data));
+        cells.set(key, computed);
+        child[Keys.Raw][key] = undefined;
+      } else {
+        cells.set(key, {
+          get: () => value
+        });
+        child[Keys.Raw][key] = value;
+      }
+    }
+  };
+  return onePropParsed;
+}
 
 function bobe(fragments, ...values) {
   const ui = function ui(isSub) {
@@ -2291,5 +2325,20 @@ function customRender(option) {
   };
 }
 
-export { Compiler, NodeType, ParseSyntaxError, Tokenizer, bobe, customRender };
+const context = name => {
+  const stack = getCtxStack();
+  if (!stack) {
+    throw new Error('context() api 只能在组件中使用');
+  }
+  let context = stack.peekByType(NodeSort.Context)?.node?.context;
+  if (name) {
+    context = context?.[name];
+  }
+  if (!context) {
+    console.warn(`context(${name ?? ''}) 为空`);
+  }
+  return context;
+};
+
+export { Compiler, NodeType, ParseSyntaxError, Tokenizer, bobe, context, customRender };
 //# sourceMappingURL=bobe.compiler.esm.js.map