@axium/calendar 0.1.0

package/dist/server.js

@@ -0,0 +1,208 @@
+import { from as aclFrom, userHasAccess } from '@axium/server/acl';
+import { authRequestForItem, checkAuthForUser, requireSession } from '@axium/server/auth';
+import { database } from '@axium/server/database';
+import { error, parseBody, parseSearch, withError } from '@axium/server/requests';
+import { addRoute } from '@axium/server/routes';
+import { sql } from 'kysely';
+import { jsonArrayFrom, jsonObjectFrom } from 'kysely/helpers/postgres';
+import * as z from 'zod';
+import { Attendee, CalendarInit, EventFilter, EventInit } from './common.js';
+addRoute({
+    path: '/api/users/:id/calendars',
+    params: { id: z.uuid() },
+    async GET(request, { id: userId }) {
+        const { user } = await checkAuthForUser(request, userId);
+        return await database
+            .selectFrom('calendars')
+            .selectAll()
+            .select(aclFrom('calendars'))
+            .where(userHasAccess('calendars', user))
+            .execute()
+            .catch(withError('Could not get calendars'));
+    },
+    async PUT(request, { id: userId }) {
+        const init = await parseBody(request, CalendarInit);
+        await checkAuthForUser(request, userId);
+        return await database
+            .insertInto('calendars')
+            .values({ ...init, userId })
+            .returningAll()
+            .executeTakeFirstOrThrow()
+            .catch(withError('Could not create calendar'));
+    },
+});
+addRoute({
+    path: '/api/calendars/:id',
+    params: { id: z.uuid() },
+    async GET(request, { id }) {
+        const { item } = await authRequestForItem(request, 'calendars', id, { read: true });
+        return item;
+    },
+    async PATCH(request, { id }) {
+        const body = await parseBody(request, CalendarInit);
+        await authRequestForItem(request, 'calendars', id, { edit: true });
+        return await database
+            .updateTable('calendars')
+            .set(body)
+            .where('id', '=', id)
+            .returningAll()
+            .executeTakeFirstOrThrow()
+            .catch(withError('Could not update calendar'));
+    },
+    async DELETE(request, { id }) {
+        await authRequestForItem(request, 'calendars', id, { manage: true });
+        return await database
+            .deleteFrom('calendars')
+            .where('id', '=', id)
+            .returningAll()
+            .executeTakeFirstOrThrow()
+            .catch(withError('Could not delete calendar'));
+    },
+});
+function withAttendees(eb) {
+    return jsonArrayFrom(eb.selectFrom('attendees').selectAll().whereRef('eventId', '=', 'events.id').$narrowType()).as('attendees');
+}
+function withCalendar(eb) {
+    return jsonObjectFrom(eb.selectFrom('calendars').selectAll().whereRef('id', '=', 'events.calId'))
+        .$castTo() // json dates
+        .as('calendar');
+}
+addRoute({
+    path: '/api/calendars/:id/events',
+    params: { id: z.uuid() },
+    async GET(request, { id }) {
+        const filter = parseSearch(request, EventFilter);
+        const { item: calendar } = await authRequestForItem(request, 'calendars', id, { read: true });
+        const events = await database
+            .selectFrom('events')
+            .selectAll()
+            .select(withAttendees)
+            .where('calId', '=', id)
+            .where(sql `(${sql.ref('start')}, ${sql.ref('end')}) OVERLAPS (${sql.val(filter.start)}, ${sql.val(filter.end)})`)
+            .limit(1000)
+            .execute()
+            .catch(withError('Could not get events'));
+        for (const event of events)
+            event.calendar = calendar;
+        return events;
+    },
+    async PUT(request, { id }) {
+        const { attendees: attendeesInit = [], sendEmails, recurrenceUpdateAll, ...init } = await parseBody(request, EventInit);
+        const { item: calendar } = await authRequestForItem(request, 'calendars', id, { edit: true });
+        const tx = await database.startTransaction().execute();
+        try {
+            const event = await tx
+                .insertInto('events')
+                .values({ ...init, calId: id })
+                .returningAll()
+                .executeTakeFirstOrThrow()
+                .catch(withError('Could not create event'));
+            const attendees = Attendee.array().parse(attendeesInit.length
+                ? await tx
+                    .insertInto('attendees')
+                    .values(attendeesInit.map(a => ({ ...a, eventId: event.id })))
+                    .returningAll()
+                    .execute()
+                : []);
+            await tx.commit().execute();
+            return Object.assign(event, { attendees, calendar });
+        }
+        catch (e) {
+            await tx.rollback().execute();
+            throw e;
+        }
+    },
+});
+addRoute({
+    path: '/api/events/:id',
+    params: { id: z.uuid() },
+    async GET(request, { id }) {
+        const { userId } = await requireSession(request);
+        const event = await database
+            .selectFrom('events')
+            .selectAll()
+            .select(withAttendees)
+            .select(withCalendar)
+            .where('id', '=', id)
+            .executeTakeFirstOrThrow()
+            .catch(withError('Event does not exist', 404));
+        if (event.calendar.userId != userId && event.attendees.every(a => a.userId != userId))
+            error(403, 'You do not have access to this event');
+        return event;
+    },
+    async PATCH(request, { id }) {
+        const { attendees: attendeesInit = [], sendEmails, recurrenceUpdateAll, ...init } = await parseBody(request, EventInit);
+        const { calId } = await database
+            .selectFrom('events')
+            .select('calId')
+            .where('id', '=', id)
+            .executeTakeFirstOrThrow()
+            .catch(withError('Event does not exist', 404));
+        await authRequestForItem(request, 'calendars', calId, { edit: true });
+        if (calId != init.calId)
+            await authRequestForItem(request, 'calendars', init.calId, { edit: true });
+        const tx = await database.startTransaction().execute();
+        try {
+            const event = await tx
+                .updateTable('events')
+                .set(init)
+                .where('id', '=', id)
+                .returningAll()
+                .returning(withAttendees)
+                .returning(withCalendar)
+                .executeTakeFirstOrThrow()
+                .catch(withError('Could not update event'));
+            if (calId != init.calId) {
+                await tx
+                    .updateTable('events')
+                    .set({ calId: init.calId })
+                    .where('recurrenceId', '=', id)
+                    .execute()
+                    .catch(withError('Failed to update calendar for dependent events'));
+            }
+            const attendeeInitMap = new Map(attendeesInit.map(a => [a.email, a]));
+            for (const attendee of event.attendees) {
+                const userInit = attendee.userId && attendeeInitMap.get(attendee.userId);
+                const init = attendeeInitMap.get(attendee.email);
+                if (!userInit && !init)
+                    continue;
+                /**
+                 * @todo update attendees
+                 * Need to handle:
+                 * - Changing name
+                 */
+            }
+            await tx.commit().execute();
+            return event;
+        }
+        catch (e) {
+            await tx.rollback().execute();
+            throw e;
+        }
+    },
+    async DELETE(request, { id }) {
+        const { calId } = await database
+            .selectFrom('events')
+            .select('calId')
+            .where('id', '=', id)
+            .executeTakeFirstOrThrow()
+            .catch(withError('Event does not exist', 404));
+        await authRequestForItem(request, 'calendars', calId, { manage: true });
+        const tx = await database.startTransaction().execute();
+        try {
+            const event = await tx
+                .deleteFrom('events')
+                .returningAll()
+                .returning(withAttendees)
+                .returning(withCalendar)
+                .where('id', '=', id)
+                .executeTakeFirstOrThrow();
+            await tx.commit().execute();
+            return event;
+        }
+        catch (e) {
+            await tx.rollback().execute();
+            throw e;
+        }
+    },
+});

package/lib/Select.svelte

@@ -0,0 +1,127 @@
+<script lang="ts">
+	import { weekOfYear, type EventFilter } from '@axium/calendar/common';
+	import { Icon } from '@axium/client/components';
+	import { SvelteDate } from 'svelte/reactivity';
+
+	let { start = $bindable(), end = $bindable() }: Required<EventFilter> = $props();
+
+	const today = new Date();
+	today.setHours(0, 0, 0, 0);
+
+	let view = new SvelteDate(start);
+	$effect(() => {
+		view.setTime(start.getTime());
+	});
+
+	const firstOfMonth = $derived(new Date(view.getFullYear(), view.getMonth(), 1));
+	const firstWeekOfMonth = $derived(weekOfYear(firstOfMonth, true));
+	const lastOfMonth = $derived(new Date(view.getFullYear(), view.getMonth() + 1, 0));
+	const sameMonth = (d: Date) => view.getFullYear() == d.getFullYear() && view.getMonth() == d.getMonth();
+</script>
+
+<div class="CaldendarSelect">
+	<div class="bar">
+		<span class="label">{view.toLocaleString('default', { month: 'long', year: 'numeric' })}</span>
+		<button style:display="contents" onclick={() => view.setMonth(view.getMonth() - 1)}><Icon i="chevron-left" /></button>
+		<button style:display="contents" onclick={() => view.setMonth(view.getMonth() + 1)}><Icon i="chevron-right" /></button>
+	</div>
+
+	<div class="month-grid">
+		<div></div>
+		{#each ['S', 'M', 'T', 'W', 'T', 'F', 'S'] as day, i}
+			<div class={['d-of-w', sameMonth(today) && today.getDay() == i && 'current']}>{day}</div>
+		{/each}
+
+		<div class={['w-of-y', firstWeekOfMonth == weekOfYear(today, true) && 'current']}>{firstWeekOfMonth}</div>
+
+		{#each { length: firstOfMonth.getDay() }}
+			<div class="empty"></div>
+		{/each}
+		{#each { length: lastOfMonth.getDate() }, i}
+			{@const day = i + 1}
+			{@const year = view.getFullYear()}
+			{@const month = view.getMonth()}
+			{@const date = new Date(year, month, day)}
+			{@const WofY = weekOfYear(date, true)}
+			{#if date.getDay() == 0 && WofY != firstWeekOfMonth}
+				<div class={['w-of-y', WofY == weekOfYear(today, true) && 'current']}>{WofY}</div>
+			{/if}
+			<div
+				class={[
+					'grid-day',
+					sameMonth(today) && day == today.getDate() && 'today',
+					sameMonth(start) && day >= start.getDate() && day < end.getDate() && 'selected',
+				]}
+				onclick={() => {
+					start.setFullYear(year);
+					start.setMonth(month);
+					start.setDate(day - date.getDay());
+					end.setFullYear(year);
+					end.setMonth(month);
+					end.setDate(day - date.getDay() + 7);
+				}}
+			>
+				{day}
+			</div>
+		{/each}
+	</div>
+</div>
+
+<style>
+	.CalendarSelect {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.bar {
+		display: grid;
+		gap: 1em;
+		grid-template-columns: 1fr 1em 1em;
+		align-items: center;
+		padding-bottom: 1em;
+		font-weight: bold;
+	}
+
+	.month-grid {
+		display: grid;
+		grid-template-columns: repeat(8, 1.5em);
+		grid-template-rows: repeat(7, 1.5em);
+		gap: 0.25em;
+
+		> div {
+			user-select: none;
+			padding: 0.25em;
+			width: 1.5em;
+			height: 1.5em;
+			display: inline-flex;
+			text-align: center;
+			align-items: center;
+			justify-content: center;
+		}
+
+		.grid-day {
+			border-radius: 0.25em;
+
+			&:hover {
+				background-color: var(--bg-accent);
+			}
+
+			&.today {
+				border: 1px solid var(--border-accent);
+			}
+
+			&.selected {
+				color: var(--fg-accent);
+			}
+		}
+
+		.d-of-w,
+		.w-of-y {
+			font-weight: bold;
+			&.current {
+				color: var(--fg-strong);
+			}
+		}
+	}
+</style>

package/lib/index.ts

@@ -0,0 +1 @@
+export { default as Select } from './Select.svelte';

package/lib/tsconfig.json

@@ -0,0 +1,13 @@
+{
+	"extends": ["../tsconfig.json", "../.svelte-kit/tsconfig.json"],
+	"compilerOptions": {
+		"rootDir": "..",
+		"noEmit": true,
+		"module": "preserve",
+		"moduleResolution": "Bundler",
+		"types": ["@sveltejs/kit"]
+	},
+	"include": ["**/*.svelte", "**/*.ts"],
+	"exclude": [],
+	"references": [{ "path": ".." }]
+}

package/package.json

@@ -0,0 +1,62 @@
+{
+	"name": "@axium/calendar",
+	"version": "0.1.0",
+	"author": "James Prevett <axium@jamespre.dev>",
+	"description": "Calendar for Axium",
+	"funding": {
+		"type": "individual",
+		"url": "https://github.com/sponsors/james-pre"
+	},
+	"license": "LGPL-3.0-or-later",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/james-pre/axium.git"
+	},
+	"homepage": "https://github.com/james-pre/axium#readme",
+	"bugs": {
+		"url": "https://github.com/james-pre/axium/issues"
+	},
+	"type": "module",
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"exports": {
+		".": "./dist/index.js",
+		"./*": "./dist/*.js",
+		"./components": "./lib/index.js",
+		"./components/*": "./lib/*.svelte"
+	},
+	"files": [
+		"dist",
+		"lib",
+		"routes",
+		"db.json"
+	],
+	"scripts": {
+		"build": "tsc"
+	},
+	"peerDependencies": {
+		"@axium/client": ">=0.14.3",
+		"@axium/core": ">=0.19.0",
+		"@axium/server": ">=0.36.0",
+		"@sveltejs/kit": "^2.27.3",
+		"utilium": "^2.6.3"
+	},
+	"dependencies": {
+		"zod": "^4.0.5"
+	},
+	"axium": {
+		"server": {
+			"routes": "routes",
+			"hooks": "./dist/hooks.js",
+			"db": "./db.json"
+		},
+		"apps": [
+			{
+				"id": "calendar",
+				"name": "Calendar",
+				"icon": "calendar"
+			}
+		],
+		"update_checks": true
+	}
+}