chore: replace the export of the development environment through script packaging

Author: Ohh-889

packages/ui/package.json

@@ -5,30 +5,20 @@
   "private": false,
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
-    },
-    "./utils": {
-      "types": "./dist/lib/index.d.ts",
-      "import": "./dist/lib/index.js",
-      "require": "./dist/lib/index.js"
-    },
-    "./*": {
-      "types": "./dist/components/*/index.d.ts",
-      "import": "./dist/components/*/index.js",
-      "require": "./dist/components/*/index.js"
+      "import": "./src/index.ts"
     }
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": ["dist"],
   "scripts": {
-    "build": "tsdown",
+    "build": "set:exports:prod && pnpm run build:components && pnpm run build:registry",
+    "build:components": "tsdown",
     "build:registry": "shadcn build -o ../../playground/public/r",
-    "dev": "tsdown --watch ./src/index.ts",
-    "register": "tsx script/registry.ts"
+    "dev": "tsx script/fix-pkg.ts dev",
+    "register": "tsx script/registry.ts",
+    "set:exports:prod": "tsx script/fix-pkg.ts prod"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "1.2.11",
@@ -42,6 +32,7 @@
     "@radix-ui/react-separator": "1.1.7",
     "@radix-ui/react-slot": "1.2.3",
     "@radix-ui/react-tabs": "1.1.12",
+    "@soybean-react-ui/tailwind-plugin": "workspace:*",
     "clsx": "2.1.1",
     "embla-carousel-react": "8.6.0",
     "lucide-react": "0.525.0",

packages/ui/script/fix-pkg.ts

@@ -0,0 +1,57 @@
+import fs from 'node:fs';
+
+import { getPath, lintFile } from './shared';
+
+// eslint-disable-next-line n/prefer-global/process
+const mode = process.argv[2]; // node scripts/update-exports.ts dev
+
+if (mode !== 'dev' && mode !== 'prod') {
+  console.error('❌ 请传入参数：dev 或 prod');
+  // eslint-disable-next-line n/prefer-global/process
+  process.exit(1);
+}
+
+const pkgPath = getPath('package.json');
+
+// 读取原始 package.json 内容
+const raw = fs.readFileSync(pkgPath, 'utf-8');
+const pkg = JSON.parse(raw);
+
+// 替换 exports 字段
+if (mode === 'dev') {
+  pkg.exports = {
+    '.': {
+      import: './src/index.ts'
+    }
+  };
+} else if (mode === 'prod') {
+  pkg.exports = {
+    '.': {
+      import: './dist/index.js',
+      require: './dist/index.js',
+      types: './dist/index.d.ts'
+    },
+    './*': {
+      import: './dist/components/*/index.js',
+      require: './dist/components/*/index.js',
+      types: './dist/components/*/index.d.ts'
+    },
+    './utils': {
+      import: './dist/lib/index.js',
+      require: './dist/lib/index.js',
+      types: './dist/lib/index.d.ts'
+    }
+  };
+}
+
+try {
+  // 写入修改后的 package.json
+  fs.writeFileSync(pkgPath, `${JSON.stringify(pkg, null, 2)}\n`);
+  console.log(`✅ "exports" field has been updated to "${mode}" mode.`);
+
+  lintFile(pkgPath);
+} catch (error) {
+  console.error(`❌ Failed to write package.json: ${error}`);
+  // eslint-disable-next-line n/prefer-global/process
+  process.exit(1);
+}

packages/ui/script/registry.ts

@@ -1,12 +1,18 @@
 import { exec } from 'node:child_process';
 import fs from 'node:fs/promises';
-import path from 'node:path';
 
 import { rimraf } from 'rimraf';
 
 import { registerType } from './registry-type';
 import { getRegistryUi } from './registry-ui';
 import { registryUtils } from './registry-utils';
+import { getPath, lintFile } from './shared';
+
+// eslint-disable-next-line n/prefer-global/process
+const registryPath = getPath(`registry.json`);
+
+// eslint-disable-next-line n/prefer-global/process
+const targetPath = getPath(`../../playground/public/r`);
 
 const registry = {
   homepage: 'https://ui-playground.ohh-889.com/',
@@ -28,12 +34,11 @@ const registry = {
 
 async function writeRegistry() {
   const registryJson = JSON.stringify(registry, null, 2);
-  // eslint-disable-next-line n/prefer-global/process
-  await fs.writeFile(path.join(process.cwd(), `registry.json`), registryJson);
 
-  // eslint-disable-next-line n/prefer-global/process
-  const targetPath = path.join(process.cwd(), `../../playground/public/r`);
+  await fs.writeFile(registryPath, registryJson);
+
   console.log('🧹 Deleting:', targetPath);
+
   rimraf.sync(targetPath);
 }
 
@@ -56,7 +61,11 @@ async function main() {
     console.log('🔨 Starting registry build...');
     await writeRegistry();
 
+    lintFile(registryPath);
+
     await buildRegistry();
+
+    lintFile(targetPath);
     console.log('✅ Registry build completed');
   } catch (error) {
     console.error('❌ Build failed with error:');

packages/ui/script/shared.ts

@@ -0,0 +1,12 @@
+import { execSync } from 'node:child_process';
+import path from 'node:path';
+
+export function lintFile(filePath: string) {
+  execSync(`eslint --fix "${filePath}"`, { stdio: 'inherit' });
+  console.log(`✨ ESLint fix applied to ${filePath}`);
+}
+
+export function getPath(filePath: string) {
+  // eslint-disable-next-line n/prefer-global/process
+  return path.join(process.cwd(), filePath);
+}

playground/package.json

@@ -17,19 +17,14 @@
   "bugs": {
     "url": "https://github.com/Ohh-889/soybean-react-ui/issues"
   },
-  "keywords": [
-    "UI",
-    "tailwind-css",
-    "shadcn-ui",
-    "react"
-  ],
+  "keywords": ["UI", "tailwind-css", "shadcn-ui", "react"],
   "scripts": {
     "build": "next build",
     "build:registry": "pnpm --filter soybean-react-ui register",
     "build:ui": "pnpm --filter soybean-react-ui build",
     "cf-typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts",
     "deploy": "pnpm run build:registry && pnpm run build:ui && pnpm run worker:build && opennextjs-cloudflare deploy",
-    "dev": "pnpm run dev:playground & pnpm run dev:ui",
+    "dev": "pnpm run dev:ui && pnpm run dev:playground",
     "dev:playground": "next dev --turbopack",
     "dev:ui": "pnpm --filter soybean-react-ui dev",
     "lint": "next lint",
@@ -56,10 +51,5 @@
     "tailwindcss": "4.1.11",
     "tailwindcss-animate": "^1.0.7",
     "wrangler": "^4.24.3"
-  },
-  "pnpm": {
-    "overrides": {
-      "esbuild": "0.25.5"
-    }
   }
 }

playground/tsconfig.json

@@ -7,8 +7,7 @@
     "module": "esnext",
     "moduleResolution": "bundler",
     "paths": {
-      "@/*": ["./src/*"],
-      "soybean-react-ui/*": ["../../packages/ui/src/*"]
+      "@/*": ["../packages/ui/src/*"]
     },
     "resolveJsonModule": true,
     "allowJs": true,