- {"Login with GitHub"}
+
- {"Login with GitHub"}
+
);
};
@@ -31,7 +31,7 @@ const User = async ({
href={`/github/logout?callback_url=${encodeURIComponent(path)}`}
>
+ )}
+
+);
+
const RepositoryError = (): JSX.Element => (
@@ -97,10 +120,21 @@ const Container = ({ visibility, default_branch, subscribers_count, + archived, + allow_forking, } = repository; - const { login, avatar_url, html_url: owner_html_url } = owner; + const { login, avatar_url, html_url: owner_html_url, type } = owner; + const isOrg = type === "Organization"; return (
+ {
+ "This repository has been archived by the owner. It is now read-only."
+ }
+ 
- 
- 
- 
- 
-
+ {"Code"}
+
{"creation"}
@@ -228,7 +249,7 @@ const Container = ({
|
{"update"}
@@ -247,7 +268,7 @@ const Container = ({
|
{"push"}
@@ -266,12 +287,24 @@ const Container = ({
-
diff --git a/src/index.tsx b/src/index.tsx
index 386755d..b1528c4 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -12,6 +12,7 @@ import {
} from "./utils/octokit";
import { Repository } from "./components/repository";
+import { previewApp } from "./routes/__preview";
import api from "./routes/api";
import github from "./routes/github";
import template from "./routes/template";
@@ -50,6 +51,9 @@ app.use("/", handleMaxId);
app.use("/", handleTokens);
/* ROUTES */
+if (import.meta.env.DEV) {
+ app.route("/__preview", previewApp());
+}
app.route("/api", api);
app.route("/github", github);
app.route("/template", template);
diff --git a/src/routes/__preview.tsx b/src/routes/__preview.tsx
new file mode 100644
index 0000000..735e061
--- /dev/null
+++ b/src/routes/__preview.tsx
@@ -0,0 +1,72 @@
+import { Context, Hono } from "hono";
+
+import { Bindings, Variables } from "..";
+import { Repository } from "../components/repository";
+import { pageCsp } from "../utils/headers";
+
+/* A static snapshot of this repository, so the full UI renders without calling the
+ GitHub API — for design work, offline debugging and screenshots.
+ Mounted only in dev (see src/index.tsx); never deployed. */
+const SAMPLE = {
+ id: 811042081,
+ name: "petithub",
+ full_name: "cletqui/petithub",
+ owner: {
+ login: "cletqui",
+ avatar_url: "https://avatars.githubusercontent.com/u/43882700?v=4",
+ html_url: "https://github.com/cletqui",
+ },
+ description: "Explore random obscure GitHub repositories 🌌",
+ html_url: "https://github.com/cletqui/petithub",
+ created_at: "2024-06-05T20:37:42Z",
+ updated_at: "2026-09-02T11:21:37Z",
+ pushed_at: "2026-09-02T11:20:14Z",
+ homepage: "https://petithub.pages.dev/",
+ stargazers_count: 13,
+ language: "TypeScript",
+ forks_count: 0,
+ license: { spdx_id: "MIT", name: "MIT License", key: "mit" },
+ topics: [
+ "cloudflare-pages",
+ "github",
+ "hono",
+ "honojs",
+ "octokit",
+ "petittube",
+ "random",
+ "repository",
+ ],
+ visibility: "public",
+ default_branch: "main",
+ subscribers_count: 1,
+};
+
+type RepositoryData = Awaited+ {description &&{description} } - {topics && topics?.length > 0 && ( -
+ {homepage && (
+
+
{topics.map((topic: string) => (
)}
- {homepage && (
-
{language && (
- <>
- {"Languages"}
-
- {" "}
-
{"No description, website, or topics provided."}
@@ -314,7 +334,7 @@ const Container = ({
>
+
{`${subscribers_count || 0} watching`}
@@ -365,7 +385,7 @@ const Container = ({
rel="noopener noreferrer"
href={`${html_url}/forks`}
>
-
+
{`${forks_count || 0} forks`}
@@ -381,18 +401,18 @@ const Container = ({
-
-
+ - - {language} - -
+
+
)}
+ + {language} + + |
+ 
{`${license.spdx_id || license.name || license.key?.toUpperCase()} license`}
@@ -330,7 +350,7 @@ const Container = ({
>
{"Activity"}
@@ -343,7 +363,7 @@ const Container = ({
rel="noopener noreferrer"
href={`${html_url}/stargazers`}
>
-