@next-core/brick-kit 2.127.0 → 2.127.3

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 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)
+
+
+### Bug Fixes
+
+* ignore emitting if devtools is not presented ([9833e81](https://github.com/easyops-cn/next-core/commit/9833e81051f95e140ccd86940a7e6de5a7e526ca))
+
+
+
+
+
+## [2.127.1](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.127.0...@next-core/brick-kit@2.127.1) (2022-08-10)
+
+**Note:** Version bump only for package @next-core/brick-kit
+
+
+
+
+
 # [2.127.0](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.126.2...@next-core/brick-kit@2.127.0) (2022-08-10)
 
 

package/dist/index.bundle.js

@@ -1133,13 +1133,24 @@
   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 || !(type === "evaluation" ? frameIsActive && (!selectedPanel || selectedPanel === "Evaluations") : type === "transformation" ? frameIsActive && (!selectedPanel || selectedPanel === "Transformations") : true)) {
+      // Ignore messages if current devtools panel is not relevant.
+      return;
+    }
+
     var emit = () => {
-      var _getDevHook, _getDevHook$emit;
+      var _devtools$emit;
 
-      (_getDevHook = getDevHook()) === null || _getDevHook === void 0 ? void 0 : (_getDevHook$emit = _getDevHook.emit) === null || _getDevHook$emit === void 0 ? void 0 : _getDevHook$emit.call(_getDevHook, {
+      (_devtools$emit = devtools.emit) === null || _devtools$emit === void 0 ? void 0 : _devtools$emit.call(devtools, {
         type,
         payload
       });
@@ -1152,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);
       }
     });
   }
@@ -1195,9 +1243,9 @@
   }
 
   function restoreDehydrated(value) {
-    var _getDevHook$restoreDe, _getDevHook2;
+    var _getDevHook$restoreDe, _getDevHook;
 
-    return (_getDevHook$restoreDe = (_getDevHook2 = getDevHook()) === null || _getDevHook2 === void 0 ? void 0 : _getDevHook2.restoreDehydrated(value)) !== null && _getDevHook$restoreDe !== void 0 ? _getDevHook$restoreDe : value;
+    return (_getDevHook$restoreDe = (_getDevHook = getDevHook()) === null || _getDevHook === void 0 ? void 0 : _getDevHook.restoreDehydrated(value)) !== null && _getDevHook$restoreDe !== void 0 ? _getDevHook$restoreDe : value;
   }
 
   function getItemFactory(storageType) {
@@ -8785,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()]);