feima-shortcuts 0.1.5-beta.1 → 0.1.5-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feima-shortcuts",
-  "version": "0.1.5-beta.1",
+  "version": "0.1.5-beta.2",
   "description": "快捷指令",
   "main": "index.js",
   "directories": {

package/src/scripts/generate/docs.js

@@ -0,0 +1,152 @@
+const fs = require('fs');
+const path = require('path');
+
+function toKebabFromComponent(componentName) {
+  const nameWithoutF = componentName.replace(/^F/, '');
+  return nameWithoutF
+    .replace(/([A-Z])/g, '-$1')
+    .toLowerCase()
+    .replace(/^-/, '');
+}
+
+function ensureDir(dirPath) {
+  if (!fs.existsSync(dirPath)) {
+    fs.mkdirSync(dirPath, { recursive: true });
+  }
+}
+
+function buildMarkdown(componentName) {
+  const kebab = toKebabFromComponent(componentName);
+  const demoName = `Demo${componentName}`;
+  return `# ${componentName}\n\nA thin wrapper around Element Plus \`El${componentName.replace(/^F/, '')}\`.\n\n## Preview\n\n:::: demo ${demoName}\n::::\n`;
+}
+
+function buildDemoVue(componentName) {
+  const tag = componentName;
+  return `<template>
+  <div>
+    <${tag} />
+  </div>
+</template>
+<script setup lang="ts">
+import { ${componentName} } from "feima-vue-ui";
+</script>
+`;
+}
+
+function updateVitepressConfig(componentName, docsRoot) {
+  const configPath = path.resolve(docsRoot, '.vitepress/config.ts');
+  if (!fs.existsSync(configPath)) {
+    console.log('⚠️  docs/.vitepress/config.ts 不存在，跳过侧边栏更新');
+    return;
+  }
+
+  let content = fs.readFileSync(configPath, 'utf8');
+
+  // Find the components items array inside sidebar
+  const itemsSectionMatch = content.match(/(items:\s*\[)([\s\S]*?)(\]\s*,\s*\}\s*,?\s*\]\s*,?\s*\},?)/);
+  // Fallback: specifically locate the Components section with text: "组件"
+  let sectionStartIndex = -1;
+  let sectionEndIndex = -1;
+  if (!itemsSectionMatch) {
+    const compSectionStart = content.indexOf('{\n        text: "组件"');
+    if (compSectionStart !== -1) {
+      const itemsStart = content.indexOf('items: [', compSectionStart);
+      if (itemsStart !== -1) {
+        sectionStartIndex = itemsStart + 'items: ['.length;
+        // naive bracket matching for the items array
+        let depth = 1;
+        let i = itemsStart + 'items: ['.length;
+        while (i < content.length && depth > 0) {
+          const ch = content[i];
+          if (ch === '[') depth++;
+          if (ch === ']') depth--;
+          i++;
+        }
+        sectionEndIndex = i - 1; // position of closing ']'
+      }
+    }
+  }
+
+  const kebab = toKebabFromComponent(componentName);
+  const newItem = `            { text: "${componentName}", link: "/components/f-${kebab}" },`;
+
+  if (itemsSectionMatch) {
+    const fullMatch = itemsSectionMatch[0];
+    const inner = itemsSectionMatch[2];
+    if (!new RegExp(`text:\\s*"${componentName}"`).test(inner)) {
+      const hasTrailingNewline = /\n\s*$/.test(inner);
+      const injectedInner = inner + (hasTrailingNewline ? '' : '\n') + newItem + '\n        ';
+      const replaced = fullMatch.replace(inner, injectedInner);
+      content = content.replace(fullMatch, replaced);
+      fs.writeFileSync(configPath, content);
+      console.log('📝 已更新 docs/.vitepress/config.ts 侧边栏');
+    } else {
+      console.log(`ℹ️  侧边栏已包含 ${componentName}，跳过`);
+    }
+    return;
+  }
+
+  if (sectionStartIndex !== -1 && sectionEndIndex !== -1) {
+    const inner = content.slice(sectionStartIndex, sectionEndIndex);
+    if (!new RegExp(`text:\\s*"${componentName}"`).test(inner)) {
+      const before = content.slice(0, sectionStartIndex);
+      const after = content.slice(sectionEndIndex);
+      const injected = inner + (inner.endsWith('\n') ? '' : '\n') + newItem;
+      content = before + injected + after;
+      fs.writeFileSync(configPath, content);
+      console.log('📝 已更新 docs/.vitepress/config.ts 侧边栏');
+    } else {
+      console.log(`ℹ️  侧边栏已包含 ${componentName}，跳过`);
+    }
+  } else {
+    console.log('⚠️  未能定位到侧边栏组件分组，跳过更新');
+  }
+}
+
+function run(answers) {
+  if (!answers || !answers['component-name']) {
+    console.log('❌ 请提供组件名称');
+    return;
+  }
+  let componentName = answers['component-name'];
+  if (!componentName.startsWith('F')) {
+    componentName = 'F' + componentName.charAt(0).toUpperCase() + componentName.slice(1);
+  }
+
+  const cwd = process.cwd();
+  const docsRoot = path.resolve(cwd, 'docs');
+  const compsDir = path.resolve(docsRoot, 'components');
+  const examplesDir = path.resolve(docsRoot, 'examples');
+  ensureDir(docsRoot);
+  ensureDir(compsDir);
+  ensureDir(examplesDir);
+
+  const kebab = toKebabFromComponent(componentName);
+
+  // Write markdown page
+  const mdPath = path.resolve(compsDir, `f-${kebab}.md`);
+  if (!fs.existsSync(mdPath)) {
+    fs.writeFileSync(mdPath, buildMarkdown(componentName));
+    console.log(`✅ 文档已生成: docs/components/f-${kebab}.md`);
+  } else {
+    console.log(`ℹ️ 文档已存在: docs/components/f-${kebab}.md`);
+  }
+
+  // Write demo component
+  const demoName = `Demo${componentName}`;
+  const demoPath = path.resolve(examplesDir, `${demoName}.vue`);
+  if (!fs.existsSync(demoPath)) {
+    fs.writeFileSync(demoPath, buildDemoVue(componentName));
+    console.log(`✅ 示例已生成: docs/examples/${demoName}.vue`);
+  } else {
+    console.log(`ℹ️ 示例已存在: docs/examples/${demoName}.vue`);
+  }
+
+  // Update vitepress sidebar
+  updateVitepressConfig(componentName, docsRoot);
+}
+
+module.exports = { run };
+
+

package/src/scripts/generate/index.js

@@ -1,5 +1,6 @@
 const fs = require('fs');
 const path = require('path');
+const docsGenerator = require('./docs');
 
 /**
  * 生成新的Vue组件
@@ -51,6 +52,13 @@ function generateComponent(answers) {
   
   // 更新解析器
   updateResolver(componentName);
+
+  // 生成文档与示例（独立脚本）
+  try {
+    docsGenerator.run({ 'component-name': componentName });
+  } catch (e) {
+    console.log('⚠️  生成文档时发生错误：', e && e.message ? e.message : e);
+  }
   
   console.log(`✅ 组件 ${componentName} 生成成功！`);
   console.log(`📁 组件目录: ${folderName}`);