@nomideusz/svelte-calendar 0.7.4 → 0.8.0

package/dist/views/shared/EventContent.svelte

@@ -0,0 +1,16 @@
+<!--
+	EventContent — renders the host's `event` snippet when provided, else the
+	view's default markup (passed as children). Views keep their interactive
+	shell (click/keyboard/selection/drag); only the content is swappable.
+-->
+<script lang="ts">import { useCalendarContext } from "./context.svelte.js";
+let { event, children } = $props();
+const ctx = useCalendarContext();
+const eventSnippet = $derived(ctx.eventSnippet);
+</script>
+
+{#if eventSnippet}
+	{@render eventSnippet(event)}
+{:else}
+	{@render children()}
+{/if}

package/dist/views/shared/EventContent.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { TimelineEvent } from '../../core/types.js';
+type $$ComponentProps = {
+    event: TimelineEvent;
+    children: Snippet;
+};
+declare const EventContent: import("svelte").Component<$$ComponentProps, {}, "">;
+type EventContent = ReturnType<typeof EventContent>;
+export default EventContent;

package/dist/views/shared/context.svelte.d.ts

@@ -23,6 +23,7 @@ export interface CalendarContext {
     readonly minDuration: number | undefined;
     readonly maxDuration: number | undefined;
     readonly oneventhover: ((event: TimelineEvent) => void) | undefined;
+    readonly ondayclick: ((date: Date) => void) | undefined;
     readonly disabledDates: Date[] | undefined;
     readonly disabledSet: Set<number>;
     readonly loadRange: {

package/dist/views/shared/context.svelte.js

@@ -30,6 +30,7 @@ export function useCalendarContext() {
         get minDuration() { return raw?.minDuration; },
         get maxDuration() { return raw?.maxDuration; },
         get oneventhover() { return raw?.oneventhover; },
+        get ondayclick() { return raw?.ondayclick; },
         get disabledDates() { return raw?.disabledDates; },
         get disabledSet() { return new Set(raw?.disabledDates?.map(d => sod(d.getTime())) ?? []); },
         get loadRange() {

package/dist/widget/CalendarWidget.svelte

@@ -13,122 +13,85 @@
       locale="en-US"
     ></day-calendar>
 -->
-<script lang="ts">
-	import Calendar from '../calendar/Calendar.svelte';
-	import { createRestAdapter } from '../adapters/rest.js';
-	import { createMemoryAdapter } from '../adapters/memory.js';
-	import { presets } from '../theme/presets.js';
-	import type { PresetName } from '../theme/presets.js';
-	import type { TimelineEvent } from '../core/types.js';
-
-	interface Props {
-		/** REST API base URL — if provided, fetches events from this endpoint */
-		api?: string;
-		/** JSON string of events for static/inline data (alternative to api) */
-		events?: string;
-		/** Theme preset name: midnight, neutral */
-		theme?: string;
-		/** Default view ID */
-		view?: string;
-		/** Calendar height in pixels */
-		height?: string;
-		/** BCP 47 locale tag (e.g. 'en-US', 'pl-PL') */
-		locale?: string;
-		/** Text direction: ltr, rtl, auto */
-		dir?: string;
-		/** Start week on Monday (default: true) */
-		mondaystart?: string;
-		/** Custom HTTP headers as JSON string for REST adapter */
-		headers?: string;
-	}
-
-	let {
-		api,
-		events,
-		theme = 'neutral',
-		view = 'week-planner',
-		height = '600',
-		locale,
-		dir,
-		mondaystart = 'true',
-		headers,
-	}: Props = $props();
-
-	// ── Parse attributes ──
-	const heightPx = $derived(parseInt(height, 10) || 600);
-	const isMondayStart = $derived(mondaystart !== 'false');
-	const themeStyle = $derived(
-		(presets as Record<string, string>)[theme] || presets.neutral
-	);
-	const dirValue = $derived(
-		(dir === 'rtl' || dir === 'ltr' || dir === 'auto') ? dir as 'ltr' | 'rtl' | 'auto' : undefined
-	);
-
-	// ── Parse static events from JSON attribute ──
-	function parseHeaders(json?: string): Record<string, string> | undefined {
-		if (!json) return undefined;
-		try {
-			const parsed = JSON.parse(json) as Record<string, unknown>;
-			const out: Record<string, string> = {};
-			for (const [k, v] of Object.entries(parsed)) {
-				out[k] = String(v);
-			}
-			return out;
-		} catch {
-			console.warn('[day-calendar] Failed to parse headers JSON:', json);
-			return undefined;
-		}
-	}
-
-	function toEvent(raw: Record<string, unknown>, fallbackId: string): TimelineEvent | null {
-		const start = new Date(String(raw.start ?? ''));
-		const end = new Date(String(raw.end ?? ''));
-		if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime()) || end <= start) {
-			return null;
-		}
-		return {
-			id: String(raw.id ?? fallbackId),
-			title: String(raw.title ?? 'Untitled'),
-			start,
-			end,
-			color: raw.color ? String(raw.color) : undefined,
-		};
-	}
-
-	function parseEvents(json?: string): TimelineEvent[] {
-		if (!json) return [];
-		try {
-			const raw = JSON.parse(json) as Array<Record<string, unknown>>;
-			const parsed = raw
-				.map((e, idx) => toEvent(e, `inline-${idx}`))
-				.filter((ev): ev is TimelineEvent => ev !== null);
-			if (parsed.length !== raw.length) {
-				console.warn(`[day-calendar] Ignored ${raw.length - parsed.length} invalid event(s) from events JSON.`);
-			}
-			return parsed;
-		} catch {
-			console.warn('[day-calendar] Failed to parse events JSON:', json);
-			return [];
-		}
-	}
-
-	// ── Create adapter ──
-	const adapter = $derived.by(() => {
-		if (api) {
-			const parsedHeaders = parseHeaders(headers);
-			return createRestAdapter({
-				baseUrl: api,
-				headers: parsedHeaders,
-				mapEvents: (data: unknown) => {
-					const arr = Array.isArray(data) ? data : (data as Record<string, unknown>).events as unknown[] ?? [];
-					return arr
-						.map((e: unknown, idx) => toEvent(e as Record<string, unknown>, `api-${idx}`))
-						.filter((ev): ev is TimelineEvent => ev !== null);
-				},
-			});
-		}
-		return createMemoryAdapter(parseEvents(events));
-	});
+<script lang="ts">import Calendar from "../calendar/Calendar.svelte";
+import { createRestAdapter } from "../adapters/rest.js";
+import { createMemoryAdapter } from "../adapters/memory.js";
+import { presets } from "../theme/presets.js";
+let {
+  api,
+  events,
+  theme = "neutral",
+  view = "week-planner",
+  height = "600",
+  locale,
+  dir,
+  mondaystart = "true",
+  headers
+} = $props();
+const heightPx = $derived(parseInt(height, 10) || 600);
+const isMondayStart = $derived(mondaystart !== "false");
+const themeStyle = $derived(
+  presets[theme] || presets.neutral
+);
+const dirValue = $derived(
+  dir === "rtl" || dir === "ltr" || dir === "auto" ? dir : void 0
+);
+function parseHeaders(json) {
+  if (!json) return void 0;
+  try {
+    const parsed = JSON.parse(json);
+    const out = {};
+    for (const [k, v] of Object.entries(parsed)) {
+      out[k] = String(v);
+    }
+    return out;
+  } catch {
+    console.warn("[day-calendar] Failed to parse headers JSON:", json);
+    return void 0;
+  }
+}
+function toEvent(raw, fallbackId) {
+  const start = new Date(String(raw.start ?? ""));
+  const end = new Date(String(raw.end ?? ""));
+  if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime()) || end <= start) {
+    return null;
+  }
+  return {
+    id: String(raw.id ?? fallbackId),
+    title: String(raw.title ?? "Untitled"),
+    start,
+    end,
+    color: raw.color ? String(raw.color) : void 0
+  };
+}
+function parseEvents(json) {
+  if (!json) return [];
+  try {
+    const raw = JSON.parse(json);
+    const parsed = raw.map((e, idx) => toEvent(e, `inline-${idx}`)).filter((ev) => ev !== null);
+    if (parsed.length !== raw.length) {
+      console.warn(`[day-calendar] Ignored ${raw.length - parsed.length} invalid event(s) from events JSON.`);
+    }
+    return parsed;
+  } catch {
+    console.warn("[day-calendar] Failed to parse events JSON:", json);
+    return [];
+  }
+}
+const adapter = $derived.by(() => {
+  if (api) {
+    const parsedHeaders = parseHeaders(headers);
+    return createRestAdapter({
+      baseUrl: api,
+      headers: parsedHeaders,
+      mapEvents: (data) => {
+        const arr = Array.isArray(data) ? data : data.events ?? [];
+        return arr.map((e, idx) => toEvent(e, `api-${idx}`)).filter((ev) => ev !== null);
+      }
+    });
+  }
+  return createMemoryAdapter(parseEvents(events));
+});
 </script>
 
 <Calendar

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nomideusz/svelte-calendar",
-	"version": "0.7.4",
+	"version": "0.8.0",
 	"description": "A themeable Svelte 5 calendar with Day and Week views — Planner and Agenda.",
 	"type": "module",
 	"license": "MIT",
@@ -24,10 +24,11 @@
 		"dev": "vite dev",
 		"build": "vite build",
 		"package": "svelte-kit sync && svelte-package",
+		"package:watch": "svelte-kit sync && svelte-package --watch",
 		"build:widget": "vite build --config vite.config.widget.ts",
 		"prepublishOnly": "npm run package",
 		"preview": "vite preview",
-		"prepare": "svelte-kit sync || echo ''",
+		"prepare": "svelte-kit sync && svelte-package",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"test": "vitest run",