1c2fa8e | website

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

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

1c2fa8e — pyrossh 2026-08-11T18:46:18+05:30

fix README screenshots

Files changed (7) hide show

eleventy.config.js +15 -0
infra/terraform.tfstate +7 -7
infra/terraform.tfstate.backup +29 -7
package.json +1 -1
src/_data/localRepos.js +2 -2
src/_data/repoFiles.js +1 -5
src/_helpers/gitRepos.js +45 -0

eleventy.config.js CHANGED Viewed

@@ -3,6 +3,7 @@ import path from "node:path";
 import syntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
 import pluginRss from "@11ty/eleventy-plugin-rss";
 import { fileIcon, folderIcon, iconSpriteDefs } from "./src/_helpers/fileIcons.js";
+import { discoverLocalRepos, findReadmeImagePaths } from "./src/_helpers/gitRepos.js";
 // theme-switcher (src/components/theme-switcher.js) used to be a Web
 // Component (via @elenajs/core + an @elenajs/ssr build-time transform
@@ -56,6 +57,20 @@ export default function (eleventyConfig) {
     "node_modules/htmx.org/dist/htmx.min.js": "assets/vendor/htmx.min.js",
   });
+  // README images referenced by a repo-relative path (e.g. `shots/shot1.png`)
+  // only render on GitHub because GitHub serves the file itself. Copying
+  // just the handful of files each README actually references to a `raw/`
+  // route keeps them real, loadable URLs without inlining every screenshot
+  // as base64 into the README's HTML (see resolveReadmeImages in
+  // gitRepos.js, which points <img> at these same paths).
+  for (const repo of discoverLocalRepos()) {
+    for (const relPath of findReadmeImagePaths(repo.readme, repo.dir)) {
+      eleventyConfig.addPassthroughCopy({
+        [path.join(repo.dir, relPath)]: `repos/${repo.id}/raw/${relPath}`,
+      });
+    }
+  }
   eleventyConfig.addPlugin(syntaxHighlight);
   eleventyConfig.addPlugin(pluginRss);

infra/terraform.tfstate CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 4,
   "terraform_version": "1.13.3",
-  "serial": 58,
+  "serial": 65,
   "lineage": "6cb48eaa-b069-089b-fce3-e277626defab",
   "outputs": {
     "bucket_name": {
@@ -155,12 +155,12 @@
         {
           "schema_version": 0,
           "attributes": {
-            "id": "08bd1d67-88db-0cb1-5d58-db6264f7fe13",
+            "id": "68b15cd2-01d4-a423-1a46-a72b890a2181",
             "input": null,
             "output": null,
             "triggers_replace": {
               "value": [
-                "2026-08-07T14:09:27Z"
+                "2026-08-09T10:20:29Z"
               ],
               "type": [
                 "tuple",
@@ -184,12 +184,12 @@
         {
           "schema_version": 0,
           "attributes": {
-            "id": "3ec957d7-b52d-b06a-a7ff-92284b8ad15a",
+            "id": "2965dfb2-b48d-0edd-bec4-a60d0143c24b",
             "input": null,
             "output": null,
             "triggers_replace": {
               "value": [
-                "2026-08-07T14:10:17Z"
+                "2026-08-09T10:23:13Z"
               ],
               "type": [
                 "tuple",
@@ -218,12 +218,12 @@
         {
           "schema_version": 0,
           "attributes": {
-            "id": "fc1bdc6f-6098-7963-e883-53a937260a47",
+            "id": "7b4cd3c4-6c8b-a4b7-b350-5404beca57c9",
             "input": null,
             "output": null,
             "triggers_replace": {
               "value": [
-                "2026-08-07T14:09:40Z"
+                "2026-08-09T10:20:46Z"
               ],
               "type": [
                 "tuple",

infra/terraform.tfstate.backup CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 4,
   "terraform_version": "1.13.3",
-  "serial": 50,
+  "serial": 58,
   "lineage": "6cb48eaa-b069-089b-fce3-e277626defab",
   "outputs": {
     "bucket_name": {
@@ -18,6 +18,28 @@
     }
   },
   "resources": [
+    {
+      "mode": "managed",
+      "type": "cloudflare_r2_bucket",
+      "name": "apps",
+      "provider": "provider[\"registry.terraform.io/cloudflare/cloudflare\"]",
+      "instances": [
+        {
+          "schema_version": 500,
+          "attributes": {
+            "account_id": "dfdb8ca4e419990852eb214c5b50bd5e",
+            "creation_date": "2026-08-07T14:09:28.899Z",
+            "id": "apps",
+            "jurisdiction": "default",
+            "location": "APAC",
+            "name": "apps",
+            "storage_class": "Standard"
+          },
+          "sensitive_attributes": [],
+          "identity_schema_version": 0
+        }
+      ]
+    },
     {
       "mode": "managed",
       "type": "cloudflare_r2_bucket",
@@ -133,12 +155,12 @@
         {
           "schema_version": 0,
           "attributes": {
-            "id": "a10e65da-2d65-7e3c-88fe-83072d314b09",
+            "id": "08bd1d67-88db-0cb1-5d58-db6264f7fe13",
             "input": null,
             "output": null,
             "triggers_replace": {
               "value": [
-                "2026-08-07T13:50:14Z"
+                "2026-08-07T14:09:27Z"
               ],
               "type": [
                 "tuple",
@@ -162,12 +184,12 @@
         {
           "schema_version": 0,
           "attributes": {
-            "id": "e32197a8-fca2-44ca-a347-721abe2b4525",
+            "id": "3ec957d7-b52d-b06a-a7ff-92284b8ad15a",
             "input": null,
             "output": null,
             "triggers_replace": {
               "value": [
-                "2026-08-07T13:50:51Z"
+                "2026-08-07T14:10:17Z"
               ],
               "type": [
                 "tuple",
@@ -196,12 +218,12 @@
         {
           "schema_version": 0,
           "attributes": {
-            "id": "1ac6f77a-618a-653c-6420-1f3e5547695e",
+            "id": "fc1bdc6f-6098-7963-e883-53a937260a47",
             "input": null,
             "output": null,
             "triggers_replace": {
               "value": [
-                "2026-08-07T13:50:28Z"
+                "2026-08-07T14:09:40Z"
               ],
               "type": [
                 "tuple",

package.json CHANGED Viewed

@@ -25,4 +25,4 @@
     "@iconify-json/vscode-icons": "^1.2.68",
     "playwright": "^1.62.1"
   }
-}
+}

src/_data/localRepos.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import MarkdownIt from "markdown-it";
-import { discoverLocalRepos } from "../_helpers/gitRepos.js";
+import { discoverLocalRepos, resolveReadmeImages } from "../_helpers/gitRepos.js";
 import { highlightFenceCode } from "../_helpers/highlightCode.js";
 const md = new MarkdownIt({ html: true, linkify: true, highlight: highlightFenceCode });
@@ -8,6 +8,6 @@ export default async () => {
   const repos = discoverLocalRepos();
   return repos.map((repo) => ({
     ...repo,
-    readmeHtml: repo.readme ? md.render(repo.readme) : undefined,
+    readmeHtml: repo.readme ? resolveReadmeImages(md.render(repo.readme), repo.id, repo.dir) : undefined,
   }));
 };

src/_data/repoFiles.js CHANGED Viewed

@@ -10,17 +10,13 @@ import {
   getFileHistory,
   getHeadSha,
   isDirty,
+  toDataUri,
 } from "../_helpers/gitRepos.js";
 import { highlightCode } from "../_helpers/highlightCode.js";
 import { mapPool } from "../_helpers/pool.js";
 const CONCURRENCY = 8;
-const toDataUri = (buf, ext) => {
-  const mime = ext === "svg" ? "image/svg+xml" : `image/${ext}`;
-  return `data:${mime};base64,${buf.toString("base64")}`;
-};
 const renderFile = (repoDir, file) => {
   const full = path.join(repoDir, file.path);
   if (BINARY_EXTENSIONS.has(file.ext)) return { kind: "binary" };

src/_helpers/gitRepos.js CHANGED Viewed

@@ -274,6 +274,51 @@ const readReadme = (repoDir) => {
   return undefined;
 };
+export const toDataUri = (buf, ext) => {
+  const mime = ext === "svg" ? "image/svg+xml" : `image/${ext}`;
+  return `data:${mime};base64,${buf.toString("base64")}`;
+};
+const isAbsoluteSrc = (src) => /^([a-z][a-z0-9+.-]*:)?\/\//i.test(src) || src.startsWith("data:");
+const IMG_SRC_PATTERNS = [
+  /!\[[^\]]*\]\(\s*([^)\s]+)(?:\s+"[^"]*")?\s*\)/g,
+  /<img\b[^>]*?\bsrc\s*=\s*"([^"]*)"/gi,
+];
+const isLocalRepoImage = (repoDir, src) => {
+  if (!src || isAbsoluteSrc(src)) return false;
+  const full = path.resolve(repoDir, src);
+  if (!(full + path.sep).startsWith(path.resolve(repoDir) + path.sep)) return false;
+  const ext = path.extname(src).slice(1).toLowerCase();
+  return IMAGE_EXTENSIONS.has(ext) && fs.existsSync(full);
+};
+// READMEs commonly reference screenshots with a path relative to the repo
+// root (`shots/shot1.png`) rather than a URL — that only renders on GitHub
+// because GitHub serves the file itself. The paths this finds get passed to
+// eleventy.config.js, which copies just those files to a `raw/` route
+// alongside the repo, so resolveReadmeImages can point the README at a real
+// URL instead of inlining the bytes as a data URI (which would bloat every
+// page load of the README with base64).
+export const findReadmeImagePaths = (readme, repoDir) => {
+  if (!readme) return [];
+  const found = new Set();
+  for (const re of IMG_SRC_PATTERNS) {
+    for (const match of readme.matchAll(re)) {
+      const src = match[1];
+      if (isLocalRepoImage(repoDir, src)) found.add(path.posix.normalize(src));
+    }
+  }
+  return [...found];
+};
+export const resolveReadmeImages = (html, repoId, repoDir) =>
+  html.replace(/(<img\b[^>]*?\bsrc\s*=\s*")([^"]*)(")/gi, (match, pre, src, post) => {
+    if (!isLocalRepoImage(repoDir, src)) return match;
+    return `${pre}/repos/${repoId}/raw/${path.posix.normalize(src)}${post}`;
+  });
 const readCargoVersion = (repoDir) => {
   const p = path.join(repoDir, "Cargo.toml");
   if (!fs.existsSync(p)) return undefined;