@next-core/brick-kit 2.179.6 → 2.180.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;
@@ -12022,7 +12079,13 @@ class Router {
             } = getAuth();
             return "".concat(key, ":").concat(org);
           };
-          var renderTime = performance.now() - renderStartTime;
+          var renderTime = Math.round(performance.now() - renderStartTime);
+          // For bricks which would take actions with render time.
+          window.dispatchEvent(new CustomEvent("route.render", {
+            detail: {
+              renderTime
+            }
+          }));
           var {
             loadTime = 0,
             loadInfoPage
@@ -14127,7 +14190,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"];