feat: compose extension & GH action

Author: xjadrnic

.github/workflows/build-ui.yml

@@ -0,0 +1,55 @@
+name: Build and Push UI Container
+
+on:
+  schedule:
+    - cron: "0 10 * * *" # every day at 10am
+  push:
+    branches:
+      - main
+  pull_request:
+  workflow_dispatch:
+
+jobs:
+  build-ui:
+    name: Build UI Container
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to GitHub Container Registry
+        if: github.event_name != 'pull_request'
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Extract metadata
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ghcr.io/${{ github.repository_owner }}/fhir-ui
+          tags: |
+            type=schedule
+            type=ref,event=branch
+            type=ref,event=pr
+            type=semver,pattern={{version}}
+            type=semver,pattern={{major}}.{{minor}}
+            type=raw,value=latest,enable=${{ github.ref == format('refs/heads/{0}', 'main') }}
+
+      - name: Build and push UI container
+        uses: docker/build-push-action@v5
+        with:
+          context: ui/fhir-place
+          file: ui/fhir-place/Dockerfile
+          push: ${{ github.event_name != 'pull_request' }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          platforms: linux/amd64,linux/arm64

compose.yaml

@@ -52,6 +52,24 @@ services:
         target: "/opt/records"
       - fhir-logs:/var/log/fhir-module
 
+  fhir-ui:
+    image: ghcr.io/bbmri-cz/fhir-ui:local
+    container_name: fhir-ui
+    profiles:
+      - dev
+      - prod
+    networks:
+      - fhir-integration
+      - monitoring
+    ports:
+      - "3000:3000"
+    env_file:
+      - .env
+    volumes:
+      - ui-data:/app/data
+    depends_on:
+      - fhir-module
+
   prometheus:
     image: prom/prometheus:latest
     depends_on:
@@ -136,3 +154,4 @@ volumes:
   fhir-logs:
   promtail-config:
   promtail-positions:
+  ui-data:

ui/fhir-place/.dockerignore

@@ -0,0 +1,14 @@
+node_modules
+.next
+.git
+.gitignore
+README.md
+Dockerfile
+.dockerignore
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.env*.local
+.DS_Store
+*.tgz
+*.tar.gz 

ui/fhir-place/Dockerfile

@@ -0,0 +1,54 @@
+# Build stage
+FROM node:18-alpine AS builder
+
+# Install dependencies needed for native modules
+RUN apk add --no-cache libc6-compat python3 make g++
+
+WORKDIR /app
+
+# Copy package files
+COPY package*.json ./
+
+# Install all dependencies (including devDependencies for build)
+RUN npm ci && npm cache clean --force
+
+# Copy source code
+COPY . .
+
+# Generate database schema and build the application
+RUN npm run db:generate
+RUN npm run build
+
+# Production stage
+FROM node:18-alpine AS runner
+
+WORKDIR /app
+
+# Create a non-root user
+RUN addgroup -g 1001 -S nodejs
+RUN adduser -S nextjs -u 1001
+
+# Copy necessary files from builder stage
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/.next/standalone ./
+COPY --from=builder /app/.next/static ./.next/static
+
+# Copy package.json for runtime dependencies
+COPY --from=builder /app/package.json ./package.json
+
+# Copy database migration files if they exist
+COPY --from=builder /app/drizzle ./drizzle
+COPY --from=builder /app/src/scripts ./src/scripts
+
+# Set correct permissions
+RUN chown -R nextjs:nodejs /app
+USER nextjs
+
+# Expose port
+EXPOSE 3000
+
+ENV PORT=3000
+ENV HOSTNAME="0.0.0.0"
+
+# Start the application
+CMD ["node", "server.js"] 

ui/fhir-place/auth.ts

@@ -8,6 +8,9 @@ import { InvalidCredentialsError, AuthenticationError } from "@/lib/errors";
 import { LoginFormSchema } from "@/app/login/form/schema";
 
 const config = {
+  trustHost:
+    process.env.NODE_ENV === "development" ||
+    process.env.AUTH_TRUST_HOST === "true",
   providers: [
     Credentials({
       name: "credentials",
@@ -88,10 +91,7 @@ const config = {
   session: {
     strategy: "jwt" as const,
   },
-  secret:
-    process.env.AUTH_SECRET ||
-    process.env.SESSION_SECRET ||
-    "your-secret-key-change-this-in-production",
+  secret: process.env.AUTH_SECRET,
 };
 
 export const { handlers, signIn, signOut, auth } = NextAuth(config);

ui/fhir-place/docker-compose.yml

@@ -0,0 +1,16 @@
+version: "3.8"
+
+services:
+  fhir-ui:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    ports:
+      - "3000:3000"
+    environment:
+      - NODE_ENV=production
+      - PORT=3000
+    volumes:
+      # Mount a volume for the SQLite database to persist data
+      - ./data:/app/data
+    restart: unless-stopped

ui/fhir-place/next.config.ts

@@ -1,6 +1,7 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
+  output: "standalone",
   /* config options here */
 };
 

ui/fhir-place/package.json

@@ -18,6 +18,7 @@
     "@radix-ui/react-hover-card": "^1.1.14",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-select": "^2.1.1",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tabs": "^1.1.12",
     "bcryptjs": "^3.0.2",

ui/fhir-place/src/actions/backend/backend-control.ts

@@ -12,6 +12,8 @@ async function callBackendAPI(
   endpoint: string,
   method: string = "POST"
 ): Promise<BackendActionResult> {
+  console.log("BACKEND_BASE_URL", BACKEND_BASE_URL);
+
   try {
     const response = await fetch(`${BACKEND_BASE_URL}${endpoint}`, {
       method,

ui/fhir-place/src/actions/prometheus/query.ts

@@ -26,7 +26,9 @@ export async function queryPrometheusAction(
       };
     }
 
-    const prometheusUrl = `http://localhost:9090/api/v1/query`;
+    const prometheusBaseUrl =
+      process.env.PROMETHEUS_URL || "http://prometheus:9090";
+    const prometheusUrl = `${prometheusBaseUrl}/api/v1/query`;
     const url = new URL(prometheusUrl);
     url.searchParams.append("query", query);