fix(versie): toon CalVer-tag op standalone /zonder-account/

Het standalone formulier op /zonder-account/ toonde in productie
"ontwikkel (commit ...)" in plaats van de release-versie (bijv.
v2026.6.20), terwijl de statuspagina die wel correct toont.

Oorzaak: de statuspagina leest version.json op runtime (door de
productie-overlay herschreven met de tag), maar het standalone
formulier bakt de versie op build-time in. De frontend-Containerfile
bouwt het zonder RELEASE_TAG (die bestaat nog niet bij de
acceptatie-build) en productie promoot dat image zonder herbouw,
dus bleef de tag 'dev'.

Fix: de volledige versiestring wordt nu als één string-literal in de
single-file HTML gebakken (__APP_VERSION__), zodat de productie-overlay
de "ontwikkel (commit <sha>)"-marker met de CalVer-tag kan vervangen --
net zoals version.json al gepatcht wordt. Geen runtime-fetch, blijft
volledig offline-puur. Acceptatie blijft bewust de commit tonen.

Author: robbertbos

CHANGELOG.md

@@ -13,6 +13,12 @@ build) staan kort onder "Onder de motorkap".
 
 ## [Unreleased]
 
+### Opgelost
+
+* Het standalone formulier op `/zonder-account/` toonde in productie
+  "ontwikkel" met een commit in plaats van de release-versie; het laat nu
+  dezelfde versie zien als de statuspagina.
+
 ## [2026.6.20] - 2026-06-20
 
 ### Toegevoegd

apps/standalone-form/env.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="vite/client" />
 
-declare const __APP_TAG__: string
-declare const __APP_COMMIT__: string
+declare const __APP_VERSION__: string

apps/standalone-form/src/components/LandingView.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { AppBanner, UiButton, ExportPdfInfo, FormType, type NavigationFunctions } from '@overheid-assessment/core'
-import { formatBuildVersion } from '@/version'
 
 const props = defineProps<{
   navigation: NavigationFunctions
@@ -12,7 +11,7 @@ const emit = defineEmits<{
   startFresh: [type: FormType]
 }>()
 
-const appVersion = formatBuildVersion(__APP_TAG__, __APP_COMMIT__)
+const appVersion = __APP_VERSION__
 
 interface AssessmentCard {
   type: FormType

apps/standalone-form/src/version.ts

@@ -1,8 +1,12 @@
-// Build-time version constants (__APP_TAG__/__APP_COMMIT__) are injected via
-// Vite `define`; both default to the sentinel 'dev' when not baked in. The
-// channel is derived from those signals: a CalVer tag means a release, an
-// untagged build with a real commit is a development build, and the bare
-// local build has neither.
+// Formats the display version from a build-time tag and commit, both defaulting
+// to the sentinel 'dev' when not baked in. Called by vite.config.ts to inline
+// the result as __APP_VERSION__. The channel is derived from those signals: a
+// CalVer tag means a release, an untagged build with a real commit is a
+// development build, and the bare local build has neither.
+//
+// The untagged form deliberately renders as "ontwikkel (commit <7-hex>)" so the
+// production overlay (containers/frontend/overlay.Dockerfile) can sed-replace it
+// with the CalVer tag, which is unknown when the acceptatie image is built.
 export function formatBuildVersion(tag: string, commit: string): string {
   if (tag !== 'dev') return tag
   if (commit !== 'dev') return `ontwikkel (commit ${commit})`

apps/standalone-form/vite.config.ts

@@ -4,6 +4,16 @@ import { defineConfig, type Plugin } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
 import { viteSingleFile } from 'vite-plugin-singlefile'
+import { formatBuildVersion } from './src/version'
+
+// Resolve the full display version at build time so it lands in the single-file
+// bundle as one string literal. The production overlay (containers/frontend/
+// overlay.Dockerfile) can then sed-replace the baked "ontwikkel (commit …)"
+// marker with the CalVer tag, since the tag is unknown when this image is built.
+const appVersion = formatBuildVersion(
+  process.env.RELEASE_TAG ?? 'dev',
+  (process.env.GIT_SHA ?? 'dev').slice(0, 7),
+)
 
 /** Inline favicon as data-URI in built HTML so the output is truly a single file. */
 function inlineFavicon(): Plugin {
@@ -49,8 +59,7 @@ export default defineConfig(({ mode }) => ({
   ],
   base: '/',
   define: {
-    __APP_TAG__: JSON.stringify(process.env.RELEASE_TAG ?? 'dev'),
-    __APP_COMMIT__: JSON.stringify((process.env.GIT_SHA ?? 'dev').slice(0, 7)),
+    __APP_VERSION__: JSON.stringify(appVersion),
   },
   resolve: {
     alias: {

apps/standalone-form/vitest.config.ts

@@ -8,8 +8,7 @@ import vue from '@vitejs/plugin-vue'
 export default defineConfig({
   plugins: [vue()],
   define: {
-    __APP_TAG__: JSON.stringify('v2026.6.14'),
-    __APP_COMMIT__: JSON.stringify('abc1234'),
+    __APP_VERSION__: JSON.stringify('v2026.6.14'),
   },
   resolve: {
     alias: {

containers/frontend/overlay.Dockerfile

@@ -4,4 +4,9 @@ ARG TAG=dev
 ARG COMMIT=dev
 USER root
 RUN printf '{"version":"%s","commit":"%s","channel":"productie"}\n' "$TAG" "$COMMIT" > /usr/share/nginx/html/version.json
+# The standalone form bakes its version into the single-file HTML at build time,
+# when the CalVer tag isn't known yet. Patch the baked "ontwikkel (commit <sha>)"
+# marker with the release tag so /zonder-account/ shows the same version as the
+# status page.
+RUN sed -i "s|ontwikkel (commit [0-9a-f]\{7\})|${TAG}|g" /usr/share/nginx/html/zonder-account/index.html
 USER 101