fix(react): use tsdown copy and watch plugin for css files

Author: mihar-22

packages/react/package.json

@@ -35,10 +35,8 @@
     }
   },
   "scripts": {
-    "build": "tsdown && pnpm css:copy",
-    "build:watch": "concurrently 'tsdown --watch ./src --no-clean' 'pnpm css:watch'",
-    "css:copy": "rsync -a --include='*/' --include='*.css' --exclude='*' src/presets/ dist/default/presets/",
-    "css:watch": "chokidar 'src/presets/**/*.css' --initial -c 'pnpm run css:copy'",
+    "build": "tsdown",
+    "build:watch": "tsdown --watch ./src --no-clean",
     "dev": "pnpm build:watch",
     "test": "vitest run",
     "test:watch": "vitest",
@@ -55,8 +53,6 @@
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19.2.7",
-    "chokidar-cli": "^3.0.0",
-    "concurrently": "^9.2.1",
     "jsdom": "^26.1.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",

packages/react/tsdown.config.ts

@@ -6,18 +6,8 @@ type BuildMode = 'dev' | 'default';
 
 const buildModes: BuildMode[] = ['dev', 'default'];
 
-const presetsEntries = Object.fromEntries(
-  globSync('src/presets/**/*.{ts,tsx}').map((file) => {
-    const key = file.replace('src/', '').replace(/\.tsx?$/, '');
-    return [key, file];
-  })
-);
-
-const createConfig = (mode: BuildMode): UserConfig => ({
-  entry: {
-    index: './src/index.ts',
-    ...presetsEntries,
-  },
+const createConfig = (mode: BuildMode, isWatch: boolean): UserConfig => ({
+  entry: 'src/**/index.ts',
   platform: 'browser',
   format: 'es',
   sourcemap: true,
@@ -32,6 +22,27 @@ const createConfig = (mode: BuildMode): UserConfig => ({
     __DEV__: mode === 'dev' ? 'true' : 'false',
   },
   dts: mode === 'dev',
+  copy: [
+    {
+      from: 'src/**/*.css',
+      to: `dist/${mode}`,
+      flatten: false,
+    },
+  ],
+  plugins: [
+    {
+      name: 'watch-css',
+      buildStart() {
+        const cssFiles = globSync('src/**/*.css');
+        for (const file of cssFiles) {
+          this.addWatchFile(file);
+        }
+      },
+    },
+  ],
 });
 
-export default defineConfig(buildModes.map((mode) => createConfig(mode)));
+export default defineConfig((cliOptions) => {
+  const isWatch = !!cliOptions.watch;
+  return buildModes.map((mode) => createConfig(mode, isWatch));
+});