@terasky/backstage-plugin-vcf-automation 0.0.1 → 0.1.0

package/README.md

@@ -248,6 +248,42 @@ metadata:
 - **Project Administration**: Manage VCF project settings and resources
 - **Permission Integration**: Built-in support for Backstage's permission framework
 
+## Usage
+
+Once installed and configured, the VCF Automation plugin provides comprehensive views for different VCF entity types:
+
+### Project (Domain) Views
+The project overview provides a high-level summary of your VCF project:
+![Project Overview](../../images/vcf-proj-overview.png)
+
+Detailed project information is available as well:
+![Project Details 1](../../images/vcf-proj-details-1.png)
+![Project Details 2](../../images/vcf-proj-details-2.png)
+![Project Details 3](../../images/vcf-proj-details-3.png)
+
+### Deployment Views
+Get a quick overview of your VCF deployments:
+![Deployment Overview](../../images/vcf-deploy-overview.png)
+
+Access detailed deployment information:
+![Deployment Details 1](../../images/vcf-deploy-details-1.png)
+![Deployment Details 2](../../images/vcf-deploy-details-2.png)
+
+### VSphere VM Views
+Monitor your VSphere VMs with the overview card:
+![VM Overview](../../images/vcf-vm-overview.png)
+
+Dive deep into VM configurations and status:
+![VM Details 1](../../images/vcf-vm-details-1.png)
+![VM Details 2](../../images/vcf-vm-details-2.png)
+
+### Generic Resource Views
+View resource summaries in the overview:
+![Resource Overview](../../images/vcf-resource-overview.png)
+
+Access detailed resource information:
+![Resource Details](../../images/vcf-resource-details.png)
+
 ## Contributing
 
 Contributions are welcome! Please open an issue or submit a pull request on GitHub.

package/dist/api/VcfAutomationClient.esm.js

@@ -0,0 +1,90 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+
+const vcfAutomationApiRef = createApiRef({
+  id: "plugin.vcf-automation.service"
+});
+class VcfAutomationClient {
+  discoveryApi;
+  identityApi;
+  constructor(options) {
+    this.discoveryApi = options.discoveryApi;
+    this.identityApi = options.identityApi;
+  }
+  async getAuthHeaders() {
+    const token = await this.identityApi.getCredentials();
+    return {
+      "Content-Type": "application/json",
+      ...token?.token ? { Authorization: `Bearer ${token.token}` } : {}
+    };
+  }
+  async getDeploymentEvents(deploymentId) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("vcf-automation");
+    const headers = await this.getAuthHeaders();
+    const response = await fetch(`${baseUrl}/deployments/${deploymentId}/events`, {
+      headers
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to fetch deployment events: ${response.statusText}`);
+    }
+    return await response.json();
+  }
+  async getVSphereVMDetails(deploymentId, resourceId) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("vcf-automation");
+    const headers = await this.getAuthHeaders();
+    const response = await fetch(`${baseUrl}/deployments/${deploymentId}/resources/${resourceId}`, {
+      headers
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to fetch resource details: ${response.statusText}`);
+    }
+    return await response.json();
+  }
+  async getGenericResourceDetails(deploymentId, resourceId) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("vcf-automation");
+    const headers = await this.getAuthHeaders();
+    const response = await fetch(
+      `${baseUrl}/deployments/${deploymentId}/resources/${resourceId}`,
+      {
+        headers: {
+          "Content-Type": "application/json",
+          ...headers
+        }
+      }
+    );
+    if (!response.ok) {
+      throw new Error(`Failed to fetch resource details: ${response.statusText}`);
+    }
+    return await response.json();
+  }
+  async getDeploymentDetails(deploymentId) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("vcf-automation");
+    const headers = await this.getAuthHeaders();
+    const response = await fetch(
+      `${baseUrl}/deployments/${deploymentId}`,
+      {
+        headers: {
+          "Content-Type": "application/json",
+          ...headers
+        }
+      }
+    );
+    if (!response.ok) {
+      throw new Error(`Failed to fetch deployment details: ${response.statusText}`);
+    }
+    return await response.json();
+  }
+  async getProjectDetails(projectId) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("vcf-automation");
+    const headers = await this.getAuthHeaders();
+    const response = await fetch(`${baseUrl}/projects/${projectId}`, {
+      headers
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to fetch project details: ${response.statusText}`);
+    }
+    return await response.json();
+  }
+}
+
+export { VcfAutomationClient, vcfAutomationApiRef };
+//# sourceMappingURL=VcfAutomationClient.esm.js.map

package/dist/api/VcfAutomationClient.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VcfAutomationClient.esm.js","sources":["../../src/api/VcfAutomationClient.ts"],"sourcesContent":["import { createApiRef, DiscoveryApi, IdentityApi } from '@backstage/core-plugin-api';\nimport { VcfProject as VcfProjectType } from '../types';\n\nexport interface VcfDeploymentEvent {\n  timestamp: string;\n  status: string;\n  operation: string;\n  user: string;\n  details: string;\n}\n\nexport interface VcfDeploymentConfig {\n  key: string;\n  value: string;\n}\n\nexport interface VcfDeploymentResponse {\n  content: any;\n  pageable: any;\n  config: VcfDeploymentConfig[];\n  history: VcfDeploymentEvent[];\n}\n\nexport interface VcfVSphereVM {\n  id: string;\n  name: string;\n  type: string;\n  properties: {\n    resourceId: string;\n    moref: string;\n    resourceDescLink: string;\n    powerState: string;\n    zone: string;\n    environmentName: string;\n    hasSnapshots: string;\n    computeHostType: string;\n    id: string;\n    memoryGB: string;\n    cpuCount: number;\n    image: string;\n    totalMemoryMB: number;\n    endpointType: string;\n    resourceName: string;\n    tags: string[];\n    softwareName: string;\n    name: string;\n    resourceLink: string;\n    region: string;\n    hostName: string;\n    storage: {\n      disks: Array<{\n        vm: string;\n        name: string;\n        type: string;\n        shares?: string;\n        vcUuid: string;\n        diskFile?: string;\n        bootOrder?: number;\n        encrypted: boolean;\n        limitIops?: string;\n        capacityGb: number;\n        persistent: boolean;\n        independent?: string;\n        sharesLevel?: string;\n        endpointType: string;\n        resourceLink: string;\n        vmFolderPath?: string;\n        controllerKey: string;\n        diskPlacementRef?: string;\n        existingResource: string;\n        provisioningType?: string;\n        controllerUnitNumber: string;\n      }>;\n    };\n    networks: Array<{\n      id: string;\n      name: string;\n      address: string;\n      network: string;\n      assignment: string;\n      deviceIndex: number;\n      external_id: string;\n      mac_address: string;\n      resourceName: string;\n      ipv6Addresses?: string[];\n    }>;\n    areVMActionsDisabled: string;\n    providerId: string;\n    osType: string;\n    instanceUUID: string;\n    componentType: string;\n    address: string;\n    endpointId: string;\n    externalId: string;\n    datacenter: string;\n    datastoreName: string;\n    coreCount: string;\n    primaryMAC: string;\n    computeHostRef: string;\n    snapshotCount: string;\n    accounts: string[];\n    vmFolderPath: string;\n    account: string;\n    vcUuid: string;\n  };\n  createdAt: string;\n  syncStatus: string;\n  expense: {\n    totalExpense: number;\n    computeExpense: number;\n    storageExpense: number;\n    additionalExpense: number;\n    unit: string;\n    lastUpdatedTime: string;\n  };\n  origin: string;\n  dependsOn: string[];\n  state: string;\n}\n\nexport type VcfProject = VcfProjectType;\n\nexport interface VcfAutomationApi {\n  getDeploymentEvents(deploymentId: string): Promise<VcfDeploymentResponse>;\n  getVSphereVMDetails(deploymentId: string, resourceId: string): Promise<VcfVSphereVM>;\n  getProjectDetails(projectId: string): Promise<VcfProject>;\n  getGenericResourceDetails(deploymentId: string, resourceId: string): Promise<any>;\n  getDeploymentDetails(deploymentId: string): Promise<any>;\n}\n\nexport const vcfAutomationApiRef = createApiRef<VcfAutomationApi>({\n  id: 'plugin.vcf-automation.service',\n});\n\nexport class VcfAutomationClient implements VcfAutomationApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly identityApi: IdentityApi;\n\n  constructor(options: { discoveryApi: DiscoveryApi; identityApi: IdentityApi }) {\n    this.discoveryApi = options.discoveryApi;\n    this.identityApi = options.identityApi;\n  }\n\n  private async getAuthHeaders(): Promise<HeadersInit> {\n    const token = await this.identityApi.getCredentials();\n    return {\n      'Content-Type': 'application/json',\n      ...(token?.token ? { Authorization: `Bearer ${token.token}` } : {}),\n    };\n  }\n\n  async getDeploymentEvents(deploymentId: string): Promise<VcfDeploymentResponse> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('vcf-automation');\n    const headers = await this.getAuthHeaders();\n    const response = await fetch(`${baseUrl}/deployments/${deploymentId}/events`, {\n      headers,\n    });\n    if (!response.ok) {\n      throw new Error(`Failed to fetch deployment events: ${response.statusText}`);\n    }\n    return await response.json();\n  }\n\n  async getVSphereVMDetails(deploymentId: string, resourceId: string): Promise<VcfVSphereVM> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('vcf-automation');\n    const headers = await this.getAuthHeaders();\n    const response = await fetch(`${baseUrl}/deployments/${deploymentId}/resources/${resourceId}`, {\n      headers,\n    });\n    if (!response.ok) {\n      throw new Error(`Failed to fetch resource details: ${response.statusText}`);\n    }\n    return await response.json();\n  }\n\n  async getGenericResourceDetails(deploymentId: string, resourceId: string): Promise<any> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('vcf-automation');\n    const headers = await this.getAuthHeaders();\n    \n      const response = await fetch(`${baseUrl}/deployments/${deploymentId}/resources/${resourceId}`,\n      {\n        headers: {\n          'Content-Type': 'application/json',\n          ...headers,\n        },\n      },\n    );\n\n    if (!response.ok) {\n      throw new Error(`Failed to fetch resource details: ${response.statusText}`);\n    }\n\n    return await response.json();\n  }\n\n  async getDeploymentDetails(deploymentId: string): Promise<any> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('vcf-automation');\n    const headers = await this.getAuthHeaders();\n    \n      const response = await fetch(`${baseUrl}/deployments/${deploymentId}`,\n      {\n        headers: {\n          'Content-Type': 'application/json',\n          ...headers,\n        },\n      },\n    );\n\n    if (!response.ok) {\n      throw new Error(`Failed to fetch deployment details: ${response.statusText}`);\n    }\n\n    return await response.json();\n  }\n\n  async getProjectDetails(projectId: string): Promise<VcfProject> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('vcf-automation');\n    const headers = await this.getAuthHeaders();\n    const response = await fetch(`${baseUrl}/projects/${projectId}`, {\n      headers,\n    });\n    if (!response.ok) {\n      throw new Error(`Failed to fetch project details: ${response.statusText}`);\n    }\n    return await response.json();\n  }\n} "],"names":[],"mappings":"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"}

package/dist/components/VCFAutomationDeploymentDetails.esm.js

@@ -0,0 +1,182 @@
+import React from 'react';
+import { useEntity, catalogApiRef } from '@backstage/plugin-catalog-react';
+import { useApi } from '@backstage/core-plugin-api';
+import { vcfAutomationApiRef } from '../api/VcfAutomationClient.esm.js';
+import { InfoCard, Progress, ResponseErrorPanel, StructuredMetadataTable, Table, Link } from '@backstage/core-components';
+import { Typography, Grid } from '@material-ui/core';
+import useAsync from 'react-use/lib/useAsync';
+import { usePermission } from '@backstage/plugin-permission-react';
+import { viewDeploymentHistoryPermission } from '@terasky/backstage-plugin-vcf-automation-common';
+
+const eventColumns = [
+  {
+    title: "Operation",
+    field: "name"
+  },
+  {
+    title: "Status",
+    field: "status"
+  },
+  {
+    title: "User",
+    field: "requestedBy"
+  },
+  {
+    title: "Created",
+    field: "createdAt",
+    render: (row) => new Date(row.createdAt).toLocaleString()
+  },
+  {
+    title: "Last Updated",
+    field: "updatedAt",
+    render: (row) => new Date(row.updatedAt).toLocaleString()
+  },
+  {
+    title: "Details",
+    field: "details"
+  }
+];
+const resourceColumns = [
+  {
+    title: "Name",
+    field: "title",
+    render: (row) => /* @__PURE__ */ React.createElement(Link, { to: `/catalog/${row.namespace}/${row.kind.toLowerCase()}/${row.name}` }, row.title || row.name)
+  },
+  {
+    title: "Type",
+    field: "type"
+  }
+];
+const getEntityType = (entity) => {
+  const type = entity.spec?.type;
+  if (typeof type === "string") {
+    return type;
+  }
+  if (typeof type === "object" && type !== null) {
+    return JSON.stringify(type);
+  }
+  return String(type || "N/A");
+};
+const VCFAutomationDeploymentDetails = () => {
+  const { entity } = useEntity();
+  const api = useApi(vcfAutomationApiRef);
+  const catalogApi = useApi(catalogApiRef);
+  const deploymentId = entity.metadata.name;
+  const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({
+    permission: viewDeploymentHistoryPermission
+  });
+  const { value: deploymentDetails, loading: detailsLoading, error: detailsError } = useAsync(async () => {
+    if (!deploymentId || !hasViewPermission) {
+      return void 0;
+    }
+    return await api.getDeploymentDetails(deploymentId);
+  }, [deploymentId, hasViewPermission]);
+  const { value: eventsResponse, loading: eventsLoading, error: eventsError } = useAsync(async () => {
+    if (!deploymentId || !hasViewPermission) {
+      return void 0;
+    }
+    const response = await api.getDeploymentEvents(deploymentId);
+    return response;
+  }, [deploymentId, hasViewPermission]);
+  const { value: resources, loading: resourcesLoading, error: resourcesError } = useAsync(async () => {
+    if (!deploymentId) {
+      return void 0;
+    }
+    const components = await catalogApi.getEntities({
+      filter: {
+        kind: "Component",
+        "spec.system": deploymentId
+      }
+    });
+    const resources2 = await catalogApi.getEntities({
+      filter: {
+        kind: "Resource",
+        "spec.system": deploymentId
+      }
+    });
+    const allResources = [
+      ...components.items.map((component) => ({
+        name: component.metadata.name,
+        title: component.metadata.title || component.metadata.name,
+        kind: component.kind,
+        type: getEntityType(component),
+        namespace: component.metadata.namespace || "default"
+      })),
+      ...resources2.items.map((resource) => ({
+        name: resource.metadata.name,
+        title: resource.metadata.title || resource.metadata.name,
+        kind: resource.kind,
+        type: getEntityType(resource),
+        namespace: resource.metadata.namespace || "default"
+      }))
+    ];
+    return allResources;
+  }, [deploymentId]);
+  if (!deploymentId) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Typography, null, "No deployment ID found for this entity."));
+  }
+  if (detailsLoading || eventsLoading || permissionLoading || resourcesLoading) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Progress, null));
+  }
+  if (!hasViewPermission) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Typography, null, "You don't have permission to view deployment information."));
+  }
+  if (detailsError || eventsError || resourcesError) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error: detailsError ?? eventsError ?? resourcesError ?? new Error("Unknown error") });
+  }
+  const metadata = {
+    "Basic Information": {
+      Name: deploymentDetails?.name,
+      Description: deploymentDetails?.description || "No description",
+      Status: deploymentDetails?.status,
+      "Owner Type": deploymentDetails?.ownerType,
+      "Owned By": deploymentDetails?.ownedBy,
+      "Project ID": deploymentDetails?.projectId,
+      "Blueprint ID": deploymentDetails?.blueprintId,
+      "Organization ID": deploymentDetails?.orgId
+    },
+    "Timing Information": {
+      "Created By": deploymentDetails?.createdBy,
+      "Created At": deploymentDetails?.createdAt ? new Date(deploymentDetails.createdAt).toLocaleString() : "",
+      "Last Updated By": deploymentDetails?.lastUpdatedBy,
+      "Last Updated At": deploymentDetails?.lastUpdatedAt ? new Date(deploymentDetails.lastUpdatedAt).toLocaleString() : "",
+      "Lease Grace Period (Days)": deploymentDetails?.leaseGracePeriodDays
+    },
+    "Expense Information": deploymentDetails?.expense ? {
+      "Total Expense": `${deploymentDetails.expense.totalExpense} ${deploymentDetails.expense.unit}`,
+      "Compute Expense": `${deploymentDetails.expense.computeExpense} ${deploymentDetails.expense.unit}`,
+      "Storage Expense": `${deploymentDetails.expense.storageExpense} ${deploymentDetails.expense.unit}`,
+      "Additional Expense": `${deploymentDetails.expense.additionalExpense} ${deploymentDetails.expense.unit}`,
+      "Last Updated": new Date(deploymentDetails.expense.lastUpdatedTime).toLocaleString()
+    } : {},
+    "Input Parameters": deploymentDetails?.inputs || {}
+  };
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Deployment Details" }, /* @__PURE__ */ React.createElement(StructuredMetadataTable, { metadata }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Deployment Resources" }, resources && resources.length > 0 ? /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      columns: resourceColumns,
+      data: resources,
+      options: {
+        search: true,
+        paging: true,
+        pageSize: 10,
+        padding: "dense"
+      }
+    }
+  ) : /* @__PURE__ */ React.createElement(Typography, null, "No resources found for this deployment."))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Deployment Events" }, eventsResponse?.content && eventsResponse.content.length > 0 ? /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      columns: eventColumns,
+      data: eventsResponse.content,
+      options: {
+        search: true,
+        paging: true,
+        pageSize: eventsResponse.pageable?.pageSize || 10,
+        padding: "dense"
+      }
+    }
+  ) : /* @__PURE__ */ React.createElement(Typography, null, "No deployment events available."))));
+};
+
+export { VCFAutomationDeploymentDetails };
+//# sourceMappingURL=VCFAutomationDeploymentDetails.esm.js.map

package/dist/components/VCFAutomationDeploymentDetails.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCFAutomationDeploymentDetails.esm.js","sources":["../../src/components/VCFAutomationDeploymentDetails.tsx"],"sourcesContent":["import React from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n  Table,\n  TableColumn,\n  StructuredMetadataTable,\n  Link,\n} from '@backstage/core-components';\nimport { Grid, Typography } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { viewDeploymentHistoryPermission } from '@terasky/backstage-plugin-vcf-automation-common';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { Entity } from '@backstage/catalog-model';\n\ntype DeploymentEvent = {\n  id: string;\n  name: string;\n  status: string;\n  requestedBy: string;\n  createdAt: string;\n  updatedAt: string;\n  details: string;\n  requestId: string;\n  resourceIds: string[];\n};\n\ntype DeploymentResource = {\n  name: string;\n  title: string;\n  kind: string;\n  type: string;\n  namespace: string;\n};\n\nconst eventColumns: TableColumn<DeploymentEvent>[] = [\n  {\n    title: 'Operation',\n    field: 'name',\n  },\n  {\n    title: 'Status',\n    field: 'status',\n  },\n  {\n    title: 'User',\n    field: 'requestedBy',\n  },\n  {\n    title: 'Created',\n    field: 'createdAt',\n    render: (row: DeploymentEvent) => new Date(row.createdAt).toLocaleString(),\n  },\n  {\n    title: 'Last Updated',\n    field: 'updatedAt',\n    render: (row: DeploymentEvent) => new Date(row.updatedAt).toLocaleString(),\n  },\n  {\n    title: 'Details',\n    field: 'details',\n  },\n];\n\nconst resourceColumns: TableColumn<DeploymentResource>[] = [\n  {\n    title: 'Name',\n    field: 'title',\n    render: (row: DeploymentResource) => (\n      <Link to={`/catalog/${row.namespace}/${row.kind.toLowerCase()}/${row.name}`}>\n        {row.title || row.name}\n      </Link>\n    ),\n  },\n  {\n    title: 'Type',\n    field: 'type',\n  },\n];\n\nconst getEntityType = (entity: Entity): string => {\n  const type = entity.spec?.type;\n  if (typeof type === 'string') {\n    return type;\n  }\n  if (typeof type === 'object' && type !== null) {\n    return JSON.stringify(type);\n  }\n  return String(type || 'N/A');\n};\n\nexport const VCFAutomationDeploymentDetails = () => {\n  const { entity } = useEntity();\n  const api = useApi(vcfAutomationApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const deploymentId = entity.metadata.name;\n\n  const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({\n    permission: viewDeploymentHistoryPermission,\n  });\n\n  const { value: deploymentDetails, loading: detailsLoading, error: detailsError } = useAsync(async () => {\n    if (!deploymentId || !hasViewPermission) {\n      return undefined;\n    }\n    return await api.getDeploymentDetails(deploymentId);\n  }, [deploymentId, hasViewPermission]);\n\n  const { value: eventsResponse, loading: eventsLoading, error: eventsError } = useAsync(async () => {\n    if (!deploymentId || !hasViewPermission) {\n      return undefined;\n    }\n    const response = await api.getDeploymentEvents(deploymentId);\n    return response;\n  }, [deploymentId, hasViewPermission]);\n\n  const { value: resources, loading: resourcesLoading, error: resourcesError } = useAsync(async () => {\n    if (!deploymentId) {\n      return undefined;\n    }\n\n    // Get all components that belong to this system\n    const components = await catalogApi.getEntities({\n      filter: {\n        kind: 'Component',\n        'spec.system': deploymentId,\n      },\n    });\n\n    // Get all resources that belong to this system\n    const resources = await catalogApi.getEntities({\n      filter: {\n        kind: 'Resource',\n        'spec.system': deploymentId,\n      },\n    });\n\n    // Combine and format the results\n    const allResources: DeploymentResource[] = [\n      ...components.items.map((component: Entity) => ({\n        name: component.metadata.name,\n        title: component.metadata.title || component.metadata.name,\n        kind: component.kind,\n        type: getEntityType(component),\n        namespace: component.metadata.namespace || 'default',\n      })),\n      ...resources.items.map((resource: Entity) => ({\n        name: resource.metadata.name,\n        title: resource.metadata.title || resource.metadata.name,\n        kind: resource.kind,\n        type: getEntityType(resource),\n        namespace: resource.metadata.namespace || 'default',\n      })),\n    ];\n\n    return allResources;\n  }, [deploymentId]);\n\n  if (!deploymentId) {\n    return (\n      <InfoCard title=\"VCF Automation Deployment\">\n        <Typography>No deployment ID found for this entity.</Typography>\n      </InfoCard>\n    );\n  }\n\n  if (detailsLoading || eventsLoading || permissionLoading || resourcesLoading) {\n    return (\n      <InfoCard title=\"VCF Automation Deployment\">\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (!hasViewPermission) {\n    return (\n      <InfoCard title=\"VCF Automation Deployment\">\n        <Typography>You don't have permission to view deployment information.</Typography>\n      </InfoCard>\n    );\n  }\n\n  if (detailsError || eventsError || resourcesError) {\n    return <ResponseErrorPanel error={detailsError ?? eventsError ?? resourcesError ?? new Error('Unknown error')} />;\n  }\n\n  const metadata: Record<string, any> = {\n    'Basic Information': {\n      Name: deploymentDetails?.name,\n      Description: deploymentDetails?.description || 'No description',\n      Status: deploymentDetails?.status,\n      'Owner Type': deploymentDetails?.ownerType,\n      'Owned By': deploymentDetails?.ownedBy,\n      'Project ID': deploymentDetails?.projectId,\n      'Blueprint ID': deploymentDetails?.blueprintId,\n      'Organization ID': deploymentDetails?.orgId,\n    },\n    'Timing Information': {\n      'Created By': deploymentDetails?.createdBy,\n      'Created At': deploymentDetails?.createdAt ? new Date(deploymentDetails.createdAt).toLocaleString() : '',\n      'Last Updated By': deploymentDetails?.lastUpdatedBy,\n      'Last Updated At': deploymentDetails?.lastUpdatedAt ? new Date(deploymentDetails.lastUpdatedAt).toLocaleString() : '',\n      'Lease Grace Period (Days)': deploymentDetails?.leaseGracePeriodDays,\n    },\n    'Expense Information': deploymentDetails?.expense ? {\n      'Total Expense': `${deploymentDetails.expense.totalExpense} ${deploymentDetails.expense.unit}`,\n      'Compute Expense': `${deploymentDetails.expense.computeExpense} ${deploymentDetails.expense.unit}`,\n      'Storage Expense': `${deploymentDetails.expense.storageExpense} ${deploymentDetails.expense.unit}`,\n      'Additional Expense': `${deploymentDetails.expense.additionalExpense} ${deploymentDetails.expense.unit}`,\n      'Last Updated': new Date(deploymentDetails.expense.lastUpdatedTime).toLocaleString(),\n    } : {},\n    'Input Parameters': deploymentDetails?.inputs || {},\n  };\n\n  return (\n    <Grid container spacing={3}>\n      <Grid item xs={12}>\n        <InfoCard title=\"Deployment Details\">\n          <StructuredMetadataTable metadata={metadata} />\n        </InfoCard>\n      </Grid>\n      <Grid item xs={12}>\n        <InfoCard title=\"Deployment Resources\">\n          {resources && resources.length > 0 ? (\n            <Table\n              columns={resourceColumns}\n              data={resources}\n              options={{\n                search: true,\n                paging: true,\n                pageSize: 10,\n                padding: 'dense',\n              }}\n            />\n          ) : (\n            <Typography>No resources found for this deployment.</Typography>\n          )}\n        </InfoCard>\n      </Grid>\n      <Grid item xs={12}>\n        <InfoCard title=\"Deployment Events\">\n          {eventsResponse?.content && eventsResponse.content.length > 0 ? (\n            <Table\n              columns={eventColumns}\n              data={eventsResponse.content}\n              options={{\n                search: true,\n                paging: true,\n                pageSize: eventsResponse.pageable?.pageSize || 10,\n                padding: 'dense',\n              }}\n            />\n          ) : (\n            <Typography>No deployment events available.</Typography>\n          )}\n        </InfoCard>\n      </Grid>\n    </Grid>\n  );\n}; "],"names":["resources"],"mappings":"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"}

package/dist/components/VCFAutomationDeploymentOverview.esm.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { useApi } from '@backstage/core-plugin-api';
+import { vcfAutomationApiRef } from '../api/VcfAutomationClient.esm.js';
+import { InfoCard, Progress, ResponseErrorPanel } from '@backstage/core-components';
+import { Typography, Grid } from '@material-ui/core';
+import useAsync from 'react-use/lib/useAsync';
+import { usePermission } from '@backstage/plugin-permission-react';
+import { viewDeploymentHistoryPermission } from '@terasky/backstage-plugin-vcf-automation-common';
+
+const VCFAutomationDeploymentOverview = () => {
+  const { entity } = useEntity();
+  const api = useApi(vcfAutomationApiRef);
+  const deploymentId = entity.metadata.name;
+  const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({
+    permission: viewDeploymentHistoryPermission
+  });
+  const { value: deploymentDetails, loading, error } = useAsync(async () => {
+    if (!deploymentId || !hasViewPermission) {
+      return void 0;
+    }
+    return await api.getDeploymentDetails(deploymentId);
+  }, [deploymentId, hasViewPermission]);
+  if (!deploymentId) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Typography, null, "No deployment ID found for this entity."));
+  }
+  if (loading || permissionLoading) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Progress, null));
+  }
+  if (!hasViewPermission) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Typography, null, "You don't have permission to view deployment details."));
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  if (!deploymentDetails) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Typography, null, "No deployment details available."));
+  }
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "Deployment Information")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Name"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.name)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Status"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.status)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Created By"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.createdBy)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Created At"), /* @__PURE__ */ React.createElement(Typography, null, new Date(deploymentDetails.createdAt).toLocaleString())), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Last Updated By"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.lastUpdatedBy)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Last Updated At"), /* @__PURE__ */ React.createElement(Typography, null, new Date(deploymentDetails.lastUpdatedAt).toLocaleString())), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "Expenses")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Total"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.expense?.totalExpense || "N/A", " ", deploymentDetails.expense?.unit || "")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Compute"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.expense?.computeExpense || "N/A", " ", deploymentDetails.expense?.unit || "")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Storage"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.expense?.storageExpense || "N/A", " ", deploymentDetails.expense?.unit || "")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Additional"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.expense?.additionalExpense || "N/A", " ", deploymentDetails.expense?.unit || ""))));
+};
+
+export { VCFAutomationDeploymentOverview };
+//# sourceMappingURL=VCFAutomationDeploymentOverview.esm.js.map

package/dist/components/VCFAutomationDeploymentOverview.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCFAutomationDeploymentOverview.esm.js","sources":["../../src/components/VCFAutomationDeploymentOverview.tsx"],"sourcesContent":["import React from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport { Grid, Typography } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { viewDeploymentHistoryPermission } from '@terasky/backstage-plugin-vcf-automation-common';\n\nexport const VCFAutomationDeploymentOverview = () => {\n  const { entity } = useEntity();\n  const api = useApi(vcfAutomationApiRef);\n  const deploymentId = entity.metadata.name;\n\n  const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({\n    permission: viewDeploymentHistoryPermission,\n  });\n\n  const { value: deploymentDetails, loading, error } = useAsync(async () => {\n    if (!deploymentId || !hasViewPermission) {\n      return undefined;\n    }\n    return await api.getDeploymentDetails(deploymentId);\n  }, [deploymentId, hasViewPermission]);\n\n  if (!deploymentId) {\n    return (\n      <InfoCard title=\"VCF Automation Deployment\">\n        <Typography>No deployment ID found for this entity.</Typography>\n      </InfoCard>\n    );\n  }\n\n  if (loading || permissionLoading) {\n    return (\n      <InfoCard title=\"VCF Automation Deployment\">\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (!hasViewPermission) {\n    return (\n      <InfoCard title=\"VCF Automation Deployment\">\n        <Typography>You don't have permission to view deployment details.</Typography>\n      </InfoCard>\n    );\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (!deploymentDetails) {\n    return (\n      <InfoCard title=\"VCF Automation Deployment\">\n        <Typography>No deployment details available.</Typography>\n      </InfoCard>\n    );\n  }\n\n  return (\n    <InfoCard title=\"VCF Automation Deployment\">\n      <Grid container spacing={2}>\n        <Grid item xs={12}>\n          <Typography variant=\"h6\">Deployment Information</Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Name</Typography>\n          <Typography>{deploymentDetails.name}</Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Status</Typography>\n          <Typography>{deploymentDetails.status}</Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Created By</Typography>\n          <Typography>{deploymentDetails.createdBy}</Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Created At</Typography>\n          <Typography>\n            {new Date(deploymentDetails.createdAt).toLocaleString()}\n          </Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Last Updated By</Typography>\n          <Typography>{deploymentDetails.lastUpdatedBy}</Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Last Updated At</Typography>\n          <Typography>\n            {new Date(deploymentDetails.lastUpdatedAt).toLocaleString()}\n          </Typography>\n        </Grid>\n        <Grid item xs={12}>\n          <Typography variant=\"h6\">Expenses</Typography>\n        </Grid>\n        <Grid item xs={3}>\n          <Typography variant=\"subtitle2\">Total</Typography>\n          <Typography>\n            {deploymentDetails.expense?.totalExpense || 'N/A'} {deploymentDetails.expense?.unit || ''}\n          </Typography>\n        </Grid>\n        <Grid item xs={3}>\n          <Typography variant=\"subtitle2\">Compute</Typography>\n          <Typography>\n            {deploymentDetails.expense?.computeExpense || 'N/A'} {deploymentDetails.expense?.unit || ''}\n          </Typography>\n        </Grid>\n        <Grid item xs={3}>\n          <Typography variant=\"subtitle2\">Storage</Typography>\n          <Typography>\n            {deploymentDetails.expense?.storageExpense || 'N/A'} {deploymentDetails.expense?.unit || ''}\n          </Typography>\n        </Grid>\n        <Grid item xs={3}>\n          <Typography variant=\"subtitle2\">Additional</Typography>\n          <Typography>\n            {deploymentDetails.expense?.additionalExpense || 'N/A'} {deploymentDetails.expense?.unit || ''}\n          </Typography>\n        </Grid>\n      </Grid>\n    </InfoCard>\n  );\n}; "],"names":[],"mappings":"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"}

package/dist/components/VCFAutomationGenericResourceDetails.esm.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { ResponseErrorPanel, Progress, InfoCard, StructuredMetadataTable } from '@backstage/core-components';
+import useAsync from 'react-use/lib/useAsync';
+import { useApi } from '@backstage/core-plugin-api';
+import { vcfAutomationApiRef } from '../api/VcfAutomationClient.esm.js';
+
+const formatValue = (value) => {
+  if (value === null) return "null";
+  if (typeof value === "undefined") return "undefined";
+  if (typeof value === "object") {
+    if (Array.isArray(value)) {
+      return value.map(formatValue);
+    }
+    const formattedObj = {};
+    Object.entries(value).forEach(([key, val]) => {
+      formattedObj[key] = formatValue(val);
+    });
+    return formattedObj;
+  }
+  if (typeof value === "string" && value.match(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/)) {
+    return new Date(value).toLocaleString();
+  }
+  return value;
+};
+const VCFAutomationGenericResourceDetails = () => {
+  const { entity } = useEntity();
+  const vcfAutomationApi = useApi(vcfAutomationApiRef);
+  const deploymentId = entity.spec?.system || "";
+  const resourceId = entity.metadata.name;
+  const { value: resourceData, loading, error } = useAsync(async () => {
+    if (!deploymentId || !resourceId) return void 0;
+    return await vcfAutomationApi.getGenericResourceDetails(deploymentId, resourceId);
+  }, [deploymentId, resourceId]);
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (!deploymentId || !resourceId) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No Resource Information" }, "This entity is not associated with a VCF resource.");
+  }
+  if (!resourceData) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No Data" }, "No resource details available.");
+  }
+  const formattedData = formatValue(resourceData);
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Resource Details" }, /* @__PURE__ */ React.createElement(StructuredMetadataTable, { metadata: formattedData }));
+};
+
+export { VCFAutomationGenericResourceDetails };
+//# sourceMappingURL=VCFAutomationGenericResourceDetails.esm.js.map

package/dist/components/VCFAutomationGenericResourceDetails.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCFAutomationGenericResourceDetails.esm.js","sources":["../../src/components/VCFAutomationGenericResourceDetails.tsx"],"sourcesContent":["import React from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n  StructuredMetadataTable,\n} from '@backstage/core-components';\nimport useAsync from 'react-use/lib/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\n\nconst formatValue = (value: any): any => {\n  if (value === null) return 'null';\n  if (typeof value === 'undefined') return 'undefined';\n  if (typeof value === 'object') {\n    if (Array.isArray(value)) {\n      return value.map(formatValue);\n    }\n    const formattedObj: Record<string, any> = {};\n    Object.entries(value).forEach(([key, val]) => {\n      formattedObj[key] = formatValue(val);\n    });\n    return formattedObj;\n  }\n  if (typeof value === 'string' && value.match(/^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}/)) {\n    return new Date(value).toLocaleString();\n  }\n  return value;\n};\n\nexport const VCFAutomationGenericResourceDetails = () => {\n  const { entity } = useEntity();\n  const vcfAutomationApi = useApi(vcfAutomationApiRef);\n  const deploymentId = entity.spec?.system || '';\n  const resourceId = entity.metadata.name;\n\n  const { value: resourceData, loading, error } = useAsync(async () => {\n    if (!deploymentId || !resourceId) return undefined;\n    return await vcfAutomationApi.getGenericResourceDetails(deploymentId as string, resourceId as string);\n  }, [deploymentId, resourceId]);\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (!deploymentId || !resourceId) {\n    return (\n      <InfoCard title=\"No Resource Information\">\n        This entity is not associated with a VCF resource.\n      </InfoCard>\n    );\n  }\n\n  if (!resourceData) {\n    return <InfoCard title=\"No Data\">No resource details available.</InfoCard>;\n  }\n\n  // Format all data for display\n  const formattedData = formatValue(resourceData);\n\n  return (\n    <InfoCard title=\"Resource Details\">\n      <StructuredMetadataTable metadata={formattedData} />\n    </InfoCard>\n  );\n}; "],"names":[],"mappings":";;;;;;;AAYA,MAAM,WAAA,GAAc,CAAC,KAAoB,KAAA;AACvC,EAAI,IAAA,KAAA,KAAU,MAAa,OAAA,MAAA;AAC3B,EAAI,IAAA,OAAO,KAAU,KAAA,WAAA,EAAoB,OAAA,WAAA;AACzC,EAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,IAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AACxB,MAAO,OAAA,KAAA,CAAM,IAAI,WAAW,CAAA;AAAA;AAE9B,IAAA,MAAM,eAAoC,EAAC;AAC3C,IAAO,MAAA,CAAA,OAAA,CAAQ,KAAK,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,GAAA,EAAK,GAAG,CAAM,KAAA;AAC5C,MAAa,YAAA,CAAA,GAAG,CAAI,GAAA,WAAA,CAAY,GAAG,CAAA;AAAA,KACpC,CAAA;AACD,IAAO,OAAA,YAAA;AAAA;AAET,EAAA,IAAI,OAAO,KAAU,KAAA,QAAA,IAAY,KAAM,CAAA,KAAA,CAAM,sCAAsC,CAAG,EAAA;AACpF,IAAA,OAAO,IAAI,IAAA,CAAK,KAAK,CAAA,CAAE,cAAe,EAAA;AAAA;AAExC,EAAO,OAAA,KAAA;AACT,CAAA;AAEO,MAAM,sCAAsC,MAAM;AACvD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAM,MAAA,YAAA,GAAe,MAAO,CAAA,IAAA,EAAM,MAAU,IAAA,EAAA;AAC5C,EAAM,MAAA,UAAA,GAAa,OAAO,QAAS,CAAA,IAAA;AAEnC,EAAA,MAAM,EAAE,KAAO,EAAA,YAAA,EAAc,SAAS,KAAM,EAAA,GAAI,SAAS,YAAY;AACnE,IAAA,IAAI,CAAC,YAAA,IAAgB,CAAC,UAAA,EAAmB,OAAA,KAAA,CAAA;AACzC,IAAA,OAAO,MAAM,gBAAA,CAAiB,yBAA0B,CAAA,YAAA,EAAwB,UAAoB,CAAA;AAAA,GACnG,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA;AAE7B,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA;AAAA;AAG3C,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA;AAGnB,EAAI,IAAA,CAAC,YAAgB,IAAA,CAAC,UAAY,EAAA;AAChC,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,yBAAA,EAAA,EAA0B,oDAE1C,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,YAAc,EAAA;AACjB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,SAAA,EAAA,EAAU,gCAA8B,CAAA;AAAA;AAIjE,EAAM,MAAA,aAAA,GAAgB,YAAY,YAAY,CAAA;AAE9C,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,YAAS,KAAM,EAAA,kBAAA,EAAA,sCACb,uBAAwB,EAAA,EAAA,QAAA,EAAU,eAAe,CACpD,CAAA;AAEJ;;;;"}

package/dist/components/VCFAutomationGenericResourceOverview.esm.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { ResponseErrorPanel, Progress, InfoCard, StructuredMetadataTable } from '@backstage/core-components';
+import useAsync from 'react-use/lib/useAsync';
+import { useApi } from '@backstage/core-plugin-api';
+import { vcfAutomationApiRef } from '../api/VcfAutomationClient.esm.js';
+
+const VCFAutomationGenericResourceOverview = () => {
+  const { entity } = useEntity();
+  const vcfAutomationApi = useApi(vcfAutomationApiRef);
+  const deploymentId = entity.spec?.system || "";
+  const resourceId = entity.metadata.name;
+  const { value: resourceData, loading, error } = useAsync(async () => {
+    if (!deploymentId || !resourceId) return void 0;
+    return await vcfAutomationApi.getGenericResourceDetails(deploymentId, resourceId);
+  }, [deploymentId, resourceId]);
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (!deploymentId || !resourceId) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No Resource Information" }, "This entity is not associated with a VCF resource.");
+  }
+  if (!resourceData) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No Data" }, "No resource details available.");
+  }
+  const overviewData = {};
+  if (resourceData.name) overviewData["Name"] = resourceData.name;
+  if (resourceData.type) overviewData["Type"] = resourceData.type;
+  if (resourceData.createdAt) overviewData["Created At"] = new Date(resourceData.createdAt).toLocaleString();
+  if (resourceData.syncStatus) overviewData["Sync Status"] = resourceData.syncStatus;
+  if (resourceData.origin) overviewData["Origin"] = resourceData.origin;
+  if (resourceData.status) overviewData["Status"] = resourceData.status;
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Resource Overview" }, /* @__PURE__ */ React.createElement(StructuredMetadataTable, { metadata: overviewData }));
+};
+
+export { VCFAutomationGenericResourceOverview };
+//# sourceMappingURL=VCFAutomationGenericResourceOverview.esm.js.map

package/dist/components/VCFAutomationGenericResourceOverview.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCFAutomationGenericResourceOverview.esm.js","sources":["../../src/components/VCFAutomationGenericResourceOverview.tsx"],"sourcesContent":["import React from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n  StructuredMetadataTable,\n} from '@backstage/core-components';\nimport useAsync from 'react-use/lib/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\n\nexport const VCFAutomationGenericResourceOverview = () => {\n  const { entity } = useEntity();\n  const vcfAutomationApi = useApi(vcfAutomationApiRef);\n  const deploymentId = entity.spec?.system || '';\n  const resourceId = entity.metadata.name;\n\n  const { value: resourceData, loading, error } = useAsync(async () => {\n    if (!deploymentId || !resourceId) return undefined;\n    return await vcfAutomationApi.getGenericResourceDetails(deploymentId as string, resourceId as string);\n  }, [deploymentId, resourceId]);\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (!deploymentId || !resourceId) {\n    return (\n      <InfoCard title=\"No Resource Information\">\n        This entity is not associated with a VCF resource.\n      </InfoCard>\n    );\n  }\n\n  if (!resourceData) {\n    return <InfoCard title=\"No Data\">No resource details available.</InfoCard>;\n  }\n\n  // Extract the overview fields if they exist\n  const overviewData: Record<string, any> = {};\n  \n  if (resourceData.name) overviewData['Name'] = resourceData.name;\n  if (resourceData.type) overviewData['Type'] = resourceData.type;\n  if (resourceData.createdAt) overviewData['Created At'] = new Date(resourceData.createdAt).toLocaleString();\n  if (resourceData.syncStatus) overviewData['Sync Status'] = resourceData.syncStatus;\n  if (resourceData.origin) overviewData['Origin'] = resourceData.origin;\n  if (resourceData.status) overviewData['Status'] = resourceData.status;\n\n  return (\n    <InfoCard title=\"Resource Overview\">\n      <StructuredMetadataTable metadata={overviewData} />\n    </InfoCard>\n  );\n}; "],"names":[],"mappings":";;;;;;;AAYO,MAAM,uCAAuC,MAAM;AACxD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAM,MAAA,YAAA,GAAe,MAAO,CAAA,IAAA,EAAM,MAAU,IAAA,EAAA;AAC5C,EAAM,MAAA,UAAA,GAAa,OAAO,QAAS,CAAA,IAAA;AAEnC,EAAA,MAAM,EAAE,KAAO,EAAA,YAAA,EAAc,SAAS,KAAM,EAAA,GAAI,SAAS,YAAY;AACnE,IAAA,IAAI,CAAC,YAAA,IAAgB,CAAC,UAAA,EAAmB,OAAA,KAAA,CAAA;AACzC,IAAA,OAAO,MAAM,gBAAA,CAAiB,yBAA0B,CAAA,YAAA,EAAwB,UAAoB,CAAA;AAAA,GACnG,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA;AAE7B,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA;AAAA;AAG3C,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA;AAGnB,EAAI,IAAA,CAAC,YAAgB,IAAA,CAAC,UAAY,EAAA;AAChC,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,yBAAA,EAAA,EAA0B,oDAE1C,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,YAAc,EAAA;AACjB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,SAAA,EAAA,EAAU,gCAA8B,CAAA;AAAA;AAIjE,EAAA,MAAM,eAAoC,EAAC;AAE3C,EAAA,IAAI,YAAa,CAAA,IAAA,EAAmB,YAAA,CAAA,MAAM,IAAI,YAAa,CAAA,IAAA;AAC3D,EAAA,IAAI,YAAa,CAAA,IAAA,EAAmB,YAAA,CAAA,MAAM,IAAI,YAAa,CAAA,IAAA;AAC3D,EAAI,IAAA,YAAA,CAAa,SAAW,EAAA,YAAA,CAAa,YAAY,CAAA,GAAI,IAAI,IAAK,CAAA,YAAA,CAAa,SAAS,CAAA,CAAE,cAAe,EAAA;AACzG,EAAA,IAAI,YAAa,CAAA,UAAA,EAAyB,YAAA,CAAA,aAAa,IAAI,YAAa,CAAA,UAAA;AACxE,EAAA,IAAI,YAAa,CAAA,MAAA,EAAqB,YAAA,CAAA,QAAQ,IAAI,YAAa,CAAA,MAAA;AAC/D,EAAA,IAAI,YAAa,CAAA,MAAA,EAAqB,YAAA,CAAA,QAAQ,IAAI,YAAa,CAAA,MAAA;AAE/D,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,YAAS,KAAM,EAAA,mBAAA,EAAA,sCACb,uBAAwB,EAAA,EAAA,QAAA,EAAU,cAAc,CACnD,CAAA;AAEJ;;;;"}