lens/dashboard/client/components/dock/edit-resource.store.ts

import { autobind, noop } from "../../utils";
import { DockTabStore } from "./dock-tab.store";
import { autorun, IReactionDisposer } from "mobx";
import { dockStore, DockTabData, TabKind } from "./dock.store";
import { KubeObject } from "../../api/kube-object";
import { apiManager } from "../../api/api-manager";

export interface KubeEditResource {
  resource: string; // resource path, e.g. /api/v1/namespaces/default
  draft?: string; // edited draft in yaml
}

@autobind()
export class EditResourceStore extends DockTabStore<KubeEditResource> {
  private watchers = new Map<string /*tabId*/, IReactionDisposer>();

  constructor() {
    super({
      storageName: "edit_resource_store",
      storageSerializer: ({ draft: _draft, ...data }) => data, // skip saving draft in local-storage
    });

    autorun(() => {
      Array.from(this.data).forEach(([tabId, { resource }]) => {
        if (this.watchers.get(tabId)) {
          return;
        }
        this.watchers.set(tabId, autorun(() => {
          const store = apiManager.getStore(resource);
          if (store) {
            const isActiveTab = dockStore.isOpen && dockStore.selectedTabId === tabId;
            const obj = store.getByPath(resource);
            // preload resource for editing
            if (!obj && !store.isLoaded && !store.isLoading && isActiveTab) {
              store.loadFromPath(resource).catch(noop);
            } else if (!obj && store.isLoaded) {
              // auto-close tab when resource removed from store
              dockStore.closeTab(tabId);
            }
          }
        }, {
          delay: 100 // make sure all stores initialized
        }));
      });
    });
  }

  getTabByResource(object: KubeObject): DockTabData {
    const [tabId] = Array.from(this.data).find(([_tabId, { resource }]) => {
      return object.selfLink === resource;
    }) || [];
    return dockStore.getTabById(tabId);
  }

  reset(): void {
    super.reset();
    Array.from(this.watchers).forEach(([tabId, dispose]) => {
      this.watchers.delete(tabId);
      dispose();
    });
  }
}

export const editResourceStore = new EditResourceStore();

export function editResourceTab(object: KubeObject, tabParams: Partial<DockTabData> = {}): DockTabData {
  // use existing tab if already opened
  let tab = editResourceStore.getTabByResource(object);
  if (tab) {
    dockStore.open();
    dockStore.selectTab(tab.id);
  }
  // or create new tab
  if (!tab) {
    tab = dockStore.createTab({
      title: `${object.kind}: ${object.getName()}`,
      kind: TabKind.EDIT_RESOURCE,
      ...tabParams
    }, false);
    editResourceStore.setData(tab.id, {
      resource: object.selfLink,
    });
  }
  return tab;
}

export function isEditResourceTab(tab: DockTabData): boolean {
  return tab?.kind === TabKind.EDIT_RESOURCE;
}