De Express-app serveert nu zelf de gebouwde Vite-frontend op / met een SPA-fallback naar index.html; de aparte nginx-container is vervallen. Bedoeld voor self-hosting op een Raspberry Pi: één image, één origin, geen interne proxy en geen CORS tussen frontend en API. Docker - Nieuwe multi-stage Dockerfile in de root met targets test, development en production; frontend/Dockerfile, frontend/nginx-spa.conf en backend/Dockerfile verwijderd - docker-compose.yml: alleen app + postgres, app publiceert APP_PORT (standaard 3400) naar containerpoort 3001 - docker-compose.dev.yml: dev-container draait API (node --watch) en de Vite dev-server samen via docker/dev-entrypoint.sh, hot reload intact - .dockerignore, .env.example, .gitignore en .gitattributes toegevoegd Backend - express.static + SPA-fallback op STATIC_DIR (default /app/public), met immutable caching voor gehashte assets en no-store voor index.html - Rate limiting alleen nog op /api — statische bestanden liepen anders na 200 requests tegen de limiet aan - Helmet CSP toegespitst op wat de frontend laadt (Google Fonts, inline styles, base64-avatars); upgrade-insecure-requests uit voor intern http - Schema-init verplaatst naar initDb(), niet meer bij import van db.js Tests en CI/CD - backend/test/app.test.js: 11 tests (node --test) voor API-routes, SPA-fallback, cache- en security-headers, zonder database - test.ps1 / test.sh: backend-tests, productiebuild en smoketest op de echte app + postgres stack - azure-pipelines.yml: Test -> Build (incl. smoketest) -> Publish (multi-arch amd64 + arm64, alleen op main/master of een tag) Scripts en documentatie - dev.ps1/dev.sh met targets app en postgres, acties logs en test; dev.ps1 up wist de dev-database niet langer (alleen dev.ps1 down) - release.ps1/release.sh bouwen één image voor amd64 + arm64 en draaien de testsuite vóór het publiceren - README.md en BEHEER.md bijgewerkt voor de nieuwe structuur Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
163 lines
6.2 KiB
PowerShell
163 lines
6.2 KiB
PowerShell
# VibeFinance dev script (PowerShell)
|
|
# Lokale development cyclus voor de 2-container opzet: bouwen, starten,
|
|
# stoppen en optioneel pushen naar de dev-registry.
|
|
#
|
|
# app API (node --watch) + Vite dev-server met hot reload
|
|
# postgres database
|
|
#
|
|
# Gebruik:
|
|
# .\dev.ps1 # build + herstart containers
|
|
# .\dev.ps1 build # alleen lokaal bouwen
|
|
# .\dev.ps1 up # build + herstart containers
|
|
# .\dev.ps1 up -Target app # alleen de app herbouwen + herstarten
|
|
# .\dev.ps1 up -Target postgres # alleen de database herstarten
|
|
# .\dev.ps1 down # containers stoppen en volumes verwijderen
|
|
# .\dev.ps1 logs # logs van de app volgen
|
|
# .\dev.ps1 test # testsuite draaien (zie ook test.ps1)
|
|
# .\dev.ps1 push # multi-platform build + push naar registry
|
|
#
|
|
# Vereisten:
|
|
# - Docker Desktop actief
|
|
# - Voor 'push': ingelogd op registry via: docker login <registry>
|
|
# - Voor 'push': docker buildx builder actief (docker buildx create --use)
|
|
# - root package.json bevat het versienummer (bijv. "1.0.0-dev")
|
|
|
|
param(
|
|
[ValidateSet("build","up","down","logs","test","push")]
|
|
[string]$Action = "up",
|
|
|
|
[ValidateSet("all","app","postgres")]
|
|
[string]$Target = "all"
|
|
)
|
|
|
|
$ErrorActionPreference = "Stop"
|
|
|
|
# =============================================================================
|
|
# PROJECTCONFIGURATIE - pas alleen dit blok aan voor een nieuw project
|
|
# =============================================================================
|
|
$appName = "VibeFinance"
|
|
$registry = "vibehoogie.duckdns.org/vibe"
|
|
$appImage = "vibefinance-app"
|
|
$apiUrl = "/api"
|
|
# =============================================================================
|
|
|
|
# Versie uit root package.json
|
|
$rootPkg = Get-Content (Join-Path $PSScriptRoot "package.json") -Raw | ConvertFrom-Json
|
|
$appVersion = $rootPkg.version
|
|
$repoUrl = if ($rootPkg.repository) { $rootPkg.repository } else { "" }
|
|
$updateCheckUrl = if ($rootPkg.updateCheckUrl) { $rootPkg.updateCheckUrl } else { "" }
|
|
|
|
if (-not $appVersion) {
|
|
Write-Error "Kon versienummer niet lezen uit package.json"
|
|
exit 1
|
|
}
|
|
|
|
$env:VERSION = $appVersion
|
|
$env:VITE_APP_VERSION = $appVersion
|
|
# De backend doet de update-check (server-side, geen CORS) — URL doorgeven aan compose
|
|
$env:UPDATE_CHECK_URL = $updateCheckUrl
|
|
if (-not $env:POSTGRES_PASSWORD) { $env:POSTGRES_PASSWORD = "devpassword" }
|
|
|
|
# Versie synchroniseren naar frontend/package.json
|
|
$frontendPkgPath = Join-Path $PSScriptRoot "frontend/package.json"
|
|
$frontendPkg = Get-Content $frontendPkgPath -Raw | ConvertFrom-Json
|
|
if ($frontendPkg.version -ne $appVersion) {
|
|
$frontendPkg.version = $appVersion
|
|
[System.IO.File]::WriteAllText($frontendPkgPath, ($frontendPkg | ConvertTo-Json -Depth 10))
|
|
Write-Host "Versie gesynchroniseerd naar frontend: $appVersion" -ForegroundColor Green
|
|
}
|
|
|
|
# Registry tags (één image voor de hele app)
|
|
$appBase = "$registry/$appImage"
|
|
$appLatestDev = "$appBase`:latest-dev"
|
|
$appVersionDev = "$appBase`:$appVersion"
|
|
|
|
# Pad naar compose file
|
|
$devCompose = Join-Path $PSScriptRoot "docker-compose.dev.yml"
|
|
|
|
# Welke services de actie raakt
|
|
$services = @(if ($Target -ne "all") { $Target })
|
|
|
|
Write-Host ""
|
|
Write-Host "========================================" -ForegroundColor Cyan
|
|
Write-Host " $appName Dev" -ForegroundColor Cyan
|
|
Write-Host " Versie : $appVersion" -ForegroundColor Green
|
|
Write-Host " Actie : $Action" -ForegroundColor Green
|
|
Write-Host " Target : $Target" -ForegroundColor Green
|
|
Write-Host " Registry: $registry" -ForegroundColor Green
|
|
Write-Host "========================================" -ForegroundColor Cyan
|
|
Write-Host ""
|
|
|
|
# Functies
|
|
function Invoke-AppPush {
|
|
Write-Host "App bouwen en pushen (amd64 + arm64)..." -ForegroundColor White
|
|
docker buildx build `
|
|
--platform linux/amd64,linux/arm64 `
|
|
--target production `
|
|
--push `
|
|
-t $appLatestDev `
|
|
-t $appVersionDev `
|
|
--build-arg APP_VERSION=$appVersion `
|
|
--build-arg VITE_API_URL=$apiUrl `
|
|
--build-arg VITE_APP_VERSION=$appVersion `
|
|
$PSScriptRoot
|
|
if ($LASTEXITCODE -ne 0) { throw "Build mislukt" }
|
|
Write-Host "Gepusht: $appVersionDev" -ForegroundColor Green
|
|
}
|
|
|
|
# Acties
|
|
switch ($Action) {
|
|
|
|
"build" {
|
|
Write-Host "-- Lokaal bouwen -------------------------" -ForegroundColor Cyan
|
|
docker compose --progress plain -f $devCompose build @services
|
|
if ($LASTEXITCODE -ne 0) { throw "Build mislukt" }
|
|
Write-Host ""
|
|
Write-Host "Build klaar - $appVersion [$Target]" -ForegroundColor Green
|
|
}
|
|
|
|
"up" {
|
|
if ($Target -eq "all") {
|
|
# Let op: geen -v hier, dat zou de dev-database wissen (zie actie down)
|
|
docker compose -f $devCompose down
|
|
docker compose --progress plain -f $devCompose up --build -d
|
|
} else {
|
|
docker compose -f $devCompose stop $Target
|
|
docker compose --progress plain -f $devCompose up --build -d $Target
|
|
}
|
|
if ($LASTEXITCODE -ne 0) { throw "Opstarten mislukt" }
|
|
Write-Host ""
|
|
Write-Host "$appName gestart - $appVersion [$Target]" -ForegroundColor Green
|
|
Write-Host " App : http://localhost/" -ForegroundColor White
|
|
Write-Host " API : http://localhost:3001/api/health" -ForegroundColor White
|
|
}
|
|
|
|
"down" {
|
|
docker compose -f $devCompose down -v
|
|
Write-Host ""
|
|
Write-Host "$appName gestopt" -ForegroundColor Yellow
|
|
}
|
|
|
|
"logs" {
|
|
$svc = if ($Target -eq "all") { "app" } else { $Target }
|
|
docker compose -f $devCompose logs -f $svc
|
|
}
|
|
|
|
"test" {
|
|
& (Join-Path $PSScriptRoot "test.ps1")
|
|
if ($LASTEXITCODE -ne 0) { throw "Tests mislukt" }
|
|
}
|
|
|
|
"push" {
|
|
Invoke-AppPush
|
|
Write-Host ""
|
|
Write-Host "========================================" -ForegroundColor Cyan
|
|
Write-Host " Dev image gepusht: $appVersion" -ForegroundColor Green
|
|
Write-Host " $appVersionDev" -ForegroundColor White
|
|
Write-Host " $appLatestDev" -ForegroundColor White
|
|
Write-Host "========================================" -ForegroundColor Cyan
|
|
}
|
|
}
|
|
|
|
Write-Host ""
|