mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
7722f443eb
* Cluster dashboard not rendered, fix #811 Signed-off-by: Roman <ixrock@gmail.com> * refactoring Signed-off-by: Roman <ixrock@gmail.com> * actual fix Signed-off-by: Roman <ixrock@gmail.com> * reverted back reconnect check in cluster.activate() Signed-off-by: Roman <ixrock@gmail.com> * fix: cluster.activate() should not start reconnect on init (if not accessible) Signed-off-by: Roman <ixrock@gmail.com>
59 lines
2.2 KiB
TypeScript
59 lines
2.2 KiB
TypeScript
import { observable, when } from "mobx";
|
|
import { ClusterId, clusterStore, getClusterFrameUrl } from "../../../common/cluster-store";
|
|
import { getMatchedCluster } from "./cluster-view.route"
|
|
import logger from "../../../main/logger";
|
|
|
|
export interface LensView {
|
|
isLoaded?: boolean
|
|
clusterId: ClusterId;
|
|
view: HTMLIFrameElement
|
|
}
|
|
|
|
export const lensViews = observable.map<ClusterId, LensView>();
|
|
|
|
export function hasLoadedView(clusterId: ClusterId): boolean {
|
|
return !!lensViews.get(clusterId)?.isLoaded;
|
|
}
|
|
|
|
export async function initView(clusterId: ClusterId) {
|
|
if (!clusterId || lensViews.has(clusterId)) {
|
|
return;
|
|
}
|
|
logger.info(`[LENS-VIEW]: init dashboard, clusterId=${clusterId}`)
|
|
const cluster = clusterStore.getById(clusterId);
|
|
const parentElem = document.getElementById("lens-views");
|
|
const iframe = document.createElement("iframe");
|
|
iframe.name = cluster.contextName;
|
|
iframe.setAttribute("src", getClusterFrameUrl(clusterId))
|
|
iframe.addEventListener("load", () => {
|
|
logger.info(`[LENS-VIEW]: loaded from ${iframe.src}`)
|
|
lensViews.get(clusterId).isLoaded = true;
|
|
}, { once: true });
|
|
lensViews.set(clusterId, { clusterId, view: iframe });
|
|
parentElem.appendChild(iframe);
|
|
await autoCleanOnRemove(clusterId, iframe);
|
|
}
|
|
|
|
export async function autoCleanOnRemove(clusterId: ClusterId, iframe: HTMLIFrameElement) {
|
|
await when(() => !clusterStore.getById(clusterId));
|
|
logger.info(`[LENS-VIEW]: remove dashboard, clusterId=${clusterId}`)
|
|
lensViews.delete(clusterId)
|
|
|
|
// Keep frame in DOM to avoid possible bugs when same cluster re-created after being removed.
|
|
// In that case for some reasons `webFrame.routingId` returns some previous frameId (usage in app.tsx)
|
|
// Issue: https://github.com/lensapp/lens/issues/811
|
|
iframe.dataset.meta = `${iframe.name} was removed at ${new Date().toLocaleString()}`;
|
|
iframe.removeAttribute("src")
|
|
iframe.removeAttribute("name")
|
|
}
|
|
|
|
export function refreshViews() {
|
|
const cluster = getMatchedCluster();
|
|
lensViews.forEach(({ clusterId, view, isLoaded }) => {
|
|
const isCurrent = clusterId === cluster?.id;
|
|
const isReady = cluster?.available && cluster?.ready;
|
|
const isVisible = isCurrent && isLoaded && isReady;
|
|
view.style.display = isVisible ? "flex" : "none"
|
|
})
|
|
}
|