@backstage-community/plugin-kafka 0.8.0 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @backstage-community/plugin-kafka
 
+## 0.9.0
+
+### Minor Changes
+
+- 6c22329: Backstage version bump to v1.43.2 and migrate the `kafka` plugin to the new frontend system.
+
 ## 0.8.0
 
 ### Minor Changes

package/README.md

@@ -114,6 +114,77 @@ kafka:
       dashboardUrl: https://dashboard.com
 ```
 
+## New Frontend System
+
+Follow these steps to detect and configure the Kafka plugin if you'd like to use it in an application that supports the new Backstage frontend system.
+
+### Package detection
+
+Once you install the `@backstage-community/plugin-kafka` package using your preferred package manager, you have to choose how the package should be detected by the app. The package can be automatically discovered when the feature discovery config is set, or it can be manually enabled via code (for more granular package customization cases, such as extension overrides).
+
+<table>
+  <tr>
+    <td>Via config</td>
+    <td>Via code</td>
+  </tr>
+  <tr>
+    <td>
+      <pre lang="yaml">
+        <code>
+# app-config.yaml
+  app:
+    # Enable package discovery for all plugins
+    packages: 'all'
+  ---
+  app:
+    # Enable package discovery only for Kafka
+    packages:
+      include:
+        - '@backstage-community/plugin-kafka'
+        </code>
+      </pre>
+    </td>
+    <td>
+      <pre lang="javascript">
+       <code>
+// packages/app/src/App.tsx
+import { createApp } from '@backstage/frontend-defaults';
+import kafkaPlugin from '@backstage-community/plugin-kafka/alpha';
+//...
+const app = createApp({
+  // ...
+  features: [
+    //...
+    kafkaPlugin,
+  ],
+});
+
+//...
+</code>
+
+</pre>
+</td>
+
+  </tr>
+</table>
+
+## Extensions config
+
+Currently, the plugin installs 3 extensions: 2 apis (Kafka and Kafka dashboard) and 1 entity page content (also known as entity page tab), see below examples of how to configure the available extensions.
+
+```yml
+# app-config.yaml
+app:
+  extensions:
+    # Example disabling the Kafka entity content
+    - 'entity-content:kafka': false
+    # Example customizing the Kafka entity content
+    - 'entity-content:kafka':
+        config:
+          path: '/events'
+          title: 'Events'
+```
+
 ## Features
 
 - List topics offsets and consumer group offsets for configured services.

package/dist/alpha/apis.esm.js

@@ -0,0 +1,23 @@
+import { ApiBlueprint, discoveryApiRef, identityApiRef, configApiRef } from '@backstage/frontend-plugin-api';
+import { kafkaApiRef, kafkaDashboardApiRef } from '../api/types.esm.js';
+import { KafkaBackendClient } from '../api/KafkaBackendClient.esm.js';
+import { KafkaDashboardClient } from '../api/KafkaDashboardClient.esm.js';
+
+const kafkaApi = ApiBlueprint.make({
+  params: (definedParams) => definedParams({
+    api: kafkaApiRef,
+    deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },
+    factory: ({ discoveryApi, identityApi }) => new KafkaBackendClient({ discoveryApi, identityApi })
+  })
+});
+const kafkaDashboardApi = ApiBlueprint.make({
+  name: "dashboard",
+  params: (definedParams) => definedParams({
+    api: kafkaDashboardApiRef,
+    deps: { configApi: configApiRef },
+    factory: ({ configApi }) => new KafkaDashboardClient({ configApi })
+  })
+});
+
+export { kafkaApi, kafkaDashboardApi };
+//# sourceMappingURL=apis.esm.js.map

package/dist/alpha/apis.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apis.esm.js","sources":["../../src/alpha/apis.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 */\n\nimport {\n  ApiBlueprint,\n  configApiRef,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { kafkaApiRef, kafkaDashboardApiRef } from '../api/types';\nimport { KafkaBackendClient } from '../api/KafkaBackendClient';\nimport { KafkaDashboardClient } from '../api/KafkaDashboardClient';\n\n/**\n * @alpha\n */\nexport const kafkaApi = ApiBlueprint.make({\n  params: definedParams =>\n    definedParams({\n      api: kafkaApiRef,\n      deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },\n      factory: ({ discoveryApi, identityApi }) =>\n        new KafkaBackendClient({ discoveryApi, identityApi }),\n    }),\n});\n\n/**\n * @alpha\n */\nexport const kafkaDashboardApi = ApiBlueprint.make({\n  name: 'dashboard',\n  params: definedParams =>\n    definedParams({\n      api: kafkaDashboardApiRef,\n      deps: { configApi: configApiRef },\n      factory: ({ configApi }) => new KafkaDashboardClient({ configApi }),\n    }),\n});\n"],"names":[],"mappings":";;;;;AA6Ba,MAAA,QAAA,GAAW,aAAa,IAAK,CAAA;AAAA,EACxC,MAAA,EAAQ,mBACN,aAAc,CAAA;AAAA,IACZ,GAAK,EAAA,WAAA;AAAA,IACL,IAAM,EAAA,EAAE,YAAc,EAAA,eAAA,EAAiB,aAAa,cAAe,EAAA;AAAA,IACnE,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,WAAA,EACxB,KAAA,IAAI,kBAAmB,CAAA,EAAE,YAAc,EAAA,WAAA,EAAa;AAAA,GACvD;AACL,CAAC;AAKY,MAAA,iBAAA,GAAoB,aAAa,IAAK,CAAA;AAAA,EACjD,IAAM,EAAA,WAAA;AAAA,EACN,MAAA,EAAQ,mBACN,aAAc,CAAA;AAAA,IACZ,GAAK,EAAA,oBAAA;AAAA,IACL,IAAA,EAAM,EAAE,SAAA,EAAW,YAAa,EAAA;AAAA,IAChC,OAAA,EAAS,CAAC,EAAE,SAAA,OAAgB,IAAI,oBAAA,CAAqB,EAAE,SAAA,EAAW;AAAA,GACnE;AACL,CAAC;;;;"}

package/dist/alpha/entityContents.esm.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { convertLegacyRouteRef, compatWrapper } from '@backstage/core-compat-api';
+import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
+import { rootCatalogKafkaRouteRef } from '../plugin.esm.js';
+import { KAFKA_CONSUMER_GROUP_ANNOTATION } from '../constants.esm.js';
+
+const kafkaEntityContent = EntityContentBlueprint.make({
+  params: {
+    path: "/kafka",
+    title: "Kafka",
+    routeRef: convertLegacyRouteRef(rootCatalogKafkaRouteRef),
+    filter: {
+      [`metadata.annotations.${KAFKA_CONSUMER_GROUP_ANNOTATION}`]: {
+        $exists: true
+      }
+    },
+    loader: async () => import('../Router.esm.js').then((m) => compatWrapper(/* @__PURE__ */ jsx(m.Router, {})))
+  }
+});
+
+export { kafkaEntityContent };
+//# sourceMappingURL=entityContents.esm.js.map

package/dist/alpha/entityContents.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entityContents.esm.js","sources":["../../src/alpha/entityContents.tsx"],"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 */\n\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport { rootCatalogKafkaRouteRef } from '../plugin';\nimport { KAFKA_CONSUMER_GROUP_ANNOTATION } from '../constants';\n\n/**\n * @alpha\n */\nexport const kafkaEntityContent = EntityContentBlueprint.make({\n  params: {\n    path: '/kafka',\n    title: 'Kafka',\n    routeRef: convertLegacyRouteRef(rootCatalogKafkaRouteRef),\n    filter: {\n      [`metadata.annotations.${KAFKA_CONSUMER_GROUP_ANNOTATION}`]: {\n        $exists: true,\n      },\n    },\n    loader: async () =>\n      import('../Router').then(m => compatWrapper(<m.Router />)),\n  },\n});\n"],"names":[],"mappings":";;;;;;AA2Ba,MAAA,kBAAA,GAAqB,uBAAuB,IAAK,CAAA;AAAA,EAC5D,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,QAAA;AAAA,IACN,KAAO,EAAA,OAAA;AAAA,IACP,QAAA,EAAU,sBAAsB,wBAAwB,CAAA;AAAA,IACxD,MAAQ,EAAA;AAAA,MACN,CAAC,CAAA,qBAAA,EAAwB,+BAA+B,CAAA,CAAE,GAAG;AAAA,QAC3D,OAAS,EAAA;AAAA;AACX,KACF;AAAA,IACA,MAAQ,EAAA,YACN,OAAO,kBAAW,CAAE,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,aAAA,iBAAe,GAAA,CAAA,CAAA,CAAE,MAAF,EAAA,EAAS,CAAE,CAAC;AAAA;AAE/D,CAAC;;;;"}

package/dist/alpha/plugin.esm.js

@@ -0,0 +1,17 @@
+import { convertLegacyRouteRefs } from '@backstage/core-compat-api';
+import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { rootCatalogKafkaRouteRef } from '../plugin.esm.js';
+import { kafkaApi, kafkaDashboardApi } from './apis.esm.js';
+import { kafkaEntityContent } from './entityContents.esm.js';
+
+const kafkaPlugin = createFrontendPlugin({
+  pluginId: "kafka",
+  info: { packageJson: () => import('../package.json.esm.js') },
+  extensions: [kafkaApi, kafkaDashboardApi, kafkaEntityContent],
+  routes: convertLegacyRouteRefs({
+    entityContent: rootCatalogKafkaRouteRef
+  })
+});
+
+export { kafkaPlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/alpha/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/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 */\n\nimport { convertLegacyRouteRefs } from '@backstage/core-compat-api';\nimport { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport { rootCatalogKafkaRouteRef } from '../plugin';\nimport { kafkaApi, kafkaDashboardApi } from './apis';\nimport { kafkaEntityContent } from './entityContents';\n\n/**\n * @alpha\n */\nexport const kafkaPlugin = createFrontendPlugin({\n  pluginId: 'kafka',\n  info: { packageJson: () => import('../../package.json') },\n  extensions: [kafkaApi, kafkaDashboardApi, kafkaEntityContent],\n  routes: convertLegacyRouteRefs({\n    entityContent: rootCatalogKafkaRouteRef,\n  }),\n});\n"],"names":[],"mappings":";;;;;;AAyBO,MAAM,cAAc,oBAAqB,CAAA;AAAA,EAC9C,QAAU,EAAA,OAAA;AAAA,EACV,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,wBAAoB,CAAE,EAAA;AAAA,EACxD,UAAY,EAAA,CAAC,QAAU,EAAA,iBAAA,EAAmB,kBAAkB,CAAA;AAAA,EAC5D,QAAQ,sBAAuB,CAAA;AAAA,IAC7B,aAAe,EAAA;AAAA,GAChB;AACH,CAAC;;;;"}

package/dist/alpha.d.ts

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import * as _backstage_catalog_model from '@backstage/catalog-model';
+import * as react from 'react';
+import * as _backstage_plugin_catalog_react_alpha from '@backstage/plugin-catalog-react/alpha';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+
+/**
+ * @alpha
+ */
+declare const kafkaPlugin: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
+    entityContent: _backstage_frontend_plugin_api.RouteRef<undefined>;
+}, {}, {
+    "api:kafka": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "api";
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_core_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        inputs: {};
+        params: <TApi, TImpl extends TApi, TDeps extends {
+            [x: string]: unknown;
+        }>(params: _backstage_core_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_core_plugin_api.AnyApiFactory>;
+    }>;
+    "api:kafka/dashboard": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "api";
+        name: "dashboard";
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_core_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        inputs: {};
+        params: <TApi, TImpl extends TApi, TDeps extends {
+            [x: string]: unknown;
+        }>(params: _backstage_core_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_core_plugin_api.AnyApiFactory>;
+    }>;
+    "entity-content:kafka": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "entity-content";
+        name: undefined;
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+            filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            group: string | false | undefined;
+        };
+        configInput: {
+            filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            title?: string | undefined;
+            path?: string | undefined;
+            group?: string | false | 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<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-group", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            defaultPath?: [Error: "Use the 'path' param instead"] | undefined;
+            path: string;
+            defaultTitle?: [Error: "Use the 'title' param instead"] | undefined;
+            title: string;
+            defaultGroup?: [Error: "Use the 'group' param instead"] | undefined;
+            group?: (string & {}) | "development" | "deployment" | "overview" | "documentation" | "operation" | "observability" | undefined;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams> | undefined;
+            filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | ((entity: _backstage_catalog_model.Entity) => boolean) | undefined;
+        };
+    }>;
+}>;
+
+export { kafkaPlugin as default };

package/dist/alpha.esm.js

@@ -0,0 +1,2 @@
+export { kafkaPlugin as default } from './alpha/plugin.esm.js';
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/package.json.esm.js

@@ -0,0 +1,110 @@
+var name = "@backstage-community/plugin-kafka";
+var version = "0.9.0";
+var description = "A Backstage plugin that integrates towards Kafka";
+var backstage = {
+	role: "frontend-plugin",
+	pluginId: "kafka",
+	pluginPackages: [
+		"@backstage-community/plugin-kafka",
+		"@backstage-community/plugin-kafka-backend"
+	]
+};
+var publishConfig = {
+	access: "public"
+};
+var exports = {
+	".": "./src/index.ts",
+	"./alpha": "./src/alpha/index.ts",
+	"./package.json": "./package.json"
+};
+var typesVersions = {
+	"*": {
+		alpha: [
+			"src/alpha/index.ts"
+		],
+		"package.json": [
+			"package.json"
+		]
+	}
+};
+var homepage = "https://backstage.io";
+var repository = {
+	type: "git",
+	url: "https://github.com/backstage/community-plugins",
+	directory: "workspaces/kafka/plugins/kafka"
+};
+var license = "Apache-2.0";
+var sideEffects = false;
+var main = "src/index.ts";
+var types = "src/index.ts";
+var files = [
+	"dist",
+	"config.d.ts"
+];
+var scripts = {
+	build: "backstage-cli package build",
+	clean: "backstage-cli package clean",
+	lint: "backstage-cli package lint",
+	prepack: "backstage-cli package prepack",
+	postpack: "backstage-cli package postpack",
+	start: "backstage-cli package start",
+	"start:alpha": "backstage-cli package start --entry-dir dev/alpha --config ./dev/alpha/app-config.yaml",
+	test: "backstage-cli package test"
+};
+var dependencies = {
+	"@backstage/catalog-model": "^1.7.5",
+	"@backstage/core-compat-api": "^0.5.2",
+	"@backstage/core-components": "^0.18.1",
+	"@backstage/core-plugin-api": "^1.11.0",
+	"@backstage/frontend-plugin-api": "^0.12.0",
+	"@backstage/plugin-catalog-react": "^1.21.1",
+	"@material-ui/core": "^4.12.2",
+	"@material-ui/icons": "^4.9.1",
+	"@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+	"react-use": "^17.2.4"
+};
+var devDependencies = {
+	"@backstage/cli": "patch:@backstage/cli@npm%3A0.34.3#~/.yarn/patches/@backstage-cli-npm-0.34.3-2b0ecb658a.patch",
+	"@backstage/dev-utils": "^1.1.14",
+	"@backstage/frontend-defaults": "^0.3.1",
+	"@backstage/plugin-catalog": "^1.31.3",
+	"@backstage/test-utils": "^1.7.11",
+	"@testing-library/dom": "^10.0.0",
+	"@testing-library/jest-dom": "^6.0.0",
+	"@testing-library/react": "^15.0.0",
+	"@types/react-dom": "^18.2.19",
+	"jest-when": "^3.1.0",
+	react: "^16.13.1 || ^17.0.0 || ^18.0.0",
+	"react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
+	"react-router-dom": "6.0.0-beta.0 || ^6.3.0"
+};
+var peerDependencies = {
+	react: "^16.13.1 || ^17.0.0 || ^18.0.0",
+	"react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
+	"react-router-dom": "6.0.0-beta.0 || ^6.3.0"
+};
+var configSchema = "config.d.ts";
+var _package = {
+	name: name,
+	version: version,
+	description: description,
+	backstage: backstage,
+	publishConfig: publishConfig,
+	exports: exports,
+	typesVersions: typesVersions,
+	homepage: homepage,
+	repository: repository,
+	license: license,
+	sideEffects: sideEffects,
+	main: main,
+	types: types,
+	files: files,
+	scripts: scripts,
+	dependencies: dependencies,
+	devDependencies: devDependencies,
+	peerDependencies: peerDependencies,
+	configSchema: configSchema
+};
+
+export { backstage, configSchema, _package as default, dependencies, description, devDependencies, exports, files, homepage, license, main, name, peerDependencies, publishConfig, repository, scripts, sideEffects, types, typesVersions, version };
+//# sourceMappingURL=package.json.esm.js.map

package/dist/package.json.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package.json.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-kafka",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "A Backstage plugin that integrates towards Kafka",
   "backstage": {
     "role": "frontend-plugin",
@@ -8,12 +8,37 @@
     "pluginPackages": [
       "@backstage-community/plugin-kafka",
       "@backstage-community/plugin-kafka-backend"
-    ]
+    ],
+    "features": {
+      "./alpha": "@backstage/FrontendPlugin"
+    }
   },
   "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"
+      ]
+    }
   },
   "homepage": "https://backstage.io",
   "repository": {
@@ -23,8 +48,8 @@
   },
   "license": "Apache-2.0",
   "sideEffects": false,
-  "main": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "config.d.ts"
@@ -36,22 +61,27 @@
     "prepack": "backstage-cli package prepack",
     "postpack": "backstage-cli package postpack",
     "start": "backstage-cli package start",
+    "start:alpha": "backstage-cli package start --entry-dir dev/alpha --config ./dev/alpha/app-config.yaml",
     "test": "backstage-cli package test"
   },
   "dependencies": {
     "@backstage/catalog-model": "^1.7.5",
-    "@backstage/core-components": "^0.17.4",
-    "@backstage/core-plugin-api": "^1.10.9",
-    "@backstage/plugin-catalog-react": "^1.19.1",
+    "@backstage/core-compat-api": "^0.5.2",
+    "@backstage/core-components": "^0.18.1",
+    "@backstage/core-plugin-api": "^1.11.0",
+    "@backstage/frontend-plugin-api": "^0.12.0",
+    "@backstage/plugin-catalog-react": "^1.21.1",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.33.1",
-    "@backstage/dev-utils": "^1.1.12",
-    "@backstage/test-utils": "^1.7.10",
+    "@backstage/cli": "patch:@backstage/cli@npm%3A0.34.3#~/.yarn/patches/@backstage-cli-npm-0.34.3-2b0ecb658a.patch",
+    "@backstage/dev-utils": "^1.1.14",
+    "@backstage/frontend-defaults": "^0.3.1",
+    "@backstage/plugin-catalog": "^1.31.3",
+    "@backstage/test-utils": "^1.7.11",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",
@@ -67,12 +97,5 @@
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
   "configSchema": "config.d.ts",
-  "typesVersions": {
-    "*": {
-      "package.json": [
-        "package.json"
-      ]
-    }
-  },
   "module": "./dist/index.esm.js"
 }