feat(FR-954) setup BAI UI package environment

Author: nowgnuesLee

package.json

@@ -15,7 +15,7 @@
     "test": "jest",
     "test:react": "pnpm test --prefix ./react test",
     "wsproxy": "node ./src/wsproxy/local_proxy.js",
-    "build": "rm -rf build/rollup && mkdir -p build/rollup/src/components && pnpm run copyindex && pnpm run copywc && pnpm run copywa && pnpm run copyresource && pnpm run copyconfig && rollup -c rollup.config.ts --configPlugin typescript && pnpm run --prefix ./react build:copy",
+    "build": "rm -rf build/rollup && mkdir -p build/rollup/src/components && pnpm run copyindex && pnpm run copywc && pnpm run copywa && pnpm run copyresource && pnpm run copyconfig && rollup -c rollup.config.ts --configPlugin typescript && pnpm run -r build",
     "build:react-only": "pnpm run --prefix ./react build",
     "build:plugin": "rm -rf build/rollup/dist/plugins && mkdir -p build/rollup/dist/plugins && rollup -c rollup.plugins.config.ts --configPlugin typescript",
     "server:p": "serve build/rollup",

packages/backendai-ui/.gitignore

@@ -0,0 +1,21 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+!/public
+
+merged_schema.graphql
+
+**/__generated__/*.graphql.ts

packages/backendai-ui/.prettierrc.json

@@ -0,0 +1,13 @@
+{
+    "tabWidth": 2,
+    "semi": true,
+    "singleQuote": true,
+    "importOrderSeparation": true,
+    "importOrderParserPlugins": ["typescript", "jsx"],
+    "printWidth": 80,
+    "bracketSpacing": true,
+    "trailingComma": "all",
+    "plugins": ["@trivago/prettier-plugin-sort-imports"],
+    "singleAttributePerLine": false
+  }
+  

packages/backendai-ui/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "backend.ai-ui",
+  "version": "1.0.0",
+  "private": true,
+  "description": "Shared UI components for Backend.AI",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "tsc --watch",
+    "prebuild": "rimraf dist",
+    "build": "tsc",
+    "clean": "rimraf dist"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "rimraf": "^5.0.5",
+    "typescript": "^5.7.2"
+  }
+}

packages/backendai-ui/src/components/Button.tsx

@@ -0,0 +1,22 @@
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  children: React.ReactNode;
+}
+
+const Button = ({ children, ...props }: ButtonProps) => {
+  return (
+    <button
+      style={{
+        backgroundColor: 'yellow',
+        color: 'white',
+        padding: '10px 20px',
+        border: 'none',
+        borderRadius: '5px',
+      }}
+      {...props}
+    >
+      {children}
+    </button>
+  );
+};
+
+export default Button;

packages/backendai-ui/src/index.ts

@@ -0,0 +1,3 @@
+// Export all components from this file
+export { default as Button } from './components/Button';
+// Add more component exports as you create them

packages/backendai-ui/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2016",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "declarationDir": "./dist",
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
+}