@mexl/backstage-plugin-mcp-frontend
Version:
Enhanced Backstage frontend plugin for MCP (Model Context Protocol) entity visualization with JSON/Text toggle, syntax highlighting, and VSCode integration
32 lines (29 loc) • 2.64 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { Grid } from '@material-ui/core';
import { EntityLayout, EntityAboutCard, EntityLinksCard, EntityDependsOnComponentsCard, EntityDependsOnResourcesCard, EntityHasComponentsCard } from '@backstage/plugin-catalog';
import { MCPOverviewCard } from './cards/MCPOverviewCard.esm.js';
import { MCPCapabilitiesCard } from './cards/MCPCapabilitiesCard.esm.js';
import { MCPConfigurationCard } from './cards/MCPConfigurationCard.esm.js';
import { MCPClientConfigCard } from './cards/MCPClientConfigCard.esm.js';
import { MCPMetadataCard } from './cards/MCPMetadataCard.esm.js';
const overviewContent = /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, alignItems: "stretch", children: [
/* @__PURE__ */ jsx(Grid, { item: true, md: 6, xs: 12, children: /* @__PURE__ */ jsx(MCPOverviewCard, {}) }),
/* @__PURE__ */ jsx(Grid, { item: true, md: 6, xs: 12, children: /* @__PURE__ */ jsx(EntityAboutCard, { variant: "gridItem" }) }),
/* @__PURE__ */ jsx(Grid, { item: true, md: 6, xs: 12, children: /* @__PURE__ */ jsx(MCPCapabilitiesCard, {}) }),
/* @__PURE__ */ jsx(Grid, { item: true, md: 6, xs: 12, children: /* @__PURE__ */ jsx(MCPConfigurationCard, {}) }),
/* @__PURE__ */ jsx(Grid, { item: true, md: 6, xs: 12, children: /* @__PURE__ */ jsx(MCPClientConfigCard, {}) }),
/* @__PURE__ */ jsx(Grid, { item: true, md: 6, xs: 12, children: /* @__PURE__ */ jsx(MCPMetadataCard, {}) }),
/* @__PURE__ */ jsx(Grid, { item: true, md: 6, xs: 12, children: /* @__PURE__ */ jsx(EntityLinksCard, { variant: "gridItem" }) }),
/* @__PURE__ */ jsx(Grid, { item: true, md: 6, xs: 12, children: /* @__PURE__ */ jsx(MCPMetadataCard, {}) })
] });
const dependenciesContent = /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, alignItems: "stretch", children: [
/* @__PURE__ */ jsx(Grid, { item: true, md: 6, xs: 12, children: /* @__PURE__ */ jsx(EntityDependsOnComponentsCard, { variant: "gridItem" }) }),
/* @__PURE__ */ jsx(Grid, { item: true, md: 6, xs: 12, children: /* @__PURE__ */ jsx(EntityDependsOnResourcesCard, { variant: "gridItem" }) }),
/* @__PURE__ */ jsx(Grid, { item: true, md: 6, xs: 12, children: /* @__PURE__ */ jsx(EntityHasComponentsCard, { variant: "gridItem" }) })
] });
const MCPEntityPage = () => /* @__PURE__ */ jsxs(EntityLayout, { children: [
/* @__PURE__ */ jsx(EntityLayout.Route, { path: "/", title: "Overview", children: overviewContent }),
/* @__PURE__ */ jsx(EntityLayout.Route, { path: "/dependencies", title: "Dependencies", children: dependenciesContent })
] });
export { MCPEntityPage };
//# sourceMappingURL=MCPEntityPage.esm.js.map