config-viewer - version:bump to v1.48.3 (#143)

christoph-jerolimov · web-flow · commit abb9ac503ae7 · 2026-02-28T17:19:45.000+01:00
* v1.48.3 version bump

* chore(config-viewer): switch to node 22 and 24

Signed-off-by: Christoph Jerolimov &lt;jerolimov+git@gmail.com&gt;

* chore(config-viewer): remove unused dependencies

Signed-off-by: Christoph Jerolimov &lt;jerolimov+git@gmail.com&gt;

* chore(config-viewer): migrate from mui to bui

Signed-off-by: Christoph Jerolimov &lt;jerolimov+git@gmail.com&gt;

---------

Signed-off-by: Christoph Jerolimov &lt;jerolimov+git@gmail.com&gt;
diff --git a/workspaces/config-viewer/.changeset/chatty-rabbits-obey.md b/workspaces/config-viewer/.changeset/chatty-rabbits-obey.md
@@ -0,0 +1,5 @@
+---
+'@proberaum/backstage-plugin-config-viewer': minor
+---
+
+Switch the page header from Backstage core components to Backstage UI.
diff --git a/workspaces/config-viewer/.changeset/version-bump-1-48-3.md b/workspaces/config-viewer/.changeset/version-bump-1-48-3.md
@@ -0,0 +1,6 @@
+---
+'@proberaum/backstage-plugin-config-viewer': minor
+'@proberaum/backstage-plugin-config-viewer-backend': minor
+---
+
+Backstage version bump to v1.48.3
diff --git a/workspaces/config-viewer/backstage.json b/workspaces/config-viewer/backstage.json
@@ -1,3 +1,3 @@
 {
-  "version": "1.45.0"
+  "version": "1.48.3"
 }
diff --git a/workspaces/config-viewer/package.json b/workspaces/config-viewer/package.json
@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "private": true,
   "engines": {
-    "node": "20 || 22"
+    "node": "22 || 24"
   },
   "scripts": {
     "start": "backstage-cli repo start",
@@ -36,9 +36,9 @@
     "directory": "workspaces/config-viewer"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.34.5",
-    "@backstage/e2e-test-utils": "^0.1.1",
-    "@backstage/repo-tools": "^0.16.0",
+    "@backstage/cli": "^0.35.4",
+    "@backstage/e2e-test-utils": "^0.1.2",
+    "@backstage/repo-tools": "^0.16.5",
     "@changesets/cli": "^2.27.1",
     "knip": "^5.27.4",
     "node-gyp": "^10.0.0",
diff --git a/workspaces/config-viewer/packages/app/package.json b/workspaces/config-viewer/packages/app/package.json
@@ -19,33 +19,33 @@
     "lint": "backstage-cli package lint"
   },
   "dependencies": {
-    "@backstage/app-defaults": "^1.7.2",
+    "@backstage/app-defaults": "^1.7.5",
     "@backstage/catalog-model": "^1.7.6",
-    "@backstage/cli": "^0.34.5",
-    "@backstage/core-app-api": "^1.19.2",
-    "@backstage/core-components": "^0.18.3",
-    "@backstage/core-plugin-api": "^1.12.0",
-    "@backstage/integration-react": "^1.2.12",
-    "@backstage/plugin-api-docs": "^0.13.1",
-    "@backstage/plugin-catalog": "^1.32.0",
-    "@backstage/plugin-catalog-common": "^1.1.7",
-    "@backstage/plugin-catalog-graph": "^0.5.3",
-    "@backstage/plugin-catalog-import": "^0.13.7",
-    "@backstage/plugin-catalog-react": "^1.21.3",
-    "@backstage/plugin-kubernetes": "^0.12.13",
-    "@backstage/plugin-notifications": "^0.5.11",
-    "@backstage/plugin-org": "^0.6.46",
-    "@backstage/plugin-permission-react": "^0.4.38",
-    "@backstage/plugin-scaffolder": "^1.34.3",
-    "@backstage/plugin-search": "^1.5.0",
-    "@backstage/plugin-search-react": "^1.10.0",
-    "@backstage/plugin-signals": "^0.0.25",
-    "@backstage/plugin-techdocs": "^1.16.0",
-    "@backstage/plugin-techdocs-module-addons-contrib": "^1.1.30",
-    "@backstage/plugin-techdocs-react": "^1.3.5",
-    "@backstage/plugin-user-settings": "^0.8.29",
-    "@backstage/theme": "^0.7.0",
-    "@backstage/ui": "^0.9.0",
+    "@backstage/cli": "^0.35.4",
+    "@backstage/core-app-api": "^1.19.5",
+    "@backstage/core-components": "^0.18.7",
+    "@backstage/core-plugin-api": "^1.12.3",
+    "@backstage/integration-react": "^1.2.15",
+    "@backstage/plugin-api-docs": "^0.13.4",
+    "@backstage/plugin-catalog": "^1.33.1",
+    "@backstage/plugin-catalog-common": "^1.1.8",
+    "@backstage/plugin-catalog-graph": "^0.5.7",
+    "@backstage/plugin-catalog-import": "^0.13.10",
+    "@backstage/plugin-catalog-react": "^2.0.0",
+    "@backstage/plugin-kubernetes": "^0.12.16",
+    "@backstage/plugin-notifications": "^0.5.14",
+    "@backstage/plugin-org": "^0.6.49",
+    "@backstage/plugin-permission-react": "^0.4.40",
+    "@backstage/plugin-scaffolder": "^1.35.4",
+    "@backstage/plugin-search": "^1.6.1",
+    "@backstage/plugin-search-react": "^1.10.4",
+    "@backstage/plugin-signals": "^0.0.28",
+    "@backstage/plugin-techdocs": "^1.17.0",
+    "@backstage/plugin-techdocs-module-addons-contrib": "^1.1.33",
+    "@backstage/plugin-techdocs-react": "^1.3.8",
+    "@backstage/plugin-user-settings": "^0.9.0",
+    "@backstage/theme": "^0.7.2",
+    "@backstage/ui": "^0.12.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@proberaum/backstage-plugin-config-viewer": "workspace:^",
@@ -55,7 +55,7 @@
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@backstage/test-utils": "^1.7.13",
+    "@backstage/test-utils": "^1.7.15",
     "@playwright/test": "^1.32.3",
     "@testing-library/dom": "^9.0.0",
     "@testing-library/jest-dom": "^6.0.0",
diff --git a/workspaces/config-viewer/packages/backend/knip-report.md b/workspaces/config-viewer/packages/backend/knip-report.md
@@ -1,6 +1,6 @@
 # Knip report
 
-## Unused dependencies (10)
+## Unused dependencies (9)
 
 | Name                                                  | Location          | Severity |
 | :---------------------------------------------------- | :---------------- | :------- |
@@ -10,7 +10,6 @@
 | @backstage/plugin-permission-node                     | package.json:39:6 | error    |
 | @backstage/plugin-auth-node                           | package.json:30:6 | error    |
 | @backstage/config                                     | package.json:25:6 | error    |
-| better-sqlite3                                        | package.json:53:6 | error    |
 | node-gyp                                              | package.json:54:6 | error    |
 | app                                                   | package.json:52:6 | error    |
 | pg                                                    | package.json:55:6 | error    |
diff --git a/workspaces/config-viewer/packages/backend/package.json b/workspaces/config-viewer/packages/backend/package.json
@@ -21,41 +21,41 @@
     "build-image": "docker build ../.. -f Dockerfile --tag backstage"
   },
   "dependencies": {
-    "@backstage/backend-defaults": "^0.13.1",
+    "@backstage/backend-defaults": "^0.15.2",
     "@backstage/config": "^1.3.6",
-    "@backstage/plugin-app-backend": "^0.5.8",
-    "@backstage/plugin-auth-backend": "^0.25.6",
-    "@backstage/plugin-auth-backend-module-github-provider": "^0.3.9",
-    "@backstage/plugin-auth-backend-module-guest-provider": "^0.2.14",
-    "@backstage/plugin-auth-node": "^0.6.9",
-    "@backstage/plugin-catalog-backend": "^3.2.0",
-    "@backstage/plugin-catalog-backend-module-logs": "^0.1.16",
-    "@backstage/plugin-catalog-backend-module-scaffolder-entity-model": "^0.2.14",
-    "@backstage/plugin-kubernetes-backend": "^0.20.4",
-    "@backstage/plugin-notifications-backend": "^0.6.0",
-    "@backstage/plugin-permission-backend": "^0.7.6",
-    "@backstage/plugin-permission-backend-module-allow-all-policy": "^0.2.14",
-    "@backstage/plugin-permission-common": "^0.9.3",
-    "@backstage/plugin-permission-node": "^0.10.6",
-    "@backstage/plugin-proxy-backend": "^0.6.8",
-    "@backstage/plugin-scaffolder-backend": "^3.0.1",
-    "@backstage/plugin-scaffolder-backend-module-github": "^0.9.2",
-    "@backstage/plugin-scaffolder-backend-module-notifications": "^0.1.16",
-    "@backstage/plugin-search-backend": "^2.0.8",
-    "@backstage/plugin-search-backend-module-catalog": "^0.3.10",
-    "@backstage/plugin-search-backend-module-pg": "^0.5.50",
-    "@backstage/plugin-search-backend-module-techdocs": "^0.4.8",
-    "@backstage/plugin-search-backend-node": "^1.3.17",
-    "@backstage/plugin-signals-backend": "^0.3.10",
-    "@backstage/plugin-techdocs-backend": "^2.1.2",
+    "@backstage/plugin-app-backend": "^0.5.11",
+    "@backstage/plugin-auth-backend": "^0.27.0",
+    "@backstage/plugin-auth-backend-module-github-provider": "^0.5.0",
+    "@backstage/plugin-auth-backend-module-guest-provider": "^0.2.16",
+    "@backstage/plugin-auth-node": "^0.6.13",
+    "@backstage/plugin-catalog-backend": "^3.4.0",
+    "@backstage/plugin-catalog-backend-module-logs": "^0.1.19",
+    "@backstage/plugin-catalog-backend-module-scaffolder-entity-model": "^0.2.17",
+    "@backstage/plugin-kubernetes-backend": "^0.21.1",
+    "@backstage/plugin-notifications-backend": "^0.6.2",
+    "@backstage/plugin-permission-backend": "^0.7.9",
+    "@backstage/plugin-permission-backend-module-allow-all-policy": "^0.2.16",
+    "@backstage/plugin-permission-common": "^0.9.6",
+    "@backstage/plugin-permission-node": "^0.10.10",
+    "@backstage/plugin-proxy-backend": "^0.6.10",
+    "@backstage/plugin-scaffolder-backend": "^3.1.3",
+    "@backstage/plugin-scaffolder-backend-module-github": "^0.9.6",
+    "@backstage/plugin-scaffolder-backend-module-notifications": "^0.1.19",
+    "@backstage/plugin-search-backend": "^2.0.12",
+    "@backstage/plugin-search-backend-module-catalog": "^0.3.12",
+    "@backstage/plugin-search-backend-module-pg": "^0.5.52",
+    "@backstage/plugin-search-backend-module-techdocs": "^0.4.11",
+    "@backstage/plugin-search-backend-node": "^1.4.1",
+    "@backstage/plugin-signals-backend": "^0.3.12",
+    "@backstage/plugin-techdocs-backend": "^2.1.5",
     "@proberaum/backstage-plugin-config-viewer-backend": "workspace:^",
     "app": "link:../app",
     "better-sqlite3": "^12.0.0",
     "node-gyp": "^10.0.0",
     "pg": "^8.11.3"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.34.5"
+    "@backstage/cli": "^0.35.4"
   },
   "files": [
     "dist"
diff --git a/workspaces/config-viewer/plugins/config-viewer-backend/package.json b/workspaces/config-viewer/plugins/config-viewer-backend/package.json
@@ -32,19 +32,19 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage/backend-defaults": "^0.13.1",
-    "@backstage/backend-plugin-api": "^1.5.0",
-    "@backstage/catalog-client": "^1.12.1",
+    "@backstage/backend-defaults": "^0.15.2",
+    "@backstage/backend-plugin-api": "^1.7.0",
+    "@backstage/catalog-client": "^1.13.0",
     "@backstage/errors": "^1.2.7",
-    "@backstage/plugin-catalog-node": "^1.20.0",
+    "@backstage/plugin-catalog-node": "^2.0.0",
     "express": "^4.17.1",
     "express-promise-router": "^4.1.0",
     "glob": "^11.0.3",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@backstage/backend-test-utils": "^1.10.0",
-    "@backstage/cli": "^0.34.5",
+    "@backstage/backend-test-utils": "^1.11.0",
+    "@backstage/cli": "^0.35.4",
     "@types/express": "^4.17.6",
     "@types/supertest": "^2.0.12",
     "supertest": "^6.2.4"
diff --git a/workspaces/config-viewer/plugins/config-viewer/knip-report.md b/workspaces/config-viewer/plugins/config-viewer/knip-report.md
@@ -1,20 +1,14 @@
 # Knip report
 
-## Unused dependencies (1)
-
-| Name      | Location          | Severity |
-| :-------- | :---------------- | :------- |
-| react-use | package.json:40:6 | error    |
-
 ## Unused devDependencies (5)
 
 | Name                        | Location          | Severity |
 | :-------------------------- | :---------------- | :------- |
-| @testing-library/user-event | package.json:53:6 | error    |
-| @backstage/core-app-api     | package.json:48:6 | error    |
-| @testing-library/react      | package.json:52:6 | error    |
-| @backstage/test-utils       | package.json:50:6 | error    |
-| msw                         | package.json:54:6 | error    |
+| @testing-library/user-event | package.json:52:6 | error    |
+| @backstage/core-app-api     | package.json:47:6 | error    |
+| @testing-library/react      | package.json:51:6 | error    |
+| @backstage/test-utils       | package.json:49:6 | error    |
+| msw                         | package.json:53:6 | error    |
 
 ## Unlisted dependencies (1)
 
diff --git a/workspaces/config-viewer/plugins/config-viewer/package.json b/workspaces/config-viewer/plugins/config-viewer/package.json
@@ -33,21 +33,20 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.18.3",
-    "@backstage/core-plugin-api": "^1.12.0",
-    "@backstage/theme": "^0.7.0",
-    "@backstage/ui": "^0.9.0",
-    "react-use": "^17.2.4",
+    "@backstage/core-components": "^0.18.7",
+    "@backstage/core-plugin-api": "^1.12.3",
+    "@backstage/theme": "^0.7.2",
+    "@backstage/ui": "^0.12.0",
     "yaml": "^2.8.1"
   },
   "peerDependencies": {
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.34.5",
-    "@backstage/core-app-api": "^1.19.2",
-    "@backstage/dev-utils": "^1.1.17",
-    "@backstage/test-utils": "^1.7.13",
+    "@backstage/cli": "^0.35.4",
+    "@backstage/core-app-api": "^1.19.5",
+    "@backstage/dev-utils": "^1.1.20",
+    "@backstage/test-utils": "^1.7.15",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",
diff --git a/workspaces/config-viewer/plugins/config-viewer/report.api.md b/workspaces/config-viewer/plugins/config-viewer/report.api.md
@@ -6,8 +6,8 @@
 import { BackstagePlugin } from '@backstage/core-plugin-api';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { RouteRef } from '@backstage/core-plugin-api';
-import { TranslationRef } from '@backstage/core-plugin-api/alpha';
-import { TranslationResource } from '@backstage/core-plugin-api/alpha';
+import { TranslationRef } from '@backstage/frontend-plugin-api';
+import { TranslationResource } from '@backstage/frontend-plugin-api';
 
 // @public (undocumented)
 export const ConfigViewerPage: () => JSX_2.Element;
@@ -26,8 +26,6 @@ export const configViewerTranslationRef: TranslationRef<
   'plugin.config-viewer.translation-ref',
   {
     readonly 'page.title': 'Config viewer';
-    readonly 'page.subtitleWithoutAppTitle': 'Inspect configuration files';
-    readonly 'page.subtitleWithAppTitle': 'Inspect configuration files of {{appTitle}}';
     readonly 'sidebar.title': 'Config viewer';
     readonly 'common.filterPlaceholder': 'Filter config keys';
   }
diff --git a/workspaces/config-viewer/plugins/config-viewer/src/components/ConfigViewerContent.tsx b/workspaces/config-viewer/plugins/config-viewer/src/components/ConfigViewerContent.tsx
@@ -4,7 +4,7 @@ import { useLocation } from 'react-router-dom';
 import { CodeSnippet, useQueryParamState } from '@backstage/core-components';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { Tabs, TabList, Tab, SearchField } from '@backstage/ui';
+import { Tabs, TabList, Tab, SearchField, Flex } from '@backstage/ui';
 
 import YAML from 'yaml';
 
@@ -50,26 +50,23 @@ export const ConfigViewerContent = () => {
   searchParams.delete('filename');
 
   return (
-    <>
+    <Flex direction="column" gap="5" py="5">
       {files && files.length > 0 ? (
-        <>
-          <Tabs selectedKey={filename ?? frontendTabKey}>
-            <TabList>
-              <Tab id={frontendTabKey} href={`?${searchParams}`}>
-                Frontend config
-              </Tab>
-              {files.map(file => {
-                searchParams.set('filename', file);
-                return (
-                  <Tab key={file} id={file} href={`?${searchParams}`}>
-                    {file}
-                  </Tab>
-                );
-              })}
-            </TabList>
-          </Tabs>
-          <br />
-        </>
+        <Tabs selectedKey={filename ?? frontendTabKey}>
+          <TabList>
+            <Tab id={frontendTabKey} href={`?${searchParams}`}>
+              Frontend config
+            </Tab>
+            {files.map(file => {
+              searchParams.set('filename', file);
+              return (
+                <Tab key={file} id={file} href={`?${searchParams}`}>
+                  {file}
+                </Tab>
+              );
+            })}
+          </TabList>
+        </Tabs>
       ) : null}
 
       <SearchField
@@ -83,6 +80,6 @@ export const ConfigViewerContent = () => {
         showLineNumbers
         showCopyCodeButton
       />
-    </>
+    </Flex>
   );
 };
diff --git a/workspaces/config-viewer/plugins/config-viewer/src/components/ConfigViewerPage.tsx b/workspaces/config-viewer/plugins/config-viewer/src/components/ConfigViewerPage.tsx
@@ -1,25 +1,20 @@
-import { Page, Header, Content } from '@backstage/core-components';
+import { HeaderPage, Container } from '@backstage/ui';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 import { configViewerTranslationRef } from '../translations';
 
 import { ConfigViewerContent } from './ConfigViewerContent';
-import { configApiRef, useApi } from '@backstage/core-plugin-api';
 
 export const ConfigViewerPage = () => {
   const { t } = useTranslationRef(configViewerTranslationRef);
-  const appTitle = useApi(configApiRef).getOptionalString('app.title');
   const pageTitle = t('page.title');
-  const pageSubtitle = appTitle
-    ? t('page.subtitleWithAppTitle', { appTitle })
-    : t('page.subtitleWithoutAppTitle');
 
   return (
-    <Page themeId="tool">
-      <Header title={pageTitle} subtitle={pageSubtitle} />
-      <Content>
+    <>
+      <HeaderPage title={pageTitle} />
+      <Container>
         <ConfigViewerContent />
-      </Content>
-    </Page>
+      </Container>
+    </>
   );
 };
diff --git a/workspaces/config-viewer/plugins/config-viewer/src/translations/de.ts b/workspaces/config-viewer/plugins/config-viewer/src/translations/de.ts
@@ -8,9 +8,6 @@ const de = createTranslationMessages({
   messages: {
     'sidebar.title': 'Konfiguration',
     'page.title': 'Konfiguration',
-    'page.subtitleWithoutAppTitle': 'Einsicht in Konfigurationsdateien',
-    'page.subtitleWithAppTitle':
-      'Einsicht in Konfigurationsdateien von {{appTitle}}',
     'common.filterPlaceholder': 'Konfiguration filtern',
   },
 });
diff --git a/workspaces/config-viewer/plugins/config-viewer/src/translations/ref.ts b/workspaces/config-viewer/plugins/config-viewer/src/translations/ref.ts
diff --git a/workspaces/config-viewer/yarn.lock b/workspaces/config-viewer/yarn.lock

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@proberaum/backstage-plugin-config-viewer': minor
 +---
++
 +Switch the page header from Backstage core components to Backstage UI.
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`{`
`2`		`- "version": "1.45.0"`
	`2`	`+ "version": "1.48.3"`
`3`	`3`	`}`