@gientech/modual 1.4.7 → 1.5.2

package/scripts/demo-selector.js

@@ -1,216 +1,216 @@
-#!/usr/bin/env node
-
-import inquirer from 'inquirer';
-import fs from 'fs-extra';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// 检测操作系统
-const isWindows = process.platform === 'win32';
-
-// 调试信息
-console.log('🔧 调试信息:');
-console.log('  Node.js 版本:', process.version);
-console.log('  操作系统:', process.platform);
-console.log('  当前工作目录:', process.cwd());
-console.log('  脚本目录:', __dirname);
-console.log('  Windows 模式:', isWindows);
-console.log('');
-
-// 项目根目录
-const PROJECT_ROOT = path.resolve(__dirname, '..');
-const SRC_DIR = path.join(PROJECT_ROOT, 'src');
-const MAIN_TEMPLATE = path.join(PROJECT_ROOT, 'src/main.template.tsx');
-const MAIN_FILE = path.join(PROJECT_ROOT, 'src/main.tsx');
-
-/**
- * 扫描示例文件
- * 支持两种模式：
- * 1. src/Example_XXXX.tsx (单文件模式)
- * 2. src/examples/XXXX/XXXX.tsx 或 src/examples/XXXX/index.tsx (文件夹模式)
- */
-function scanExampleFiles() {
-  const examples = [];
-
-  try {
-    // 扫描单文件模式: Example_XXXX.tsx
-    const files = fs.readdirSync(SRC_DIR);
-    files.forEach(file => {
-      if (file.startsWith('Example_') && file.endsWith('.tsx')) {
-        const name = file.replace('Example_', '').replace('.tsx', '');
-        examples.push({
-          name: `${name} (单文件)`,
-          value: file,
-          type: 'single',
-          path: path.join(SRC_DIR, file)
-        });
-      }
-    });
-
-    // 扫描文件夹模式: examples/XXXX/
-    const examplesDir = path.join(SRC_DIR, 'examples');
-    if (fs.existsSync(examplesDir)) {
-      const exampleDirs = fs.readdirSync(examplesDir);
-      exampleDirs.forEach(dir => {
-        const dirPath = path.join(examplesDir, dir);
-        if (fs.statSync(dirPath).isDirectory()) {
-          // 检查是否有 index.tsx 或 同名.tsx 文件
-          const indexFile = path.join(dirPath, 'index.tsx');
-          const namedFile = path.join(dirPath, `${dir}.tsx`);
-
-          if (fs.existsSync(indexFile)) {
-            examples.push({
-              name: `${dir} (文件夹 - index.tsx)`,
-              value: `examples/${dir}/index.tsx`,
-              type: 'folder',
-              path: indexFile
-            });
-          } else if (fs.existsSync(namedFile)) {
-            examples.push({
-              name: `${dir} (文件夹 - ${dir}.tsx)`,
-              value: `examples/${dir}/${dir}.tsx`,
-              type: 'folder',
-              path: namedFile
-            });
-          }
-        }
-      });
-    }
-  } catch (error) {
-    console.error('扫描示例文件时出错:', error);
-  }
-
-  return examples;
-}
-
-/**
- * 生成临时的 main.tsx 文件
- */
-function generateMainFile(selectedExample) {
-  // 统一去掉扩展名，确保导入路径无后缀
-  const normalizedImportPath = selectedExample.replace(/\.(t|j)sx?$/, '');
-
-  // 智能解析组件名称，且确保不包含扩展名或非法标识符字符
-  let componentName;
-  if (selectedExample.includes('examples/')) {
-    // 文件夹模式：使用文件夹名称作为组件名
-    const folderName = selectedExample.split('/')[1]; // 获取 examples/Form/ 中的 Form
-    componentName = folderName.charAt(0).toUpperCase() + folderName.slice(1); // 首字母大写
-  } else {
-    // 单文件模式：使用文件名作为组件名
-    componentName = path.basename(normalizedImportPath);
-  }
-  // 清理可能的无效字符并确保首字符为字母/下划线
-  componentName = componentName.replace(/\.(t|j)sx?$/i, '').replace(/[^\w$]/g, '');
-  if (!/^[A-Za-z_$]/.test(componentName)) {
-    componentName = '_' + componentName;
-  }
-
-  const mainContent = `import React from 'react';
-import ReactDOM from 'react-dom/client';
-import ${componentName} from './${normalizedImportPath}';
-
-ReactDOM.createRoot(document.getElementById('root')!).render(<${componentName} />);
-`;
-
-  try {
-    // 备份原始 main.tsx 文件
-    if (fs.existsSync(MAIN_FILE)) {
-      fs.copyFileSync(MAIN_FILE, MAIN_FILE + '.backup');
-    }
-
-    // 写入新的 main.tsx
-    fs.writeFileSync(MAIN_FILE, mainContent);
-    console.log(`✅ 已生成临时 main.tsx，导入示例: ${selectedExample}`);
-
-    return true;
-  } catch (error) {
-    console.error('生成 main.tsx 文件时出错:', error);
-    return false;
-  }
-}
-
-/**
- * 恢复原始的 main.tsx 文件
- */
-function restoreMainFile() {
-  try {
-    if (fs.existsSync(MAIN_FILE + '.backup')) {
-      fs.copyFileSync(MAIN_FILE + '.backup', MAIN_FILE);
-      fs.removeSync(MAIN_FILE + '.backup');
-      console.log('✅ 已恢复原始 main.tsx 文件');
-    }
-  } catch (error) {
-    console.error('恢复 main.tsx 文件时出错:', error);
-  }
-}
-
-/**
- * 主函数
- */
-async function main() {
-  console.log('🔍 正在扫描示例文件...\n');
-
-  const examples = scanExampleFiles();
-
-  if (examples.length === 0) {
-    console.log('❌ 未找到任何示例文件');
-    console.log('请确保有以下格式的文件：');
-    console.log('  - src/Example_XXXX.tsx');
-    console.log('  - src/examples/XXXX/XXXX.tsx');
-    console.log('  - src/examples/XXXX/index.tsx');
-    process.exit(1);
-  }
-
-  console.log(`📁 找到 ${examples.length} 个示例文件:\n`);
-
-  const { selectedExample } = await inquirer.prompt([
-    {
-      type: 'list',
-      name: 'selectedExample',
-      message: '请选择要运行的示例:',
-      choices: examples,
-      pageSize: 10
-    }
-  ]);
-
-  console.log(`\n🎯 已选择: ${selectedExample}`);
-
-  // 生成临时 main.tsx
-  if (generateMainFile(selectedExample)) {
-    console.log('\n🚀 示例文件已准备就绪！');
-    console.log('现在可以运行以下命令：');
-    console.log('  - 开发模式: pnpm run dev:demo');
-    console.log('  - 打包模式: pnpm run build:demo');
-    console.log('\n💡 提示: 运行完成后会自动恢复原始 main.tsx 文件');
-  } else {
-    console.error('❌ 准备示例文件失败');
-    process.exit(1);
-  }
-}
-
-// 处理进程退出，确保恢复原始文件
-process.on('SIGINT', () => {
-  console.log('\n\n🔄 正在清理...');
-  restoreMainFile();
-  process.exit(0);
-});
-
-process.on('SIGTERM', () => {
-  console.log('\n\n🔄 正在清理...');
-  restoreMainFile();
-  process.exit(0);
-});
-
-// 如果直接运行此脚本
-if (import.meta.url === `file://${process.argv[1]}`) {
-  main().catch(error => {
-    console.error('❌ 脚本执行失败:', error);
-    process.exit(1);
-  });
-}
-
-export { main, generateMainFile, restoreMainFile, scanExampleFiles };
+#!/usr/bin/env node
+
+import inquirer from 'inquirer';
+import fs from 'fs-extra';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// 检测操作系统
+const isWindows = process.platform === 'win32';
+
+// 调试信息
+console.log('🔧 调试信息:');
+console.log('  Node.js 版本:', process.version);
+console.log('  操作系统:', process.platform);
+console.log('  当前工作目录:', process.cwd());
+console.log('  脚本目录:', __dirname);
+console.log('  Windows 模式:', isWindows);
+console.log('');
+
+// 项目根目录
+const PROJECT_ROOT = path.resolve(__dirname, '..');
+const SRC_DIR = path.join(PROJECT_ROOT, 'src');
+const MAIN_TEMPLATE = path.join(PROJECT_ROOT, 'src/main.template.tsx');
+const MAIN_FILE = path.join(PROJECT_ROOT, 'src/main.tsx');
+
+/**
+ * 扫描示例文件
+ * 支持两种模式：
+ * 1. src/Example_XXXX.tsx (单文件模式)
+ * 2. src/examples/XXXX/XXXX.tsx 或 src/examples/XXXX/index.tsx (文件夹模式)
+ */
+function scanExampleFiles() {
+  const examples = [];
+
+  try {
+    // 扫描单文件模式: Example_XXXX.tsx
+    const files = fs.readdirSync(SRC_DIR);
+    files.forEach(file => {
+      if (file.startsWith('Example_') && file.endsWith('.tsx')) {
+        const name = file.replace('Example_', '').replace('.tsx', '');
+        examples.push({
+          name: `${name} (单文件)`,
+          value: file,
+          type: 'single',
+          path: path.join(SRC_DIR, file)
+        });
+      }
+    });
+
+    // 扫描文件夹模式: examples/XXXX/
+    const examplesDir = path.join(SRC_DIR, 'examples');
+    if (fs.existsSync(examplesDir)) {
+      const exampleDirs = fs.readdirSync(examplesDir);
+      exampleDirs.forEach(dir => {
+        const dirPath = path.join(examplesDir, dir);
+        if (fs.statSync(dirPath).isDirectory()) {
+          // 检查是否有 index.tsx 或 同名.tsx 文件
+          const indexFile = path.join(dirPath, 'index.tsx');
+          const namedFile = path.join(dirPath, `${dir}.tsx`);
+
+          if (fs.existsSync(indexFile)) {
+            examples.push({
+              name: `${dir} (文件夹 - index.tsx)`,
+              value: `examples/${dir}/index.tsx`,
+              type: 'folder',
+              path: indexFile
+            });
+          } else if (fs.existsSync(namedFile)) {
+            examples.push({
+              name: `${dir} (文件夹 - ${dir}.tsx)`,
+              value: `examples/${dir}/${dir}.tsx`,
+              type: 'folder',
+              path: namedFile
+            });
+          }
+        }
+      });
+    }
+  } catch (error) {
+    console.error('扫描示例文件时出错:', error);
+  }
+
+  return examples;
+}
+
+/**
+ * 生成临时的 main.tsx 文件
+ */
+function generateMainFile(selectedExample) {
+  // 统一去掉扩展名，确保导入路径无后缀
+  const normalizedImportPath = selectedExample.replace(/\.(t|j)sx?$/, '');
+
+  // 智能解析组件名称，且确保不包含扩展名或非法标识符字符
+  let componentName;
+  if (selectedExample.includes('examples/')) {
+    // 文件夹模式：使用文件夹名称作为组件名
+    const folderName = selectedExample.split('/')[1]; // 获取 examples/Form/ 中的 Form
+    componentName = folderName.charAt(0).toUpperCase() + folderName.slice(1); // 首字母大写
+  } else {
+    // 单文件模式：使用文件名作为组件名
+    componentName = path.basename(normalizedImportPath);
+  }
+  // 清理可能的无效字符并确保首字符为字母/下划线
+  componentName = componentName.replace(/\.(t|j)sx?$/i, '').replace(/[^\w$]/g, '');
+  if (!/^[A-Za-z_$]/.test(componentName)) {
+    componentName = '_' + componentName;
+  }
+
+  const mainContent = `import React from 'react';
+import ReactDOM from 'react-dom/client';
+import ${componentName} from './${normalizedImportPath}';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(<${componentName} />);
+`;
+
+  try {
+    // 备份原始 main.tsx 文件
+    if (fs.existsSync(MAIN_FILE)) {
+      fs.copyFileSync(MAIN_FILE, MAIN_FILE + '.backup');
+    }
+
+    // 写入新的 main.tsx
+    fs.writeFileSync(MAIN_FILE, mainContent);
+    console.log(`✅ 已生成临时 main.tsx，导入示例: ${selectedExample}`);
+
+    return true;
+  } catch (error) {
+    console.error('生成 main.tsx 文件时出错:', error);
+    return false;
+  }
+}
+
+/**
+ * 恢复原始的 main.tsx 文件
+ */
+function restoreMainFile() {
+  try {
+    if (fs.existsSync(MAIN_FILE + '.backup')) {
+      fs.copyFileSync(MAIN_FILE + '.backup', MAIN_FILE);
+      fs.removeSync(MAIN_FILE + '.backup');
+      console.log('✅ 已恢复原始 main.tsx 文件');
+    }
+  } catch (error) {
+    console.error('恢复 main.tsx 文件时出错:', error);
+  }
+}
+
+/**
+ * 主函数
+ */
+async function main() {
+  console.log('🔍 正在扫描示例文件...\n');
+
+  const examples = scanExampleFiles();
+
+  if (examples.length === 0) {
+    console.log('❌ 未找到任何示例文件');
+    console.log('请确保有以下格式的文件：');
+    console.log('  - src/Example_XXXX.tsx');
+    console.log('  - src/examples/XXXX/XXXX.tsx');
+    console.log('  - src/examples/XXXX/index.tsx');
+    process.exit(1);
+  }
+
+  console.log(`📁 找到 ${examples.length} 个示例文件:\n`);
+
+  const { selectedExample } = await inquirer.prompt([
+    {
+      type: 'list',
+      name: 'selectedExample',
+      message: '请选择要运行的示例:',
+      choices: examples,
+      pageSize: 10
+    }
+  ]);
+
+  console.log(`\n🎯 已选择: ${selectedExample}`);
+
+  // 生成临时 main.tsx
+  if (generateMainFile(selectedExample)) {
+    console.log('\n🚀 示例文件已准备就绪！');
+    console.log('现在可以运行以下命令：');
+    console.log('  - 开发模式: pnpm run dev:demo');
+    console.log('  - 打包模式: pnpm run build:demo');
+    console.log('\n💡 提示: 运行完成后会自动恢复原始 main.tsx 文件');
+  } else {
+    console.error('❌ 准备示例文件失败');
+    process.exit(1);
+  }
+}
+
+// 处理进程退出，确保恢复原始文件
+process.on('SIGINT', () => {
+  console.log('\n\n🔄 正在清理...');
+  restoreMainFile();
+  process.exit(0);
+});
+
+process.on('SIGTERM', () => {
+  console.log('\n\n🔄 正在清理...');
+  restoreMainFile();
+  process.exit(0);
+});
+
+// 如果直接运行此脚本
+if (import.meta.url === `file://${process.argv[1]}`) {
+  main().catch(error => {
+    console.error('❌ 脚本执行失败:', error);
+    process.exit(1);
+  });
+}
+
+export { main, generateMainFile, restoreMainFile, scanExampleFiles };