@backstage/plugin-kubernetes-react 0.1.2-next.0 → 0.2.0-next.2

package/dist/index.esm.js

@@ -41,6 +41,9 @@ const kubernetesApiRef = createApiRef({
 const kubernetesProxyApiRef = createApiRef({
   id: "plugin.kubernetes.proxy-service"
 });
+const kubernetesClusterLinkFormatterApiRef = createApiRef({
+  id: "plugin.kubernetes.cluster-link-formatter-service"
+});
 
 const useIsPodExecTerminalSupported = () => {
   const kubernetesApi = useApi(kubernetesApiRef);
@@ -83,15 +86,15 @@ const kubernetesAuthProvidersApiRef = createApiRef({
   id: "plugin.kubernetes-auth-providers.service"
 });
 
-var __defProp$4 = Object.defineProperty;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$4 = (obj, key, value) => {
-  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$5 = Object.defineProperty;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$5 = (obj, key, value) => {
+  __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class GoogleKubernetesAuthProvider {
   constructor(authProvider) {
-    __publicField$4(this, "authProvider");
+    __publicField$5(this, "authProvider");
     this.authProvider = authProvider;
   }
   async decorateRequestBodyForAuth(requestBody) {
@@ -121,16 +124,16 @@ class ServerSideKubernetesAuthProvider {
   }
 }
 
-var __defProp$3 = Object.defineProperty;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$3 = (obj, key, value) => {
-  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$4 = Object.defineProperty;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$4 = (obj, key, value) => {
+  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class OidcKubernetesAuthProvider {
   constructor(providerName, authProvider) {
-    __publicField$3(this, "providerName");
-    __publicField$3(this, "authProvider");
+    __publicField$4(this, "providerName");
+    __publicField$4(this, "authProvider");
     this.providerName = providerName;
     this.authProvider = authProvider;
   }
@@ -171,15 +174,15 @@ class AksKubernetesAuthProvider {
   }
 }
 
-var __defProp$2 = Object.defineProperty;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$2 = (obj, key, value) => {
-  __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$3 = Object.defineProperty;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$3 = (obj, key, value) => {
+  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class KubernetesAuthProviders {
   constructor(options) {
-    __publicField$2(this, "kubernetesAuthProviderMap");
+    __publicField$3(this, "kubernetesAuthProviderMap");
     this.kubernetesAuthProviderMap = /* @__PURE__ */ new Map();
     this.kubernetesAuthProviderMap.set(
       "google",
@@ -367,17 +370,17 @@ const useMatchingErrors = (matcher) => {
   });
 };
 
-var __defProp$1 = Object.defineProperty;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$1 = (obj, key, value) => {
-  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$2 = Object.defineProperty;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$2 = (obj, key, value) => {
+  __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class KubernetesBackendClient {
   constructor(options) {
-    __publicField$1(this, "discoveryApi");
-    __publicField$1(this, "identityApi");
-    __publicField$1(this, "kubernetesAuthProvidersApi");
+    __publicField$2(this, "discoveryApi");
+    __publicField$2(this, "identityApi");
+    __publicField$2(this, "kubernetesAuthProvidersApi");
     this.discoveryApi = options.discoveryApi;
     this.identityApi = options.identityApi;
     this.kubernetesAuthProvidersApi = options.kubernetesAuthProvidersApi;
@@ -494,6 +497,42 @@ class KubernetesBackendClient {
   }
 }
 
+var __defProp$1 = Object.defineProperty;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$1 = (obj, key, value) => {
+  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class KubernetesClusterLinkFormatter {
+  constructor(options) {
+    __publicField$1(this, "formatters");
+    __publicField$1(this, "defaultFormatterName");
+    this.formatters = options.formatters;
+    this.defaultFormatterName = options.defaultFormatterName;
+  }
+  async formatClusterLink(options) {
+    var _a;
+    if (!options.dashboardUrl && !options.dashboardParameters) {
+      return void 0;
+    }
+    if (options.dashboardUrl && !options.object) {
+      return options.dashboardUrl;
+    }
+    const app = (_a = options.dashboardApp) != null ? _a : this.defaultFormatterName;
+    const formatter = this.formatters[app];
+    if (!formatter) {
+      throw new Error(`Could not find Kubernetes dashboard app named '${app}'`);
+    }
+    const url = await formatter.formatClusterLink({
+      dashboardUrl: options.dashboardUrl ? new URL(options.dashboardUrl) : void 0,
+      dashboardParameters: options.dashboardParameters,
+      object: options.object,
+      kind: options.kind
+    });
+    return url.toString();
+  }
+}
+
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -568,6 +607,215 @@ class KubernetesProxyClient {
   }
 }
 
+const basePath = "https://portal.azure.com/#blade/Microsoft_Azure_ContainerService/AksK8ResourceMenuBlade/overview-Deployment/aksClusterId";
+const requiredParams = ["subscriptionId", "resourceGroup", "clusterName"];
+class AksClusterLinksFormatter {
+  async formatClusterLink(options) {
+    if (!options.dashboardParameters) {
+      throw new Error("AKS dashboard requires a dashboardParameters option");
+    }
+    const args = options.dashboardParameters;
+    for (const param of requiredParams) {
+      if (typeof args[param] !== "string") {
+        throw new Error(
+          `AKS dashboard requires a "${param}" of type string in the dashboardParameters option`
+        );
+      }
+    }
+    const path = `/subscriptions/${args.subscriptionId}/resourceGroups/${args.resourceGroup}/providers/Microsoft.ContainerService/managedClusters/${args.clusterName}`;
+    const { name, namespace, uid } = options.object.metadata;
+    const { selector } = options.object.spec;
+    const params = {
+      kind: options.kind,
+      metadata: { name, namespace, uid },
+      spec: {
+        selector
+      }
+    };
+    return new URL(
+      `${basePath}/${encodeURIComponent(path)}/resource/${encodeURIComponent(
+        JSON.stringify(params)
+      )}`
+    );
+  }
+}
+
+class EksClusterLinksFormatter {
+  async formatClusterLink(_options) {
+    throw new Error(
+      "EKS formatter is not yet implemented. Please, contribute!"
+    );
+  }
+}
+
+const kindMappings$3 = {
+  deployment: "deployment",
+  pod: "pod",
+  ingress: "ingress",
+  service: "service",
+  horizontalpodautoscaler: "deployment"
+};
+class GkeClusterLinksFormatter {
+  async formatClusterLink(options) {
+    var _a, _b, _c, _d;
+    if (!options.dashboardParameters) {
+      throw new Error("GKE dashboard requires a dashboardParameters option");
+    }
+    const args = options.dashboardParameters;
+    if (typeof args.projectId !== "string") {
+      throw new Error(
+        'GKE dashboard requires a "projectId" of type string in the dashboardParameters option'
+      );
+    }
+    if (typeof args.region !== "string") {
+      throw new Error(
+        'GKE dashboard requires a "region" of type string in the dashboardParameters option'
+      );
+    }
+    if (typeof args.clusterName !== "string") {
+      throw new Error(
+        'GKE dashboard requires a "clusterName" of type string in the dashboardParameters option'
+      );
+    }
+    const basePath = new URL("https://console.cloud.google.com/");
+    const region = encodeURIComponent(args.region);
+    const clusterName = encodeURIComponent(args.clusterName);
+    const name = encodeURIComponent((_b = (_a = options.object.metadata) == null ? void 0 : _a.name) != null ? _b : "");
+    const namespace = encodeURIComponent(
+      (_d = (_c = options.object.metadata) == null ? void 0 : _c.namespace) != null ? _d : ""
+    );
+    const validKind = kindMappings$3[options.kind.toLocaleLowerCase("en-US")];
+    let path;
+    if (namespace && name && validKind) {
+      const kindsWithDetails = ["ingress", "pod"];
+      const landingPage = kindsWithDetails.includes(validKind) ? "details" : "overview";
+      path = `kubernetes/${validKind}/${region}/${clusterName}/${namespace}/${name}/${landingPage}`;
+    } else {
+      path = `kubernetes/clusters/details/${region}/${clusterName}/details`;
+    }
+    const result = new URL(path, basePath);
+    result.searchParams.set("project", args.projectId);
+    return result;
+  }
+}
+
+const kindMappings$2 = {
+  deployment: "deployment",
+  pod: "pod",
+  ingress: "ingress",
+  service: "service",
+  horizontalpodautoscaler: "deployment",
+  statefulset: "statefulset"
+};
+class StandardClusterLinksFormatter {
+  async formatClusterLink(options) {
+    var _a, _b, _c, _d;
+    if (!options.dashboardUrl) {
+      throw new Error("standard dashboard requires a dashboardUrl option");
+    }
+    const result = new URL(options.dashboardUrl.href);
+    const name = encodeURIComponent((_b = (_a = options.object.metadata) == null ? void 0 : _a.name) != null ? _b : "");
+    const namespace = encodeURIComponent(
+      (_d = (_c = options.object.metadata) == null ? void 0 : _c.namespace) != null ? _d : ""
+    );
+    const validKind = kindMappings$2[options.kind.toLocaleLowerCase("en-US")];
+    if (!result.pathname.endsWith("/")) {
+      result.pathname += "/";
+    }
+    if (validKind && name && namespace) {
+      result.hash = `/${validKind}/${namespace}/${name}`;
+    } else if (namespace) {
+      result.hash = "/workloads";
+    }
+    if (namespace) {
+      result.hash += `?namespace=${namespace}`;
+    }
+    return result;
+  }
+}
+
+const kindMappings$1 = {
+  deployment: "deployments",
+  ingress: "ingresses",
+  service: "services",
+  horizontalpodautoscaler: "horizontalpodautoscalers",
+  persistentvolume: "persistentvolumes"
+};
+class OpenshiftClusterLinksFormatter {
+  async formatClusterLink(options) {
+    var _a, _b, _c, _d;
+    if (!options.dashboardUrl) {
+      throw new Error("OpenShift dashboard requires a dashboardUrl option");
+    }
+    const basePath = new URL(options.dashboardUrl.href);
+    const name = encodeURIComponent((_b = (_a = options.object.metadata) == null ? void 0 : _a.name) != null ? _b : "");
+    const namespace = encodeURIComponent(
+      (_d = (_c = options.object.metadata) == null ? void 0 : _c.namespace) != null ? _d : ""
+    );
+    const validKind = kindMappings$1[options.kind.toLocaleLowerCase("en-US")];
+    if (!basePath.pathname.endsWith("/")) {
+      basePath.pathname += "/";
+    }
+    let path = "";
+    if (namespace) {
+      if (name && validKind) {
+        path = `k8s/ns/${namespace}/${validKind}/${name}`;
+      } else {
+        path = `k8s/cluster/projects/${namespace}`;
+      }
+    } else if (validKind) {
+      path = `k8s/cluster/${validKind}`;
+      if (name) {
+        path += `/${name}`;
+      }
+    }
+    return new URL(path, basePath);
+  }
+}
+
+const kindMappings = {
+  deployment: "apps.deployment",
+  ingress: "networking.k8s.io.ingress",
+  service: "service",
+  horizontalpodautoscaler: "autoscaling.horizontalpodautoscaler"
+};
+class RancherClusterLinksFormatter {
+  async formatClusterLink(options) {
+    var _a, _b, _c, _d;
+    if (!options.dashboardUrl) {
+      throw new Error("Rancher dashboard requires a dashboardUrl option");
+    }
+    const basePath = new URL(options.dashboardUrl.href);
+    const name = encodeURIComponent((_b = (_a = options.object.metadata) == null ? void 0 : _a.name) != null ? _b : "");
+    const namespace = encodeURIComponent(
+      (_d = (_c = options.object.metadata) == null ? void 0 : _c.namespace) != null ? _d : ""
+    );
+    const validKind = kindMappings[options.kind.toLocaleLowerCase("en-US")];
+    if (!basePath.pathname.endsWith("/")) {
+      basePath.pathname += "/";
+    }
+    let path = "";
+    if (validKind && name && namespace) {
+      path = `explorer/${validKind}/${namespace}/${name}`;
+    } else if (namespace) {
+      path = "explorer/workload";
+    }
+    return new URL(path, basePath);
+  }
+}
+
+const DEFAULT_FORMATTER_NAME = "standard";
+function getDefaultFormatters(_deps) {
+  return {
+    standard: new StandardClusterLinksFormatter(),
+    aks: new AksClusterLinksFormatter(),
+    eks: new EksClusterLinksFormatter(),
+    gke: new GkeClusterLinksFormatter(),
+    openshift: new OpenshiftClusterLinksFormatter(),
+    rancher: new RancherClusterLinksFormatter()
+  };
+}
+
 const currentToDeclaredResourceToPerc$1 = (current, resource) => {
   if (Number(resource) === 0)
     return 0;
@@ -1013,220 +1261,6 @@ const ContainerCard = ({
   )));
 };
 
-const kindMappings$3 = {
-  deployment: "deployment",
-  pod: "pod",
-  ingress: "ingress",
-  service: "service",
-  horizontalpodautoscaler: "deployment",
-  statefulset: "statefulset"
-};
-function standardFormatter(options) {
-  var _a, _b, _c, _d;
-  if (!options.dashboardUrl) {
-    throw new Error("standard dashboard requires a dashboardUrl option");
-  }
-  const result = new URL(options.dashboardUrl.href);
-  const name = encodeURIComponent((_b = (_a = options.object.metadata) == null ? void 0 : _a.name) != null ? _b : "");
-  const namespace = encodeURIComponent(
-    (_d = (_c = options.object.metadata) == null ? void 0 : _c.namespace) != null ? _d : ""
-  );
-  const validKind = kindMappings$3[options.kind.toLocaleLowerCase("en-US")];
-  if (!result.pathname.endsWith("/")) {
-    result.pathname += "/";
-  }
-  if (validKind && name && namespace) {
-    result.hash = `/${validKind}/${namespace}/${name}`;
-  } else if (namespace) {
-    result.hash = "/workloads";
-  }
-  if (namespace) {
-    result.hash += `?namespace=${namespace}`;
-  }
-  return result;
-}
-
-const kindMappings$2 = {
-  deployment: "apps.deployment",
-  ingress: "networking.k8s.io.ingress",
-  service: "service",
-  horizontalpodautoscaler: "autoscaling.horizontalpodautoscaler"
-};
-function rancherFormatter(options) {
-  var _a, _b, _c, _d;
-  if (!options.dashboardUrl) {
-    throw new Error("Rancher dashboard requires a dashboardUrl option");
-  }
-  const basePath = new URL(options.dashboardUrl.href);
-  const name = encodeURIComponent((_b = (_a = options.object.metadata) == null ? void 0 : _a.name) != null ? _b : "");
-  const namespace = encodeURIComponent(
-    (_d = (_c = options.object.metadata) == null ? void 0 : _c.namespace) != null ? _d : ""
-  );
-  const validKind = kindMappings$2[options.kind.toLocaleLowerCase("en-US")];
-  if (!basePath.pathname.endsWith("/")) {
-    basePath.pathname += "/";
-  }
-  let path = "";
-  if (validKind && name && namespace) {
-    path = `explorer/${validKind}/${namespace}/${name}`;
-  } else if (namespace) {
-    path = "explorer/workload";
-  }
-  return new URL(path, basePath);
-}
-
-const kindMappings$1 = {
-  deployment: "deployments",
-  ingress: "ingresses",
-  service: "services",
-  horizontalpodautoscaler: "horizontalpodautoscalers",
-  persistentvolume: "persistentvolumes"
-};
-function openshiftFormatter(options) {
-  var _a, _b, _c, _d;
-  if (!options.dashboardUrl) {
-    throw new Error("OpenShift dashboard requires a dashboardUrl option");
-  }
-  const basePath = new URL(options.dashboardUrl.href);
-  const name = encodeURIComponent((_b = (_a = options.object.metadata) == null ? void 0 : _a.name) != null ? _b : "");
-  const namespace = encodeURIComponent(
-    (_d = (_c = options.object.metadata) == null ? void 0 : _c.namespace) != null ? _d : ""
-  );
-  const validKind = kindMappings$1[options.kind.toLocaleLowerCase("en-US")];
-  if (!basePath.pathname.endsWith("/")) {
-    basePath.pathname += "/";
-  }
-  let path = "";
-  if (namespace) {
-    if (name && validKind) {
-      path = `k8s/ns/${namespace}/${validKind}/${name}`;
-    } else {
-      path = `k8s/cluster/projects/${namespace}`;
-    }
-  } else if (validKind) {
-    path = `k8s/cluster/${validKind}`;
-    if (name) {
-      path += `/${name}`;
-    }
-  }
-  return new URL(path, basePath);
-}
-
-const basePath = "https://portal.azure.com/#blade/Microsoft_Azure_ContainerService/AksK8ResourceMenuBlade/overview-Deployment/aksClusterId";
-const requiredParams = ["subscriptionId", "resourceGroup", "clusterName"];
-function aksFormatter(options) {
-  if (!options.dashboardParameters) {
-    throw new Error("AKS dashboard requires a dashboardParameters option");
-  }
-  const args = options.dashboardParameters;
-  for (const param of requiredParams) {
-    if (typeof args[param] !== "string") {
-      throw new Error(
-        `AKS dashboard requires a "${param}" of type string in the dashboardParameters option`
-      );
-    }
-  }
-  const path = `/subscriptions/${args.subscriptionId}/resourceGroups/${args.resourceGroup}/providers/Microsoft.ContainerService/managedClusters/${args.clusterName}`;
-  const { name, namespace, uid } = options.object.metadata;
-  const { selector } = options.object.spec;
-  const params = {
-    kind: options.kind,
-    metadata: { name, namespace, uid },
-    spec: {
-      selector
-    }
-  };
-  return new URL(
-    `${basePath}/${encodeURIComponent(path)}/resource/${encodeURIComponent(
-      JSON.stringify(params)
-    )}`
-  );
-}
-
-function eksFormatter(_options) {
-  throw new Error("EKS formatter is not yet implemented. Please, contribute!");
-}
-
-const kindMappings = {
-  deployment: "deployment",
-  pod: "pod",
-  ingress: "ingress",
-  service: "service",
-  horizontalpodautoscaler: "deployment"
-};
-function gkeFormatter(options) {
-  var _a, _b, _c, _d;
-  if (!options.dashboardParameters) {
-    throw new Error("GKE dashboard requires a dashboardParameters option");
-  }
-  const args = options.dashboardParameters;
-  if (typeof args.projectId !== "string") {
-    throw new Error(
-      'GKE dashboard requires a "projectId" of type string in the dashboardParameters option'
-    );
-  }
-  if (typeof args.region !== "string") {
-    throw new Error(
-      'GKE dashboard requires a "region" of type string in the dashboardParameters option'
-    );
-  }
-  if (typeof args.clusterName !== "string") {
-    throw new Error(
-      'GKE dashboard requires a "clusterName" of type string in the dashboardParameters option'
-    );
-  }
-  const basePath = new URL("https://console.cloud.google.com/");
-  const region = encodeURIComponent(args.region);
-  const clusterName = encodeURIComponent(args.clusterName);
-  const name = encodeURIComponent((_b = (_a = options.object.metadata) == null ? void 0 : _a.name) != null ? _b : "");
-  const namespace = encodeURIComponent(
-    (_d = (_c = options.object.metadata) == null ? void 0 : _c.namespace) != null ? _d : ""
-  );
-  const validKind = kindMappings[options.kind.toLocaleLowerCase("en-US")];
-  let path = "";
-  if (namespace && name && validKind) {
-    const kindsWithDetails = ["ingress", "pod"];
-    const landingPage = kindsWithDetails.includes(validKind) ? "details" : "overview";
-    path = `kubernetes/${validKind}/${region}/${clusterName}/${namespace}/${name}/${landingPage}`;
-  } else {
-    path = `kubernetes/clusters/details/${region}/${clusterName}/details`;
-  }
-  const result = new URL(path, basePath);
-  result.searchParams.set("project", args.projectId);
-  return result;
-}
-
-const clusterLinksFormatters = {
-  standard: standardFormatter,
-  rancher: rancherFormatter,
-  openshift: openshiftFormatter,
-  aks: aksFormatter,
-  eks: eksFormatter,
-  gke: gkeFormatter
-};
-const defaultFormatterName = "standard";
-
-function formatClusterLink(options) {
-  if (!options.dashboardUrl && !options.dashboardParameters) {
-    return void 0;
-  }
-  if (options.dashboardUrl && !options.object) {
-    return options.dashboardUrl;
-  }
-  const app = options.dashboardApp || defaultFormatterName;
-  const formatter = clusterLinksFormatters[app];
-  if (!formatter) {
-    throw new Error(`Could not find Kubernetes dashboard app named '${app}'`);
-  }
-  const url = formatter({
-    dashboardUrl: options.dashboardUrl ? new URL(options.dashboardUrl) : void 0,
-    dashboardParameters: options.dashboardParameters,
-    object: options.object,
-    kind: options.kind
-  });
-  return url.toString();
-}
-
 const ManifestYaml = ({ object }) => {
   const [managedFields, setManagedFields] = useState(false);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
@@ -1319,19 +1353,6 @@ function replaceNullsWithUndefined(someObj) {
   const replacer = (_, value) => String(value) === "null" || String(value) === "undefined" ? void 0 : value;
   return JSON.parse(JSON.stringify(someObj, replacer));
 }
-function tryFormatClusterLink(options) {
-  try {
-    return {
-      clusterLink: formatClusterLink(options),
-      errorMessage: ""
-    };
-  } catch (err) {
-    return {
-      clusterLink: "",
-      errorMessage: err.message || err.toString()
-    };
-  }
-}
 const KubernetesStructuredMetadataTableDrawerContent = ({
   toggleDrawer,
   object,
@@ -1340,15 +1361,19 @@ const KubernetesStructuredMetadataTableDrawerContent = ({
 }) => {
   var _a, _b;
   const [isYaml, setIsYaml] = useState(false);
+  const formatter = useApi(kubernetesClusterLinkFormatterApiRef);
   const classes = useDrawerContentStyles$2();
   const cluster = useContext(ClusterContext);
-  const { clusterLink, errorMessage } = tryFormatClusterLink({
-    dashboardUrl: cluster.dashboardUrl,
-    dashboardApp: cluster.dashboardApp,
-    dashboardParameters: cluster.dashboardParameters,
-    object,
-    kind
-  });
+  const { value: clusterLink, error } = useAsync(
+    async () => formatter.formatClusterLink({
+      dashboardUrl: cluster.dashboardUrl,
+      dashboardApp: cluster.dashboardApp,
+      dashboardParameters: cluster.dashboardParameters,
+      object,
+      kind
+    }),
+    [cluster, object, kind, formatter]
+  );
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classes.header }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "flex-start", alignItems: "flex-start" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, (_b = (_a = object.metadata) == null ? void 0 : _a.name) != null ? _b : "unknown name")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(
     IconButton,
     {
@@ -1373,7 +1398,13 @@ const KubernetesStructuredMetadataTableDrawerContent = ({
       ),
       label: "YAML"
     }
-  )))), errorMessage && /* @__PURE__ */ React__default.createElement("div", { className: classes.errorMessage }, /* @__PURE__ */ React__default.createElement(LinkErrorPanel, { cluster, errorMessage })), /* @__PURE__ */ React__default.createElement("div", { className: classes.options }, /* @__PURE__ */ React__default.createElement("div", null, clusterLink && /* @__PURE__ */ React__default.createElement(
+  )))), error && /* @__PURE__ */ React__default.createElement("div", { className: classes.errorMessage }, /* @__PURE__ */ React__default.createElement(
+    LinkErrorPanel,
+    {
+      cluster,
+      errorMessage: error.message || error.toString()
+    }
+  )), /* @__PURE__ */ React__default.createElement("div", { className: classes.options }, /* @__PURE__ */ React__default.createElement("div", null, clusterLink && /* @__PURE__ */ React__default.createElement(
     LinkButton,
     {
       variant: "outlined",
@@ -3262,5 +3293,5 @@ const ErrorReporting = ({ detectedErrors }) => {
   ));
 };
 
-export { AksKubernetesAuthProvider, Cluster, ClusterContext, ContainerCard, CronJobsAccordions, CustomResources, DetectedErrorsContext, ErrorList, ErrorPanel, ErrorReporting, Events, EventsContent, FixDialog, GoogleKubernetesAuthProvider, GroupedResponsesContext, HorizontalPodAutoscalerDrawer, IngressesAccordions, JobsAccordions, KubernetesAuthProviders, KubernetesBackendClient, KubernetesDrawer, KubernetesProxyClient, KubernetesStructuredMetadataTableDrawer, LinkErrorPanel, ManifestYaml, OidcKubernetesAuthProvider, PendingPodContent, PodDrawer, PodExecTerminal, PodExecTerminalDialog, PodLogs, PodLogsDialog, PodMetricsContext, PodNamesWithErrorsContext, PodNamesWithMetricsContext, PodsTable, READY_COLUMNS, RESOURCE_COLUMNS, ResourceUtilization, ServerSideKubernetesAuthProvider, ServicesAccordions, clusterLinksFormatters, formatClusterLink, kubernetesApiRef, kubernetesAuthProvidersApiRef, kubernetesProxyApiRef, useCustomResources, useEvents, useIsPodExecTerminalSupported, useKubernetesObjects, useMatchingErrors, usePodLogs, usePodMetrics };
+export { AksClusterLinksFormatter, AksKubernetesAuthProvider, Cluster, ClusterContext, ContainerCard, CronJobsAccordions, CustomResources, DEFAULT_FORMATTER_NAME, DetectedErrorsContext, EksClusterLinksFormatter, ErrorList, ErrorPanel, ErrorReporting, Events, EventsContent, FixDialog, GkeClusterLinksFormatter, GoogleKubernetesAuthProvider, GroupedResponsesContext, HorizontalPodAutoscalerDrawer, IngressesAccordions, JobsAccordions, KubernetesAuthProviders, KubernetesBackendClient, KubernetesClusterLinkFormatter, KubernetesDrawer, KubernetesProxyClient, KubernetesStructuredMetadataTableDrawer, LinkErrorPanel, ManifestYaml, OidcKubernetesAuthProvider, OpenshiftClusterLinksFormatter, PendingPodContent, PodDrawer, PodExecTerminal, PodExecTerminalDialog, PodLogs, PodLogsDialog, PodMetricsContext, PodNamesWithErrorsContext, PodNamesWithMetricsContext, PodsTable, READY_COLUMNS, RESOURCE_COLUMNS, RancherClusterLinksFormatter, ResourceUtilization, ServerSideKubernetesAuthProvider, ServicesAccordions, StandardClusterLinksFormatter, getDefaultFormatters, kubernetesApiRef, kubernetesAuthProvidersApiRef, kubernetesClusterLinkFormatterApiRef, kubernetesProxyApiRef, useCustomResources, useEvents, useIsPodExecTerminalSupported, useKubernetesObjects, useMatchingErrors, usePodLogs, usePodMetrics };
 //# sourceMappingURL=index.esm.js.map