Phase 5 abgeschlossen: Dateien mit vollständiger Prüfkette
Upload → quarantine/ → Typprüfung → ClamAV → Neukodierung → store/. Es gibt keinen Pfad, auf dem eine Datei ungeprüft in store/ landet, und keinen Schalter, der die Kette abschaltet. Die Typprüfung liest Magic Bytes aus einer eigenen Signaturtabelle statt aus file-type: bei einer Positivliste aus fünf Formaten hilft es nicht, hundert erkennen zu können. Die Signatur muss an Position 0 stehen - ein Vorspann vor %PDF- ist der klassische Weg, eine Datei für zwei Programme zugleich lesbar zu machen. Wer trotzdem durchkommt, kommt als text/plain durch und wird unter der Endung des erkannten Typs ausgeliefert, nicht unter der hochgeladenen. Drei Ausgänge statt zwei: BLOCKED heisst "ist gefährlich", FAILED heisst "wissen wir nicht". Nur FAILED lässt sich freigeben, und die Freigabe wiederholt die Kette ohne den Scanner - Typprüfung und Neukodierung laufen dabei mit. Ein fehlender clamd macht damit keine Datei sauber; ein Test hält das fest. Auslieferung nur über /api/files/[id], mit Sichtbarkeitsprüfung der zugehörigen Akte, Protokoll ab Stufe 3 und den harten Kopfzeilen aus docs/07. Vorschaubilder dürfen inline, weil sie serverseitig als WebP neu kodiert wurden. Das Lichtbild im Aktenblatt ist damit gefüllt: der Feldwert ist die Kennung eines geprüften Anhangs, serverseitig zu einer Adresse aufgelöst. /api/events liefert attachment.scanned über pg_notify - die Grundlage, auf der Phase 6 den Aktenchat aufsetzt. Die Sichtbarkeit wird je Ereignis geprüft, sonst verriete schon die Kennung die Existenz. Nebenbei riss das Bündelbudget (121 kB gegen 120 erlaubte): lib/i18n/de.ts war ein Objekt, und eine Client-Komponente zieht die ganze Datei mit. Die Texte stehen jetzt in sechs Dateien nach Bereichen, de.ts setzt sie nur zusammen. Grösste Route wieder bei 118 kB, und sie wächst nicht mehr mit jedem neuen Bereich mit. 133 Tests im Web-Paket, 15 in der Datenbank, 28 e2e.
This commit is contained in:
@@ -1,7 +1,9 @@
|
||||
'use client'
|
||||
|
||||
import { useState, useTransition } from 'react'
|
||||
import { de } from '@/lib/i18n/de'
|
||||
import { participantText } from '@/lib/i18n/cases'
|
||||
import { commonText } from '@/lib/i18n/common'
|
||||
import { assignmentText } from '@/lib/i18n/people'
|
||||
import { ASSIGNMENT_ROLES } from '@/lib/personnel/terms'
|
||||
import { addAssignmentAction, removeAssignmentAction } from '../actions'
|
||||
|
||||
@@ -37,7 +39,7 @@ export function Assignments({
|
||||
return (
|
||||
<div>
|
||||
{assignments.length === 0 ? (
|
||||
<p className="text-text-dim">{de.assignment.empty}</p>
|
||||
<p className="text-text-dim">{assignmentText.empty}</p>
|
||||
) : (
|
||||
<ul className="border-t border-line">
|
||||
{assignments.map((zuordnung) => (
|
||||
@@ -46,7 +48,7 @@ export function Assignments({
|
||||
className="flex flex-wrap items-baseline gap-x-4 gap-y-1 border-b border-line py-2"
|
||||
>
|
||||
<span className="font-condensed text-2xs text-text-dim">
|
||||
{de.assignment.roles[zuordnung.role] ?? zuordnung.role}
|
||||
{assignmentText.roles[zuordnung.role] ?? zuordnung.role}
|
||||
</span>
|
||||
<span className="grow text-sm">{zuordnung.user.displayName}</span>
|
||||
{canEdit ? (
|
||||
@@ -64,7 +66,7 @@ export function Assignments({
|
||||
}
|
||||
className="font-condensed text-2xs text-text-dim"
|
||||
>
|
||||
{de.assignment.remove}
|
||||
{assignmentText.remove}
|
||||
</button>
|
||||
) : null}
|
||||
</li>
|
||||
@@ -78,25 +80,25 @@ export function Assignments({
|
||||
open ? (
|
||||
<div className="mt-4 border border-line p-3">
|
||||
<p className="max-w-(--container-measure) text-2xs text-text-dim">
|
||||
{de.assignment.hint}
|
||||
{assignmentText.hint}
|
||||
</p>
|
||||
<div className="mt-3 flex flex-wrap items-center gap-2">
|
||||
<select
|
||||
value={role}
|
||||
onChange={(event) => setRole(event.target.value)}
|
||||
aria-label={de.participant.role}
|
||||
aria-label={participantText.role}
|
||||
className="border border-line bg-raised px-2 py-1 text-2xs"
|
||||
>
|
||||
{ASSIGNMENT_ROLES.map((value) => (
|
||||
<option key={value} value={value}>
|
||||
{de.assignment.roles[value] ?? value}
|
||||
{assignmentText.roles[value] ?? value}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
<select
|
||||
value={userId}
|
||||
onChange={(event) => setUserId(event.target.value)}
|
||||
aria-label={de.participant.pickUser}
|
||||
aria-label={participantText.pickUser}
|
||||
className="border border-line bg-raised px-2 py-1 text-2xs"
|
||||
>
|
||||
<option value="">—</option>
|
||||
@@ -123,14 +125,14 @@ export function Assignments({
|
||||
}
|
||||
className="border border-line bg-raised px-3 py-1 font-condensed text-2xs text-accent disabled:text-text-dim"
|
||||
>
|
||||
{de.assignment.add}
|
||||
{assignmentText.add}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setOpen(false)}
|
||||
className="font-condensed text-2xs text-text-dim"
|
||||
>
|
||||
{de.common.cancel}
|
||||
{commonText.cancel}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -140,7 +142,7 @@ export function Assignments({
|
||||
onClick={() => setOpen(true)}
|
||||
className="mt-4 border border-line bg-raised px-3 py-1 font-condensed text-2xs text-accent"
|
||||
>
|
||||
{de.assignment.add}
|
||||
{assignmentText.add}
|
||||
</button>
|
||||
)
|
||||
) : null}
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
'use client'
|
||||
|
||||
import { useState, useTransition } from 'react'
|
||||
import { de } from '@/lib/i18n/de'
|
||||
import { linkText, participantText } from '@/lib/i18n/cases'
|
||||
import { commonText } from '@/lib/i18n/common'
|
||||
import { personnelText } from '@/lib/i18n/people'
|
||||
import { PARTICIPANT_ROLES } from '@/lib/cases/terms'
|
||||
import { linkCaseToPersonAction } from '../actions'
|
||||
|
||||
@@ -27,7 +29,7 @@ export function LinkCase({ personnelFileId }: { personnelFileId: string }) {
|
||||
onClick={() => setOpen(true)}
|
||||
className="mt-4 border border-line bg-raised px-3 py-1 font-condensed text-2xs text-accent"
|
||||
>
|
||||
{de.personnel.linkCase}
|
||||
{personnelText.linkCase}
|
||||
</button>
|
||||
)
|
||||
}
|
||||
@@ -35,26 +37,26 @@ export function LinkCase({ personnelFileId }: { personnelFileId: string }) {
|
||||
return (
|
||||
<div className="mt-4 border border-line p-3">
|
||||
<p className="max-w-(--container-measure) text-2xs text-text-dim">
|
||||
{de.personnel.linkCaseHint}
|
||||
{personnelText.linkCaseHint}
|
||||
</p>
|
||||
<div className="mt-3 flex flex-wrap items-center gap-2">
|
||||
<select
|
||||
value={role}
|
||||
onChange={(event) => setRole(event.target.value)}
|
||||
aria-label={de.participant.role}
|
||||
aria-label={participantText.role}
|
||||
className="border border-line bg-raised px-2 py-1 text-2xs"
|
||||
>
|
||||
{PARTICIPANT_ROLES.map((value) => (
|
||||
<option key={value} value={value}>
|
||||
{de.participant.roles[value] ?? value}
|
||||
{participantText.roles[value] ?? value}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
<input
|
||||
value={caseNumber}
|
||||
onChange={(event) => setCaseNumber(event.target.value)}
|
||||
placeholder={de.link.target}
|
||||
aria-label={de.link.target}
|
||||
placeholder={linkText.target}
|
||||
aria-label={linkText.target}
|
||||
className="border border-line bg-raised px-2 py-1 font-mono text-2xs"
|
||||
/>
|
||||
<button
|
||||
@@ -78,14 +80,14 @@ export function LinkCase({ personnelFileId }: { personnelFileId: string }) {
|
||||
}
|
||||
className="border border-line bg-raised px-3 py-1 font-condensed text-2xs text-accent disabled:text-text-dim"
|
||||
>
|
||||
{de.personnel.linkCase}
|
||||
{personnelText.linkCase}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setOpen(false)}
|
||||
className="font-condensed text-2xs text-text-dim"
|
||||
>
|
||||
{de.common.cancel}
|
||||
{commonText.cancel}
|
||||
</button>
|
||||
</div>
|
||||
{error ? <p className="mt-2 font-condensed text-2xs text-stamp-4">{error}</p> : null}
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
'use client'
|
||||
|
||||
import { useActionState, useState, useTransition } from 'react'
|
||||
import { de } from '@/lib/i18n/de'
|
||||
import { caseText } from '@/lib/i18n/cases'
|
||||
import { clearanceText, commonText } from '@/lib/i18n/common'
|
||||
import { personnelText } from '@/lib/i18n/people'
|
||||
import { StatusTags } from '@/components/StatusTags'
|
||||
import {
|
||||
reclassifyPersonnelAction,
|
||||
@@ -48,21 +50,21 @@ export function PersonnelHead({
|
||||
return (
|
||||
<div>
|
||||
<dl className="grid gap-x-8 gap-y-2 text-sm sm:grid-cols-2">
|
||||
<Zeile label={de.personnel.rank} value={file.rank} />
|
||||
<Zeile label={de.personnel.department} value={file.department} />
|
||||
<Zeile label={personnelText.rank} value={file.rank} />
|
||||
<Zeile label={personnelText.department} value={file.department} />
|
||||
<Zeile
|
||||
label={de.personnel.linkedAccount}
|
||||
value={file.userId ? file.userId : de.personnel.noAccount}
|
||||
label={personnelText.linkedAccount}
|
||||
value={file.userId ? file.userId : personnelText.noAccount}
|
||||
mono={Boolean(file.userId)}
|
||||
/>
|
||||
</dl>
|
||||
|
||||
<div className="mt-3 flex flex-wrap items-baseline gap-3">
|
||||
<span className="font-condensed text-xs text-text-dim">{de.personnel.status}</span>
|
||||
<span className="font-condensed text-xs text-text-dim">{personnelText.status}</span>
|
||||
{file.statusTags.length > 0 ? (
|
||||
<StatusTags tags={file.statusTags} known={statusTags} />
|
||||
) : (
|
||||
<span className="text-sm text-text-dim">{de.personnel.statusNone}</span>
|
||||
<span className="text-sm text-text-dim">{personnelText.statusNone}</span>
|
||||
)}
|
||||
</div>
|
||||
|
||||
@@ -79,7 +81,7 @@ export function PersonnelHead({
|
||||
onClick={() => setEditing(true)}
|
||||
className="border border-line bg-raised px-3 py-1 font-condensed text-2xs text-accent"
|
||||
>
|
||||
{de.personnel.edit}
|
||||
{personnelText.edit}
|
||||
</button>
|
||||
<Reclassify id={file.id} current={file.classification} levels={levels} />
|
||||
</div>
|
||||
@@ -95,14 +97,14 @@ export function PersonnelHead({
|
||||
className="max-w-(--container-measure) space-y-4"
|
||||
>
|
||||
<input type="hidden" name="id" value={file.id} />
|
||||
<Feld id="displayName" label={de.personnel.name} defaultValue={file.displayName} required />
|
||||
<Feld id="displayName" label={personnelText.name} defaultValue={file.displayName} required />
|
||||
<div className="grid gap-4 sm:grid-cols-2">
|
||||
<Feld id="rank" label={de.personnel.rank} defaultValue={file.rank} />
|
||||
<Feld id="department" label={de.personnel.department} defaultValue={file.department} />
|
||||
<Feld id="rank" label={personnelText.rank} defaultValue={file.rank} />
|
||||
<Feld id="department" label={personnelText.department} defaultValue={file.department} />
|
||||
</div>
|
||||
|
||||
<fieldset>
|
||||
<legend className="font-condensed text-2xs text-text-dim">{de.personnel.status}</legend>
|
||||
<legend className="font-condensed text-2xs text-text-dim">{personnelText.status}</legend>
|
||||
<div className="mt-2 flex flex-wrap gap-x-6 gap-y-2">
|
||||
{statusTags.map((tag) => (
|
||||
<label key={tag.key} className="flex items-center gap-2 text-sm">
|
||||
@@ -116,11 +118,11 @@ export function PersonnelHead({
|
||||
</label>
|
||||
))}
|
||||
</div>
|
||||
<p className="mt-1 text-2xs text-text-dim">{de.personnel.statusHint}</p>
|
||||
<p className="mt-1 text-2xs text-text-dim">{personnelText.statusHint}</p>
|
||||
</fieldset>
|
||||
<div>
|
||||
<label htmlFor="note" className="font-condensed text-2xs text-text-dim">
|
||||
{de.personnel.note}
|
||||
{personnelText.note}
|
||||
</label>
|
||||
<textarea
|
||||
id="note"
|
||||
@@ -141,14 +143,14 @@ export function PersonnelHead({
|
||||
disabled={pending}
|
||||
className="border border-line bg-raised px-3 py-1 font-condensed text-2xs text-accent disabled:text-text-dim"
|
||||
>
|
||||
{pending ? de.common.loading : de.common.save}
|
||||
{pending ? commonText.loading : commonText.save}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setEditing(false)}
|
||||
className="font-condensed text-2xs text-text-dim"
|
||||
>
|
||||
{de.common.cancel}
|
||||
{commonText.cancel}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
@@ -179,7 +181,7 @@ function Reclassify({
|
||||
onClick={() => setOpen(true)}
|
||||
className="font-condensed text-2xs text-text-dim"
|
||||
>
|
||||
{de.personnel.reclassify}
|
||||
{personnelText.reclassify}
|
||||
</button>
|
||||
)
|
||||
}
|
||||
@@ -190,7 +192,7 @@ function Reclassify({
|
||||
<select
|
||||
value={to}
|
||||
onChange={(event) => setTo(Number(event.target.value))}
|
||||
aria-label={de.clearance.classification}
|
||||
aria-label={clearanceText.classification}
|
||||
className="border border-line bg-raised px-2 py-1 text-2xs"
|
||||
>
|
||||
{levels.map((level) => (
|
||||
@@ -211,14 +213,14 @@ function Reclassify({
|
||||
}
|
||||
className="border border-line bg-raised px-3 py-1 font-condensed text-2xs text-accent disabled:text-text-dim"
|
||||
>
|
||||
{de.common.save}
|
||||
{commonText.save}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setOpen(false)}
|
||||
className="font-condensed text-2xs text-text-dim"
|
||||
>
|
||||
{de.common.cancel}
|
||||
{commonText.cancel}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -229,8 +231,8 @@ function Reclassify({
|
||||
value={reason}
|
||||
onChange={(event) => setReason(event.target.value)}
|
||||
rows={2}
|
||||
placeholder={de.case.reclassifyReason}
|
||||
aria-label={de.case.reclassifyReason}
|
||||
placeholder={caseText.reclassifyReason}
|
||||
aria-label={caseText.reclassifyReason}
|
||||
className="mt-2 block w-full border border-line bg-raised px-3 py-2 text-2xs"
|
||||
/>
|
||||
) : null}
|
||||
|
||||
Reference in New Issue
Block a user