@luckydye/calendar 1.2.3 → 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,
     };
   }
 
@@ -390,4 +393,17 @@ export class IndexedDBStorage implements CalendarStorage {
       transaction.onerror = () => reject(transaction.error);
     });
   }
+
+  async deleteEvent(id: string): Promise<void> {
+    const db = await this.open();
+
+    return new Promise((resolve, reject) => {
+      const transaction = db.transaction(this.storeName, "readwrite");
+      const store = transaction.objectStore(this.storeName);
+      store.delete(id);
+
+      transaction.oncomplete = () => resolve();
+      transaction.onerror = () => reject(transaction.error);
+    });
+  }
 }

package/src/InhouseBookingSource.ts

@@ -484,6 +484,8 @@ export class InhouseBookingSource implements CalendarSource {
 
   /**
    * Delete a booking from the Inhouse Booking System.
+   * - Confirmed timetracks (id > 0): DELETE /timetracks/{id}?id=...&date=...&duration=...etc
+   * - Raw bookings (id <= 0): DELETE /timetracks/delete_bookings/{bookingId}
    */
   async deleteEvent(id: string): Promise<void> {
     if (!this.enabled) {
@@ -495,7 +497,34 @@ export class InhouseBookingSource implements CalendarSource {
       throw new Error(`Invalid event ID format: ${id}`);
     }
 
-    await this.apiQueryRequest<unknown>(`/timetracks/delete_bookings/${parsedId.bookingId}`, 'DELETE', new URLSearchParams());
+    if (parsedId.id <= 0) {
+      await this.apiQueryRequest<unknown>(`/timetracks/delete_bookings/${parsedId.bookingId}`, 'DELETE', new URLSearchParams());
+      return;
+    }
+
+    const existingBookings = await this.fetchEvents();
+    const existing = existingBookings.find(e => e.id === id);
+    if (!existing) {
+      throw new Error(`Booking not found: ${id}`);
+    }
+
+    const durationMs = existing.end.getTime() - existing.start.getTime();
+    const duration = this.formatDuration(durationMs);
+    const date = existing.start.toISOString().split('T')[0];
+    const description = existing.description ?? '';
+
+    const params = new URLSearchParams({
+      id: parsedId.id.toString(),
+      unit_id: this.credentials.unitId || '',
+      employee_id: this.credentials.employeeId,
+      booking_id: parsedId.bookingId.toString(),
+      date,
+      description,
+      project_id: parsedId.projectId.toString(),
+      duration,
+    });
+
+    await this.apiQueryRequest<unknown>(`/timetracks/${parsedId.id}`, 'DELETE', params);
   }
 
   /**

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.css

@@ -1,6 +1,22 @@
+dialog {
+    background: var(--bg-tertiary);
+}
+
+.caldav-sidebar {
+    width: 250px;
+    flex-shrink: 0;
+    height: 100%;
+    border-right: 1px solid var(--grid-color, rgba(255, 255, 255, 0.1));
+    overflow: hidden;
+    transition: width 0.15s ease;
+}
+
+.caldav-sidebar.collapsed {
+    width: 36px;
+}
+
 caldav-config {
     height: 100%;
-    box-shadow: 0 0 24px rgba(0, 0, 0, 0.4);
 }
 
 .toolbar-button {