Wire node-static deploy for chat_web_app (closes #13).
Unit Tests / test (pull_request) Successful in 11s

Add build:prod/beta webroot scripts, Gitea CI/deploy workflows, and bake API
URLs from REACT_APP_* so hosts can deploy via server-infra like dta_webapp.
This commit is contained in:
2026-07-25 04:32:07 -07:00
parent c0d83359cc
commit b075006d0f
8 changed files with 156 additions and 8 deletions
+37
View File
@@ -0,0 +1,37 @@
name: Deploy Beta
on:
workflow_dispatch: {}
jobs:
unit-tests:
runs-on: self-hosted
defaults:
run:
working-directory: llm-fe
steps:
- uses: actions/checkout@v4
- name: Setup Node
uses: actions/setup-node@v4
with:
node-version: "20"
- name: Install dependencies
run: npm ci
- name: Run unit tests
run: npm run test:ci
deploy-beta:
needs: unit-tests
runs-on: self-hosted
env:
SERVER_INFRA_ROOT: /home/westfarn/Documents/repos/server-infra
steps:
- name: Deploy chat_web_app beta
run: |
"$SERVER_INFRA_ROOT/scripts/deploy.sh" \
--app chat_web_app \
--env beta \
--ref "${{ gitea.sha }}"
+22
View File
@@ -0,0 +1,22 @@
name: Deploy Prod
# Runs after Unit Tests completes on master. Direct pushes only (not PRs).
on:
workflow_run:
workflows: [Unit Tests]
types: [completed]
branches: [master]
jobs:
deploy:
if: gitea.event.workflow_run.conclusion == 'success' && gitea.event.workflow_run.event == 'push'
runs-on: self-hosted
env:
SERVER_INFRA_ROOT: /home/westfarn/Documents/repos/server-infra
steps:
- name: Deploy chat_web_app prod
run: |
"$SERVER_INFRA_ROOT/scripts/deploy.sh" \
--app chat_web_app \
--env prod \
--ref "${{ gitea.event.workflow_run.head_sha }}"
+28
View File
@@ -0,0 +1,28 @@
name: Unit Tests
on:
push:
branches: [master]
pull_request:
branches: [master]
jobs:
test:
runs-on: self-hosted
defaults:
run:
working-directory: llm-fe
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Setup Node
uses: actions/setup-node@v4
with:
node-version: "20"
- name: Install dependencies
run: npm ci
- name: Run unit tests
run: npm run test:ci
+63
View File
@@ -0,0 +1,63 @@
# Chat Bot Frontend (`chat_web_app`)
CRA/React app under `llm-fe/`. Production serve is **node-static** (not Docker):
hosts build with npm and write into `/var/www/...`; the shared **web-static** nginx
container serves those roots. Deploy is driven by `server-infra`.
## Local development
```bash
cd llm-fe
npm ci
npm start
```
Uses `.env.development` (API → local `chat_backend`, usually `http://127.0.0.1:8001`).
## Environment files (CRA `REACT_APP_*`)
| File | When used | Backend |
|------|-----------|---------|
| `.env.development` | `npm start` | local backend |
| `.env.production` | `npm run build` / `build:prod` | `https://chatbackend.aimloperations.com` |
| `.env.beta` | `npm run build:beta` | `https://beta.chatbackend.aimloperations.com` |
Baked into the JS bundle at build time. No host secret file needed for this
frontend (unlike Django apps under `~/Documents/secrets/`).
Required vars:
- `REACT_APP_BACKEND_REST_API_BASE_URL` — REST base (trailing `/api/`)
- `REACT_APP_BACKEND_WS_API_BASE_URL` — WebSocket URL (full `ws://` / `wss://` path)
## Production / beta build (host deploy)
`server-infra` runs `npm ci` then `npm run build:<env>` in `llm-fe/`. Those
scripts write static assets into:
| Script | Document root |
|--------|----------------|
| `npm run build:prod` | `/var/www/prod.chat.aimloperations/html` |
| `npm run build:beta` | `/var/www/beta.chat.aimloperations/html` |
Paths must match `server-infra` `app_catalog.chat_web_app.webroot_pattern`.
Manual deploy from the control node:
```bash
~/Documents/repos/server-infra/scripts/deploy.sh \
--app chat_web_app --env prod --ref <sha>
```
## CI / CD (Gitea)
- `.gitea/workflows/unit-tests.yml` — tests on push/PR to `master`
- `.gitea/workflows/deploy-prod.yml` — after green Unit Tests on `master` push
- `.gitea/workflows/deploy-beta.yml` — manual (`workflow_dispatch`)
## Tests
```bash
cd llm-fe
npm run test:ci
```
+2
View File
@@ -0,0 +1,2 @@
REACT_APP_BACKEND_REST_API_BASE_URL=https://beta.chatbackend.aimloperations.com/api/
REACT_APP_BACKEND_WS_API_BASE_URL=wss://beta.chatbackend.aimloperations.com/ws/chat_again/
+2
View File
@@ -40,6 +40,8 @@
"scripts": { "scripts": {
"start": "NODE_ENV=development react-scripts start", "start": "NODE_ENV=development react-scripts start",
"build": "NODE_ENV=production react-scripts build", "build": "NODE_ENV=production react-scripts build",
"build:prod": "NODE_ENV=production react-scripts build && mkdir -p /var/www/prod.chat.aimloperations/html && cp -r ./build/* /var/www/prod.chat.aimloperations/html/",
"build:beta": "bash -c 'set -a; source .env.beta; set +a; NODE_ENV=production react-scripts build' && mkdir -p /var/www/beta.chat.aimloperations/html && cp -r ./build/* /var/www/beta.chat.aimloperations/html/",
"test": "NODE_ENV=development react-scripts test", "test": "NODE_ENV=development react-scripts test",
"test:ci": "CI=true NODE_ENV=development react-scripts test --watchAll=false --coverage=false", "test:ci": "CI=true NODE_ENV=development react-scripts test --watchAll=false --coverage=false",
"eject": "react-scripts eject" "eject": "react-scripts eject"
+1 -3
View File
@@ -1,9 +1,7 @@
import axios from "axios"; import axios from "axios";
const Cookies = require("js-cookie"); const Cookies = require("js-cookie");
const baseURL = "http://localhost:8011/api/"; const baseURL = process.env.REACT_APP_BACKEND_REST_API_BASE_URL;
//const baseURL = 'https://chatbackend.aimloperations.com/api/';
//const baseURL = process.env.REACT_APP_BACKEND_REST_API_BASE_URL;
export const axiosInstance = axios.create({ export const axiosInstance = axios.create({
baseURL: baseURL, baseURL: baseURL,
@@ -70,11 +70,7 @@ function WebSocketProvider({ children }) {
useEffect(() => { useEffect(() => {
/* WS initialization and cleanup */ /* WS initialization and cleanup */
if (account) { if (account) {
ws.current = new WebSocket(`ws://localhost:8011/ws/chat_again/`); ws.current = new WebSocket(process.env.REACT_APP_BACKEND_WS_API_BASE_URL);
//ws.current = new WebSocket(`ws://localhost:8011/ws/conditional_chat/`);
//ws.current = new WebSocket('wss://chatbackend.aimloperations.com/ws/chat_again/')
//ws.current = new WebSocket('wss://chatbackend.aimloperations.com/ws/conditional_chat/')
//ws.current = process.env.REACT_APP_BACKEND_WS_API_BASE_URL;
ws.current.onopen = () => { ws.current.onopen = () => {
setSocket(ws.current); setSocket(ws.current);