|
|
||
|---|---|---|
| .husky | ||
| .vscode | ||
| __tests__ | ||
| docs | ||
| gen | ||
| i18n | ||
| prisma | ||
| public | ||
| scripts | ||
| src | ||
| .editorconfig | ||
| .env.example | ||
| .eslintrc.json | ||
| .gitignore | ||
| .prettierignore | ||
| .prettierrc.json | ||
| LICENSE | ||
| README.md | ||
| README.zh-CN.md | ||
| jest.config.js | ||
| next-sitemap.config.js | ||
| next.config.js | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| vercel.json | ||
README.md
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:
- Clone the ChatFlow template from GitHub.
- Create a Vercel account and connect it to your GitHub account.
- Create a Planetscale account.
- Set up your Planetscale database:
- Log in to your Planetscale account with
pscale auth login. - Create a password with
pscale password create <DATABASE_NAME> <BRANCH_NAME> <PASSWORD_NAME>. - Push your database to Planetscale with
npx prisma db push.
- Log in to your Planetscale account with
- Configure your Vercel environment:
- Set
DATABASE_URLto your Planetscale database URL. - Generate an encryption key with
node scripts/gen-enc.jsand set it asENC_KEY.
- Set
With these steps completed, your ChatFlow will be deployed on Vercel with a Planetscale serverless MySQL database.
Local Usage
- Clone the ChatFlow template from GitHub.
- Dependencies on Planetscale services still exist temporarily. Please register as mentioned in the previous section and configure
DATABASE_URLin the.envfile. - Run
npm install. - Generate an encryption key using
node scripts/gen-enc.jsand configure it in the.envfile in the formatENC_KEY=***. (Note: You can copy the.envfile from env.template) - 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.
