chore(FR-1524): add pnpm catalog for centralized dependency version management (#5477)

Author: limshyun

package.json

@@ -43,24 +43,24 @@
     "winston": "^3.19.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.6",
+    "@babel/core": "catalog:",
     "@babel/parser": "^7.28.6",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-decorators": "^7.28.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-typescript": "^7.28.5",
+    "@babel/preset-typescript": "catalog:",
     "@babel/types": "^7.28.6",
     "@electron/packager": "^18.4.4",
-    "@eslint/js": "^9.39.2",
-    "@jest/expect": "30.0.5",
-    "@jest/globals": "30.0.5",
+    "@eslint/js": "catalog:",
+    "@jest/expect": "catalog:",
+    "@jest/globals": "catalog:",
     "@playwright/test": "^1.58.0",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
+    "@trivago/prettier-plugin-sort-imports": "catalog:",
     "@types/estree": "1.0.5",
     "@types/hammerjs": "^2.0.46",
-    "@types/jest": "^30.0.0",
-    "@types/lodash": "^4.17.23",
-    "@types/node": "^22.19.7",
+    "@types/jest": "catalog:",
+    "@types/lodash": "catalog:",
+    "@types/node": "catalog:",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "@yao-pkg/pkg": "^6.12.0",
@@ -71,28 +71,28 @@
     "cors": "^2.8.6",
     "crypto-es": "^2.1.0",
     "electron": "^35.7.5",
-    "eslint": "^9.18.0",
+    "eslint": "catalog:",
     "eslint-config-bai": "workspace:*",
     "eslint-config-google": "^0.14.0",
     "eslint-config-prettier": "^9.1.2",
-    "eslint-plugin-json-schema-validator": "^5.5.1",
+    "eslint-plugin-json-schema-validator": "catalog:",
     "eslint-plugin-prettier": "^5.5.5",
     "express": "^4.22.1",
-    "globals": "^16.5.0",
+    "globals": "catalog:",
     "husky": "^9.1.7",
     "i18next-scanner": "^4.6.0",
-    "jest": "^30.2.0",
-    "jsonc-eslint-parser": "^2.4.2",
+    "jest": "catalog:",
+    "jsonc-eslint-parser": "catalog:",
     "lint-staged": "^15.5.2",
-    "lodash": "^4.17.21",
-    "prettier": "^3.8.1",
-    "prettier-plugin-sort-json": "^4.2.0",
-    "relay-compiler": "^20.1.1",
+    "lodash": "catalog:",
+    "prettier": "catalog:",
+    "prettier-plugin-sort-json": "catalog:",
+    "relay-compiler": "catalog:",
     "serve": "^14.2.5",
-    "ts-jest": "^29.4.6",
+    "ts-jest": "catalog:",
     "tslib": "^2.8.1",
     "typescript": "~5.5.4",
-    "webpack": "^5.104.1",
+    "webpack": "catalog:",
     "webpack-cli": "^6.0.1",
     "workbox-expiration": "^7.4.0",
     "workbox-routing": "^7.4.0",

packages/backend.ai-ui/package.json

@@ -44,76 +44,76 @@
     "prepublishOnly": "pnpm lint && pnpm test && pnpm build"
   },
   "peerDependencies": {
-    "@ant-design/icons": "^6.1.0",
-    "@tanstack/react-query": "^5.90.19",
-    "ahooks": "^3.9.6",
-    "antd": "^6.2.1",
-    "antd-style": "^3.7.1",
-    "graphql": "^16.12.0",
-    "i18next": "^25.8.0",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "react-i18next": "^16.5.3",
-    "react-relay": "^20.1.1",
-    "react-router-dom": "^6.30.3",
-    "relay-runtime": "^20.1.1"
+    "@ant-design/icons": "catalog:",
+    "@tanstack/react-query": "catalog:",
+    "ahooks": "catalog:",
+    "antd": "catalog:",
+    "antd-style": "catalog:",
+    "graphql": "catalog:",
+    "i18next": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "react-i18next": "catalog:",
+    "react-relay": "catalog:",
+    "react-router-dom": "catalog:",
+    "relay-runtime": "catalog:"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "big.js": "^7.0.1",
-    "classnames": "^2.5.1",
-    "dayjs": "^1.11.19",
-    "lodash": "^4.17.23",
-    "lucide-react": "^0.552.0",
-    "react-copy-to-clipboard": "^5.1.0",
+    "big.js": "catalog:",
+    "classnames": "catalog:",
+    "dayjs": "catalog:",
+    "lodash": "catalog:",
+    "lucide-react": "catalog:",
+    "react-copy-to-clipboard": "catalog:",
     "react-draggable": "^4.5.0",
     "react-error-boundary": "^6.1.0",
     "react-resizable": "^3.1.3"
   },
   "devDependencies": {
-    "@eslint/js": "^9.18.0",
-    "@jest/expect": "30.2.0",
-    "@jest/globals": "30.2.0",
+    "eslint-config-bai": "workspace:*",
+    "@eslint/js": "catalog:",
+    "@jest/expect": "catalog:",
+    "@jest/globals": "catalog:",
     "@storybook/addon-docs": "^10.1.11",
     "@storybook/addon-onboarding": "^10.1.11",
     "@storybook/react-vite": "^10.1.11",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@types/big.js": "^6.2.2",
-    "@types/lodash": "^4.17.23",
-    "@types/react": "^19.2.9",
-    "@types/react-copy-to-clipboard": "^5.0.7",
-    "@types/react-dom": "^19.2.3",
-    "@types/react-relay": "^18.2.1",
+    "@testing-library/jest-dom": "catalog:",
+    "@testing-library/react": "catalog:",
+    "@testing-library/user-event": "catalog:",
+    "@trivago/prettier-plugin-sort-imports": "catalog:",
+    "@types/big.js": "catalog:",
+    "@types/lodash": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-copy-to-clipboard": "catalog:",
+    "@types/react-dom": "catalog:",
+    "@types/react-relay": "catalog:",
     "@types/react-resizable": "^3.0.8",
-    "@types/relay-runtime": "^19.0.3",
-    "@types/relay-test-utils": "^19.0.0",
+    "@types/relay-runtime": "catalog:",
+    "@types/relay-test-utils": "catalog:",
     "@vitejs/plugin-react": "^4.7.0",
     "@vueless/storybook-dark-mode": "^10.0.6",
-    "babel-jest": "^30.2.0",
-    "babel-plugin-react-compiler": "^1.0.0",
-    "eslint": "^9.18.0",
-    "eslint-config-bai": "workspace:*",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-json-schema-validator": "^5.5.1",
+    "babel-jest": "catalog:",
+    "babel-plugin-react-compiler": "catalog:",
+    "eslint": "catalog:",
+    "eslint-plugin-import": "catalog:",
+    "eslint-plugin-react": "catalog:",
+    "eslint-plugin-react-hooks": "catalog:",
+    "eslint-plugin-json-schema-validator": "catalog:",
     "eslint-plugin-storybook": "^10.1.11",
-    "globals": "^16.0.0",
-    "jsonc-eslint-parser": "^2.4.2",
-    "typescript-eslint": "^8.23.0",
+    "globals": "catalog:",
+    "jsonc-eslint-parser": "catalog:",
+    "typescript-eslint": "catalog:",
     "fast-glob": "^3.3.3",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "prettier-plugin-sort-json": "^4.2.0",
-    "relay-test-utils": "^20.1.1",
+    "jest": "catalog:",
+    "jest-environment-jsdom": "catalog:",
+    "prettier-plugin-sort-json": "catalog:",
+    "relay-test-utils": "catalog:",
     "storybook": "^10.2.10",
-    "ts-jest": "^29.4.6",
+    "ts-jest": "catalog:",
     "typescript": "^5.9.3",
     "vite": "^6.4.1",
     "vite-plugin-dts": "^4.5.4",

packages/backend.ai-ui/src/components/BAICard.test.tsx

@@ -31,7 +31,8 @@ describe('BAICard', () => {
         <BAICard style={{ backgroundColor: 'red' }}>Content</BAICard>,
       );
       const card = container.querySelector('.ant-card');
-      expect(card).toHaveStyle({ backgroundColor: 'red' });
+      expect(card).toBeTruthy();
+      expect(card?.getAttribute('style')).toContain('background-color: red');
     });
   });
 

packages/eslint-config-bai/package.json

@@ -12,10 +12,10 @@
   ],
   "peerDependencies": {
     "eslint": "^9.0.0",
-    "@eslint/js": "^9.18.0",
-    "typescript-eslint": "^8.23.0",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-import": "^2.31.0"
+    "@eslint/js": "catalog:",
+    "typescript-eslint": "catalog:",
+    "eslint-plugin-react": "catalog:",
+    "eslint-plugin-react-hooks": "catalog:",
+    "eslint-plugin-import": "catalog:"
   }
 }