@backstage-community/plugin-ocm 5.2.1 → 5.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/api/index.esm.js +35 -0
  3. package/dist/api/index.esm.js.map +1 -0
  4. package/dist/components/ClusterAvailableResourcesCard/ClusterAvailableResourcesCard.esm.js +31 -0
  5. package/dist/components/ClusterAvailableResourcesCard/ClusterAvailableResourcesCard.esm.js.map +1 -0
  6. package/dist/components/ClusterContext/ClusterContext.esm.js +51 -0
  7. package/dist/components/ClusterContext/ClusterContext.esm.js.map +1 -0
  8. package/dist/components/ClusterInfoCard/ClusterInfoCard.esm.js +27 -0
  9. package/dist/components/ClusterInfoCard/ClusterInfoCard.esm.js.map +1 -0
  10. package/dist/components/ClusterStatusPage/ClusterStatusPage.esm.js +130 -0
  11. package/dist/components/ClusterStatusPage/ClusterStatusPage.esm.js.map +1 -0
  12. package/dist/components/ClusterStatusPage/index.esm.js +2 -0
  13. package/dist/components/ClusterStatusPage/index.esm.js.map +1 -0
  14. package/dist/components/ClusterStatusPage/tableHeading.esm.js +49 -0
  15. package/dist/components/ClusterStatusPage/tableHeading.esm.js.map +1 -0
  16. package/dist/components/TableCardFromData/TableCardFromData.esm.js +69 -0
  17. package/dist/components/TableCardFromData/TableCardFromData.esm.js.map +1 -0
  18. package/dist/components/common.esm.js +40 -0
  19. package/dist/components/common.esm.js.map +1 -0
  20. package/dist/index.d.ts +28 -0
  21. package/dist/index.esm.js.map +1 -0
  22. package/dist/plugin.esm.js +32 -0
  23. package/dist/plugin.esm.js.map +1 -0
  24. package/dist/routes.esm.js +8 -0
  25. package/dist/routes.esm.js.map +1 -0
  26. package/package.json +2 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  ### Dependencies
2
2
 
3
+ ## 5.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - 20a4d4f: chore: use workspace dependencies
8
+ - 584ef74: Add dist to `files` field in package.json
9
+
3
10
  ## 5.2.1
4
11
 
5
12
  ### Patch Changes
@@ -0,0 +1,35 @@
1
+ import { createApiRef } from '@backstage/core-plugin-api';
2
+
3
+ const OcmApiRef = createApiRef({
4
+ id: "plugin.ocm.service"
5
+ });
6
+ class OcmApiClient {
7
+ configApi;
8
+ identityApi;
9
+ constructor(options) {
10
+ this.configApi = options.configApi;
11
+ this.identityApi = options.identityApi;
12
+ }
13
+ async clusterApiFetchCall(params) {
14
+ const { token: idToken } = await this.identityApi.getCredentials();
15
+ const backendUrl = this.configApi.getString("backend.baseUrl");
16
+ const jsonResponse = await fetch(
17
+ `${backendUrl}/api/ocm/status${params || ""}`,
18
+ {
19
+ headers: {
20
+ ...idToken && { Authorization: `Bearer ${idToken}` }
21
+ }
22
+ }
23
+ );
24
+ return jsonResponse.json();
25
+ }
26
+ getClusters() {
27
+ return this.clusterApiFetchCall();
28
+ }
29
+ getClusterByName(providerId, name) {
30
+ return this.clusterApiFetchCall(`/${providerId}/${name}`);
31
+ }
32
+ }
33
+
34
+ export { OcmApiClient, OcmApiRef };
35
+ //# sourceMappingURL=index.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.esm.js","sources":["../../src/api/index.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n ConfigApi,\n createApiRef,\n IdentityApi,\n} from '@backstage/core-plugin-api';\nimport { ErrorResponseBody } from '@backstage/errors';\n\nimport { Cluster } from '@backstage-community/plugin-ocm-common';\n\nexport interface OcmApiV1 {\n getClusters(): Promise<Cluster[] | ErrorResponseBody>;\n getClusterByName(\n providerId: string,\n name: string,\n ): Promise<Cluster | ErrorResponseBody>;\n}\n\nexport type Options = {\n configApi: ConfigApi;\n identityApi: IdentityApi;\n};\n\nexport const OcmApiRef = createApiRef<OcmApiV1>({\n id: 'plugin.ocm.service',\n});\n\nexport class OcmApiClient implements OcmApiV1 {\n private readonly configApi: ConfigApi;\n private readonly identityApi: IdentityApi;\n\n constructor(options: Options) {\n this.configApi = options.configApi;\n this.identityApi = options.identityApi;\n }\n\n private async clusterApiFetchCall(params?: string): Promise<any> {\n const { token: idToken } = await this.identityApi.getCredentials();\n const backendUrl = this.configApi.getString('backend.baseUrl');\n const jsonResponse = await fetch(\n `${backendUrl}/api/ocm/status${params || ''}`,\n {\n headers: {\n ...(idToken && { Authorization: `Bearer ${idToken}` }),\n },\n },\n );\n return jsonResponse.json();\n }\n\n getClusters(): Promise<ErrorResponseBody | Cluster[]> {\n return this.clusterApiFetchCall();\n }\n getClusterByName(\n providerId: string,\n name: string,\n ): Promise<Cluster | ErrorResponseBody> {\n return this.clusterApiFetchCall(`/${providerId}/${name}`);\n }\n}\n"],"names":[],"mappings":";;AAqCO,MAAM,YAAY,YAAuB,CAAA;AAAA,EAC9C,EAAI,EAAA,oBAAA;AACN,CAAC,EAAA;AAEM,MAAM,YAAiC,CAAA;AAAA,EAC3B,SAAA,CAAA;AAAA,EACA,WAAA,CAAA;AAAA,EAEjB,YAAY,OAAkB,EAAA;AAC5B,IAAA,IAAA,CAAK,YAAY,OAAQ,CAAA,SAAA,CAAA;AACzB,IAAA,IAAA,CAAK,cAAc,OAAQ,CAAA,WAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,MAAc,oBAAoB,MAA+B,EAAA;AAC/D,IAAA,MAAM,EAAE,KAAO,EAAA,OAAA,KAAY,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA,CAAA;AACjE,IAAA,MAAM,UAAa,GAAA,IAAA,CAAK,SAAU,CAAA,SAAA,CAAU,iBAAiB,CAAA,CAAA;AAC7D,IAAA,MAAM,eAAe,MAAM,KAAA;AAAA,MACzB,CAAG,EAAA,UAAU,CAAkB,eAAA,EAAA,MAAA,IAAU,EAAE,CAAA,CAAA;AAAA,MAC3C;AAAA,QACE,OAAS,EAAA;AAAA,UACP,GAAI,OAAW,IAAA,EAAE,aAAe,EAAA,CAAA,OAAA,EAAU,OAAO,CAAG,CAAA,EAAA;AAAA,SACtD;AAAA,OACF;AAAA,KACF,CAAA;AACA,IAAA,OAAO,aAAa,IAAK,EAAA,CAAA;AAAA,GAC3B;AAAA,EAEA,WAAsD,GAAA;AACpD,IAAA,OAAO,KAAK,mBAAoB,EAAA,CAAA;AAAA,GAClC;AAAA,EACA,gBAAA,CACE,YACA,IACsC,EAAA;AACtC,IAAA,OAAO,KAAK,mBAAoB,CAAA,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GAC1D;AACF;;;;"}
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import { RequirePermission } from '@backstage/plugin-permission-react';
3
+ import { ocmEntityReadPermission } from '@backstage-community/plugin-ocm-common';
4
+ import { useCluster } from '../ClusterContext/ClusterContext.esm.js';
5
+ import { TableCardFromData } from '../TableCardFromData/TableCardFromData.esm.js';
6
+
7
+ const ClusterAvailableResourceCard = () => {
8
+ const { data } = useCluster();
9
+ if (!data) {
10
+ return null;
11
+ }
12
+ if (!("availableResources" in data)) {
13
+ return null;
14
+ }
15
+ const nameMap = /* @__PURE__ */ new Map([
16
+ ["cpuCores", "CPU cores"],
17
+ ["memorySize", "Memory size"],
18
+ ["numberOfPods", "Number of pods"]
19
+ ]);
20
+ return /* @__PURE__ */ React.createElement(RequirePermission, { permission: ocmEntityReadPermission }, /* @__PURE__ */ React.createElement(
21
+ TableCardFromData,
22
+ {
23
+ data: data.availableResources,
24
+ title: "Available",
25
+ nameMap
26
+ }
27
+ ));
28
+ };
29
+
30
+ export { ClusterAvailableResourceCard };
31
+ //# sourceMappingURL=ClusterAvailableResourcesCard.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClusterAvailableResourcesCard.esm.js","sources":["../../../src/components/ClusterAvailableResourcesCard/ClusterAvailableResourcesCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { RequirePermission } from '@backstage/plugin-permission-react';\n\nimport { ocmEntityReadPermission } from '@backstage-community/plugin-ocm-common';\n\nimport { useCluster } from '../ClusterContext';\nimport { TableCardFromData } from '../TableCardFromData';\n\nexport const ClusterAvailableResourceCard = (): any => {\n const { data } = useCluster();\n\n if (!data) {\n return null;\n }\n\n if (!('availableResources' in data!)) {\n return null;\n }\n\n const nameMap = new Map<string, string>([\n ['cpuCores', 'CPU cores'],\n ['memorySize', 'Memory size'],\n ['numberOfPods', 'Number of pods'],\n ]);\n return (\n <RequirePermission permission={ocmEntityReadPermission}>\n <TableCardFromData\n data={data.availableResources}\n title=\"Available\"\n nameMap={nameMap}\n />\n </RequirePermission>\n );\n};\n"],"names":[],"mappings":";;;;;;AAwBO,MAAM,+BAA+B,MAAW;AACrD,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,UAAW,EAAA,CAAA;AAE5B,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAI,IAAA,EAAE,wBAAwB,IAAQ,CAAA,EAAA;AACpC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,OAAA,uBAAc,GAAoB,CAAA;AAAA,IACtC,CAAC,YAAY,WAAW,CAAA;AAAA,IACxB,CAAC,cAAc,aAAa,CAAA;AAAA,IAC5B,CAAC,gBAAgB,gBAAgB,CAAA;AAAA,GAClC,CAAA,CAAA;AACD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,EAAA,UAAA,EAAY,uBAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAK,CAAA,kBAAA;AAAA,MACX,KAAM,EAAA,WAAA;AAAA,MACN,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
@@ -0,0 +1,51 @@
1
+ import React, { createContext, useMemo, useContext } from 'react';
2
+ import useAsyncFn from 'react-use/lib/useAsyncFn';
3
+ import useDebounce from 'react-use/lib/useDebounce';
4
+ import { useApi } from '@backstage/core-plugin-api';
5
+ import { useEntity } from '@backstage/plugin-catalog-react';
6
+ import { ANNOTATION_PROVIDER_ID } from '@backstage-community/plugin-ocm-common';
7
+ import { OcmApiRef } from '../../api/index.esm.js';
8
+
9
+ const ClusterContext = createContext(
10
+ {}
11
+ );
12
+ const ClusterContextProvider = (props) => {
13
+ const { entity } = useEntity();
14
+ const ocmApi = useApi(OcmApiRef);
15
+ const providerId = entity.metadata.annotations[ANNOTATION_PROVIDER_ID];
16
+ const [{ value: cluster, loading, error: asyncError }, refresh] = useAsyncFn(
17
+ async () => {
18
+ if (providerId) {
19
+ const cl = await ocmApi.getClusterByName(
20
+ providerId,
21
+ entity.metadata.name
22
+ );
23
+ return cl;
24
+ }
25
+ return null;
26
+ },
27
+ [providerId, entity.metadata.name],
28
+ { loading: true }
29
+ );
30
+ useDebounce(refresh, 10);
31
+ const isError = Boolean(asyncError || cluster && "error" in cluster);
32
+ const error = isError ? asyncError || Object.assign(new Error(cluster?.error?.message), {
33
+ ...cluster?.error
34
+ }) : null;
35
+ const value = useMemo(
36
+ () => ({
37
+ data: isError || loading ? null : cluster,
38
+ loading,
39
+ error
40
+ }),
41
+ [cluster, isError, loading, error]
42
+ );
43
+ if (!providerId) {
44
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
45
+ }
46
+ return /* @__PURE__ */ React.createElement(ClusterContext.Provider, { value }, props.children);
47
+ };
48
+ const useCluster = () => useContext(ClusterContext);
49
+
50
+ export { ClusterContextProvider, useCluster };
51
+ //# sourceMappingURL=ClusterContext.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClusterContext.esm.js","sources":["../../../src/components/ClusterContext/ClusterContext.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { createContext, useContext, useMemo } from 'react';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport useDebounce from 'react-use/lib/useDebounce';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ErrorResponseBody } from '@backstage/errors';\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nimport {\n ANNOTATION_PROVIDER_ID,\n Cluster,\n} from '@backstage-community/plugin-ocm-common';\n\nimport { OcmApiRef } from '../../api';\n\ntype ClusterContextType = {\n data: Cluster | null;\n loading: boolean;\n error: Error | null;\n};\n\nconst ClusterContext = createContext<ClusterContextType>(\n {} as ClusterContextType,\n);\n\nexport const ClusterContextProvider = (props: any) => {\n const { entity } = useEntity();\n const ocmApi = useApi(OcmApiRef);\n const providerId = entity.metadata.annotations![ANNOTATION_PROVIDER_ID];\n const [{ value: cluster, loading, error: asyncError }, refresh] = useAsyncFn(\n async () => {\n if (providerId) {\n const cl = await ocmApi.getClusterByName(\n providerId,\n entity.metadata.name,\n );\n return cl;\n }\n return null;\n },\n [providerId, entity.metadata.name],\n { loading: true },\n );\n useDebounce(refresh, 10);\n const isError = Boolean(asyncError || (cluster && 'error' in cluster));\n const error = isError\n ? asyncError ||\n Object.assign(new Error((cluster as ErrorResponseBody)?.error?.message), {\n ...(cluster as ErrorResponseBody)?.error,\n })\n : null;\n\n const value = useMemo(\n () => ({\n data: isError || loading ? null : (cluster as Cluster),\n loading,\n error,\n }),\n [cluster, isError, loading, error],\n );\n\n if (!providerId) {\n return <>{props.children}</>;\n }\n\n return (\n <ClusterContext.Provider value={value}>\n {props.children}\n </ClusterContext.Provider>\n );\n};\nexport const useCluster = () => useContext(ClusterContext);\n"],"names":[],"mappings":";;;;;;;;AAoCA,MAAM,cAAiB,GAAA,aAAA;AAAA,EACrB,EAAC;AACH,CAAA,CAAA;AAEa,MAAA,sBAAA,GAAyB,CAAC,KAAe,KAAA;AACpD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAM,MAAA,MAAA,GAAS,OAAO,SAAS,CAAA,CAAA;AAC/B,EAAA,MAAM,UAAa,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,CAAa,sBAAsB,CAAA,CAAA;AACtE,EAAM,MAAA,CAAC,EAAE,KAAO,EAAA,OAAA,EAAS,SAAS,KAAO,EAAA,UAAA,EAAc,EAAA,OAAO,CAAI,GAAA,UAAA;AAAA,IAChE,YAAY;AACV,MAAA,IAAI,UAAY,EAAA;AACd,QAAM,MAAA,EAAA,GAAK,MAAM,MAAO,CAAA,gBAAA;AAAA,UACtB,UAAA;AAAA,UACA,OAAO,QAAS,CAAA,IAAA;AAAA,SAClB,CAAA;AACA,QAAO,OAAA,EAAA,CAAA;AAAA,OACT;AACA,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,UAAA,EAAY,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACjC,EAAE,SAAS,IAAK,EAAA;AAAA,GAClB,CAAA;AACA,EAAA,WAAA,CAAY,SAAS,EAAE,CAAA,CAAA;AACvB,EAAA,MAAM,OAAU,GAAA,OAAA,CAAQ,UAAe,IAAA,OAAA,IAAW,WAAW,OAAQ,CAAA,CAAA;AACrE,EAAM,MAAA,KAAA,GAAQ,OACV,GAAA,UAAA,IACA,MAAO,CAAA,MAAA,CAAO,IAAI,KAAO,CAAA,OAAA,EAA+B,KAAO,EAAA,OAAO,CAAG,EAAA;AAAA,IACvE,GAAI,OAA+B,EAAA,KAAA;AAAA,GACpC,CACD,GAAA,IAAA,CAAA;AAEJ,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,IAAA,EAAM,OAAW,IAAA,OAAA,GAAU,IAAQ,GAAA,OAAA;AAAA,MACnC,OAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,OAAA,EAAS,OAAS,EAAA,OAAA,EAAS,KAAK,CAAA;AAAA,GACnC,CAAA;AAEA,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,MAAM,QAAS,CAAA,CAAA;AAAA,GAC3B;AAEA,EAAA,2CACG,cAAe,CAAA,QAAA,EAAf,EAAwB,KAAA,EAAA,EACtB,MAAM,QACT,CAAA,CAAA;AAEJ,EAAA;AACa,MAAA,UAAA,GAAa,MAAM,UAAA,CAAW,cAAc;;;;"}
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+ import { RequirePermission } from '@backstage/plugin-permission-react';
3
+ import { ocmEntityReadPermission } from '@backstage-community/plugin-ocm-common';
4
+ import { useCluster } from '../ClusterContext/ClusterContext.esm.js';
5
+ import { Update, Status } from '../common.esm.js';
6
+ import { TableCardFromData } from '../TableCardFromData/TableCardFromData.esm.js';
7
+
8
+ const ClusterInfoCard = () => {
9
+ const { data } = useCluster();
10
+ if (!data) {
11
+ return null;
12
+ }
13
+ data.openshiftVersion = /* @__PURE__ */ React.createElement(Update, { data: { version: data.openshiftVersion, update: data.update } });
14
+ data.status = /* @__PURE__ */ React.createElement(Status, { status: data.status });
15
+ const nameMap = /* @__PURE__ */ new Map([
16
+ ["name", "Name"],
17
+ ["status", "Status"],
18
+ ["kubernetesVersion", "Kubernetes version"],
19
+ ["openshiftId", "OpenShift ID"],
20
+ ["openshiftVersion", "OpenShift version"],
21
+ ["platform", "Platform"]
22
+ ]);
23
+ return /* @__PURE__ */ React.createElement(RequirePermission, { permission: ocmEntityReadPermission }, /* @__PURE__ */ React.createElement(TableCardFromData, { data, title: "Cluster Info", nameMap }));
24
+ };
25
+
26
+ export { ClusterInfoCard };
27
+ //# sourceMappingURL=ClusterInfoCard.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClusterInfoCard.esm.js","sources":["../../../src/components/ClusterInfoCard/ClusterInfoCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { RequirePermission } from '@backstage/plugin-permission-react';\n\nimport { ocmEntityReadPermission } from '@backstage-community/plugin-ocm-common';\n\nimport { useCluster } from '../ClusterContext';\nimport { Status, Update } from '../common';\nimport { TableCardFromData } from '../TableCardFromData';\n\nexport const ClusterInfoCard = () => {\n const { data } = useCluster();\n\n if (!data) {\n return null;\n }\n\n data.openshiftVersion = (\n <Update data={{ version: data.openshiftVersion!, update: data.update! }} />\n ) as any;\n data.status = (<Status status={data.status} />) as any;\n const nameMap = new Map<string, string>([\n ['name', 'Name'],\n ['status', 'Status'],\n ['kubernetesVersion', 'Kubernetes version'],\n ['openshiftId', 'OpenShift ID'],\n ['openshiftVersion', 'OpenShift version'],\n ['platform', 'Platform'],\n ]);\n return (\n <RequirePermission permission={ocmEntityReadPermission}>\n <TableCardFromData data={data} title=\"Cluster Info\" nameMap={nameMap} />\n </RequirePermission>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAyBO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,UAAW,EAAA,CAAA;AAE5B,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAK,IAAA,CAAA,gBAAA,mBACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,EAAE,OAAS,EAAA,IAAA,CAAK,gBAAmB,EAAA,MAAA,EAAQ,IAAK,CAAA,MAAA,EAAW,EAAA,CAAA,CAAA;AAE3E,EAAA,IAAA,CAAK,MAAU,mBAAA,KAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAQ,KAAK,MAAQ,EAAA,CAAA,CAAA;AAC5C,EAAM,MAAA,OAAA,uBAAc,GAAoB,CAAA;AAAA,IACtC,CAAC,QAAQ,MAAM,CAAA;AAAA,IACf,CAAC,UAAU,QAAQ,CAAA;AAAA,IACnB,CAAC,qBAAqB,oBAAoB,CAAA;AAAA,IAC1C,CAAC,eAAe,cAAc,CAAA;AAAA,IAC9B,CAAC,oBAAoB,mBAAmB,CAAA;AAAA,IACxC,CAAC,YAAY,UAAU,CAAA;AAAA,GACxB,CAAA,CAAA;AACD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,EAAA,UAAA,EAAY,uBAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,qBAAkB,IAAY,EAAA,KAAA,EAAM,cAAe,EAAA,OAAA,EAAkB,CACxE,CAAA,CAAA;AAEJ;;;;"}
@@ -0,0 +1,130 @@
1
+ import React from 'react';
2
+ import useAsyncFn from 'react-use/lib/useAsyncFn';
3
+ import useDebounce from 'react-use/lib/useDebounce';
4
+ import { Page, Header, Content, WarningPanel, CodeSnippet, Table, StatusOK, StatusError, StatusAborted } from '@backstage/core-components';
5
+ import { useApi } from '@backstage/core-plugin-api';
6
+ import { catalogApiRef, EntityRefLink } from '@backstage/plugin-catalog-react';
7
+ import { HomePageCompanyLogo } from '@backstage/plugin-home';
8
+ import { RequirePermission } from '@backstage/plugin-permission-react';
9
+ import { SearchContextProvider } from '@backstage/plugin-search-react';
10
+ import { makeStyles, Grid, CircularProgress, Chip } from '@material-ui/core';
11
+ import { ocmClusterReadPermission } from '@backstage-community/plugin-ocm-common';
12
+ import { OcmApiRef } from '../../api/index.esm.js';
13
+ import { Status, Update } from '../common.esm.js';
14
+ import { columns } from './tableHeading.esm.js';
15
+
16
+ const useStylesTwo = makeStyles({
17
+ container: {
18
+ width: "100%"
19
+ }
20
+ });
21
+ const useStyles = makeStyles((theme) => ({
22
+ container: {
23
+ margin: theme.spacing(5, 0),
24
+ "& > svg": {
25
+ width: "auto",
26
+ height: 150
27
+ }
28
+ }
29
+ }));
30
+ const NodeChip = ({
31
+ count,
32
+ indicatorComponent: IndicatorComponent
33
+ }) => {
34
+ if (!count) {
35
+ return null;
36
+ }
37
+ return /* @__PURE__ */ React.createElement(
38
+ Chip,
39
+ {
40
+ label: /* @__PURE__ */ React.createElement(IndicatorComponent, null, count),
41
+ variant: "outlined"
42
+ }
43
+ );
44
+ };
45
+ const NodeChips = ({ nodes }) => {
46
+ const readyChipsNodes = nodes.filter((node) => node.status === "True").length;
47
+ const notReadyNodesCount = nodes.filter(
48
+ (node) => node.status === "False"
49
+ ).length;
50
+ if (nodes.length === 0) {
51
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, "-");
52
+ }
53
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(NodeChip, { count: readyChipsNodes, indicatorComponent: StatusOK }), /* @__PURE__ */ React.createElement(NodeChip, { count: notReadyNodesCount, indicatorComponent: StatusError }), /* @__PURE__ */ React.createElement(
54
+ NodeChip,
55
+ {
56
+ count: nodes.length - readyChipsNodes - notReadyNodesCount,
57
+ indicatorComponent: StatusAborted
58
+ }
59
+ ));
60
+ };
61
+ const CatalogClusters = () => {
62
+ const catalogApi = useApi(catalogApiRef);
63
+ const ocmApi = useApi(OcmApiRef);
64
+ const classes = useStylesTwo();
65
+ const [{ value: clusterEntities, loading, error }, refresh] = useAsyncFn(
66
+ async () => {
67
+ const clusterResourceEntities = await catalogApi.getEntities({
68
+ filter: { kind: "Resource", "spec.type": "kubernetes-cluster" }
69
+ });
70
+ const clusters = await ocmApi.getClusters();
71
+ if ("error" in clusters) {
72
+ throw new Error(clusters.error.message);
73
+ }
74
+ const clusterEntityMappings = clusterResourceEntities.items.map(
75
+ (entity) => {
76
+ const cluster = clusters.find(
77
+ (cd) => cd.name === entity.metadata.name
78
+ );
79
+ return {
80
+ cluster,
81
+ entity
82
+ };
83
+ }
84
+ );
85
+ return clusterEntityMappings;
86
+ },
87
+ [catalogApi],
88
+ { loading: true }
89
+ );
90
+ useDebounce(refresh, 10);
91
+ if (error) {
92
+ return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not fetch clusters from Hub." }, /* @__PURE__ */ React.createElement(CodeSnippet, { language: "text", text: error.toString() }));
93
+ }
94
+ if (loading) {
95
+ return /* @__PURE__ */ React.createElement(CircularProgress, null);
96
+ }
97
+ const data = clusterEntities ? clusterEntities.map((ce) => {
98
+ return {
99
+ name: /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: ce.entity }, ce.cluster.name),
100
+ status: /* @__PURE__ */ React.createElement(Status, { status: ce.cluster.status }),
101
+ infrastructure: ce.cluster.platform,
102
+ version: /* @__PURE__ */ React.createElement(
103
+ Update,
104
+ {
105
+ data: {
106
+ version: ce.cluster.openshiftVersion,
107
+ update: ce.cluster.update
108
+ }
109
+ }
110
+ ),
111
+ nodes: /* @__PURE__ */ React.createElement(NodeChips, { nodes: ce.cluster.nodes })
112
+ };
113
+ }) : [];
114
+ return /* @__PURE__ */ React.createElement("div", { className: classes.container }, /* @__PURE__ */ React.createElement(
115
+ Table,
116
+ {
117
+ options: { paging: false },
118
+ data,
119
+ columns,
120
+ title: "All"
121
+ }
122
+ ));
123
+ };
124
+ const ClusterStatusPage = ({ logo }) => {
125
+ const { container } = useStyles();
126
+ return /* @__PURE__ */ React.createElement(SearchContextProvider, null, /* @__PURE__ */ React.createElement(RequirePermission, { permission: ocmClusterReadPermission }, /* @__PURE__ */ React.createElement(Page, { themeId: "clusters" }, /* @__PURE__ */ React.createElement(Header, { title: "Your Managed Clusters" }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "center", spacing: 6 }, logo && /* @__PURE__ */ React.createElement(HomePageCompanyLogo, { className: container, logo }), /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 12, justifyContent: "center" }, /* @__PURE__ */ React.createElement(CatalogClusters, null)))))));
127
+ };
128
+
129
+ export { ClusterStatusPage, ClusterStatusPage as default };
130
+ //# sourceMappingURL=ClusterStatusPage.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClusterStatusPage.esm.js","sources":["../../../src/components/ClusterStatusPage/ClusterStatusPage.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport useDebounce from 'react-use/lib/useDebounce';\n\nimport {\n CodeSnippet,\n Content,\n Header,\n Page,\n StatusAborted,\n StatusError,\n StatusOK,\n Table,\n WarningPanel,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef, EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { HomePageCompanyLogo } from '@backstage/plugin-home';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { SearchContextProvider } from '@backstage/plugin-search-react';\n\nimport { Chip, CircularProgress, Grid, makeStyles } from '@material-ui/core';\n\nimport {\n ClusterNodesStatus,\n ClusterOverview,\n ocmClusterReadPermission,\n} from '@backstage-community/plugin-ocm-common';\n\nimport { OcmApiRef } from '../../api';\nimport { ClusterStatusRowData } from '../../types';\nimport { Status, Update } from '../common';\nimport { columns } from './tableHeading';\n\nconst useStylesTwo = makeStyles({\n container: {\n width: '100%',\n },\n});\n\nconst useStyles = makeStyles(theme => ({\n container: {\n margin: theme.spacing(5, 0),\n '& > svg': {\n width: 'auto',\n height: 150,\n },\n },\n}));\n\nconst NodeChip = ({\n count,\n indicatorComponent: IndicatorComponent,\n}: {\n count: number;\n indicatorComponent: React.FC<React.PropsWithChildren<{}>>;\n}) => {\n if (!count) {\n return null;\n }\n return (\n <Chip\n label={<IndicatorComponent>{count}</IndicatorComponent>}\n variant=\"outlined\"\n />\n );\n};\n\nconst NodeChips = ({ nodes }: { nodes: ClusterNodesStatus[] }) => {\n const readyChipsNodes = nodes.filter(node => node.status === 'True').length;\n // TODO: Check if not ready correctly\n const notReadyNodesCount = nodes.filter(\n node => node.status === 'False',\n ).length;\n\n if (nodes.length === 0) {\n return <>-</>;\n }\n\n return (\n <>\n <NodeChip count={readyChipsNodes} indicatorComponent={StatusOK} />\n <NodeChip count={notReadyNodesCount} indicatorComponent={StatusError} />\n <NodeChip\n count={nodes.length - readyChipsNodes - notReadyNodesCount}\n indicatorComponent={StatusAborted}\n />\n </>\n );\n};\n\nconst CatalogClusters = () => {\n const catalogApi = useApi(catalogApiRef);\n const ocmApi = useApi(OcmApiRef);\n const classes = useStylesTwo();\n\n const [{ value: clusterEntities, loading, error }, refresh] = useAsyncFn(\n async () => {\n const clusterResourceEntities = await catalogApi.getEntities({\n filter: { kind: 'Resource', 'spec.type': 'kubernetes-cluster' },\n });\n\n const clusters = await ocmApi.getClusters();\n\n if ('error' in clusters) {\n throw new Error(clusters.error.message);\n }\n\n const clusterEntityMappings = clusterResourceEntities.items.map(\n entity => {\n const cluster = (clusters as ClusterOverview[]).find(\n cd => cd.name === entity.metadata.name,\n );\n return {\n cluster: cluster!,\n entity: entity,\n };\n },\n );\n return clusterEntityMappings;\n },\n [catalogApi],\n { loading: true },\n );\n useDebounce(refresh, 10);\n\n if (error) {\n return (\n <WarningPanel severity=\"error\" title=\"Could not fetch clusters from Hub.\">\n <CodeSnippet language=\"text\" text={error.toString()} />\n </WarningPanel>\n );\n }\n\n if (loading) {\n return <CircularProgress />;\n }\n\n const data: ClusterStatusRowData[] = clusterEntities\n ? clusterEntities.map(ce => {\n return {\n name: (\n <EntityRefLink entityRef={ce.entity}>\n {ce.cluster.name}\n </EntityRefLink>\n ),\n status: <Status status={ce.cluster.status} />,\n infrastructure: ce.cluster.platform,\n version: (\n <Update\n data={{\n version: ce.cluster.openshiftVersion,\n update: ce.cluster.update,\n }}\n />\n ),\n nodes: <NodeChips nodes={ce.cluster.nodes} />,\n };\n })\n : [];\n\n return (\n <div className={classes.container}>\n <Table\n options={{ paging: false }}\n data={data}\n columns={columns}\n title=\"All\"\n />\n </div>\n );\n};\n\nexport const ClusterStatusPage = ({ logo }: { logo?: React.ReactNode }) => {\n const { container } = useStyles();\n\n return (\n <SearchContextProvider>\n <RequirePermission permission={ocmClusterReadPermission}>\n <Page themeId=\"clusters\">\n <Header title=\"Your Managed Clusters\" />\n <Content>\n <Grid container justifyContent=\"center\" spacing={6}>\n {logo && (\n <HomePageCompanyLogo className={container} logo={logo} />\n )}\n <Grid container item xs={12} justifyContent=\"center\">\n <CatalogClusters />\n </Grid>\n </Grid>\n </Content>\n </Page>\n </RequirePermission>\n </SearchContextProvider>\n );\n};\n\nexport default ClusterStatusPage;\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { ClusterStatusPage } from './ClusterStatusPage.esm.js';
2
+ //# sourceMappingURL=index.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,49 @@
1
+ import semver from 'semver';
2
+
3
+ const columns = [
4
+ {
5
+ title: "Name",
6
+ field: "name",
7
+ highlight: true,
8
+ customSort: (a, b) => {
9
+ return a.name.props.children.localeCompare(
10
+ b.name.props.children,
11
+ "en"
12
+ );
13
+ }
14
+ },
15
+ {
16
+ title: "Status",
17
+ field: "status",
18
+ customSort: (a, b) => {
19
+ const availabilityA = a.status.props.status.available;
20
+ const availabilityB = b.status.props.status.available;
21
+ if (availabilityA === availabilityB) return 0;
22
+ return availabilityA ? -1 : 1;
23
+ }
24
+ },
25
+ {
26
+ title: "Infrastructure",
27
+ field: "infrastructure"
28
+ },
29
+ {
30
+ title: "Version",
31
+ field: "version",
32
+ customSort: (a, b) => {
33
+ return semver.gt(
34
+ a.version.props.data.version,
35
+ b.version.props.data.version
36
+ ) ? 1 : -1;
37
+ }
38
+ },
39
+ {
40
+ title: "Nodes",
41
+ field: "nodes",
42
+ customSort: (a, b) => {
43
+ return a.nodes.props.nodes.length - b.nodes.props.nodes.length;
44
+ }
45
+ }
46
+ ];
47
+
48
+ export { columns };
49
+ //# sourceMappingURL=tableHeading.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tableHeading.esm.js","sources":["../../../src/components/ClusterStatusPage/tableHeading.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { TableColumn } from '@backstage/core-components';\n\nimport semver from 'semver';\n\nimport { ClusterStatusRowData } from '../../types';\n\nexport const columns: TableColumn<ClusterStatusRowData>[] = [\n {\n title: 'Name',\n field: 'name',\n highlight: true,\n customSort: (a, b) => {\n // The children type here is actually a ReactNode, but we know it's a string\n return (a.name.props.children as string).localeCompare(\n b.name.props.children as string,\n 'en',\n );\n },\n },\n {\n title: 'Status',\n field: 'status',\n customSort: (a, b) => {\n const availabilityA = a.status.props.status.available;\n const availabilityB = b.status.props.status.available;\n if (availabilityA === availabilityB) return 0;\n return availabilityA ? -1 : 1;\n },\n },\n {\n title: 'Infrastructure',\n field: 'infrastructure',\n },\n {\n title: 'Version',\n field: 'version',\n customSort: (a, b) => {\n return semver.gt(\n a.version.props.data.version,\n b.version.props.data.version,\n )\n ? 1\n : -1;\n },\n },\n {\n title: 'Nodes',\n field: 'nodes',\n customSort: (a, b) => {\n return a.nodes.props.nodes.length - b.nodes.props.nodes.length;\n },\n },\n];\n"],"names":[],"mappings":";;AAqBO,MAAM,OAA+C,GAAA;AAAA,EAC1D;AAAA,IACE,KAAO,EAAA,MAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,SAAW,EAAA,IAAA;AAAA,IACX,UAAA,EAAY,CAAC,CAAA,EAAG,CAAM,KAAA;AAEpB,MAAQ,OAAA,CAAA,CAAE,IAAK,CAAA,KAAA,CAAM,QAAoB,CAAA,aAAA;AAAA,QACvC,CAAA,CAAE,KAAK,KAAM,CAAA,QAAA;AAAA,QACb,IAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA,QAAA;AAAA,IACP,UAAA,EAAY,CAAC,CAAA,EAAG,CAAM,KAAA;AACpB,MAAA,MAAM,aAAgB,GAAA,CAAA,CAAE,MAAO,CAAA,KAAA,CAAM,MAAO,CAAA,SAAA,CAAA;AAC5C,MAAA,MAAM,aAAgB,GAAA,CAAA,CAAE,MAAO,CAAA,KAAA,CAAM,MAAO,CAAA,SAAA,CAAA;AAC5C,MAAI,IAAA,aAAA,KAAkB,eAAsB,OAAA,CAAA,CAAA;AAC5C,MAAA,OAAO,gBAAgB,CAAK,CAAA,GAAA,CAAA,CAAA;AAAA,KAC9B;AAAA,GACF;AAAA,EACA;AAAA,IACE,KAAO,EAAA,gBAAA;AAAA,IACP,KAAO,EAAA,gBAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,UAAA,EAAY,CAAC,CAAA,EAAG,CAAM,KAAA;AACpB,MAAA,OAAO,MAAO,CAAA,EAAA;AAAA,QACZ,CAAA,CAAE,OAAQ,CAAA,KAAA,CAAM,IAAK,CAAA,OAAA;AAAA,QACrB,CAAA,CAAE,OAAQ,CAAA,KAAA,CAAM,IAAK,CAAA,OAAA;AAAA,UAEnB,CACA,GAAA,CAAA,CAAA,CAAA;AAAA,KACN;AAAA,GACF;AAAA,EACA;AAAA,IACE,KAAO,EAAA,OAAA;AAAA,IACP,KAAO,EAAA,OAAA;AAAA,IACP,UAAA,EAAY,CAAC,CAAA,EAAG,CAAM,KAAA;AACpB,MAAO,OAAA,CAAA,CAAE,MAAM,KAAM,CAAA,KAAA,CAAM,SAAS,CAAE,CAAA,KAAA,CAAM,MAAM,KAAM,CAAA,MAAA,CAAA;AAAA,KAC1D;AAAA,GACF;AACF;;;;"}
@@ -0,0 +1,69 @@
1
+ import React from 'react';
2
+ import { Table, Link } from '@backstage/core-components';
3
+ import { Card, CardHeader, CardContent } from '@material-ui/core';
4
+
5
+ const convertToGibibytes = (kibibytes) => {
6
+ const sizeInKibibytes = parseInt(
7
+ kibibytes.substring(0, kibibytes.length - 2),
8
+ 10
9
+ );
10
+ return `${(sizeInKibibytes / 2 ** 20).toFixed(0)} Gi`;
11
+ };
12
+ const valueFormatter = (value) => {
13
+ if (typeof value === "string") {
14
+ if (value.endsWith("Ki")) {
15
+ return convertToGibibytes(value);
16
+ } else if (value.startsWith("http")) {
17
+ return /* @__PURE__ */ React.createElement(Link, { to: value }, value);
18
+ }
19
+ }
20
+ return value;
21
+ };
22
+ const TableCardFromData = ({
23
+ data,
24
+ title,
25
+ nameMap
26
+ }) => {
27
+ const parsedData = [];
28
+ const entries = Object.entries(data);
29
+ nameMap.forEach((_, key) => {
30
+ const entry = entries.find((e) => e[0] === key);
31
+ if (entry === void 0) {
32
+ return;
33
+ }
34
+ parsedData.push({
35
+ // entry[0] === name of the prop
36
+ name: nameMap.get(entry[0]),
37
+ // entry[1] === value of the prop
38
+ value: valueFormatter(entry[1])
39
+ });
40
+ });
41
+ if (parsedData.length === 0) {
42
+ return null;
43
+ }
44
+ return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { title }), /* @__PURE__ */ React.createElement(CardContent, { style: { padding: 0 } }, /* @__PURE__ */ React.createElement(
45
+ Table,
46
+ {
47
+ options: {
48
+ search: false,
49
+ paging: false,
50
+ toolbar: false,
51
+ header: false,
52
+ padding: "dense"
53
+ },
54
+ data: parsedData,
55
+ columns: [
56
+ {
57
+ field: "name",
58
+ highlight: true,
59
+ width: "15%",
60
+ cellStyle: { whiteSpace: "nowrap" }
61
+ },
62
+ { field: "value" }
63
+ ]
64
+ }
65
+ )));
66
+ };
67
+
68
+ export { TableCardFromData };
69
+ //# sourceMappingURL=TableCardFromData.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableCardFromData.esm.js","sources":["../../../src/components/TableCardFromData/TableCardFromData.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { Link, Table } from '@backstage/core-components';\n\nimport { Card, CardContent, CardHeader } from '@material-ui/core';\n\nconst convertToGibibytes = (kibibytes: string): string => {\n const sizeInKibibytes = parseInt(\n kibibytes.substring(0, kibibytes.length - 2),\n 10,\n );\n return `${(sizeInKibibytes / 2 ** 20).toFixed(0)} Gi`;\n};\n\nconst valueFormatter = (value: any): any => {\n if (typeof value === 'string') {\n if (value.endsWith('Ki')) {\n return convertToGibibytes(value);\n } else if (value.startsWith('http')) {\n return <Link to={value}>{value}</Link>;\n }\n }\n return value;\n};\n\nexport const TableCardFromData = ({\n data,\n title,\n nameMap,\n}: {\n data: any;\n title: string;\n nameMap: Map<string, string>;\n}) => {\n const parsedData: { name: string; value: any }[] = [];\n const entries = Object.entries(data);\n\n nameMap.forEach((_, key) => {\n const entry = entries.find(e => e[0] === key)!;\n // If key of the map doesn't have an prop in the cluster object, continue\n if (entry === undefined) {\n return;\n }\n parsedData.push({\n // entry[0] === name of the prop\n name: nameMap.get(entry[0])!,\n // entry[1] === value of the prop\n value: valueFormatter(entry[1]),\n });\n });\n\n if (parsedData.length === 0) {\n return null;\n }\n\n return (\n <Card>\n <CardHeader title={title} />\n <CardContent style={{ padding: 0 }}>\n <Table\n options={{\n search: false,\n paging: false,\n toolbar: false,\n header: false,\n padding: 'dense',\n }}\n data={parsedData}\n columns={[\n {\n field: 'name',\n highlight: true,\n width: '15%',\n cellStyle: { whiteSpace: 'nowrap' },\n },\n { field: 'value' },\n ]}\n />\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;AAqBA,MAAM,kBAAA,GAAqB,CAAC,SAA8B,KAAA;AACxD,EAAA,MAAM,eAAkB,GAAA,QAAA;AAAA,IACtB,SAAU,CAAA,SAAA,CAAU,CAAG,EAAA,SAAA,CAAU,SAAS,CAAC,CAAA;AAAA,IAC3C,EAAA;AAAA,GACF,CAAA;AACA,EAAA,OAAO,IAAI,eAAkB,GAAA,CAAA,IAAK,EAAI,EAAA,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA,CAAA;AAClD,CAAA,CAAA;AAEA,MAAM,cAAA,GAAiB,CAAC,KAAoB,KAAA;AAC1C,EAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,IAAI,IAAA,KAAA,CAAM,QAAS,CAAA,IAAI,CAAG,EAAA;AACxB,MAAA,OAAO,mBAAmB,KAAK,CAAA,CAAA;AAAA,KACtB,MAAA,IAAA,KAAA,CAAM,UAAW,CAAA,MAAM,CAAG,EAAA;AACnC,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,KAAA,EAAA,EAAQ,KAAM,CAAA,CAAA;AAAA,KACjC;AAAA,GACF;AACA,EAAO,OAAA,KAAA,CAAA;AACT,CAAA,CAAA;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC,IAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AACF,CAIM,KAAA;AACJ,EAAA,MAAM,aAA6C,EAAC,CAAA;AACpD,EAAM,MAAA,OAAA,GAAU,MAAO,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAEnC,EAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,CAAA,EAAG,GAAQ,KAAA;AAC1B,IAAA,MAAM,QAAQ,OAAQ,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,CAAC,MAAM,GAAG,CAAA,CAAA;AAE5C,IAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,MAAA,OAAA;AAAA,KACF;AACA,IAAA,UAAA,CAAW,IAAK,CAAA;AAAA;AAAA,MAEd,IAAM,EAAA,OAAA,CAAQ,GAAI,CAAA,KAAA,CAAM,CAAC,CAAC,CAAA;AAAA;AAAA,MAE1B,KAAO,EAAA,cAAA,CAAe,KAAM,CAAA,CAAC,CAAC,CAAA;AAAA,KAC/B,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AAED,EAAI,IAAA,UAAA,CAAW,WAAW,CAAG,EAAA;AAC3B,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAc,EAAA,CAAA,kBACzB,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAO,EAAA,EAAE,OAAS,EAAA,CAAA,EAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,KAAA;AAAA,QACR,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,KAAA;AAAA,QACT,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,OAAA;AAAA,OACX;AAAA,MACA,IAAM,EAAA,UAAA;AAAA,MACN,OAAS,EAAA;AAAA,QACP;AAAA,UACE,KAAO,EAAA,MAAA;AAAA,UACP,SAAW,EAAA,IAAA;AAAA,UACX,KAAO,EAAA,KAAA;AAAA,UACP,SAAA,EAAW,EAAE,UAAA,EAAY,QAAS,EAAA;AAAA,SACpC;AAAA,QACA,EAAE,OAAO,OAAQ,EAAA;AAAA,OACnB;AAAA,KAAA;AAAA,GAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -0,0 +1,40 @@
1
+ import React from 'react';
2
+ import { StatusAborted, StatusOK, StatusError } from '@backstage/core-components';
3
+ import { makeStyles, Grid, Tooltip, Button } from '@material-ui/core';
4
+ import ArrowCircleUpIcon from '@mui/icons-material/ArrowCircleUp';
5
+
6
+ const useStyles = makeStyles({
7
+ button: {
8
+ textTransform: "none",
9
+ borderRadius: 16,
10
+ margin: "0px",
11
+ paddingLeft: "4px",
12
+ paddingRight: "4px"
13
+ }
14
+ });
15
+ const Status = ({ status }) => {
16
+ if (!status) {
17
+ return /* @__PURE__ */ React.createElement(StatusAborted, null, "Unknown");
18
+ } else if (status.available) {
19
+ return /* @__PURE__ */ React.createElement(StatusOK, null, "Ready");
20
+ }
21
+ return /* @__PURE__ */ React.createElement(StatusError, null, "Not Ready");
22
+ };
23
+ const Update = ({ data }) => {
24
+ const classes = useStyles();
25
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, data.update.available ? /* @__PURE__ */ React.createElement(Grid, { container: true, direction: "column", spacing: 0 }, /* @__PURE__ */ React.createElement(Grid, { item: true }, data.version), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Tooltip, { title: `Version ${data.update.version} available` }, /* @__PURE__ */ React.createElement(
26
+ Button,
27
+ {
28
+ variant: "text",
29
+ color: "primary",
30
+ startIcon: /* @__PURE__ */ React.createElement(ArrowCircleUpIcon, null),
31
+ className: classes.button,
32
+ href: data.update.url,
33
+ size: "small"
34
+ },
35
+ "Upgrade available"
36
+ )))) : data.version);
37
+ };
38
+
39
+ export { Status, Update };
40
+ //# sourceMappingURL=common.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"common.esm.js","sources":["../../src/components/common.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport {\n StatusAborted,\n StatusError,\n StatusOK,\n} from '@backstage/core-components';\n\nimport { Button, Grid, makeStyles, Tooltip } from '@material-ui/core';\nimport ArrowCircleUpIcon from '@mui/icons-material/ArrowCircleUp';\n\nimport { ClusterStatus } from '@backstage-community/plugin-ocm-common';\n\nimport { versionDetails } from '../types';\n\nconst useStyles = makeStyles({\n button: {\n textTransform: 'none',\n borderRadius: 16,\n margin: '0px',\n paddingLeft: '4px',\n paddingRight: '4px',\n },\n});\n\nexport const Status = ({ status }: { status: ClusterStatus }) => {\n if (!status) {\n return <StatusAborted>Unknown</StatusAborted>;\n } else if (status.available) {\n return <StatusOK>Ready</StatusOK>;\n }\n return <StatusError>Not Ready</StatusError>;\n};\n\nexport const Update = ({ data }: { data: versionDetails }) => {\n const classes = useStyles();\n return (\n <>\n {data.update.available ? (\n <Grid container direction=\"column\" spacing={0}>\n <Grid item>{data.version}</Grid>\n <Grid item>\n <Tooltip title={`Version ${data.update.version!} available`}>\n <Button\n variant=\"text\"\n color=\"primary\"\n startIcon={<ArrowCircleUpIcon />}\n className={classes.button}\n href={data.update.url}\n size=\"small\"\n >\n Upgrade available\n </Button>\n </Tooltip>\n </Grid>\n </Grid>\n ) : (\n data.version\n )}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;AA8BA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,MAAQ,EAAA;AAAA,IACN,aAAe,EAAA,MAAA;AAAA,IACf,YAAc,EAAA,EAAA;AAAA,IACd,MAAQ,EAAA,KAAA;AAAA,IACR,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA,KAAA;AAAA,GAChB;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,MAAS,GAAA,CAAC,EAAE,MAAA,EAAwC,KAAA;AAC/D,EAAA,IAAI,CAAC,MAAQ,EAAA;AACX,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,qBAAc,SAAO,CAAA,CAAA;AAAA,GAC/B,MAAA,IAAW,OAAO,SAAW,EAAA;AAC3B,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAS,OAAK,CAAA,CAAA;AAAA,GACxB;AACA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,mBAAY,WAAS,CAAA,CAAA;AAC/B,EAAA;AAEO,MAAM,MAAS,GAAA,CAAC,EAAE,IAAA,EAAqC,KAAA;AAC5D,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,IAAA,CAAK,MAAO,CAAA,SAAA,mBACV,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAU,EAAA,QAAA,EAAS,OAAS,EAAA,CAAA,EAAA,sCACzC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAE,EAAA,EAAA,IAAA,CAAK,OAAQ,CAAA,kBACxB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,kBACP,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,QAAA,EAAW,IAAK,CAAA,MAAA,CAAO,OAAQ,CAC7C,UAAA,CAAA,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,sCAAY,iBAAkB,EAAA,IAAA,CAAA;AAAA,MAC9B,WAAW,OAAQ,CAAA,MAAA;AAAA,MACnB,IAAA,EAAM,KAAK,MAAO,CAAA,GAAA;AAAA,MAClB,IAAK,EAAA,OAAA;AAAA,KAAA;AAAA,IACN,mBAAA;AAAA,GAGH,CACF,CACF,CAAA,GAEA,KAAK,OAET,CAAA,CAAA;AAEJ;;;;"}
@@ -0,0 +1,28 @@
1
+ /// <reference types="react" />
2
+ import * as react from 'react';
3
+ import react__default from 'react';
4
+ import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
5
+ import { IconComponent } from '@backstage/core-plugin-api';
6
+ import { Cluster } from '@backstage-community/plugin-ocm-common';
7
+
8
+ declare const ocmPlugin: _backstage_core_plugin_api.BackstagePlugin<{
9
+ root: _backstage_core_plugin_api.RouteRef<undefined>;
10
+ }, {}, {}>;
11
+ declare const OcmPage: ({ logo }: {
12
+ logo?: react.ReactNode;
13
+ }) => react.JSX.Element;
14
+ declare const OcmIcon: IconComponent;
15
+
16
+ declare const ClusterAvailableResourceCard: () => any;
17
+
18
+ type ClusterContextType = {
19
+ data: Cluster | null;
20
+ loading: boolean;
21
+ error: Error | null;
22
+ };
23
+ declare const ClusterContextProvider: (props: any) => react__default.JSX.Element;
24
+ declare const useCluster: () => ClusterContextType;
25
+
26
+ declare const ClusterInfoCard: () => react__default.JSX.Element | null;
27
+
28
+ export { ClusterAvailableResourceCard, ClusterContextProvider, ClusterInfoCard, OcmIcon, OcmPage, ocmPlugin, useCluster };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
@@ -0,0 +1,32 @@
1
+ import { createPlugin, createApiFactory, configApiRef, identityApiRef, createRoutableExtension } from '@backstage/core-plugin-api';
2
+ import HubOutlinedIcon from '@mui/icons-material/HubOutlined';
3
+ import { OcmApiRef, OcmApiClient } from './api/index.esm.js';
4
+ import { rootRouteRef } from './routes.esm.js';
5
+
6
+ const ocmPlugin = createPlugin({
7
+ id: "ocm",
8
+ routes: {
9
+ root: rootRouteRef
10
+ },
11
+ apis: [
12
+ createApiFactory({
13
+ api: OcmApiRef,
14
+ deps: {
15
+ configApi: configApiRef,
16
+ identityApi: identityApiRef
17
+ },
18
+ factory: ({ configApi, identityApi }) => new OcmApiClient({ configApi, identityApi })
19
+ })
20
+ ]
21
+ });
22
+ const OcmPage = ocmPlugin.provide(
23
+ createRoutableExtension({
24
+ name: "OcmPage",
25
+ component: () => import('./components/ClusterStatusPage/index.esm.js').then((m) => m.ClusterStatusPage),
26
+ mountPoint: rootRouteRef
27
+ })
28
+ );
29
+ const OcmIcon = HubOutlinedIcon;
30
+
31
+ export { OcmIcon, OcmPage, ocmPlugin };
32
+ //# sourceMappingURL=plugin.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n configApiRef,\n createApiFactory,\n createPlugin,\n createRoutableExtension,\n IconComponent,\n identityApiRef,\n} from '@backstage/core-plugin-api';\n\nimport HubOutlinedIcon from '@mui/icons-material/HubOutlined';\n\nimport { OcmApiClient, OcmApiRef } from './api';\nimport { rootRouteRef } from './routes';\n\nexport const ocmPlugin = createPlugin({\n id: 'ocm',\n routes: {\n root: rootRouteRef,\n },\n apis: [\n createApiFactory({\n api: OcmApiRef,\n deps: {\n configApi: configApiRef,\n identityApi: identityApiRef,\n },\n factory: ({ configApi, identityApi }) =>\n new OcmApiClient({ configApi, identityApi }),\n }),\n ],\n});\n\nexport const OcmPage = ocmPlugin.provide(\n createRoutableExtension({\n name: 'OcmPage',\n component: () =>\n import('./components/ClusterStatusPage').then(m => m.ClusterStatusPage),\n mountPoint: rootRouteRef,\n }),\n);\n\nexport const OcmIcon = HubOutlinedIcon as IconComponent;\n"],"names":[],"mappings":";;;;;AA6BO,MAAM,YAAY,YAAa,CAAA;AAAA,EACpC,EAAI,EAAA,KAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,SAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,SAAW,EAAA,YAAA;AAAA,QACX,WAAa,EAAA,cAAA;AAAA,OACf;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,SAAW,EAAA,WAAA,EACrB,KAAA,IAAI,YAAa,CAAA,EAAE,SAAW,EAAA,WAAA,EAAa,CAAA;AAAA,KAC9C,CAAA;AAAA,GACH;AACF,CAAC,EAAA;AAEM,MAAM,UAAU,SAAU,CAAA,OAAA;AAAA,EAC/B,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,SAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB,CAAA;AAAA,IACxE,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH,EAAA;AAEO,MAAM,OAAU,GAAA;;;;"}
@@ -0,0 +1,8 @@
1
+ import { createRouteRef } from '@backstage/core-plugin-api';
2
+
3
+ const rootRouteRef = createRouteRef({
4
+ id: "ocm"
5
+ });
6
+
7
+ export { rootRouteRef };
8
+ //# sourceMappingURL=routes.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n id: 'ocm',\n});\n"],"names":[],"mappings":";;AAiBO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA,KAAA;AACN,CAAC;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@backstage-community/plugin-ocm",
3
- "version": "5.2.1",
3
+ "version": "5.2.2",
4
4
  "main": "dist/index.esm.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "license": "Apache-2.0",
@@ -80,6 +80,7 @@
80
80
  "react-router-dom": "^6.0.0"
81
81
  },
82
82
  "files": [
83
+ "dist",
83
84
  "dist-scalprum"
84
85
  ],
85
86
  "repository": {