Forerunner

简介

Forerunner 是一个用于生成内容的 React 组件。

安装

pnpm add @idolverse/forerunner

import { Forerunner } from '@idolverse/forerunner';


export const ButtonSample = () => {
  const [message, setMessage] = useState('Some Data Analysis Prompt Message');
  return (
    <>
      <textarea
        style={{ width: '600px', height: '600px' }}
        value={message}
        onChange={(e) => setMessage(e.target.value)}
      />
      <hr />
      <Forerunner
        difyConfig={{
          baseUrl: 'http://your-dify-server-url',
          apiKey: 'your-api-key',
        }}
        onFinish={(message) => {
          console.log('end:', message);
        }}
        message={message}
        variants={{
          panelWidth: '80vw',
          panelHeight: '90vh',
        }}
      />
    </>
  );
};

示例

请查阅 stories/Forerunner.stories.tsx 文件。