feat: render timed sets

Signed-off-by: Matt Gleich <git@mattglei.ch>

Author: gleich

src/lib/index/sections/workouts/lift.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { Workout } from '$lib/lcp/workouts';
+	import { renderDuration } from '$lib/time';
 	import { Scrolling } from '@gleich/ui';
 	import { onMount } from 'svelte';
 
@@ -40,9 +41,13 @@
 									{set.type === 'warmup' ? 'Warmup' : `Set #${setIndex + 1}`}
 								</div>
 								<div class="set-value">
-									{imperialUnits
-										? `${Math.round(set.weight_kg * 2.2046226218)} lbs`
-										: `${Math.round(set.weight_kg)}} kg`} × {set.reps} reps
+									{#if set.duration_seconds}
+										{renderDuration(set.duration_seconds)}
+									{:else}
+										{imperialUnits
+											? `${Math.round(set.weight_kg * 2.2046226218)} lbs`
+											: `${Math.round(set.weight_kg)}} kg`} × {set.reps} reps
+									{/if}
 								</div>
 							</div>
 						{/each}

src/lib/lcp/workouts.ts

@@ -80,4 +80,5 @@ export interface HevySet {
 	weight_kg: number;
 	reps: number;
 	type: string;
+	duration_seconds?: number;
 }

src/lib/time.ts

@@ -85,23 +85,27 @@ export function fromNow(date: Dayjs, currentTime: Dayjs): string {
 
 export function renderDuration(seconds: number): string {
 	const duration = dayjs.duration(seconds, 'seconds');
-	let formattedDuration: string;
-
 	const totalHours = Math.floor(duration.asHours());
 	const minutes = duration.minutes();
+	const remainingS = duration.seconds();
+	const milliseconds = Math.round((seconds - Math.floor(seconds)) * 1000);
+
+	let formattedDuration: string;
+
 	if (totalHours > 0) {
 		formattedDuration = `${totalHours}hr`;
-		if (minutes > 0) {
-			formattedDuration += ` ${minutes}m`;
-		}
-	} else if (seconds < 3660 && seconds > 3540) {
+		if (minutes > 0) formattedDuration += ` ${minutes}m`;
+	} else if (seconds > 3540 && seconds < 3660) {
 		formattedDuration = '1hr';
+	} else if (seconds < 60) {
+		formattedDuration =
+			(remainingS > 0 ? `${remainingS}s` : '') +
+			(milliseconds > 0 || remainingS === 0 ? ` ${milliseconds}ms` : '');
+		formattedDuration = formattedDuration.trim();
 	} else {
-		const remainingSeconds = duration.seconds();
 		formattedDuration = `${minutes}m`;
-		if (remainingSeconds > 0) {
-			formattedDuration += ` ${remainingSeconds}s`;
-		}
+		if (remainingS > 0) formattedDuration += ` ${remainingS}s`;
 	}
+
 	return formattedDuration;
 }