UNPKG

@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
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