Add React UI with Execution Explorer, auth, and standalone deployment
- Scaffold Vite + React + TypeScript frontend in ui/ with full design
system (dark/light themes) matching the HTML mockups
- Implement Execution Explorer page: search filters, results table with
expandable processor tree and exchange detail sidebar, pagination
- Add UI authentication: UiAuthController (login/refresh endpoints),
JWT filter handles ui: subject prefix, CORS configuration
- Shared components: StatusPill, DurationBar, StatCard, AppBadge,
FilterChip, Pagination — all using CSS Modules with design tokens
- API client layer: openapi-fetch with auth middleware, TanStack Query
hooks for search/detail/snapshot queries, Zustand for state
- Standalone deployment: Nginx Dockerfile, K8s Deployment + ConfigMap +
NodePort (30080), runtime config.js for API base URL
- Embedded mode: maven-resources-plugin copies ui/dist into JAR static
resources, SPA forward controller for client-side routing
- CI/CD: UI build step, Docker build/push for server-ui image, K8s
deploy step for UI, UI credential secrets
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-13 13:59:22 +01:00
|
|
|
apiVersion: v1
|
|
|
|
|
kind: ConfigMap
|
|
|
|
|
metadata:
|
|
|
|
|
name: cameleer3-ui-config
|
|
|
|
|
namespace: cameleer
|
|
|
|
|
data:
|
|
|
|
|
config.js: |
|
|
|
|
|
window.__CAMELEER_CONFIG__ = {
|
|
|
|
|
apiBaseUrl: 'http://192.168.50.86:30081/api/v1',
|
|
|
|
|
};
|
|
|
|
|
---
|
|
|
|
|
apiVersion: apps/v1
|
|
|
|
|
kind: Deployment
|
|
|
|
|
metadata:
|
|
|
|
|
name: cameleer3-ui
|
|
|
|
|
namespace: cameleer
|
|
|
|
|
spec:
|
|
|
|
|
replicas: 1
|
|
|
|
|
selector:
|
|
|
|
|
matchLabels:
|
|
|
|
|
app: cameleer3-ui
|
|
|
|
|
template:
|
|
|
|
|
metadata:
|
|
|
|
|
labels:
|
|
|
|
|
app: cameleer3-ui
|
|
|
|
|
spec:
|
|
|
|
|
imagePullSecrets:
|
|
|
|
|
- name: gitea-registry
|
|
|
|
|
containers:
|
|
|
|
|
- name: ui
|
|
|
|
|
image: gitea.siegeln.net/cameleer/cameleer3-server-ui:latest
|
|
|
|
|
ports:
|
|
|
|
|
- containerPort: 80
|
|
|
|
|
env:
|
|
|
|
|
- name: CAMELEER_API_URL
|
|
|
|
|
value: "http://cameleer3-server:8081"
|
|
|
|
|
volumeMounts:
|
|
|
|
|
- name: config
|
|
|
|
|
mountPath: /usr/share/nginx/html/config.js
|
|
|
|
|
subPath: config.js
|
|
|
|
|
resources:
|
|
|
|
|
requests:
|
|
|
|
|
memory: "32Mi"
|
|
|
|
|
cpu: "10m"
|
|
|
|
|
limits:
|
|
|
|
|
memory: "64Mi"
|
|
|
|
|
cpu: "100m"
|
|
|
|
|
livenessProbe:
|
|
|
|
|
httpGet:
|
|
|
|
|
path: /healthz
|
|
|
|
|
port: 80
|
|
|
|
|
periodSeconds: 10
|
|
|
|
|
readinessProbe:
|
|
|
|
|
httpGet:
|
|
|
|
|
path: /healthz
|
|
|
|
|
port: 80
|
|
|
|
|
periodSeconds: 5
|
|
|
|
|
volumes:
|
|
|
|
|
- name: config
|
|
|
|
|
configMap:
|
|
|
|
|
name: cameleer3-ui-config
|
|
|
|
|
---
|
|
|
|
|
apiVersion: v1
|
|
|
|
|
kind: Service
|
|
|
|
|
metadata:
|
|
|
|
|
name: cameleer3-ui
|
|
|
|
|
namespace: cameleer
|
|
|
|
|
spec:
|
|
|
|
|
type: NodePort
|
|
|
|
|
selector:
|
|
|
|
|
app: cameleer3-ui
|
|
|
|
|
ports:
|
|
|
|
|
- port: 80
|
|
|
|
|
targetPort: 80
|
2026-03-13 14:11:50 +01:00
|
|
|
nodePort: 30090
|