docs/ANLEITUNG.md.
+ - {absatz.join(' ')} -
, - ) - absatz = [] - } - - zeilen.forEach((zeile, i) => { - const roh = zeile.trim() - - // Der Hinweisblock fuer den Ausfuellenden gehoert nicht auf die Seite. - if (roh.startsWith('>')) return - - if (roh === '' || roh === '---') { - absatzSchliessen(i) - return - } - if (roh.startsWith('## ')) { - absatzSchliessen(i) - bloecke.push( -nach Art. 13 und 14 DSGVO
+ +
+ Der Text konnte nicht geladen werden. Er liegt im Projekt unter{' '}
+ docs/datenschutzhinweise.md.
+
diff --git a/src/components/benutzer-menue.tsx b/src/components/benutzer-menue.tsx
index fe2c3a2..792f66a 100644
--- a/src/components/benutzer-menue.tsx
+++ b/src/components/benutzer-menue.tsx
@@ -3,7 +3,16 @@
import * as React from 'react'
import Link from 'next/link'
import { signOut } from 'next-auth/react'
-import { LogOut, Monitor, Moon, Settings, ShieldCheck, Sun, User as UserIcon } from 'lucide-react'
+import {
+ BookOpen,
+ LogOut,
+ Monitor,
+ Moon,
+ Settings,
+ ShieldCheck,
+ Sun,
+ User as UserIcon,
+} from 'lucide-react'
import {
DropdownMenu,
DropdownMenuContent,
@@ -96,6 +105,12 @@ export function BenutzerMenue({
Einstellungen
+
+ {inline(block.text, String(i))}
+
+ {inline(zeile, `${i}-${j}`)}
+
+ {stueck.slice(1, -1)}
+ ,
+ )
+ } else if (stueck.startsWith('**')) {
+ teile.push(
+
+ {stueck.slice(2, -2)}
+ ,
+ )
+ } else {
+ const beschriftung = stueck.slice(1, stueck.indexOf(']'))
+ const ziel = stueck.slice(stueck.indexOf('](') + 2, -1)
+ const extern = /^https?:\/\//.test(ziel)
+ teile.push(
+
+ {beschriftung}
+ ,
+ )
+ }
+
+ letzte = treffer.index + stueck.length
+ }
+
+ if (letzte < text.length) teile.push(text.slice(letzte))
+ return teile
+}
+
+function zerlegen(markdown: string, ohneTitel: boolean): Block[] {
+ const zeilen = markdown.split(/\r?\n/)
+ const bloecke: Block[] = []
+ let absatz: string[] = []
+
+ const absatzSchliessen = () => {
+ if (absatz.length === 0) return
+ bloecke.push({ art: 'absatz', text: absatz.join(' ') })
+ absatz = []
+ }
+
+ for (let i = 0; i < zeilen.length; i++) {
+ const roh = zeilen[i] ?? ''
+ const zeile = roh.trimEnd()
+ const gekuerzt = zeile.trim()
+
+ // --- Codeblock ---------------------------------------------------------
+ if (gekuerzt.startsWith('```')) {
+ absatzSchliessen()
+ const inhalt: string[] = []
+ i += 1
+ while (i < zeilen.length && !(zeilen[i] ?? '').trim().startsWith('```')) {
+ inhalt.push(zeilen[i] ?? '')
+ i += 1
+ }
+ bloecke.push({ art: 'code', zeilen: inhalt })
+ continue
+ }
+
+ if (gekuerzt === '') {
+ absatzSchliessen()
+ continue
+ }
+
+ if (/^-{3,}$/.test(gekuerzt) || /^\*{3,}$/.test(gekuerzt)) {
+ absatzSchliessen()
+ bloecke.push({ art: 'trenner' })
+ continue
+ }
+
+ // --- Ueberschriften ----------------------------------------------------
+ const ueberschrift = gekuerzt.match(/^(#{1,4})\s+(.*)$/)
+ if (ueberschrift) {
+ absatzSchliessen()
+ const ebene = ueberschrift[1]!.length
+ // Die H1 ist der Dokumenttitel - den setzt die Seite selbst.
+ if (ebene === 1 && ohneTitel) continue
+ bloecke.push({
+ art: 'ueberschrift',
+ ebene: (Math.min(Math.max(ebene, 2), 4) as 2 | 3 | 4),
+ text: ueberschrift[2]!,
+ })
+ continue
+ }
+
+ // --- Zitatblock --------------------------------------------------------
+ if (gekuerzt.startsWith('>')) {
+ absatzSchliessen()
+ const inhalt: string[] = []
+ while (i < zeilen.length && (zeilen[i] ?? '').trim().startsWith('>')) {
+ inhalt.push((zeilen[i] ?? '').trim().replace(/^>\s?/, ''))
+ i += 1
+ }
+ i -= 1
+ bloecke.push({ art: 'zitat', zeilen: [inhalt.join(' ')] })
+ continue
+ }
+
+ // --- Tabelle -----------------------------------------------------------
+ if (gekuerzt.startsWith('|')) {
+ absatzSchliessen()
+ const spalten = (z: string) =>
+ z
+ .trim()
+ .replace(/^\|/, '')
+ .replace(/\|$/, '')
+ .split('|')
+ .map((s) => s.trim())
+
+ const kopf = spalten(gekuerzt)
+ i += 1 // Trennzeile ueberspringen
+ const zeilenInhalt: string[][] = []
+ while (i + 1 < zeilen.length && (zeilen[i + 1] ?? '').trim().startsWith('|')) {
+ i += 1
+ zeilenInhalt.push(spalten(zeilen[i] ?? ''))
+ }
+ bloecke.push({ art: 'tabelle', kopf, zeilen: zeilenInhalt })
+ continue
+ }
+
+ // --- Aufzaehlung -------------------------------------------------------
+ const punkt = gekuerzt.match(/^(?:[-*]|\d+\.)\s+(.*)$/)
+ if (punkt) {
+ absatzSchliessen()
+ const nummeriert = /^\d+\./.test(gekuerzt)
+ const punkte: string[] = [punkt[1]!]
+
+ while (i + 1 < zeilen.length) {
+ const naechste = (zeilen[i + 1] ?? '').trim()
+ const weiterer = naechste.match(/^(?:[-*]|\d+\.)\s+(.*)$/)
+ if (weiterer && /^\d+\./.test(naechste) === nummeriert) {
+ punkte.push(weiterer[1]!)
+ i += 1
+ continue
+ }
+ // Eingerueckte Fortsetzung gehoert zum letzten Punkt.
+ if (naechste !== '' && /^\s{2,}\S/.test(zeilen[i + 1] ?? '')) {
+ punkte[punkte.length - 1] += ` ${naechste}`
+ i += 1
+ continue
+ }
+ break
+ }
+
+ bloecke.push({ art: 'liste', nummeriert, punkte })
+ continue
+ }
+
+ absatz.push(gekuerzt)
+ }
+
+ absatzSchliessen()
+ return bloecke
+}
+
+export function MarkdownSeite({
+ inhalt,
+ ohneTitel = true,
+ className,
+}: {
+ inhalt: string
+ /** Die erste H1 weglassen - die Seite setzt ihre Ueberschrift selbst. */
+ ohneTitel?: boolean
+ className?: string
+}) {
+ const bloecke = zerlegen(inhalt, ohneTitel)
+
+ return (
+
+
+
+
+ {block.kopf.map((spalte, j) => (
+
+
+
+ {block.zeilen.map((zeile, j) => (
+
+ {inline(spalte, `${i}-k-${j}`)}
+
+ ))}
+
+ {zeile.map((zelle, k) => (
+
+ ))}
+
+
+ {inline(zelle, `${i}-${j}-${k}`)}
+
+ ))}
+
+ {block.zeilen.map((zeile, j) => (
+
+ )
+
+ case 'code':
+ return (
+
+
+ )
+
+ case 'trenner':
+ return {block.zeilen.join('\n')}
+
+ }
+ })}
+