1980b5c | website

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

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

1980b5c — pyrossh 2026-08-06T17:26:55+05:30

fix icons

Files changed (8) hide show

assets/logos/helium.png +0 -0
assets/logos/zen.svg +0 -20
eleventy.config.js +5 -1
infra/terraform.tfstate +7 -8
infra/terraform.tfstate.backup +42 -8
src/_data/site.js +1 -2
src/_helpers/fileIcons.js +9 -51
src/_includes/repo-layout.njk +0 -1

assets/logos/helium.png ADDED Viewed

Binary file

assets/logos/zen.svg DELETED Viewed

@@ -1,20 +0,0 @@
-<svg width="1058" height="1058" viewBox="0 0 1058 1058" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_9_47)">
-<rect x="17" y="3" width="1024" height="1024" rx="225" fill="#202020"/>
-<circle cx="529" cy="515" r="340" stroke="#F2F0E3" stroke-width="70"/>
-<circle cx="529" cy="515" r="224.915" stroke="#F2F0E3" stroke-width="51"/>
-<circle cx="529" cy="515" r="129.018" stroke="#F2F0E3" stroke-width="31"/>
-</g>
-<defs>
-<filter id="filter0_d_9_47" x="0.6" y="0.6" width="1056.8" height="1056.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="14"/>
-<feGaussianBlur stdDeviation="8.2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9_47"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9_47" result="shape"/>
-</filter>
-</defs>
-</svg>

eleventy.config.js CHANGED Viewed

@@ -64,7 +64,6 @@ export default function (eleventyConfig) {
   );
   eleventyConfig.addFilter("fileIcon", fileIcon);
   eleventyConfig.addFilter("folderIcon", folderIcon);
-  eleventyConfig.addNunjucksGlobal("iconSpriteDefs", iconSpriteDefs);
   // Nunjucks' built-in `selectattr` only checks truthiness of the named
   // attribute — it has no Jinja2-style `equalto` test, so a third argument
   // is silently ignored. These do the actual equality filtering in JS.
@@ -96,6 +95,11 @@ export default function (eleventyConfig) {
     const merged = CSS_FILES_TO_MERGE.map((file) => readFileSync(path.join(outputDir, file), "utf8")).join("\n");
     writeFileSync(path.join(outputDir, "assets/css/bundle.css"), merged);
     for (const file of CSS_FILES_TO_MERGE) rmSync(path.join(outputDir, file));
+    // Written once here rather than inlined per page (see fileIcons.js) —
+    // every repo page's fileIcon()/folderIcon() <use> just points at this
+    // one shared file instead of shipping the ~30-icon sprite body again.
+    writeFileSync(path.join(outputDir, "assets/icons/sprite.svg"), iconSpriteDefs());
   });
   return {

infra/terraform.tfstate CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 4,
   "terraform_version": "1.13.3",
-  "serial": 29,
+  "serial": 36,
   "lineage": "6cb48eaa-b069-089b-fce3-e277626defab",
   "outputs": {
     "bucket_name": {
@@ -133,12 +133,12 @@
         {
           "schema_version": 0,
           "attributes": {
-            "id": "f64c9052-0f71-5705-a183-e85f891292b2",
+            "id": "f9e2efc0-9697-398f-e7f6-f3ea5efece30",
             "input": null,
             "output": null,
             "triggers_replace": {
               "value": [
-                "2026-08-05T06:08:43Z"
+                "2026-08-06T04:46:00Z"
               ],
               "type": [
                 "tuple",
@@ -160,15 +160,14 @@
       "provider": "provider[\"terraform.io/builtin/terraform\"]",
       "instances": [
         {
-          "status": "tainted",
           "schema_version": 0,
           "attributes": {
-            "id": "7173b400-cbc8-069b-7c74-6fa0bae8b3e2",
+            "id": "f02b05d0-7342-0e9c-70fd-7c6dbdf38aae",
             "input": null,
             "output": null,
             "triggers_replace": {
               "value": [
-                "2026-08-05T06:27:38Z"
+                "2026-08-06T05:23:01Z"
               ],
               "type": [
                 "tuple",
@@ -197,12 +196,12 @@
         {
           "schema_version": 0,
           "attributes": {
-            "id": "1fe8b333-1b40-c0c6-b113-1e7ce0519af8",
+            "id": "37f88cab-3401-5a19-c280-24458203edda",
             "input": null,
             "output": null,
             "triggers_replace": {
               "value": [
-                "2026-08-05T06:09:03Z"
+                "2026-08-06T04:46:18Z"
               ],
               "type": [
                 "tuple",

infra/terraform.tfstate.backup CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 4,
   "terraform_version": "1.13.3",
-  "serial": 23,
+  "serial": 29,
   "lineage": "6cb48eaa-b069-089b-fce3-e277626defab",
   "outputs": {
     "bucket_name": {
@@ -79,8 +79,8 @@
             "jurisdiction": "default",
             "min_tls": null,
             "status": {
-              "ownership": "pending",
+              "ownership": "active",
-              "ssl": "initializing"
+              "ssl": "active"
             },
             "zone_id": "e95a5d8957b75859c814579deebfce33",
             "zone_name": "pyrossh.dev"
@@ -133,12 +133,12 @@
         {
           "schema_version": 0,
           "attributes": {
-            "id": "06e5fdf0-4974-c673-b975-2f3fa99846fc",
+            "id": "f64c9052-0f71-5705-a183-e85f891292b2",
             "input": null,
             "output": null,
             "triggers_replace": {
               "value": [
-                "2026-08-05T05:36:25Z"
+                "2026-08-05T06:08:43Z"
               ],
               "type": [
                 "tuple",
@@ -156,19 +156,53 @@
     {
       "mode": "managed",
       "type": "terraform_data",
-      "name": "sync_website",
+      "name": "purge_cache",
       "provider": "provider[\"terraform.io/builtin/terraform\"]",
       "instances": [
         {
           "status": "tainted",
           "schema_version": 0,
           "attributes": {
-            "id": "2036dc20-874b-06df-a0e0-481ee25c8d06",
+            "id": "7173b400-cbc8-069b-7c74-6fa0bae8b3e2",
+            "input": null,
+            "output": null,
+            "triggers_replace": {
+              "value": [
+                "2026-08-05T06:27:38Z"
+              ],
+              "type": [
+                "tuple",
+                [
+                  "string"
+                ]
+              ]
+            }
+          },
+          "sensitive_attributes": [],
+          "identity_schema_version": 0,
+          "dependencies": [
+            "cloudflare_r2_bucket.website",
+            "terraform_data.build_website",
+            "terraform_data.sync_website"
+          ]
+        }
+      ]
+    },
+    {
+      "mode": "managed",
+      "type": "terraform_data",
+      "name": "sync_website",
+      "provider": "provider[\"terraform.io/builtin/terraform\"]",
+      "instances": [
+        {
+          "schema_version": 0,
+          "attributes": {
+            "id": "1fe8b333-1b40-c0c6-b113-1e7ce0519af8",
             "input": null,
             "output": null,
             "triggers_replace": {
               "value": [
-                "2026-08-05T05:36:38Z"
+                "2026-08-05T06:09:03Z"
               ],
               "type": [
                 "tuple",

src/_data/site.js CHANGED Viewed

@@ -81,9 +81,8 @@ const TOOLS = [
   { name: "Nushell", link: "https://github.com/nushell/nushell", image: "/assets/logos/nu.png" },
   { name: "Ghostty", link: "https://github.com/ghostty-org/ghostty", image: "/assets/logos/ghostty.png" },
   { name: "Zellij", link: "https://zellij.dev/", image: "/assets/logos/zellij.png" },
-  { name: "Zen", link: "https://github.com/zen-browser/desktop", image: "/assets/logos/zen.svg" },
+  { name: "Helium", link: "https://github.com/imputnet/helium", image: "/assets/logos/helium.png" },
   { name: "Bruno", link: "https://github.com/usebruno/bruno", image: "/assets/logos/bruno.png" },
-  { name: "Secretive", link: "https://github.com/maxgoedjen/secretive", image: null },
 ];
 // Eleventy only unwraps a JS data file's `default` export when it's the module's

src/_helpers/fileIcons.js CHANGED Viewed

@@ -1,47 +1,5 @@
 import iconSet from "@iconify-json/vscode-icons/icons.json" with { type: "json" };
-// Chrome (confirmed in headless and in production) never paints a
-// gradient-filled path that lives inside a <symbol> instantiated through
-// <use> — the same markup renders fine as a standalone inline <svg>, so
-// this is specific to the symbol/use indirection the sprite relies on.
-// vscode-icons ships several file-type icons (rust, license, webp, python,
-// kotlin, the "dist" folder) as gradients, so rather than special-case
-// each one, every icon's gradients are resolved to one flat representative
-// color at build time before being embedded in the sprite. Barely
-// noticeable at the 16px size these render at, and keeps the one-symbol-
-// shared-by-every-row sprite this module is built around (see
-// iconSpriteDefs below) instead of duplicating full icon bodies per file.
-const GRADIENT_TAG_RE = /<(linearGradient|radialGradient)\b([^>]*?)(?:\/>|>([\s\S]*?)<\/\1>)/g;
-const STOP_COLOR_RE = /<stop\b[^>]*\bstop-color="([^"]+)"[^>]*\/?>/g;
-const ATTR_RE = (attr) => new RegExp(`\\b${attr}="([^"]+)"`);
-const flattenGradients = (body) => {
-  if (!body.includes("Gradient")) return body;
-  const gradients = new Map();
-  for (const match of body.matchAll(GRADIENT_TAG_RE)) {
-    const [, , attrs, inner] = match;
-    const id = attrs.match(ATTR_RE("id"))?.[1];
-    if (!id) continue;
-    const href = attrs.match(ATTR_RE("href"))?.[1]?.replace(/^#/, "");
-    const stops = inner ? [...inner.matchAll(STOP_COLOR_RE)].map((m) => m[1]) : [];
-    gradients.set(id, { href, stops });
-  }
-  const resolveColor = (id, seen = new Set()) => {
-    if (seen.has(id)) return null;
-    seen.add(id);
-    const g = gradients.get(id);
-    if (!g) return null;
-    if (g.stops.length) return g.stops[Math.floor(g.stops.length / 2)];
-    return g.href ? resolveColor(g.href, seen) : null;
-  };
-  return body
-    .replace(GRADIENT_TAG_RE, "")
-    .replace(/(fill|stroke)="url\(#([^)]+)\)"/g, (whole, prop, id) => `${prop}="${resolveColor(id) ?? "#888"}"`);
-};
 // The old Astro version resolved per-extension file/folder icons from the
 // full vscode-icons manifest (see git history at 7325531^:src/utils/files.ts).
 // That manifest is itself a large VS Code extension repo installed as a git
@@ -120,24 +78,24 @@ const ICON_NAMES = new Set([
 ]);
 /**
- * A hidden <svg><symbol> sprite holding every file/folder icon this repo
+ * A <svg><symbol> sprite holding every file/folder icon this repo browser
+ * can use, written once to assets/icons/sprite.svg (see eleventy.config.js)
- * browser can use, meant to be embedded once per page. fileIcon()/
+ * rather than inlined per page. fileIcon()/folderIcon() emit a tiny <use>
+ * that points at that shared file, so the ~30 icon bodies are fetched
- * folderIcon() then emit a tiny `<use>` reference instead of repeating the
+ * (and cached by the browser) once for the whole site instead of being
- * full icon body on every row — for a repo with hundreds of files (e.g.
+ * duplicated in every one of the thousands of generated repo pages.
- * many .rs files pulling in the same Rust icon), that's the difference
- * between shipping one icon body and shipping it hundreds of times over.
  */
 export const iconSpriteDefs = () => {
   const symbols = [...ICON_NAMES]
     .map((name) => {
       const icon = iconSet.icons[name];
-      return `<symbol id="icon-${name}" viewBox="0 0 ${iconSet.width} ${iconSet.height}">${flattenGradients(icon.body)}</symbol>`;
+      return `<symbol id="icon-${name}" viewBox="0 0 ${iconSet.width} ${iconSet.height}">${icon.body}</symbol>`;
     })
     .join("");
-  return `<svg xmlns="http://www.w3.org/2000/svg" style="display:none" aria-hidden="true">${symbols}</svg>`;
+  return `<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">${symbols}</svg>`;
 };
-const useIcon = (name) => `<svg width="16" height="16"><use href="#icon-${name}"></use></svg>`;
+const useIcon = (name) => `<svg width="16" height="16"><use href="/assets/icons/sprite.svg#icon-${name}"></use></svg>`;
 export const fileIcon = (filename, ext) => {
   const key = FILENAME_TO_ICON[filename.toLowerCase()] ?? EXT_TO_ICON[ext] ?? "default-file";

src/_includes/repo-layout.njk CHANGED Viewed

@@ -1,5 +1,4 @@
 {% macro repoLayout(repo, title, desc, tags, tab, version) %}
-{{ iconSpriteDefs() | safe }}
 <div class="repo">
   <div class="header">
     <h1><span style="view-transition-name:repo-title-{{ title }}">{{ title }}</span>{% if version %} <span class="repo-version">v{{ version }}</span>{% endif %}</h1>