@trops/dash-core 0.1.355 → 0.1.357

package/dist/index.esm.js

@@ -1,11 +1,11 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _typeof from '@babel/runtime/helpers/typeof';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import * as DashReact from '@trops/dash-react';
 import { isObject, ThemeContext, deepCopy, MainSection, getUUID, getStylesForItem, themeObjects, Heading, SearchInput, ButtonIcon, SubHeading3, InputText, Button, FontAwesomeIcon, Tag, Modal, Sidebar, Paragraph, Panel, Stepper, Tag2, Tag3, Card2, Card3, Heading3, MenuItem3, FormLabel, SelectMenu, Switch, SelectInput, CodeEditorInline, SettingsModal, SubHeading2, tailwindHeightFractions, Menu3, Panel3, DropdownPanel, MenuItem2, ButtonIcon2, DragComponent, ConfirmationModal, DropComponent, getStyleName, capitalizeFirstLetter, colorTypes, getCSSStyleForClassname, Panel2, Heading2, SubHeading, Paragraph2, Paragraph3, Button2, Button3, MenuItem, ButtonIcon3, DashPanel, colorNames, shades, themeVariants, Tabs3, DataList, Checkbox, StatCard, Card, Tabs, Accordion, Alert, Toast, ProgressBar, Toggle, Breadcrumbs, Tabs2, Accordion2, Alert2, Toast2, ProgressBar2, Toggle2, Breadcrumbs2, Accordion3, Alert3, Toast3, ProgressBar3, Toggle3, Breadcrumbs3, ThemeFromUrlPane, TextArea, Icon2, AlgoliaSearchBox, CommandPalette, useSidebar, EmptyState, Navbar, withRouter, Menu as Menu$1 } from '@trops/dash-react';
 export * from '@trops/dash-react';
 export { ThemeContext } from '@trops/dash-react';
-import _typeof from '@babel/runtime/helpers/typeof';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import * as React from 'react';
 import React__default, { createContext, useContext, useState, useEffect, useMemo, useCallback, useRef, Fragment as Fragment$1, useReducer, Component, memo, Profiler } from 'react';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
@@ -106,12 +106,47 @@ var event = {
 };
 var ipcBridgeListener = null;
 var monitorCallbacks = new Set();
+
+// Cache of last-seen event payloads by eventType. Used to replay the most
+// recent value to late subscribers in popout windows — so a widget rendered
+// in a popout can hydrate from current state without requiring the event to
+// re-fire. Populated on-demand by enableIpcBridge({ replay: true }) and kept
+// current via pub() and the broadcast listener.
+var lastEventCache = new Map();
+// Replay is opt-in per window to avoid resurrecting stale or command-style
+// events when the main dashboard is reopened. Popout windows set this true;
+// the main window leaves it false.
+var replayEnabled = false;
 var DashboardPublisher = {
   sub: function sub(eventType, action, uuid) {
     event.on(eventType, action, uuid);
+
+    // Replay last known payload to this subscriber so popouts can hydrate
+    // from current state without needing the event to re-fire. Only active
+    // in windows that opted in via enableIpcBridge({ replay: true }).
+    if (replayEnabled && lastEventCache.has(eventType) && typeof action === "function") {
+      var cached = lastEventCache.get(eventType);
+      // Defer so the caller finishes wiring up before the handler runs.
+      setTimeout(function () {
+        try {
+          action({
+            message: cached.content,
+            event: eventType,
+            uuid: uuid,
+            replay: true
+          });
+        } catch (_) {
+          // Replay must not break subscription
+        }
+      }, 0);
+    }
   },
   pub: function pub(eventType, content) {
     var _window$mainApi;
+    lastEventCache.set(eventType, {
+      content: content,
+      timestamp: Date.now()
+    });
     event.emit(eventType, content);
 
     // Notify monitor callbacks (debugger)
@@ -144,21 +179,51 @@ var DashboardPublisher = {
     };
   },
   enableIpcBridge: function enableIpcBridge() {
-    var _window$mainApi2;
+    var _window$mainApi2, _window$mainApi3;
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     if (ipcBridgeListener) return;
     if (!((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.on)) return;
+    var _options$replay = options.replay,
+      replay = _options$replay === void 0 ? false : _options$replay;
+    replayEnabled = replay;
     ipcBridgeListener = function ipcBridgeListener(_e, message) {
+      if (replayEnabled && message && message.eventType) {
+        lastEventCache.set(message.eventType, {
+          content: message.content,
+          timestamp: Date.now()
+        });
+      }
       event.emit(message.eventType, message.content);
     };
     window.mainApi.on("widget-event:broadcast", ipcBridgeListener);
+
+    // Hydrate this window's cache from the main-process cache so that
+    // widgets mounted in a fresh window (popout) can replay events that
+    // fired before this window existed. Only for windows that opted in.
+    if (replayEnabled && (_window$mainApi3 = window.mainApi) !== null && _window$mainApi3 !== void 0 && (_window$mainApi3 = _window$mainApi3.widgetEvent) !== null && _window$mainApi3 !== void 0 && _window$mainApi3.getLastEvents) {
+      window.mainApi.widgetEvent.getLastEvents().then(function (events) {
+        if (events && _typeof(events) === "object") {
+          for (var _i = 0, _Object$entries = Object.entries(events); _i < _Object$entries.length; _i++) {
+            var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+              eventType = _Object$entries$_i[0],
+              entry = _Object$entries$_i[1];
+            var existing = lastEventCache.get(eventType);
+            if (!existing || existing.timestamp < (entry.timestamp || 0)) {
+              lastEventCache.set(eventType, entry);
+            }
+          }
+        }
+      })["catch"](function () {});
+    }
   },
   disableIpcBridge: function disableIpcBridge() {
-    var _window$mainApi3;
+    var _window$mainApi4;
     if (!ipcBridgeListener) return;
-    if ((_window$mainApi3 = window.mainApi) !== null && _window$mainApi3 !== void 0 && _window$mainApi3.removeListener) {
+    if ((_window$mainApi4 = window.mainApi) !== null && _window$mainApi4 !== void 0 && _window$mainApi4.removeListener) {
       window.mainApi.removeListener("widget-event:broadcast", ipcBridgeListener);
     }
     ipcBridgeListener = null;
+    replayEnabled = false;
   },
   listeners: function listeners() {
     return event.list;
@@ -2746,7 +2811,16 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
     return w;
   }, [dashApi]);
   useEffect(function () {
-    DashboardPublisher.enableIpcBridge();
+    var _window$location, _window$location2;
+    // Only popout windows replay cached events on subscribe — keeps the
+    // main dashboard from resurrecting stale state when reopened while
+    // still letting popped-out widgets hydrate from current state.
+    // Electron uses hash routing, so the popout path lives in
+    // window.location.hash (e.g. "#/popout-widget/..."), not pathname.
+    var isPopout = typeof window !== "undefined" && (typeof ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hash) === "string" && window.location.hash.includes("/popout") || typeof ((_window$location2 = window.location) === null || _window$location2 === void 0 ? void 0 : _window$location2.pathname) === "string" && window.location.pathname.includes("/popout"));
+    DashboardPublisher.enableIpcBridge({
+      replay: isPopout
+    });
     return function () {
       return DashboardPublisher.disableIpcBridge();
     };