@next-core/brick-kit 2.179.7 → 2.181.0

package/dist/index.esm.js

@@ -1799,6 +1799,43 @@ function _checkIf(rawIf, ctx, fn) {
   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$1(this, "data", new Map());
@@ -1831,6 +1868,23 @@ class StoryboardContextWrapper {
     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) => {
@@ -2201,6 +2255,9 @@ function resolveFreeVariableValue(value, contextConf, mergedContext, storyboardC
       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;
@@ -2538,9 +2595,15 @@ function evaluate(raw) {
           }
         });
       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)
@@ -14133,7 +14196,9 @@ var developHelper = {
   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"];
@@ -14735,10 +14800,15 @@ function useProvider() {
  * @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 (isEvaluable(data)) {
-        var result = evaluate(data);
+        var result = evaluate(data, undefined, {
+          useRealTimeQuery
+        });
         recursiveMarkAsInjected(result);
         return result;
       }