Merge pull request #34077 from backstage/mob/workspaces

workspaces: introduce isolated ui workspace

.eslintignore

@@ -8,6 +8,7 @@
 **/public/**
 **/microsite/**
 **/docs-ui/**
+**/workspaces/**
 **/templates/**
 **/sample-templates/**
 playwright.config.ts

.github/CODEOWNERS

@@ -86,6 +86,7 @@ yarn.lock                                         @backstage/maintainers @backst
 /plugins/user-settings-common                     @backstage/maintainers @backstage/sda-se-reviewers
 
 /scripts                                          @backstage/operations-maintainers
+/workspaces/ui                                    @backstage/design-system-maintainers
 
 /packages/backend-plugin-api/src/services/definitions/AuditorService.ts   @backstage/maintainers @backstage/auditor-maintainers
 /packages/backend-defaults/src/entrypoints/auditor                        @backstage/maintainers @backstage/auditor-maintainers

.prettierignore

@@ -3,6 +3,7 @@
 .yarn
 dist
 microsite
+workspaces
 docs-ui/.next
 docs-ui/public
 docs-ui/out

workspaces/ui/.dockerignore

@@ -0,0 +1,8 @@
+.git
+.yarn/cache
+.yarn/install-state.gz
+node_modules
+packages/*/src
+packages/*/node_modules
+plugins
+*.local.yaml

workspaces/ui/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  root: true,
+};

workspaces/ui/.gitignore

@@ -0,0 +1,55 @@
+# macOS
+.DS_Store
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Coverage directory generated when running tests with coverage
+coverage
+
+# Dependencies
+node_modules/
+
+# Yarn files
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
+
+# Node version directives
+.nvmrc
+
+# dotenv environment variables file
+.env
+.env.test
+
+# Build output
+dist
+dist-types
+
+# Temporary change files created by Vim
+*.swp
+
+# MkDocs build output
+site
+
+# Local configuration files
+*.local.yaml
+
+# Sensitive credentials
+*-credentials.yaml
+
+# vscode database functionality support files
+*.session.sql
+
+# E2E test reports
+e2e-test-report/
+
+# Cache
+.cache/

workspaces/ui/.prettierignore

@@ -0,0 +1,4 @@
+dist
+dist-types
+coverage
+.vscode

workspaces/ui/.yarnrc.yml

@@ -0,0 +1,16 @@
+compressionLevel: mixed
+
+enableGlobalCache: true
+
+httpTimeout: 300000
+
+npmRegistryServer: 'https://registry.npmjs.org/'
+
+nodeLinker: node-modules
+
+plugins:
+  - checksum: a6895be0b30a75db6fddafedff143f82ccbd74656bad97775c6a0b9eba6e6ea6b7d66a8e9d0c8505755a981e86b7c6c1c9334ead299a857cf8d6e243957b0bab
+    path: .yarn/plugins/@yarnpkg/plugin-backstage.cjs
+    spec: "https://versions.backstage.io/v1/tags/main/yarn-plugin"
+
+yarnPath: ../../.yarn/releases/yarn-4.8.1.cjs

workspaces/ui/README.md

@@ -0,0 +1,7 @@
+# Backstage UI Workspace
+
+> **Work in progress** — this workspace is not yet in use and should not be considered stable or production-ready.
+
+This is a standalone [Yarn workspace](https://yarnpkg.com/features/workspaces) that will house the Backstage UI library packages. It is being set up as a fully isolated workspace within the Backstage monorepo, with its own dependency tree, lockfile, and tooling configuration, independent of the root workspace.
+
+The goal is to allow the UI packages to be developed, tested, and released independently from the rest of the monorepo.

workspaces/ui/backstage.json

@@ -0,0 +1,3 @@
+{
+  "version": "1.50.0"
+}

workspaces/ui/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "root",
+  "version": "1.0.0",
+  "private": true,
+  "engines": {
+    "node": "22 || 24"
+  },
+  "scripts": {
+    "build:all": "backstage-cli repo build --all",
+    "tsc": "tsc",
+    "tsc:full": "tsc --skipLibCheck false --incremental false",
+    "clean": "backstage-cli repo clean",
+    "test": "backstage-cli repo test",
+    "test:all": "backstage-cli repo test --coverage",
+    "fix": "backstage-cli repo fix",
+    "lint": "backstage-cli repo lint --since origin/master",
+    "lint:all": "backstage-cli repo lint",
+    "prettier:check": "prettier --check .",
+    "new": "backstage-cli new"
+  },
+  "backstage": {
+    "cli": {
+      "new": {
+        "globals": {
+          "private": false,
+          "namePrefix": "@backstage/"
+        }
+      }
+    }
+  },
+  "workspaces": [
+    "packages/*"
+  ],
+  "devDependencies": {
+    "@backstage/cli": "^0.36.1",
+    "@backstage/cli-defaults": "^0.1.1",
+    "@jest/environment-jsdom-abstract": "^30",
+    "@types/jest": "^30",
+    "jest": "^30",
+    "jsdom": "^27",
+    "node-gyp": "^12.0.0",
+    "prettier": "^2.3.2",
+    "typescript": "~5.8.0"
+  },
+  "resolutions": {
+    "@types/react": "^18",
+    "@types/react-dom": "^18"
+  },
+  "prettier": "@backstage/cli/config/prettier",
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx,mjs,cjs}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{json,md}": [
+      "prettier --write"
+    ]
+  },
+  "packageManager": "yarn@4.8.1"
+}

workspaces/ui/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "@backstage/cli/config/tsconfig.json",
+  "include": ["packages/*/src", "packages/*/config.d.ts"],
+  "exclude": ["node_modules"],
+  "compilerOptions": {
+    "outDir": "dist-types",
+    "rootDir": ".",
+    "jsx": "react-jsx"
+  }
+}