Web-based git browser for Solid pods. A GitHub-style frontend that runs entirely in the browser against any git remote — including JSS-hosted repositories on Solid pods.

🔗 Live: jss.live/git/ 📖 Companion guide: Git on Solid

Browse any JSS-hosted git repository:

https://jss.live/git/?repo=https://your.pod/path/to/repo

Demo repo:

https://jss.live/git/?repo=https://melvin.me/public/git/test/

• File tree with folder navigation and file-type icons
• File content view with syntax highlighting (JS, TS, HTML, CSS, JSON, Markdown, Python, Rust, Go, Java, YAML, Bash, ...)
• Markdown rendering for README.md and other .md files (with shields.io badge support)
• Commits view — full history with author, message, date, SHA
• Commit detail view — full message, parent commits, changed files (added / modified / deleted badges)
• Branch dropdown for multi-branch repos
• Tags display in sidebar
• Clone box with copy button
• Repo header with breadcrumb, visibility badge, Watch / Fork / Star action buttons (Solid-native impl planned)
• About sidebar with branch / refs / commits / files counts
• OGP / Twitter Card support — sharing a repo URL renders a clean preview

"Let Solid be Solid, and let Git be Git." — Git on Solid

JSS Git is the browser-side companion to JSS's protocol-gateway git architecture (Pattern B in the guide above). It speaks the real git smart-HTTP protocol (v2) — not raw HTTP-fetching of .git/objects/ paths.

Why this matters:

• Works on any compliant git remote — JSS pods, GitHub, Gitea, custom servers
• Handles packed refs and pack files — the real git wire format, not just loose objects
• No server changes needed beyond JSS's standard --git flag
• Future-proof for auth / push / branches — uses the canonical git protocol

• Preact + HTM — lightweight UI without JSX
• isomorphic-git — pure-JS git implementation (handles smart-HTTP v2, pack files, delta compression)
• @isomorphic-git/lightning-fs — IndexedDB-backed in-memory filesystem
• marked — Markdown rendering
• Prism — syntax highlighting

Bundled with esbuild into a single app.js (~1MB minified, includes browser polyfills for Node crypto / stream).

git clone https://github.com/JavaScriptSolidServer/git.git
cd git
npm install
npm run build           # build app.js
python3 -m http.server  # serve locally

Edit src/app.js, then npm run build to regenerate the bundle.

Browser-side git clients must be able to send the Git-Protocol header for smart-HTTP v2. JSS allows this in CORS preflight responses since #372. Other servers may need configuration.

• Per-file last commit info in the file tree
• File diff viewer in commit detail
• Solid-native stars / watch / fork (LDP container of WebID resources)
• RDF metadata reading (description, tags from pod's .well-known/)
• Markdown table-of-contents and anchor links
• Search

AGPL-3.0