@luckydye/calendar 1.3.0 → 1.3.2

package/src/DescriptionSanitizer.ts

@@ -0,0 +1,10 @@
+/**
+ * Removes transport/tracking links commonly injected by email/calendar clients.
+ * First pass intentionally targets angle-bracket URI blobs like
+ * <https://...>, <mailto:...>, <tel:...>, <im:...>.
+ */
+export function sanitizeEventDescription(input: string): string {
+	if (!input) return input;
+
+	return input.replace(/<(?:https?|mailto|tel|im):[^>\s]+>/gi, "");
+}

package/src/GoogleCalendarSource.ts

@@ -429,7 +429,33 @@ export class GoogleCalendarSource implements CalendarSource {
   /**
    * Update an existing event in Google Calendar.
    */
-  async updateEvent(id: string, updates: Partial<CalendarEvent>): Promise<CalendarEvent> {
+  async updateEvent(event: CalendarEvent, updates: Partial<CalendarEvent>): Promise<CalendarEvent> {
+    const id = event.id;
+    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/ICal.ts

@@ -1,5 +1,6 @@
 import type { CalendarCredentials } from './CalendarIntegration.js';
 import type { CalendarEvent, Attendee, Organizer, NotificationConfig } from './CalendarInternal.js';
+import { sanitizeEventDescription } from './DescriptionSanitizer.js';
 
 export interface ParseResult {
   events: CalendarEvent[];
@@ -50,7 +51,9 @@ export function parseICalEventsWithNotifications(icalText: string, color: string
           end: (currentEvent.end instanceof Date ? currentEvent.end : currentEvent.start) as Date,
           color,
           calendar,
-          description: currentEvent.description ? String(currentEvent.description) : undefined,
+          description: currentEvent.description
+            ? sanitizeEventDescription(String(currentEvent.description))
+            : undefined,
           location: currentEvent.location ? String(currentEvent.location) : undefined,
           url: currentEvent.url ? String(currentEvent.url) : undefined,
           organizer: currentEvent.organizer as Organizer | undefined,
@@ -203,7 +206,9 @@ export function parseSingleICalEvent(icalText: string): Partial<CalendarEvent> {
         if (keyPart.includes("VALUE=DATE")) raw.isAllDay = true;
         break;
       case "DTEND": raw.end = parseICalDate(value, keyPart); break;
-      case "DESCRIPTION": raw.description = value.replace(/\\n/g, "\n"); break;
+      case "DESCRIPTION":
+        raw.description = sanitizeEventDescription(value.replace(/\\n/g, "\n"));
+        break;
       case "LOCATION": raw.location = value; break;
       case "URL": raw.url = value; break;
       case "RRULE": raw.rrule = value.trim(); break;

package/src/InMemorySource.ts

@@ -44,17 +44,17 @@ export class InMemorySource implements CalendarSource {
     return newEvent;
   }
 
-  async updateEvent(id: string, updates: Partial<CalendarEvent>): Promise<CalendarEvent> {
-    const event = this.events.get(id);
-    if (!event) {
-      throw new Error(`Event ${id} not found`);
+  async updateEvent(event: CalendarEvent, updates: Partial<CalendarEvent>): Promise<CalendarEvent> {
+    const existing = this.events.get(event.id);
+    if (!existing) {
+      throw new Error(`Event ${event.id} not found`);
     }
 
     const updated = {
-      ...event,
+      ...existing,
       ...updates,
     };
-    this.events.set(id, updated);
+    this.events.set(event.id, updated);
     return updated;
   }
 

package/src/IndexedDBStorage.ts

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

package/src/InhouseBookingSource.ts

@@ -432,11 +432,12 @@ export class InhouseBookingSource implements CalendarSource {
   /**
    * Update an existing booking in the Inhouse Booking System.
    */
-  async updateEvent(id: string, updates: Partial<CalendarEvent>): Promise<CalendarEvent> {
+  async updateEvent(event: CalendarEvent, updates: Partial<CalendarEvent>): Promise<CalendarEvent> {
     if (!this.enabled) {
       throw new Error('Inhouse Booking System source is disabled');
     }
 
+    const id = event.id;
     const parsedId = this.parseEventId(id);
     if (!parsedId) {
       throw new Error(`Invalid event ID format: ${id}`);

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;
+}