feima-shortcuts 0.1.4 → 0.1.5-beta.0

package/bin/feima.js

@@ -12,7 +12,7 @@ const run = () => {
         type: "list",
         name: "type",
         message: "请选择模版类型",
-        choices: ["api", "template"],
+        choices: ["api", "template", "generate"],
       },
       // 页面模版创建方式
       {
@@ -64,6 +64,17 @@ const run = () => {
           return ["new"].includes(answers.template);
         },
       },
+
+      // 组件生成方式
+      {
+        type: "input",
+        message: "输入组件名称 (例如: button, input, card):",
+        name: "component-name",
+        default: "button", // 默认值
+        when: function (answers) {
+          return ["generate"].includes(answers.type);
+        },
+      },
     ])
     .then((answers) => {
       feima.run(answers);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feima-shortcuts",
-  "version": "0.1.4",
+  "version": "0.1.5-beta.0",
   "description": "快捷指令",
   "main": "index.js",
   "directories": {
@@ -23,4 +23,4 @@
     "uuid": "^9.0.0"
   },
   "packageManager": "pnpm@10.6.3+sha512.bb45e34d50a9a76e858a95837301bfb6bd6d35aea2c5d52094fa497a467c43f5c440103ce2511e9e0a2f89c3d6071baac3358fc68ac6fb75e2ceb3d2736065e6"
-}
+}

package/src/generate.js

@@ -1,5 +1,6 @@
 const restfulApi = require("./scripts/restful-api");
 const template = require("./scripts/template");
+const generate = require("./scripts/generate");
 
 exports.run = function (answers) {
   if (answers.type == 'api') {
@@ -8,4 +9,7 @@ exports.run = function (answers) {
   if (answers.type == 'template') {
     template.run(answers)
   }
+  if (answers.type == 'generate') {
+    generate.run(answers)
+  }
 };

package/src/scripts/generate/index.js

@@ -0,0 +1,250 @@
+const fs = require('fs');
+const path = require('path');
+
+/**
+ * 生成新的Vue组件
+ * @param {Object} answers - 用户输入的答案
+ */
+function generateComponent(answers) {
+  let componentName = answers['component-name'];
+  
+  // 确保组件名以F开头且首字母大写
+  if (!componentName.startsWith('F')) {
+    componentName = 'F' + componentName.charAt(0).toUpperCase() + componentName.slice(1);
+  }
+  
+  // 移除开头的F，然后转换为kebab-case
+  const nameWithoutF = componentName.replace(/^F/, '');
+  const kebabName = nameWithoutF.replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, '');
+  const folderName = `f-${kebabName}`;
+  
+  // 创建组件目录结构
+  const componentDir = path.join(__dirname, '../../../src/', folderName);
+  const srcDir = path.join(componentDir, 'src');
+  const testsDir = path.join(componentDir, '__tests__');
+  
+  // 创建目录
+  if (!fs.existsSync(componentDir)) {
+    fs.mkdirSync(componentDir, { recursive: true });
+  }
+  if (!fs.existsSync(srcDir)) {
+    fs.mkdirSync(srcDir, { recursive: true });
+  }
+  if (!fs.existsSync(testsDir)) {
+    fs.mkdirSync(testsDir, { recursive: true });
+  }
+  
+  // 生成Vue组件文件
+  const vueTemplate = generateVueTemplate(componentName);
+  fs.writeFileSync(path.join(srcDir, `${componentName}.vue`), vueTemplate);
+  
+  // 生成index.ts文件
+  const indexTemplate = generateIndexTemplate(componentName);
+  fs.writeFileSync(path.join(componentDir, 'index.ts'), indexTemplate);
+  
+  // 生成测试文件
+  const testTemplate = generateTestTemplate(componentName);
+  fs.writeFileSync(path.join(testsDir, `${componentName}.spec.ts`), testTemplate);
+  
+  // 更新主入口文件
+  updateMainIndex(componentName);
+  
+  // 更新解析器
+  updateResolver(componentName);
+  
+  console.log(`✅ 组件 ${componentName} 生成成功！`);
+  console.log(`📁 组件目录: ${folderName}`);
+  console.log(`🔧 已自动更新 index.ts 和 resolver.ts`);
+}
+
+/**
+ * 生成Vue组件模板
+ */
+function generateVueTemplate(componentName) {
+  return `<template>
+  <div class="feima-${componentName.toLowerCase()}">
+    <!-- ${componentName} 组件内容 -->
+    <slot></slot>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: "${componentName}" });
+
+// 组件属性定义
+interface Props {
+  // 在这里定义组件属性
+}
+
+// 组件事件定义
+interface Emits {
+  // 在这里定义组件事件
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  // 默认属性值
+});
+
+const emit = defineEmits<Emits>();
+</script>
+
+<style scoped>
+.feima-${componentName.toLowerCase()} {
+  /* 组件样式 */
+}
+</style>
+`;
+}
+
+/**
+ * 生成index.ts模板
+ */
+function generateIndexTemplate(componentName) {
+  return `import type { App } from "vue";
+import ${componentName}Vue from "./src/${componentName}.vue";
+
+export const ${componentName} = ${componentName}Vue;
+
+export default {
+  install(app: App) {
+    app.component("${componentName}", ${componentName});
+  },
+};
+`;
+}
+
+/**
+ * 生成测试文件模板
+ */
+function generateTestTemplate(componentName) {
+  return `import { describe, it, expect } from 'vitest';
+import { mount } from '@vue/test-utils';
+import ${componentName} from '../src/${componentName}.vue';
+
+describe('${componentName}', () => {
+  it('renders properly', () => {
+    const wrapper = mount(${componentName});
+    expect(wrapper.exists()).toBe(true);
+  });
+});
+`;
+}
+
+/**
+ * 更新主入口文件
+ */
+function updateMainIndex(componentName) {
+  const indexPath = path.join(__dirname, '../../../src/index.ts');
+  
+  if (!fs.existsSync(indexPath)) {
+    console.log('⚠️  index.ts 文件不存在，跳过更新');
+    return;
+  }
+  
+  let content = fs.readFileSync(indexPath, 'utf8');
+  
+  // 添加导入语句
+  const nameWithoutF = componentName.replace(/^F/, '');
+  const kebabName = nameWithoutF.replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, '');
+  const folderName = `f-${kebabName}`;
+  const importLine = `import ${componentName}Installer, { ${componentName} } from "./${folderName}";`;
+  
+  // 查找现有的导入语句位置，保持原有格式
+  const importMatch = content.match(/(import.*from "\.\/.*";\s*)+/);
+  if (importMatch) {
+    // 在最后一个导入语句后添加新的导入，保持换行格式
+    const lastImport = importMatch[0].trim();
+    const hasNewlineAfter = content.match(importMatch[0] + '\n');
+    const newlineAfter = hasNewlineAfter ? '\n' : '\n';
+    content = content.replace(importMatch[0], importMatch[0] + importLine + newlineAfter);
+  } else {
+    // 如果没有找到导入语句，在文件开头添加
+    content = content.replace(/^/, importLine + '\n');
+  }
+  
+  // 添加到安装器数组，保持原有缩进格式
+  const installerMatch = content.match(/const installers = \[([\s\S]*?)\];/);
+  if (installerMatch) {
+    // 解析现有的安装器列表，保持每行的格式
+    const installerContent = installerMatch[1];
+    const lines = installerContent.split('\n').map(line => line.trim()).filter(line => line);
+    
+    // 清理每行末尾的逗号
+    const cleanLines = lines.map(line => line.replace(/,$/, ''));
+    
+    // 添加新的安装器，保持格式
+    cleanLines.push(`${componentName}Installer`);
+    
+    // 重新构建数组，每行都有正确的缩进
+    const formattedInstallers = cleanLines.map(line => `  ${line}`).join(',\n');
+    content = content.replace(installerMatch[0], `const installers = [\n${formattedInstallers}\n];`);
+  }
+  
+  // 添加到导出列表，保持原有格式
+  const exportMatch = content.match(/export \{ ([^}]+) \};/);
+  if (exportMatch) {
+    let currentExports = exportMatch[1].trim();
+    
+    // 清理可能存在的多余逗号
+    currentExports = currentExports.replace(/,\s*,+/g, ','); // 移除连续逗号
+    currentExports = currentExports.replace(/,\s*$/, ''); // 移除末尾逗号
+    currentExports = currentExports.replace(/^\s*,/, ''); // 移除开头逗号
+    
+    // 检查是否已经有内容，如果有则添加逗号，否则直接添加
+    const separator = currentExports ? ', ' : '';
+    const newExports = currentExports + separator + componentName;
+    content = content.replace(exportMatch[0], `export { ${newExports} };`);
+  }
+  
+  fs.writeFileSync(indexPath, content);
+  console.log(`📝 已更新 index.ts`);
+}
+
+/**
+ * 更新解析器文件
+ */
+function updateResolver(componentName) {
+  const resolverPath = path.join(__dirname, '../../../src/resolver.ts');
+  
+  if (!fs.existsSync(resolverPath)) {
+    console.log('⚠️  resolver.ts 文件不存在，跳过更新');
+    return;
+  }
+  
+  let content = fs.readFileSync(resolverPath, 'utf8');
+  
+  // 添加到支持的组件列表，保持原有缩进格式
+  const supportedMatch = content.match(/const supportedComponents = \[([\s\S]*?)\];/);
+  if (supportedMatch) {
+    // 解析现有的组件列表，保持每行的格式
+    const componentContent = supportedMatch[1];
+    const lines = componentContent.split('\n').map(line => line.trim()).filter(line => line);
+    
+    // 清理每行末尾的逗号
+    const cleanLines = lines.map(line => line.replace(/,$/, ''));
+    
+    // 检查是否已经存在该组件，避免重复添加
+    const existingComponents = cleanLines.map(line => line.replace(/['"]/g, '').trim());
+    if (!existingComponents.includes(componentName)) {
+      // 添加新的组件，保持格式
+      cleanLines.push(`"${componentName}"`);
+      
+      // 重新构建数组，每行都有正确的缩进
+      const formattedComponents = cleanLines.map(line => `  ${line}`).join(',\n');
+      content = content.replace(supportedMatch[0], `const supportedComponents = [\n${formattedComponents}\n];`);
+    } else {
+      console.log(`⚠️  组件 ${componentName} 已存在于 supportedComponents 中，跳过添加`);
+    }
+  }
+  
+  fs.writeFileSync(resolverPath, content);
+  console.log(`📝 已更新 resolver.ts`);
+}
+
+exports.run = function (answers) {
+  if (answers['component-name']) {
+    generateComponent(answers);
+  } else {
+    console.log('❌ 请提供组件名称');
+  }
+};