@yorha2b-lab/autodev 1.0.1 → 1.0.3

package/README.md

@@ -7,7 +7,8 @@
 
 基于视觉大模型的前端(Umi+Antd)全自动 CRUD 代码生成器 🚀
 
-![Demo](https://via.placeholder.com/800x400?text=Coming+Soon)
+<video src="https://github.com/user-attachments/assets/6d42fce1-c815-482b-8c6a-4a3b9415ba47.mp4" controls="controls" muted="muted" style="max-width: 100%; display: block; margin: 20px auto;">
+</video>
 
 拒绝重复劳动！为什么你需要 Auto CRUD Copilot？
 告别手写 Table/Form：截图即代码，提升你的开发效率，告别烦人的复制粘贴。
@@ -170,4 +171,14 @@ A: 工具本身开源免费，但调用的 AI 模型（如 GPT-4v, Qwen-VL）可
 
 ---
 
-⭐ 如果这个项目对你有帮助，请给个Star支持一下！
+## ⚖️ Disclaimer
+
+Auto CRUD Copilot is a **fan-made, non-commercial, open-source tool**.
+
+- The themes, names (YoRHa, 2B, etc.), and catchphrases included in this project are inspired by **NieR:Automata**, which is a trademark and copyright of **Square Enix Co., Ltd. / PlatinumGames Inc.**
+- This project is not affiliated with, endorsed by, or representative of Square Enix in any way.
+- Please support the original masterpiece: [NieR:Automata Official Site](https://nierautomata.square-enix-games.com/).
+
+**Glory to Mankind.**
+
+⭐ 如果这个项目对你有帮助，请给个Star支持一下！

package/bin/autodev.js

@@ -14,7 +14,7 @@ const localEnv = path.resolve(process.cwd(), '.env')
 const pkgEnv = path.resolve(__dirname, '../.env')
 
 require("dotenv").config({
-  path: fs.existsSync(localEnv) ? localEnv : pkgEnv
+    path: fs.existsSync(localEnv) ? localEnv : pkgEnv
 })
 
 const { program } = require('commander')
@@ -26,6 +26,18 @@ program.version('1.0.0').description('AI驱动的前端CRUD代码生成器')
 
 program.option('-t, --template <type>', '指定前端框架模板', 'react')
 
+program
+    .command('init')
+    .description('在当前目录初始化 .env 和 config.js 配置文件')
+    .action(() => {
+        const tplConfig = path.resolve(__dirname, '../config.js')
+        const tplEnv = path.resolve(__dirname, '../.env.example')
+        fs.copyFileSync(tplConfig, path.join(process.cwd(), 'config.js'))
+        fs.copyFileSync(tplEnv, path.join(process.cwd(), '.env'))
+        console.log('✅ 已生成 config.js')
+        console.log('✅ 已生成 .env')
+    })
+
 program
     .command('watch:page')
     .description('监听截图，自动生成完整的增删改查页面')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yorha2b-lab/autodev",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "基于视觉大模型的前端(Umi+Antd)全自动 CRUD 代码生成器",
   "bin": {
     "autodev": "bin/autodev.js"

package/src/commands/watch-api.js

@@ -1,10 +1,13 @@
 const fs = require('fs')
 const path = require('path')
 const chokidar = require('chokidar')
-const config = require('../../config.js')
+const { getConfig } = require('../utils/utils.js')
 const { alignSwaggerFields } = require('../services/llm.js')
 
 const watchApi = () => {
+
+    const config = getConfig()
+
     const watcher = chokidar.watch('./swagger', {
         persistent: true,
         ignored: /(^|[\/\\])\../,

package/src/commands/watch-page.js

@@ -3,15 +3,15 @@ const ora = require('ora')
 const path = require('path')
 const chokidar = require('chokidar')
 const Handlebars = require('handlebars')
-const config = require('../../config.js')
 const pagePrompt = require('../prompts/watch-page.js')
 const { createTaskQueue } = require('../core/task-queue')
 const stringify = require('json-stringify-pretty-compact')
 const { recognizePage, generateMock } = require('../services/llm.js')
-const { copyHooks, copyComponents, getExistingMenus } = require('../utils/utils.js')
+const { getConfig, copyHooks, copyComponents, getExistingMenus } = require('../utils/utils.js')
 
 const watchPage = options => {
 
+    const config = getConfig()
     const compilerPath = path.join(__dirname, `../core/${options.template}-compiler.js`)
 
     if (!fs.existsSync(compilerPath)) {

package/src/prompts/mock.js

@@ -1,5 +1,5 @@
 module.exports = (columns, fileName) => `
 根据这些字段生成一个简单的get接口mock数据: ${JSON.stringify(columns)},
 格式如下：
-'/api/${fileName}': {data:模块对象列表},
+'POST /api/${fileName}': {data:模块对象列表},
 `

package/src/services/llm.js

@@ -1,11 +1,12 @@
 const JSON5 = require('json5')
 const sharp = require('sharp')
 const OpenAI = require('openai')
-const config = require('../../config.js')
 const mockPrompt = require('../prompts/mock.js')
+const { getConfig } = require('../utils/utils.js')
 const apiPrompt = require('../prompts/watch-api.js')
 const { UI_DESIGNER, API_DESIGNER, MOCK_DESIGNER } = require('../prompts/system.js')
 
+const config = getConfig()
 const openai = new OpenAI({ apiKey: process.env.API_KEY, baseURL: process.env.BASE_URL })
 
 const askAI = async (model, messages, retryCount = 0) => {

package/src/utils/utils.js

@@ -1,7 +1,16 @@
 const fs = require('fs')
 const path = require('path')
-const config = require('../../config.js')
 
+const getConfig = () => {
+    const localConfigPath = path.join(process.cwd(), 'config.js')
+    const defaultConfigPath = path.resolve(__dirname, '../../config.js')
+    let config = require(defaultConfigPath)
+    if (fs.existsSync(localConfigPath)) {
+        const userConfig = require(localConfigPath)
+        config = { ...config, ...userConfig }
+    }
+    return config
+}
 
 /**
  * 大模型输出的标准 JSON 无法携带 render: (text) => <Tag> 等箭头函数。
@@ -20,21 +29,7 @@ const cleanCode = str => {
         .trim() + '\n'
 }
 
-const copyHooks = options => {
-    const targetDir = path.join(process.cwd(), config.hooksDir)
-    if (!fs.existsSync(targetDir)) fs.mkdirSync(targetDir, { recursive: true })
-    const hookDir = path.join(__dirname, `../../templates/${options.template}/hooks`)
-    fs.readdirSync(hookDir).forEach(file => fs.copyFileSync(path.join(hookDir, file), path.join(targetDir, file)))
-}
-
-const copyComponents = options => {
-    const targetDir = path.join(process.cwd(), config.componentsDir)
-    if (!fs.existsSync(targetDir)) fs.mkdirSync(targetDir, { recursive: true })
-    const componentsDir = path.join(__dirname, `../../templates/${options.template}/components`)
-    fs.readdirSync(componentsDir).forEach(file => fs.copyFileSync(path.join(componentsDir, file), path.join(targetDir, file)))
-}
-
-const getExistingMenus = (dir = config.pagesDir) => {
+const getExistingMenus = (dir = 'src/pages') => {
     const pagesDir = path.join(process.cwd(), dir)
     if (!fs.existsSync(pagesDir)) return []
     return fs.readdirSync(pagesDir)
@@ -66,4 +61,18 @@ const generateSmartImports = (codeStr, hasTabs) => {
     return imports.filter(Boolean).join('\n')
 }
 
-module.exports = { copyHooks, cleanCode, copyComponents, getExistingMenus, generateSmartImports }
+const copyHooks = (options, hooksDir = 'src/hooks') => {
+    const targetDir = path.join(process.cwd(), hooksDir)
+    if (!fs.existsSync(targetDir)) fs.mkdirSync(targetDir, { recursive: true })
+    const hookDir = path.join(__dirname, `../../templates/${options.template}/hooks`)
+    fs.readdirSync(hookDir).forEach(file => fs.copyFileSync(path.join(hookDir, file), path.join(targetDir, file)))
+}
+
+const copyComponents = (options, componentsDir = 'src/components') => {
+    const targetDir = path.join(process.cwd(), componentsDir)
+    if (!fs.existsSync(targetDir)) fs.mkdirSync(targetDir, { recursive: true })
+    const componentsDirectory = path.join(__dirname, `../../templates/${options.template}/components`)
+    fs.readdirSync(componentsDirectory).forEach(file => fs.copyFileSync(path.join(componentsDirectory, file), path.join(targetDir, file)))
+}
+
+module.exports = { getConfig, copyHooks, cleanCode, copyComponents, getExistingMenus, generateSmartImports }

package/templates/react/components/MyBaseForm.js

@@ -3,7 +3,7 @@ import { formNode } from './index'
 
 export const MyBaseForm = ({ item, form }) => {
 
-    const renderFormContent = item => {
+    const renderFormContent = ({ item }) => {
 
         if (!item.name) {
             return typeof item.render === 'function' ? item.render(item) : (item.value ?? '-')