-
-
+
+
+
+ Recent Issues
+
+
+ Top Issues
+
-
-
-
- Configure the Pvium webhook URL as{" "}
-
- https://<your-host>/api/pvium/webhook
-
- . Set PVIUM_WEBHOOK_SECRET to
- the same secret configured on the Pvium client app.
-
-
-
- When{" "}
-
- PVIUM_REWARD_PLATFORM_FEE_WALLET
- {" "}
- is set and the fee basis points are greater than zero, instant batches
- include the platform fee as the first payee with memo{" "}
- platform fee. The contributor
- reward amount is not reduced by the fee.
-
-
+
+
-
+
+ {bounties.length ? (
+ bounties.map((bounty) => {
+ const repoName = `${bounty.repository.owner}/${bounty.repository.repo}`;
+ const issueUrl =
+ bounty.issueUrl ??
+ `https://github.com/${repoName}/issues/${bounty.issueNumber}`;
+ const issueTitle =
+ bounty.issueTitle ?? `GitHub issue #${bounty.issueNumber}`;
+ const issueExcerpt =
+ bounty.issueExcerpt ??
+ `Registered from label ${bounty.labelName}. Open the source issue on GitHub for full details.`;
+ const statusLabel =
+ statuses[bounty.status as keyof typeof statuses] ?? bounty.status;
+ const issueState = bounty.issueState
+ ? `GitHub ${bounty.issueState}`
+ : "GitHub issue";
+ const createdAt = bounty.issueCreatedAt ?? bounty.createdAt;
+ const updatedAt = bounty.issueUpdatedAt ?? bounty.updatedAt;
-
-
-
- The app stores Pvium OAuth access and refresh tokens on the GitHub
- user link so future merged PRs for the same contributor can create
- rewards without asking the contributor to authorize again. Treat these
- OAuth tokens as secrets; production deployments should encrypt them at
- rest and restrict database access.
-
-
+ return (
+
+
+
+
{repoName}
+
{issueTitle}
+
+
+ {formatAmount(Number(bounty.amount))} {bounty.currency}
+
+
{issueExcerpt}
+
+ {statusLabel}
+ {issueState}
+ Created {formatDate(createdAt)}
+ Updated {formatDate(updatedAt)}
+
+
+ );
+ })
+ ) : (
+
+
No matching bounties yet
+
+ Install the GitHub App on repositories and label issues with
+ pvium bounty labels to populate this discovery feed.
+
+
+ View deployment guide
+
+
);
}
-function Section({ title, children }: { title: string; children: ReactNode }) {
+function Stat({ label, value }: { label: string; value: string }) {
return (
-
+
+ {value}
+ {label}
+
);
}
-function Endpoint({ label, value }: { label: string; value: string }) {
+function ViewLink({
+ active,
+ href,
+ children,
+}: {
+ active: boolean;
+ href: string;
+ children: string;
+}) {
return (
-
- {label}
- {value}
-
+
+ {children}
+
);
}
-function ListBlock({ title, items }: { title: string; items: string[] }) {
- return (
-
-
{title}
-
-
- );
+function getParam(params: SearchParams, key: string) {
+ const value = params[key];
+ return Array.isArray(value) ? value[0] : value;
}
-function BulletList({ items }: { items: string[] }) {
- return (
-
- {items.map((item) => (
- -
- {item}
-
- ))}
-
- );
+function parseMinimumBounty(value: string | undefined) {
+ if (!value) return 0;
+ const parsed = Number(value);
+ return Number.isFinite(parsed) && parsed > 0 ? parsed : 0;
}
-function NumberedList({ items }: { items: string[] }) {
- return (
-
- {items.map((item) => (
- -
- {item}
-
- ))}
-
- );
+function buildHref(params: {
+ view: "recent" | "top";
+ order: "asc" | "desc";
+ min: number;
+}) {
+ const query = new URLSearchParams({
+ view: params.view,
+ order: params.order,
+ });
+
+ if (params.min > 0) {
+ query.set("min", String(params.min));
+ }
+
+ return `/?${query.toString()}`;
+}
+
+function formatAmount(value: number) {
+ return new Intl.NumberFormat("en-US", {
+ maximumFractionDigits: 6,
+ }).format(value);
}
-function CodeBlock({ value }: { value: string }) {
- return
{value};
+function formatDate(value: Date) {
+ return new Intl.DateTimeFormat("en-US", {
+ month: "short",
+ day: "numeric",
+ year: "numeric",
+ }).format(value);
}
const styles: Record
= {
page: {
minHeight: "100vh",
margin: 0,
- padding: "48px 20px",
- background: "#f7f8fb",
+ background: "#f7f9fb",
color: "#172033",
fontFamily:
- 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+ '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
},
hero: {
- maxWidth: 980,
- margin: "0 auto 24px",
- padding: "32px 0 8px",
+ padding: "32px clamp(20px, 5vw, 72px) 40px",
+ background: "#ffffff",
+ borderBottom: "1px solid #dfe7ef",
},
- brandRow: {
+ topBar: {
display: "flex",
- alignItems: "center",
justifyContent: "space-between",
- gap: 12,
- marginBottom: 18,
- },
- topLinks: {
- display: "flex",
alignItems: "center",
- flexWrap: "wrap",
- gap: 10,
+ gap: 16,
+ marginBottom: 48,
},
logo: {
- width: 96,
- height: 96,
- borderRadius: 8,
+ width: 44,
+ height: 44,
objectFit: "contain",
},
- logoLink: {
- display: "inline-flex",
- lineHeight: 0,
- },
- poweredBy: {
- display: "inline-flex",
+ navLinks: {
+ display: "flex",
alignItems: "center",
- padding: "9px 13px",
- border: "1px solid #c8d0df",
- borderRadius: 999,
- background: "#ffffff",
- color: "#172033",
+ gap: 12,
+ flexWrap: "wrap",
+ },
+ navLink: {
+ color: "#40506a",
+ textDecoration: "none",
fontSize: 14,
fontWeight: 600,
- textDecoration: "none",
},
- installLink: {
+ navButton: {
display: "inline-flex",
alignItems: "center",
- padding: "10px 14px",
- borderRadius: 8,
+ minHeight: 38,
+ padding: "0 14px",
+ borderRadius: 6,
background: "#172033",
color: "#ffffff",
+ textDecoration: "none",
fontSize: 14,
fontWeight: 700,
- textDecoration: "none",
},
eyebrow: {
- margin: "0 0 12px",
- color: "#52627a",
- fontSize: 14,
- fontWeight: 700,
+ margin: "0 0 10px",
+ color: "#0e7a5f",
+ fontSize: 13,
+ fontWeight: 800,
textTransform: "uppercase",
},
title: {
- maxWidth: 820,
- margin: "0 0 18px",
- fontSize: 48,
- lineHeight: 1.08,
+ maxWidth: 760,
+ margin: 0,
+ fontSize: "clamp(36px, 7vw, 68px)",
+ lineHeight: 1,
letterSpacing: 0,
},
lede: {
- maxWidth: 760,
- margin: "0 0 24px",
- color: "#46556e",
+ maxWidth: 720,
+ margin: "20px 0 0",
+ color: "#4e5d73",
fontSize: 18,
lineHeight: 1.65,
},
- endpointGrid: {
+ statsGrid: {
display: "grid",
- gridTemplateColumns: "repeat(auto-fit, minmax(230px, 1fr))",
- gap: 12,
- maxWidth: 920,
+ gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+ gap: 14,
+ marginTop: 32,
+ maxWidth: 760,
},
- endpoint: {
- border: "1px solid #d9deea",
- borderRadius: 8,
- background: "#ffffff",
+ stat: {
+ display: "grid",
+ gap: 4,
padding: 16,
+ border: "1px solid #dfe7ef",
+ borderRadius: 8,
+ background: "#f9fbfd",
+ },
+ statValue: {
+ fontSize: 22,
+ fontWeight: 800,
},
- endpointLabel: {
- display: "block",
- marginBottom: 8,
- color: "#66748a",
+ statLabel: {
+ color: "#64748b",
fontSize: 13,
+ },
+ controlsPanel: {
+ display: "flex",
+ alignItems: "end",
+ justifyContent: "space-between",
+ gap: 20,
+ padding: "22px clamp(20px, 5vw, 72px)",
+ borderBottom: "1px solid #dfe7ef",
+ background: "#eef4f8",
+ flexWrap: "wrap",
+ },
+ tabRow: {
+ display: "flex",
+ gap: 8,
+ },
+ tab: {
+ display: "inline-flex",
+ alignItems: "center",
+ minHeight: 38,
+ padding: "0 14px",
+ border: "1px solid #ccd8e4",
+ borderRadius: 6,
+ color: "#40506a",
+ background: "#ffffff",
+ textDecoration: "none",
+ fontSize: 14,
fontWeight: 700,
},
- endpointCode: {
+ activeTab: {
+ display: "inline-flex",
+ alignItems: "center",
+ minHeight: 38,
+ padding: "0 14px",
+ border: "1px solid #172033",
+ borderRadius: 6,
+ color: "#ffffff",
+ background: "#172033",
+ textDecoration: "none",
+ fontSize: 14,
+ fontWeight: 700,
+ },
+ filterForm: {
+ display: "flex",
+ alignItems: "end",
+ gap: 12,
+ flexWrap: "wrap",
+ },
+ fieldLabel: {
+ display: "grid",
+ gap: 6,
+ color: "#526178",
+ fontSize: 12,
+ fontWeight: 800,
+ textTransform: "uppercase",
+ },
+ input: {
+ width: 160,
+ height: 38,
+ padding: "0 10px",
+ border: "1px solid #ccd8e4",
+ borderRadius: 6,
+ background: "#ffffff",
color: "#172033",
fontSize: 14,
- wordBreak: "break-word",
},
- section: {
- maxWidth: 980,
- margin: "18px auto",
- padding: 24,
- border: "1px solid #d9deea",
- borderRadius: 8,
+ select: {
+ width: 150,
+ height: 40,
+ padding: "0 10px",
+ border: "1px solid #ccd8e4",
+ borderRadius: 6,
background: "#ffffff",
+ color: "#172033",
+ fontSize: 14,
},
- sectionTitle: {
- margin: "0 0 16px",
- fontSize: 24,
- letterSpacing: 0,
+ applyButton: {
+ height: 40,
+ padding: "0 16px",
+ border: 0,
+ borderRadius: 6,
+ background: "#0e7a5f",
+ color: "#ffffff",
+ fontSize: 14,
+ fontWeight: 800,
+ cursor: "pointer",
},
- paragraph: {
- margin: "0 0 14px",
- color: "#46556e",
- fontSize: 15,
- lineHeight: 1.7,
+ issueList: {
+ display: "grid",
+ gap: 14,
+ padding: "28px clamp(20px, 5vw, 72px) 56px",
},
- columns: {
+ issueCard: {
display: "grid",
- gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
- gap: 18,
+ gap: 12,
+ padding: 20,
+ border: "1px solid #dfe7ef",
+ borderRadius: 8,
+ background: "#ffffff",
+ color: "inherit",
+ textDecoration: "none",
},
- listBlock: {
- minWidth: 0,
+ cardHeader: {
+ display: "flex",
+ justifyContent: "space-between",
+ gap: 16,
+ alignItems: "flex-start",
},
- listTitle: {
- margin: "0 0 10px",
- color: "#263247",
- fontSize: 16,
+ repoName: {
+ margin: "0 0 6px",
+ color: "#0e7a5f",
+ fontSize: 13,
+ fontWeight: 800,
+ },
+ issueTitle: {
+ margin: 0,
+ fontSize: 22,
+ lineHeight: 1.2,
+ letterSpacing: 0,
+ },
+ amount: {
+ flexShrink: 0,
+ display: "inline-flex",
+ alignItems: "center",
+ minHeight: 34,
+ padding: "0 12px",
+ borderRadius: 6,
+ background: "#e6f6ef",
+ color: "#0e7a5f",
+ fontSize: 14,
+ fontWeight: 900,
},
- list: {
+ description: {
margin: 0,
- paddingLeft: 22,
- color: "#46556e",
+ color: "#526178",
fontSize: 15,
- lineHeight: 1.7,
+ lineHeight: 1.55,
},
- listItem: {
- marginBottom: 8,
+ metaRow: {
+ display: "flex",
+ gap: 10,
+ alignItems: "center",
+ flexWrap: "wrap",
+ color: "#697891",
+ fontSize: 13,
},
- codeBlock: {
- margin: "14px 0 0",
- padding: 16,
- overflowX: "auto",
+ statusPill: {
+ display: "inline-flex",
+ alignItems: "center",
+ minHeight: 24,
+ padding: "0 8px",
+ borderRadius: 6,
+ background: "#edf2f7",
+ color: "#26364d",
+ fontWeight: 800,
+ },
+ emptyState: {
+ display: "grid",
+ gap: 12,
+ maxWidth: 560,
+ padding: 28,
+ border: "1px solid #dfe7ef",
borderRadius: 8,
- background: "#141925",
- color: "#eef3ff",
- fontSize: 13,
+ background: "#ffffff",
+ },
+ emptyTitle: {
+ margin: 0,
+ fontSize: 24,
+ },
+ emptyText: {
+ margin: 0,
+ color: "#526178",
lineHeight: 1.6,
},
- inlineCode: {
- padding: "2px 5px",
- borderRadius: 5,
- background: "#eef1f6",
- color: "#263247",
- fontSize: "0.92em",
+ emptyLink: {
+ color: "#0e7a5f",
+ fontWeight: 800,
+ textDecoration: "none",
},
};
diff --git a/src/lib/github/webhook-handler.ts b/src/lib/github/webhook-handler.ts
index 46a7c5e..615246c 100644
--- a/src/lib/github/webhook-handler.ts
+++ b/src/lib/github/webhook-handler.ts
@@ -110,6 +110,7 @@ async function handleIssueLabeled(payload: GithubWebhookPayload) {
}
const repository = await upsertRepository(payload);
+ const issueMetadata = buildIssueMetadata(payload.issue);
const bounty = await prisma.bounty.upsert({
where: {
repositoryId_issueNumber_labelName: {
@@ -122,11 +123,12 @@ async function handleIssueLabeled(payload: GithubWebhookPayload) {
amount: parsed.amount,
currency: parsed.currency,
status: "OPEN",
+ ...issueMetadata,
},
create: {
repositoryId: repository.id,
issueNumber: payload.issue.number,
- issueNodeId: payload.issue.node_id,
+ ...issueMetadata,
labelName: parsed.raw,
amount: parsed.amount,
currency: parsed.currency,
@@ -156,6 +158,25 @@ async function handleIssueLabeled(payload: GithubWebhookPayload) {
return { bountyId: bounty.id };
}
+function buildIssueMetadata(issue: GithubWebhookPayload["issue"]) {
+ return {
+ issueNodeId: issue?.node_id ?? null,
+ issueTitle: issue?.title ?? null,
+ issueUrl: issue?.html_url ?? null,
+ issueState: issue?.state ?? null,
+ issueExcerpt: buildIssueExcerpt(issue?.body),
+ issueCreatedAt: issue?.created_at ? new Date(issue.created_at) : null,
+ issueUpdatedAt: issue?.updated_at ? new Date(issue.updated_at) : null,
+ };
+}
+
+function buildIssueExcerpt(body: unknown) {
+ if (typeof body !== "string") return null;
+
+ const excerpt = body.replace(/\s+/g, " ").trim();
+ return excerpt ? excerpt.slice(0, 280) : null;
+}
+
async function handlePullRequestClosed(payload: GithubWebhookPayload) {
const env = getEnv();
const pullRequest = payload.pull_request;
+
+