@fieldia/chatter 0.8.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 fieldia-dev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,32 @@
+# @fieldia/chatter
+
+A record's conversation and to-dos beside its [Fieldia](https://fieldia.dev)
+form: messages to its followers, notes for the team, files, reactions,
+replies, @mentions, activities and followers. Plain DOM, so it works the same
+in plain JavaScript, React, Vue and Angular.
+
+```sh
+npm install @fieldia/chatter
+```
+
+```ts
+import { mountViewer } from '@fieldia/viewer';
+import { chatterSlot } from '@fieldia/chatter';
+
+mountViewer(host, { page, dataSource, recordId: 7, slots: { chatter: chatterSlot({ source }) } });
+```
+
+A sheet whose `sidePanel` is the slot `chatter` shows it beside the record. It
+waits while the record is new, starts once it is saved, and fetches again
+after each save. On its own: `mountChatter(element, { source, record: { model, id } })`.
+
+The chatter reaches your server only through a `source` you write for your
+backend, as you write a data source. `messages` and `post` are all it needs;
+each other method adds a part — `upload`, `react`, `people` (mentions,
+assignees, followers), `activityTypes` / `activities` / `schedule` / `markDone`
+/ `cancel`, `followers` / `follow` / `unfollow` — and a part whose method is
+missing is not shown. `createMemoryChatter` keeps everything in memory, for
+demos and tests.
+
+Message HTML is cleaned before it is shown; what people type is posted as
+escaped text. MIT.

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@fieldia/chatter",
+  "version": "0.8.0",
+  "description": "A record's conversation and to-dos beside its Fieldia form: messages, notes, attachments, activities and followers, through an interface your app implements.",
+  "license": "MIT",
+  "homepage": "https://fieldia.dev",
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "module": "./src/index.mjs",
+  "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./src/index.d.mts",
+        "require": "./src/index.d.ts"
+      },
+      "import": "./src/index.mjs",
+      "require": "./src/index.js",
+      "default": "./src/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@fieldia/core": "0.8.0",
+    "@fieldia/widgets": "0.8.0",
+    "tslib": "^2.8.1"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fieldia-dev/fieldia",
+    "directory": "libs/chatter"
+  },
+  "files": [
+    "src",
+    "README.md",
+    "LICENSE"
+  ]
+}

package/src/index.d.mts

@@ -0,0 +1,6 @@
+export * from './lib/source.mjs';
+export * from './lib/memory.mjs';
+export * from './lib/labels.mjs';
+export * from './lib/styles.mjs';
+export * from './lib/chatter.mjs';
+export * from './lib/slot.mjs';

package/src/index.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/source';
+export * from './lib/memory';
+export * from './lib/labels';
+export * from './lib/styles';
+export * from './lib/chatter';
+export * from './lib/slot';

package/src/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./lib/source"), exports);
+tslib_1.__exportStar(require("./lib/memory"), exports);
+tslib_1.__exportStar(require("./lib/labels"), exports);
+tslib_1.__exportStar(require("./lib/styles"), exports);
+tslib_1.__exportStar(require("./lib/chatter"), exports);
+tslib_1.__exportStar(require("./lib/slot"), exports);
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/chatter/src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,uDAA6B;AAC7B,uDAA6B;AAC7B,uDAA6B;AAC7B,wDAA8B;AAC9B,qDAA2B"}

package/src/index.mjs

@@ -0,0 +1,7 @@
+export * from './lib/source.mjs';
+export * from './lib/memory.mjs';
+export * from './lib/labels.mjs';
+export * from './lib/styles.mjs';
+export * from './lib/chatter.mjs';
+export * from './lib/slot.mjs';
+//# sourceMappingURL=index.mjs.map

package/src/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../libs/chatter/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/src/lib/activities.d.mts

@@ -0,0 +1,19 @@
+import type { ChatterContext } from './chatter.mjs';
+/** A day as `YYYY-MM-DD`, in the person's own time zone. */
+export declare function isoDay(date: Date): string;
+/** Whether an activity is late, due today, or ahead. */
+export declare function dueState(due: string, today: string): 'overdue' | 'today' | 'planned';
+/**
+ * The record's activities: what is to be done, by whom and by when, overdue
+ * first. Each can be marked done, with what came of it, or cancelled; a form
+ * schedules a new one. Every part the source cannot do is left out.
+ */
+export declare function activitiesPart(context: ChatterContext, afterChange: () => Promise<void>): {
+    button: null;
+    element: null;
+    load: () => Promise<undefined>;
+} | {
+    button: HTMLButtonElement | null;
+    element: HTMLElement;
+    load: () => Promise<void>;
+};

package/src/lib/activities.d.ts

@@ -0,0 +1,19 @@
+import type { ChatterContext } from './chatter';
+/** A day as `YYYY-MM-DD`, in the person's own time zone. */
+export declare function isoDay(date: Date): string;
+/** Whether an activity is late, due today, or ahead. */
+export declare function dueState(due: string, today: string): 'overdue' | 'today' | 'planned';
+/**
+ * The record's activities: what is to be done, by whom and by when, overdue
+ * first. Each can be marked done, with what came of it, or cancelled; a form
+ * schedules a new one. Every part the source cannot do is left out.
+ */
+export declare function activitiesPart(context: ChatterContext, afterChange: () => Promise<void>): {
+    button: null;
+    element: null;
+    load: () => Promise<undefined>;
+} | {
+    button: HTMLButtonElement | null;
+    element: HTMLElement;
+    load: () => Promise<void>;
+};

package/src/lib/activities.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isoDay = isoDay;
+exports.dueState = dueState;
+exports.activitiesPart = activitiesPart;
+const core_1 = require("@fieldia/core");
+const widgets_1 = require("@fieldia/widgets");
+/** A day as `YYYY-MM-DD`, in the person's own time zone. */
+function isoDay(date) {
+    const pad = (n) => String(n).padStart(2, '0');
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+/** Days after `day`, as `YYYY-MM-DD`. */
+function daysAfter(day, days) {
+    const next = new Date(day);
+    next.setDate(next.getDate() + days);
+    return isoDay(next);
+}
+/** Whether an activity is late, due today, or ahead. */
+function dueState(due, today) {
+    return due < today ? 'overdue' : due === today ? 'today' : 'planned';
+}
+/**
+ * The record's activities: what is to be done, by whom and by when, overdue
+ * first. Each can be marked done, with what came of it, or cancelled; a form
+ * schedules a new one. Every part the source cannot do is left out.
+ */
+function activitiesPart(context, afterChange) {
+    const { el, labels, source, doc, icons, locale } = context;
+    if (!source.activities)
+        return { button: null, element: null, load: async () => undefined };
+    const list = el('ul', { class: 'fd-activity-list' });
+    const element = el('section', { class: 'fd-activities', 'aria-label': labels.activities }, list);
+    const dayFormat = new Intl.DateTimeFormat(locale === 'ar' ? 'ar-EG-u-nu-latn' : locale, { dateStyle: 'medium' });
+    const canSchedule = !!(source.schedule && source.activityTypes && source.people);
+    // ---- the list ----------------------------------------------------------------
+    function item(activity, today) {
+        const when = dueState(activity.due, today);
+        const icon = (0, widgets_1.drawIcon)(doc, activity.type.icon ?? 'clock', icons);
+        const dueText = when === 'overdue' ? labels.overdue : when === 'today' ? labels.today : (0, core_1.fill)(labels.dueOn, { date: dayFormat.format(new Date(`${activity.due}T12:00:00`)) });
+        const row = el('li', { class: 'fd-activity', 'data-when': when }, el('span', { class: 'fd-activity-icon' }, ...(icon ? [icon] : [])), el('div', { class: 'fd-activity-content' }, el('span', { class: 'fd-activity-summary' }, activity.summary || activity.type.name), el('span', { class: 'fd-activity-meta' }, el('span', { class: 'fd-activity-due' }, dueText), ' · ', activity.assignee.name)));
+        const actions = el('div', { class: 'fd-activity-actions' });
+        if (source.markDone) {
+            const done = el('button', { type: 'button', class: 'fd-button fd-button-link' }, labels.markDone);
+            const feedback = el('textarea', { class: 'fd-input', rows: '2', placeholder: labels.whatHappened, 'aria-label': labels.whatHappened });
+            const confirm = el('button', { type: 'button', class: 'fd-button fd-button-primary' }, labels.done);
+            const finishing = el('div', { class: 'fd-activity-finish', hidden: '' }, feedback, confirm);
+            done.addEventListener('click', () => {
+                finishing.hidden = !finishing.hidden;
+                if (!finishing.hidden)
+                    feedback.focus();
+            });
+            confirm.addEventListener('click', async () => {
+                const record = context.record();
+                if (!record || !source.markDone)
+                    return;
+                await source.markDone(record, activity.id, feedback.value.trim() || undefined);
+                await load();
+                await afterChange();
+            });
+            actions.append(done);
+            row.append(actions, finishing);
+        }
+        if (source.cancel) {
+            const cancel = el('button', { type: 'button', class: 'fd-button fd-button-link' }, labels.cancelActivity);
+            cancel.addEventListener('click', async () => {
+                const record = context.record();
+                if (!record || !source.cancel)
+                    return;
+                await source.cancel(record, activity.id);
+                await load();
+            });
+            actions.append(cancel);
+            if (!row.contains(actions))
+                row.append(actions);
+        }
+        return row;
+    }
+    async function load() {
+        const record = context.record();
+        if (!record || !source.activities) {
+            element.hidden = true;
+            return;
+        }
+        const activities = [...(await source.activities(record))].sort((a, b) => a.due.localeCompare(b.due));
+        if (context.record() !== record)
+            return;
+        const today = isoDay(context.now());
+        list.replaceChildren(...activities.map((activity) => item(activity, today)));
+        element.hidden = !activities.length && form.hidden;
+    }
+    // ---- scheduling --------------------------------------------------------------
+    const type = el('select', { class: 'fd-input', name: 'type', 'aria-label': labels.activityType });
+    const summary = el('input', { class: 'fd-input', name: 'summary', 'aria-label': labels.summary, placeholder: labels.summary });
+    const due = el('input', { class: 'fd-input', type: 'date', name: 'due', 'aria-label': labels.dueDate });
+    const assignee = el('select', { class: 'fd-input', name: 'assignee', 'aria-label': labels.assignedTo });
+    const schedule = el('button', { type: 'button', class: 'fd-button fd-button-primary' }, labels.schedule);
+    const cancelForm = el('button', { type: 'button', class: 'fd-button' }, labels.cancel);
+    const label = (text, control) => el('label', { class: 'fd-activity-field' }, el('span', {}, text), control);
+    const form = el('div', { class: 'fd-activity-form', hidden: '' }, label(labels.activityType, type), label(labels.summary, summary), label(labels.dueDate, due), label(labels.assignedTo, assignee), el('div', { class: 'fd-composer-actions' }, schedule, cancelForm));
+    let types = [];
+    let people = [];
+    /** The due date follows the type until someone chooses one. */
+    let dueChosen = false;
+    const dueFromType = () => {
+        if (dueChosen)
+            return;
+        const chosen = types.find((t) => String(t.id) === type.value);
+        due.value = daysAfter(context.now(), chosen?.daysUntilDue ?? 0);
+    };
+    type.addEventListener('change', dueFromType);
+    due.addEventListener('input', () => (dueChosen = true));
+    due.addEventListener('change', () => (dueChosen = true));
+    const button = canSchedule ? el('button', { type: 'button', class: 'fd-button' }, labels.scheduleActivity) : null;
+    button?.addEventListener('click', async () => {
+        if (!source.activityTypes || !source.people)
+            return;
+        [types, people] = await Promise.all([source.activityTypes(), source.people('')]);
+        type.replaceChildren(...types.map((t) => el('option', { value: String(t.id) }, t.name)));
+        assignee.replaceChildren(...people.map((p) => el('option', { value: String(p.id) }, p.name)));
+        summary.value = '';
+        dueChosen = false;
+        dueFromType();
+        form.hidden = false;
+        element.hidden = false;
+        type.focus();
+    });
+    cancelForm.addEventListener('click', () => {
+        form.hidden = true;
+        void load();
+    });
+    schedule.addEventListener('click', async () => {
+        const record = context.record();
+        const chosenType = types.find((t) => String(t.id) === type.value);
+        const person = people.find((p) => String(p.id) === assignee.value);
+        if (!record || !source.schedule || !chosenType || !person || !due.value)
+            return;
+        await source.schedule(record, { typeId: chosenType.id, summary: summary.value.trim() || undefined, due: due.value, assigneeId: person.id });
+        form.hidden = true;
+        await load();
+    });
+    element.prepend(form);
+    return { button, element, load };
+}
+//# sourceMappingURL=activities.js.map

package/src/lib/activities.js.map

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

package/src/lib/activities.mjs

@@ -0,0 +1,140 @@
+import { fill } from '@fieldia/core';
+import { drawIcon } from '@fieldia/widgets';
+/** A day as `YYYY-MM-DD`, in the person's own time zone. */
+export function isoDay(date) {
+    const pad = (n) => String(n).padStart(2, '0');
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+/** Days after `day`, as `YYYY-MM-DD`. */
+function daysAfter(day, days) {
+    const next = new Date(day);
+    next.setDate(next.getDate() + days);
+    return isoDay(next);
+}
+/** Whether an activity is late, due today, or ahead. */
+export function dueState(due, today) {
+    return due < today ? 'overdue' : due === today ? 'today' : 'planned';
+}
+/**
+ * The record's activities: what is to be done, by whom and by when, overdue
+ * first. Each can be marked done, with what came of it, or cancelled; a form
+ * schedules a new one. Every part the source cannot do is left out.
+ */
+export function activitiesPart(context, afterChange) {
+    const { el, labels, source, doc, icons, locale } = context;
+    if (!source.activities)
+        return { button: null, element: null, load: async () => undefined };
+    const list = el('ul', { class: 'fd-activity-list' });
+    const element = el('section', { class: 'fd-activities', 'aria-label': labels.activities }, list);
+    const dayFormat = new Intl.DateTimeFormat(locale === 'ar' ? 'ar-EG-u-nu-latn' : locale, { dateStyle: 'medium' });
+    const canSchedule = !!(source.schedule && source.activityTypes && source.people);
+    // ---- the list ----------------------------------------------------------------
+    function item(activity, today) {
+        const when = dueState(activity.due, today);
+        const icon = drawIcon(doc, activity.type.icon ?? 'clock', icons);
+        const dueText = when === 'overdue' ? labels.overdue : when === 'today' ? labels.today : fill(labels.dueOn, { date: dayFormat.format(new Date(`${activity.due}T12:00:00`)) });
+        const row = el('li', { class: 'fd-activity', 'data-when': when }, el('span', { class: 'fd-activity-icon' }, ...(icon ? [icon] : [])), el('div', { class: 'fd-activity-content' }, el('span', { class: 'fd-activity-summary' }, activity.summary || activity.type.name), el('span', { class: 'fd-activity-meta' }, el('span', { class: 'fd-activity-due' }, dueText), ' · ', activity.assignee.name)));
+        const actions = el('div', { class: 'fd-activity-actions' });
+        if (source.markDone) {
+            const done = el('button', { type: 'button', class: 'fd-button fd-button-link' }, labels.markDone);
+            const feedback = el('textarea', { class: 'fd-input', rows: '2', placeholder: labels.whatHappened, 'aria-label': labels.whatHappened });
+            const confirm = el('button', { type: 'button', class: 'fd-button fd-button-primary' }, labels.done);
+            const finishing = el('div', { class: 'fd-activity-finish', hidden: '' }, feedback, confirm);
+            done.addEventListener('click', () => {
+                finishing.hidden = !finishing.hidden;
+                if (!finishing.hidden)
+                    feedback.focus();
+            });
+            confirm.addEventListener('click', async () => {
+                const record = context.record();
+                if (!record || !source.markDone)
+                    return;
+                await source.markDone(record, activity.id, feedback.value.trim() || undefined);
+                await load();
+                await afterChange();
+            });
+            actions.append(done);
+            row.append(actions, finishing);
+        }
+        if (source.cancel) {
+            const cancel = el('button', { type: 'button', class: 'fd-button fd-button-link' }, labels.cancelActivity);
+            cancel.addEventListener('click', async () => {
+                const record = context.record();
+                if (!record || !source.cancel)
+                    return;
+                await source.cancel(record, activity.id);
+                await load();
+            });
+            actions.append(cancel);
+            if (!row.contains(actions))
+                row.append(actions);
+        }
+        return row;
+    }
+    async function load() {
+        const record = context.record();
+        if (!record || !source.activities) {
+            element.hidden = true;
+            return;
+        }
+        const activities = [...(await source.activities(record))].sort((a, b) => a.due.localeCompare(b.due));
+        if (context.record() !== record)
+            return;
+        const today = isoDay(context.now());
+        list.replaceChildren(...activities.map((activity) => item(activity, today)));
+        element.hidden = !activities.length && form.hidden;
+    }
+    // ---- scheduling --------------------------------------------------------------
+    const type = el('select', { class: 'fd-input', name: 'type', 'aria-label': labels.activityType });
+    const summary = el('input', { class: 'fd-input', name: 'summary', 'aria-label': labels.summary, placeholder: labels.summary });
+    const due = el('input', { class: 'fd-input', type: 'date', name: 'due', 'aria-label': labels.dueDate });
+    const assignee = el('select', { class: 'fd-input', name: 'assignee', 'aria-label': labels.assignedTo });
+    const schedule = el('button', { type: 'button', class: 'fd-button fd-button-primary' }, labels.schedule);
+    const cancelForm = el('button', { type: 'button', class: 'fd-button' }, labels.cancel);
+    const label = (text, control) => el('label', { class: 'fd-activity-field' }, el('span', {}, text), control);
+    const form = el('div', { class: 'fd-activity-form', hidden: '' }, label(labels.activityType, type), label(labels.summary, summary), label(labels.dueDate, due), label(labels.assignedTo, assignee), el('div', { class: 'fd-composer-actions' }, schedule, cancelForm));
+    let types = [];
+    let people = [];
+    /** The due date follows the type until someone chooses one. */
+    let dueChosen = false;
+    const dueFromType = () => {
+        if (dueChosen)
+            return;
+        const chosen = types.find((t) => String(t.id) === type.value);
+        due.value = daysAfter(context.now(), chosen?.daysUntilDue ?? 0);
+    };
+    type.addEventListener('change', dueFromType);
+    due.addEventListener('input', () => (dueChosen = true));
+    due.addEventListener('change', () => (dueChosen = true));
+    const button = canSchedule ? el('button', { type: 'button', class: 'fd-button' }, labels.scheduleActivity) : null;
+    button?.addEventListener('click', async () => {
+        if (!source.activityTypes || !source.people)
+            return;
+        [types, people] = await Promise.all([source.activityTypes(), source.people('')]);
+        type.replaceChildren(...types.map((t) => el('option', { value: String(t.id) }, t.name)));
+        assignee.replaceChildren(...people.map((p) => el('option', { value: String(p.id) }, p.name)));
+        summary.value = '';
+        dueChosen = false;
+        dueFromType();
+        form.hidden = false;
+        element.hidden = false;
+        type.focus();
+    });
+    cancelForm.addEventListener('click', () => {
+        form.hidden = true;
+        void load();
+    });
+    schedule.addEventListener('click', async () => {
+        const record = context.record();
+        const chosenType = types.find((t) => String(t.id) === type.value);
+        const person = people.find((p) => String(p.id) === assignee.value);
+        if (!record || !source.schedule || !chosenType || !person || !due.value)
+            return;
+        await source.schedule(record, { typeId: chosenType.id, summary: summary.value.trim() || undefined, due: due.value, assigneeId: person.id });
+        form.hidden = true;
+        await load();
+    });
+    element.prepend(form);
+    return { button, element, load };
+}
+//# sourceMappingURL=activities.mjs.map

package/src/lib/activities.mjs.map

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

package/src/lib/attachments.d.mts

@@ -0,0 +1,19 @@
+import type { ChatterContext } from './chatter.mjs';
+import type { Attachment } from './source.mjs';
+/** A message's files: an image as a preview that opens it, any other file as a link with its size. */
+export declare function attachmentList(context: ChatterContext, attachments: readonly Attachment[], remove?: (attachment: Attachment) => void): HTMLElement;
+/**
+ * The composer's files: a button to choose them, dropped ones too, each
+ * stored at once through the source and shown until it is sent or taken away.
+ * Without a source that stores files, there is nothing to show.
+ */
+export declare function composerFiles(context: ChatterContext, onProblem: (message: string) => void): {
+    /** The button, or nothing when the source cannot store files. */
+    element: HTMLDivElement | null;
+    chips: HTMLDivElement;
+    files: () => Attachment[];
+    busy: () => boolean;
+    clear(): void;
+    /** Files dropped on the composer are taken too. */
+    takeDropsOn(target: HTMLElement): void;
+};

package/src/lib/attachments.d.ts

@@ -0,0 +1,19 @@
+import type { ChatterContext } from './chatter';
+import type { Attachment } from './source';
+/** A message's files: an image as a preview that opens it, any other file as a link with its size. */
+export declare function attachmentList(context: ChatterContext, attachments: readonly Attachment[], remove?: (attachment: Attachment) => void): HTMLElement;
+/**
+ * The composer's files: a button to choose them, dropped ones too, each
+ * stored at once through the source and shown until it is sent or taken away.
+ * Without a source that stores files, there is nothing to show.
+ */
+export declare function composerFiles(context: ChatterContext, onProblem: (message: string) => void): {
+    /** The button, or nothing when the source cannot store files. */
+    element: HTMLDivElement | null;
+    chips: HTMLDivElement;
+    files: () => Attachment[];
+    busy: () => boolean;
+    clear(): void;
+    /** Files dropped on the composer are taken too. */
+    takeDropsOn(target: HTMLElement): void;
+};

package/src/lib/attachments.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attachmentList = attachmentList;
+exports.composerFiles = composerFiles;
+const core_1 = require("@fieldia/core");
+const widgets_1 = require("@fieldia/widgets");
+const isImage = (attachment) => attachment.type.startsWith('image/') && !!attachment.url;
+/** A message's files: an image as a preview that opens it, any other file as a link with its size. */
+function attachmentList(context, attachments, remove) {
+    const { el, doc, labels, icons } = context;
+    return el('ul', { class: 'fd-attachments' }, ...attachments.map((attachment) => {
+        const item = el('li', { class: 'fd-attachment' });
+        if (isImage(attachment)) {
+            const preview = el('img', { src: attachment.url, alt: attachment.name });
+            item.append(el('a', { class: 'fd-attachment-image', href: attachment.url, target: '_blank', rel: 'noopener' }, preview));
+        }
+        else {
+            const icon = (0, widgets_1.drawIcon)(doc, 'file', icons);
+            const words = el('span', { class: 'fd-attachment-words' }, el('span', { class: 'fd-attachment-name' }, attachment.name), el('span', { class: 'fd-attachment-size' }, (0, core_1.formatBytes)(attachment.size)));
+            const parts = [...(icon ? [icon] : []), words];
+            item.append(attachment.url
+                ? el('a', { class: 'fd-attachment-file', href: attachment.url, target: '_blank', rel: 'noopener', download: attachment.name }, ...parts)
+                : el('span', { class: 'fd-attachment-file' }, ...parts));
+        }
+        if (remove) {
+            const drop = el('button', { type: 'button', class: 'fd-attachment-remove', 'aria-label': (0, core_1.fill)(labels.removeAttachment, { name: attachment.name }) }, '×');
+            drop.addEventListener('click', () => remove(attachment));
+            item.append(drop);
+        }
+        return item;
+    }));
+}
+/**
+ * The composer's files: a button to choose them, dropped ones too, each
+ * stored at once through the source and shown until it is sent or taken away.
+ * Without a source that stores files, there is nothing to show.
+ */
+function composerFiles(context, onProblem) {
+    const { el, labels, source, doc, icons } = context;
+    let files = [];
+    let uploading = 0;
+    const input = el('input', { type: 'file', multiple: '', hidden: '' });
+    const icon = (0, widgets_1.drawIcon)(doc, 'link', icons);
+    const button = el('button', { type: 'button', class: 'fd-button fd-attach' }, ...(icon ? [icon] : []), labels.attach);
+    const chips = el('div', { class: 'fd-composer-files' });
+    const element = el('div', { class: 'fd-composer-attach' }, button, input);
+    const draw = () => chips.replaceChildren(...(files.length ? [attachmentList(context, files, (gone) => ((files = files.filter((f) => f !== gone)), draw()))] : []));
+    async function take(chosen) {
+        const record = context.record();
+        if (!source.upload || !record)
+            return;
+        uploading += chosen.length;
+        for (const file of chosen) {
+            try {
+                files = [...files, await source.upload(record, file)];
+                draw();
+            }
+            catch (error) {
+                onProblem((0, core_1.fill)(labels.couldNotSend, { reason: error.message }));
+            }
+            finally {
+                uploading--;
+            }
+        }
+    }
+    button.addEventListener('click', () => input.click());
+    input.addEventListener('change', () => {
+        void take([...(input.files ?? [])]);
+        input.value = '';
+    });
+    return {
+        /** The button, or nothing when the source cannot store files. */
+        element: source.upload ? element : null,
+        chips,
+        files: () => files,
+        busy: () => uploading > 0,
+        clear() {
+            files = [];
+            draw();
+        },
+        /** Files dropped on the composer are taken too. */
+        takeDropsOn(target) {
+            if (!source.upload)
+                return;
+            target.addEventListener('dragover', (event) => event.preventDefault());
+            target.addEventListener('drop', (event) => {
+                event.preventDefault();
+                void take([...(event.dataTransfer?.files ?? [])]);
+            });
+        },
+    };
+}
+//# sourceMappingURL=attachments.js.map