@fieldia/chatter 0.8.0

package/src/lib/chatter.mjs

@@ -0,0 +1,217 @@
+import { fill } from '@fieldia/core';
+import { installStyles, sanitizeHtml } from '@fieldia/widgets';
+import { activitiesPart } from './activities.mjs';
+import { attachmentList, composerFiles } from './attachments.mjs';
+import { followersPart } from './followers.mjs';
+import { CHATTER_LABELS } from './labels.mjs';
+import { mentions } from './mentions.mjs';
+import { reactionBar } from './reactions.mjs';
+import { installChatterStyles } from './styles.mjs';
+/** What was typed, as HTML: a paragraph for each block, a line break for each line, every character escaped. */
+export function textToHtml(text) {
+    const escape = (line) => line.replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]);
+    return text
+        .trim()
+        .split(/\n\s*\n/)
+        .map((block) => `<p>${block.split('\n').map(escape).join('<br>')}</p>`)
+        .join('');
+}
+/** A person's initials, for when there is no picture. */
+export function initials(name) {
+    return name
+        .split(/\s+/)
+        .filter(Boolean)
+        .slice(0, 2)
+        .map((part) => part[0]?.toUpperCase() ?? '')
+        .join('');
+}
+/**
+ * A record's conversation beside its form: messages to its followers, notes
+ * for the team, and its tracked changes. Plain DOM, so it works in every
+ * framework; it talks to the server only through the app's `source`.
+ */
+export function mountChatter(host, options) {
+    const doc = host.ownerDocument;
+    installStyles(doc);
+    installChatterStyles(doc);
+    const locale = options.locale ?? 'en';
+    const labels = { ...CHATTER_LABELS[locale], ...options.labels };
+    let record = options.record;
+    let destroyed = false;
+    function el(tag, attrs = {}, ...children) {
+        const node = doc.createElement(tag);
+        for (const [name, value] of Object.entries(attrs))
+            if (value !== undefined)
+                node.setAttribute(name, value);
+        node.append(...children);
+        return node;
+    }
+    const context = { doc, labels, locale, source: options.source, icons: options.icons, now: options.now ?? (() => new Date()), record: () => record, el };
+    const root = el('section', { class: 'fd-theme fd-chatter', 'aria-label': labels.conversation, dir: options.dir, lang: locale });
+    const sendButton = el('button', { type: 'button', class: 'fd-button fd-button-primary' }, labels.sendMessage);
+    const noteButton = el('button', { type: 'button', class: 'fd-button' }, labels.logNote);
+    const bar = el('div', { class: 'fd-chatter-bar' }, sendButton, noteButton);
+    const waiting = el('p', { class: 'fd-chatter-waiting', hidden: '' }, labels.notSaved);
+    const empty = el('p', { class: 'fd-chatter-empty', hidden: '' }, labels.empty);
+    const list = el('ol', { class: 'fd-chatter-messages' });
+    // ---- composing ----------------------------------------------------------------
+    let mode = 'message';
+    let replyTo = null;
+    const box = el('textarea', { class: 'fd-input', rows: '3' });
+    // The mention list takes its keys first: Enter picks a person, Escape closes the list, not the composer.
+    const mentioning = mentions(context, box);
+    const replying = el('p', { class: 'fd-replying', hidden: '' });
+    const post = el('button', { type: 'button', class: 'fd-button fd-button-primary' });
+    const cancel = el('button', { type: 'button', class: 'fd-button' }, labels.cancel);
+    const problem = el('p', { class: 'fd-chatter-problem', role: 'alert', hidden: '' });
+    const say = (message) => {
+        problem.textContent = message;
+        problem.hidden = false;
+    };
+    const files = composerFiles(context, say);
+    const actions = el('div', { class: 'fd-composer-actions' }, post, cancel);
+    if (files.element)
+        actions.append(el('span', { class: 'fd-spacer' }), files.element);
+    const composer = el('div', { class: 'fd-composer', hidden: '' }, replying, box, mentioning.list, files.chips, problem, actions);
+    files.takeDropsOn(composer);
+    function openComposer(kind, answering = null) {
+        mode = kind;
+        replyTo = answering;
+        replying.hidden = !answering;
+        replying.textContent = answering ? fill(labels.replyingTo, { name: answering.author?.name ?? '' }) : '';
+        composer.hidden = false;
+        composer.classList.toggle('fd-composer-note', kind === 'note');
+        box.placeholder = kind === 'note' ? labels.forTeam : labels.forFollowers;
+        box.setAttribute('aria-label', kind === 'note' ? labels.logNote : labels.sendMessage);
+        post.textContent = kind === 'note' ? labels.log : labels.send;
+        problem.hidden = true;
+        box.focus();
+    }
+    function closeComposer() {
+        composer.hidden = true;
+        box.value = '';
+        replyTo = null;
+        files.clear();
+        mentioning.reset();
+    }
+    async function submit() {
+        const current = record;
+        // Words, files or both; and never while a file is still on its way.
+        const attachments = files.files();
+        if (!current || (!box.value.trim() && !attachments.length) || post.disabled || files.busy())
+            return;
+        post.disabled = true;
+        try {
+            const mentioned = mentioning.picked();
+            await options.source.post(current, {
+                kind: mode,
+                body: box.value.trim() ? textToHtml(box.value) : '',
+                attachments,
+                ...(replyTo ? { parentId: replyTo.id } : {}),
+                ...(mentioned.length ? { mentions: mentioned } : {}),
+            });
+            closeComposer();
+            await load();
+        }
+        catch (error) {
+            say(fill(labels.couldNotSend, { reason: error.message }));
+        }
+        finally {
+            post.disabled = false;
+        }
+    }
+    sendButton.addEventListener('click', () => openComposer('message'));
+    noteButton.addEventListener('click', () => openComposer('note'));
+    post.addEventListener('click', () => void submit());
+    cancel.addEventListener('click', closeComposer);
+    box.addEventListener('keydown', (event) => {
+        if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
+            event.preventDefault();
+            void submit();
+        }
+        else if (event.key === 'Escape') {
+            event.preventDefault();
+            closeComposer();
+        }
+    });
+    // ---- the messages ---------------------------------------------------------------
+    const when = new Intl.DateTimeFormat(locale === 'ar' ? 'ar-EG-u-nu-latn' : locale, { dateStyle: 'medium', timeStyle: 'short' });
+    function avatar(person) {
+        if (person?.avatar)
+            return el('img', { class: 'fd-avatar-image', src: person.avatar, alt: '' });
+        return el('span', { class: 'fd-avatar-initials', 'aria-hidden': 'true' }, initials(person?.name ?? '?'));
+    }
+    /** The messages on show, by id: an answer names whom it answers. */
+    let shown = new Map();
+    function messageItem(message) {
+        const head = el('div', { class: 'fd-message-head' }, el('span', { class: 'fd-message-author' }, message.author?.name ?? ''), el('time', { datetime: message.date }, when.format(new Date(message.date))));
+        if (message.kind === 'note')
+            head.append(el('span', { class: 'fd-message-kind' }, labels.note));
+        const body = el('div', { class: 'fd-message-body' });
+        body.innerHTML = sanitizeHtml(message.body, doc);
+        const content = el('div', { class: 'fd-message-content' }, head);
+        const parent = message.parentId != null ? shown.get(message.parentId) : undefined;
+        if (parent)
+            content.append(el('p', { class: 'fd-message-parent' }, fill(labels.replyingTo, { name: parent.author?.name ?? '' })));
+        if (message.body)
+            content.append(body);
+        if (message.tracking?.length) {
+            content.append(el('ul', { class: 'fd-tracking' }, ...message.tracking.map((change) => el('li', {}, `${change.label}: ${change.from ?? '—'} → ${change.to ?? '—'}`))));
+        }
+        if (message.attachments?.length)
+            content.append(attachmentList(context, message.attachments));
+        // An event is history, not something to answer or react to.
+        if (message.kind !== 'event') {
+            const reply = el('button', { type: 'button', class: 'fd-message-reply', 'aria-label': labels.reply }, '↩');
+            reply.addEventListener('click', () => openComposer('message', message));
+            const reactions = reactionBar(context, message.id, message.reactions ?? []);
+            content.append(el('div', { class: 'fd-message-actions' }, ...(reactions ? [reactions] : []), reply));
+        }
+        return el('li', { class: `fd-message fd-message-${message.kind}`, 'data-message': String(message.id) }, avatar(message.author), content);
+    }
+    async function load() {
+        const current = record;
+        waiting.hidden = current !== null;
+        bar.hidden = current === null;
+        if (!current) {
+            closeComposer();
+            list.replaceChildren();
+            empty.hidden = true;
+            if (activities.element)
+                activities.element.hidden = true;
+            return;
+        }
+        void activities.load();
+        void followers.load();
+        const messages = await options.source.messages(current);
+        if (destroyed || record !== current)
+            return; // another record, or gone, meanwhile
+        shown = new Map(messages.map((message) => [message.id, message]));
+        list.replaceChildren(...messages.map(messageItem));
+        empty.hidden = messages.length > 0;
+    }
+    // Marking an activity done posts what came of it: the conversation is fetched again.
+    const activities = activitiesPart(context, () => load());
+    if (activities.button)
+        bar.append(activities.button);
+    // Who follows sits at the far end of the bar, its list just under it.
+    const followers = followersPart(context);
+    if (followers.button)
+        bar.append(el('span', { class: 'fd-spacer' }), followers.button);
+    root.append(bar, ...(followers.element ? [followers.element] : []), waiting, composer, ...(activities.element ? [activities.element] : []), empty, list);
+    host.append(root);
+    void load();
+    return {
+        element: root,
+        refresh: load,
+        async setRecord(next) {
+            record = next;
+            await load();
+        },
+        destroy() {
+            destroyed = true;
+            root.remove();
+        },
+    };
+}
+//# sourceMappingURL=chatter.mjs.map

package/src/lib/chatter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatter.mjs","sourceRoot":"","sources":["../../../../../libs/chatter/src/lib/chatter.ts"],"names":[],"mappings":"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"}

package/src/lib/followers.d.mts

@@ -0,0 +1,15 @@
+import type { ChatterContext } from './chatter.mjs';
+/**
+ * Who follows the record: a button with their number, opening the list, where
+ * each can be taken away and others found by name and added. Every part the
+ * source cannot do is left out, and all of it without `followers`.
+ */
+export declare function followersPart(context: ChatterContext): {
+    button: null;
+    element: null;
+    load: () => Promise<undefined>;
+} | {
+    button: HTMLButtonElement;
+    element: HTMLDivElement;
+    load: () => Promise<void>;
+};

package/src/lib/followers.d.ts

@@ -0,0 +1,15 @@
+import type { ChatterContext } from './chatter';
+/**
+ * Who follows the record: a button with their number, opening the list, where
+ * each can be taken away and others found by name and added. Every part the
+ * source cannot do is left out, and all of it without `followers`.
+ */
+export declare function followersPart(context: ChatterContext): {
+    button: null;
+    element: null;
+    load: () => Promise<undefined>;
+} | {
+    button: HTMLButtonElement;
+    element: HTMLDivElement;
+    load: () => Promise<void>;
+};

package/src/lib/followers.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.followersPart = followersPart;
+const core_1 = require("@fieldia/core");
+const widgets_1 = require("@fieldia/widgets");
+/**
+ * Who follows the record: a button with their number, opening the list, where
+ * each can be taken away and others found by name and added. Every part the
+ * source cannot do is left out, and all of it without `followers`.
+ */
+function followersPart(context) {
+    const { el, labels, source, doc, icons } = context;
+    if (!source.followers)
+        return { button: null, element: null, load: async () => undefined };
+    const icon = (0, widgets_1.drawIcon)(doc, 'users', icons);
+    const count = el('span', { class: 'fd-followers-count' }, '0');
+    const button = el('button', { type: 'button', class: 'fd-button fd-followers-toggle', 'aria-expanded': 'false' }, ...(icon ? [icon] : []), count);
+    const list = el('ul', { class: 'fd-follower-list' });
+    const none = el('p', { class: 'fd-followers-none', hidden: '' }, labels.noFollowers);
+    const find = el('input', { type: 'search', class: 'fd-input', placeholder: labels.search, 'aria-label': labels.addFollower });
+    const candidates = el('ul', { class: 'fd-follower-candidates', role: 'listbox', 'aria-label': labels.addFollower });
+    const adding = source.follow && source.people ? el('div', { class: 'fd-followers-add' }, el('span', { class: 'fd-followers-add-title' }, labels.addFollower), find, candidates) : null;
+    const element = el('div', { class: 'fd-followers', hidden: '', role: 'group', 'aria-label': labels.followers }, list, none, ...(adding ? [adding] : []));
+    let followers = [];
+    let asking = 0;
+    function draw() {
+        count.textContent = String(followers.length);
+        button.setAttribute('aria-label', `${labels.followers}: ${followers.length}`);
+        none.hidden = followers.length > 0;
+        list.replaceChildren(...followers.map((follower) => {
+            const row = el('li', { class: 'fd-follower' }, el('span', { class: 'fd-follower-name' }, follower.person.name));
+            if (source.unfollow) {
+                const remove = el('button', { type: 'button', class: 'fd-attachment-remove', 'aria-label': (0, core_1.fill)(labels.removeFollower, { name: follower.person.name }) }, '×');
+                remove.addEventListener('click', async () => {
+                    const record = context.record();
+                    if (!record || !source.unfollow)
+                        return;
+                    await source.unfollow(record, follower.id);
+                    await load();
+                });
+                row.append(remove);
+            }
+            return row;
+        }));
+    }
+    async function suggest() {
+        if (!source.people)
+            return;
+        const mine = ++asking;
+        const people = await source.people(find.value);
+        if (mine !== asking)
+            return;
+        const following = new Set(followers.map((f) => f.person.id));
+        const offered = people.filter((person) => !following.has(person.id)).slice(0, 8);
+        candidates.replaceChildren(...(offered.length
+            ? offered.map((person) => {
+                const option = el('li', { role: 'option', 'aria-selected': 'false' }, person.name);
+                option.addEventListener('click', async () => {
+                    const record = context.record();
+                    if (!record || !source.follow)
+                        return;
+                    await source.follow(record, person.id);
+                    find.value = '';
+                    candidates.replaceChildren();
+                    await load();
+                });
+                return option;
+            })
+            : [el('li', { class: 'fd-empty' }, labels.noOneFound)]));
+    }
+    async function load() {
+        const record = context.record();
+        if (!record || !source.followers)
+            return;
+        followers = await source.followers(record);
+        if (context.record() === record)
+            draw();
+    }
+    button.addEventListener('click', () => {
+        element.hidden = !element.hidden;
+        button.setAttribute('aria-expanded', String(!element.hidden));
+        if (!element.hidden && adding)
+            find.focus();
+    });
+    find.addEventListener('input', () => void suggest());
+    element.addEventListener('keydown', (event) => {
+        if (event.key === 'Escape') {
+            element.hidden = true;
+            button.setAttribute('aria-expanded', 'false');
+            button.focus();
+        }
+    });
+    draw();
+    return { button, element, load };
+}
+//# sourceMappingURL=followers.js.map

package/src/lib/followers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"followers.js","sourceRoot":"","sources":["../../../../../libs/chatter/src/lib/followers.ts"],"names":[],"mappings":"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"}

package/src/lib/followers.mjs

@@ -0,0 +1,93 @@
+import { fill } from '@fieldia/core';
+import { drawIcon } from '@fieldia/widgets';
+/**
+ * Who follows the record: a button with their number, opening the list, where
+ * each can be taken away and others found by name and added. Every part the
+ * source cannot do is left out, and all of it without `followers`.
+ */
+export function followersPart(context) {
+    const { el, labels, source, doc, icons } = context;
+    if (!source.followers)
+        return { button: null, element: null, load: async () => undefined };
+    const icon = drawIcon(doc, 'users', icons);
+    const count = el('span', { class: 'fd-followers-count' }, '0');
+    const button = el('button', { type: 'button', class: 'fd-button fd-followers-toggle', 'aria-expanded': 'false' }, ...(icon ? [icon] : []), count);
+    const list = el('ul', { class: 'fd-follower-list' });
+    const none = el('p', { class: 'fd-followers-none', hidden: '' }, labels.noFollowers);
+    const find = el('input', { type: 'search', class: 'fd-input', placeholder: labels.search, 'aria-label': labels.addFollower });
+    const candidates = el('ul', { class: 'fd-follower-candidates', role: 'listbox', 'aria-label': labels.addFollower });
+    const adding = source.follow && source.people ? el('div', { class: 'fd-followers-add' }, el('span', { class: 'fd-followers-add-title' }, labels.addFollower), find, candidates) : null;
+    const element = el('div', { class: 'fd-followers', hidden: '', role: 'group', 'aria-label': labels.followers }, list, none, ...(adding ? [adding] : []));
+    let followers = [];
+    let asking = 0;
+    function draw() {
+        count.textContent = String(followers.length);
+        button.setAttribute('aria-label', `${labels.followers}: ${followers.length}`);
+        none.hidden = followers.length > 0;
+        list.replaceChildren(...followers.map((follower) => {
+            const row = el('li', { class: 'fd-follower' }, el('span', { class: 'fd-follower-name' }, follower.person.name));
+            if (source.unfollow) {
+                const remove = el('button', { type: 'button', class: 'fd-attachment-remove', 'aria-label': fill(labels.removeFollower, { name: follower.person.name }) }, '×');
+                remove.addEventListener('click', async () => {
+                    const record = context.record();
+                    if (!record || !source.unfollow)
+                        return;
+                    await source.unfollow(record, follower.id);
+                    await load();
+                });
+                row.append(remove);
+            }
+            return row;
+        }));
+    }
+    async function suggest() {
+        if (!source.people)
+            return;
+        const mine = ++asking;
+        const people = await source.people(find.value);
+        if (mine !== asking)
+            return;
+        const following = new Set(followers.map((f) => f.person.id));
+        const offered = people.filter((person) => !following.has(person.id)).slice(0, 8);
+        candidates.replaceChildren(...(offered.length
+            ? offered.map((person) => {
+                const option = el('li', { role: 'option', 'aria-selected': 'false' }, person.name);
+                option.addEventListener('click', async () => {
+                    const record = context.record();
+                    if (!record || !source.follow)
+                        return;
+                    await source.follow(record, person.id);
+                    find.value = '';
+                    candidates.replaceChildren();
+                    await load();
+                });
+                return option;
+            })
+            : [el('li', { class: 'fd-empty' }, labels.noOneFound)]));
+    }
+    async function load() {
+        const record = context.record();
+        if (!record || !source.followers)
+            return;
+        followers = await source.followers(record);
+        if (context.record() === record)
+            draw();
+    }
+    button.addEventListener('click', () => {
+        element.hidden = !element.hidden;
+        button.setAttribute('aria-expanded', String(!element.hidden));
+        if (!element.hidden && adding)
+            find.focus();
+    });
+    find.addEventListener('input', () => void suggest());
+    element.addEventListener('keydown', (event) => {
+        if (event.key === 'Escape') {
+            element.hidden = true;
+            button.setAttribute('aria-expanded', 'false');
+            button.focus();
+        }
+    });
+    draw();
+    return { button, element, load };
+}
+//# sourceMappingURL=followers.mjs.map

package/src/lib/followers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"followers.mjs","sourceRoot":"","sources":["../../../../../libs/chatter/src/lib/followers.ts"],"names":[],"mappings":"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"}

package/src/lib/labels.d.mts

@@ -0,0 +1,43 @@
+import type { Locale } from '@fieldia/core';
+/** Every word the chatter shows. `{name}`, `{n}` and `{date}` are filled in. */
+export interface ChatterLabels {
+    conversation: string;
+    sendMessage: string;
+    logNote: string;
+    send: string;
+    log: string;
+    cancel: string;
+    note: string;
+    forFollowers: string;
+    forTeam: string;
+    empty: string;
+    notSaved: string;
+    attach: string;
+    removeAttachment: string;
+    react: string;
+    reply: string;
+    replyingTo: string;
+    activities: string;
+    scheduleActivity: string;
+    activityType: string;
+    summary: string;
+    dueDate: string;
+    assignedTo: string;
+    schedule: string;
+    markDone: string;
+    whatHappened: string;
+    done: string;
+    cancelActivity: string;
+    overdue: string;
+    today: string;
+    planned: string;
+    dueOn: string;
+    followers: string;
+    addFollower: string;
+    removeFollower: string;
+    noFollowers: string;
+    search: string;
+    noOneFound: string;
+    couldNotSend: string;
+}
+export declare const CHATTER_LABELS: Record<Locale, ChatterLabels>;

package/src/lib/labels.d.ts

@@ -0,0 +1,43 @@
+import type { Locale } from '@fieldia/core';
+/** Every word the chatter shows. `{name}`, `{n}` and `{date}` are filled in. */
+export interface ChatterLabels {
+    conversation: string;
+    sendMessage: string;
+    logNote: string;
+    send: string;
+    log: string;
+    cancel: string;
+    note: string;
+    forFollowers: string;
+    forTeam: string;
+    empty: string;
+    notSaved: string;
+    attach: string;
+    removeAttachment: string;
+    react: string;
+    reply: string;
+    replyingTo: string;
+    activities: string;
+    scheduleActivity: string;
+    activityType: string;
+    summary: string;
+    dueDate: string;
+    assignedTo: string;
+    schedule: string;
+    markDone: string;
+    whatHappened: string;
+    done: string;
+    cancelActivity: string;
+    overdue: string;
+    today: string;
+    planned: string;
+    dueOn: string;
+    followers: string;
+    addFollower: string;
+    removeFollower: string;
+    noFollowers: string;
+    search: string;
+    noOneFound: string;
+    couldNotSend: string;
+}
+export declare const CHATTER_LABELS: Record<Locale, ChatterLabels>;