Restructures into apps/ssp + apps/behandelportal (two Angular projects) plus libs/shared + libs/beheer (cross-app libraries), replacing WP-61's separate sibling repo. That split had already produced real drift: a hand-vendored copy of the backend's OpenAPI doc, a shared/ui+layout tree forked and silently diverging (7 files), and beheer + the styles.scss token bridge duplicated byte-for-byte across both repos. - git mv the SSP's src/app/* into apps/ssp/; fold shared/, beheer/, environments/, the Storybook docs/*.mdx, and styles.scss into libs/shared + libs/beheer (all confirmed identical between the two repos before merging). auth stays deliberately duplicated per ADR-0002 (actor-specific, expected to diverge) - amended there. - One generated API client (libs/shared), no more vendored swagger.json. - .dependency-cruiser split into a base factory + one config per app, and Storybook into .storybook-ssp/.storybook-behandelportal - both forced by the @auth/* alias resolving to different directories per app. - SiteHeaderComponent/ShellComponent gained HEADER_NAV_ITEMS/ HEADER_ADMIN_LINKS/DEBUG_PANEL injection tokens so each app supplies its own nav/admin-links/dev-panel instead of one being hardcoded. - CLAUDE.md, ARCHITECTURE.md, dependencies.md, and ADR-0002 updated; WP-67 backlog entry documents the full decision trail. npm run ci green (lint, dep:check x2, 360 tests across ssp/ behandelportal/shared/beheer, both localized builds, backend tests, snippet + api-client drift); both dev servers, both Storybook instances, and docker compose verified working. The old sibling repo (/home/eho/repos/behandelportal) is left untouched, not deleted. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
97 lines
3.7 KiB
TypeScript
97 lines
3.7 KiB
TypeScript
import { Injectable, inject, resource } from '@angular/core';
|
|
import { Result, ok, err } from '@shared/kernel/fp';
|
|
import {
|
|
DashboardViewDto,
|
|
HerregistratieDecisions,
|
|
} from '@registratie/contracts/dashboard-view.dto';
|
|
import { Registration } from '@registratie/domain/registration';
|
|
import { Person } from '@registratie/domain/person';
|
|
import { BigProfile } from '@registratie/domain/big-profile';
|
|
import { ApiClient } from '@shared/infrastructure/api-client';
|
|
|
|
/**
|
|
* The parsed, frontend-side view: the wire DTO mapped onto our own domain model.
|
|
* Lives HERE, not in contracts/, because it references domain types — contracts
|
|
* stays import-free. This split is the decoupling seam (CLAUDE.md §1, ADR-0001).
|
|
*/
|
|
export interface DashboardView {
|
|
profile: BigProfile;
|
|
decisions: HerregistratieDecisions;
|
|
}
|
|
|
|
/**
|
|
* Infrastructure adapter for the screen-shaped ("BFF-lite") dashboard endpoint.
|
|
* ONE call returns registration + person + server-computed decisions. The data
|
|
* comes from the .NET backend (`GET /api/dashboard-view`) via the generated typed
|
|
* client; the decisions (e.g. herregistratie eligibility) are computed there.
|
|
*/
|
|
@Injectable({ providedIn: 'root' })
|
|
export class DashboardViewAdapter {
|
|
private client = inject(ApiClient);
|
|
|
|
// The value is still untrusted JSON — parseDashboardView validates it at the
|
|
// boundary and maps DTO → domain before the app uses it.
|
|
//
|
|
// SEAM (G5): retry-with-backoff for non-mutating reads wraps the loader here —
|
|
// e.g. `loader: () => withBackoff(() => this.client.dashboardView())` — since the
|
|
// adapter is the single place HTTP lives. Reads are safe to retry; MUTATING calls
|
|
// (the submit-* commands) must NEVER auto-retry — and don't. Manual retry
|
|
// (resource.reload via <app-async>) covers the UX today, so backoff stays unbuilt.
|
|
dashboardViewResource() {
|
|
return resource({ loader: () => this.client.dashboardView() });
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Trust-boundary parse: validate the untrusted response shape and map the DTO
|
|
* onto our own domain model. Hand-written on purpose — no Zod for a single
|
|
* contract. ponytail: reach for a schema lib once the contract count grows.
|
|
*/
|
|
export function parseDashboardView(json: unknown): Result<string, DashboardView> {
|
|
if (typeof json !== 'object' || json === null) return err('dashboard-view: not an object');
|
|
const dto = json as Partial<DashboardViewDto>;
|
|
|
|
const reg = dto.registration;
|
|
if (
|
|
!reg ||
|
|
typeof reg.bigNummer !== 'string' ||
|
|
!reg.status ||
|
|
typeof reg.status.tag !== 'string'
|
|
) {
|
|
return err('dashboard-view: missing/invalid registration');
|
|
}
|
|
const person = dto.person;
|
|
if (!person || !person.adres || typeof person.adres.postcode !== 'string') {
|
|
return err('dashboard-view: missing/invalid person');
|
|
}
|
|
const d = dto.decisions;
|
|
if (!d || typeof d.eligibleForHerregistratie !== 'boolean') {
|
|
return err('dashboard-view: missing/invalid decisions');
|
|
}
|
|
|
|
// Map wire → domain. The shapes are identical today, so this reads as an
|
|
// identity copy — but the TYPES differ (wire DTO vs domain), so the moment the
|
|
// wire diverges the compiler forces a real mapping here. That's the seam.
|
|
const registration: Registration = {
|
|
bigNummer: reg.bigNummer,
|
|
naam: reg.naam,
|
|
beroep: reg.beroep,
|
|
registratiedatum: reg.registratiedatum,
|
|
geboortedatum: reg.geboortedatum,
|
|
status: reg.status,
|
|
};
|
|
const persoon: Person = {
|
|
naam: person.naam,
|
|
geboortedatum: person.geboortedatum,
|
|
adres: person.adres,
|
|
};
|
|
|
|
return ok({
|
|
profile: { registration, person: persoon },
|
|
decisions: {
|
|
eligibleForHerregistratie: d.eligibleForHerregistratie,
|
|
herregistratieReason: d.herregistratieReason,
|
|
},
|
|
});
|
|
}
|