Files
ProxMenux/web/components/ui/script-viewer.tsx
T
MacRimi 5ca3463bf6 complete i18n migration to /[locale]/ with EN+ES content
Full rewrite of the docs site under app/[locale]/ with next-intl
in localePrefix:"always" mode. Every page now exists at both
/en/<path> and /es/<path>; the root / shows a meta-refresh + JS
redirect to /<defaultLocale>/ so GitHub Pages serves something
on the apex URL.

Highlights:
- 107 doc pages migrated to file-per-page JSON namespaces under
  messages/en/ and messages/es/. Spanish content is fully
  translated (no copy-of-English placeholders).
- New documentation for the Active Suppressions section in the
  Settings tab and the per-event Dismiss dropdown in the Health
  Monitor modal.
- New screenshots: dismiss-duration-dropdown.png and an updated
  health-suppression-settings.png.
- Pagefind integrated for client-side search; index is built on
  every CI deploy (not committed).
- RSS feeds: per-locale at /<locale>/rss.xml plus root /rss.xml
  for backward compat.
- Removed the dead app/[locale]/guides/[slug]/ route — every
  guide now has its own static page and no markdown source
  remains.
- Fixed orphan link /guides/nvidia -> /guides/nvidia-manual in
  docs/hardware/nvidia-host.
- Removed obsolete components (footer2, calendar, drawer).

Verified locally with `npm ci && npm run build`: 2804 files in
out/, 231 pages indexed by pagefind, root redirect intact, both
locale roots and the new Active Suppressions docs render OK.
2026-05-31 12:41:10 +02:00

55 lines
1.9 KiB
TypeScript

import { ExternalLink } from "lucide-react"
import { cn } from "@/lib/utils"
interface ScriptViewerProps {
scriptPath: string
githubRepo?: string
githubBranch?: string
className?: string
}
const DEFAULT_REPO = "MacRimi/ProxMenux"
const DEFAULT_BRANCH = "main"
// Top-level repo directories. When a `scriptPath` starts with any of
// these, we treat it as already-relative-to-repo-root and skip the
// implicit `scripts/` prefix. Bash scripts under `scripts/` (the
// majority of doc pages) keep working as before — they don't start
// with one of these prefixes.
const REPO_ROOTS = ["AppImage/", "web/", "menu", "json/", "guides/", "lang/", "images/"]
function buildScriptHref(scriptPath: string, repo: string, branch: string): string {
const isRepoAbsolute = REPO_ROOTS.some((r) => scriptPath.startsWith(r))
const path = isRepoAbsolute ? scriptPath : `scripts/${scriptPath}`
return `https://github.com/${repo}/blob/${branch}/${path}`
}
export function ScriptViewer({
scriptPath,
githubRepo = DEFAULT_REPO,
githubBranch = DEFAULT_BRANCH,
className,
}: ScriptViewerProps) {
const filename = scriptPath.split("/").pop() || scriptPath
const githubUrl = buildScriptHref(scriptPath, githubRepo, githubBranch)
const isRepoAbsolute = REPO_ROOTS.some((r) => scriptPath.startsWith(r))
const titlePath = isRepoAbsolute ? scriptPath : `scripts/${scriptPath}`
return (
<a
href={githubUrl}
target="_blank"
rel="noopener noreferrer"
className={cn(
"inline-flex items-center gap-1.5 rounded-full border border-emerald-300 bg-emerald-50 px-2.5 py-0.5 text-xs font-medium text-emerald-800 transition-colors hover:border-emerald-400 hover:bg-emerald-100",
className,
)}
aria-label={`View ${filename} on GitHub (opens in a new tab)`}
title={`${titlePath} — opens on GitHub in a new tab`}
>
<ExternalLink className="h-3.5 w-3.5" aria-hidden="true" />
View script
</a>
)
}