1 files changed, 75 insertions, 0 deletions
diff --git a/static/ts/formatters.ts b/static/ts/formatters.ts
new file mode 100644
index 00000000..e0018278
--- /dev/null
+++ b/static/ts/formatters.ts
@@ -0,0 +1,75 @@
+export {
+    format
+}
+
+import { makeElement } from './lib'
+import { VEvent } from './vevent'
+
+type formatter = (e: HTMLElement, d: VEvent, s: any) => Promise<void>
+
+declare global {
+    interface Window {
+        formatters: Map<string, formatter>;
+    }
+}
+
+let formatters: Map<string, formatter>;
+formatters = window.formatters = new Map();
+
+async function format(targetElement: HTMLElement, data: VEvent, key: string): Promise<void> {
+    let d = data.getProperty(key);
+    if (!d) return
+    let formatter = formatters.get(key.toLowerCase());
+    if (formatter) {
+        try {
+            await formatter(targetElement, data, d);
+        } catch (error) {
+            console.warn('Formatter failed')
+            console.warn(error);
+            formatters.get('default')!(targetElement, data, d);
+        }
+    } else {
+        formatters.get('default')!(targetElement, data, d);
+    }
+}
+
+formatters.set('categories', async (el, _, d) => {
+    for (let item of d) {
+        let q = encodeURIComponent(
+            `(member "${item}" (or (prop event (quote CATEGORIES)) (quote ())))`)
+        el.appendChild(makeElement('a', {
+            textContent: item,
+            href: `/search/?q=${q}`,
+        }))
+    }
+})
+
+async function format_time_tag(el: HTMLElement, ev: VEvent, d: any): Promise<void> {
+    if (el instanceof HTMLTimeElement) {
+        if (d instanceof Date) {
+            let fmt = '';
+            if (!d.utc) {
+                fmt += '~L';
+            }
+            fmt += '~Y-~m-~d'
+            if (!d.dateonly) {
+                fmt += 'T~H:~M:~S'
+            }
+            el.dateTime = d.format(fmt);
+        }
+    }
+
+    formatters.get('default')!(el, ev, d);
+}
+
+formatters.set('dtstart', format_time_tag)
+formatters.set('dtend', format_time_tag)
+
+formatters.set('default', async (el, _, d) => {
+    let fmt;
+    if ((fmt = el.dataset.fmt)) {
+        el.textContent = d.format(fmt);
+    } else {
+        el.textContent = d;
+    }
+})