• Stars
    star
    433
  • Rank 100,464 (Top 2 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 1 year ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

ChatFlow - AI-based chat flow framework, personalize your ChatGPT workflows and build the road to automation。ChatFlow —— 打造个性化 ChatGPT 流程,构建自动化之路

ChatFlow - Personalize your ChatGPT workflows and build the road to automation

ci GitHub Discord

Screenshots:

English | 简体中文

Online Demo: https://prompt.phodal.com/

Join us:

Chat Server

Deploy

Deploy ChatFlow on Vercel with Planetscale

Follow these steps to deploy ChatFlow on Vercel with a serverless MySQL database provided by Planetscale:

  1. Clone the ChatFlow template from GitHub.
  2. Create a Vercel account and connect it to your GitHub account.
  3. Create a Planetscale account.
  4. Set up your Planetscale database:
    1. Log in to your Planetscale account with pscale auth login.
    2. Create a password with pscale password create <DATABASE_NAME> <BRANCH_NAME> <PASSWORD_NAME>.
    3. Push your database to Planetscale with npx prisma db push.
  5. Configure your Vercel environment:
    • Set DATABASE_URL to your Planetscale database URL.
    • Generate an encryption key with node scripts/gen-enc.js and set it as ENC_KEY.

With these steps completed, your ChatFlow will be deployed on Vercel with a Planetscale serverless MySQL database.

Local Usage

  1. Clone the ChatFlow template from GitHub.
  2. Dependencies on Planetscale services still exist temporarily. Please register as mentioned in the previous section and configure DATABASE_URL in the .env file.
  3. Run npm install.
  4. Generate an encryption key using node scripts/gen-enc.js and configure it in the .env file in the format ENC_KEY=***. (Note: You can copy the .env file from env.template)
  5. You can now use the application by running npm run dev.

Create new Flow

Development

Technical documentation:

  • Flowchart
    • DotParser, parse dot file to graph data
    • dagre, layout graph data
    • ReactFlow, render graph data
  • Flow Functions
    • jsonpath-plus, parse jsonpath
    • expr-eval, parse expression
  • Flow Components
    • JsonViewer, render json data
    • DataTable, render table data
  • Flow Editor
    • ReactFlow, render graph data
  • Repl Server
    • Rx.js, handle websocket
  • Others
    • MarkdownViewer, render markdown data
    • MermaidViewer, render mermaid data

LICENSE

This code is distributed under the MIT license. See LICENSE in this directory.

More Repositories

1

understand-prompt

【🔞🔞🔞 内含不适合未成年人阅读的图片】基于我擅长的编程、绘画、写作展开的 AI 探索和总结:StableDiffusion 是一种强大的图像生成模型,能够通过对一张图片进行演化来生成新的图片。ChatGPT 是一个基于 Transformer 的语言生成模型,它能够自动为输入的主题生成合适的文章。而 Github Copilot 是一个智能编程助手,能够加速日常编程活动。
Jupyter Notebook
3,188
star
2

click-prompt

ClickPrompt - Streamline your prompt design, with ClickPrompt, you can easily view, share, and run these prompts with just one click. ClickPrompt 用于一键轻松查看、分享和执行您的 Prompt。
TypeScript
2,282
star
3

chat-visual-novel

ChatVisualNovel - a fully customizable visual novel engine powered by ChatGPT. ChatVisualNovel —— 基于ChatGPT的定制化视觉小说引擎。
TypeScript
120
star
4

chatgpt-integration-patterns

总结如何更好地集成 ChatGPT 的相关模式,方便于我们后续在其它 LLM(大语言模型)中使用。Summary some interesting integration modes related to ChatGPT, which will facilitate our future use in other large language models .
65
star
5

chat-diffusion

ChatDiffusion - A ChatGPT web UI that integrates with variety of online Stable Diffusion services
TypeScript
57
star
6

unit-mesh

Unit Mesh: A asymptotic AI programming architecture
Kotlin
45
star
7

chat-chess

Chess AI and commentary powered by ChatGPT
TypeScript
12
star
8

unit-server

UnitServer 是一个结合 Serverless + REPL 的工具 ,允许用户轻松地运行 AI 生成的代码,并进行实时交互。FlowREPL is an interactive REPL tool that enables users to easily run code generated by AI and interact with it in real-time.
Kotlin
12
star
9

awesome-prompt-engineering

awesome for your to collections
11
star
10

stable-diffusion-preview

a collections of preview images for generator
6
star
11

chat-flow-old

ChatFlow, personalize your ChatGPT workflows and build the road to automation。ChatFlow —— 打造个性化 ChatGPT 流程,构建自动化之路
TypeScript
1
star