6c4290a | website

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

6c4290a — pyrossh 2026-07-07T14:53:06+05:30

refactor: remove timeago, use server-side date formatting instead

Files changed (9) hide show

package.json CHANGED Viewed

@@ -20,7 +20,6 @@
     "rehype-stringify": "^10.0.1",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
-    "timeago.js": "^4.0.2",
     "typed-htmx": "^0.3.1",
     "unified": "^11.0.5"
   },

packages/shared/ui/src/commit-entry.tsx CHANGED Viewed

@@ -22,7 +22,7 @@ export function CommitEntry({ repoId, commit }: CommitEntryProps) {
         <small class="pull-right">
           {commit.date && (
             <a href={`/repos/${repoId}/logs`} rel="nofollow">
-              <time-ago data-date={commit.date} />
+              <span>{new Date(commit.date).toLocaleDateString("en", { year: "numeric", month: "short", day: "numeric" })}</span>
             </a>
           )}
         </small>

packages/shared/ui/src/css.ts CHANGED Viewed

@@ -991,9 +991,6 @@ footer + .safe-area {
 }
 /* TimeAgo */
-time-ago {
-  display: inline;
-}
 /* File tree */
 .file-tree {

packages/shared/ui/src/elements.d.ts CHANGED Viewed

@@ -12,8 +12,6 @@ declare global {
     interface IntrinsicElements {
       summary: HtmlTag;
-      "time-ago": HtmlTag & { "data-date"?: string; date?: string };
-      "current-year": HtmlTag;
       svg: HtmlTag & { viewBox?: string; xmlns?: string; width?: string; height?: string; fill?: string };
       g: HtmlTag & { fill?: string; transform?: string };
       path: HtmlTag & { d?: string; fill?: string; stroke?: string; "stroke-width"?: string; "stroke-linecap"?: string; "stroke-linejoin"?: string; opacity?: string };

packages/shared/ui/src/issue-card.tsx CHANGED Viewed

@@ -20,7 +20,7 @@ export function IssueCard({ repoId, issue }: IssueCardProps) {
           {issue.id.substring(0, 8)}
         </a>
         {issue.author && <span>by {issue.author}</span>}
-        {date && <time-ago data-date={date} />}
+        {date && <span>{new Date(date).toLocaleDateString("en", { year: "numeric", month: "short", day: "numeric" })}</span>}
         {issue.comments.length > 0 && <span>{issue.comments.length} comments</span>}
       </div>
       {issue.labels.length > 0 && (

packages/shared/ui/src/layout.tsx CHANGED Viewed

@@ -40,7 +40,6 @@ export function Layout({ title, description, request, children }: LayoutProps) {
         <meta property="twitter:image" content="/assets/icons/icon.svg" />
         <style>{globalCSS}</style>
         <script src="https://unpkg.com/[email protected]"></script>
-        <script src="/assets/js/timeago.js"></script>
       </head>
       <body>
         <Header currentPath={url?.pathname} />

packages/workers/assets/src/index.ts CHANGED Viewed

@@ -2,26 +2,6 @@ export default {
   async fetch(request: Request, env: any): Promise<Response> {
     const url = new URL(request.url);
-    if (url.pathname === "/assets/js/timeago.js") {
-      return new Response(`class TimeAgo extends HTMLElement {
-  connectedCallback() {
-    const d = new Date(this.getAttribute("date") || this.getAttribute("data-date"));
-    if (isNaN(d.getTime())) return;
-    const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
-    const diff = d.getTime() - Date.now();
-    for (const [ms, u] of [[864e5,"day"],[36e5,"hour"],[6e4,"minute"],[1e3,"second"]]) {
-      if (Math.abs(diff) >= ms) { this.textContent = rtf.format(Math.round(diff/ms), u); break; }
-    }
-  }
-}
-customElements.define("time-ago", TimeAgo);
-class CurrentYear extends HTMLElement {
-  connectedCallback() { this.textContent = String(new Date().getFullYear()); }
-}
-customElements.define("current-year", CurrentYear);
-`, { headers: { "content-type": "application/javascript" } });
-    }
     return new Response("Not found", { status: 404 });
   },
 };

packages/workers/repos/issues/detail/src/index.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { RepoLayout } from "@pyrossh/ui";
 import { getRepo, getGitBugIssue, addGitBugIssueComment, setGitBugIssueState } from "@pyrossh/core";
 import type { Env, GitBugIssue } from "@pyrossh/types";
-const TimeAgo = (date: string) => <time-ago data-date={date}></time-ago>;
+const fmtDate = (date: string) => new Date(date).toLocaleDateString("en", { year: "numeric", month: "short", day: "numeric" });
 const StateBadge = (issue: GitBugIssue) => (
   <span id="state-badge" class={`state ${issue.state}`}>
@@ -19,7 +19,7 @@ const CommentsSection = (repoId: string, issue: GitBugIssue) => (
           <article class="comment">
             <div class="comment-meta">
               {comment.author && <strong>{comment.author}</strong>}
-              {comment.createdAt && TimeAgo(comment.createdAt)}
+              {comment.createdAt && <span>{fmtDate(comment.createdAt)}</span>}
             </div>
             <pre>{comment.body}</pre>
           </article>
@@ -56,7 +56,7 @@ const IssueHeader = (repoId: string, issue: GitBugIssue) => (
         {issue.id.substring(0, 8)}
       </a>
       {issue.author && <span>by {issue.author}</span>}
-      {issue.createdAt && TimeAgo(issue.createdAt)}
+      {issue.createdAt && <span>{fmtDate(issue.createdAt)}</span>}
       {issue.comments.length > 0 && <span>{issue.comments.length} comments</span>}
     </div>
     {issue.labels.length > 0 && (

pnpm-lock.yaml CHANGED Viewed

@@ -237,9 +237,6 @@ importers:
       remark-rehype:
         specifier: ^11.1.2
         version: 11.1.2
-      timeago.js:
-        specifier: ^4.0.2
-        version: 4.0.2
       typed-htmx:
         specifier: ^0.3.1
         version: 0.3.1
@@ -2313,9 +2310,6 @@ packages:
     resolution: {integrity: sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==}
     engines: {node: '>=18'}
-  [email protected]:
-    resolution: {integrity: sha512-a7wPxPdVlQL7lqvitHGGRsofhdwtkoSXPGATFuSOA2i1ZNQEPLrGnj68vOp2sOJTCFAQVXPeNMX/GctBaO9L2w==}
   [email protected]:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
@@ -4010,8 +4004,6 @@ snapshots:
   [email protected]: {}
-  [email protected]: {}
   [email protected]: {}
   [email protected]: {}