@luckydye/calendar 1.3.0 → 1.3.2

package/src/app.ts

@@ -12,9 +12,11 @@ import { initializeTheme } from "./Theme.js";
 import { InMemorySource } from "./InMemorySource.js";
 import { GoogleCalendarSource } from "./GoogleCalendarSource.js";
 import { InhouseBookingSource } from "./InhouseBookingSource.js";
+import { fetchTimeseriesJsonEvents } from "./TimeseriesJson.js";
 import { queueStatus } from "./StatusMessage.js";
 import { activeCalendarStore } from "./ActiveCalendarStore.js";
 import type { CalendarEvent } from "./CalendarInternal.js";
+import { sanitizeEventDescription } from "./DescriptionSanitizer.js";
 import { registerKeybinds } from "./Keybinds.js";
 import "./StatusBar.js";
 import { NotificationScheduler } from "./NotificationScheduler.js";
@@ -35,6 +37,136 @@ const calendarElement = document.querySelector(
 ) as CalendarViewElement;
 const calendar = calendarElement.internal;
 
+type PromptApiLanguageModel = {
+	availability?: () => Promise<string>;
+	create: (options?: unknown) => Promise<{
+		promptStreaming: (
+			prompt: string,
+			options?: unknown,
+		) => Promise<ReadableStream<string>> | ReadableStream<string>;
+		destroy?: () => void;
+	}>;
+};
+
+function getPromptApiLanguageModel(): PromptApiLanguageModel | null {
+	const fromGlobal = (globalThis as { LanguageModel?: unknown }).LanguageModel;
+	if (fromGlobal) return fromGlobal as PromptApiLanguageModel;
+
+	const fromWindow = (
+		window as { ai?: { languageModel?: unknown } }
+	).ai?.languageModel;
+	if (!fromWindow) return null;
+	return fromWindow as PromptApiLanguageModel;
+}
+
+let summaryAbortController: AbortController | null = null;
+let summarySession: { destroy?: () => void } | null = null;
+let summaryRequestToken = 0;
+let activeSummaryKey: string | null = null;
+
+function abortActiveDescriptionSummary(): void {
+	if (summaryAbortController) {
+		summaryAbortController.abort();
+		summaryAbortController = null;
+	}
+	if (summarySession) {
+		summarySession.destroy?.();
+		summarySession = null;
+	}
+	if (activeSummaryKey) {
+		calendarElement.cancelDescriptionSummary(activeSummaryKey);
+		activeSummaryKey = null;
+	}
+	summaryRequestToken++;
+}
+
+async function streamDescriptionSummary(key: string, description: string): Promise<void> {
+	const sanitizedDescription = sanitizeEventDescription(description);
+	abortActiveDescriptionSummary();
+	activeSummaryKey = key;
+	const token = summaryRequestToken;
+	calendarElement.startDescriptionSummary(key);
+
+	const languageModel = getPromptApiLanguageModel();
+	if (!languageModel) {
+		calendarElement.failDescriptionSummary(key, "Prompt API not available in this browser.");
+		activeSummaryKey = null;
+		return;
+	}
+
+	const controller = new AbortController();
+	summaryAbortController = controller;
+	let session: { destroy?: () => void } | null = null;
+
+	try {
+		const availability = await languageModel.availability?.();
+		if (token !== summaryRequestToken || key !== activeSummaryKey) return;
+		if (availability === "unavailable") {
+			throw new Error("Prompt API model is unavailable.");
+		}
+
+		session = await languageModel.create();
+		summarySession = session;
+		const prompt = [
+			"Summarize this calendar event description in 2-3 concise sentences.",
+			"Keep critical details like dates, times, links, and action items.",
+			"Return plain text only.",
+			"",
+			sanitizedDescription,
+		].join("\n");
+
+		const stream = await Promise.resolve(
+			session.promptStreaming(prompt, { signal: controller.signal }),
+		);
+		const reader = stream.getReader();
+		try {
+			while (true) {
+				const { value, done } = await reader.read();
+				if (done) break;
+				if (
+					token !== summaryRequestToken ||
+					key !== activeSummaryKey ||
+					controller.signal.aborted
+				) {
+					return;
+				}
+				if (value) {
+					calendarElement.appendDescriptionSummaryChunk(key, value);
+				}
+			}
+		} finally {
+			reader.releaseLock();
+		}
+
+		if (token !== summaryRequestToken || key !== activeSummaryKey) return;
+		calendarElement.finishDescriptionSummary(key);
+		activeSummaryKey = null;
+	} catch (error) {
+		if (
+			controller.signal.aborted ||
+			token !== summaryRequestToken ||
+			key !== activeSummaryKey
+		) {
+			return;
+		}
+		calendarElement.failDescriptionSummary(
+			key,
+			error instanceof Error
+				? error.message
+				: "Failed to generate description summary.",
+		);
+		activeSummaryKey = null;
+	} finally {
+		if (summaryAbortController === controller) {
+			summaryAbortController = null;
+		}
+		if (summarySession === session) {
+			summarySession = null;
+		}
+		session?.destroy?.();
+	}
+}
+
 registerKeybinds(
 	[
 		{ key: "r", cmdOrCtrl: true, shift: true, action: () => calendarElement.forceSync() },
@@ -44,7 +176,6 @@ registerKeybinds(
 		{ key: "Escape", action: () => calendarElement.escape() },
 		{ key: "t", action: () => calendarElement.scrollToToday() },
 	],
-	calendarElement,
 );
 
 let workerPromise: Promise<ServiceWorkerRegistration> | undefined;
@@ -80,6 +211,7 @@ function updateStatusBar() {
 
 // Update statusbar on relevant events
 calendarElement.addEventListener("selection-change", updateStatusBar);
+calendarElement.addEventListener("meta-key-change", updateStatusBar);
 
 // Update statusbar periodically for current time
 setInterval(updateStatusBar, 10000); // Every 10 seconds
@@ -108,6 +240,21 @@ calendarElement.addEventListener("event-click", () => {
 	requestNotificationPermission();
 }, { once: true });
 
+calendarElement.addEventListener("request-description-summary", (e: Event) => {
+	const { key, description } = (e as CustomEvent).detail as {
+		key: string;
+		description: string;
+	};
+	void streamDescriptionSummary(key, description);
+});
+
+calendarElement.addEventListener("cancel-description-summary", (e: Event) => {
+	const { key } = (e as CustomEvent).detail as { key: string };
+	if (key === activeSummaryKey) {
+		abortActiveDescriptionSummary();
+	}
+});
+
 // Load iCal files
 const integration = new CalendarIntegration(calendar);
 
@@ -276,10 +423,10 @@ async function createCalDAVCalendars(
 			},
 
 			async updateEvent(
-				id: string,
+				event: CalendarEvent,
 				updates: Partial<CalendarEvent>,
 			): Promise<CalendarEvent> {
-				return caldavSource.updateEvent(id, { ...updates, calendarId: calInfo.url });
+				return caldavSource.updateEvent(event, { ...updates, calendarId: calInfo.url });
 			},
 
 			async deleteEvent(id: string): Promise<void> {
@@ -311,6 +458,29 @@ function createICalCalendar(source: CalendarSource): Calendar {
 	};
 }
 
+// Create a Timeseries JSON calendar wrapper
+function createTimeseriesJsonCalendar(source: CalendarSource): Calendar {
+	return {
+		id: source.id,
+		name: source.name,
+		color: source.color,
+		enabled: source.enabled,
+		locked: (source as { locked?: boolean }).locked,
+		sourceId: source.id,
+		sourceType: "timeseries-json",
+
+		async fetchEvents(): Promise<CalendarEvent[]> {
+			return fetchTimeseriesJsonEvents(
+				source.credentials as { url: string; timestampField?: string; titleField?: string },
+				source.color,
+				source.name,
+				source.id,
+			);
+		},
+		// Timeseries JSON calendars are read-only by default
+	};
+}
+
 // Create a Google Calendar wrapper
 function createGoogleCalendar(source: CalendarSource): Calendar {
 	const calendarId = source.credentials.calendarId || "primary";
@@ -348,10 +518,10 @@ function createGoogleCalendar(source: CalendarSource): Calendar {
 		},
 
 		async updateEvent(
-			id: string,
+			event: CalendarEvent,
 			updates: Partial<CalendarEvent>,
 		): Promise<CalendarEvent> {
-			return googleSource.updateEvent(id, updates);
+			return googleSource.updateEvent(event, updates);
 		},
 
 		async deleteEvent(id: string): Promise<void> {
@@ -395,10 +565,10 @@ function createInhouseCalendar(source: CalendarSource): Calendar {
 		},
 
 		async updateEvent(
-			id: string,
+			event: CalendarEvent,
 			updates: Partial<CalendarEvent>,
 		): Promise<CalendarEvent> {
-			return inhouseSource.updateEvent(id, updates);
+			return inhouseSource.updateEvent(event, updates);
 		},
 
 		async deleteEvent(id: string): Promise<void> {
@@ -434,12 +604,12 @@ function createInMemoryCalendar(source: InMemorySource): Calendar {
 		},
 
 		async updateEvent(
-			id: string,
+			event: CalendarEvent,
 			updates: Partial<CalendarEvent>,
 		): Promise<CalendarEvent> {
 			if (!source.updateEvent)
 				throw new Error("Source does not support updateEvent");
-			return source.updateEvent(id, updates);
+			return source.updateEvent(event, updates);
 		},
 
 		async deleteEvent(id: string): Promise<void> {
@@ -538,6 +708,21 @@ async function syncCalDAV(force = false) {
 			} catch (error) {
 				console.error(`Sync error for iCal source ${source.name}:`, error);
 			}
+		} else if (source.type === "timeseries-json") {
+			if (!source.credentials?.url) {
+				console.warn(`Skipping Timeseries JSON source ${source.name}: missing URL`);
+				continue;
+			}
+
+			const calendar = createTimeseriesJsonCalendar(source);
+			loadedCalendars.set(calendar.id, calendar);
+			activeCalendarStore.registerCalendar(calendar);
+
+			try {
+				await sync(calendar, { force });
+			} catch (error) {
+				console.error(`Sync error for Timeseries JSON source ${source.name}:`, error);
+			}
 		} else if (source.type === "google") {
 			if (!source.credentials?.accessToken) {
 				console.warn(`Skipping Google Calendar source ${source.name}: missing access token`);
@@ -722,7 +907,7 @@ function showProjectPickerDialog(
 }
 
 calendarElement.addEventListener("create-event", async (e) => {
-	const { start, end } = e.detail;
+	const { start, end, isAllDay } = e.detail;
 	const calendar = getActiveCalendar();
 	if (!calendar) {
 		queueStatus("No calendar selected. Please configure a calendar first.");
@@ -751,6 +936,7 @@ calendarElement.addEventListener("create-event", async (e) => {
 		title: "New Event",
 		start,
 		end,
+		isAllDay,
 		calendar: calendar.name,
 		calendarId: calendar.calendarUrl ?? calendar.id,
 		sourceId: calendar.sourceId,
@@ -758,7 +944,7 @@ calendarElement.addEventListener("create-event", async (e) => {
 		lastSynced: new Date(),
 	});
 	try {
-		await withMutation(calendar, () => calendar.createEvent({ id, title: "New Event", start, end }));
+		await withMutation(calendar, () => calendar.createEvent({ id, title: "New Event", start, end, isAllDay }));
 	} catch (error) {
 		calendarElement.internal.removeEventOptimistically(id);
 		console.error("Failed to create event:", error);
@@ -766,41 +952,6 @@ calendarElement.addEventListener("create-event", async (e) => {
 	}
 });
 
-calendarElement.addEventListener("move-event", async (e) => {
-	const { event, start, end } = e.detail;
-
-	const calendar = findCalendarForEvent(event);
-
-	if (!calendar) {
-		queueStatus("Cannot move event: calendar not found.");
-		return;
-	}
-
-	if (!calendar.updateEvent) {
-		queueStatus(`Calendar "${calendar.name}" does not support moving events.`);
-		return;
-	}
-
-	console.log(
-		"Moving event:",
-		event.id,
-		"from",
-		event.start,
-		"to",
-		start,
-		"on calendar:",
-		calendar.name,
-	);
-	try {
-		calendarElement.internal.applyEventOptimistically({ ...event, start, end });
-		await withMutation(calendar, () => calendar.updateEvent(event.id, { start, end }));
-	} catch (error) {
-		calendarElement.internal.applyEventOptimistically(event);
-		console.error("Failed to move event:", error);
-		queueStatus(`Failed to move event: ${error instanceof Error ? error.message : String(error)}`);
-	}
-});
-
 calendarElement.addEventListener("update-event", async (e) => {
 	const { event, updates } = e.detail;
 
@@ -824,7 +975,7 @@ calendarElement.addEventListener("update-event", async (e) => {
 	);
 	try {
 		calendarElement.internal.applyEventOptimistically({ ...event, ...updates });
-		await withMutation(calendar, () => calendar.updateEvent(event.id, updates));
+		await withMutation(calendar, () => calendar.updateEvent(event, updates));
 
 		if ("reminders" in updates) {
 			const eventWithReminders = { ...event, ...updates };
@@ -992,6 +1143,7 @@ calendarElement.addEventListener("import-ical", async (e) => {
 function updateActiveCalendarColor() {
 	const calendar = activeCalendarStore.getActiveCalendar();
 	calendarElement.activeCalendarColor = calendar?.color ?? null;
+	calendarElement.activeCalendarId = activeCalendarStore.getActiveId();
 }
 
 function updateEnabledCalendars() {
@@ -1027,4 +1179,3 @@ function updateLockedCalendars() {
 		});
 	calendar.setLockedCalendars(lockedCalendarIdentifiers);
 }
-