feat(ui): add "How do I use this?" usage instructions to repo detail pages #105

Merged
benvin merged 1 commits from benvin/ui-usage-instructions into master 2026-07-25 14:16:23 +10:00

1 Commits

Author SHA1 Message Date
unkinben 452cb87ce2 feat(ui): add How do I use this? usage instructions to repo detail pages
ci/woodpecker/pr/pre-commit Pipeline was successful
ci/woodpecker/pr/build Pipeline was successful
ci/woodpecker/pr/test Pipeline was successful
Users landing on a repository page had no in-UI guidance on how to
actually consume it — they had to know the URL scheme for each package
type by hand. This adds a per-repository, per-type set of copy-pasteable
Linux instructions so a repo page tells you exactly how to configure a
host against it.

- Add UsageInstructions component: a collapsible How do I use this? panel
  with monospace code boxes and copy-to-clipboard buttons, styled to match
  the existing detail-section/badge theme.
- Generate snippets per package type (rpm, pypi, npm, docker, terraform,
  helm, alpine, goproxy, puppet, generic) and per class (remote proxy,
  local registry, virtual merged index) using the repo's real name.
- Resolve the instance base URL from window.location.origin (the UI is
  served on the API origin) rather than hardcoding a hostname.
- Render the panel on RemoteDetail, LocalDetail, and the Virtuals member
  expand panel.
2026-07-25 12:58:14 +10:00