@ketvietlab/ketsuite 0.1.2 → 0.1.5

package/dist/ui/client/flow-map-view.mjs

@@ -0,0 +1,235 @@
+// @ts-nocheck Dependency-free shared browser/SSR view.
+// A per-epic dependency map, ported from PhaseAtlas's TaskMap.svelte
+// (apps/ui/src/lib/TaskMap.svelte in the phaseatlas repo — read in full as the
+// reference for this port, styling included): issues are laid out in columns
+// by the longest chain of "blocks" dependencies leading into them (read left
+// to right), with an SVG arrow from each blocking issue to the issue it
+// blocks. Unlike that component this stays server-renderable and
+// link-navigable rather than a stateful Svelte selection panel — clicking a
+// node goes straight to its issue detail page, which this admin already has.
+const LABELS = {
+  vi: {
+    eyebrow: 'Bản đồ phụ thuộc',
+    title: 'Task map',
+    hint: 'Đọc từ trái sang phải. Kéo để xem toàn bộ bản đồ.',
+    empty: 'Epic này chưa có công việc nào.',
+    done: 'Xong',
+    active: 'Đang làm',
+    ready: 'Sẵn sàng',
+    blocked: 'Đang chặn',
+    unassigned: 'Chưa gán',
+    waitingFor: 'Chờ',
+  },
+  en: {
+    eyebrow: 'Dependency atlas',
+    title: 'Task map',
+    hint: 'Read delivery from left to right. Drag the canvas to pan through large epics.',
+    empty: 'This epic has no issues yet.',
+    done: 'Done',
+    active: 'In progress',
+    ready: 'Ready',
+    blocked: 'Waiting on dependency',
+    unassigned: 'Unassigned',
+    waitingFor: 'Waiting for',
+  },
+}
+
+const LAYOUT = { nodeWidth: 208, nodeHeight: 120, columnGap: 72, rowGap: 14, padding: 32 }
+
+const dataOf = (props) => {
+  const fallback = LABELS[String(props.lang).toLowerCase().startsWith('en') ? 'en' : 'vi']
+  try {
+    const value = JSON.parse(String(props.data ?? '{}'))
+    return {
+      epicTitle: String(value.epicTitle ?? ''),
+      nodes: Array.isArray(value.nodes) ? value.nodes : [],
+      edges: Array.isArray(value.edges) ? value.edges : [],
+      labels: { ...fallback, ...(value.labels && typeof value.labels === 'object' ? value.labels : {}) },
+    }
+  } catch {
+    return { epicTitle: '', nodes: [], edges: [], labels: fallback }
+  }
+}
+
+/** Column-by-dependency-depth layout, then a bezier path per edge — direct port of buildMap/edgePath. */
+function buildMap(nodes, edges) {
+  const byId = new Map(nodes.map((node) => [node.id, node]))
+  const incoming = new Map(nodes.map((node) => [node.id, []]))
+  for (const edge of edges) {
+    if (byId.has(edge.source) && byId.has(edge.target)) incoming.get(edge.target).push(edge.source)
+  }
+  const depthCache = new Map()
+  const depthFor = (id, trail) => {
+    if (depthCache.has(id)) return depthCache.get(id)
+    if (trail.has(id)) return 0
+    const nextTrail = new Set(trail).add(id)
+    const sources = incoming.get(id) ?? []
+    const depth = sources.length ? Math.max(...sources.map((source) => depthFor(source, nextTrail) + 1)) : 0
+    depthCache.set(id, depth)
+    return depth
+  }
+  const columns = new Map()
+  for (const node of nodes) {
+    const depth = depthFor(node.id, new Set())
+    columns.set(depth, [...(columns.get(depth) ?? []), node])
+  }
+  const columnCount = columns.size ? Math.max(...columns.keys()) + 1 : 0
+  const largestColumn = Math.max(...[...columns.values()].map((column) => column.length), 1)
+  const rowPitch = LAYOUT.nodeHeight + LAYOUT.rowGap
+  const height = LAYOUT.padding * 2 + largestColumn * LAYOUT.nodeHeight + (largestColumn - 1) * LAYOUT.rowGap
+  const positioned = []
+  for (let columnIndex = 0; columnIndex < columnCount; columnIndex++) {
+    const columnNodes = (columns.get(columnIndex) ?? [])
+      .slice()
+      .sort((a, b) => a.title.localeCompare(b.title))
+    const columnHeight =
+      columnNodes.length * LAYOUT.nodeHeight + Math.max(columnNodes.length - 1, 0) * LAYOUT.rowGap
+    const top = LAYOUT.padding + Math.max((height - LAYOUT.padding * 2 - columnHeight) / 2, 0)
+    columnNodes.forEach((node, row) => {
+      positioned.push({
+        ...node,
+        x: LAYOUT.padding + columnIndex * (LAYOUT.nodeWidth + LAYOUT.columnGap),
+        y: top + row * rowPitch,
+      })
+    })
+  }
+  const byKey = new Map(positioned.map((node) => [node.id, node]))
+  const positionedEdges = edges
+    .map((edge) => ({ source: byKey.get(edge.source), target: byKey.get(edge.target) }))
+    .filter((edge) => edge.source && edge.target)
+  return {
+    nodes: positioned,
+    edges: positionedEdges,
+    width:
+      LAYOUT.padding * 2 + columnCount * LAYOUT.nodeWidth + Math.max(columnCount - 1, 0) * LAYOUT.columnGap,
+    height,
+    // The canvas itself is full height (every node needs a fixed position),
+    // but the scroll region is capped — otherwise one column with hundreds
+    // of nodes stacked vertically (no "blocks" edges between them) stretches
+    // the whole admin page to match instead of scrolling in place. Found by
+    // opening a 141-issue epic with no dependency edges: the page came out
+    // ~15000px tall. Same min/max bounds as the PhaseAtlas source this was
+    // ported from.
+    viewportHeight: Math.min(Math.max(height, 420), 1000),
+  }
+}
+
+const edgePath = (edge) => {
+  const startX = edge.source.x + LAYOUT.nodeWidth
+  const startY = edge.source.y + LAYOUT.nodeHeight / 2
+  const endX = edge.target.x
+  const endY = edge.target.y + LAYOUT.nodeHeight / 2
+  const bendX = startX + (endX - startX) * 0.5
+  return `M ${startX} ${startY} C ${bendX} ${startY}, ${bendX} ${endY}, ${endX} ${endY}`
+}
+
+export function createFlowMapView(runtime, props) {
+  const { each, html } = runtime
+  const data = dataOf(props)
+  const labels = data.labels
+  const byId = new Map(data.nodes.map((node) => [node.id, node]))
+  // Blocked: a "blocks" edge whose source is not done. Active: someone has
+  // picked it up but it's not done or blocked. Ready: unassigned, unblocked.
+  // Three states Flow's own schema already carries (terminal column,
+  // assignee, dependency graph) — no state PhaseAtlas tracks that Flow does
+  // not, so nothing here is invented.
+  const blockedBy = new Map()
+  for (const edge of data.edges) {
+    const source = byId.get(edge.source)
+    if (source && !source.done) {
+      const list = blockedBy.get(edge.target) ?? []
+      list.push(source.title)
+      blockedBy.set(edge.target, list)
+    }
+  }
+  const nodes = data.nodes.map((node) => {
+    const waitingFor = blockedBy.get(node.id) ?? []
+    const tone = node.done ? 'done' : waitingFor.length ? 'blocked' : node.assigneeName ? 'active' : 'ready'
+    return { ...node, tone, waitingFor }
+  })
+  const model = buildMap(nodes, data.edges)
+  const summary = {
+    done: nodes.filter((node) => node.tone === 'done').length,
+    active: nodes.filter((node) => node.tone === 'active').length,
+    blocked: nodes.filter((node) => node.tone === 'blocked').length,
+    ready: nodes.filter((node) => node.tone === 'ready').length,
+  }
+  const toneLabel = (tone) =>
+    tone === 'done'
+      ? labels.done
+      : tone === 'blocked'
+        ? labels.blocked
+        : tone === 'active'
+          ? labels.active
+          : labels.ready
+  const issueHref = (node) =>
+    node.href
+      ? String(node.href)
+      : `/admin/flow/issues/${encodeURIComponent(String(node.id))}${
+          props.lang ? `?lang=${encodeURIComponent(String(props.lang))}` : ''
+        }`
+
+  return () => html`<section data-ui="flow-map">
+    <header data-ui="flow-map-header">
+      <div>
+        <p data-ui="flow-map-eyebrow">${labels.eyebrow}</p>
+        <h2>${labels.title}</h2>
+        <p data-ui="flow-map-hint">${labels.hint}</p>
+      </div>
+      <div data-ui="flow-map-summary">
+        <span data-tone="done"><strong>${summary.done}</strong>${labels.done}</span>
+        <span data-tone="active"><strong>${summary.active}</strong>${labels.active}</span>
+        <span data-tone="blocked"><strong>${summary.blocked}</strong>${labels.blocked}</span>
+        <span data-tone="ready"><strong>${summary.ready}</strong>${labels.ready}</span>
+      </div>
+    </header>
+    <div data-ui="flow-map-legend">
+      ${each(
+        ['done', 'active', 'ready', 'blocked'],
+        (tone) => tone,
+        (tone) => html`<span data-tone=${tone}><i></i>${toneLabel(tone)}</span>`,
+      )}
+      <span data-ui="flow-map-epic-name">${data.epicTitle}</span>
+    </div>
+    ${
+      model.nodes.length === 0
+        ? html`<p data-ui="flow-map-empty">${labels.empty}</p>`
+        : html`<div data-ui="flow-map-scroll" style=${`height:${model.viewportHeight}px`}>
+          <div data-ui="flow-map-canvas" style=${`width:${model.width}px;height:${model.height}px`}>
+            <svg data-ui="flow-map-edges" viewBox=${`0 0 ${model.width} ${model.height}`} aria-hidden="true">
+              <defs>
+                <marker id="flow-map-arrow-default" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto" markerUnits="strokeWidth"><path d="M0,0 L8,4 L0,8 z"></path></marker>
+                <marker id="flow-map-arrow-done" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto" markerUnits="strokeWidth"><path d="M0,0 L8,4 L0,8 z"></path></marker>
+                <marker id="flow-map-arrow-blocked" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto" markerUnits="strokeWidth"><path d="M0,0 L8,4 L0,8 z"></path></marker>
+              </defs>
+              ${each(
+                model.edges,
+                (edge, index) => `${edge.source.id}->${edge.target.id}:${index}`,
+                (edge) =>
+                  html`<path data-ui="flow-map-edge" data-tone=${edge.source.tone} d=${edgePath(edge)} marker-end=${`url(#flow-map-arrow-${edge.source.tone === 'done' ? 'done' : edge.source.tone === 'blocked' ? 'blocked' : 'default'})`}></path>`,
+              )}
+            </svg>
+            ${each(
+              model.nodes,
+              (node) => node.id,
+              (node) => html`<a data-ui="flow-map-node" data-tone=${node.tone} href=${issueHref(node)}
+                style=${`left:${node.x}px;top:${node.y}px;width:${LAYOUT.nodeWidth}px;height:${LAYOUT.nodeHeight}px`}>
+                <span data-ui="flow-map-node-top">
+                  <span data-ui="flow-map-node-column">${node.columnName ?? ''}</span>
+                  <span data-ui="flow-map-node-state"><i></i>${toneLabel(node.tone)}</span>
+                </span>
+                <strong data-ui="flow-map-node-title">${node.title}</strong>
+                <span data-ui="flow-map-node-foot">
+                  ${
+                    node.waitingFor.length
+                      ? html`<span data-ui="flow-map-node-waiting">${labels.waitingFor} ${node.waitingFor.join(', ')}</span>`
+                      : html`<span>${node.assigneeName ?? labels.unassigned}</span>`
+                  }
+                </span>
+              </a>`,
+            )}
+          </div>
+        </div>`
+    }
+  </section>`
+}

package/dist/ui/client/flow-map-view.mjs.map

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

package/dist/ui/client/flow-map.d.mts

@@ -0,0 +1,3 @@
+/** @param {Record<string, unknown>} props */
+export declare const map: (props: Record<string, unknown>) => () => any;
+//# sourceMappingURL=flow-map.d.mts.map

package/dist/ui/client/flow-map.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-map.d.mts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/flow-map.mjs"],"names":[],"mappings":"AAKA,6CAA6C;AAC7C,eAAO,MAAM,GAAG,UADJ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,cAC4B,CAAA"}

package/dist/ui/client/flow-map.mjs

@@ -0,0 +1,7 @@
+// @ts-expect-error Browser import served by the KetJS runtime.
+import { each, html, signal } from '/_ket/view/index.js'
+import { createFlowMapView } from './flow-map-view.mjs'
+
+const runtime = { each, html, signal }
+/** @param {Record<string, unknown>} props */
+export const map = (props) => createFlowMapView(runtime, props)

package/dist/ui/client/flow-map.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-map.mjs","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/ui/client/flow-map.mjs"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AACtC,6CAA6C;AAC7C,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA"}

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

@@ -0,0 +1,19 @@
+export type BlockType = 'p' | 'h1' | 'h2' | 'h3' | 'quote' | 'code' | 'bullet' | 'ordered' | 'check';
+export declare const BLOCK_TYPES: readonly BlockType[];
+/** The list kinds, which share a wrapper when rendered and continue on Enter. */
+export declare const LIST_TYPES: readonly BlockType[];
+/** Pressing Enter at the end of one of these starts another of the same kind. */
+export declare const CONTINUES: Set<BlockType>;
+export type MarkName = 'bold' | 'italic' | 'strike' | 'code';
+export type Attributes = {
+    bold?: boolean;
+    italic?: boolean;
+    strike?: boolean;
+    code?: boolean;
+    link?: string | null;
+};
+export type Delta = Array<{
+    insert: string;
+    attributes?: Attributes;
+}>;
+//# sourceMappingURL=live-doc-blocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"live-doc-blocks.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/live-doc-blocks.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpG,eAAO,MAAM,WAAW,EAAE,SAAS,SAAS,EAU3C,CAAA;AAED,iFAAiF;AACjF,eAAO,MAAM,UAAU,EAAE,SAAS,SAAS,EAAmC,CAAA;AAE9E,iFAAiF;AACjF,eAAO,MAAM,SAAS,gBAA0D,CAAA;AAEhF,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE5D,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC,CAAA"}

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

@@ -0,0 +1,23 @@
+// The editor's block vocabulary, shared by the binding and the Markdown
+// reader.
+//
+// Its own file because both of them need the same list and neither owns it:
+// `live-doc-markdown.ts` produces blocks and `live-doc-view.tsx` consumes
+// them, so putting the union in either one makes the other import from a
+// module it has no business depending on.
+export const BLOCK_TYPES = [
+    'p',
+    'h1',
+    'h2',
+    'h3',
+    'quote',
+    'code',
+    'bullet',
+    'ordered',
+    'check',
+];
+/** The list kinds, which share a wrapper when rendered and continue on Enter. */
+export const LIST_TYPES = ['bullet', 'ordered', 'check'];
+/** Pressing Enter at the end of one of these starts another of the same kind. */
+export const CONTINUES = new Set(['p', 'bullet', 'ordered', 'check']);
+//# sourceMappingURL=live-doc-blocks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"live-doc-blocks.js","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/ui/client/live-doc-blocks.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,UAAU;AACV,EAAE;AACF,4EAA4E;AAC5E,0EAA0E;AAC1E,yEAAyE;AACzE,0CAA0C;AAI1C,MAAM,CAAC,MAAM,WAAW,GAAyB;IAC/C,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;CACR,CAAA;AAED,iFAAiF;AACjF,MAAM,CAAC,MAAM,UAAU,GAAyB,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;AAE9E,iFAAiF;AACjF,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,GAAG,CAAY,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,18 @@
+import type { BlockType, Delta } from './live-doc-blocks.ts';
+export type MarkdownBlock = {
+    type: BlockType;
+    checked: boolean;
+    delta: Delta;
+};
+/** One line of Markdown as marked-up text. */
+export declare function inlineDelta(source: string): Delta;
+/**
+ * A Markdown document as the editor's blocks.
+ *
+ * Consecutive plain lines join into one paragraph and a blank line ends it,
+ * which is Markdown's own rule and the reason pasting a soft-wrapped README
+ * does not arrive as forty one-line paragraphs. Anything with its own marker —
+ * a heading, a list item, a quote — is its own block regardless.
+ */
+export declare function parseMarkdown(source: string): MarkdownBlock[];
+//# sourceMappingURL=live-doc-markdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"live-doc-markdown.d.ts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/live-doc-markdown.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAc,SAAS,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAExE,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAA;AA4C/E,8CAA8C;AAC9C,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,CAqDjD;AAeD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,EAAE,CAuE7D"}

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

@@ -0,0 +1,175 @@
+/**
+ * Emphasis, innermost text first.
+ *
+ * No inner text may contain its own delimiter, and it may not begin or end
+ * with a space: the second half stops `2 * 3 * 4` turning half a sum italic,
+ * and the first stops the italic rule opening on the first `*` of a bold pair
+ * and eating the second as content. Inline code does not recurse — what is
+ * inside it is characters.
+ *
+ * `word` marks the two rules that may not open or close inside a word, which
+ * is CommonMark's own asymmetry between `_` and `*` and exists for exactly one
+ * reason: `snake_case_name` is a name, not a sentence with a slant in it.
+ */
+const EMPHASIS = [
+    { pattern: /^\*\*([^*\s](?:[^*]*[^*\s])?)\*\*/, mark: { bold: true } },
+    { pattern: /^__([^_\s](?:[^_]*[^_\s])?)__/, mark: { bold: true }, word: false },
+    { pattern: /^~~([^~\s](?:[^~]*[^~\s])?)~~/, mark: { strike: true } },
+    { pattern: /^\*([^*\s](?:[^*]*[^*\s])?)\*/, mark: { italic: true } },
+    { pattern: /^_([^_\s](?:[^_]*[^_\s])?)_/, mark: { italic: true }, word: false },
+];
+const WORD = /[\p{L}\p{N}_]/u;
+const CODE_SPAN = /^`([^`]+)`/;
+const LINK = /^\[([^\]]+)\]\(([^)\s]+)\)/;
+const ESCAPED = /^\\([\\`*_~[\]()])/;
+const merge = (delta, mark) => delta.map((op) => ({ ...op, attributes: { ...mark, ...(op.attributes ?? {}) } }));
+/** Runs of the same marks are one op, so a paste and a keystroke produce the same shape. */
+const compact = (delta) => {
+    const out = [];
+    for (const op of delta) {
+        const last = out[out.length - 1];
+        const same = last && JSON.stringify(last.attributes ?? null) === JSON.stringify(op.attributes ?? null);
+        if (same && last)
+            last.insert += op.insert;
+        else
+            out.push({ ...op });
+    }
+    return out.filter((op) => op.insert.length > 0);
+};
+/** One line of Markdown as marked-up text. */
+export function inlineDelta(source) {
+    const out = [];
+    let rest = source;
+    let plain = '';
+    let previous = '';
+    const flush = () => {
+        if (plain)
+            out.push({ insert: plain });
+        plain = '';
+    };
+    const take = (count) => {
+        previous = rest[count - 1];
+        rest = rest.slice(count);
+    };
+    while (rest) {
+        const escaped = ESCAPED.exec(rest);
+        if (escaped) {
+            plain += escaped[1];
+            take(escaped[0].length);
+            continue;
+        }
+        const link = LINK.exec(rest);
+        if (link) {
+            flush();
+            out.push(...merge(inlineDelta(link[1]), { link: link[2] }));
+            take(link[0].length);
+            continue;
+        }
+        const code = CODE_SPAN.exec(rest);
+        if (code) {
+            flush();
+            out.push({ insert: code[1], attributes: { code: true } });
+            take(code[0].length);
+            continue;
+        }
+        const emphasis = EMPHASIS.map((rule) => ({ rule, match: rule.pattern.exec(rest) })).find((found) => found.match &&
+            // A word-boundary rule has to be at one on both sides: opening after a
+            // letter, or closing before one, is somebody's identifier.
+            (found.rule.word !== false ||
+                (!WORD.test(previous) && !WORD.test(rest[found.match[0].length] ?? ''))));
+        if (emphasis?.match) {
+            flush();
+            out.push(...merge(inlineDelta(emphasis.match[1]), emphasis.rule.mark));
+            take(emphasis.match[0].length);
+            continue;
+        }
+        plain += rest[0];
+        take(1);
+    }
+    flush();
+    return compact(out);
+}
+const FENCE = /^\s{0,3}```/;
+const HEADING = /^(#{1,3}) +(.*)$/;
+const QUOTE = /^ {0,3}> ?(.*)$/;
+const CHECK = /^ {0,3}[-*+] +\[([ xX])\] +(.*)$/;
+const BULLET = /^ {0,3}[-*+] +(.*)$/;
+const ORDERED = /^ {0,3}\d+[.)] +(.*)$/;
+const block = (type, delta, checked = false) => ({
+    type,
+    checked,
+    delta,
+});
+/**
+ * A Markdown document as the editor's blocks.
+ *
+ * Consecutive plain lines join into one paragraph and a blank line ends it,
+ * which is Markdown's own rule and the reason pasting a soft-wrapped README
+ * does not arrive as forty one-line paragraphs. Anything with its own marker —
+ * a heading, a list item, a quote — is its own block regardless.
+ */
+export function parseMarkdown(source) {
+    const lines = String(source ?? '').split(/\r\n|\r|\n/);
+    const blocks = [];
+    let paragraph = [];
+    const closeParagraph = () => {
+        if (paragraph.length)
+            blocks.push(block('p', inlineDelta(paragraph.join(' '))));
+        paragraph = [];
+    };
+    for (let index = 0; index < lines.length; index++) {
+        const line = lines[index];
+        if (FENCE.test(line)) {
+            closeParagraph();
+            const body = [];
+            index++;
+            while (index < lines.length && !FENCE.test(lines[index])) {
+                body.push(lines[index]);
+                index++;
+            }
+            // An unclosed fence still becomes a code block: the alternative is
+            // deciding, on somebody's behalf, that they meant none of it.
+            blocks.push(block('code', body.length ? [{ insert: body.join('\n') }] : []));
+            continue;
+        }
+        if (!line.trim()) {
+            closeParagraph();
+            continue;
+        }
+        const heading = HEADING.exec(line);
+        if (heading) {
+            closeParagraph();
+            const level = heading[1].length;
+            blocks.push(block(`h${level}`, inlineDelta(heading[2])));
+            continue;
+        }
+        const check = CHECK.exec(line);
+        if (check) {
+            closeParagraph();
+            blocks.push(block('check', inlineDelta(check[2]), check[1].toLowerCase() === 'x'));
+            continue;
+        }
+        const bullet = BULLET.exec(line);
+        if (bullet) {
+            closeParagraph();
+            blocks.push(block('bullet', inlineDelta(bullet[1])));
+            continue;
+        }
+        const ordered = ORDERED.exec(line);
+        if (ordered) {
+            closeParagraph();
+            blocks.push(block('ordered', inlineDelta(ordered[1])));
+            continue;
+        }
+        const quote = QUOTE.exec(line);
+        if (quote) {
+            closeParagraph();
+            blocks.push(block('quote', inlineDelta(quote[1])));
+            continue;
+        }
+        paragraph.push(line);
+    }
+    closeParagraph();
+    return blocks;
+}
+//# sourceMappingURL=live-doc-markdown.js.map

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

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

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

@@ -0,0 +1,101 @@
+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. */
+export type LiveDocBlock = {
+    type: string;
+    checked?: boolean;
+    delta: Delta;
+};
+/** Somebody else in the document, and which block their caret is in. */
+export type LiveDocViewer = {
+    id: string;
+    name: string;
+    index: number;
+};
+type Labels = (typeof LABELS)['vi'];
+declare const LABELS: {
+    vi: {
+        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;
+    };
+    en: {
+        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;
+    };
+};
+export declare const labelsOf: (lang?: string | null) => Labels;
+/**
+ * Who else has this description open.
+ *
+ * Rendered into its own container rather than into the document, so a
+ * heartbeat never touches the element somebody is typing into.
+ */
+export declare function presenceHtml(people: LiveDocViewer[] | undefined, lang?: string | null): string;
+/**
+ * The whole document as one HTML string, runs of list items wrapped.
+ *
+ * Consecutive items share one `<ul>`/`<ol>` rather than each getting its own:
+ * a screen reader announces "list, three items" from the wrapper, and an
+ * ordered list numbers from it. `data-index` rather than child position is how
+ * the binding finds a block again afterwards, precisely because these wrappers
+ * mean a block is not always a direct child of the container.
+ */
+export declare function documentHtml(blocks: LiveDocBlock[] | undefined, lang?: string | null, presence?: LiveDocViewer[]): string;
+/**
+ * `containerId` is how the client entry finds the contenteditable element to
+ * mount on: `IslandController` has no "mounted" hook, so the binding looks the
+ * node up by id once the view has rendered.
+ */
+/**
+ * `containerId` is how the client entry finds the contenteditable element to
+ * mount on: `IslandController` has no "mounted" hook, so the binding looks the
+ * node up by id once the view has rendered.
+ */
+export declare function liveDocShell(o: {
+    containerId: string;
+    lang?: string | null;
+}): TemplateResult;
+export {};
+//# sourceMappingURL=live-doc-shell.d.ts.map

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

@@ -0,0 +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"}