@backstage-community/plugin-mcp-chat 0.3.1 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-mcp-chat
 
+## 0.5.0
+
+### Minor Changes
+
+- 805e6fd: Add support for new frontend system
+
+## 0.4.0
+
+### Minor Changes
+
+- 158dbf4: Backstage version bump to v1.48.5
+
 ## 0.3.1
 
 ### Patch Changes

package/dist/alpha.d.ts

@@ -0,0 +1,84 @@
+/// <reference types="react" />
+import * as react from 'react';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+
+/**
+ * MCP Chat plugin.
+ @public
+ */
+declare const mcpChatPlugin: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {
+    "api:mcp-chat": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "api";
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        inputs: {};
+        params: <TApi, TImpl extends TApi, TDeps extends {
+            [x: string]: unknown;
+        }>(params: _backstage_frontend_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_frontend_plugin_api.AnyApiFactory>;
+    }>;
+    "nav-item:mcp-chat": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "nav-item";
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<{
+            title: string;
+            icon: _backstage_frontend_plugin_api.IconComponent;
+            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+        }, "core.nav-item.target", {}>;
+        inputs: {};
+        params: {
+            title: string;
+            icon: _backstage_frontend_plugin_api.IconComponent;
+            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+        };
+    }>;
+    "page:mcp-chat": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "page";
+        name: undefined;
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            title?: string | undefined;
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {
+            pages: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.title", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+                optional: true;
+            }>, {
+                singleton: false;
+                optional: false;
+                internal: false;
+            }>;
+        };
+        params: {
+            defaultPath?: [Error: "Use the 'path' param instead"] | undefined;
+            path: string;
+            title?: string | undefined;
+            icon?: _backstage_frontend_plugin_api.IconElement | undefined;
+            loader?: (() => Promise<react.JSX.Element>) | undefined;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams> | undefined;
+            noHeader?: boolean | undefined;
+        };
+    }>;
+}>;
+
+export { mcpChatPlugin as default };

package/dist/alpha.esm.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { ApiBlueprint, fetchApiRef, discoveryApiRef, PageBlueprint, NavItemBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { mcpChatApiRef } from './api/index.esm.js';
+import { McpChat } from './api/McpChatApi.esm.js';
+import { BotIconComponent } from './components/BotIcon/BotIcon.esm.js';
+import { rootRouteRef } from './routes.esm.js';
+
+const mcpChatApi = ApiBlueprint.make({
+  params: (defineParams) => defineParams({
+    api: mcpChatApiRef,
+    deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },
+    factory: ({ discoveryApi, fetchApi }) => new McpChat({ discoveryApi, fetchApi })
+  })
+});
+const mcpChatPage = PageBlueprint.make({
+  params: {
+    path: "/mcp-chat",
+    loader: () => import('./components/ChatPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.ChatPage, {})),
+    routeRef: rootRouteRef
+  }
+});
+const mcpChatNavItem = NavItemBlueprint.make({
+  params: {
+    title: "MCP Chat",
+    icon: BotIconComponent,
+    routeRef: rootRouteRef
+  }
+});
+const mcpChatPlugin = createFrontendPlugin({
+  pluginId: "mcp-chat",
+  extensions: [mcpChatApi, mcpChatPage, mcpChatNavItem],
+  routes: {
+    root: rootRouteRef
+  }
+});
+
+export { mcpChatPlugin as default };
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2026 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  ApiBlueprint,\n  createFrontendPlugin,\n  discoveryApiRef,\n  fetchApiRef,\n  NavItemBlueprint,\n  PageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport { mcpChatApiRef } from './api';\nimport { McpChat } from './api/McpChatApi';\nimport { BotIconComponent } from './components/BotIcon';\nimport { rootRouteRef } from './routes';\n\n/**\n * MCP Chat Api\n * @public\n */\nconst mcpChatApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: mcpChatApiRef,\n      deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new McpChat({ discoveryApi, fetchApi }),\n    }),\n});\n\n/**\n * MCP Chat Page\n * @public\n */\nconst mcpChatPage = PageBlueprint.make({\n  params: {\n    path: '/mcp-chat',\n    loader: () => import('./components/ChatPage').then(m => <m.ChatPage />),\n    routeRef: rootRouteRef,\n  },\n});\n\n/**\n * MCP Chat Nav Item\n * @public\n */\nconst mcpChatNavItem = NavItemBlueprint.make({\n  params: {\n    title: 'MCP Chat',\n    icon: BotIconComponent,\n    routeRef: rootRouteRef,\n  },\n});\n\n/**\n * MCP Chat plugin.\n @public\n */\nconst mcpChatPlugin = createFrontendPlugin({\n  pluginId: 'mcp-chat',\n  extensions: [mcpChatApi, mcpChatPage, mcpChatNavItem],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\nexport default mcpChatPlugin;\n"],"names":[],"mappings":";;;;;;;AAgCA,MAAM,UAAA,GAAa,aAAa,IAAA,CAAK;AAAA,EACnC,MAAA,EAAQ,kBACN,YAAA,CAAa;AAAA,IACX,GAAA,EAAK,aAAA;AAAA,IACL,IAAA,EAAM,EAAE,YAAA,EAAc,eAAA,EAAiB,UAAU,WAAA,EAAY;AAAA,IAC7D,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,QAAA,EAAS,KACjC,IAAI,OAAA,CAAQ,EAAE,YAAA,EAAc,QAAA,EAAU;AAAA,GACzC;AACL,CAAC,CAAA;AAMD,MAAM,WAAA,GAAc,cAAc,IAAA,CAAK;AAAA,EACrC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,WAAA;AAAA,IACN,MAAA,EAAQ,MAAM,OAAO,oCAAuB,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAAK,GAAA,CAAC,CAAA,CAAE,QAAA,EAAF,EAAW,CAAE,CAAA;AAAA,IACtE,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAMD,MAAM,cAAA,GAAiB,iBAAiB,IAAA,CAAK;AAAA,EAC3C,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO,UAAA;AAAA,IACP,IAAA,EAAM,gBAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAMD,MAAM,gBAAgB,oBAAA,CAAqB;AAAA,EACzC,QAAA,EAAU,UAAA;AAAA,EACV,UAAA,EAAY,CAAC,UAAA,EAAY,WAAA,EAAa,cAAc,CAAA;AAAA,EACpD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;;;;"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
-import { IconComponent } from '@backstage/core-plugin-api';
+import { ComponentType } from 'react';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 
 /**
  * MCP Chat plugin.
@@ -18,7 +19,9 @@ declare const McpChatPage: () => react_jsx_runtime.JSX.Element;
  * MCP Chat Icon
  * @public
  */
-declare const MCPChatIcon: IconComponent;
+declare const MCPChatIcon: ComponentType<{
+    fontSize?: 'medium' | 'large' | 'small' | 'inherit';
+}>;
 
 /**
  * MCP server connection types
@@ -182,7 +185,7 @@ interface McpChatApi {
 /**
  * @public
  */
-declare const mcpChatApiRef: _backstage_core_plugin_api.ApiRef<McpChatApi>;
+declare const mcpChatApiRef: _backstage_frontend_plugin_api.ApiRef<McpChatApi>;
 
 export { MCPChatIcon, MCPServerType, McpChatPage, mcpChatApiRef, mcpChatPlugin };
 export type { ChatMessage, ChatResponse, ConversationRecord, ConversationsResponse, MCPServer, MCPServerStatusData, McpChatApi, Provider, ProviderConnectionStatus, ProviderStatusData, Tool, ToolsResponse };

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2025 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  createPlugin,\n  createRoutableExtension,\n  createApiFactory,\n  discoveryApiRef,\n  fetchApiRef,\n  IconComponent,\n} from '@backstage/core-plugin-api';\n\nimport { rootRouteRef } from './routes';\nimport { mcpChatApiRef } from './api';\nimport { McpChat } from './api/McpChatApi';\nimport { BotIconComponent } from './components/BotIcon';\n\n/**\n * MCP Chat plugin.\n @public\n */\n\nexport const mcpChatPlugin = createPlugin({\n  id: 'mcp-chat',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: mcpChatApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new McpChat({ discoveryApi, fetchApi }),\n    }),\n  ],\n});\n\n/**\n * MCP Chat Page\n * @public\n */\nexport const McpChatPage = mcpChatPlugin.provide(\n  createRoutableExtension({\n    name: 'McpChatPage',\n    component: () => import('./components/ChatPage').then(m => m.ChatPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * MCP Chat Icon\n * @public\n */\nexport const MCPChatIcon: IconComponent = BotIconComponent;\n"],"names":[],"mappings":";;;;;;AAkCO,MAAM,gBAAgB,YAAA,CAAa;AAAA,EACxC,EAAA,EAAI,UAAA;AAAA,EACJ,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,aAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,YAAA,EAAc,eAAA;AAAA,QACd,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,QAAA,EAAS,KACjC,IAAI,OAAA,CAAQ,EAAE,YAAA,EAAc,QAAA,EAAU;AAAA,KACzC;AAAA;AAEL,CAAC;AAMM,MAAM,cAAc,aAAA,CAAc,OAAA;AAAA,EACvC,uBAAA,CAAwB;AAAA,IACtB,IAAA,EAAM,aAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,oCAAuB,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,QAAQ,CAAA;AAAA,IACrE,UAAA,EAAY;AAAA,GACb;AACH;AAMO,MAAM,WAAA,GAA6B;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2025 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 { ComponentType } from 'react';\nimport {\n  createPlugin,\n  createRoutableExtension,\n  createApiFactory,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\n\nimport { rootRouteRef } from './routes';\nimport { mcpChatApiRef } from './api';\nimport { McpChat } from './api/McpChatApi';\nimport { BotIconComponent } from './components/BotIcon';\n\n/**\n * MCP Chat plugin.\n @public\n */\n\nexport const mcpChatPlugin = createPlugin({\n  id: 'mcp-chat',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: mcpChatApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new McpChat({ discoveryApi, fetchApi }),\n    }),\n  ],\n});\n\n/**\n * MCP Chat Page\n * @public\n */\nexport const McpChatPage = mcpChatPlugin.provide(\n  createRoutableExtension({\n    name: 'McpChatPage',\n    component: () => import('./components/ChatPage').then(m => m.ChatPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * MCP Chat Icon\n * @public\n */\nexport const MCPChatIcon: ComponentType<{\n  fontSize?: 'medium' | 'large' | 'small' | 'inherit';\n}> = BotIconComponent;\n"],"names":[],"mappings":";;;;;;AAkCO,MAAM,gBAAgB,YAAA,CAAa;AAAA,EACxC,EAAA,EAAI,UAAA;AAAA,EACJ,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,aAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,YAAA,EAAc,eAAA;AAAA,QACd,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,QAAA,EAAS,KACjC,IAAI,OAAA,CAAQ,EAAE,YAAA,EAAc,QAAA,EAAU;AAAA,KACzC;AAAA;AAEL,CAAC;AAMM,MAAM,cAAc,aAAA,CAAc,OAAA;AAAA,EACvC,uBAAA,CAAwB;AAAA,IACtB,IAAA,EAAM,aAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,oCAAuB,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,QAAQ,CAAA;AAAA,IACrE,UAAA,EAAY;AAAA,GACb;AACH;AAMO,MAAM,WAAA,GAER;;;;"}

package/package.json

@@ -1,14 +1,36 @@
 {
   "name": "@backstage-community/plugin-mcp-chat",
   "description": "A Backstage plugin that provides a chat interface for interacting with the MCP Servers.",
-  "version": "0.3.1",
+  "version": "0.5.0",
   "license": "Apache-2.0",
-  "main": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
   "publishConfig": {
-    "access": "public",
-    "main": "dist/index.esm.js",
-    "types": "dist/index.d.ts"
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.esm.js"
+    },
+    "./alpha": {
+      "backstage": "@backstage/FrontendPlugin",
+      "import": "./dist/alpha.esm.js",
+      "types": "./dist/alpha.d.ts",
+      "default": "./dist/alpha.esm.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "alpha": [
+        "dist/alpha.d.ts"
+      ],
+      "package.json": [
+        "package.json"
+      ]
+    }
   },
   "backstage": {
     "role": "frontend-plugin",
@@ -17,7 +39,10 @@
     "pluginPackage": "@backstage-community/plugin-mcp-chat",
     "pluginPackages": [
       "@backstage-community/plugin-mcp-chat"
-    ]
+    ],
+    "features": {
+      "./alpha": "@backstage/FrontendPlugin"
+    }
   },
   "sideEffects": false,
   "scripts": {
@@ -30,10 +55,11 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.17.3",
-    "@backstage/core-plugin-api": "^1.10.8",
+    "@backstage/core-components": "^0.18.7",
+    "@backstage/core-plugin-api": "^1.12.3",
     "@backstage/errors": "^1.2.7",
-    "@backstage/theme": "^0.6.6",
+    "@backstage/frontend-plugin-api": "^0.14.1",
+    "@backstage/theme": "^0.7.2",
     "@mui/icons-material": "^5.17.1",
     "@mui/material": "^5.17.1",
     "react-markdown": "^10.1.0",
@@ -47,9 +73,9 @@
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.33.0",
-    "@backstage/dev-utils": "^1.1.11",
-    "@backstage/test-utils": "^1.7.8",
+    "@backstage/cli": "^0.35.4",
+    "@backstage/dev-utils": "^1.1.20",
+    "@backstage/test-utils": "^1.7.15",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",
@@ -82,12 +108,5 @@
     "Lucifergene"
   ],
   "author": "Avik Kundu",
-  "typesVersions": {
-    "*": {
-      "package.json": [
-        "package.json"
-      ]
-    }
-  },
   "module": "./dist/index.esm.js"
 }