@axium/calendar 0.5.1 → 0.5.4

package/dist/common.d.ts

@@ -137,10 +137,12 @@ export declare const Calendar: z.ZodObject<{
         user: z.ZodOptional<z.ZodNullable<z.ZodObject<{
             id: z.ZodUUID;
             name: z.ZodString;
-            email: z.ZodOptional<z.ZodEmail>;
+            username: z.ZodString;
+            email: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodEmail>>>;
             emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
             preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                 debug: z.ZodDefault<z.ZodBoolean>;
+                theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
             }, z.core.$strip>>>;
             roles: z.ZodArray<z.ZodString>;
             tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -180,10 +182,12 @@ declare const CalendarAPI: {
                 user: z.ZodOptional<z.ZodNullable<z.ZodObject<{
                     id: z.ZodUUID;
                     name: z.ZodString;
-                    email: z.ZodOptional<z.ZodEmail>;
+                    username: z.ZodString;
+                    email: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodEmail>>>;
                     emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
                     preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                         debug: z.ZodDefault<z.ZodBoolean>;
+                        theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
                     }, z.core.$strip>>>;
                     roles: z.ZodArray<z.ZodString>;
                     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -209,10 +213,12 @@ declare const CalendarAPI: {
                 user: z.ZodOptional<z.ZodNullable<z.ZodObject<{
                     id: z.ZodUUID;
                     name: z.ZodString;
-                    email: z.ZodOptional<z.ZodEmail>;
+                    username: z.ZodString;
+                    email: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodEmail>>>;
                     emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
                     preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                         debug: z.ZodDefault<z.ZodBoolean>;
+                        theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
                     }, z.core.$strip>>>;
                     roles: z.ZodArray<z.ZodString>;
                     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -240,10 +246,12 @@ declare const CalendarAPI: {
                 user: z.ZodOptional<z.ZodNullable<z.ZodObject<{
                     id: z.ZodUUID;
                     name: z.ZodString;
-                    email: z.ZodOptional<z.ZodEmail>;
+                    username: z.ZodString;
+                    email: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodEmail>>>;
                     emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
                     preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                         debug: z.ZodDefault<z.ZodBoolean>;
+                        theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
                     }, z.core.$strip>>>;
                     roles: z.ZodArray<z.ZodString>;
                     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -273,10 +281,12 @@ declare const CalendarAPI: {
                 user: z.ZodOptional<z.ZodNullable<z.ZodObject<{
                     id: z.ZodUUID;
                     name: z.ZodString;
-                    email: z.ZodOptional<z.ZodEmail>;
+                    username: z.ZodString;
+                    email: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodEmail>>>;
                     emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
                     preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                         debug: z.ZodDefault<z.ZodBoolean>;
+                        theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
                     }, z.core.$strip>>>;
                     roles: z.ZodArray<z.ZodString>;
                     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -302,10 +312,12 @@ declare const CalendarAPI: {
                 user: z.ZodOptional<z.ZodNullable<z.ZodObject<{
                     id: z.ZodUUID;
                     name: z.ZodString;
-                    email: z.ZodOptional<z.ZodEmail>;
+                    username: z.ZodString;
+                    email: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodEmail>>>;
                     emailVerified: z.ZodOptional<z.ZodOptional<z.ZodNullable<z.ZodCoercedDate<unknown>>>>;
                     preferences: z.ZodOptional<z.ZodLazy<z.ZodObject<{
                         debug: z.ZodDefault<z.ZodBoolean>;
+                        theme: z.ZodDefault<z.ZodLiteral<"default" | "light" | "forest" | "midnight" | "beach" | "cherry" | "volcano">>;
                     }, z.core.$strip>>>;
                     roles: z.ZodArray<z.ZodString>;
                     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;

package/lib/Event.svelte

@@ -32,8 +32,8 @@
 
 <Popover {id} onclick={e => e.stopPropagation()}>
 	{#snippet toggle()}
-		{@const start = event.start.getHours() * 60 + event.start.getMinutes()}
-		{@const end = event.end.getHours() * 60 + event.end.getMinutes()}
+		{const start = $derived(event.start.getHours() * 60 + event.start.getMinutes()),
+			end = $derived(event.end.getHours() * 60 + event.end.getMinutes())}
 		<div
 			class="Event"
 			style:top="{start / 14.4}%"

package/lib/Select.svelte

@@ -38,11 +38,11 @@
 			<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)}
+			{const day = $derived(i + 1),
+				year = $derived(view.getFullYear()),
+				month = $derived(view.getMonth()),
+				date = $derived(new Date(year, month, day)),
+				WofY = $derived(weekOfYear(date, true))}
 			{#if date.getDay() == 0 && WofY != firstWeekOfMonth}
 				<div class={['w-of-y', WofY == weekOfYear(today, true) && 'current']}>{WofY}</div>
 			{/if}

package/lib/tsconfig.json

@@ -7,7 +7,7 @@
 		"moduleResolution": "Bundler",
 		"types": ["@sveltejs/kit"]
 	},
-	"include": ["**/*.svelte", "**/*.ts"],
+	"include": ["**/*.svelte", "**/*.ts", "../src/.*.ts", "../../client/dist/.*.ts"],
 	"exclude": [],
 	"references": [{ "path": ".." }]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/calendar",
-	"version": "0.5.1",
+	"version": "0.5.4",
 	"author": "James Prevett <axium@jamespre.dev>",
 	"description": "Calendar for Axium",
 	"funding": {
@@ -38,8 +38,8 @@
 		"build": "tsc"
 	},
 	"peerDependencies": {
-		"@axium/client": ">=0.23.0",
-		"@axium/core": ">=0.23.0",
+		"@axium/client": ">=0.37.0",
+		"@axium/core": ">=0.39.0",
 		"@axium/server": ">=0.47.0",
 		"@sveltejs/kit": "^2.27.3",
 		"kysely": "^0.29.0",
@@ -51,11 +51,12 @@
 		"zod": "^4.0.5"
 	},
 	"axium": {
+		"locales": "locales",
 		"server": {
 			"routes": "routes",
 			"hooks": "./dist/server/hooks.js",
 			"db": "./db.json",
-			"web_client_hooks": "./dist/client/web_hook.js"
+			"web_client_hooks": "./dist/common.js"
 		},
 		"apps": [
 			{

package/routes/calendar/+page.svelte

@@ -28,10 +28,10 @@
 		new Date(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours(), Math.round(now.getMinutes() / 30) * 30, 0, 0)
 	);
 
-	let start = new SvelteDate(data.filter.start);
-	let end = new SvelteDate(data.filter.end);
-	let calendars = $state(data.calendars);
-	let events = $state<Event[]>([]);
+	let start = new SvelteDate(data.filter.start),
+		end = new SvelteDate(data.filter.end),
+		calendars = $state(data.calendars),
+		events = $state<Event[]>([]);
 
 	$effect(() => {
 		for (const cal of calendars) cal.color ||= encodeColor(colorHashHex(cal.name));
@@ -146,7 +146,7 @@
 			</button>
 		</div>
 		{#each calendars.filter(cal => cal.userId == user.id) as cal (cal.id)}
-			{@const edit = () => {
+			{const edit = () => {
 				calEditId = cal.id;
 				calInit = cal;
 				document.querySelector<HTMLDialogElement>('#cal-init')!.showModal();
@@ -224,7 +224,7 @@
 				<h4>{text('calendar.list_shared')}</h4>
 			</div>
 			{#each calendars.filter(cal => cal.userId != user.id) as cal (cal.id)}
-				{@const { list, icon } = getCalPermissionsInfo(cal, user)}
+				{const { list, icon } = $derived(getCalPermissionsInfo(cal, user))}
 				<dfn title={list}>
 					<Icon i={icon} />
 				</dfn>
@@ -263,14 +263,16 @@
 			<span class="hour empty"></span>
 		</div>
 		{#if span == 'week'}
-			{@const eventsForWeekDays = Object.groupBy(
-				events.filter(
-					e =>
-						!hiddenCalIds.has(e.calId) &&
-						e.start < new Date(weekDays[6].getFullYear(), weekDays[6].getMonth(), weekDays[6].getDate() + 1) &&
-						e.end > weekDays[0]
-				),
-				ev => ev.start.getDay()
+			{const eventsForWeekDays = $derived(
+				Object.groupBy(
+					events.filter(
+						e =>
+							!hiddenCalIds.has(e.calId) &&
+							e.start < new Date(weekDays[6].getFullYear(), weekDays[6].getMonth(), weekDays[6].getDate() + 1) &&
+							e.end > weekDays[0]
+					),
+					ev => ev.start.getDay()
+				)
 			)}
 			<div class="cal-content week">
 				{#each weekDays as day, i}
@@ -409,8 +411,7 @@
 			id="eventInit.description"
 			placeholder={text('event_init.description_placeholder')}
 			bind:value={eventInit.description}
-			{@attach dynamicRows()}
-		></textarea>
+			{@attach dynamicRows()}></textarea>
 	</div>
 </FormDialog>
 

package/routes/calendar/RecurrenceDialog.svelte

@@ -64,7 +64,7 @@
 	bind:dialog
 	id="recurrence-custom"
 	submitText={text('RecurrenceDialog.confirm')}
-	submit={async () => (eventInit.recurrence = buildRRule())}
+	submit={() => (eventInit.recurrence = buildRRule())}
 >
 	{#snippet header()}
 		<h3>{text('RecurrenceDialog.title')}</h3>
@@ -117,7 +117,7 @@
 
 	<div class="end-section">
 		<span class="subtle">{text('RecurrenceDialog.end.label')}</span>
-		<label>
+		<label class="end-row">
 			<input type="radio" bind:group={endType} value="never" />
 			{text('RecurrenceDialog.end.never')}
 		</label>

package/routes/calendar/RecurrenceSelect.svelte

@@ -29,9 +29,10 @@
 	value={recurrenceKind}
 	onchange={e => {
 		const { value } = e.currentTarget;
-		if (value === 'custom')
+		if (value === 'custom') {
 			e.currentTarget.value = recurrenceKind; // to prevent "Custom..." being shown when dialog cancelled
-		else if (value in recurrences) eventInit.recurrence = recurrences[value as keyof typeof recurrences];
+			dialog?.showModal();
+		} else if (value in recurrences) eventInit.recurrence = recurrences[value as keyof typeof recurrences];
 	}}
 >
 	<option value="none">{text('event_init.recurrence.none')}</option>
@@ -50,7 +51,7 @@
 			date: eventInit.start.toLocaleDateString('default', { month: 'long', day: 'numeric' }),
 		})}
 	</option>
-	<option value="custom" onclick={() => dialog?.showModal()}>
+	<option value="custom">
 		{text('event_init.recurrence.custom')}
 	</option>
 </select>

package/routes/calendar/cal.css

@@ -70,7 +70,7 @@ div.attendees {
 		}
 	}
 
-	:is(input, select, textarea):not(.recurrence-dialog *) {
+	:is(input, select, textarea):not(#recurrence-custom *) {
 		width: 100%;
 	}
 

package/routes/tsconfig.json

@@ -7,6 +7,6 @@
 		"target": "esnext",
 		"rootDir": ".."
 	},
-	"include": ["**/*", "../lib/*"],
+	"include": ["**/*", "../lib/*", "../src/.*.ts", "../../client/dist/.*.ts"],
 	"references": [{ "path": ".." }]
 }

package/dist/client/web_hook.d.ts

@@ -1,8 +0,0 @@
-import en from '../../locales/en.json';
-import '../common.js';
-type en = typeof en;
-declare module '@axium/client/locales' {
-    interface Locale extends en {
-    }
-}
-export {};

package/dist/client/web_hook.js

@@ -1,4 +0,0 @@
-import { extendLocale } from '@axium/client';
-import en from '../../locales/en.json' with { type: 'json' };
-import '../common.js';
-extendLocale('en', en);