@next-core/brick-kit 2.179.7 → 2.181.0

package/dist/index.bundle.js

@@ -1797,6 +1797,43 @@
     return true;
   }
 
+  var realTimeDataInspectRoot;
+  var RealTimeDataInspectHooks = [];
+  function setRealTimeDataInspectRoot(root) {
+    realTimeDataInspectRoot = root;
+    var data = Object.fromEntries([..._dev_only_getAllContextValues({
+      tplContextId: root.tplStateStoreId
+    })].filter(_ref => {
+      var [, item] = _ref;
+      return item.type === "free-variable";
+    }).map(_ref2 => {
+      var [k, item] = _ref2;
+      return [k, item.value];
+    }));
+    callRealTimeDataInspectHooks({
+      changeType: "initialize",
+      tplStateStoreId: root.tplStateStoreId,
+      detail: {
+        data
+      }
+    });
+  }
+  function addRealTimeDataInspectHook(hook) {
+    RealTimeDataInspectHooks.push(hook);
+  }
+  function callRealTimeDataInspectHooks(detail) {
+    setTimeout(() => {
+      for (var hook of RealTimeDataInspectHooks) {
+        try {
+          hook(detail);
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error("RealTimeDataInspectHook failed (".concat(detail.changeType, "):"), error);
+        }
+      }
+    });
+  }
+
   class StoryboardContextWrapper {
     constructor(tplContextId, formContextId, renderId) {
       _defineProperty__default["default"](this, "data", new Map());
@@ -1829,6 +1866,23 @@
       var _this$data$get;
       return (_this$data$get = this.data.get(name)) === null || _this$data$get === void 0 ? void 0 : _this$data$get.value;
     }
+    notifyRealTimeDataChange(name, value) {
+      if (realTimeDataInspectRoot) {
+        var {
+          tplStateStoreId
+        } = realTimeDataInspectRoot;
+        if (tplStateStoreId ? this.tplContextId === tplStateStoreId : !this.tplContextId && !this.formContextId) {
+          callRealTimeDataInspectHooks({
+            changeType: "update",
+            tplStateStoreId,
+            detail: {
+              name,
+              value
+            }
+          });
+        }
+      }
+    }
     getAffectListByContext(name) {
       var affectNames = [name];
       this.data.forEach((value, key) => {
@@ -2199,6 +2253,9 @@
         newContext.eventTarget.addEventListener(eventName, listenerFactory(handler, mergedContext, brick));
       }
     }
+    newContext.eventTarget.addEventListener(eventName, e => {
+      storyboardContextWrapper.notifyRealTimeDataChange(contextConf.name, e.detail);
+    });
     if (contextConf.track) {
       var isTemplateState = !!storyboardContextWrapper.tplContextId;
       var isFormState = !!storyboardContextWrapper.formContextId;
@@ -2536,9 +2593,15 @@
             }
           });
         case "QUERY":
-          return Object.fromEntries(Array.from(query.keys()).map(key => [key, query.get(key)]));
+          {
+            var params = options.useRealTimeQuery ? new URLSearchParams(getHistory().location.search) : query;
+            return Object.fromEntries(Array.from(params.keys()).map(key => [key, params.get(key)]));
+          }
         case "QUERY_ARRAY":
-          return Object.fromEntries(Array.from(query.keys()).map(key => [key, query.getAll(key)]));
+          {
+            var _params = options.useRealTimeQuery ? new URLSearchParams(getHistory().location.search) : query;
+            return Object.fromEntries(Array.from(_params.keys()).map(key => [key, _params.getAll(key)]));
+          }
         case "SEGUE":
           return {
             getUrl: getUrlBySegueFactory(app, segues)
@@ -14131,7 +14194,9 @@
     getAddedContracts: _dev_only_getAddedContracts,
     getContextValue: _dev_only_getContextValue,
     getAllContextValues: _dev_only_getAllContextValues,
-    render: _dev_only_render
+    render: _dev_only_render,
+    setRealTimeDataInspectRoot,
+    addRealTimeDataInspectHook
   };
 
   var _excluded$2 = ["type"];
@@ -14733,10 +14798,15 @@
    * @returns Computed real value.
    */
   function getRealValue(value) {
+    var {
+      useRealTimeQuery
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var compute = (data, ctx) => {
       if (typeof data === "string") {
         if (brickUtils.isEvaluable(data)) {
-          var result = evaluate(data);
+          var result = evaluate(data, undefined, {
+            useRealTimeQuery
+          });
           recursiveMarkAsInjected(result);
           return result;
         }