IDE 示例导出

IDE 示例导出

概述

index.ts 是 IDE 示例代码的导出文件，统一导出各种预设示例代码字符串。

文件路径

src/components/ide/examples/index.ts

导出内容

export {
  EXAMPLE_VIDEO,    // 视频生成示例
  EXAMPLE_AUDIO,    // 音频生成示例
  EXAMPLE_IMAGE,    // 图像生成示例
  EXAMPLE_CHAT,     // 对话示例
  DEFAULT_CODE,     // 默认代码
} from './generated';

示例类型

导出说明
EXAMPLE_VIDEO视频生成 Prompt 示例
EXAMPLE_AUDIO音频生成 Prompt 示例
EXAMPLE_IMAGE图像生成 Prompt 示例
EXAMPLE_CHAT对话 Prompt 示例
DEFAULT_CODEIDE 默认加载的代码

使用示例

import { 
  EXAMPLE_IMAGE, 
  EXAMPLE_VIDEO,
  EXAMPLE_AUDIO,
  EXAMPLE_CHAT 
} from "./examples";

// 加载图像示例
const loadImageExample = () => {
  setCode(EXAMPLE_IMAGE);
};

// 加载视频示例
const loadVideoExample = () => {
  setCode(EXAMPLE_VIDEO);
};

实际来源

实际示例代码定义在 generated.ts 文件中（由构建流程生成），包含完整的 prompts.chat 库使用示例。

示例代码结构

示例代码通常包含：

// 导入语句
import { image, builder } from "prompts.chat";

// 构建 Prompt
const prompt = image()
  .subject("...")
  .style("...")
  .build();

// 导出结果
export default prompt;

相关文件

  • generated.ts - 实际示例代码定义
  • prompt-ide.tsx - 使用这些示例的 IDE 组件

注意事项

  1. 示例代码使用 prompts.chat 库的 API
  2. 代码会在 IDE 中实时执行和预览
  3. 示例字符串包含完整的 TypeScript 代码
  4. 实际内容在构建时从其他来源生成
← 返回目录