joerglohrer
/
joerglohrerde
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(render): renderMarkdown auf isomorphic-dompurify umgestellt 

Funktioniert jetzt sowohl in Browser/jsdom als auch in Node (SvelteKit-Build).
Schritt 1 der prerender-snapshot-migration. Verhalten in der SPA unveraendert.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jörg Lohrer 2026-04-28 08:00:56 +02:00
parent f606748c3e
commit e0d723df14
2 changed files with 2 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/package.json
View File

@ -35,6 +35,7 @@
"applesauce-signers": "^5.2.0", "applesauce-signers": "^5.2.0",
"dompurify": "^3.4.0", "dompurify": "^3.4.0",
"highlight.js": "^11.11.1", "highlight.js": "^11.11.1",
"isomorphic-dompurify": "^3.10.0",
"marked": "^18.0.0", "marked": "^18.0.0",
"nostr-tools": "^2.23.3", "nostr-tools": "^2.23.3",
"rxjs": "^7.8.2", "rxjs": "^7.8.2",

20
app/src/lib/render/markdown.ts
View File

@ -1,5 +1,5 @@
import { Marked } from 'marked'; import { Marked } from 'marked';
import DOMPurify from 'dompurify'; import DOMPurify from 'isomorphic-dompurify';
import hljs from 'highlight.js/lib/core'; import hljs from 'highlight.js/lib/core';
import javascript from 'highlight.js/lib/languages/javascript'; import javascript from 'highlight.js/lib/languages/javascript';
import bash from 'highlight.js/lib/languages/bash'; import bash from 'highlight.js/lib/languages/bash';
@ -14,11 +14,6 @@ hljs.registerLanguage('bash', bash);
hljs.registerLanguage('sh', bash); hljs.registerLanguage('sh', bash);
hljs.registerLanguage('json', json); hljs.registerLanguage('json', json);
/**
* Lokaler Marked-Instance, damit die globale `marked`-Singleton nicht
* mutiert wird — andere Module können `marked` unbeeinflusst weiterverwenden.
* (Spec §3: lokale Ersetzbarkeit der Engine.)
*/
const markedInstance = new Marked({ const markedInstance = new Marked({
breaks: true, breaks: true,
gfm: true, gfm: true,
@ -34,20 +29,7 @@ const markedInstance = new Marked({
} }
}); });
/**
* Rendert einen Markdown-String zu sanitized HTML.
* Einziger Export des Moduls — so bleibt Austausch der Engine lokal.
*
* Nur im Browser/jsdom aufrufen: DOMPurify braucht ein DOM. Die SPA
* hat SSR global ausgeschaltet (`+layout.ts: ssr = false`), Vitest läuft
* in jsdom — beide Szenarien sind abgedeckt. Ein Aufruf in reiner
* Node-Umgebung würde hier laut fehlschlagen statt stumm unsicher
* durchzulaufen.
*/
export function renderMarkdown(md: string): string { export function renderMarkdown(md: string): string {
if (typeof window === 'undefined') {
throw new Error('renderMarkdown: DOM-Kontext erforderlich (Browser oder jsdom).');
}
const raw = markedInstance.parse(md, { async: false }) as string; const raw = markedInstance.parse(md, { async: false }) as string;
return DOMPurify.sanitize(raw); return DOMPurify.sanitize(raw);
} }