@nomideusz/svelte-calendar 0.6.3 → 0.6.5

package/dist/adapters/mapped.js

@@ -0,0 +1,343 @@
+import { VIVID_PALETTE } from '../core/palette.js';
+// ── Internal helpers ────────────────────────────────────
+let counter = 0;
+function uid() {
+    return `mapped-${Date.now()}-${++counter}`;
+}
+/** Parse a date/time value into a Date object */
+function toDate(value) {
+    if (value instanceof Date)
+        return value;
+    if (typeof value === 'number')
+        return new Date(value);
+    if (typeof value === 'string') {
+        const d = new Date(value);
+        if (isNaN(d.getTime())) {
+            throw new Error(`Cannot parse date: "${value}"`);
+        }
+        return d;
+    }
+    throw new Error(`Cannot convert to Date: ${typeof value}`);
+}
+/** Combine "YYYY-MM-DD" date and "HH:MM" time into a Date */
+function combineDateAndTime(dateStr, timeStr) {
+    // Handle various date formats
+    const datePart = dateStr.includes('T') ? dateStr.split('T')[0] : dateStr;
+    const d = new Date(`${datePart}T${timeStr}:00`);
+    if (isNaN(d.getTime())) {
+        throw new Error(`Cannot combine date "${dateStr}" and time "${timeStr}"`);
+    }
+    return d;
+}
+/** Coerce a source value into an EventStatus */
+function coerceStatus(value, fieldName) {
+    if (typeof value === 'string') {
+        const lower = value.toLowerCase();
+        if (lower === 'cancelled' || lower === 'canceled')
+            return 'cancelled';
+        if (lower === 'tentative')
+            return 'tentative';
+        if (lower === 'full')
+            return 'full';
+        if (lower === 'limited')
+            return 'limited';
+        return 'confirmed';
+    }
+    if (typeof value === 'boolean') {
+        // E.g. is_cancelled: true → 'cancelled'
+        const lowerField = fieldName.toLowerCase();
+        if (lowerField.includes('cancel'))
+            return value ? 'cancelled' : 'confirmed';
+        if (lowerField.includes('tentative'))
+            return value ? 'tentative' : 'confirmed';
+        return value ? 'confirmed' : 'tentative';
+    }
+    return 'confirmed';
+}
+/** Parse an RGB string like "rgb(62, 101, 255)" to a hex color */
+function normalizeColor(value) {
+    if (!value)
+        return undefined;
+    if (typeof value !== 'string')
+        return undefined;
+    const str = value.trim();
+    // Already hex
+    if (str.startsWith('#'))
+        return str;
+    // rgb(r, g, b) format
+    const rgbMatch = str.match(/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i);
+    if (rgbMatch) {
+        const r = parseInt(rgbMatch[1], 10);
+        const g = parseInt(rgbMatch[2], 10);
+        const b = parseInt(rgbMatch[3], 10);
+        return `#${((1 << 24) | (r << 16) | (g << 8) | b).toString(16).slice(1)}`;
+    }
+    // CSS named colors and other formats — pass through
+    return str;
+}
+/**
+ * Collect unmapped fields into the `data` payload.
+ */
+function collectData(raw, mappedKeys, include) {
+    const data = {};
+    const keys = include === '*' ? Object.keys(raw) : include;
+    for (const key of keys) {
+        if (!mappedKeys.has(key) && raw[key] !== undefined) {
+            data[key] = raw[key];
+        }
+    }
+    return data;
+}
+// ── Factory ─────────────────────────────────────────────
+/**
+ * Create a CalendarAdapter from an array of external records + mapping config.
+ *
+ * @example
+ * ```ts
+ * // Yoga school schedule
+ * const adapter = createMappedAdapter(yogaSchedule.events, {
+ *   fields: {
+ *     title: 'class_name',
+ *     start: 'starts_at_iso',
+ *     end: 'ends_at_iso',
+ *     subtitle: 'teacher',
+ *     location: 'room',
+ *     color: 'color',
+ *     externalId: 'reference_id',
+ *     status: 'is_cancelled',
+ *     tags: ['is_free', 'is_bookable_online'],
+ *   },
+ * });
+ *
+ * // Medical appointments
+ * const adapter = createMappedAdapter(appointments, {
+ *   fields: {
+ *     title: 'procedure_name',
+ *     start: 'scheduled_at',
+ *     end: 'scheduled_end',
+ *     subtitle: 'doctor_name',
+ *     location: 'office',
+ *     resourceId: 'doctor_id',
+ *   },
+ * });
+ *
+ * // Full custom mapper
+ * const adapter = createMappedAdapter(rawData, {
+ *   mapEvent: (raw) => ({
+ *     id: raw.uid,
+ *     title: `${raw.first_name} ${raw.last_name}`,
+ *     start: new Date(raw.timestamp),
+ *     end: new Date(raw.timestamp + raw.duration_ms),
+ *     location: raw.room,
+ *   }),
+ * });
+ * ```
+ */
+export function createMappedAdapter(sourceData, options = {}) {
+    const { fields, mapEvent: customMapper, includeData = '*', autoColor = true, palette = VIVID_PALETTE, readOnly = true, } = options;
+    // Build the internal event list
+    const events = [];
+    const colorAssignments = new Map();
+    let colorIndex = 0;
+    function resolveColor(ev) {
+        // When autoColor is on, always assign from palette (ignore source color)
+        if (!autoColor && ev.color)
+            return ev.color;
+        const key = ev.category ?? ev.title;
+        if (!colorAssignments.has(key)) {
+            colorAssignments.set(key, palette[colorIndex % palette.length]);
+            colorIndex++;
+        }
+        return colorAssignments.get(key);
+    }
+    function withColor(ev) {
+        const color = resolveColor(ev);
+        return color ? { ...ev, color } : ev;
+    }
+    /**
+     * Map a single raw record using the declarative field mapping.
+     */
+    function mapWithFields(raw, index) {
+        const f = fields;
+        const r = raw;
+        // ── ID ──
+        const id = f.id
+            ? String(r[f.id] ?? '')
+            : String(r['id'] ?? r['reference_id'] ?? r['externalId'] ?? r['_id'] ?? uid());
+        // ── Title ──
+        const titleKey = f.title ?? 'title';
+        const title = String(r[titleKey] ?? r['name'] ?? r['class_name'] ?? `Event ${index + 1}`);
+        // ── Start / End ──
+        let start;
+        let end;
+        if (f.start && r[f.start] !== undefined) {
+            start = toDate(r[f.start]);
+        }
+        else if (f.date && f.startTime && r[f.date] && r[f.startTime]) {
+            start = combineDateAndTime(String(r[f.date]), String(r[f.startTime]));
+        }
+        else if (r['start'] !== undefined) {
+            start = toDate(r['start']);
+        }
+        else if (r['starts_at_iso'] !== undefined) {
+            start = toDate(r['starts_at_iso']);
+        }
+        else if (r['start_time'] !== undefined && r['date'] !== undefined) {
+            start = combineDateAndTime(String(r['date']), String(r['start_time']));
+        }
+        else {
+            throw new Error(`Cannot determine start time for record ${index}: no matching field found`);
+        }
+        if (f.end && r[f.end] !== undefined) {
+            end = toDate(r[f.end]);
+        }
+        else if (f.date && f.endTime && r[f.date] && r[f.endTime]) {
+            end = combineDateAndTime(String(r[f.date]), String(r[f.endTime]));
+        }
+        else if (r['end'] !== undefined) {
+            end = toDate(r['end']);
+        }
+        else if (r['ends_at_iso'] !== undefined) {
+            end = toDate(r['ends_at_iso']);
+        }
+        else if (r['end_time'] !== undefined && r['date'] !== undefined) {
+            end = combineDateAndTime(String(r['date']), String(r['end_time']));
+        }
+        else {
+            // Default: 1 hour after start
+            end = new Date(start.getTime() + 60 * 60 * 1000);
+        }
+        // ── Optional fields ──
+        const color = normalizeColor(r[f.color ?? 'color']);
+        const subtitle = f.subtitle ? String(r[f.subtitle] ?? '') || undefined : undefined;
+        const location = f.location
+            ? String(r[f.location] ?? '') || undefined
+            : r['room'] ? String(r['room']) : r['location'] ? String(r['location']) : undefined;
+        const category = f.category ? String(r[f.category] ?? '') || undefined : undefined;
+        const resourceId = f.resourceId ? String(r[f.resourceId] ?? '') || undefined : undefined;
+        const externalId = f.externalId
+            ? String(r[f.externalId] ?? '') || undefined
+            : r['reference_id'] ? String(r['reference_id']) : undefined;
+        // ── Status ──
+        let status;
+        if (f.status && r[f.status] !== undefined) {
+            status = coerceStatus(r[f.status], f.status);
+        }
+        else if (r['is_cancelled'] !== undefined) {
+            status = coerceStatus(r['is_cancelled'], 'is_cancelled');
+        }
+        // ── Tags ──
+        let tags;
+        if (f.tags && f.tags.length > 0) {
+            tags = [];
+            for (const tagKey of f.tags) {
+                const val = r[tagKey];
+                if (val === true) {
+                    // Convert key name to human-readable tag
+                    tags.push(tagKey.replace(/^is_/, '').replace(/_/g, ' '));
+                }
+                else if (typeof val === 'string' && val) {
+                    tags.push(val);
+                }
+            }
+            if (tags.length === 0)
+                tags = undefined;
+        }
+        // ── Data (unmapped fields) ──
+        const mappedKeys = new Set();
+        for (const v of Object.values(f)) {
+            if (typeof v === 'string')
+                mappedKeys.add(v);
+            if (Array.isArray(v))
+                v.forEach((k) => mappedKeys.add(k));
+        }
+        // Also mark auto-detected keys as mapped
+        for (const k of ['id', 'title', 'name', 'class_name', 'start', 'end',
+            'starts_at_iso', 'ends_at_iso', 'start_time', 'end_time', 'date',
+            'color', 'room', 'location', 'reference_id', 'is_cancelled']) {
+            mappedKeys.add(k);
+        }
+        const data = collectData(r, mappedKeys, includeData);
+        const ev = { id, title, start, end };
+        if (color)
+            ev.color = color;
+        if (subtitle)
+            ev.subtitle = subtitle;
+        if (location)
+            ev.location = location;
+        if (category)
+            ev.category = category;
+        if (resourceId)
+            ev.resourceId = resourceId;
+        if (externalId)
+            ev.externalId = externalId;
+        if (status && status !== 'confirmed')
+            ev.status = status;
+        if (tags)
+            ev.tags = tags;
+        if (Object.keys(data).length > 0)
+            ev.data = data;
+        return ev;
+    }
+    // ── Build events array ──
+    for (let i = 0; i < sourceData.length; i++) {
+        const mapper = customMapper ?? mapWithFields;
+        const ev = withColor(mapper(sourceData[i], i));
+        events.push(ev);
+    }
+    // ── Adapter interface ──
+    function overlaps(ev, range) {
+        return ev.start < range.end && ev.end > range.start;
+    }
+    return {
+        async fetchEvents(range) {
+            return events.filter((ev) => overlaps(ev, range));
+        },
+        async createEvent(data) {
+            if (readOnly) {
+                throw new Error('Mapped adapter is read-only. Set readOnly: false and provide onMutate to enable writes.');
+            }
+            const handler = options.onMutate?.onCreate;
+            if (handler) {
+                const raw = await handler(data);
+                const mapper = customMapper ?? mapWithFields;
+                const ev = withColor(mapper(raw, events.length));
+                events.push(ev);
+                return ev;
+            }
+            // Fallback: create locally
+            const ev = { ...data, id: uid() };
+            events.push(withColor(ev));
+            return ev;
+        },
+        async updateEvent(id, patch) {
+            if (readOnly) {
+                throw new Error('Mapped adapter is read-only. Set readOnly: false and provide onMutate to enable writes.');
+            }
+            const idx = events.findIndex((e) => e.id === id);
+            if (idx < 0)
+                throw new Error(`Event not found: ${id}`);
+            const handler = options.onMutate?.onUpdate;
+            if (handler) {
+                const raw = await handler(id, patch);
+                const mapper = customMapper ?? mapWithFields;
+                const ev = withColor(mapper(raw, idx));
+                events[idx] = ev;
+                return ev;
+            }
+            events[idx] = { ...events[idx], ...patch, id };
+            return events[idx];
+        },
+        async deleteEvent(id) {
+            if (readOnly) {
+                throw new Error('Mapped adapter is read-only. Set readOnly: false and provide onMutate to enable writes.');
+            }
+            const handler = options.onMutate?.onDelete;
+            if (handler)
+                await handler(id);
+            const idx = events.findIndex((e) => e.id === id);
+            if (idx >= 0)
+                events.splice(idx, 1);
+        },
+    };
+}

package/dist/adapters/recurring.d.ts

@@ -57,6 +57,10 @@ export interface RecurringEvent {
     tags?: string[];
     /** Category for grouping */
     category?: string;
+    /** Location or room name */
+    location?: string;
+    /** Resource ID for multi-resource views */
+    resourceId?: string;
     /** Arbitrary payload */
     data?: Record<string, unknown>;
 }

package/dist/adapters/recurring.js

@@ -68,7 +68,9 @@ function createConcreteEvent(rec, date) {
         category: rec.category,
         subtitle: rec.subtitle,
         tags: rec.tags,
-        data: { ...rec.data, recurringId: rec.id },
+        location: rec.location,
+        resourceId: rec.resourceId,
+        data: { ...rec.data, recurringId: rec.id, readOnly: true },
     };
 }
 // ── Count → until resolution ────────────────────────────
@@ -283,14 +285,7 @@ export function createRecurringAdapter(schedule, options = {}) {
             }
             return events;
         },
-        async createEvent() {
-            throw new Error('createRecurringAdapter is read-only. Use a memory or REST adapter for mutations.');
-        },
-        async updateEvent() {
-            throw new Error('createRecurringAdapter is read-only. Use a memory or REST adapter for mutations.');
-        },
-        async deleteEvent() {
-            throw new Error('createRecurringAdapter is read-only. Use a memory or REST adapter for mutations.');
-        },
+        // Read-only adapter: CRUD methods intentionally omitted.
+        // Use createMemoryAdapter or createRestAdapter for mutations.
     };
 }

package/dist/adapters/types.d.ts

@@ -15,9 +15,18 @@ export interface CalendarAdapter {
     /** Fetch events that overlap the given date range */
     fetchEvents(range: DateRange): Promise<TimelineEvent[]>;
     /** Create a new event, return it with a server-assigned ID */
-    createEvent(event: Omit<TimelineEvent, 'id'>): Promise<TimelineEvent>;
+    createEvent?(event: Omit<TimelineEvent, 'id'>): Promise<TimelineEvent>;
     /** Update an event, return the full updated event */
-    updateEvent(id: string, patch: Partial<TimelineEvent>): Promise<TimelineEvent>;
+    updateEvent?(id: string, patch: Partial<TimelineEvent>): Promise<TimelineEvent>;
     /** Delete an event by ID */
+    deleteEvent?(id: string): Promise<void>;
+}
+/**
+ * A CalendarAdapter that supports full CRUD operations.
+ * Use this type when you need to guarantee write support.
+ */
+export interface WritableCalendarAdapter extends CalendarAdapter {
+    createEvent(event: Omit<TimelineEvent, 'id'>): Promise<TimelineEvent>;
+    updateEvent(id: string, patch: Partial<TimelineEvent>): Promise<TimelineEvent>;
     deleteEvent(id: string): Promise<void>;
 }

package/dist/assets/favicon.svg

@@ -1 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+	<title>svelte-calendar</title>
+	<rect width="64" height="64" rx="16" fill="#2563eb"/>
+	<rect x="14" y="18" width="36" height="32" rx="6" fill="#fff"/>
+	<path d="M14 27h36" stroke="#2563eb" stroke-width="4"/>
+	<path d="M23 13v10M41 13v10" stroke="#fff" stroke-width="5" stroke-linecap="round"/>
+	<rect x="21" y="33" width="7" height="7" rx="2" fill="#2563eb" opacity=".9"/>
+	<rect x="36" y="33" width="7" height="7" rx="2" fill="#2563eb" opacity=".35"/>
+</svg>