feat(case-map-overview): apply spec

[rubenvdlinde]

Summary

Applies the case-map-overview spec. Converts the existing /map page from a hand-written CaseMapView.vue (type: 'custom') to a fully manifest-driven type: 'map' page that consumes CnMapPage from @conduction/nextcloud-vue beta.30. The only Vue surface added is a tiny marker-formatter module.

Manifest changes

src/manifest.json → CaseMap page:

• type: 'custom' → type: 'map'
• Removed component: 'CaseMapView'
• New config block:
  • register: 'procest', schema: 'case', geometryField: 'geometry'
  • filters: ['status', 'caseType', 'assignee', 'deadlineRange']
  • marker.formatter: 'caseMarkerFormatter'
  • clustering: { enabled: true, disableAtZoom: 14, priority: ['blocked','in_progress','open','closed'] }
  • bboxQuery: { threshold: 5000 } (viewport-bounded queries beyond 5k pins)
  • tileLayer: 'pdok-brt'
  • sidebar: { enabled: true, filtersOpen: true }
  • inline emptyState (icon + nl title/body)

Formatter registration

• New src/services/mapFormatters.js exports caseMarkerFormatter, statusColor, statusIcon.
• Handles Point + Polygon (arithmetic-mean centroid) + missing geometry (returns null so the lib skips).
• Status palette uses NL Design System color tokens (var(--color-status-{info,warning,error}), var(--color-text-maxcontrast)) — no hardcoded hex.
• src/main.js exposes the formatter registry as Vue.prototype.$mapFormatters and on App props (mirrors the existing customComponents pattern).

Cleanup

• Deleted src/views/CaseMapView.vue (replaced by CnMapPage).
• Removed CaseMapView import + registration from src/customComponents.js.

Constraints honoured

• Manifest-first — no new Vue page component, only a formatter function.
• No new PHP / controllers / schemas — pin data flows through existing OpenRegister endpoints.
• No i18n — empty-state strings declared inline in manifest (Dutch).
• No composer check — strict watchdog scope, jq validation only.

jq validation

$ jq '.pages | map(select(.type == "map")) | length' src/manifest.json
1
$ jq -e '.pages[] | select(.id=="CaseMap") | .config.marker.formatter=="caseMarkerFormatter" and .config.clustering.disableAtZoom==14 and .config.bboxQuery.threshold==5000' src/manifest.json
true

Deferred (recorded in builds/build.json)

• T04/T05/T06/T08 — lib-internal wiring (router dispatch, filterRegistry, leaflet.markercluster transitive dep, automatic NcEmptyContent) handled by CnMapPage.
• V01-V04 — manual dev-env walkthroughs + 5k-pin perf benchmark; strict watchdog limits to lint + jq only this round.

Test plan

• Navigate to /map after npm run build — page renders via CnMapPage, no console errors.
• Pins appear for seed cases that have geometry; status colours match palette.
• Click a pin → router navigates to /cases/:id.
• Apply sidebar filter (status = open) → only blue pins remain; viewport preserved.
• Zoom out → clusters appear; cluster colour matches most severe child status.

[github-actions]

Quality Report — ConductionNL/procest @ a8a2a58

Check	PHP	Vue	Security	License	Tests
lint	✅
phpcs	❌
phpmd	✅
psalm	✅
phpstan	✅
phpmetrics	✅
eslint		❌
stylelint		❌
composer			✅	✅ 100/100
npm			✅	✅ 419/419
PHPUnit					⏭️
Newman					⏭️
Playwright					❌

Spec coverage: 3% (21 tests / 673 specs)

---

Quality workflow — 2026-05-11 12:09 UTC

Download the full PDF report from the workflow artifacts.