feat: warm-up deps — ts-reset, web-vitals, RHF devtool, query-broadcast

Four low-risk adds before the Zod 4 / drizzle-zod headliner:

- @total-typescript/ts-reset: tightens TS stdlib types globally (JSON.parse
  → unknown, fetch().json() → unknown, .filter(Boolean) narrows, Set
  literals respect typed Set targets). Caught 179 latent type errors;
  fixed all production sites (8 files) and added `any` cast escape hatch
  in test files (ESLint exemption scoped to tests/).
- web-vitals + /api/v1/internal/vitals endpoint + WebVitalsReporter
  client component: establishes Core Web Vitals baseline (LCP/INP/CLS/
  FCP/TTFB) via navigator.sendBeacon. Required before optimisation work.
- @hookform/devtools + FormDevtool wrapper: dev-only RHF state inspector,
  lazy-loaded via next/dynamic so the chunk is excluded from prod
  bundles entirely.
- @tanstack/query-broadcast-client-experimental: cross-tab cache sync
  via BroadcastChannel — wired in query-provider.tsx, 1-liner.

Audit doc updated with sections 35 + 36 (PDF stack overhaul + comprehensive
second-pass package sweep) covering ~20 package adoption candidates and
4-5 deprecation candidates.

Verified: tsc clean, vitest 1293/1293 pass.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-12 18:16:18 +02:00
parent 82049eea92
commit d3960af340
38 changed files with 1590 additions and 119 deletions

View File

@@ -45,7 +45,7 @@ describe('POST /api/v1/berths/[id]/reservations', () => {
});
const res = await createReservationHandler(req, ctx, { id: berth.id });
expect(res.status).toBe(201);
const body = await res.json();
const body = (await res.json()) as any;
expect(body.data.berthId).toBe(berth.id);
expect(body.data.clientId).toBe(client.id);
expect(body.data.yachtId).toBe(yacht.id);
@@ -129,7 +129,7 @@ describe('POST /api/v1/berths/[id]/reservations', () => {
);
const res = await createReservationHandler(req, ctx, { id: urlBerth.id });
expect(res.status).toBe(201);
const body = await res.json();
const body = (await res.json()) as any;
expect(body.data.berthId).toBe(urlBerth.id);
expect(body.data.berthId).not.toBe(bodyBerth.id);
});
@@ -182,7 +182,7 @@ describe('GET /api/v1/berths/[id]/reservations', () => {
{ id: berthA.id },
);
expect(res.status).toBe(200);
const body = await res.json();
const body = (await res.json()) as any;
expect(body.data.length).toBe(1);
expect(body.data[0].berthId).toBe(berthA.id);
});
@@ -213,7 +213,7 @@ describe('GET /api/v1/berth-reservations/[id]', () => {
ctx,
{ id: berth.id },
);
const reservation = (await createRes.json()).data;
const reservation = ((await createRes.json()) as any).data;
const res = await getReservationHandler(
makeMockRequest('GET', `http://localhost/api/v1/berth-reservations/${reservation.id}`),
@@ -221,7 +221,7 @@ describe('GET /api/v1/berth-reservations/[id]', () => {
{ id: reservation.id },
);
expect(res.status).toBe(200);
const body = await res.json();
const body = (await res.json()) as any;
expect(body.data.id).toBe(reservation.id);
});
@@ -248,7 +248,7 @@ describe('GET /api/v1/berth-reservations/[id]', () => {
ctxA,
{ id: berth.id },
);
const reservation = (await createRes.json()).data;
const reservation = ((await createRes.json()) as any).data;
const ctxB = makeMockCtx({ portId: portB.id, permissions: makeFullPermissions() });
const res = await getReservationHandler(
@@ -285,7 +285,7 @@ describe('PATCH /api/v1/berth-reservations/[id]', () => {
ctx,
{ id: berth.id },
);
const reservation = (await createRes.json()).data;
const reservation = ((await createRes.json()) as any).data;
return { port, berth, client, yacht, ctx, reservation };
}
@@ -299,7 +299,7 @@ describe('PATCH /api/v1/berth-reservations/[id]', () => {
{ id: reservation.id },
);
expect(res.status).toBe(200);
const body = await res.json();
const body = (await res.json()) as any;
expect(body.data.status).toBe('active');
});
@@ -329,7 +329,7 @@ describe('PATCH /api/v1/berth-reservations/[id]', () => {
{ id: reservation.id },
);
expect(res.status).toBe(200);
const body = await res.json();
const body = (await res.json()) as any;
expect(body.data.status).toBe('ended');
expect(new Date(body.data.endDate).toISOString()).toBe(endDate.toISOString());
});
@@ -344,7 +344,7 @@ describe('PATCH /api/v1/berth-reservations/[id]', () => {
{ id: reservation.id },
);
expect(res.status).toBe(200);
const body = await res.json();
const body = (await res.json()) as any;
expect(body.data.status).toBe('cancelled');
});
@@ -467,7 +467,7 @@ describe('DELETE /api/v1/berth-reservations/[id]', () => {
ctx,
{ id: berth.id },
);
const reservation = (await createRes.json()).data;
const reservation = ((await createRes.json()) as any).data;
const delRes = await deleteReservationHandler(
makeMockRequest('DELETE', `http://localhost/api/v1/berth-reservations/${reservation.id}`),