Awesome

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

Screenshots:

English | 简体中文

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

Join us:

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

• examples: see in: src/assets/chatgpt/flow
• all type defines: src/flows/types

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.