@ketvietlab/ketsuite 0.1.24 → 0.1.29

package/dist/ui/client/bulk-selection.js

@@ -0,0 +1,67 @@
+/**
+ * External row checkboxes belong to their native form, even when the form is
+ * hidden. Keep each legacy bulk form and the public ListPage action slot in sync
+ * with that association instead of using selection anywhere in the app shell.
+ */
+export const installBulkSelection = (root, signal) => {
+    const hasContent = (node) => {
+        if (node.nodeType === 3)
+            return Boolean(node.textContent?.trim());
+        if (!(node instanceof Element))
+            return false;
+        if (node.matches('[data-ui="bulk-form"]'))
+            return !node.hidden;
+        if (node.matches('[data-ui="inline"], [data-ui="list-page-tools"]'))
+            return [...node.childNodes].some(hasContent);
+        return true;
+    };
+    const sync = () => {
+        if (signal.aborted)
+            return;
+        const slots = new Set();
+        for (const form of root.querySelectorAll('form[data-ui="bulk-form"]')) {
+            const selected = [...form.elements].some((control) => control instanceof HTMLInputElement &&
+                !control.disabled &&
+                ((control.matches('[data-ui="row-select"], [data-ui="kt-row-select"]') && control.checked) ||
+                    (control.type === 'hidden' &&
+                        control.parentElement?.matches('[data-ui="kt-select-persisted"]') &&
+                        control.value === '1')));
+            form.hidden = !selected;
+            if (!selected)
+                for (const menu of form.querySelectorAll('details[data-ui="bulk-actions"][open]'))
+                    menu.open = false;
+            const tools = form.closest('[data-ui="list-page-tools"]');
+            if (tools)
+                slots.add(tools);
+            const slot = form.closest('[data-ui="list-page-actions"]');
+            if (slot)
+                slots.add(slot);
+        }
+        for (const slot of slots)
+            slot.hidden = ![...slot.childNodes].some(hasContent);
+    };
+    let queued = false;
+    const schedule = () => {
+        if (queued || signal.aborted)
+            return;
+        queued = true;
+        queueMicrotask(() => {
+            queued = false;
+            sync();
+        });
+    };
+    root.addEventListener('change', schedule, { signal });
+    root.addEventListener('reset', schedule, { signal });
+    const observer = new MutationObserver(schedule);
+    observer.observe(root, {
+        subtree: true,
+        childList: true,
+        attributes: true,
+        attributeFilter: ['checked', 'disabled', 'form'],
+    });
+    const cleanup = () => observer.disconnect();
+    signal.addEventListener('abort', cleanup, { once: true });
+    sync();
+    return cleanup;
+};
+//# sourceMappingURL=bulk-selection.js.map

package/dist/ui/client/bulk-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulk-selection.js","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/ui/client/bulk-selection.ts"],"names":[],"mappings":"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"}

package/dist/ui/client/ket-table-view.d.ts

@@ -0,0 +1,3 @@
+import type { IslandController, IslandProps } from '@ketvietlab/ketjs-view';
+export declare const ketTable: (props: IslandProps) => IslandController;
+//# sourceMappingURL=ket-table-view.d.ts.map

package/dist/ui/client/ket-table-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ket-table-view.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/ket-table-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAO3E,eAAO,MAAM,QAAQ,UAAW,WAAW,KAAG,gBAsB1C,CAAA"}

package/dist/ui/client/ket-table-view.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { createKetTableView, MediaLabel, Text } from '@ketvietlab/design-system';
+// A thin, shared registration point — not a reimplementation like
+// `relation-select-view.tsx` — so a screen that ever needs a `custom` cell
+// kind has one place to add it, registered identically for the server-side
+// `view:` in `backend/islands.ts` and this same file's client bundle entry
+// in `tools/build-backend-client.mjs`. Media and text use public DS primitives.
+export const ketTable = (props) => createKetTableView(props, {
+    'thumbnail-label': (value, row, options) => {
+        const image = row[String(options?.imageField ?? 'image')];
+        const config = props.config;
+        const collect = (groups) => groups.flatMap((group) => [...(group.rows ?? []), ...collect(group.children ?? [])]);
+        const rows = [...(config.rows ?? []), ...collect(config.groups ?? [])];
+        const reserveImage = rows.some((entry) => Boolean(entry[String(options?.imageField ?? 'image')]?.src));
+        return _jsx(MediaLabel, { label: String(value ?? ''), src: image?.src, reserveImage: reserveImage });
+    },
+    // A classification in words. `status` draws a badge, which is for states
+    // and exceptions; a value most rows share would repeat the same pill down
+    // the column and stop the colour meaning anything.
+    label: (value, _row, options) => {
+        const labels = (options?.labels ?? {});
+        const key = String(value ?? '');
+        const muted = Array.isArray(options?.mutedValues) && options.mutedValues.includes(key);
+        return _jsx(Text, { tone: muted ? 'muted' : 'default', children: labels[key] ?? key });
+    },
+});
+//# sourceMappingURL=ket-table-view.js.map

package/dist/ui/client/ket-table-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ket-table-view.js","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/ui/client/ket-table-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAIhF,kEAAkE;AAClE,2EAA2E;AAC3E,2EAA2E;AAC3E,2EAA2E;AAC3E,gFAAgF;AAChF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAkB,EAAoB,EAAE,CAC/D,kBAAkB,CAAC,KAAc,EAAE;IACjC,iBAAiB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE;QACzC,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,IAAI,OAAO,CAAC,CAA4B,CAAA;QACpF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAwB,CAAA;QAC7C,MAAM,OAAO,GAAG,CAAC,MAAuB,EAA6B,EAAE,CACrE,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;QACtF,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAA;QACtE,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CACvC,OAAO,CAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,IAAI,OAAO,CAAC,CAA6B,EAAE,GAAG,CAAC,CACzF,CAAA;QACD,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY,GAAI,CAAA;IAChG,CAAC;IACD,yEAAyE;IACzE,0EAA0E;IAC1E,mDAAmD;IACnD,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;QAC9B,MAAM,MAAM,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,CAA2B,CAAA;QAChE,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;QAC/B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QACtF,OAAO,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,YAAG,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,GAAQ,CAAA;IAC7E,CAAC;CACF,CAAC,CAAA"}

package/dist/ui/client/live-doc-shell.d.ts

@@ -1,10 +1,19 @@
 import type { TemplateResult } from '@ketvietlab/ketjs-view';
 import type { Delta } from './live-doc-blocks.ts';
-/** One block as the serializer needs it: what kind, and the text it holds. */
+/**
+ * One block as the serializer needs it: what kind, and the text it holds.
+ *
+ * `id` gives the block a stable anchor (`#doc-<id>`), `align` is a text
+ * alignment, and a `table` block keeps its cells in `rows` rather than in the
+ * text — cell edits must not enter the editor's flat paragraph model.
+ */
 export type LiveDocBlock = {
     type: string;
     checked?: boolean;
     delta: Delta;
+    id?: string;
+    align?: string;
+    rows?: string[][];
 };
 /** Somebody else in the document, and which block their caret is in. */
 export type LiveDocViewer = {
@@ -15,6 +24,7 @@ export type LiveDocViewer = {
 type Labels = (typeof LABELS)['vi'];
 declare const LABELS: {
     vi: {
+        table: string;
         toolbar: string;
         editor: string;
         blockType: string;
@@ -40,6 +50,33 @@ declare const LABELS: {
         alsoHere: string;
     };
     en: {
+        table: string;
+        toolbar: string;
+        editor: string;
+        blockType: string;
+        p: string;
+        h1: string;
+        h2: string;
+        h3: string;
+        quote: string;
+        code: string;
+        bullet: string;
+        ordered: string;
+        check: string;
+        bold: string;
+        italic: string;
+        strike: string;
+        inlineCode: string;
+        link: string;
+        linkTitle: string;
+        linkUrl: string;
+        linkApply: string;
+        linkRemove: string;
+        linkCancel: string;
+        alsoHere: string;
+    };
+    ja: {
+        table: string;
         toolbar: string;
         editor: string;
         blockType: string;
@@ -96,6 +133,7 @@ export declare function documentHtml(blocks: LiveDocBlock[] | undefined, lang?:
 export declare function liveDocShell(o: {
     containerId: string;
     lang?: string | null;
+    tables?: boolean;
 }): TemplateResult;
 export {};
 //# sourceMappingURL=live-doc-shell.d.ts.map

package/dist/ui/client/live-doc-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"live-doc-shell.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/live-doc-shell.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAEjD,8EAA8E;AAC9E,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAA;AAE5E,wEAAwE;AACxE,MAAM,MAAM,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAEvE,KAAK,MAAM,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,CAAA;AAEnC,QAAA,MAAM,MAAM;IACV,EAAE;QACA,OAAO;QACP,MAAM;QACN,SAAS;QACT,CAAC;QACD,EAAE;QACF,EAAE;QACF,EAAE;QACF,KAAK;QACL,IAAI;QACJ,MAAM;QACN,OAAO;QACP,KAAK;QACL,IAAI;QACJ,MAAM;QACN,MAAM;QACN,UAAU;QACV,IAAI;QACJ,SAAS;QACT,OAAO;QACP,SAAS;QACT,UAAU;QACV,UAAU;QACV,QAAQ;;IAEV,EAAE;QACA,OAAO;QACP,MAAM;QACN,SAAS;QACT,CAAC;QACD,EAAE;QACF,EAAE;QACF,EAAE;QACF,KAAK;QACL,IAAI;QACJ,MAAM;QACN,OAAO;QACP,KAAK;QACL,IAAI;QACJ,MAAM;QACN,MAAM;QACN,UAAU;QACV,IAAI;QACJ,SAAS;QACT,OAAO;QACP,SAAS;QACT,UAAU;QACV,UAAU;QACV,QAAQ;;CAEX,CAAA;AAED,eAAO,MAAM,QAAQ,UAAW,MAAM,GAAG,IAAI,KAAG,MAC4B,CAAA;AAwH5E;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAS9F;AAuBD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAClC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EACpB,QAAQ,CAAC,EAAE,aAAa,EAAE,GACzB,MAAM,CA+BR;AAED;;;;GAIG;AAEH;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,cAAc,CAuG7F"}
+{"version":3,"file":"live-doc-shell.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/live-doc-shell.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAEjD;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,KAAK,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAA;CAClB,CAAA;AAED,wEAAwE;AACxE,MAAM,MAAM,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAEvE,KAAK,MAAM,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,CAAA;AAEnC,QAAA,MAAM,MAAM;IACV,EAAE;QACA,KAAK;QACL,OAAO;QACP,MAAM;QACN,SAAS;QACT,CAAC;QACD,EAAE;QACF,EAAE;QACF,EAAE;QACF,KAAK;QACL,IAAI;QACJ,MAAM;QACN,OAAO;QACP,KAAK;QACL,IAAI;QACJ,MAAM;QACN,MAAM;QACN,UAAU;QACV,IAAI;QACJ,SAAS;QACT,OAAO;QACP,SAAS;QACT,UAAU;QACV,UAAU;QACV,QAAQ;;IAEV,EAAE;QACA,KAAK;QACL,OAAO;QACP,MAAM;QACN,SAAS;QACT,CAAC;QACD,EAAE;QACF,EAAE;QACF,EAAE;QACF,KAAK;QACL,IAAI;QACJ,MAAM;QACN,OAAO;QACP,KAAK;QACL,IAAI;QACJ,MAAM;QACN,MAAM;QACN,UAAU;QACV,IAAI;QACJ,SAAS;QACT,OAAO;QACP,SAAS;QACT,UAAU;QACV,UAAU;QACV,QAAQ;;IAEV,EAAE;QACA,KAAK;QACL,OAAO;QACP,MAAM;QACN,SAAS;QACT,CAAC;QACD,EAAE;QACF,EAAE;QACF,EAAE;QACF,KAAK;QACL,IAAI;QACJ,MAAM;QACN,OAAO;QACP,KAAK;QACL,IAAI;QACJ,MAAM;QACN,MAAM;QACN,UAAU;QACV,IAAI;QACJ,SAAS;QACT,OAAO;QACP,SAAS;QACT,UAAU;QACV,UAAU;QACV,QAAQ;;CAEX,CAAA;AAED,eAAO,MAAM,QAAQ,UAAW,MAAM,GAAG,IAAI,KAAG,MAC4B,CAAA;AAwH5E;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAS9F;AAuCD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAClC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EACpB,QAAQ,CAAC,EAAE,aAAa,EAAE,GACzB,MAAM,CA+BR;AAED;;;;GAIG;AAEH;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,cAAc,CAwGjB"}

package/dist/ui/client/live-doc-shell.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
 const LABELS = {
     vi: {
+        table: 'Bảng',
         toolbar: 'Định dạng',
         editor: 'Mô tả công việc',
         blockType: 'Kiểu khối',
@@ -26,6 +27,7 @@ const LABELS = {
         alsoHere: 'Đang xem:',
     },
     en: {
+        table: 'Table',
         toolbar: 'Formatting',
         editor: 'Issue description',
         blockType: 'Block type',
@@ -50,6 +52,32 @@ const LABELS = {
         linkCancel: 'Cancel',
         alsoHere: 'Also here:',
     },
+    ja: {
+        table: '表',
+        toolbar: '書式',
+        editor: '本文',
+        blockType: 'ブロック形式',
+        p: '段落',
+        h1: '見出し1',
+        h2: '見出し2',
+        h3: '見出し3',
+        quote: '引用',
+        code: 'コードブロック',
+        bullet: '箇条書き',
+        ordered: '番号付きリスト',
+        check: 'チェックリスト',
+        bold: '太字',
+        italic: '斜体',
+        strike: '取り消し線',
+        inlineCode: 'コード',
+        link: 'リンク',
+        linkTitle: 'リンクを追加',
+        linkUrl: 'URL',
+        linkApply: '適用',
+        linkRemove: '削除',
+        linkCancel: 'キャンセル',
+        alsoHere: '閲覧中:',
+    },
 };
 export const labelsOf = (lang) => LABELS[String(lang ?? '').slice(0, 2)] ?? LABELS.vi;
 /** The block vocabulary. The first six are what the type control offers. */
@@ -171,7 +199,16 @@ export function presenceHtml(people, lang) {
         .join('')}`;
 }
 const checkMark = (block, labels) => `<span data-ui="flow-editor-check" contenteditable="false" role="checkbox" aria-checked="${block.checked ? 'true' : 'false'}" aria-label="${escapeAttr(labels.check)}" tabindex="-1"></span>`;
+const ALIGNMENTS = new Set(['left', 'center', 'right']);
+/** A table's cells are plain text, each editable on its own. */
+const tableHtml = (block, index) => `<div data-block="table" data-index="${index}" contenteditable="false"><table><tbody>${(block.rows ?? [])
+    .map((row, r) => `<tr>${row.map((cell, c) => `<td data-live-cell data-row="${r}" data-col="${c}" contenteditable="plaintext-only">${withBreaks(cell) || '<br>'}</td>`).join('')}</tr>`)
+    .join('')}</tbody></table></div>`;
 const blockHtml = (block, index, labels, people) => {
+    if (block.type === 'divider')
+        return `<hr data-block="divider" data-index="${index}" contenteditable="false">`;
+    if (block.type === 'table')
+        return tableHtml(block, index);
     const type = BLOCK_TAG[block.type] ? block.type : 'p';
     const tag = BLOCK_TAG[type];
     const checked = type === 'check' ? ` data-checked="${block.checked ? 'true' : 'false'}"` : '';
@@ -185,7 +222,9 @@ const blockHtml = (block, index, labels, people) => {
         : type === 'check'
             ? `${checkMark(block, labels)}<span data-ui="flow-editor-line">${blockBody(block)}</span>`
             : blockBody(block);
-    return `<${tag} data-block="${type}" data-index="${index}"${checked}>${body}${viewerMarks(people)}</${tag}>`;
+    const id = block.id ? ` id="doc-${escapeAttr(block.id)}"` : '';
+    const align = block.align && ALIGNMENTS.has(block.align) ? ` style="text-align:${block.align}"` : '';
+    return `<${tag} data-block="${type}" data-index="${index}"${id}${align}${checked}>${body}${viewerMarks(people)}</${tag}>`;
 };
 /**
  * The whole document as one HTML string, runs of list items wrapped.
@@ -246,6 +285,6 @@ export function liveDocShell(o) {
     const labels = labelsOf(o.lang);
     const mark = (key, glyph, label) => (_jsx("button", { "data-ui": "flow-editor-mark", "data-flow-editor-mark": key, "data-control": "action", "data-variant": "secondary", "data-size": "compact", type: "button", "aria-label": label, title: label, children: glyph }));
     const blockOption = (value) => (_jsx("option", { value: value, children: labels[value] }));
-    return (_jsxs("section", { "data-ui": "flow-editor", children: [_jsxs("div", { "data-ui": "flow-editor-toolbar", role: "toolbar", "aria-label": labels.toolbar, children: [_jsxs("select", { "data-ui": "form-control", "data-flow-editor-block": true, "data-size": "compact", "aria-label": labels.blockType, title: labels.blockType, children: [blockOption('p'), blockOption('h1'), blockOption('h2'), blockOption('h3'), blockOption('quote'), blockOption('code')] }), mark('bullet', '\u2022', labels.bullet), mark('ordered', '1.', labels.ordered), mark('check', '\u2611', labels.check), _jsx("span", { "data-ui": "flow-editor-divider", "aria-hidden": "true" }), mark('bold', 'B', labels.bold), mark('italic', 'I', labels.italic), mark('strike', 'S', labels.strike), mark('code', '</>', labels.inlineCode), mark('link', '\u{1F517}', labels.link)] }), _jsx("div", { "data-ui": "flow-editor-presence", "data-flow-editor-presence": true, role: "status", "aria-live": "polite" }), _jsx("div", { "data-ui": "flow-editor-content", id: o.containerId, contenteditable: "true", role: "textbox", tabindex: "0", "aria-multiline": "true", "aria-label": labels.editor }), _jsx("dialog", { "data-ui": "flow-editor-link-dialog", "data-flow-editor-link-dialog": true, "aria-label": labels.linkTitle, children: _jsxs("div", { "data-ui": "flow-editor-link-body", children: [_jsxs("label", { "data-ui": "flow-editor-link-label", children: [_jsx("span", { children: labels.linkUrl }), _jsx("input", { "data-ui": "form-control", "data-flow-editor-link-input": true, type: "url", name: "href", placeholder: "https://", autocomplete: "off" })] }), _jsxs("div", { "data-ui": "flow-editor-link-actions", children: [_jsx("button", { "data-control": "action", "data-variant": "secondary", "data-size": "compact", type: "button", "data-flow-editor-link-cancel": true, children: labels.linkCancel }), _jsx("button", { "data-control": "action", "data-variant": "destructive", "data-size": "compact", type: "button", "data-flow-editor-link-remove": true, children: labels.linkRemove }), _jsx("button", { "data-control": "action", "data-variant": "primary", "data-size": "compact", type: "button", "data-flow-editor-link-apply": true, children: labels.linkApply })] })] }) })] }));
+    return (_jsxs("section", { "data-ui": "flow-editor", children: [_jsxs("div", { "data-ui": "flow-editor-toolbar", role: "toolbar", "aria-label": labels.toolbar, children: [_jsxs("select", { "data-ui": "form-control", "data-flow-editor-block": true, "data-size": "compact", "aria-label": labels.blockType, title: labels.blockType, children: [blockOption('p'), blockOption('h1'), blockOption('h2'), blockOption('h3'), blockOption('quote'), blockOption('code')] }), mark('bullet', '\u2022', labels.bullet), mark('ordered', '1.', labels.ordered), mark('check', '\u2611', labels.check), _jsx("span", { "data-ui": "flow-editor-divider", "aria-hidden": "true" }), mark('bold', 'B', labels.bold), mark('italic', 'I', labels.italic), mark('strike', 'S', labels.strike), mark('code', '</>', labels.inlineCode), mark('link', '\u{1F517}', labels.link), o.tables ? mark('table', '\u25A6', labels.table) : null] }), _jsx("div", { "data-ui": "flow-editor-presence", "data-flow-editor-presence": true, role: "status", "aria-live": "polite" }), _jsx("div", { "data-ui": "flow-editor-content", id: o.containerId, contenteditable: "true", role: "textbox", tabindex: "0", "aria-multiline": "true", "aria-label": labels.editor }), _jsx("dialog", { "data-ui": "flow-editor-link-dialog", "data-flow-editor-link-dialog": true, "aria-label": labels.linkTitle, children: _jsxs("div", { "data-ui": "flow-editor-link-body", children: [_jsxs("label", { "data-ui": "flow-editor-link-label", children: [_jsx("span", { children: labels.linkUrl }), _jsx("input", { "data-ui": "form-control", "data-flow-editor-link-input": true, type: "url", name: "href", placeholder: "https://", autocomplete: "off" })] }), _jsxs("div", { "data-ui": "flow-editor-link-actions", children: [_jsx("button", { "data-control": "action", "data-variant": "secondary", "data-size": "compact", type: "button", "data-flow-editor-link-cancel": true, children: labels.linkCancel }), _jsx("button", { "data-control": "action", "data-variant": "destructive", "data-size": "compact", type: "button", "data-flow-editor-link-remove": true, children: labels.linkRemove }), _jsx("button", { "data-control": "action", "data-variant": "primary", "data-size": "compact", type: "button", "data-flow-editor-link-apply": true, children: labels.linkApply })] })] }) })] }));
 }
 //# sourceMappingURL=live-doc-shell.js.map

package/dist/ui/client/live-doc-shell.js.map

@@ -1 +1 @@
-{"version":3,"file":"live-doc-shell.js","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/ui/client/live-doc-shell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"live-doc-shell.js","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/ui/client/live-doc-shell.tsx"],"names":[],"mappings":"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"}

package/dist/ui/client/live-doc-view.d.ts

@@ -1,4 +1,18 @@
 import type { IslandController, IslandProps, TemplateResult } from '@ketvietlab/ketjs-view';
+import type { Delta } from './live-doc-blocks.ts';
+/** What an embedded (`local`) document hands its owner to persist. */
+export type LiveDocValue = {
+    /** The whole Yjs state, base64 — enough to reopen the document exactly. */
+    snapshot: string;
+    blocks: Array<{
+        id?: string;
+        type: string;
+        checked?: boolean;
+        align?: string;
+        rows?: string[][];
+        delta: Delta;
+    }>;
+};
 export type LiveDocProps = {
     /** The record this document belongs to. */
     docId: string;
@@ -6,12 +20,26 @@ export type LiveDocProps = {
      * The collection its endpoints hang off — `/admin/flow/issues`, matching the
      * base the owner passed `documentRoutes`. Handed in rather than built here so
      * one editor serves an issue, a project description and a page alike.
+     * Not used when `local` is set.
+     */
+    base?: string;
+    /**
+     * Embedding contract: no document routes, no presence. The document starts
+     * from `snapshot` (or `blocks`) and every change goes to `onChange`; the
+     * owner persists it through its own checked API. Local documents also offer
+     * tables.
      */
-    base: string;
+    local?: boolean;
+    snapshot?: string;
+    blocks?: LiveDocValue['blocks'];
+    /** Renders the document without letting anyone change it. */
+    readOnly?: boolean;
+    onChange?: (value: LiveDocValue) => void;
     lang?: string;
 };
 export declare function createLiveDocView(props: LiveDocProps): {
     view: () => TemplateResult;
+    getValue: () => LiveDocValue;
     dispose(): void;
     mountEditor: (el: HTMLElement) => Promise<void>;
     containerId: string;

package/dist/ui/client/live-doc-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"live-doc-view.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/live-doc-view.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAU3F,MAAM,MAAM,YAAY,GAAG;IACzB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAuMD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,YAAY;gBA49Bc,cAAc;;sBAtGhD,WAAW;;EA+G3C;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,UAAW,WAAW,KAAG,gBAU5C,CAAA"}
+{"version":3,"file":"live-doc-view.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/live-doc-view.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAM3F,OAAO,KAAK,EAAa,KAAK,EAAY,MAAM,sBAAsB,CAAA;AAItE,sEAAsE;AACtE,MAAM,MAAM,YAAY,GAAG;IACzB,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,KAAK,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAA;QACjB,KAAK,EAAE,KAAK,CAAA;KACb,CAAC,CAAA;CACH,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;IAC/B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AA0MD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,YAAY;gBAwmCmC,cAAc;oBA7/B3E,YAAY;;sBAu4BN,WAAW;;EAiI3C;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,UAAW,WAAW,KAAG,gBAU5C,CAAA"}

package/dist/ui/client/live-doc-view.js

@@ -261,7 +261,7 @@ export function createLiveDocView(props) {
     // ---- document model -----------------------------------------------------
     const typeOf = (element) => {
         const value = element.getAttribute('type');
-        return value && BLOCK_TYPES.includes(value) ? value : 'p';
+        return value && (value === 'table' || value === 'divider' || BLOCK_TYPES.includes(value)) ? value : 'p';
     };
     /**
      * The blocks, in order.
@@ -287,6 +287,7 @@ export function createLiveDocView(props) {
     function insertBlock(index, type, checked = false) {
         const element = new Y.XmlElement('block');
         element.setAttribute('type', type);
+        element.setAttribute('id', crypto.randomUUID());
         if (checked)
             element.setAttribute('checked', 'true');
         fragment.insert(index, [element]);
@@ -298,11 +299,23 @@ export function createLiveDocView(props) {
         if (fragment.length === 0)
             doc.transact(() => void insertBlock(0, 'p'));
     };
+    const attributeOf = (block, name) => block.node instanceof Y.XmlElement ? block.node.getAttribute(name) : undefined;
+    const rowsOf = (block) => JSON.parse(attributeOf(block, 'rows') || '[]');
     const modelOf = () => blocksOf().map((block) => ({
         type: block.type,
         checked: block.checked,
         delta: block.text.toDelta(),
+        id: attributeOf(block, 'id'),
+        align: attributeOf(block, 'align'),
+        rows: block.type === 'table' ? rowsOf(block) : undefined,
     }));
+    const currentValue = () => ({
+        snapshot: bytesToBase64(Y.encodeStateAsUpdate(doc)),
+        blocks: modelOf(),
+    });
+    /** Table cells edit on their own; block and mark commands do not reach into them. */
+    const inCell = () => typeof document !== 'undefined' &&
+        !!document.activeElement?.closest('[data-live-cell]');
     // ---- DOM <-> model positions --------------------------------------------
     const elementAt = (index) => container?.querySelector(`[data-index="${index}"]`) ?? null;
     /**
@@ -457,6 +470,10 @@ export function createLiveDocView(props) {
             return;
         const span = keep === undefined ? selectionSpan() : keep;
         container.innerHTML = documentHtml(modelOf(), props.lang, others());
+        if (props.readOnly) {
+            for (const el of Array.from(container.querySelectorAll('[contenteditable]')))
+                el.setAttribute('contenteditable', 'false');
+        }
         if (span)
             restoreSelection(span);
         syncToolbar();
@@ -515,6 +532,8 @@ export function createLiveDocView(props) {
      * itself could sit in the room under somebody else's name.
      */
     async function announce(index, gone = false) {
+        if (props.local)
+            return;
         announcedAt = Date.now();
         announcedIndex = gone ? -1 : index;
         const answer = await fetch(`${base}/presence`, {
@@ -596,6 +615,8 @@ export function createLiveDocView(props) {
             block.node.removeAttribute('checked');
     }
     function applyBlockType(type) {
+        if (inCell())
+            return;
         const span = selectionSpan();
         if (!span)
             return;
@@ -633,6 +654,9 @@ export function createLiveDocView(props) {
         });
     }
     function mergeBackward(index) {
+        const around = blocksOf();
+        if (around[index]?.type === 'table' || around[index - 1]?.type === 'table')
+            return;
         if (index <= 0)
             return;
         const blocks = blocksOf();
@@ -739,6 +763,8 @@ export function createLiveDocView(props) {
         return seen && all;
     }
     function toggleMark(name) {
+        if (inCell())
+            return;
         const span = selectionSpan();
         if (!span || isCollapsed(span))
             return;
@@ -1051,6 +1077,10 @@ export function createLiveDocView(props) {
             const name = button.getAttribute('data-flow-editor-mark') ?? '';
             button.addEventListener('mousedown', (event) => event.preventDefault());
             button.addEventListener('click', () => {
+                if (name === 'table') {
+                    insertTable();
+                    return;
+                }
                 if (LIST_TYPES.includes(name))
                     applyBlockType(name);
                 else if (name === 'link')
@@ -1061,6 +1091,8 @@ export function createLiveDocView(props) {
         }
         const select = root.querySelector('[data-flow-editor-block]');
         select?.addEventListener('change', () => {
+            if (inCell())
+                return;
             const value = select.value;
             const span = selectionSpan();
             if (!span)
@@ -1071,6 +1103,88 @@ export function createLiveDocView(props) {
             });
         });
     }
+    /** A 2 × 2 table after the caret's block, with a paragraph after it to keep typing in. */
+    function insertTable() {
+        const at = (selectionSpan()?.end.index ?? fragment.length - 1) + 1;
+        structural(caretAt({ index: at + 1, offset: 0 }), () => {
+            insertBlock(at, 'table');
+            fragment.get(at).setAttribute('rows', JSON.stringify([
+                ['', ''],
+                ['', ''],
+            ]));
+            insertBlock(at + 1, 'p');
+        });
+    }
+    /** Seeds a local document from what its owner stored. */
+    function loadLocal() {
+        if (props.snapshot) {
+            Y.applyUpdate(doc, base64ToBytes(props.snapshot), REMOTE);
+            return;
+        }
+        doc.transact(() => {
+            for (const block of props.blocks ?? []) {
+                const text = insertBlock(fragment.length, typeOfValue(block.type), block.checked);
+                const node = fragment.get(fragment.length - 1);
+                if (block.id)
+                    node.setAttribute('id', block.id);
+                if (block.align)
+                    node.setAttribute('align', block.align);
+                if (block.rows)
+                    node.setAttribute('rows', JSON.stringify(block.rows));
+                if (block.delta?.length)
+                    text.applyDelta(block.delta);
+            }
+            ensureBlocks();
+        }, REMOTE);
+    }
+    const typeOfValue = (type) => type === 'table' || type === 'divider' || BLOCK_TYPES.includes(type)
+        ? type
+        : 'p';
+    /**
+     * Tables keep their row/cell structure. Cell edits stay out of the editor's
+     * flat paragraph position model, so they cannot destroy adjacent blocks.
+     */
+    function wireCells(el) {
+        for (const type of ['beforeinput', 'paste', 'compositionstart', 'compositionend', 'input']) {
+            el.addEventListener(type, (event) => {
+                const cell = event.target?.closest?.('[data-live-cell]');
+                if (!cell)
+                    return;
+                event.stopImmediatePropagation();
+                if (props.readOnly) {
+                    event.preventDefault();
+                    return;
+                }
+                if (type === 'paste') {
+                    event.preventDefault();
+                    const selection = document.getSelection();
+                    if (selection?.rangeCount) {
+                        const range = selection.getRangeAt(0);
+                        range.deleteContents();
+                        const text = document.createTextNode(event.clipboardData?.getData('text/plain') ?? '');
+                        range.insertNode(text);
+                        range.setStartAfter(text);
+                        range.collapse(true);
+                        selection.removeAllRanges();
+                        selection.addRange(range);
+                    }
+                }
+                if (type === 'input' || type === 'compositionend' || type === 'paste') {
+                    const holder = cell.closest('[data-index]');
+                    const block = blocksOf()[Number(holder?.dataset.index)];
+                    if (!block || !(block.node instanceof Y.XmlElement))
+                        return;
+                    const node = block.node;
+                    const rows = rowsOf(block);
+                    const row = rows[Number(cell.dataset.row)];
+                    if (!row)
+                        return;
+                    row[Number(cell.dataset.col)] = cell.innerText;
+                    doc.transact(() => node.setAttribute('rows', JSON.stringify(rows)), LOCAL_TYPING);
+                }
+            }, true);
+        }
+    }
     const linkDialog = () => shell?.querySelector('[data-flow-editor-link-dialog]');
     function openLinkDialog() {
         const span = selectionSpan();
@@ -1106,6 +1220,16 @@ export function createLiveDocView(props) {
     async function mountEditor(el) {
         container = el;
         shell = el.closest('[data-ui="flow-editor"]') ?? el.parentElement;
+        if (props.local)
+            loadLocal();
+        wireCells(el);
+        if (props.readOnly) {
+            el.setAttribute('contenteditable', 'false');
+            el.setAttribute('aria-readonly', 'true');
+            shell?.querySelector('[role="toolbar"]')?.setAttribute('hidden', '');
+            render(null);
+            return;
+        }
         el.addEventListener('compositionstart', () => {
             composing = true;
             composedAt = selectionSpan()?.start ?? null;
@@ -1162,8 +1286,12 @@ export function createLiveDocView(props) {
             // formatting-loss bug: applying a full-state update on top of the
             // server's own incrementally-built state doesn't round-trip marks the
             // same way normal incremental merges do.
-            if (origin !== REMOTE)
-                void pushLocalUpdate(update);
+            if (origin !== REMOTE) {
+                if (props.local)
+                    props.onChange?.(currentValue());
+                else
+                    void pushLocalUpdate(update);
+            }
             if (origin !== LOCAL_TYPING) {
                 const keep = pending;
                 pending = null;
@@ -1175,6 +1303,10 @@ export function createLiveDocView(props) {
                     render(keep ?? undefined);
             }
         });
+        if (props.local) {
+            render(null);
+            return;
+        }
         const response = await fetch(`${base}/content`);
         const { snapshot, topic, viewerId } = (await response.json());
         if (viewerId)
@@ -1200,9 +1332,11 @@ export function createLiveDocView(props) {
         });
     }
     return {
-        view: () => liveDocShell({ containerId, lang: props.lang }),
+        view: () => liveDocShell({ containerId, lang: props.lang, tables: props.local }),
+        getValue: currentValue,
         dispose() {
             source?.close();
+            doc.destroy();
             if (heartbeat)
                 clearInterval(heartbeat);
             if (typeof document !== 'undefined')