smcgateway-sv 0.4.2 → 0.4.4

package/dist/AudioTimeLinePlayer.svelte

@@ -24,7 +24,8 @@
 	const STEP_MS = 10_000;
 	const TICK_MS = 200;
 
-	let windowStart = $state(new Date(Date.now() - WINDOW_MS));
+	// Default to a time window that ends at the end of the current minute
+	let windowStart = $state(new Date(Date.now() - WINDOW_MS + 60000));
 	let windowEnd = $derived(new Date(windowStart.getTime() + WINDOW_MS));
 	let segments: Segment[] = $state([]);
 	let audioEl: HTMLAudioElement;
@@ -91,13 +92,15 @@
 		}
 
 		const seg = segments[segIdx];
+		activeSegment = seg;
 		const offsetSec = (cursor - seg.start.getTime()) / 1000;
 
 		if (!audioEl.src.endsWith(seg.url)) {
 			// console.log('LOAD', seg.url, audioEl.src);
-			activeSegment = seg;
 			audioEl.src = seg.url;
-			await audioEl.play().catch(console.error);
+			if (playing) {
+				await audioEl.play().catch(console.error);
+			}
 		}
 
 		if (Math.abs(audioEl.currentTime - offsetSec) > 0.5) {
@@ -252,11 +255,17 @@
 			</div>
 			<div class="d-flex justify-content-between">
 				<div class="windowStartLabel">
-					{windowStart.toLocaleTimeString()}
+					{windowStart.toLocaleTimeString([], {
+						hour: '2-digit',
+						minute: '2-digit'
+					})}
 				</div>
 				<div>{new Date(cursor).toLocaleString()}</div>
 				<div class="windowEndLabel">
-					{windowEnd.toLocaleTimeString()}
+					{windowEnd.toLocaleTimeString([], {
+						hour: '2-digit',
+						minute: '2-digit'
+					})}
 				</div>
 			</div>
 		</div>
@@ -265,9 +274,11 @@
 	{#snippet callInfo(call: Segment | undefined)}
 		<div class="callinfo text-center mt-1">
 			{#if call}
-				Radio {call.from} [{call.to}]
+				<span class="active-radio">
+					Radio {call.from} [{call.to}]
+				</span>
 			{:else}
-				Idle
+				<span class="text-muted"> -- silence -- </span>
 			{/if}
 		</div>
 	{/snippet}
@@ -326,4 +337,7 @@ cursor: {new Date(cursor).toISOString()}<br /> -->
 		min-width: 2px;
 		border-radius: 0;
 	}
+	.active-radio {
+		font-weight: bold;
+	}
 </style>

package/dist/InputDate.svelte

@@ -5,14 +5,14 @@
 		value = $bindable(),
 		class: className = '',
 		disabled = false,
-		nodate = "",
+		nodate = '',
 		min = new Date(2000, 1, 1),
 		max = new Date()
 	}: {
-		value: Date | "";
+		value: Date | '';
 		class?: string;
 		disabled?: boolean;
-		nodate?: Date | "";
+		nodate?: Date | '';
 		min?: Date;
 		max?: Date;
 	} = $props();
@@ -38,14 +38,14 @@
 		}
 	});
 
-	function toInputFormat(date: Date | ""): string {
+	function toInputFormat(date: Date | ''): string {
 		if (date instanceof Date && !isNaN(date.getTime())) {
 			let d = new Date(date);
 			// Remove timezone
 			d.setHours(0, -d.getTimezoneOffset(), 0, 0);
 			return d.toISOString().substring(0, 10);
 		}
-		return new Date().toISOString().substring(0, 10);
+		return "";
 	}
 
 	function fromInputFormat(value: string): Date {
@@ -56,11 +56,22 @@
 
 	function handleInput(event: Event) {
 		const target = event.target as HTMLInputElement;
+		if (target.value == "") {
+			value = ""
+			internal = ""
+			return
+		}
 		if (target.value) {
+			// Handle year being typed in
+			const ymd = target.value.split('-');
+			const y = parseInt(ymd[0]);
+			if (y < 1000) {
+				return;
+			}
 			value = fromInputFormat(target.value);
 		} else {
-			value = nodate
-			internal = ""
+			value = nodate;
+			internal = '';
 		}
 	}
 </script>

package/dist/InputDate.svelte.d.ts

@@ -1,8 +1,8 @@
 type $$ComponentProps = {
-    value: Date | "";
+    value: Date | '';
     class?: string;
     disabled?: boolean;
-    nodate?: Date | "";
+    nodate?: Date | '';
     min?: Date;
     max?: Date;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "smcgateway-sv",
-	"version": "0.4.2",
+	"version": "0.4.4",
 	"author": "Kevin Golding <kevin.golding@smc-gateway.com> (https://smc-gateway.com)",
 	"license": "MIT",
 	"scripts": {