vite-shadcn-ui-cli 1.0.11 → 1.0.14

package/eslint.config.js

@@ -1,8 +1,8 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
 
 export default tseslint.config(
   { ignores: ['dist'] },
@@ -19,10 +19,15 @@ export default tseslint.config(
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
+      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-floating-promises': 'off',
+      'react-hooks/exhaustive-deps': 'off',
+      'react/no-unescaped-entities': 'off',
+      'react-refresh/only-export-components': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
     },
-  },
-)
+  }
+);

package/index.js

@@ -36,22 +36,19 @@ program
         output: process.stdout,
       });
 
-      // 提示用户是否覆盖
-      rl.question('Do you want to overwrite it? (y/N): ', async (answer) => {
+      // 提示用户选择
+      rl.question('Do you want to overwrite it? (y/N): ', (answer) => {
         rl.close();
         if (answer.toLowerCase() === 'y') {
-          try {
-            await fs.promises.rm(targetPath, { recursive: true, force: true });
-            console.log(chalk.yellow(`\n⚠️ The existing directory "${projectDir}" was removed.`));
-
-            // 增加延时确保系统释放资源
-            setTimeout(() => {
+          // fs.rmdirSync(targetPath, { recursive: true, force: true });
+          fs.rm(targetPath, { recursive: true, force: true }, (err) => {
+            if (err) {
+              console.error('Error deleting directory:', err);
+            } else {
+              console.log(chalk.yellow(`\n⚠️ The existing directory "${projectDir}" was removed.`));
               cloneRepo(projectDir);
-            }, 500); // 500ms 延时
-          } catch (err) {
-            console.error(chalk.red(`Failed to remove directory: ${err.message}`));
-            process.exit(1);
-          }
+            }
+          });
         } else {
           console.log(chalk.blue('\nOperation cancelled.'));
           process.exit(1);
@@ -62,29 +59,29 @@ program
     }
   });
 
+program.parse(process.argv);
+
 // 克隆 GitHub 仓库的函数
 async function cloneRepo(projectDir) {
   const spinner = ora('Cloning the repository...').start();
   const repoUrl = 'https://github.com/kyrie668/vite-shadcn-ui.git';
 
   try {
-    execSync(`git clone ${repoUrl} ${projectDir}`, { stdio: 'ignore' });
+    await git.clone(repoUrl, projectDir);
     spinner.succeed('Project cloned successfully!');
 
     // 移除 .git 文件夹以断开 Git 关联
-    await fs.promises.rm(path.join(projectDir, '.git'), { recursive: true, force: true });
+    fs.rmSync(path.join(projectDir, '.git'), { recursive: true, force: true });
     console.log(
       chalk.green('\n✅ Git history removed. You can now initialize your own repository.')
     );
-
     console.log(chalk.cyan(`\n👉 Next steps:`));
     console.log(`   cd ${projectDir}`);
     console.log('   npm install');
     console.log('   npm run dev');
   } catch (error) {
     spinner.fail('Failed to clone the repository.');
-    console.error(chalk.red(`\nError: ${error.message}`));
+    console.error(error);
     process.exit(1);
   }
 }
-program.parse();

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "vite-shadcn-ui-cli",
-  "version": "1.0.11",
+  "version": "1.0.14",
   "description": "A CLI tool to bootstrap Vite projects with shadcn UI components",
   "main": "index.js",
   "bin": {
     "create-vite-shadcn-ui": "./index.js"
   },
-  "type":"module",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
@@ -15,17 +15,18 @@
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.1.1",
+    "axios": "^1.7.9",
+    "chalk": "^4.1.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "commander": "^11.0.0",
     "lucide-react": "^0.473.0",
+    "ora": "^6.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "tailwind-merge": "^2.6.0",
-    "tailwindcss-animate": "^1.0.7",
     "simple-git": "^3.8.0",
-    "chalk": "^4.1.2",
-    "ora": "^6.0.0",
-    "commander": "^11.0.0"
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",

package/src/App.tsx

@@ -1,7 +1,15 @@
+import { useEffect } from 'react';
 import './App.css';
 import { Button } from '@/components/ui/button';
+import { get } from './request';
 
 function App() {
+  useEffect(() => {
+    // 发送 GET 请求
+    get('/user', { id: 1 }).then((res) => {
+      console.log('User Info:', res);
+    });
+  }, []);
   return (
     <>
       <div>

package/src/request.ts

@@ -0,0 +1,55 @@
+import axios, { AxiosInstance, AxiosResponse, InternalAxiosRequestConfig } from 'axios';
+
+/**
+ * @description 请求基础配置
+ */
+const axiosInstance: AxiosInstance = axios.create({
+  baseURL: '/api', // API 基础 URL
+  timeout: 5000, // 超时时间 5s
+  withCredentials: true, // 允许跨域携带凭证
+  headers: {
+    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
+  },
+});
+
+/**
+ * @description 请求拦截器
+ */
+axiosInstance.interceptors.request.use(
+  (config: InternalAxiosRequestConfig) => {
+    // 可以在此处添加 token
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+/**
+ * @description 响应拦截器
+ */
+axiosInstance.interceptors.response.use(
+  (response: AxiosResponse) => {
+    return response.data;
+  },
+  (error) => {
+    console.error('请求出错：', error);
+    return Promise.reject(error);
+  }
+);
+
+/**
+ * @description 封装 GET 请求
+ */
+export function get<T>(url: string, params?: object): Promise<T> {
+  return axiosInstance.get<T>(url, { params }).then((response) => response.data); // ✅ 提取出 AxiosResponse 中的数据部分
+}
+
+/**
+ * @description 封装 POST 请求
+ */
+export function post<T>(url: string, data?: object): Promise<T> {
+  return axiosInstance.post<T>(url, data).then((response) => response.data); // ✅ 提取出 AxiosResponse 中的数据部分
+}
+
+export default axiosInstance;

package/src/utils/index.ts

@@ -0,0 +1,44 @@
+/**
+ * @description 函数防抖
+ * @param func 需要进行防抖的函数
+ * @param delay 时间间隔（毫秒）
+ * @returns 返回一个防抖后的函数
+ */
+export function debounce<T extends (...args: any[]) => void>(func: T, delay: number): T {
+  let timer: NodeJS.Timeout | null = null;
+
+  return function (this: ThisParameterType<T>, ...args: Parameters<T>) {
+    if (timer) clearTimeout(timer);
+
+    timer = setTimeout(() => {
+      func.apply(this, args);
+    }, delay);
+  } as T;
+}
+
+/**
+ * @description 函数节流
+ * @param func 需要进行节流的函数
+ * @param delay 时间间隔（毫秒）
+ * @returns 返回一个节流后的函数
+ */
+export function throttle<T extends (...args: any[]) => void>(func: T, delay: number): T {
+  let lastExecTime = 0;
+  let timer: NodeJS.Timeout | null = null;
+
+  return function (this: ThisParameterType<T>, ...args: Parameters<T>) {
+    const currentTime = Date.now();
+    const elapsedTime = currentTime - lastExecTime;
+
+    if (!timer || elapsedTime >= delay) {
+      func.apply(this, args);
+      lastExecTime = currentTime;
+    } else {
+      if (timer) clearTimeout(timer);
+      timer = setTimeout(() => {
+        func.apply(this, args);
+        lastExecTime = Date.now();
+      }, delay - elapsedTime);
+    }
+  } as T;
+}

package/tsconfig.app.json

@@ -17,8 +17,8 @@
 
     /* Linting */
     "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
     "baseUrl": ".",

package/tsconfig.node.json

@@ -15,8 +15,8 @@
 
     /* Linting */
     "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },

package/vite.config.ts

@@ -1,12 +1,24 @@
-import path from "path"
-import react from "@vitejs/plugin-react"
-import { defineConfig } from "vite"
- 
+import path from 'path';
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+
 export default defineConfig({
   plugins: [react()],
+  server: {
+    port: 8888,
+    cors: true, // 允许跨域
+    hmr: true, // 开启热更新
+    proxy: {
+      "/api": {
+        target: "http://baidu.com", // 设置要代理到的主机名
+        changeOrigin: true,
+      },
+    },
+  },
+  base: './',
   resolve: {
     alias: {
-      "@": path.resolve(__dirname, "./src"),
+      '@': path.resolve(__dirname, './src'),
     },
   },
-})
+});