snappymail/plugins/ics-viewer/message.js

(rl => {
	const templateId = 'MailMessageView';

	addEventListener('rl-view-model.create', e => {
		if (templateId === e.detail.viewModelTemplateID) {

			const
				template = document.getElementById(templateId),
				view = e.detail,
				attachmentsPlace = template.content.querySelector('.attachmentsPlace'),
				dateRegEx = /(TZID=(?<tz>[^:]+):)?(?<year>[0-9]{4})(?<month>[0-9]{2})(?<day>[0-9]{2})T(?<hour>[0-9]{2})(?<minute>[0-9]{2})(?<second>[0-9]{2})(?<utc>Z?)/,
				parseDate = str => {
					let parts = dateRegEx.exec(str)?.groups,
						options = {dateStyle: 'long', timeStyle: 'short'},
						date = (parts ? new Date(
							parseInt(parts.year, 10),
							parseInt(parts.month, 10) - 1,
							parseInt(parts.day, 10),
							parseInt(parts.hour, 10),
							parseInt(parts.minute, 10),
							parseInt(parts.second, 10)
						) : new Date(str));
					parts?.tz && (options.timeZone = windowsVTIMEZONEs[parts.tz] || parts.tz);
					try {
						return date.format(options);
					} catch (e) {
						console.error(e);
						if (options.timeZone) {
							options.timeZone = undefined;
							return date.format(options);
						}
					}
				};

			attachmentsPlace.after(Element.fromHTML(`
			<details data-bind="if: ICSViewer, visible: ICSViewer">
				<summary data-icon="📅" data-bind="text: ICSViewer().SUMMARY"></summary>
				<table><tbody style="white-space:pre">
					<tr data-bind="visible: ICSViewer().ORGANIZER_TXT"><td>Organizer: </td><td><a data-bind="text: ICSViewer().ORGANIZER_TXT, attr: { href: ICSViewer().ORGANIZER_MAIL }"></a></td></tr>
					<tr><td>Start: </td><td data-bind="text: ICSViewer().DTSTART"></td></tr>
					<tr><td>End: </td><td data-bind="text: ICSViewer().DTEND"></td></tr>
					<tr data-bind="visible: ICSViewer().LOCATION"><td>Location: </td><td data-bind="text: ICSViewer().LOCATION"></td></tr>
<!--				<tr><td>Transparency</td><td data-bind="text: ICSViewer().TRANSP"></td></tr>-->
					<tr><td>Attendees: </td><td data-bind="foreach: ICSViewer().ATTENDEE"><span data-bind="text: $data.replace(/;/g,';\\n')"></span> </td>

				</tbody></table>
			</details>`));

			view.ICSViewer = ko.observable(null);

			view.saveICS = () => {
				let VEVENT = view.VEVENT();
				if (VEVENT) {
					if (rl.nextcloud && VEVENT.rawText) {
						rl.nextcloud.selectCalendar()
							.then(href => href && rl.nextcloud.calendarPut(href, VEVENT));
					} else {
						// TODO
					}
				}
			}

			/**
			 * TODO
			 */
			view.message.subscribe(msg => {
				view.ICSViewer(null);
				if (msg) {
					// JSON-LD after parsing HTML
					// See http://schema.org/
					msg.linkedData.subscribe(data => {
						if (!view.ICSViewer()) {
							data.forEach(item => {
								if (item["ical:summary"]) {
									let VEVENT = {
										SUMMARY: item["ical:summary"],
										DTSTART: parseDate(item["ical:dtstart"]),
//										DTEND: parseDate(item["ical:dtend"]),
//										TRANSP: item["ical:transp"],
//										LOCATION: item["ical:location"],
										ATTENDEE: []
									}
									view.ICSViewer(VEVENT);
									return;
								}
							});
						}
					});
					// ICS attachment.
					// attachments is a ko.observableArray, so it must be
					// unwrapped before array methods are used on it.
					// A scheduling mail does not always carry a text/calendar
					// attachment either: the part is often inline inside
					// multipart/alternative and repeated as application/ics.
					// The message is set before its body is fetched
					// (populateMessageBody), so attachments are usually still
					// empty at this point: read them again when they arrive,
					// once per message, and stop listening when it is done or
					// when another message is shown.
					let subscription = null, found = false;
					const stop = () => subscription && (subscription.dispose(), subscription = null);
					const readIcs = () => {
					if (view.message() !== msg) return stop();
					let ics = (msg.attachments() || []).find(attachment =>
						'text/calendar' == attachment.mimeType
						|| 'application/ics' == attachment.mimeType
						|| 'text/x-vcalendar' == attachment.mimeType
						|| /\.ics$/i.test(attachment.fileName || ''));
					if (ics && ics.download) {
						found = true;
						stop();

						// fetch it and parse the VEVENT
						rl.fetch(ics.linkDownload())
						.then(response => (response.status < 400) ? response.text() : Promise.reject(new Error({ response })))
						.then(text => {
							let jcalData = ICAL.parse(text)
							var comp = new ICAL.Component(jcalData);
							var vevent = comp.getFirstSubcomponent("vevent");
							var event = new ICAL.Event(vevent);
							let VEVENT = {};
							if (event.organizer && event.organizer.startsWith("mailto:")) {
								VEVENT.ORGANIZER_TXT = event.organizer.substr(7)
								VEVENT.ORGANIZER_MAIL = event.organizer
							} else
								VEVENT.ORGANIZER_TXT = event.organizer
							VEVENT.SUMMARY = event.summary;
							VEVENT.DTSTART = parseDate(vevent.getFirstPropertyValue("dtstart"));
							VEVENT.DTEND = parseDate(vevent.getFirstPropertyValue("dtend"));
							VEVENT.LOCATION = event.location;
							VEVENT.ATTENDEE = []
							for (let attendee of event.attendees) {
								VEVENT.ATTENDEE.push(attendee.getFirstParameter("cn"));
							}

							if (VEVENT) {
								VEVENT.rawText = text;
								VEVENT.isCancelled = () => VEVENT.STATUS?.includes('CANCELLED');
								VEVENT.isConfirmed = () => VEVENT.STATUS?.includes('CONFIRMED');
								VEVENT.shouldReply = () => VEVENT.METHOD?.includes('REPLY');
								console.dir({
									isCancelled: VEVENT.isCancelled(),
									shouldReply: VEVENT.shouldReply()
								});
								view.message() === msg && view.ICSViewer(VEVENT);
							}
						})
						.catch(e => console.error('[ics-viewer]', e));
					}
					};
					readIcs();
					if (!found && view.message() === msg) {
						subscription = msg.attachments.subscribe(readIcs);
					}
				}
			});
		}
	});

})(window.rl);