import React from "react"; import Layout from "@theme/Layout"; import Link from "@docusaurus/Link"; import Head from "@docusaurus/Head"; import { type CatalogPlugin, SUBMIT_PLUGIN_URL, authorPagePath, categoryOf, desktopInstallLink, formatDate, formatStars, pinUrl, repoUrl, splitDisclosure, tierOf, } from "./catalog"; import CopyButton from "./CopyButton"; import MiniCard from "./MiniCard"; import styles from "./pages.module.css"; interface PluginPageData { plugin: CatalogPlugin; /** Allowlisted HTML rendered at build time from the README at the pinned commit; null when not opted in. */ readmeHtml: string | null; /** Raw URL of the README file that was rendered (subdir or repo root at the pinned sha). */ readmeSourceUrl: string | null; author: { slug: string; name: string; count: number } | null; moreByAuthor: CatalogPlugin[]; generatedAt: string | null; starsFetchedAt: string | null; } function Fact({ label, children }: { label: string; children: React.ReactNode }) { return (
{label}
{children}
); } function ChipList({ label, items, mono = true }: { label: string; items?: string[]; mono?: boolean }) { if (!items?.length) return null; return (

{label} {items.length}

{items.map((item) => mono ? ( {item} ) : ( {item} ), )}
); } function platformLabel(p: string): string { return p === "macos" ? "macOS" : p === "linux" ? "Linux" : p === "windows" ? "Windows" : p; } export default function PluginPage({ data }: { data: PluginPageData }) { const { plugin, readmeHtml, author, moreByAuthor } = data; const tier = tierOf(plugin); const category = categoryOf(plugin); const caps = plugin.capabilities || {}; const { prose, disclosures } = splitDisclosure(plugin.description || ""); const repo = repoUrl(plugin); const pinned = pinUrl(plugin); const readmeFileUrl = data.readmeSourceUrl ? data.readmeSourceUrl .replace(/^https:\/\/raw\.githubusercontent\.com\/([^/]+)\/([^/]+)\/([0-9a-f]{40})\//, "https://github.com/$1/$2/blob/$3/") .replace("/-/raw/", "/-/blob/") : null; const added = formatDate(plugin.addedAt); const updated = formatDate(plugin.updatedAt); const metaDescription = (prose || plugin.description || `${plugin.name} — a Hermes Agent plugin`).slice(0, 160); return ( {plugin.image && }
{plugin.image && ( )}

{plugin.name}

{tier.icon} {tier.label} {plugin.version && ( v{plugin.version.replace(/^v/i, "")} )} {typeof plugin.stars === "number" && ( {"\u2605"} {formatStars(plugin.stars)} )}

{category.label} {plugin.maintainer && ( <> {" · by "} {author ? ( {plugin.maintainer} ) : ( plugin.maintainer )} )} {added && <> {" · added "}} {updated && updated !== added && ( <> {" · updated "} )}

{prose &&

{prose}

} {disclosures.map((text) => ( ))}
Open in Hermes Desktop
{plugin.installCommand}
Repository ↗ Reviewed source @ {plugin.shaShort} ↗ {plugin.docsUrl && ( Documentation ↗ )}
{plugin.screenshots?.length ? (

Screenshots

{plugin.screenshots.map((src, i) => ( {`${plugin.name} ))}
) : null} {(caps.providesTools?.length || caps.providesHooks?.length || caps.providesMiddleware?.length || caps.requiresEnv?.length) ? (

What it adds

) : null} {readmeHtml ? (

README

From the reviewed commit{" "} {readmeFileUrl ? ( {plugin.shaShort} ↗ ) : ( {plugin.shaShort} )} ; it updates when the author re-pins.
) : null}
{author && moreByAuthor.length > 0 && (

More by {author.name}

All {author.count} plugins by {author.name} →
{moreByAuthor.slice(0, 6).map((p) => )}
)}

← Back to the catalog {formatDate(data.generatedAt) && ( // Absolute date, not "x hours ago": the page is server-rendered and a clock-relative // string would differ at hydration. · catalog built {formatDate(data.generatedAt)} )}

); }