d288f07 | website

git clone https://git.pyrossh.dev/website

木 Personal website of pyrossh. Built with astrojs, shiki, vite.

d288f07 — pyrossh 2026-05-24T17:43:21+05:30

implement ssr

Generated files not shown: bun.lock

Files changed (20) hide show

.gitignore +2 -1
astro.config.mjs +7 -2
package.json +4 -3
src/actions/index.ts +66 -0
src/components/Issue.astro +97 -0
src/layouts/BaseLayout.astro +0 -12
src/layouts/RepoLayout.astro +9 -0
src/pages/posts/[...postId]/index.astro +7 -10
src/pages/repos/[...repoId]/commits/[...hash]/index.astro +10 -23
src/pages/repos/[...repoId]/commits/index.astro +6 -13
src/pages/repos/[...repoId]/files/[...file]/blame/index.astro +11 -27
src/pages/repos/[...repoId]/files/[...file]/history/index.astro +11 -27
src/pages/repos/[...repoId]/files/[...file]/index.astro +10 -26
src/pages/repos/[...repoId]/files/index.astro +6 -13
src/pages/repos/[...repoId]/index.astro +5 -13
src/pages/repos/[...repoId]/issues/[...issueId]/index.astro +159 -0
src/pages/repos/[...repoId]/issues/index.astro +118 -0
src/utils/commit.ts +3 -3
src/utils/gitBug.ts +328 -0
wrangler.jsonc +12 -0

.gitignore CHANGED Viewed

@@ -56,4 +56,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-target
+target
+.wrangler

astro.config.mjs CHANGED Viewed

@@ -1,5 +1,6 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
+import node from '@astrojs/node';
 import icon from "astro-icon";
 import sitemap from '@astrojs/sitemap';
 import expressiveCode from 'astro-expressive-code';
@@ -7,10 +8,14 @@ import expressiveCode from 'astro-expressive-code';
 // https://astro.build/config
 export default defineConfig({
   site: 'https://pyrossh.dev',
+  output: 'server',
   trailingSlash: 'never',
+  adapter: node({
-  output: 'static',
+    mode: 'standalone',
+    bodySizeLimit: 5 * 1024, // 5 MB
+  }),
   integrations: [icon(), sitemap(), expressiveCode()],
   devToolbar: {
     enabled: false,
   },
-});
+});

package.json CHANGED Viewed

@@ -15,7 +15,8 @@
   },
   "dependencies": {
     "@appzic/astro-reset-css": "^1.2.0",
-    "@astrojs/cloudflare": "^13.5.0",
+    "@astrojs/node": "^10.1.1",
+    "@aws-sdk/client-s3": "^3.1053.0",
     "alchemy": "^0.93.7",
     "astro": "6.3.1",
     "astro-color-scheme": "^1.1.6",
@@ -23,12 +24,12 @@
     "astro-icon": "^1.1.5",
     "pretty-bytes": "^7.1.0",
     "simple-git": "^3.27.0",
+    "spamscanner": "^6.1.5",
     "timeago.js": "^4.0.2"
   },
   "devDependencies": {
     "@astrojs/rss": "^4.0.18",
     "@astrojs/sitemap": "^3.7.2",
-    "@aws-sdk/client-s3": "^3.932.0",
     "@aws-sdk/client-sts": "^3.932.0",
     "@iconify-json/material-symbols": "^1.2.39",
     "@iconify-json/mdi": "^1.2.3",
@@ -38,4 +39,4 @@
     "diff2html": "^3.4.52",
     "vscode-icons": "https://github.com/vscode-icons/vscode-icons.git"
   }
-}
+}

src/actions/index.ts ADDED Viewed

@@ -0,0 +1,66 @@
+import { defineAction } from "astro:actions";
+import { z } from "astro/zod";
+import {
+  addGitBugIssueComment,
+  createGitBugIssue,
+  setGitBugIssueState,
+} from "@/utils/gitBug";
+const repoId = z.string().regex(/^[a-zA-Z0-9._-]+$/);
+const issueId = z.string().regex(/^[a-f0-9]{16}$/);
+export const server = {
+  createIssue: defineAction({
+    accept: "form",
+    input: z.object({
+      repoId,
+      title: z.string().trim().min(1),
+      body: z.string().trim().optional(),
+      author: z.string().trim().optional(),
+      labels: z.string().trim().optional(),
+    }),
+    handler: async (input) => {
+      return await createGitBugIssue(input.repoId, {
+        title: input.title,
+        body: input.body,
+        author: input.author,
+        labels: input.labels
+          ?.split(",")
+          .map((label) => label.trim())
+          .filter(Boolean),
+      });
+    },
+  }),
+  commentOnIssue: defineAction({
+    accept: "form",
+    input: z.object({
+      repoId,
+      issueId,
+      body: z.string().trim().min(1),
+      author: z.string().trim().optional(),
+    }),
+    handler: async (input) => {
+      return await addGitBugIssueComment(input.repoId, input.issueId, {
+        body: input.body,
+        author: input.author,
+      });
+    },
+  }),
+  setIssueState: defineAction({
+    accept: "form",
+    input: z.object({
+      repoId,
+      issueId,
+      state: z.enum(["open", "closed"]),
+      author: z.string().trim().optional(),
+    }),
+    handler: async (input) => {
+      return await setGitBugIssueState(
+        input.repoId,
+        input.issueId,
+        input.state,
+        input.author,
+      );
+    },
+  }),
+};

src/components/Issue.astro ADDED Viewed

@@ -0,0 +1,97 @@
+---
+import TimeAgo from "./TimeAgo.astro";
+import type { GitBugIssue } from "@/utils/gitBug";
+type Props = {
+  repoId: string;
+  issue: GitBugIssue;
+};
+const { repoId, issue } = Astro.props;
+const date = issue.updatedAt ?? issue.createdAt;
+---
+<article class="issue">
+  <div class="issue-title">
+    <a href={`/repos/${repoId}/issues/${issue.id}`} title={issue.id}>
+      {issue.title}
+    </a>
+    <span class:list={["state", issue.state]}>{issue.state}</span>
+  </div>
+  <div class="meta">
+    <a href={`/repos/${repoId}/issues/${issue.id}`} title={issue.id}>
+      {issue.id.substring(0, 8)}
+    </a>
+    {issue.author && <span>by {issue.author}</span>}
+    {date && <TimeAgo date={date} />}
+    {issue.comments.length > 0 && <span>{issue.comments.length} comments</span>}
+  </div>
+  {
+    issue.labels.length > 0 && (
+      <div class="labels">
+        {issue.labels.map((label) => (
+          <span class="label">#{label}</span>
+        ))}
+      </div>
+    )
+  }
+</article>
+<style>
+  .issue {
+    background-color: var(--color-box-bg);
+    color: var(--color-text);
+    padding: 0.5rem;
+    margin: 0.5rem 0;
+    font-size: 11pt;
+    a {
+      color: var(--color-link);
+    }
+  }
+  .issue-title {
+    display: flex;
+    align-items: baseline;
+    gap: 0.5rem;
+    font-size: 1.05rem;
+    font-weight: 500;
+  }
+  .state {
+    border: 1px solid var(--color-text);
+    border-radius: 0.2rem;
+    padding: 0.05rem 0.35rem;
+    font-size: 0.75rem;
+    text-transform: uppercase;
+  }
+  .open {
+    color: var(--color-tag);
+  }
+  .closed {
+    opacity: 0.8;
+  }
+  .meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    margin-top: 0.25rem;
+    font-size: 0.85rem;
+  }
+  .labels {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.35rem;
+    margin-top: 0.35rem;
+  }
+  .label {
+    color: var(--color-tag);
+    font-size: 0.85rem;
+    font-weight: 500;
+  }
+</style>

src/layouts/BaseLayout.astro CHANGED Viewed

@@ -65,18 +65,6 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
         navigation: auto; /* enabled! */
       }
     </style>
-    <script is:inline>
-      if (window.__TAURI__) {
-        window.__TAURI__.log.info("Back key triggered");
-        window.__TAURI__.app.onBackButtonPress(() => {
-          if (window.history.length > 1) {
-            window.history.back();
-            return true; // Mark event as handled
-          }
-          return false; // Let the app close
-        });
-      }
-    </script>
     <Header />
     <Wrapper>
       <main class:list={classname}>

src/layouts/RepoLayout.astro CHANGED Viewed

@@ -72,6 +72,15 @@ const { pathname } = Astro.url;
         </a>
       </div>
       <div>|</div>
+      <div>
+        <a
+          aria-current={pathname.includes("/issues") ? "true" : "false"}
+          href={`/repos/${title}/issues`}
+        >
+          Issues
+        </a>
+      </div>
+      <div>|</div>
       <div>
         <a
           aria-current={pathname.includes("/files") ? "true" : "false"}

src/pages/posts/[...postId]/index.astro CHANGED Viewed

@@ -1,22 +1,19 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import { render } from "astro:content";
 import Layout from "@/layouts/BaseLayout.astro";
 import FormattedDate from "@/components/FormattedDate.astro";
-export async function getStaticPaths() {
-  const posts = await getCollection("content");
+const posts = await getCollection("content");
+const post = posts.find((item) => item.id === Astro.params.postId);
+if (!post) {
-  return posts.map((post) => ({
+  return Astro.redirect("/404");
-    params: { postId: post.id },
-    props: post,
-  }));
 }
-type Props = CollectionEntry<"content">;
 const {
   data: { title, description, pubDate },
-} = Astro.props;
+} = post;
-const { Content } = await render(Astro.props);
+const { Content } = await render(post);
 ---
 <Layout title={title} description={description}>

src/pages/repos/[...repoId]/commits/[...hash]/index.astro CHANGED Viewed

@@ -1,35 +1,22 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import RepoLayout from "@/layouts/RepoLayout.astro";
 import Commit from "@/components/Commit.astro";
-import type { Commit as CommitType } from "../../../../../utils/commit";
 import { generateHTMLDiff, getCommits } from "@/utils/commit";
 import "diff2html/bundles/css/diff2html.min.css";
-export async function getStaticPaths() {
-  const repos = await getCollection("repos");
+const repos = await getCollection("repos");
-  const routes = [];
-  for (const repo of repos) {
-    const commits = await getCommits(repo.data.absolutePath);
+const repo = repos.find((item) => item.id === Astro.params.repoId);
-    for (const commit of commits) {
-      routes.push({
-        params: { repoId: repo.id, hash: commit.hash },
-        props: {
-          repo: repo,
+if (!repo) {
-          commit: commit,
-        },
-      });
-    }
-  }
-  return routes;
+  return Astro.redirect("/404");
 }
-type Props = {
-  repo: CollectionEntry<"repos">;
+const commits = await getCommits(repo.data.absolutePath);
+const commit = commits.find((item) => item.hash === Astro.params.hash);
-  commit: CommitType;
+if (!commit) {
+  return Astro.redirect(`/repos/${repo.id}/commits`);
-};
+}
-const { repo, commit } = Astro.props;
 const diffHtml = await generateHTMLDiff(repo.data.absolutePath, commit.hash);
 ---

src/pages/repos/[...repoId]/commits/index.astro CHANGED Viewed

@@ -1,22 +1,15 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import RepoLayout from "@/layouts/RepoLayout.astro";
 import Commit from "@/components/Commit.astro";
 import { getCommits } from "@/utils/commit";
-export async function getStaticPaths() {
-  const repos = await getCollection("repos");
+const repos = await getCollection("repos");
-  return repos.map((repo) => ({
+const repo = repos.find((item) => item.id === Astro.params.repoId);
-    params: { repoId: repo.id },
-    props: {
-      repo: repo,
+if (!repo) {
-    }
-  }));
+  return Astro.redirect("/404");
 }
-type Props = {
-  repo: CollectionEntry<"repos">;
-}
-const { repo } = Astro.props;
 const commits = await getCommits(repo.data.absolutePath);
 ---

src/pages/repos/[...repoId]/files/[...file]/blame/index.astro CHANGED Viewed

@@ -1,37 +1,21 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import FileLayout from "@/layouts/FileLayout.astro";
-import type { Commit as CommitType } from "@/utils/commit";
-import type { FileNode } from "@/utils/files";
 import { getFileHistory, getFiles } from "@/utils/commit";
-export async function getStaticPaths() {
-  const repos = await getCollection("repos");
+const repos = await getCollection("repos");
-  const routes = [];
-  for (const repo of repos) {
-    const files = await getFiles(repo.data.absolutePath);
+const repo = repos.find((item) => item.id === Astro.params.repoId);
-    for (const file of files) {
-      const history = await getFileHistory(repo.data.absolutePath, file.absolutePath);
-      routes.push({
-        params: { repoId: repo.id, file: file.name },
-        props: {
-          repo: repo,
+if (!repo) {
-          file: file,
-          history: history,
-        },
-      });
-    }
-  }
-  return routes;
+  return Astro.redirect("/404");
 }
-type Props = {
-  repo: CollectionEntry<"repos">;
+const files = await getFiles(repo.data.absolutePath);
+const file = files.find((item) => item.name === Astro.params.file);
-  file: FileNode;
+if (!file) {
-  history: CommitType[];
+  return Astro.redirect(`/repos/${repo.id}/files`);
-};
+}
-const { repo, file, history } = Astro.props;
+const history = await getFileHistory(repo.data.absolutePath, file.absolutePath);
 ---
 <FileLayout repo={repo} file={file}> WIP: Work in Progress... </FileLayout>

src/pages/repos/[...repoId]/files/[...file]/history/index.astro CHANGED Viewed

@@ -1,38 +1,22 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import FileLayout from "@/layouts/FileLayout.astro";
 import Commit from "@/components/Commit.astro";
-import type { Commit as CommitType } from "@/utils/commit";
-import type { FileNode } from "@/utils/files";
 import { getFileHistory, getFiles } from "@/utils/commit";
-export async function getStaticPaths() {
-  const repos = await getCollection("repos");
+const repos = await getCollection("repos");
-  const routes = [];
-  for (const repo of repos) {
-    const files = await getFiles(repo.data.absolutePath);
+const repo = repos.find((item) => item.id === Astro.params.repoId);
-    for (const file of files) {
-      const history = await getFileHistory(repo.data.absolutePath, file.absolutePath);
-      routes.push({
-        params: { repoId: repo.id, file: file.name },
-        props: {
-          repo: repo,
+if (!repo) {
-          file: file,
-          history: history,
-        },
-      });
-    }
-  }
-  return routes;
+  return Astro.redirect("/404");
 }
-type Props = {
-  repo: CollectionEntry<"repos">;
+const files = await getFiles(repo.data.absolutePath);
+const file = files.find((item) => item.name === Astro.params.file);
-  file: FileNode;
+if (!file) {
-  history: CommitType[];
+  return Astro.redirect(`/repos/${repo.id}/files`);
-};
+}
-const { repo, file, history } = Astro.props;
+const history = await getFileHistory(repo.data.absolutePath, file.absolutePath);
 ---
 <FileLayout repo={repo} file={file}>

src/pages/repos/[...repoId]/files/[...file]/index.astro CHANGED Viewed

@@ -1,38 +1,22 @@
 ---
 import fs from "fs/promises";
-import { type CollectionEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import { Code } from "astro-expressive-code/components";
 import FileLayout from "@/layouts/FileLayout.astro";
 import { getFiles } from "@/utils/commit";
-import type { FileNode } from "@/utils/files";
-export async function getStaticPaths() {
-  const repos = await getCollection("repos");
+const repos = await getCollection("repos");
-  const routes = [];
-  for (const repo of repos) {
-    const files = await getFiles(repo.data.absolutePath);
+const repo = repos.find((item) => item.id === Astro.params.repoId);
-    for (const file of files) {
-      routes.push({
-        params: {
-          repoId: repo.id,
-          file: file.name,
-        },
-        props: {
-          repo: repo,
+if (!repo) {
-          file: file,
-        },
-      });
-    }
-  }
-  return routes;
+  return Astro.redirect("/404");
 }
-type Props = {
-  repo: CollectionEntry<"repos">;
+const files = await getFiles(repo.data.absolutePath);
+const file = files.find((item) => item.name === Astro.params.file);
-  file: FileNode;
+if (!file) {
+  return Astro.redirect(`/repos/${repo.id}/files`);
-};
+}
-const { repo, file } = Astro.props;
 const contentBuffer = await fs.readFile(file.absolutePath);
 const isBinary = ["apk", "dex", "ap_", "jar", "fnt"].includes(file.ext);
 const isLarge = file.size > 1024 * 512; // 512KB

src/pages/repos/[...repoId]/files/index.astro CHANGED Viewed

@@ -1,23 +1,16 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import RepoLayout from "@/layouts/RepoLayout.astro";
 import RecursiveList from "@/components/RecursiveList.astro";
 import { getFiles } from "@/utils/commit";
 import { buildFileTree, sortChildren } from "@/utils/files";
-export async function getStaticPaths() {
-  const repos = await getCollection("repos");
+const repos = await getCollection("repos");
-  return repos.map((repo) => ({
+const repo = repos.find((item) => item.id === Astro.params.repoId);
-    params: { repoId: repo.id },
-    props: {
+if (!repo) {
-      repo,
+  return Astro.redirect("/404");
-    },
-  }));
 }
-type Props = {
-  repo: CollectionEntry<"repos">;
-};
-const { repo } = Astro.props;
 const files = await getFiles(repo.data.absolutePath);
 const sortedFiles = sortChildren(buildFileTree(files));
 ---

src/pages/repos/[...repoId]/index.astro CHANGED Viewed

@@ -1,22 +1,14 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import { render } from "astro:content";
 import RepoLayout from "@/layouts/RepoLayout.astro";
-export async function getStaticPaths() {
-  const repos = await getCollection("repos");
+const repos = await getCollection("repos");
-  return repos.map((repo) => ({
+const repo = repos.find((item) => item.id === Astro.params.repoId);
-    params: { repoId: repo.id },
-    props: {
-      repo: repo,
+if (!repo) {
-    },
-  }));
+  return Astro.redirect("/404");
 }
-type Props = {
-  repo: CollectionEntry<"repos">;
-};
-const { repo } = Astro.props;
 const { Content } = await render(repo);
 ---

src/pages/repos/[...repoId]/issues/[...issueId]/index.astro ADDED Viewed

@@ -0,0 +1,159 @@
+---
+import { type CollectionEntry, getCollection } from "astro:content";
+import { actions } from "astro:actions";
+import RepoLayout from "@/layouts/RepoLayout.astro";
+import Issue from "@/components/Issue.astro";
+import TimeAgo from "@/components/TimeAgo.astro";
+import {
+  getGitBugIssue,
+  getGitBugIssues,
+  type GitBugIssue,
+} from "@/utils/gitBug";
+type Props = {
+  repo: CollectionEntry<"repos">;
+  issue: GitBugIssue;
+};
+const repos = await getCollection("repos");
+const repo = repos.find((item) => item.id === Astro.params.repoId);
+if (!repo) {
+  return Astro.redirect("/404");
+}
+const issue = await getGitBugIssue(repo.id, Astro.params.issueId ?? "");
+if (!issue) {
+  return Astro.redirect(`/repos/${repo.id}/issues`);
+}
+---
+<RepoLayout repo={repo}>
+  <Issue repoId={repo.id} issue={issue} />
+  <form class="state-form" method="POST" action={actions.setIssueState}>
+    <input name="repoId" type="hidden" value={repo.id} />
+    <input name="issueId" type="hidden" value={issue.id} />
+    <input
+      name="state"
+      type="hidden"
+      value={issue.state === "open" ? "closed" : "open"}
+    />
+    <button type="submit">{issue.state === "open" ? "Close" : "Reopen"}</button>
+  </form>
+  {
+    issue.body && (
+      <section class="body">
+        <pre>{issue.body}</pre>
+      </section>
+    )
+  }
+  {
+    issue.comments.length > 0 && (
+      <section class="comments">
+        <h3>Comments</h3>
+        {issue.comments.map((comment) => (
+          <article class="comment">
+            <div class="comment-meta">
+              {comment.author && <strong>{comment.author}</strong>}
+              {comment.createdAt && <TimeAgo date={comment.createdAt} />}
+            </div>
+            <pre>{comment.body}</pre>
+          </article>
+        ))}
+      </section>
+    )
+  }
+  <form class="comment-form" method="POST" action={actions.commentOnIssue}>
+    <input name="repoId" type="hidden" value={repo.id} />
+    <input name="issueId" type="hidden" value={issue.id} />
+    <textarea name="body" placeholder="Comment" required></textarea>
+    <div class="comment-actions">
+      <input name="author" placeholder="Author" />
+      <button type="submit">Comment</button>
+    </div>
+  </form>
+</RepoLayout>
+<style>
+  .state-form,
+  .comment-form {
+    margin-top: 0.5rem;
+  }
+  button {
+    border: 1px solid var(--color-text);
+    background: var(--color-box-bg);
+    color: var(--color-link);
+    padding: 0.35rem 0.75rem;
+    font: inherit;
+    cursor: pointer;
+  }
+  .body,
+  .comments {
+    margin-top: 0.5rem;
+  }
+  .body,
+  .comment {
+    background-color: var(--color-box-bg);
+    color: var(--color-text);
+    padding: 0.5rem;
+  }
+  h3 {
+    margin: 0.5rem 0;
+    font-size: 1.05rem;
+    font-weight: 500;
+  }
+  .comment {
+    margin: 0.5rem 0;
+  }
+  .comment-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    margin-bottom: 0.35rem;
+    font-size: 0.85rem;
+  }
+  pre {
+    white-space: pre-wrap;
+    overflow-x: auto;
+    margin: 0;
+    font-family: inherit;
+  }
+  .comment-form {
+    display: grid;
+    gap: 0.5rem;
+    padding: 0.5rem;
+    background: var(--color-box-bg);
+    textarea,
+    input {
+      width: 100%;
+      border: 1px solid var(--color-text);
+      background: var(--color-body-bg);
+      color: var(--color-text);
+      padding: 0.35rem 0.5rem;
+      font: inherit;
+    }
+    textarea {
+      min-height: 6rem;
+      resize: vertical;
+    }
+  }
+  .comment-actions {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    gap: 0.5rem;
+    @media (max-width: 720px) {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>

src/pages/repos/[...repoId]/issues/index.astro ADDED Viewed

@@ -0,0 +1,118 @@
+---
+import { type CollectionEntry, getCollection } from "astro:content";
+import { actions } from "astro:actions";
+import RepoLayout from "@/layouts/RepoLayout.astro";
+import Issue from "@/components/Issue.astro";
+import { getGitBugIssues } from "@/utils/gitBug";
+type Props = {
+  repo: CollectionEntry<"repos">;
+};
+const repos = await getCollection("repos");
+const repo = repos.find((item) => item.id === Astro.params.repoId);
+if (!repo) {
+  return Astro.redirect("/404");
+}
+const { issues, isAvailable } = await getGitBugIssues(repo.id);
+const openIssues = issues.filter((issue) => issue.state === "open");
+const closedIssues = issues.filter((issue) => issue.state === "closed");
+---
+<RepoLayout repo={repo}>
+  <section class="issues">
+    <div class="summary">
+      <strong>{issues.length}</strong> issues
+      <span>{openIssues.length} open</span>
+      <span>{closedIssues.length} closed</span>
+    </div>
+    <form class="new-issue" method="POST" action={actions.createIssue}>
+      <input name="repoId" type="hidden" value={repo.id} />
+      <input name="title" placeholder="Title" required />
+      <textarea name="body" placeholder="Description"></textarea>
+      <div class="form-row">
+        <input name="author" placeholder="Author" />
+        <input name="labels" placeholder="labels, comma-separated" />
+        <button type="submit">Create</button>
+      </div>
+    </form>
+    {
+      issues.length > 0 ? (
+        issues.map((issue) => <Issue repoId={repo.id} issue={issue} />)
+      ) : (
+        <p class="empty">
+          {isAvailable
+            ? "No git-bug issues found in this repository."
+            : "No git-bug issues could be loaded from R2."}
+        </p>
+      )
+    }
+  </section>
+</RepoLayout>
+<style>
+  .issues {
+    margin-top: 0.5rem;
+  }
+  .summary {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    align-items: baseline;
+    padding: 0.5rem;
+    background: var(--color-box-bg);
+    color: var(--color-text);
+    font-size: 0.95rem;
+  }
+  .empty {
+    margin-top: 0.5rem;
+    padding: 0.5rem;
+    background: var(--color-box-bg);
+    color: var(--color-text);
+  }
+  .new-issue {
+    display: grid;
+    gap: 0.5rem;
+    margin: 0.5rem 0;
+    padding: 0.5rem;
+    background: var(--color-box-bg);
+    input,
+    textarea {
+      width: 100%;
+      border: 1px solid var(--color-text);
+      background: var(--color-body-bg);
+      color: var(--color-text);
+      padding: 0.35rem 0.5rem;
+      font: inherit;
+    }
+    textarea {
+      min-height: 6rem;
+      resize: vertical;
+    }
+    button {
+      border: 1px solid var(--color-text);
+      background: var(--color-box-bg);
+      color: var(--color-link);
+      padding: 0.35rem 0.75rem;
+      font: inherit;
+      cursor: pointer;
+    }
+  }
+  .form-row {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
+    gap: 0.5rem;
+    @media (max-width: 720px) {
+      grid-template-columns: 1fr;
+    }
+  }
+</style>

src/utils/commit.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import Diff2html from "diff2html";
+import { html, parse } from "diff2html";
 import fs from "fs/promises";
 import path from "path";
 import { simpleGit } from "simple-git";
@@ -77,8 +77,8 @@ export const generateHTMLDiff = async (repoPath: string, hash: string): Promise<
   if (diff.length > 1024 * 512) {
     return '<p>Diff too large to display.</p>';
   }
-  const diffJson = Diff2html.parse(diff);
+  const diffJson = parse(diff);
-  const diffHtml = Diff2html.html(diffJson, {
+  const diffHtml = html(diffJson, {
     drawFileList: true,
     matching: "lines",
   });

src/utils/gitBug.ts ADDED Viewed

@@ -0,0 +1,328 @@
+import {
+  GetObjectCommand,
+  ListObjectsV2Command,
+  PutObjectCommand,
+  S3Client,
+} from "@aws-sdk/client-s3";
+export type GitBugIssueState = "open" | "closed";
+export interface GitBugIssue {
+  id: string;
+  title: string;
+  state: GitBugIssueState;
+  author?: string;
+  createdAt: string;
+  updatedAt: string;
+  labels: string[];
+  body?: string;
+  comments: GitBugComment[];
+}
+export interface GitBugComment {
+  id: string;
+  author?: string;
+  createdAt: string;
+  body: string;
+}
+export interface GitBugIssuesResult {
+  issues: GitBugIssue[];
+  isAvailable: boolean;
+}
+type SpamScanner = typeof import("spamscanner").default.prototype;
+const safeRepoId = (repoId: string) => {
+  if (!/^[a-zA-Z0-9._-]+$/.test(repoId)) {
+    throw new Error("Invalid repository id.");
+  }
+  return repoId;
+};
+const safeIssueId = (issueId: string) => {
+  if (!/^[a-f0-9]{16}$/.test(issueId)) {
+    throw new Error("Invalid issue id.");
+  }
+  return issueId;
+};
+const makeIssueId = () => crypto.randomUUID().replaceAll("-", "").slice(0, 16);
+const issuesPrefix = (repoId: string) => `${safeRepoId(repoId)}/issues/`;
+const issueKey = (repoId: string, issueId: string) =>
+  `${issuesPrefix(repoId)}${safeIssueId(issueId)}.json`;
+let spamScanner: SpamScanner | undefined;
+let s3Client: S3Client | undefined;
+const normalizeLabels = (labels?: string[]) =>
+  labels?.map((label) => label.trim()).filter(Boolean) ?? [];
+const safeHeaderValue = (value: string) => value.replaceAll(/[\r\n]+/g, " ").trim();
+const getSpamScanner = async () => {
+  if (!spamScanner) {
+    const { default: SpamScanner } = await import("spamscanner");
+    spamScanner = new SpamScanner({
+      enableAuthentication: false,
+      enableNsfwDetection: true,
+      enableReputation: true,
+      enableToxicityDetection: true,
+      timeout: 10_000,
+    });
+  }
+  return spamScanner;
+};
+const makeSpamScanEmail = (input: {
+  subject: string;
+  body?: string;
+  author?: string;
+  labels?: string[];
+}) => {
+  const author = input.author?.trim() || "anonymous";
+  return [
+    "From: git-bug <[email protected]>",
+    "To: [email protected]",
+    `Subject: ${safeHeaderValue(input.subject)}`,
+    `X-GitBug-Author: ${safeHeaderValue(author)}`,
+    input.labels?.length
+      ? `X-GitBug-Labels: ${safeHeaderValue(input.labels.join(", "))}`
+      : undefined,
+    "",
+    input.body?.trim() ?? "",
+  ]
+    .filter((line) => line !== undefined)
+    .join("\n");
+};
+const assertNotSpam = async (input: {
+  subject: string;
+  body?: string;
+  author?: string;
+  labels?: string[];
+}) => {
+  const scanner = await getSpamScanner();
+  const result = await scanner.scan(makeSpamScanEmail(input));
+  if (result.isSpam) {
+    throw new Error(`Spam detected: ${result.message}`);
+  }
+};
+const getR2Config = () => {
+  const bucket =
+    process.env.REPOS_R2_BUCKET ??
+    process.env.R2_BUCKET ??
+    process.env.AWS_BUCKET_NAME;
+  const endpoint =
+    process.env.R2_ENDPOINT ??
+    process.env.AWS_ENDPOINT_URL_S3 ??
+    (process.env.R2_ACCOUNT_ID
+      ? `https://${process.env.R2_ACCOUNT_ID}.r2.cloudflarestorage.com`
+      : undefined);
+  const accessKeyId =
+    process.env.R2_ACCESS_KEY_ID ?? process.env.AWS_ACCESS_KEY_ID;
+  const secretAccessKey =
+    process.env.R2_SECRET_ACCESS_KEY ?? process.env.AWS_SECRET_ACCESS_KEY;
+  if (!bucket || !endpoint || !accessKeyId || !secretAccessKey) {
+    throw new Error(
+      "Missing R2 configuration. Set REPOS_R2_BUCKET, R2_ENDPOINT or R2_ACCOUNT_ID, R2_ACCESS_KEY_ID, and R2_SECRET_ACCESS_KEY.",
+    );
+  }
+  return { bucket, endpoint, accessKeyId, secretAccessKey };
+};
+const getS3Client = () => {
+  if (!s3Client) {
+    const { endpoint, accessKeyId, secretAccessKey } = getR2Config();
+    s3Client = new S3Client({
+      region: "auto",
+      endpoint,
+      credentials: {
+        accessKeyId,
+        secretAccessKey,
+      },
+    });
+  }
+  return s3Client;
+};
+const getObjectJson = async <T>(key: string) => {
+  const { bucket } = getR2Config();
+  try {
+    const object = await getS3Client().send(
+      new GetObjectCommand({
+        Bucket: bucket,
+        Key: key,
+      }),
+    );
+    const body = await object.Body?.transformToString();
+    return body ? (JSON.parse(body) as T) : undefined;
+  } catch (error) {
+    if (
+      error &&
+      typeof error === "object" &&
+      "name" in error &&
+      error.name === "NoSuchKey"
+    ) {
+      return undefined;
+    }
+    throw error;
+  }
+};
+const putIssue = async (repoId: string, issue: GitBugIssue) => {
+  const { bucket } = getR2Config();
+  await getS3Client().send(
+    new PutObjectCommand({
+      Bucket: bucket,
+      Key: issueKey(repoId, issue.id),
+      Body: JSON.stringify(issue, null, 2),
+      ContentType: "application/json; charset=utf-8",
+    }),
+  );
+  return issue;
+};
+export const getGitBugIssues = async (repoId: string): Promise<GitBugIssuesResult> => {
+  try {
+    const { bucket } = getR2Config();
+    const issues: GitBugIssue[] = [];
+    let continuationToken: string | undefined;
+    do {
+      const page = await getS3Client().send(
+        new ListObjectsV2Command({
+          Bucket: bucket,
+          Prefix: issuesPrefix(repoId),
+          ContinuationToken: continuationToken,
+        }),
+      );
+      const pageIssues = await Promise.all(
+        (page.Contents ?? [])
+          .filter((object) => object.Key?.endsWith(".json"))
+          .map(async (object) => {
+            return await getObjectJson<GitBugIssue>(object.Key ?? "");
+          }),
+      );
+      issues.push(
+        ...pageIssues.filter((issue): issue is GitBugIssue => Boolean(issue)),
+      );
+      continuationToken = page.IsTruncated
+        ? page.NextContinuationToken
+        : undefined;
+    } while (continuationToken);
+    return {
+      issues: issues.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt)),
+      isAvailable: true,
+    };
+  } catch {
+    return {
+      issues: [],
+      isAvailable: false,
+    };
+  }
+};
+export const getGitBugIssue = async (
+  repoId: string,
+  issueId: string,
+): Promise<GitBugIssue | undefined> => {
+  return await getObjectJson<GitBugIssue>(issueKey(repoId, issueId));
+};
+export const createGitBugIssue = async (
+  repoId: string,
+  input: {
+    title: string;
+    body?: string;
+    author?: string;
+    labels?: string[];
+  },
+) => {
+  const labels = normalizeLabels(input.labels);
+  await assertNotSpam({
+    subject: input.title,
+    body: input.body,
+    author: input.author,
+    labels,
+  });
+  const now = new Date().toISOString();
+  const issue: GitBugIssue = {
+    id: makeIssueId(),
+    title: input.title.trim(),
+    state: "open",
+    author: input.author?.trim() || "anonymous",
+    createdAt: now,
+    updatedAt: now,
+    labels,
+    body: input.body?.trim(),
+    comments: [],
+  };
+  return await putIssue(repoId, issue);
+};
+export const addGitBugIssueComment = async (
+  repoId: string,
+  issueId: string,
+  input: {
+    body: string;
+    author?: string;
+  },
+) => {
+  const issue = await getGitBugIssue(repoId, issueId);
+  if (!issue) {
+    throw new Error("Issue not found.");
+  }
+  await assertNotSpam({
+    subject: `Comment on ${issue.title}`,
+    body: input.body,
+    author: input.author,
+    labels: issue.labels,
+  });
+  const now = new Date().toISOString();
+  return await putIssue(repoId, {
+    ...issue,
+    updatedAt: now,
+    comments: [
+      ...issue.comments,
+      {
+        id: makeIssueId(),
+        author: input.author?.trim() || "anonymous",
+        createdAt: now,
+        body: input.body.trim(),
+      },
+    ],
+  });
+};
+export const setGitBugIssueState = async (
+  repoId: string,
+  issueId: string,
+  state: GitBugIssueState,
+  author?: string,
+) => {
+  const issue = await getGitBugIssue(repoId, issueId);
+  if (!issue) {
+    throw new Error("Issue not found.");
+  }
+  return await putIssue(repoId, {
+    ...issue,
+    author: author?.trim() || issue.author,
+    state,
+    updatedAt: new Date().toISOString(),
+  });
+};

wrangler.jsonc ADDED Viewed

@@ -0,0 +1,12 @@
+{
+  "$schema": "node_modules/wrangler/config-schema.json",
+  "name": "pyrossh-website",
+  "compatibility_date": "2026-05-15",
+  "r2_buckets": [
+    {
+      "binding": "REPOS",
+      "bucket_name": "pyrossh-repos-prd",
+      "preview_bucket_name": "pyrossh-repos-dev"
+    }
+  ]
+}