@luckydye/calendar 1.3.0 → 1.3.1

package/src/GoogleCalendarSource.ts

@@ -430,6 +430,31 @@ export class GoogleCalendarSource implements CalendarSource {
    * Update an existing event in Google Calendar.
    */
   async updateEvent(id: string, updates: Partial<CalendarEvent>): Promise<CalendarEvent> {
+    const isRsvpOnly = Object.keys(updates).length === 1 && updates.attendees !== undefined;
+
+    if (isRsvpOnly) {
+      // PATCH with only attendees — allowed for non-organizers updating their own response status
+      const response = await this.apiRequest<GoogleCalendarEvent>(
+        `/calendars/${encodeURIComponent(this.calendarId)}/events/${encodeURIComponent(id)}`,
+        {
+          method: 'PATCH',
+          body: JSON.stringify({
+            attendees: updates.attendees!.map(att => ({
+              email: att.email,
+              displayName: att.name,
+              responseStatus: this.mapToGoogleResponseStatus(att.status),
+              optional: att.role === 'OPT-PARTICIPANT',
+            })),
+          }),
+        }
+      );
+      const updated = this.mapGoogleEvent(response);
+      if (!updated) {
+        throw new Error('Failed to update event: invalid response from Google Calendar');
+      }
+      return updated;
+    }
+
     const existing = await this.apiRequest<GoogleCalendarEvent>(
       `/calendars/${encodeURIComponent(this.calendarId)}/events/${encodeURIComponent(id)}`
     );

package/src/IndexedDBStorage.ts

@@ -21,6 +21,7 @@ interface SerializedEvent {
   status?: 'TENTATIVE' | 'CONFIRMED' | 'CANCELLED';
   isAllDay?: boolean;
   reminders?: NotificationConfig[];
+  visualStyle?: 'heatmap';
 }
 
 interface SerializedMetadata {
@@ -326,6 +327,7 @@ export class IndexedDBStorage implements CalendarStorage {
       status: event.status,
       isAllDay: event.isAllDay,
       reminders: event.reminders,
+      visualStyle: event.visualStyle,
     };
   }
 
@@ -375,6 +377,7 @@ export class IndexedDBStorage implements CalendarStorage {
       status: serialized.status,
       isAllDay: serialized.isAllDay,
       reminders: serialized.reminders,
+      visualStyle: serialized.visualStyle,
     };
   }
 

package/src/Keybinds.ts

@@ -1,16 +1,3 @@
-const INPUT_SELECTOR = 'input, textarea, [contenteditable="true"]';
-
-function isInputFocused(shadowHost: Element): boolean {
-	const active = document.activeElement;
-	if (active?.matches(INPUT_SELECTOR)) return true;
-	// Shadow DOM: the host element appears as activeElement when focus is inside it
-	if (active === shadowHost) {
-		const shadowActive = shadowHost.shadowRoot?.activeElement;
-		if (shadowActive?.matches(INPUT_SELECTOR)) return true;
-	}
-	return false;
-}
-
 export interface Keybind {
 	key: string;
 	/** Matches Cmd (Mac) or Ctrl (Win/Linux) */
@@ -19,12 +6,10 @@ export interface Keybind {
 	action: () => void;
 }
 
-export function registerKeybinds(
-	bindings: Keybind[],
-	shadowHost: Element,
-): () => void {
+export function registerKeybinds(bindings: Keybind[]): () => void {
 	const handler = (e: KeyboardEvent): void => {
-		if (isInputFocused(shadowHost)) return;
+		const focused = e.composedPath()[0] as HTMLElement;
+		if (focused?.tagName === "INPUT" || focused?.tagName === "TEXTAREA" || focused?.isContentEditable) return;
 
 		for (const binding of bindings) {
 			const keyMatch = e.key === binding.key;

package/src/StatusBar.ts

@@ -10,6 +10,7 @@ export interface StatusBarData {
 	formattedDate: string;
 	formattedTime: string;
 	formattedCursorDate: string;
+	altKeyActive: boolean;
 }
 
 export class StatusBarElement extends LitElement {
@@ -62,6 +63,14 @@ export class StatusBarElement extends LitElement {
     .status-value {
       color: var(--text-secondary, rgba(255, 255, 255, 0.7));
     }
+
+    .meta-key {
+      padding: 1px 5px;
+      border-radius: 3px;
+      border: 1px solid var(--text-muted, rgba(255, 255, 255, 0.4));
+      font-size: 9px;
+      color: var(--text-secondary, rgba(255, 255, 255, 0.7));
+    }
   `;
 
 	render() {
@@ -82,6 +91,8 @@ export class StatusBarElement extends LitElement {
           </div>
 
           <status-message></status-message>
+
+          ${this.data.altKeyActive ? html`<span class="meta-key">Meta</span>` : html``}
         </div>
 
         <div class="status-bar-right">

package/src/Theme.ts

@@ -23,7 +23,7 @@ export const themes: Record<ConcreteThemeName, ThemeDefinition> = {
 			"--bg-button-active": "rgba(255, 255, 255, 0.1)",
 			"--bg-today": "rgba(255, 255, 255, 0.05)",
 			"--bg-selection": "rgba(255, 255, 255, 0.1)",
-			"--bg-weekend": "rgba(255, 255, 255, 0.03)",
+			"--bg-weekend": "transparent",
 			"--bg-item": "rgba(255, 255, 255, 0.05)",
 			"--bg-item-hover": "rgba(255, 255, 255, 0.08)",
 			"--grid-color": "rgba(255, 255, 255, 0.1)",
@@ -59,7 +59,7 @@ export const themes: Record<ConcreteThemeName, ThemeDefinition> = {
 			"--bg-button-active": "rgba(0, 0, 0, 0.08)",
 			"--bg-today": "rgba(0, 100, 255, 0.08)",
 			"--bg-selection": "rgba(0, 100, 255, 0.15)",
-			"--bg-weekend": "rgba(0, 0, 0, 0.02)",
+			"--bg-weekend": "transparent",
 			"--bg-item": "rgba(0, 0, 0, 0.03)",
 			"--bg-item-hover": "rgba(0, 0, 0, 0.06)",
 			"--grid-color": "rgba(0, 0, 0, 0.08)",
@@ -95,7 +95,7 @@ export const themes: Record<ConcreteThemeName, ThemeDefinition> = {
 			"--bg-button-active": "rgba(255, 255, 255, 0.1)",
 			"--bg-today": "rgba(181, 137, 0, 0.15)",
 			"--bg-selection": "rgba(181, 137, 0, 0.25)",
-			"--bg-weekend": "rgba(255, 255, 255, 0.03)",
+			"--bg-weekend": "transparent",
 			"--bg-item": "rgba(255, 255, 255, 0.05)",
 			"--bg-item-hover": "rgba(255, 255, 255, 0.08)",
 			"--grid-color": "rgba(131, 148, 150, 0.2)",
@@ -131,7 +131,7 @@ export const themes: Record<ConcreteThemeName, ThemeDefinition> = {
 			"--bg-button-active": "rgb(60, 60, 60)",
 			"--bg-today": "rgb(30, 30, 30)",
 			"--bg-selection": "rgb(255, 255, 0)",
-			"--bg-weekend": "rgba(255, 255, 255, 0.05)",
+			"--bg-weekend": "transparent",
 			"--bg-item": "rgb(20, 20, 20)",
 			"--bg-item-hover": "rgb(40, 40, 40)",
 			"--grid-color": "rgb(80, 80, 80)",

package/src/TimeseriesJson.ts

@@ -0,0 +1,114 @@
+import type { CalendarCredentials } from "./CalendarIntegration.js";
+import type { CalendarEvent } from "./CalendarInternal.js";
+
+export interface TimeseriesJsonCredentials extends CalendarCredentials {
+  url: string;
+  timestampField?: string;
+  titleField?: string;
+}
+
+function parseTimestamp(value: unknown): Date | null {
+  if (!value) return null;
+  if (value instanceof Date) {
+    return Number.isNaN(value.getTime()) ? null : value;
+  }
+  if (typeof value === "number") {
+    const normalized = value < 1_000_000_000_000 ? value * 1000 : value;
+    const date = new Date(normalized);
+    return Number.isNaN(date.getTime()) ? null : date;
+  }
+  if (typeof value === "string") {
+    const date = new Date(value);
+    return Number.isNaN(date.getTime()) ? null : date;
+  }
+  return null;
+}
+
+function readStringField(
+  record: Record<string, unknown>,
+  field: string,
+): string | undefined {
+  const value = record[field];
+  if (typeof value !== "string") return undefined;
+  const trimmed = value.trim();
+  return trimmed ? trimmed : undefined;
+}
+
+export async function fetchTimeseriesJsonEvents(
+  credentials: TimeseriesJsonCredentials,
+  color: string,
+  calendar: string,
+  sourceId?: string,
+): Promise<CalendarEvent[]> {
+  if (!credentials.url) {
+    throw new Error("Timeseries JSON URL is required");
+  }
+
+  const response = await fetch(credentials.url, { cache: "no-store" });
+  if (!response.ok) {
+    throw new Error(
+      `Failed to fetch Timeseries JSON: ${response.status} ${response.statusText}`,
+    );
+  }
+
+  const data = await response.json();
+  if (!Array.isArray(data)) {
+    throw new Error("Timeseries JSON must be an array of objects");
+  }
+
+  const timestampField = credentials.timestampField || "timestamp";
+  const titleField = credentials.titleField || "title";
+  const defaultDurationMinutes = 1;
+
+  const events: CalendarEvent[] = [];
+
+  data.forEach((raw, index) => {
+    if (!raw || typeof raw !== "object") return;
+    const record = raw as Record<string, unknown>;
+
+    const start = parseTimestamp(record[timestampField]);
+    if (!start) return;
+
+    const isAllDay = Boolean(record.isAllDay ?? record.allDay);
+    const durationMinutes =
+      typeof record.durationMinutes === "number" &&
+      Number.isFinite(record.durationMinutes) &&
+      record.durationMinutes > 0
+        ? record.durationMinutes
+        : defaultDurationMinutes;
+
+    let end =
+      parseTimestamp(record.end) ||
+      parseTimestamp(record.endTimestamp) ||
+      parseTimestamp(record.endTime);
+
+    if (!end || end <= start) {
+      const fallbackDuration = isAllDay ? 24 * 60 : durationMinutes;
+      end = new Date(start.getTime() + fallbackDuration * 60 * 1000);
+    }
+
+    const title = readStringField(record, titleField) || calendar;
+    const id =
+      readStringField(record, "id") ||
+      `${sourceId || calendar}-${start.getTime()}-${index}`;
+
+    events.push({
+      id,
+      title,
+      start,
+      end,
+      color,
+      calendar,
+      calendarId: sourceId,
+      sourceId,
+      description: readStringField(record, "description"),
+      location: readStringField(record, "location"),
+      url: readStringField(record, "url"),
+      readOnly: true,
+      isAllDay: isAllDay || undefined,
+      visualStyle: "heatmap",
+    });
+  });
+
+  return events;
+}

package/src/app.ts

@@ -12,6 +12,7 @@ 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";
@@ -44,7 +45,6 @@ registerKeybinds(
 		{ key: "Escape", action: () => calendarElement.escape() },
 		{ key: "t", action: () => calendarElement.scrollToToday() },
 	],
-	calendarElement,
 );
 
 let workerPromise: Promise<ServiceWorkerRegistration> | undefined;
@@ -80,6 +80,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
@@ -311,6 +312,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";
@@ -538,6 +562,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 +761,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 +790,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 +798,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);
@@ -992,6 +1032,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 +1068,3 @@ function updateLockedCalendars() {
 		});
 	calendar.setLockedCalendars(lockedCalendarIdentifiers);
 }
-