Allow updating events

routes/api/calendar/delete-event.tsx

@@ -42,11 +42,10 @@ export const handler: Handlers<Data, FreshContextState> = {
 
     const calendarEvent = await getCalendarEvent(
       requestBody.calendarEventId,
-      requestBody.calendarId,
       context.state.user.id,
     );
 
-    if (!calendarEvent) {
+    if (!calendarEvent || requestBody.calendarId !== calendarEvent.calendar_id) {
       return new Response('Not Found', { status: 404 });
     }
 

routes/calendar/[calendarEventId].tsx

@@ -0,0 +1,120 @@
+import { Handlers, PageProps } from 'fresh/server.ts';
+
+import { Calendar, CalendarEvent, FreshContextState } from '/lib/types.ts';
+import { convertFormDataToObject } from '/lib/utils.ts';
+import { getCalendarEvent, getCalendars, updateCalendarEvent } from '/lib/data/calendar.ts';
+import { getFormDataField } from '/lib/form-utils.tsx';
+import ViewCalendarEvent, { formFields } from '/islands/calendar/ViewCalendarEvent.tsx';
+
+interface Data {
+  calendarEvent: CalendarEvent;
+  calendars: Calendar[];
+  error?: string;
+  notice?: string;
+  formData: Record<string, any>;
+}
+
+export const handler: Handlers<Data, FreshContextState> = {
+  async GET(request, context) {
+    if (!context.state.user) {
+      return new Response('Redirect', { status: 303, headers: { 'Location': `/login` } });
+    }
+
+    const { calendarEventId } = context.params;
+
+    const calendarEvent = await getCalendarEvent(calendarEventId, context.state.user.id);
+
+    if (!calendarEvent) {
+      return new Response('Not found', { status: 404 });
+    }
+
+    const calendars = await getCalendars(context.state.user.id);
+
+    return await context.render({ calendarEvent, calendars, formData: {} });
+  },
+  async POST(request, context) {
+    if (!context.state.user) {
+      return new Response('Redirect', { status: 303, headers: { 'Location': `/login` } });
+    }
+
+    const { calendarEventId } = context.params;
+
+    const calendarEvent = await getCalendarEvent(calendarEventId, context.state.user.id);
+
+    if (!calendarEvent) {
+      return new Response('Not found', { status: 404 });
+    }
+
+    const calendars = await getCalendars(context.state.user.id);
+
+    const formData = await request.formData();
+
+    calendarEvent.title = getFormDataField(formData, 'title');
+    calendarEvent.start_date = new Date(getFormDataField(formData, 'start_date'));
+    calendarEvent.end_date = new Date(getFormDataField(formData, 'end_date'));
+    calendarEvent.is_all_day = getFormDataField(formData, 'is_all_day') === 'true';
+    calendarEvent.status = getFormDataField(formData, 'status') as CalendarEvent['status'];
+
+    calendarEvent.extra.description = getFormDataField(formData, 'description') || undefined;
+    calendarEvent.extra.url = getFormDataField(formData, 'url') || undefined;
+    calendarEvent.extra.location = getFormDataField(formData, 'location') || undefined;
+
+    const newCalendarId = getFormDataField(formData, 'calendar_id');
+    let oldCalendarId: string | undefined;
+
+    if (newCalendarId !== calendarEvent.calendar_id) {
+      oldCalendarId = calendarEvent.calendar_id;
+    }
+
+    calendarEvent.calendar_id = newCalendarId;
+
+    // TODO: More fields, transparency, attendees, recurrence
+
+    try {
+      if (!calendarEvent.title) {
+        throw new Error(`Title is required.`);
+      }
+
+      formFields(calendarEvent, calendars).forEach((field) => {
+        if (field.required) {
+          const value = formData.get(field.name);
+
+          if (!value) {
+            throw new Error(`${field.label} is required`);
+          }
+        }
+      });
+
+      await updateCalendarEvent(calendarEvent, oldCalendarId);
+
+      return await context.render({
+        calendarEvent,
+        calendars,
+        notice: 'Event updated successfully!',
+        formData: convertFormDataToObject(formData),
+      });
+    } catch (error) {
+      console.error(error);
+      return await context.render({
+        calendarEvent,
+        calendars,
+        error: error.toString(),
+        formData: convertFormDataToObject(formData),
+      });
+    }
+  },
+};
+
+export default function ContactsPage({ data }: PageProps<Data, FreshContextState>) {
+  return (
+    <main>
+      <ViewCalendarEvent
+        initialCalendarEvent={data.calendarEvent}
+        calendars={data.calendars}
+        formData={data.formData}
+        error={data.error}
+        notice={data.notice}
+      />
+    </main>
+  );
+}

routes/dav/calendars/[calendarId]/[calendarEventId].ics.tsx

@@ -83,7 +83,7 @@ export const handler: Handler<Data, FreshContextState> = async (request, context
   }
 
   try {
-    calendarEvent = await getCalendarEvent(calendarEventId, calendarId, context.state.user.id);
+    calendarEvent = await getCalendarEvent(calendarEventId, context.state.user.id);
   } catch (error) {
     console.error(error);
   }