feat: Add Text Viewer component with bash syntax highlighting

- Create TextViewer component for displaying script code
- Add react-syntax-highlighter for bash syntax highlighting
- Implement tabbed interface for CT and install scripts
- Add getScriptContent tRPC endpoint for secure file reading
- Update ScriptsList to use TextViewer for View button
- Include security checks to prevent path traversal
- Support both CT and install script viewing in same modal
- Add line numbers and proper code formatting
This commit is contained in:
Michel Roegl-Brunner
2025-09-10 15:17:15 +02:00
parent 2e743490c9
commit 93f51ddbe9
6 changed files with 507 additions and 15 deletions

View File

@@ -28,6 +28,7 @@
"@trpc/client": "^11.0.0",
"@trpc/react-query": "^11.0.0",
"@trpc/server": "^11.0.0",
"@types/react-syntax-highlighter": "^15.5.13",
"@types/ws": "^8.18.1",
"@xterm/addon-attach": "^0.11.0",
"@xterm/addon-fit": "^0.10.0",
@@ -37,6 +38,7 @@
"node-pty": "^1.0.0",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-syntax-highlighter": "^15.6.6",
"server-only": "^0.0.1",
"simple-git": "^3.28.0",
"strip-ansi": "^7.1.2",