Chatflow fe

.env

@@ -2,6 +2,9 @@ ENV = 'development'
 
 VITE_BASE=/
 VUE_APP_PREVIEW=false
-VITE_BASE_API=https://xxx.xxx.com
-VITE_SOCKET_API=wss://xxx.xxx.com
-VUE_APP_WEBSITE_NAME="Lumen IM"
+# VITE_BASE_API=https://chat.vlist.cc
+VITE_BASE_API=http://127.0.0.1:9503
+# VITE_SOCKET_API=wss://broker.emqx.io:8084
+# VITE_SOCKET_API=mqtt://127.0.0.1:11883
+VITE_SOCKET_API=ws://127.0.0.1:18888
+VUE_APP_WEBSITE_NAME="ChatFlow"

.env.electron

@@ -2,5 +2,5 @@ ENV = 'production'
 
 VITE_BASE=./
 VITE_ROUTER_MODE=hash
-VITE_BASE_API=https://xxx.xxx.com
-VITE_SOCKET_API=wss://xxx.xxx.com
+VITE_BASE_API=https://chat.vlist.cc
+VITE_SOCKET_API=wss://broker.emqx.io:8084

.env.production

@@ -3,5 +3,5 @@ ENV = 'production'
 
 VITE_BASE=/
 VITE_ROUTER_MODE=history
-VITE_BASE_API=https://xxxx.xxx.com
-VITE_SOCKET_API=wss://xxxx.xxxx.com
+VITE_BASE_API=https://chat.vlist.cc
+VITE_SOCKET_API=wss://broker.emqx.io:8084

.github/workflows/Build-and-Deploy-to-GitHub-Pages.yml

@@ -0,0 +1,61 @@
+name: Build and Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main  # 触发构建的分支
+  workflow_dispatch:
+
+permissions:  # 添加权限配置
+  contents: read
+  id-token: write
+  pages: write
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16.x'
+          cache: 'npm'
+          cache-dependency-path: '**/package-lock.json'
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      # 推送构建内容到 gh-pages 分支
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GIT_TOKEN }}
+          publish_dir: ./dist
+
+  # 在 gh-pages 分支上触发 GitHub Pages 部署
+  deploy-to-pages:
+    runs-on: ubuntu-latest
+    needs: build-and-deploy  # 确保在构建完成后执行
+    steps:
+      - name: Checkout gh-pages branch
+        uses: actions/checkout@v3
+        with:
+          ref: 'gh-pages'
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v3
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          path: '.'
+
+      - name: Deploy to GitHub Pages
+        uses: actions/deploy-pages@v2

.github/workflows/Build-and-Deploy-to-Remote-Server.yml

@@ -0,0 +1,38 @@
+name: Build and Deploy to Remote Server
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v3
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: '16.x'
+        cache: 'npm'
+        cache-dependency-path: '**/package-lock.json'
+
+    - name: Install Dependencies
+      run: npm install
+
+    - name: Build
+      run: npm run build
+
+    # 使用用户名和密码连接 SSH
+    - name: Deploy dist to Remote Server
+      env:
+        SSH_HOST: ${{ secrets.SSH_HOST }}
+        SSH_USERNAME: ${{ secrets.SSH_USERNAME }}
+        SSH_PASSWORD: ${{ secrets.SSH_PASSWORD }}
+      run: |
+        sudo apt-get update
+        sudo apt-get install -y sshpass
+        sshpass -p $SSH_PASSWORD scp -o StrictHostKeyChecking=no -r ./dist/* $SSH_USERNAME@$SSH_HOST:/etc/nginx/html/

.github/workflows/Build-and-Deploy-to-S3.yml

@@ -0,0 +1,38 @@
+# 编译的静态文件部署到S3存储
+name: Node.js Build and Deploy to S3
+
+on:
+  create:
+    tags:
+      - '*'
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    environment: 
+      name: github-pages
+
+    steps:
+    - uses: actions/checkout@v3
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: '16.x'
+
+    - name: Install Dependencies
+      run: npm install
+
+    - name: Build
+      run: npm run build
+
+    - name: Deploy to S3
+      uses: jakejarvis/s3-sync-action@v0.5.1
+      with:
+        args: --acl public-read --follow-symlinks --delete --endpoint-url ${{ secrets.CUSTOM_S3_ENDPOINT }}
+      env:
+        AWS_S3_BUCKET: ${{ secrets.AWS_S3_BUCKET }}
+        AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+        AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+        AWS_REGION: ${{ secrets.AWS_REGION }} # Or your AWS region
+        SOURCE_DIR: 'dist'

.github/workflows/Electron-Build-and-Release.yml

@@ -0,0 +1,58 @@
+name: Electron Build and Release
+
+# 定义触发事件
+on:
+  create:
+    tags:
+      - 'release-v*'
+
+# 定义任务
+jobs:
+  build-and-release:
+    # 运行环境
+    runs-on: ubuntu-latest
+    # 步骤
+    steps:
+      - uses: actions/checkout@v3
+      - name: Set up Node.js
+        # 设置 Node.js 环境
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16.x'
+      - name: Install Dependencies
+        # 安装依赖
+        run: npm install
+      - name: Build Electron App
+        # 构建 Electron 应用，生成 .dmg 和 .exe 文件
+        run: npm run electron:build
+      - name: Create Release
+        # 创建 GitHub 发布
+        id: create_release
+        uses: actions/create-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ github.ref }}
+          release_name: Release ${{ github.ref }}
+          draft: false
+          prerelease: false
+      - name: Upload DMG Asset
+        # 上传 DMG 文件作为发布的一部分
+        uses: actions/upload-release-asset@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          upload_url: ${{ steps.create_release.outputs.upload_url }}
+          asset_path: ./dist_electron/ChatFlow-0.2.0-arm64.dmg
+          asset_name: ChatFlow-0.2.0-arm64.dmg
+          asset_content_type: application/octet-stream
+      - name: Upload EXE Asset
+        # 上传 EXE 文件作为发布的一部分
+        uses: actions/upload-release-asset@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          upload_url: ${{ steps.create_release.outputs.upload_url }}
+          asset_path: ./dist_electron/ChatFlow Setup 0.2.1.exe
+          asset_name: ChatFlow Setup 0.2.1.exe
+          asset_content_type: application/octet-stream

.gitignore

@@ -24,4 +24,7 @@ makefile
 *.njsproj
 *.sln
 *.sw?
-makefile
+yarn.lock
+package-lock.json
+package-lock.json
+.env

Dockerfile

@@ -0,0 +1,45 @@
+# 第一阶段：使用 Node.js 构建项目
+FROM node:latest as builder
+
+# 设置工作目录
+WORKDIR /app
+
+# 复制 package.json 和 package-lock.json（如果存在）
+COPY package*.json ./
+
+# 安装项目依赖
+RUN npm install
+
+# 复制项目文件
+COPY . .
+
+# 构建项目
+RUN npm run build
+
+# 第二阶段：设置 Nginx
+FROM nginx:alpine
+
+# 从 builder 阶段复制构建出的 dist 目录
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+# 创建一个自定义的 Nginx 配置文件
+RUN echo 'server {\
+    listen       80;\
+    server_name  localhost;\
+\
+    location / {\
+        root   /usr/share/nginx/html;\
+        index  index.html index.htm;\
+        try_files $uri $uri/ /index.html;\
+    }\
+\
+    location /api/v1 {\
+        proxy_pass http://127.0.0.1:9503;\
+    }\
+}' > /etc/nginx/conf.d/default.conf
+
+# 暴露 80 端口
+EXPOSE 80
+
+# 启动 Nginx
+CMD ["nginx", "-g", "daemon off;"]