@next-core/brick-kit 2.127.2 → 2.127.3

package/dist/index.esm.js

@@ -1134,12 +1134,17 @@ function getNextDoTransformOptions(options, isArray, key) {
 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;
   }
 
@@ -1159,41 +1164,78 @@ function devtoolsHookEmit(type, payload) {
     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);
     }
   });
 }
@@ -8792,6 +8834,7 @@ class Kernel {
     return _asyncToGenerator$4(function* () {
       var _this2$bootstrapData$, _this2$bootstrapData$2;
 
+      listenDevtoolsEagerly();
       _this2.mountPoints = mountPoints;
       yield Promise.all([_this2.loadCheckLogin(), _this2.loadMicroApps()]);