soft-serve icon indicating copy to clipboard operation
soft-serve copied to clipboard

Read-only, public-only web interface

Open Amolith opened this issue 2 months ago • 3 comments

A couple of issues mention users wanting a web interface and Charm people wanting a web interface (the only one I can find right now is https://github.com/charmbracelet/soft-serve/issues/530#issuecomment-2129887019). I'm taking a stab at implementing one and wanted to share the quick and dirty UI I have so far using Pico CSS.

I hope enough detail is visible in this screen recording; I had to compress it a bit. There's a lot to work out before it's quite ready for PR; clicking a tag should browse the files at that ref but it currently just errors, the SSH URL isn't the same as the one shown in the SSH TUI, etc. I also considered that you might not like the styling, so I chose a semantic CSS framework specifically so it encourages proper HTML structure and it's easy to rip out, letting you all spruce it up however you like.

Image

Should I open a PR for it once it's a bit more polished and ready for review?

Amolith avatar Oct 07 '25 04:10 Amolith

While working on the diff viewer, I noticed Pico CSS provides <ins> and <del> elements to apply styling to inserted and deleted content. I think I like it in the diff viewer 🤔

Image

Amolith avatar Oct 07 '25 18:10 Amolith

I've been spending too much time on this, but it's a lot of fun 😅 Slowly coming together.

https://github.com/user-attachments/assets/6e10ff92-e47f-42bf-8085-ce14deec6c96

Amolith avatar Oct 08 '25 18:10 Amolith

@Amolith This is my new favorite project to follow!

karloscarweber avatar Nov 24 '25 20:11 karloscarweber