@next-core/brick-kit 2.127.2 → 2.127.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.127.3](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.127.2...@next-core/brick-kit@2.127.3) (2022-08-17)
+
+
+### Bug Fixes
+
+* **devtools:** emit messages only if applicable ([e0b1edc](https://github.com/easyops-cn/next-core/commit/e0b1edc2182472591728ddc0f874cd8b5c8565fc))
+
+
+
+
+
 ## [2.127.2](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.127.1...@next-core/brick-kit@2.127.2) (2022-08-11)
 
 

package/dist/index.bundle.js

@@ -1133,12 +1133,17 @@
   var MESSAGE_SOURCE_PANEL = "brick-next-devtools-panel";
   var EVALUATION_EDIT = "devtools-evaluation-edit";
   var TRANSFORMATION_EDIT = "devtools-transformation-edit";
-
+  var FRAME_ACTIVE_CHANGE = "devtools-frame-active-change";
+  var PANEL_CHANGE = "devtools-panel-change";
+  var frameIsActive = true;
+  var selectedPanel;
   /* istanbul ignore next */
+
   function devtoolsHookEmit(type, payload) {
     var devtools = getDevHook();
 
-    if (!devtools) {
+    if (!devtools || !(type === "evaluation" ? frameIsActive && (!selectedPanel || selectedPanel === "Evaluations") : type === "transformation" ? frameIsActive && (!selectedPanel || selectedPanel === "Transformations") : true)) {
+      // Ignore messages if current devtools panel is not relevant.
       return;
     }
 
@@ -1158,41 +1163,78 @@
       setTimeout(emit, 0);
     }
   }
+  function listenDevtoolsEagerly() {
+    window.addEventListener("message", _ref => {
+      var {
+        data
+      } = _ref;
+
+      if ((data === null || data === void 0 ? void 0 : data.source) !== MESSAGE_SOURCE_PANEL) {
+        return;
+      }
+
+      var payload = data.payload;
+
+      switch (payload === null || payload === void 0 ? void 0 : payload.type) {
+        case FRAME_ACTIVE_CHANGE:
+          {
+            frameIsActive = payload.active;
+            break;
+          }
+
+        case PANEL_CHANGE:
+          {
+            selectedPanel = payload.panel;
+            break;
+          }
+      }
+    });
+  }
   function listenDevtools() {
-    window.addEventListener("message", event => {
-      var _event$data;
+    window.addEventListener("message", _ref2 => {
+      var {
+        data
+      } = _ref2;
 
-      if (((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.source) !== MESSAGE_SOURCE_PANEL) {
+      if ((data === null || data === void 0 ? void 0 : data.source) !== MESSAGE_SOURCE_PANEL) {
         return;
       }
 
-      var payload = event.data.payload;
+      var payload = data.payload;
 
-      if ((payload === null || payload === void 0 ? void 0 : payload.type) === EVALUATION_EDIT) {
-        var {
-          raw,
-          context,
-          id
-        } = payload;
-        evaluate(raw, {
-          data: context.data,
-          event: restoreDehydrated(context.event)
-        }, {
-          isReEvaluation: true,
-          evaluationId: id
-        });
-      } else if ((payload === null || payload === void 0 ? void 0 : payload.type) === TRANSFORMATION_EDIT) {
-        var {
-          data,
-          transform,
-          id: _id,
-          options: {
-            from,
-            mapArray,
-            allowInject
+      switch (payload === null || payload === void 0 ? void 0 : payload.type) {
+        case EVALUATION_EDIT:
+          {
+            var {
+              raw,
+              context,
+              id
+            } = payload;
+            evaluate(raw, {
+              data: context.data,
+              event: restoreDehydrated(context.event)
+            }, {
+              isReEvaluation: true,
+              evaluationId: id
+            });
+            break;
+          }
+
+        case TRANSFORMATION_EDIT:
+          {
+            var {
+              data: _data,
+              transform,
+              id: _id,
+              options: {
+                from,
+                mapArray,
+                allowInject
+              }
+            } = payload;
+            reTransformForDevtools(_id, _data, transform, from, mapArray, allowInject);
+            break;
           }
-        } = payload;
-        reTransformForDevtools(_id, data, transform, from, mapArray, allowInject);
       }
     });
   }
@@ -8791,6 +8833,7 @@
       return _asyncToGenerator__default["default"](function* () {
         var _this2$bootstrapData$, _this2$bootstrapData$2;
 
+        listenDevtoolsEagerly();
         _this2.mountPoints = mountPoints;
         yield Promise.all([_this2.loadCheckLogin(), _this2.loadMicroApps()]);