tftsr-devops_investigation/src/lib/eventBus.ts
Shaun Arman 3f4869af01
Some checks failed
PR Review Automation / review (pull_request) Has been cancelled
Test / frontend-typecheck (pull_request) Has been cancelled
Test / rust-clippy (pull_request) Has been cancelled
Test / frontend-tests (pull_request) Has been cancelled
Test / rust-fmt-check (pull_request) Has been cancelled
Test / rust-tests (pull_request) Has been cancelled
feat(kubernetes): implement Lens Desktop v5 feature-parity UI
Complete overhaul of the Kubernetes management page from a basic config
panel into a full Lens-style IDE shell with 26 resource types, real-time
data, and a comprehensive test suite.

Layout & navigation:
- Rewrite KubernetesPage as a Lens v5-style shell: collapsible sidebar
  (Workloads / Services & Networking / Config & Storage / Access Control /
  Cluster), top hotbar with cluster+namespace selectors, Ctrl+K command
  palette
- All 26 resource types now accessible via sidebar navigation (previously 5)

New resource types (Rust + TypeScript + React):
- StorageClasses, NetworkPolicies, ResourceQuotas, LimitRanges
- 4 new Tauri commands registered in generate_handler![]

Component implementations (replacing stubs with real IPC):
- Terminal: full xterm.js with multi-tab sessions and exec_pod IPC
- YamlEditor: Monaco editor with YAML syntax highlighting
- MetricsChart: recharts LineChart/BarChart
- ClusterOverview: live node/pod/deployment/namespace counts
- ClusterDetails: real kubeconfig + node data
- PodDetail, DeploymentDetail, ServiceDetail, ConfigMapDetail, SecretDetail:
  all connected to real IPC data, zero hardcoded values
- CreateResourceModal, EditResourceModal: wired to createResourceCmd /
  editResourceCmd
- RbacViewer: live data from 4 RBAC IPC commands
- RbacEditor: create roles/cluster-roles via YAML editor
- CommandPalette: 12 real navigation commands, keyboard nav

Dependencies added: xterm@5, xterm-addon-fit, xterm-addon-web-links,
@monaco-editor/react@4, recharts@2

Tooling:
- Replace eslint-plugin-react (incompatible with ESLint 10) with
  @eslint-react/eslint-plugin; fix eslint.config.js for flat config
- Fix pre-existing hoisting lint errors in Security.tsx, PortForwardForm.tsx
- Fix eventBus.ts: replace all `any` generics with `unknown`

Tests: 251 passing across 35 test files (was 94/19)
- 16 new test files covering all new and fixed components (TDD)
- npx tsc --noEmit: 0 errors
- cargo clippy -- -D warnings: 0 warnings
- cargo fmt --check: passes
- eslint src/ --max-warnings 0: 0 issues
2026-06-07 16:41:28 -05:00

116 lines
3.2 KiB
TypeScript

import { invoke } from "@tauri-apps/api/core";
export type EventCallback<T = unknown> = (data: T) => void;
export interface EventUnsubscribe {
(): void;
}
export interface EventBus {
on<T = unknown>(event: string, callback: EventCallback<T>): EventUnsubscribe;
off<T = unknown>(event: string, callback: EventCallback<T>): void;
emit<T = unknown>(event: string, data?: T): void;
once<T = unknown>(event: string, callback: EventCallback<T>): EventUnsubscribe;
}
class SimpleEventBus implements EventBus {
private events: Record<string, Set<EventCallback<unknown>>> = {};
private onceEvents: Record<string, Set<EventCallback<unknown>>> = {};
on<T = unknown>(event: string, callback: EventCallback<T>): EventUnsubscribe {
if (!this.events[event]) {
this.events[event] = new Set();
}
this.events[event].add(callback as EventCallback<unknown>);
return () => this.off(event, callback);
}
off<T = unknown>(event: string, callback: EventCallback<T>): void {
if (this.events[event]) {
this.events[event].delete(callback as EventCallback<unknown>);
}
}
emit<T = unknown>(event: string, data?: T): void {
const callbacks = this.events[event];
if (callbacks) {
callbacks.forEach((callback) => callback(data as unknown));
}
const onceCallbacks = this.onceEvents[event];
if (onceCallbacks) {
onceCallbacks.forEach((callback) => callback(data as unknown));
delete this.onceEvents[event];
}
}
once<T = unknown>(event: string, callback: EventCallback<T>): EventUnsubscribe {
if (!this.onceEvents[event]) {
this.onceEvents[event] = new Set();
}
this.onceEvents[event].add(callback as EventCallback<unknown>);
return () => {
if (this.onceEvents[event]) {
this.onceEvents[event].delete(callback as EventCallback<unknown>);
}
};
}
}
export const eventBus: EventBus = new SimpleEventBus();
export async function subscribeToK8sEvents(
clusterId: string,
namespace: string,
resourceType: string,
callback: EventCallback<unknown>
): Promise<EventUnsubscribe> {
try {
const unsubscribeId = await invoke<string>("subscribe_to_k8s_events", {
clusterId,
namespace,
resourceType,
});
const handler = (data: unknown) => {
callback(data);
};
eventBus.on(`k8s:${clusterId}:${namespace}:${resourceType}`, handler);
return () => {
eventBus.off(`k8s:${clusterId}:${namespace}:${resourceType}`, handler);
invoke<void>("unsubscribe_from_k8s_events", { unsubscribeId });
};
} catch (error) {
console.error("Failed to subscribe to K8s events:", error);
return () => {};
}
}
export async function subscribeToAllEvents(
clusterId: string,
callback: EventCallback<unknown>
): Promise<EventUnsubscribe> {
try {
const unsubscribeId = await invoke<string>("subscribe_to_all_k8s_events", {
clusterId,
});
const handler = (data: unknown) => {
callback(data);
};
eventBus.on(`k8s:${clusterId}:all`, handler);
return () => {
eventBus.off(`k8s:${clusterId}:all`, handler);
invoke<void>("unsubscribe_from_k8s_events", { unsubscribeId });
};
} catch (error) {
console.error("Failed to subscribe to all K8s events:", error);
return () => {};
}
}