feat(office): mobileEdit am Telefon, PDF-Umweg entfällt

Ein Office-Dokument öffnete am Telefon als gewandeltes PDF, weil OnlyOffices
Oberfläche auf 400 Pixeln nichts vom Dokument übrig lässt. Die Begründung war
falsch: Die Ermittlungsliste bietet zu jeder Endung mehrere Aktionen an, und
OnlyOffice/Euro-Office führen neben `edit` auch `mobileEdit` – dieselbe
Adresse mit `?mobile=1`, dahinter eine für kleine Schirme gebaute Oberfläche.
`EditURL` kannte nur `edit` und `view`; die Handy-Fassung lag die ganze Zeit
in der Tabelle und wurde nie abgerufen.

Entschieden wird am Zeigegerät, nicht an der Fensterbreite – ein schmales
Fenster auf dem Schreibtisch ist immer noch eine Maus.

Mit dem Anlass fällt die Notlösung: preview.go (229 Zeilen), convert.go (271)
samt Test, files.preview_version (Migration 000026), die Sonderabfrage im GC,
die Route und dreizehn Fundstellen im Frontend. convert.go hatte keinen
anderen Aufrufer – die gesamte Umwandlung nach PDF existierte allein für
diese Ansicht. Wer ein PDF braucht, exportiert es im Editor. Die Dateien
unter previews/ sammelt der GC ein.

Zwei Fehler, die dabei sichtbar wurden:

fix(history): „Edit" schloss die Datei, statt den Editor zu öffnen. Beim
Wechsel räumt React erst die alte Ansicht ab; der Aufräumer von useBackClose
ruft history.back(), das verzögert wirkt und deshalb den Eintrag verbrauchte,
den der Editor gerade angelegt hatte. Ein Zähler für selbst ausgelöste
Schritte verschluckt genau diese popstate.

fix(filetypes): `.txt` ging gar nicht auf. Es stand in officeExtensions und
lief damit in den Office-Zweig statt in den eingebauten Text-Editor – am
Telefon in die PDF-Umwandlung, die daran scheiterte. `md`, `log` und `rst`
standen nie drin; das war die Asymmetrie.

Dazu Euro-Office als Compose-Profil (Abbild 6,99 GB, nachgemessen – die
Ankündigung nennt 5) und die Android-App als Idee.

Geprüft: go build/vet sauber, tsc sauber, 37 Vitest-Tests, alle 234
Prüfungen der sieben Selbsttest-Suiten grün.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
marcandClaude Opus 5 committed 2026-09-16 17:36:31 +02:00
1 parent 6042f6f2f6
commit 944b2c63e2
23 files changed
+284 -788

No files matched your search

+3 -33
View File
@@ -19,17 +19,6 @@ interface Props {
onClose: () => void
/** Nach dem Speichern: Liste neu holen, damit Größe und Datum stimmen. */
onSaved?: () => void
/**
* Ein Office-Dokument als PDF zeigen statt im Editor.
*
* Am Telefon der Normalfall: Der Editor ist dort eine vollständige
* Textverarbeitung, und vom Dokument bleibt zwischen seinen Leisten ein
* Rechteck übrig. Zum Nachsehen – und das ist unterwegs fast immer der
* Anlass – ist ein PDF im eigenen Betrachter das bessere Werkzeug.
*/
asOfficePdf?: boolean
/** „Trotzdem bearbeiten" – nur gesetzt, wenn es einen Editor gibt. */
onEdit?: () => void
/**
* Suchwort, mit dem die Datei gefunden wurde. Der PDF-Betrachter springt
* damit zur Fundstelle, statt auf Seite 1 zu beginnen – der Grund, aus dem
@@ -101,12 +90,10 @@ export function canPreview(file: FileItem): boolean {
return kindOf(file.mime_type, file.name) !== 'none'
}
export default function FilePreview({ file, onPrev, onNext, onClose, onSaved, searchTerm, asOfficePdf, onEdit }: Props) {
// Ein Office-Dokument ist für den Browser sonst „nichts anzeigbares" – als
// gewandeltes PDF ist es eins.
const kind = asOfficePdf ? 'pdf' : kindOf(file.mime_type, file.name)
export default function FilePreview({ file, onPrev, onNext, onClose, onSaved, searchTerm }: Props) {
const kind = kindOf(file.mime_type, file.name)
const narrow = useNarrow()
const src = asOfficePdf ? filesApi.officePreview(file.id, file.version) : filesApi.inline(file.id)
const src = filesApi.inline(file.id)
const [text, setText] = useState<string | null>(null)
const [tooBig, setTooBig] = useState(false)
const [editing, setEditing] = useState(false)
@@ -218,23 +205,6 @@ export default function FilePreview({ file, onPrev, onNext, onClose, onSaved, se
{file.name}
</span>
{/* Der Weg in den Editor bleibt offen – eine Ansicht ohne Ausweg wäre
eine Bevormundung. Er steht bewusst *neben* dem Namen und nicht
als Hauptknopf: Am Telefon ist Nachsehen der Anlass, Bearbeiten
die Ausnahme. */}
{asOfficePdf && onEdit && (
<button
onClick={onEdit}
style={{
padding: '6px 12px', borderRadius: 8, fontSize: 12, flexShrink: 0,
border: '1px solid var(--color-border)', background: 'transparent',
color: 'var(--color-text)', cursor: 'pointer', whiteSpace: 'nowrap',
}}
>
Edit
</button>
)}
{kind === 'text' && !tooBig && text !== null && (
editing ? (
<>
+6 -2
View File
@@ -1,6 +1,7 @@
import { useEffect, useRef, useState } from 'react'
import { officeApi, type FileItem, type OfficeSession } from '../api/client'
import { useBackClose } from '../hooks/useBackClose'
import { useCoarsePointer } from './FileViews'
/**
* Ein Dokument im Office-Server bearbeiten.
@@ -21,10 +22,13 @@ export default function OfficeEditor({ file, onClose }: {
const [session, setSession] = useState<OfficeSession | null>(null)
const [error, setError] = useState('')
const formRef = useRef<HTMLFormElement>(null)
// Am Zeigegerät, nicht an der Fensterbreite: Ein schmales Fenster auf dem
// Schreibtisch ist immer noch eine Maus und eine Tastatur.
const coarse = useCoarsePointer()
useEffect(() => {
let alive = true
officeApi.session(file.id)
officeApi.session(file.id, coarse)
.then(s => {
if (!alive) return
if (!s.enabled) { setError('Office editing is switched off on this server.'); return }
@@ -35,7 +39,7 @@ export default function OfficeEditor({ file, onClose }: {
setError(err instanceof Error ? err.message : 'Could not open the editor')
})
return () => { alive = false }
}, [file.id])
}, [file.id, coarse])
// Das Formular abschicken, sobald es steht. Ein useEffect statt eines
// autoSubmit-Attributs: HTML kennt keines, und ein Klick des Nutzers wäre