fix: ci

Author: AugustinMauroy

frontend/islands/admin/UserEdit.tsx

@@ -68,7 +68,7 @@ export default function UserEdit({ user }: { user: FullUser }) {
           : String(isBlocked)}
       </TableData>
       <TableData title={new Date(user.createdAt).toISOString().slice(0, 10)}>
-        {timeAgo(new Date(user.createdAt).getTime())}
+        {timeAgo(new Date(user.createdAt))}
       </TableData>
       <TableData class="relative whitespace-nowrap space-x-3 py-4 pl-3 pr-4 text-right text-sm font-semibold sm:pr-6">
         {edit

frontend/routes/account/(_components)/AccountLayout.tsx

@@ -25,7 +25,7 @@ export function AccountLayout({ user, active, children }: AccountLayoutProps) {
             {user.name}
           </h1>
           <p class="text-xs text-jsr-gray-600">
-            Created account {timeAgo(new Date(user.createdAt).getTime())}
+            Created account {timeAgo(new Date(user.createdAt))}
           </p>
           <p class="text-base mt-2">
             <GitHubUserLink user={user} />

frontend/routes/account/tokens/index.tsx

@@ -105,7 +105,7 @@ function PersonalTokenRow({ token }: { token: Token }) {
                 <b>Active</b> {expiresAt === null
                   ? "forever"
                   : `– expires ${
-                    timeAgo(new Date().getTime(), expiresAt.getTime()).replace(
+                    timeAgo(expiresAt).replace(
                       "ago",
                       "from now",
                     )
@@ -114,12 +114,12 @@ function PersonalTokenRow({ token }: { token: Token }) {
             )
             : (
               <span class="text-red-600">
-                <b>Inactive</b> - expired {timeAgo(expiresAt.getTime())}
+                <b>Inactive</b> - expired {timeAgo(expiresAt)}
               </span>
             )}
         </p>
         <p class="text-sm sm:text-right">
-          Created {timeAgo(new Date(token.createdAt).getTime())}
+          Created {timeAgo(new Date(token.createdAt))}
         </p>
       </div>
       <p class="text-sm text-jsr-gray-600">
@@ -160,7 +160,7 @@ function SessionRow({ token }: { token: Token }) {
                   <b>Active</b> {expiresAt === null
                     ? "forever"
                     : `– expires ${
-                      timeAgo(expiresAt.getTime()).replace(
+                      timeAgo(expiresAt).replace(
                         "ago",
                         "from now",
                       )
@@ -169,7 +169,7 @@ function SessionRow({ token }: { token: Token }) {
               )
               : (
                 <span class="text-red-600">
-                  <b>Inactive</b> - expired {timeAgo(expiresAt.getTime())}
+                  <b>Inactive</b> - expired {timeAgo(expiresAt)}
                 </span>
               )}
 
@@ -178,7 +178,7 @@ function SessionRow({ token }: { token: Token }) {
         </div>
         <div>
           <p class="text-sm sm:text-right">
-            Created {timeAgo(new Date(token.createdAt).getTime())}
+            Created {timeAgo(new Date(token.createdAt))}
           </p>
         </div>
       </div>

frontend/routes/admin/publishingTasks.tsx

@@ -77,15 +77,15 @@ export default define.page<typeof handler>(function PublishingTasks({
                 10,
               )}
             >
-              {timeAgo(new Date(publishingTask.createdAt).getTime())}
+              {timeAgo(new Date(publishingTask.createdAt))}
             </TableData>
             <TableData
               title={new Date(publishingTask.updatedAt).toISOString().slice(
                 0,
                 10,
               )}
             >
-              {timeAgo(new Date(publishingTask.updatedAt).getTime())}
+              {timeAgo(new Date(publishingTask.updatedAt))}
             </TableData>
             <TableData>
               <PublishingTaskRequeue publishingTask={publishingTask} />

frontend/routes/package/og.ts

@@ -263,7 +263,7 @@ export const handler = define.handlers({
       const publishDateText = Image.renderText(
         dmmonoFont,
         25,
-        timeAgo(new Date(selectedVersion.createdAt).getTime()),
+        timeAgo(new Date(selectedVersion.createdAt)),
         COLOR_GRAY,
       );
       const result = new Image(

frontend/routes/package/versions.tsx

@@ -239,7 +239,7 @@ function Version({
                     {" "}
                   </>
                 )}
-                {timeAgo(new Date(version.createdAt).getTime())}
+                {timeAgo(new Date(version.createdAt))}
               </div>
             )}
           </div>
@@ -268,8 +268,7 @@ function Version({
               : <TbClockHour3 class="size-4 stroke-blue-500 stroke-2" />}
             <span>
               {ordinalNumber(tasks.length - i)} publishing attempt{" "}
-              {statusVerb[task.status]}{" "}
-              {timeAgo(new Date(task.updatedAt).getTime())}
+              {statusVerb[task.status]} {timeAgo(new Date(task.updatedAt))}
             </span>
             <a href={`/status/${task.id}`} class="link justify-self-end z-20">
               Details

frontend/utils/timeAgo.ts

@@ -1,3 +1,4 @@
+// Copyright 2024 the JSR authors. All rights reserved. MIT license.
 export function timeAgo(date: Date | string): string {
   const now = new Date();
   const past = new Date(date);
@@ -17,6 +18,7 @@ export function timeAgo(date: Date | string): string {
   };
 
   // Force english because JSR is an English-only project
+  // @ts-ignore - TS doesn't know about this API yet
   const formatter = new Intl.DurationFormat("en", { style: "long" });
   return formatter.format(duration);
 }