From 8ea3899944311d498554bdf19f891f5fdd9ec262 Mon Sep 17 00:00:00 2001 From: Patrik Oldsberg Date: Mon, 16 Mar 2026 12:49:20 +0100 Subject: [PATCH] Add BUI CSS to createDevApp Signed-off-by: Patrik Oldsberg Made-with: Cursor --- .changeset/add-frontend-dev-utils.md | 2 +- packages/frontend-dev-utils/package.json | 3 ++- packages/frontend-dev-utils/src/createDevApp.tsx | 3 +++ yarn.lock | 1 + 4 files changed, 7 insertions(+), 2 deletions(-) diff --git a/.changeset/add-frontend-dev-utils.md b/.changeset/add-frontend-dev-utils.md index 2ba6c3e5b6..310ab204a0 100644 --- a/.changeset/add-frontend-dev-utils.md +++ b/.changeset/add-frontend-dev-utils.md @@ -2,4 +2,4 @@ '@backstage/frontend-dev-utils': minor --- -Added `@backstage/frontend-dev-utils`, a new package that provides a minimal helper for wiring up a development app for frontend plugins using the new frontend system. It exports a `createDevApp` function that handles creating and rendering a development app from a `dev/` entry point. The dev app automatically bypasses the sign-in page. +Added `@backstage/frontend-dev-utils`, a new package that provides a minimal helper for wiring up a development app for frontend plugins using the new frontend system. It exports a `createDevApp` function that handles creating and rendering a development app from a `dev/` entry point. The dev app automatically bypasses the sign-in page and loads the `@backstage/ui` CSS. diff --git a/packages/frontend-dev-utils/package.json b/packages/frontend-dev-utils/package.json index 84e515cee1..33eadabbe2 100644 --- a/packages/frontend-dev-utils/package.json +++ b/packages/frontend-dev-utils/package.json @@ -38,7 +38,8 @@ "dependencies": { "@backstage/frontend-defaults": "workspace:^", "@backstage/frontend-plugin-api": "workspace:^", - "@backstage/plugin-app": "workspace:^" + "@backstage/plugin-app": "workspace:^", + "@backstage/ui": "workspace:^" }, "devDependencies": { "@backstage/cli": "workspace:^", diff --git a/packages/frontend-dev-utils/src/createDevApp.tsx b/packages/frontend-dev-utils/src/createDevApp.tsx index 078a9208cf..54eea25d06 100644 --- a/packages/frontend-dev-utils/src/createDevApp.tsx +++ b/packages/frontend-dev-utils/src/createDevApp.tsx @@ -14,6 +14,9 @@ * limitations under the License. */ +// eslint-disable-next-line @backstage/no-ui-css-imports-in-non-frontend +import '@backstage/ui/css/styles.css'; + import { FrontendFeature, FrontendFeatureLoader, diff --git a/yarn.lock b/yarn.lock index b54ad39bba..771285702f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3680,6 +3680,7 @@ __metadata: "@backstage/frontend-plugin-api": "workspace:^" "@backstage/plugin-app": "workspace:^" "@backstage/test-utils": "workspace:^" + "@backstage/ui": "workspace:^" "@testing-library/jest-dom": "npm:^6.0.0" "@testing-library/react": "npm:^16.0.0" "@types/react": "npm:^18.0.0"