scripts/generate-examples.ts

scripts/generate-examples.ts

基本信息

  • 类型: 代码生成脚本
  • 路径: ./scripts/generate-examples.ts

功能描述

自动将 IDE 示例代码文件打包成单个 TypeScript 文件的脚本。将分散的示例文件合并导出，供 Prompt IDE 组件使用。

导出内容

  • 无（生成文件脚本）

依赖导入

  • fs - 文件系统操作
  • path - 路径处理

使用方法

# 通过 npm 脚本运行
npm run generate:examples

# 或直接执行
npx tsx scripts/generate-examples.ts

工作原理

源文件映射

源文件导出常量
video.tsEXAMPLE_VIDEO
audio.tsEXAMPLE_AUDIO
image.tsEXAMPLE_IMAGE
chat.tsEXAMPLE_CHAT
openai-chat.tsEXAMPLEOPENAICHAT
default.tsDEFAULT_CODE

处理流程

  1. 读取 src/components/ide/examples/ 目录下的示例文件
  2. 对内容进行处理：

- 转义反斜杠 \` - 转义反引号 ` - 转义模板字符串 ${`

  1. 生成导出行：export const CONST_NAME = `content`;
  2. 写入 generated.ts 文件

输出文件

路径: src/components/ide/examples/generated.ts

// Auto-generated from example .ts files - DO NOT EDIT MANUALLY
// Run: npm run generate:examples to regenerate

export const EXAMPLE_VIDEO = `...`;
export const EXAMPLE_AUDIO = `...`;
// ...

使用场景

  • Prompt IDE 组件加载代码示例
  • 支持多种 AI 平台（OpenAI、Fal、Wiro 等）
  • 动态切换代码模板

注意事项

  • ⚠️ 生成的文件禁止手动编辑
  • 修改示例请编辑源文件后重新运行脚本
  • 代码中的特殊字符会自动转义
← 返回目录