@skyhook-io/radar-app 1.8.3 → 1.8.5

package/src/filter/FilterLocationBridge.tsx

@@ -0,0 +1,30 @@
+import { useCallback, useMemo, useRef, type ReactNode } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { FilterLocationProvider, type FilterLocation } from '@skyhook-io/k8s-ui';
+
+// Adapts OSS Radar's react-router search params to the app-agnostic
+// FilterLocation seam that @skyhook-io/k8s-ui's useFilterState reads. Mounted
+// once inside the router; every list view's shared filter state flows through
+// it, keeping the URL the single source of truth. (Radar Hub provides its own
+// bridge over its router — k8s-ui itself never depends on react-router.)
+export function FilterLocationBridge({ children }: { children: ReactNode }) {
+  const [searchParams, setSearchParams] = useSearchParams();
+
+  // React Router's functional updater is NOT state-queued: two updates in one
+  // tick can both read the same params and clobber. Advance a ref synchronously
+  // so successive filter changes (e.g. toggling two facets fast) compose.
+  const latest = useRef(searchParams);
+  latest.current = searchParams;
+
+  const update = useCallback<FilterLocation['update']>(
+    (updater, opts) => {
+      const next = updater(new URLSearchParams(latest.current));
+      latest.current = next;
+      setSearchParams(next, opts);
+    },
+    [setSearchParams],
+  );
+
+  const value = useMemo<FilterLocation>(() => ({ searchParams, update }), [searchParams, update]);
+  return <FilterLocationProvider value={value}>{children}</FilterLocationProvider>;
+}

package/src/hooks/useKeyboardShortcuts.tsx

@@ -3,5 +3,6 @@ export {
   useRegisterShortcut,
   useRegisterShortcuts,
   useActiveShortcuts,
+  useSuppressBaseShortcuts,
 } from '@skyhook-io/k8s-ui'
 export type { KeyboardShortcut, ShortcutCategory } from '@skyhook-io/k8s-ui'

package/src/index.ts

@@ -23,6 +23,21 @@ export { ShortcutHelpOverlay } from './components/ui/ShortcutHelpOverlay';
 export { ClusterSwitcher } from '@skyhook-io/k8s-ui';
 export type { ClusterSwitcherProps, ClusterSwitcherItem } from '@skyhook-io/k8s-ui';
 
+// Shared namespace-scope picker primitive — re-exported so embedders (Radar
+// Hub) can render a namespace filter visually identical to OSS Radar's, driving
+// their own per-cluster scope (Hub via ?namespaces= on the embedded RadarApp).
+export { NamespacePicker } from '@skyhook-io/k8s-ui';
+export type {
+  NamespacePickerProps,
+  NamespacePickerHandle,
+  NamespaceScopeView,
+} from '@skyhook-io/k8s-ui';
+
+// Shared bordered shell that groups the cluster + namespace segments into one
+// pill — so Radar Hub's cluster top bar matches OSS Radar's header exactly.
+export { ScopePill } from '@skyhook-io/k8s-ui';
+export type { ScopePillProps } from '@skyhook-io/k8s-ui';
+
 // Deep-link builders — so consumers (Radar Hub) construct deep links into a
 // cluster view without hand-rolling Radar's internal URL format, which drifts
 // silently when Radar re-routes. `resourcePath` opens the detail drawer for any