diff --git a/src/renderer/api/kube-watch-api.ts b/src/renderer/api/kube-watch-api.ts index ea451b4bf7..707255d2e5 100644 --- a/src/renderer/api/kube-watch-api.ts +++ b/src/renderer/api/kube-watch-api.ts @@ -5,10 +5,9 @@ import type { Cluster } from "../../main/cluster"; import type { IKubeWatchEvent, IKubeWatchEventStreamEnd, IWatchRoutePayload } from "../../main/routes/watch-route"; import type { KubeObject } from "./kube-object"; import type { KubeObjectStore } from "../kube-object.store"; -import type { NamespaceStore } from "../components/+namespaces/namespace.store"; import debounce from "lodash/debounce"; -import { comparer, computed, observable, reaction } from "mobx"; +import { comparer, computed, observable, reaction, when } from "mobx"; import { autobind, EventEmitter } from "../utils"; import { ensureObjectSelfLink, KubeApi, parseKubeApi } from "./kube-api"; import { KubeJsonApiData, KubeJsonApiError } from "./kube-json-api"; @@ -41,13 +40,13 @@ export interface IKubeWatchLog { @autobind() export class KubeWatchApi { - private cluster: Cluster; - private namespaceStore: NamespaceStore; - private requestId = 0; - private isConnected = false; private reader: ReadableStreamReader; - private subscribers = observable.map(); + + @observable.ref private getCluster: () => Cluster; + @observable.ref private getNamespaces: () => string[]; + @observable isConnected = false; + @observable subscribers = observable.map(); // events public onMessage = new EventEmitter<[IKubeWatchMessage]>(); @@ -57,16 +56,13 @@ export class KubeWatchApi { } @computed get apis(): string[] { - const { cluster, namespaceStore } = this; - const activeApis = Array.from(this.subscribers.keys()); - - return activeApis.map(api => { - if (!cluster.isAllowedResource(api.kind)) { + return Array.from(this.subscribers.keys()).map(api => { + if (!this.getCluster?.().isAllowedResource(api.kind)) { return []; } if (api.isNamespaced) { - return namespaceStore.getContextNamespaces().map(namespace => api.getWatchUrl(namespace)); + return this.getNamespaces().map(namespace => api.getWatchUrl(namespace)); } else { return api.getWatchUrl(); } @@ -77,14 +73,16 @@ export class KubeWatchApi { this.init(); } + setupCluster(getter: () => Cluster) { + this.getCluster = getter; + } + + setupWatchingNamespaces(getter: () => string[]) { + this.getNamespaces = getter; + } + private async init() { - const { getHostedCluster } = await import("../../common/cluster-store"); - const { namespaceStore } = await import("../components/+namespaces/namespace.store"); - - await namespaceStore.whenReady; - - this.cluster = getHostedCluster(); - this.namespaceStore = namespaceStore; + await when(() => Boolean(this.getCluster && this.getNamespaces)); this.bindAutoConnect(); } @@ -143,7 +141,7 @@ export class KubeWatchApi { } if (preload) { - loading.push(...stores.map(store => store.loadAll())); + loading.push(...stores.map(store => store.loadAll(this.getNamespaces()))); } if (waitUntilLoaded) { diff --git a/src/renderer/components/+apps-releases/release.store.ts b/src/renderer/components/+apps-releases/release.store.ts index 6f7ed39fed..0ca6f45b39 100644 --- a/src/renderer/components/+apps-releases/release.store.ts +++ b/src/renderer/components/+apps-releases/release.store.ts @@ -58,11 +58,11 @@ export class ReleaseStore extends ItemStore { } @action - async loadAll() { + async loadAll(namespaces = namespaceStore.allowedNamespaces) { this.isLoading = true; try { - const items = await this.loadItems(namespaceStore.getContextNamespaces()); + const items = await this.loadItems(namespaces); this.items.replace(this.sortItems(items)); this.isLoaded = true; @@ -73,6 +73,10 @@ export class ReleaseStore extends ItemStore { } } + async loadSelectedNamespaces(): Promise { + return this.loadAll(namespaceStore.getContextNamespaces()); + } + async loadItems(namespaces: string[]) { return Promise .all(namespaces.map(namespace => helmReleasesApi.list(namespace))) @@ -82,7 +86,7 @@ export class ReleaseStore extends ItemStore { async create(payload: IReleaseCreatePayload) { const response = await helmReleasesApi.create(payload); - if (this.isLoaded) this.loadAll(); + if (this.isLoaded) this.loadSelectedNamespaces(); return response; } @@ -90,7 +94,7 @@ export class ReleaseStore extends ItemStore { async update(name: string, namespace: string, payload: IReleaseUpdatePayload) { const response = await helmReleasesApi.update(name, namespace, payload); - if (this.isLoaded) this.loadAll(); + if (this.isLoaded) this.loadSelectedNamespaces(); return response; } @@ -98,7 +102,7 @@ export class ReleaseStore extends ItemStore { async rollback(name: string, namespace: string, revision: number) { const response = await helmReleasesApi.rollback(name, namespace, revision); - if (this.isLoaded) this.loadAll(); + if (this.isLoaded) this.loadSelectedNamespaces(); return response; } diff --git a/src/renderer/components/+custom-resources/crd-resources.tsx b/src/renderer/components/+custom-resources/crd-resources.tsx index e6a7f2aac6..6a403bb2db 100644 --- a/src/renderer/components/+custom-resources/crd-resources.tsx +++ b/src/renderer/components/+custom-resources/crd-resources.tsx @@ -30,7 +30,7 @@ export class CrdResources extends React.Component { const { store } = this; if (store && !store.isLoading && !store.isLoaded) { - store.loadAll(); + store.loadSelectedNamespaces(); } }) ]); diff --git a/src/renderer/components/+events/kube-event-details.tsx b/src/renderer/components/+events/kube-event-details.tsx index 34b16103f0..60821d416d 100644 --- a/src/renderer/components/+events/kube-event-details.tsx +++ b/src/renderer/components/+events/kube-event-details.tsx @@ -14,7 +14,7 @@ export interface KubeEventDetailsProps { @observer export class KubeEventDetails extends React.Component { async componentDidMount() { - eventStore.loadAll(); + eventStore.loadSelectedNamespaces(); } render() { diff --git a/src/renderer/components/+namespaces/namespace-details.tsx b/src/renderer/components/+namespaces/namespace-details.tsx index 5dfa93cea7..e7397b6a5e 100644 --- a/src/renderer/components/+namespaces/namespace-details.tsx +++ b/src/renderer/components/+namespaces/namespace-details.tsx @@ -32,8 +32,8 @@ export class NamespaceDetails extends React.Component { } componentDidMount() { - resourceQuotaStore.loadAll(); - limitRangeStore.loadAll(); + resourceQuotaStore.loadSelectedNamespaces(); + limitRangeStore.loadSelectedNamespaces(); } render() { diff --git a/src/renderer/components/+namespaces/namespace.store.ts b/src/renderer/components/+namespaces/namespace.store.ts index 63bb7525de..2b234a0cc7 100644 --- a/src/renderer/components/+namespaces/namespace.store.ts +++ b/src/renderer/components/+namespaces/namespace.store.ts @@ -73,7 +73,7 @@ export class NamespaceStore extends KubeObjectStore { } private autoLoadAllowedNamespaces(): IReactionDisposer { - return reaction(() => this.allowedNamespaces, () => this.loadAll(), { + return reaction(() => this.allowedNamespaces, namespaces => this.loadAll(namespaces), { fireImmediately: true, equals: comparer.shallow, }); diff --git a/src/renderer/components/+nodes/node-details.tsx b/src/renderer/components/+nodes/node-details.tsx index 824affafee..d4208c4545 100644 --- a/src/renderer/components/+nodes/node-details.tsx +++ b/src/renderer/components/+nodes/node-details.tsx @@ -29,9 +29,7 @@ export class NodeDetails extends React.Component { }); async componentDidMount() { - if (!podsStore.isLoaded) { - podsStore.loadAll(); - } + podsStore.loadSelectedNamespaces(); } componentWillUnmount() { diff --git a/src/renderer/components/+user-management-roles-bindings/add-role-binding-dialog.tsx b/src/renderer/components/+user-management-roles-bindings/add-role-binding-dialog.tsx index ab06126bd2..808cef90d6 100644 --- a/src/renderer/components/+user-management-roles-bindings/add-role-binding-dialog.tsx +++ b/src/renderer/components/+user-management-roles-bindings/add-role-binding-dialog.tsx @@ -80,7 +80,7 @@ export class AddRoleBindingDialog extends React.Component { ]; this.isLoading = true; - await Promise.all(stores.map(store => store.loadAll())); + await Promise.all(stores.map(store => store.loadSelectedNamespaces())); this.isLoading = false; } diff --git a/src/renderer/components/+workloads-cronjobs/cronjob-details.tsx b/src/renderer/components/+workloads-cronjobs/cronjob-details.tsx index 6fd04ffe7e..4daff4abed 100644 --- a/src/renderer/components/+workloads-cronjobs/cronjob-details.tsx +++ b/src/renderer/components/+workloads-cronjobs/cronjob-details.tsx @@ -20,9 +20,7 @@ interface Props extends KubeObjectDetailsProps { @observer export class CronJobDetails extends React.Component { async componentDidMount() { - if (!jobStore.isLoaded) { - jobStore.loadAll(); - } + jobStore.loadSelectedNamespaces(); } render() { diff --git a/src/renderer/components/+workloads-daemonsets/daemonset-details.tsx b/src/renderer/components/+workloads-daemonsets/daemonset-details.tsx index 44ccbaac56..ab3269ede5 100644 --- a/src/renderer/components/+workloads-daemonsets/daemonset-details.tsx +++ b/src/renderer/components/+workloads-daemonsets/daemonset-details.tsx @@ -30,9 +30,7 @@ export class DaemonSetDetails extends React.Component { }); componentDidMount() { - if (!podsStore.isLoaded) { - podsStore.loadAll(); - } + podsStore.loadSelectedNamespaces(); } componentWillUnmount() { diff --git a/src/renderer/components/+workloads-deployments/deployment-details.tsx b/src/renderer/components/+workloads-deployments/deployment-details.tsx index 26cd4c0b23..e22137ea67 100644 --- a/src/renderer/components/+workloads-deployments/deployment-details.tsx +++ b/src/renderer/components/+workloads-deployments/deployment-details.tsx @@ -31,9 +31,7 @@ export class DeploymentDetails extends React.Component { }); componentDidMount() { - if (!podsStore.isLoaded) { - podsStore.loadAll(); - } + podsStore.loadSelectedNamespaces(); } componentWillUnmount() { diff --git a/src/renderer/components/+workloads-jobs/job-details.tsx b/src/renderer/components/+workloads-jobs/job-details.tsx index dfa16fe760..4ce4a9bc61 100644 --- a/src/renderer/components/+workloads-jobs/job-details.tsx +++ b/src/renderer/components/+workloads-jobs/job-details.tsx @@ -25,9 +25,7 @@ interface Props extends KubeObjectDetailsProps { @observer export class JobDetails extends React.Component { async componentDidMount() { - if (!podsStore.isLoaded) { - podsStore.loadAll(); - } + podsStore.loadSelectedNamespaces(); } render() { diff --git a/src/renderer/components/+workloads-replicasets/replicaset-details.tsx b/src/renderer/components/+workloads-replicasets/replicaset-details.tsx index 8c28d81a83..f427d78e9d 100644 --- a/src/renderer/components/+workloads-replicasets/replicaset-details.tsx +++ b/src/renderer/components/+workloads-replicasets/replicaset-details.tsx @@ -29,9 +29,7 @@ export class ReplicaSetDetails extends React.Component { }); async componentDidMount() { - if (!podsStore.isLoaded) { - podsStore.loadAll(); - } + podsStore.loadSelectedNamespaces(); } componentWillUnmount() { diff --git a/src/renderer/components/+workloads-statefulsets/statefulset-details.tsx b/src/renderer/components/+workloads-statefulsets/statefulset-details.tsx index d30633ff32..780572eb96 100644 --- a/src/renderer/components/+workloads-statefulsets/statefulset-details.tsx +++ b/src/renderer/components/+workloads-statefulsets/statefulset-details.tsx @@ -30,9 +30,7 @@ export class StatefulSetDetails extends React.Component { }); componentDidMount() { - if (!podsStore.isLoaded) { - podsStore.loadAll(); - } + podsStore.loadSelectedNamespaces(); } componentWillUnmount() { diff --git a/src/renderer/components/app.tsx b/src/renderer/components/app.tsx index 14758d1213..645dda4d4c 100755 --- a/src/renderer/components/app.tsx +++ b/src/renderer/components/app.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { computed, observable, reaction } from "mobx"; import { disposeOnUnmount, observer } from "mobx-react"; import { Redirect, Route, Router, Switch } from "react-router"; import { history } from "../navigation"; @@ -41,12 +42,12 @@ import { clusterSetFrameIdHandler } from "../../common/cluster-ipc"; import { ClusterPageMenuRegistration, clusterPageMenuRegistry } from "../../extensions/registries"; import { TabLayout, TabLayoutRoute } from "./layout/tab-layout"; import { StatefulSetScaleDialog } from "./+workloads-statefulsets/statefulset-scale-dialog"; +import { ReplicaSetScaleDialog } from "./+workloads-replicasets/replicaset-scale-dialog"; import { eventStore } from "./+events/event.store"; -import { computed, reaction, observable } from "mobx"; import { nodesStore } from "./+nodes/nodes.store"; import { podsStore } from "./+workloads-pods/pods.store"; +import { namespaceStore } from "./+namespaces/namespace.store"; import { kubeWatchApi } from "../api/kube-watch-api"; -import { ReplicaSetScaleDialog } from "./+workloads-replicasets/replicaset-scale-dialog"; @observer export class App extends React.Component { @@ -76,6 +77,9 @@ export class App extends React.Component { } componentDidMount() { + kubeWatchApi.setupCluster(getHostedCluster); + kubeWatchApi.setupWatchingNamespaces(namespaceStore.getContextNamespaces); + disposeOnUnmount(this, [ kubeWatchApi.subscribeStores([podsStore, nodesStore, eventStore], { preload: true, @@ -155,9 +159,9 @@ export class App extends React.Component { const tabRoutes = this.getTabLayoutRoutes(menu); if (tabRoutes.length > 0) { - const pageComponent = () => ; + const pageComponent = () => ; - route = tab.routePath)} />; + route = tab.routePath)}/>; this.extensionRoutes.set(menu, route); } else { const page = clusterPageRegistry.getByPageTarget(menu.target); diff --git a/src/renderer/components/dock/upgrade-chart.store.ts b/src/renderer/components/dock/upgrade-chart.store.ts index bc7445e29d..f609420d9d 100644 --- a/src/renderer/components/dock/upgrade-chart.store.ts +++ b/src/renderer/components/dock/upgrade-chart.store.ts @@ -80,7 +80,7 @@ export class UpgradeChartStore extends DockTabStore { const values = this.values.getData(tabId); await Promise.all([ - !releaseStore.isLoaded && releaseStore.loadAll(), + !releaseStore.isLoaded && releaseStore.loadSelectedNamespaces(), !values && this.loadValues(tabId) ]); } diff --git a/src/renderer/components/item-object-list/item-list-layout.tsx b/src/renderer/components/item-object-list/item-list-layout.tsx index b13d496064..ac0d2ea635 100644 --- a/src/renderer/components/item-object-list/item-list-layout.tsx +++ b/src/renderer/components/item-object-list/item-list-layout.tsx @@ -138,7 +138,7 @@ export class ItemListLayout extends React.Component { const { store, dependentStores } = this.props; const stores = Array.from(new Set([store, ...dependentStores])); - stores.forEach(store => store.loadAll()); + stores.forEach(store => store.loadAll(namespaceStore.getContextNamespaces())); } private filterCallbacks: { [type: string]: ItemsFilter } = { diff --git a/src/renderer/components/layout/sidebar.tsx b/src/renderer/components/layout/sidebar.tsx index b44dd4a759..20c401ab4f 100644 --- a/src/renderer/components/layout/sidebar.tsx +++ b/src/renderer/components/layout/sidebar.tsx @@ -40,9 +40,7 @@ interface Props { @observer export class Sidebar extends React.Component { async componentDidMount() { - if (!crdStore.isLoaded && isAllowedResource("customresourcedefinitions")) { - crdStore.loadAll(); - } + crdStore.loadSelectedNamespaces(); } renderCustomResources() { diff --git a/src/renderer/kube-object.store.ts b/src/renderer/kube-object.store.ts index d23626a926..1a8710172d 100644 --- a/src/renderer/kube-object.store.ts +++ b/src/renderer/kube-object.store.ts @@ -106,17 +106,18 @@ export abstract class KubeObjectStore extends ItemSt } @action - async loadAll({ namespaces: contextNamespaces }: { namespaces?: string[] } = {}) { + async loadAll(namespaces: string[] = []): Promise { this.isLoading = true; try { - if (!contextNamespaces) { + if (!namespaces.length) { const { namespaceStore } = await import("./components/+namespaces/namespace.store"); - contextNamespaces = namespaceStore.getContextNamespaces(); + // load all available namespaces by default + namespaces.push(...namespaceStore.allowedNamespaces); } - let items = await this.loadItems({ namespaces: contextNamespaces, api: this.api }); + let items = await this.loadItems({ namespaces, api: this.api }); items = this.filterItemsOnLoad(items); items = this.sortItems(items); @@ -131,6 +132,12 @@ export abstract class KubeObjectStore extends ItemSt } } + async loadSelectedNamespaces(): Promise { + const { namespaceStore } = await import("./components/+namespaces/namespace.store"); + + return this.loadAll(namespaceStore.getContextNamespaces()); + } + protected resetOnError(error: any) { if (error) this.reset(); }