@trops/dash-core 0.1.439 → 0.1.440

package/dist/index.js

@@ -8382,6 +8382,60 @@ var DashboardWizardModal = function DashboardWizardModal(_ref) {
   });
 };
 
+/**
+ * useWidgetRegistryVersion
+ *
+ * Returns a counter that increments every time the
+ * `dash:widgets-updated` window event fires. Components that derive
+ * lists from `ComponentManager.componentMap()` should pass the
+ * returned value into their `useMemo` / `useEffect` deps so they
+ * re-run when widgets are installed, updated, or uninstalled.
+ *
+ * Background: `componentMap()` returns a plain JS object held at
+ * module scope. React doesn't observe it. Without a counter that
+ * consumers can include in deps, every list (widget sidebar,
+ * Settings → Widgets, Add Widget dropdown, Dependencies tab, etc.)
+ * stays frozen at whatever it derived on first render even after
+ * a new package installs and re-registers configs.
+ *
+ * The producer side is the single dispatch in dash-electron's
+ * `Dash.js#handleWidgetInstalled` (and the `handleWidgetsLoaded`
+ * + `handleWidgetUninstalled` siblings). That fires
+ * `dash:widgets-updated` once per registry mutation; this hook is
+ * the consumer-side contract.
+ *
+ * Usage:
+ *
+ *   const widgetVersion = useWidgetRegistryVersion();
+ *   const allWidgets = useMemo(() => {
+ *     const cm = ComponentManager.componentMap();
+ *     return Object.keys(cm).filter((k) => cm[k].type === "widget");
+ *   }, [widgetVersion]);
+ *
+ * The hook subscribes once on mount and cleans up on unmount, so
+ * adding it to a component is free.
+ *
+ * @returns {number} monotonically increasing counter, starts at 0
+ */
+function useWidgetRegistryVersion() {
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    version = _useState2[0],
+    setVersion = _useState2[1];
+  React.useEffect(function () {
+    var bump = function bump() {
+      return setVersion(function (v) {
+        return v + 1;
+      });
+    };
+    window.addEventListener("dash:widgets-updated", bump);
+    return function () {
+      return window.removeEventListener("dash:widgets-updated", bump);
+    };
+  }, []);
+  return version;
+}
+
 var LayoutBuilderAddItemModal = function LayoutBuilderAddItemModal(_ref) {
   var workspace = _ref.workspace,
     open = _ref.open,
@@ -8390,6 +8444,11 @@ var LayoutBuilderAddItemModal = function LayoutBuilderAddItemModal(_ref) {
     item = _ref$item === void 0 ? null : _ref$item,
     _ref$onSaveItem = _ref.onSaveItem,
     onSaveItem = _ref$onSaveItem === void 0 ? null : _ref$onSaveItem;
+  // Re-render when the widget registry mutates (install / update /
+  // uninstall) so the available-widgets list reflects the live state
+  // without requiring the modal to be closed and reopened.
+  // eslint-disable-next-line no-unused-vars
+  useWidgetRegistryVersion();
   var _useContext = React.useContext(DashReact.ThemeContext),
     currentTheme = _useContext.currentTheme;
   var _useState = React.useState(""),
@@ -18347,18 +18406,13 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
     return Object.values(groups);
   };
 
-  // Refresh widget list when installed widgets change
+  // Refresh widget list when installed widgets change. Subscribing
+  // via the shared registry-version hook keeps this in sync with
+  // every other widget-list surface (sidebar, settings, etc.).
+  var widgetRegistryVersion = useWidgetRegistryVersion();
   React.useEffect(function () {
-    var handleWidgetsUpdated = function handleWidgetsUpdated() {
-      if (isOpen && selectedSource === "Installed") {
-        loadWidgets();
-      }
-    };
-    window.addEventListener("dash:widgets-updated", handleWidgetsUpdated);
-    return function () {
-      return window.removeEventListener("dash:widgets-updated", handleWidgetsUpdated);
-    };
-  }, [isOpen, selectedSource, loadWidgets]);
+    if (isOpen && selectedSource === "Installed") loadWidgets();
+  }, [widgetRegistryVersion, isOpen, selectedSource, loadWidgets]);
 
   // Load widgets when source changes
   React.useEffect(function () {
@@ -49367,16 +49421,15 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
       }
     }, _callee2, null, [[0, 2]]);
   })), []);
+
+  // Re-load whenever the registry mutates (install / update /
+  // uninstall). The shared hook means this surface stays in sync
+  // with the widget sidebar and Settings → Widgets without each
+  // re-implementing the same listener.
+  var widgetRegistryVersion = useWidgetRegistryVersion();
   React.useEffect(function () {
     loadInstalledPackages();
-    var handleWidgetsUpdated = function handleWidgetsUpdated() {
-      return loadInstalledPackages();
-    };
-    window.addEventListener("dash:widgets-updated", handleWidgetsUpdated);
-    return function () {
-      return window.removeEventListener("dash:widgets-updated", handleWidgetsUpdated);
-    };
-  }, [loadInstalledPackages]);
+  }, [loadInstalledPackages, widgetRegistryVersion]);
 
   // Watch for install completion — same pattern as WidgetSidebar
   React.useEffect(function () {
@@ -50066,16 +50119,10 @@ var useInstalledWidgets = function useInstalledWidgets() {
       return _ref2.apply(this, arguments);
     };
   }(), [refresh, widgets]);
+  var widgetRegistryVersion = useWidgetRegistryVersion();
   React.useEffect(function () {
     refresh();
-    var handleWidgetsUpdated = function handleWidgetsUpdated() {
-      return refresh();
-    };
-    window.addEventListener("dash:widgets-updated", handleWidgetsUpdated);
-    return function () {
-      return window.removeEventListener("dash:widgets-updated", handleWidgetsUpdated);
-    };
-  }, [refresh]);
+  }, [refresh, widgetRegistryVersion]);
   return {
     widgets: widgets,
     isLoading: isLoading,
@@ -54384,22 +54431,9 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
     filterHasHandlers = _useState22[0],
     setFilterHasHandlers = _useState22[1];
 
-  // Counter to trigger re-computation when installed widgets change
-  var _useState23 = React.useState(0),
-    _useState24 = _slicedToArray(_useState23, 2),
-    widgetVersion = _useState24[0],
-    setWidgetVersion = _useState24[1];
-  React.useEffect(function () {
-    var handleWidgetsUpdated = function handleWidgetsUpdated() {
-      return setWidgetVersion(function (v) {
-        return v + 1;
-      });
-    };
-    window.addEventListener("dash:widgets-updated", handleWidgetsUpdated);
-    return function () {
-      return window.removeEventListener("dash:widgets-updated", handleWidgetsUpdated);
-    };
-  }, []);
+  // Counter from the shared `dash:widgets-updated` event so the
+  // sidebar re-derives whenever widgets install / update / uninstall.
+  var widgetVersion = useWidgetRegistryVersion();
 
   // Flat list of all widgets
   var allWidgets = React.useMemo(function () {
@@ -54416,10 +54450,10 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
 
   // Set of installed package identifiers for "Installed" badge in Discover tab.
   // Stores folder names, package names, and "author/name" keys for matching.
-  var _useState25 = React.useState(new Set()),
-    _useState26 = _slicedToArray(_useState25, 2),
-    installedPackageNames = _useState26[0],
-    setInstalledPackageNames = _useState26[1];
+  var _useState23 = React.useState(new Set()),
+    _useState24 = _slicedToArray(_useState23, 2),
+    installedPackageNames = _useState24[0],
+    setInstalledPackageNames = _useState24[1];
   React.useEffect(function () {
     var cancelled = false;
     var loadInstalled = /*#__PURE__*/function () {
@@ -54815,18 +54849,10 @@ var useMissingWidgets = function useMissingWidgets(workspace) {
     })));
     setMissingComponents(missing);
   }, [workspace === null || workspace === void 0 ? void 0 : workspace.layout]);
+  var widgetRegistryVersion = useWidgetRegistryVersion();
   React.useEffect(function () {
     check();
-  }, [check]);
-  React.useEffect(function () {
-    var handler = function handler() {
-      return check();
-    };
-    window.addEventListener("dash:widgets-updated", handler);
-    return function () {
-      return window.removeEventListener("dash:widgets-updated", handler);
-    };
-  }, [check]);
+  }, [check, widgetRegistryVersion]);
   return {
     missingComponents: missingComponents,
     hasMissing: missingComponents.length > 0
@@ -62797,6 +62823,7 @@ exports.useScheduler = useScheduler;
 exports.useWebSocketProvider = useWebSocketProvider;
 exports.useWidgetEvents = useWidgetEvents;
 exports.useWidgetProviders = useWidgetProviders;
+exports.useWidgetRegistryVersion = useWidgetRegistryVersion;
 exports.useWidgetSchedulerStatus = useWidgetSchedulerStatus;
 exports.useWizardState = useWizardState;
 exports.validateCellMerge = validateCellMerge;