@shivaedev/work-board 0.0.0 → 0.2.0

package/dist/page/swap.js

@@ -0,0 +1,123 @@
+export const swap = `
+const containers = new Set(["DIV", "SECTION", "ARTICLE", "HEADER", "FOOTER", "MAIN", "NAV"]);
+
+const structural = (element) => [...element.childNodes].every((node) => node.nodeType === 1 || node.textContent.trim() === "");
+
+const pristine = new WeakMap();
+
+export const remember = (element) => {
+  pristine.set(element, element.outerHTML);
+  if (containers.has(element.tagName)) for (const child of element.children) remember(child);
+};
+
+const normalized = (element) => {
+  const copy = element.cloneNode(true);
+  for (const node of [copy, ...copy.querySelectorAll("*")]) {
+    if (node.tagName === "DETAILS") node.removeAttribute("open");
+    if (node.matches("figure.diagram")) {
+      node.querySelector(".diagram-svg")?.remove();
+      node.dataset.state = "pending";
+      delete node.dataset.error;
+    }
+    if (node.matches("[data-modified]")) node.textContent = "";
+  }
+  return copy.outerHTML;
+};
+
+const signature = (element) => {
+  if (!pristine.has(element)) pristine.set(element, normalized(element));
+  return pristine.get(element);
+};
+
+const sameShell = (old, next) =>
+  old.tagName === next.tagName && containers.has(old.tagName) && old.cloneNode(false).outerHTML === next.cloneNode(false).outerHTML;
+
+const matches = (a, b) => {
+  let start = 0;
+  while (start < a.length && start < b.length && a[start] === b[start]) start++;
+  let tail = 0;
+  while (tail < a.length - start && tail < b.length - start && a[a.length - 1 - tail] === b[b.length - 1 - tail]) tail++;
+  const n = a.length - start - tail;
+  const m = b.length - start - tail;
+  const table = Array.from({ length: n + 1 }, () => new Uint32Array(m + 1));
+  for (let i = n - 1; i >= 0; i--) {
+    for (let j = m - 1; j >= 0; j--) {
+      table[i][j] = a[start + i] === b[start + j] ? table[i + 1][j + 1] + 1 : Math.max(table[i + 1][j], table[i][j + 1]);
+    }
+  }
+  const pairs = Array.from({ length: start }, (_, index) => [index, index]);
+  for (let i = 0, j = 0; i < n && j < m; ) {
+    if (a[start + i] === b[start + j]) pairs.push([start + i++, start + j++]);
+    else if (table[i + 1][j] >= table[i][j + 1]) i++;
+    else j++;
+  }
+  for (let index = tail; index > 0; index--) pairs.push([a.length - index, b.length - index]);
+  return [...pairs, [a.length, b.length]];
+};
+
+const patch = (current, incoming) => {
+  if (!structural(current) || !structural(incoming)) {
+    current.replaceChildren(...incoming.childNodes);
+    for (const child of current.children) remember(child);
+    return;
+  }
+  const olds = [...current.children];
+  const news = [...incoming.children];
+  const signatures = news.map((next) => next.outerHTML);
+  const arrive = (index) => {
+    remember(news[index]);
+    return news[index];
+  };
+  let i = 0;
+  let j = 0;
+  for (const [kept, arrived] of matches(olds.map(signature), signatures)) {
+    const anchor = olds[kept] ?? null;
+    for (; i < kept && j < arrived; i++, j++) {
+      if (sameShell(olds[i], news[j])) {
+        patch(olds[i], news[j]);
+        pristine.set(olds[i], signatures[j]);
+      } else olds[i].replaceWith(arrive(j));
+    }
+    for (; i < kept; i++) olds[i].remove();
+    for (; j < arrived; j++) current.insertBefore(arrive(j), anchor);
+    i++;
+    j++;
+  }
+};
+
+const keysOf = (root) => {
+  const seen = new Map();
+  return [...root.querySelectorAll("details")].map((details) => {
+    const base =
+      details.dataset.key ??
+      (details.closest(".item")?.querySelector("h3")?.textContent ?? "") + "|" + (details.querySelector("summary")?.textContent ?? "");
+    const count = seen.get(base) ?? 0;
+    seen.set(base, count + 1);
+    return [base + "#" + count, details];
+  });
+};
+
+const carryDrawings = (drawings, figures) => {
+  if (drawings.length !== figures.length) return;
+  figures.forEach((figure, index) => {
+    const drawing = drawings[index];
+    if (figure.dataset.state !== "pending" || drawing === null || drawing.isConnected) return;
+    figure.prepend(drawing);
+    figure.dataset.state = "redrawing";
+  });
+};
+
+export const swap = (current, incoming) => {
+  const before = keysOf(current);
+  const open = new Map(before.map(([key, details]) => [key, details.open]));
+  const existing = new Set(before.map(([, details]) => details));
+  const drawings = [...current.querySelectorAll("figure.diagram")].map((figure) => figure.querySelector(".diagram-svg"));
+  patch(current, incoming);
+  carryDrawings(drawings, [...current.querySelectorAll("figure.diagram")]);
+  for (const [key, details] of keysOf(current)) {
+    const was = open.get(key);
+    if (was !== undefined && !existing.has(details)) details.open = was;
+  }
+};
+`;
+//# sourceMappingURL=swap.js.map

package/dist/page/swap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap.js","sourceRoot":"","sources":["../../src/page/swap.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHnB,CAAC"}

package/dist/page/updated.d.ts

@@ -0,0 +1,2 @@
+export declare const updated: (modified: number) => string;
+//# sourceMappingURL=updated.d.ts.map

package/dist/page/updated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"updated.d.ts","sourceRoot":"","sources":["../../src/page/updated.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,GAAI,UAAU,MAAM,KAAG,MAAwE,CAAC"}

package/dist/page/updated.js

@@ -0,0 +1,2 @@
+export const updated = (modified) => `<span class="age" data-modified="${modified}">updated</span>`;
+//# sourceMappingURL=updated.js.map

package/dist/page/updated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updated.js","sourceRoot":"","sources":["../../src/page/updated.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,QAAgB,EAAU,EAAE,CAAC,oCAAoC,QAAQ,kBAAkB,CAAC"}

package/dist/render/board.d.ts

@@ -0,0 +1,20 @@
+export interface Section {
+    readonly title: string;
+    readonly heading: string;
+    readonly notes: string;
+    readonly items: ReadonlyArray<string>;
+}
+export interface Board {
+    readonly title: string;
+    readonly intro: string;
+    readonly sections: ReadonlyArray<Section>;
+    readonly footer: string;
+    readonly definitions: string;
+}
+export declare const boardOf: (source: string) => Board;
+export interface Count {
+    readonly title: string;
+    readonly count: number;
+}
+export declare const countsOf: (board: Board) => ReadonlyArray<Count>;
+//# sourceMappingURL=board.d.ts.map

package/dist/render/board.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"board.d.ts","sourceRoot":"","sources":["../../src/render/board.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,OAAO;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC7B;AA0CD,eAAO,MAAM,OAAO,GAAI,QAAQ,MAAM,KAAG,KAexC,CAAC;AAEF,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,KAAG,aAAa,CAAC,KAAK,CACsE,CAAC"}

package/dist/render/board.js

@@ -0,0 +1,54 @@
+import { markdownToMdast } from "satteri";
+const textOf = (node) => {
+    if ("value" in node) {
+        return node.value;
+    }
+    return "children" in node ? node.children.map((child) => textOf(child)).join("") : "";
+};
+const isSection = (node) => node.type === "heading" && node.depth === 2;
+const place = (draft, node, source, closing) => {
+    const section = draft.sections.at(-1);
+    if (node.type === "definition" || node.type === "footnoteDefinition") {
+        draft.definitions.push(source);
+    }
+    else if (draft.footer !== undefined) {
+        draft.footer.push(source);
+    }
+    else if (node.type === "heading" && node.depth === 1 && draft.title === "") {
+        draft.title = source;
+    }
+    else if (isSection(node)) {
+        draft.sections.push({ title: textOf(node), heading: source, notes: [], items: [] });
+    }
+    else if (section === undefined) {
+        draft.intro.push(source);
+    }
+    else if (node.type === "heading" && node.depth === 3) {
+        section.items.push([source]);
+    }
+    else if (node.type === "thematicBreak" && closing) {
+        draft.footer = [];
+    }
+    else {
+        (section.items.at(-1) ?? section.notes).push(source);
+    }
+};
+const joined = (blocks) => blocks.join("\n\n");
+export const boardOf = (source) => {
+    const draft = { title: "", intro: [], sections: [], footer: undefined, definitions: [] };
+    const root = markdownToMdast(source);
+    const nodes = root.type === "root" ? root.children : [];
+    const lastHeading = nodes.findLastIndex((node) => node.type === "heading");
+    nodes.forEach((node, index) => {
+        place(draft, node, source.slice(node.position?.start.offset, node.position?.end.offset), index > lastHeading);
+    });
+    return {
+        title: draft.title,
+        intro: joined(draft.intro),
+        sections: draft.sections.map((section) => ({ ...section, notes: joined(section.notes), items: section.items.map(joined) })),
+        footer: joined(draft.footer ?? []),
+        definitions: joined(draft.definitions),
+    };
+};
+export const countsOf = (board) => board.sections.flatMap((section) => (section.items.length === 0 ? [] : [{ title: section.title, count: section.items.length }]));
+//# sourceMappingURL=board.js.map

package/dist/render/board.js.map

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

package/dist/render/code.d.ts

@@ -0,0 +1,10 @@
+import type { Element } from "hast";
+import { type Highlighter as Shiki } from "shiki";
+export declare const codeBlocks: (highlighter: Shiki) => {
+    name: string;
+    element: {
+        filter: string[];
+        visit: (pre: Readonly<Element>) => Promise<import("hast").RootContent | undefined>;
+    };
+};
+//# sourceMappingURL=code.d.ts.map

package/dist/render/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/render/code.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAkB,MAAM,MAAM,CAAC;AAEpD,OAAO,EAA0C,KAAK,WAAW,IAAI,KAAK,EAAE,MAAM,OAAO,CAAC;AAiC1F,eAAO,MAAM,UAAU,GAAI,aAAa,KAAK;;;;;;CAkB1C,CAAC"}

package/dist/render/code.js

@@ -0,0 +1,47 @@
+import { defineHastPlugin } from "satteri";
+import { bundledLanguages } from "shiki";
+import { THEMES } from "./highlighter.js";
+const languageOf = (code) => {
+    const classes = code.properties.className;
+    const named = Array.isArray(classes) ? classes.find((name) => String(name).startsWith("language-")) : undefined;
+    return named === undefined ? undefined : String(named).slice("language-".length);
+};
+const textOf = (node) => {
+    if (node.type === "text") {
+        return node.value;
+    }
+    return node.type === "element" ? node.children.map(textOf).join("") : "";
+};
+const diagram = (source) => ({
+    type: "element",
+    tagName: "figure",
+    properties: { className: ["diagram"], dataState: "pending" },
+    children: [{ type: "element", tagName: "pre", properties: { className: ["diagram-source"] }, children: [{ type: "text", value: source }] }],
+});
+const isBundled = (language) => Object.hasOwn(bundledLanguages, language);
+const highlighted = async (highlighter, source, language) => {
+    if (!isBundled(language)) {
+        return undefined;
+    }
+    await highlighter.loadLanguage(language);
+    return highlighter.codeToHast(source, { lang: language, themes: THEMES, defaultColor: false }).children[0];
+};
+export const codeBlocks = (highlighter) => defineHastPlugin({
+    name: "work-board-code",
+    element: {
+        filter: ["pre"],
+        visit: async (pre) => {
+            const [code] = pre.children;
+            if (code?.type !== "element" || code.tagName !== "code") {
+                return undefined;
+            }
+            const language = languageOf(code);
+            const source = textOf(code);
+            if (language === "mermaid") {
+                return diagram(source);
+            }
+            return language === undefined ? undefined : await highlighted(highlighter, source, language);
+        },
+    },
+});
+//# sourceMappingURL=code.js.map

package/dist/render/code.js.map

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

package/dist/render/failed.d.ts

@@ -0,0 +1,9 @@
+declare const RenderFailed_base: new <A extends Record<string, any> = {}>(args: import("effect/Types").VoidIfEmpty<{ readonly [P in keyof A as P extends "_tag" ? never : P]: A[P]; }>) => import("effect/Cause").YieldableError & {
+    readonly _tag: "RenderFailed";
+} & Readonly<A>;
+export declare class RenderFailed extends RenderFailed_base<{
+    readonly cause: unknown;
+}> {
+}
+export {};
+//# sourceMappingURL=failed.d.ts.map

package/dist/render/failed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"failed.d.ts","sourceRoot":"","sources":["../../src/render/failed.ts"],"names":[],"mappings":";;;AAEA,qBAAa,YAAa,SAAQ,kBAAiC;IAAE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAAC;CAAG"}

package/dist/render/failed.js

@@ -0,0 +1,4 @@
+import { Data } from "effect";
+export class RenderFailed extends Data.TaggedError("RenderFailed") {
+}
+//# sourceMappingURL=failed.js.map

package/dist/render/failed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"failed.js","sourceRoot":"","sources":["../../src/render/failed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,OAAO,YAAa,SAAQ,IAAI,CAAC,WAAW,CAAC,cAAc,CAA8B;CAAG"}

package/dist/render/footnotes.d.ts

@@ -0,0 +1,19 @@
+import type { Element } from "hast";
+export declare const footnoteIds: (prefix: string) => {
+    name: string;
+    element: {
+        filter: string[];
+        visit: (element: Readonly<Element>) => {
+            position?: import("satteri").Position | undefined;
+            type: "element";
+            tagName: string;
+            children: import("hast").ElementContent[];
+            content?: import("hast").Root | undefined;
+            data?: import("hast").ElementData | undefined;
+            properties: {
+                [k: string]: string | number | boolean | (string | number)[] | null | undefined;
+            };
+        };
+    };
+};
+//# sourceMappingURL=footnotes.d.ts.map

package/dist/render/footnotes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footnotes.d.ts","sourceRoot":"","sources":["../../src/render/footnotes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAmBpC,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM;;;;;;;;;;;;;;;;CAYvC,CAAC"}

package/dist/render/footnotes.js

@@ -0,0 +1,23 @@
+import { defineHastPlugin } from "satteri";
+const FOOTNOTE_IDS = /^(?:user-content-fn|footnote-label)/;
+const SCOPED = new Set(["id", "href", "ariaDescribedBy"]);
+const scoped = (prefix, value) => {
+    if (typeof value === "string" && FOOTNOTE_IDS.test(value)) {
+        return `${prefix}${value}`;
+    }
+    if (typeof value === "string" && value.startsWith("#") && FOOTNOTE_IDS.test(value.slice(1))) {
+        return `#${prefix}${value.slice(1)}`;
+    }
+    return Array.isArray(value) ? value.map((each) => (typeof each === "string" ? String(scoped(prefix, each)) : each)) : value;
+};
+export const footnoteIds = (prefix) => defineHastPlugin({
+    name: "work-board-footnote-ids",
+    element: {
+        filter: ["a", "h2", "li"],
+        visit: (element) => ({
+            ...element,
+            properties: Object.fromEntries(Object.entries(element.properties).map(([name, value]) => [name, SCOPED.has(name) ? scoped(prefix, value) : value])),
+        }),
+    },
+});
+//# sourceMappingURL=footnotes.js.map

package/dist/render/footnotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footnotes.js","sourceRoot":"","sources":["../../src/render/footnotes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,YAAY,GAAG,qCAAqC,CAAC;AAI3D,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAG,CAAC,MAAc,EAAE,KAAY,EAAS,EAAE;IACtD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3D,OAAO,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC;IAC5B,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7F,OAAO,IAAI,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,CAAC;IACD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC7H,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,EAAE,CAC7C,gBAAgB,CAAC;IAChB,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE;QACR,MAAM,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC;QACzB,KAAK,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACpB,GAAG,OAAO;YACV,UAAU,EAAE,MAAM,CAAC,WAAW,CAC7B,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CACnH;SACD,CAAC;KACF;CACD,CAAC,CAAC"}

package/dist/render/highlighter.d.ts

@@ -0,0 +1,13 @@
+import { Context, Layer } from "effect";
+import { type Highlighter as Shiki } from "shiki";
+import { RenderFailed } from "./failed.ts";
+export declare const THEMES: {
+    readonly light: "github-light";
+    readonly dark: "github-dark";
+};
+declare const Highlighter_base: Context.ServiceClass<Highlighter, "WorkBoard/Highlighter", Shiki>;
+export declare class Highlighter extends Highlighter_base {
+    static readonly layer: Layer.Layer<Highlighter, RenderFailed, never>;
+}
+export {};
+//# sourceMappingURL=highlighter.d.ts.map

package/dist/render/highlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighter.d.ts","sourceRoot":"","sources":["../../src/render/highlighter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAU,KAAK,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAqB,KAAK,WAAW,IAAI,KAAK,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,eAAO,MAAM,MAAM;;;CAA0D,CAAC;;AAE9E,qBAAa,WAAY,SAAQ,gBAA8D;IAC9F,MAAM,CAAC,QAAQ,CAAC,KAAK,gDAQnB;CACF"}

package/dist/render/highlighter.js

@@ -0,0 +1,11 @@
+import { Context, Effect, Layer } from "effect";
+import { createHighlighter } from "shiki";
+import { RenderFailed } from "./failed.js";
+export const THEMES = { light: "github-light", dark: "github-dark" };
+export class Highlighter extends Context.Service()("WorkBoard/Highlighter") {
+    static layer = Layer.effect(Highlighter)(Effect.acquireRelease(Effect.tryPromise({
+        try: () => createHighlighter({ themes: Object.values(THEMES), langs: [] }),
+        catch: (cause) => new RenderFailed({ cause }),
+    }), (highlighter) => Effect.sync(() => highlighter.dispose())));
+}
+//# sourceMappingURL=highlighter.js.map

package/dist/render/highlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighter.js","sourceRoot":"","sources":["../../src/render/highlighter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EAAW,CAAC;AAE9E,MAAM,OAAO,WAAY,SAAQ,OAAO,CAAC,OAAO,EAAsB,CAAC,uBAAuB,CAAC;IAC9F,MAAM,CAAU,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAChD,MAAM,CAAC,cAAc,CACpB,MAAM,CAAC,UAAU,CAAC;QACjB,GAAG,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QAC1E,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;KAC7C,CAAC,EACF,CAAC,WAAW,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CACzD,CACD,CAAC"}

package/dist/render/markdown.d.ts

@@ -0,0 +1,5 @@
+import { Effect } from "effect";
+import { RenderFailed } from "./failed.ts";
+import { Highlighter } from "./highlighter.ts";
+export declare const renderMarkdown: (source: string, idPrefix?: any) => Effect.Effect<string, RenderFailed, Highlighter>;
+//# sourceMappingURL=markdown.d.ts.map

package/dist/render/markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/render/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGhC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,eAAO,MAAM,cAAc,sFAQzB,CAAC"}

package/dist/render/markdown.js

@@ -0,0 +1,15 @@
+import { Effect } from "effect";
+import { markdownToHtml } from "satteri";
+import { codeBlocks } from "./code.js";
+import { RenderFailed } from "./failed.js";
+import { footnoteIds } from "./footnotes.js";
+import { Highlighter } from "./highlighter.js";
+export const renderMarkdown = Effect.fn("WorkBoard.renderMarkdown")(function* (source, idPrefix = "") {
+    const highlighter = yield* Highlighter;
+    const { html } = yield* Effect.tryPromise({
+        try: async () => markdownToHtml(source, { hastPlugins: idPrefix === "" ? [codeBlocks(highlighter)] : [codeBlocks(highlighter), footnoteIds(idPrefix)] }),
+        catch: (cause) => new RenderFailed({ cause }),
+    });
+    return html;
+});
+//# sourceMappingURL=markdown.js.map

package/dist/render/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../src/render/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAc,EAAE,QAAQ,GAAG,EAAE;IAC3G,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,WAAW,CAAC;IACvC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;QACzC,GAAG,EAAE,KAAK,IAAI,EAAE,CACf,cAAc,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;QACxI,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;KAC7C,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACb,CAAC,CAAC,CAAC"}

package/dist/serve.d.ts

@@ -0,0 +1,9 @@
+import { Layer } from "effect";
+import { type BoardOptions } from "./board.ts";
+export declare const HOST = "127.0.0.1";
+export interface ServeOptions extends BoardOptions {
+    readonly port: number;
+}
+export declare const listenOn: (port: number) => Layer.Layer<import("effect/unstable/http/Etag").Generator | import("effect/unstable/http/HttpPlatform").HttpPlatform | import("effect/unstable/http/HttpServer").HttpServer | import("@effect/platform-node/NodeServices").NodeServices, import("effect/unstable/http/HttpServerError").ServeError, never>;
+export declare const serveBoard: (options: ServeOptions) => Layer.Layer<import("effect/unstable/http/Etag").Generator | import("effect/unstable/http/HttpPlatform").HttpPlatform | import("effect/unstable/http/HttpServer").HttpServer | import("@effect/platform-node/NodeServices").NodeServices, import("./files/home.ts").HomeMissing | import("./http/assets.ts").MermaidMissing | import("effect/PlatformError").PlatformError | import("./render/failed.ts").RenderFailed | import("effect/unstable/http/HttpServerError").ServeError, never>;
+//# sourceMappingURL=serve.d.ts.map

package/dist/serve.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"serve.d.ts","sourceRoot":"","sources":["../src/serve.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,OAAO,EAAE,KAAK,YAAY,EAAc,MAAM,YAAY,CAAC;AAE3D,eAAO,MAAM,IAAI,cAAc,CAAC;AAEhC,MAAM,WAAW,YAAa,SAAQ,YAAY;IACjD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,+SAA8F,CAAC;AAEpI,eAAO,MAAM,UAAU,GAAI,SAAS,YAAY,8dACgE,CAAC"}

package/dist/serve.js

@@ -0,0 +1,9 @@
+import { createServer } from "node:http";
+import { NodeHttpServer } from "@effect/platform-node";
+import { Layer } from "effect";
+import { HttpRouter } from "effect/unstable/http";
+import { boardLayer } from "./board.js";
+export const HOST = "127.0.0.1";
+export const listenOn = (port) => NodeHttpServer.layer(createServer, { host: HOST, port, disablePreemptiveShutdown: true });
+export const serveBoard = (options) => HttpRouter.serve(boardLayer(options), { disableLogger: true }).pipe(Layer.provideMerge(listenOn(options.port)));
+//# sourceMappingURL=serve.js.map

package/dist/serve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serve.js","sourceRoot":"","sources":["../src/serve.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAqB,UAAU,EAAE,MAAM,YAAY,CAAC;AAE3D,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAC;AAMhC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,CAAC,CAAC;AAEpI,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAAqB,EAAE,EAAE,CACnD,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,14 +1,73 @@
 {
   "name": "@shivaedev/work-board",
-  "version": "0.0.0",
-  "description": "Name reservation. The first release is published from https://github.com/ShivaeDev/platform.",
+  "version": "0.2.0",
+  "description": "Serve a folder of markdown files as a live local page that updates in place when a file changes",
+  "type": "module",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ShivaeDev/platform.git",
     "directory": "packages/work-board"
   },
+  "homepage": "https://github.com/ShivaeDev/platform/tree/main/packages/work-board#readme",
+  "bugs": {
+    "url": "https://github.com/ShivaeDev/platform/issues"
+  },
+  "engines": {
+    "node": ">=24"
+  },
+  "sideEffects": false,
+  "bin": {
+    "work-board": "./dist/cli.js"
+  },
+  "files": [
+    "dist",
+    "src",
+    "CHANGELOG.md",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "source": "./src/index.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
+  },
+  "dependencies": {
+    "mermaid": "11.16.1",
+    "satteri": "0.9.5",
+    "shiki": "4.4.2"
+  },
+  "peerDependencies": {
+    "@effect/platform-node": "4.0.0-rc.112",
+    "@effect/platform-node-shared": "4.0.0-rc.112",
+    "effect": "4.0.0-rc.112"
+  },
+  "devDependencies": {
+    "@effect/platform-node": "4.0.0-rc.112",
+    "@effect/platform-node-shared": "4.0.0-rc.112",
+    "@types/hast": "3.0.5",
+    "@types/mdast": "4.0.4",
+    "@types/node": "24.10.1",
+    "@typescript/native": "npm:typescript@7.0.2",
+    "effect": "4.0.0-rc.112",
+    "happy-dom": "20.11.2",
+    "typescript": "npm:@typescript/typescript6@6.0.2",
+    "vitest": "4.1.9"
+  },
+  "scripts": {
+    "build": "node --eval \"import('node:fs').then(({ rmSync }) => rmSync('dist', { force: true, recursive: true }))\" && tsc6 --project tsconfig.build.json",
+    "check": "biome check .",
+    "test": "vitest run",
+    "test:package": "node scripts/test-package.mjs",
+    "typecheck": "tsc --noEmit",
+    "typecheck:compat": "tsc6 --noEmit",
+    "ready": "pnpm check && pnpm typecheck && pnpm typecheck:compat && pnpm test && pnpm build && pnpm test:package"
   }
 }

package/src/board.ts

@@ -0,0 +1,44 @@
+import { Effect, type FileSystem, Layer, type Path } from "effect";
+import { HttpRouter, type HttpServerRequest, type HttpServerResponse } from "effect/unstable/http";
+import { watchChanges } from "./files/changes.ts";
+import { homeIn } from "./files/home.ts";
+import { ASSETS, MERMAID_ROUTE, mermaidFile, mermaidRoot } from "./http/assets.ts";
+import { events } from "./http/events.ts";
+import { loopbackOnly } from "./http/loopback.ts";
+import { page } from "./http/page.ts";
+import { respond } from "./http/respond.ts";
+import { Highlighter } from "./render/highlighter.ts";
+
+export interface BoardOptions {
+	readonly root: string;
+	readonly home?: string | undefined;
+}
+
+type Services = Highlighter | FileSystem.FileSystem | Path.Path;
+type Handler<E> = (request: HttpServerRequest.HttpServerRequest) => Effect.Effect<HttpServerResponse.HttpServerResponse, E, Services>;
+
+const routes = (options: BoardOptions) =>
+	HttpRouter.use((router) =>
+		Effect.gen(function* () {
+			const home = yield* homeIn(options.root, options.home);
+			const mermaid = yield* mermaidRoot();
+			const changes = yield* watchChanges(options.root);
+			const context = yield* Effect.context<Services>();
+			const serve = <E>(route: HttpRouter.PathInput, handler: Handler<E>) =>
+				router.add(
+					"GET",
+					route,
+					loopbackOnly((request) => Effect.provideContext(handler(request), context)),
+				);
+			yield* serve("/events", events(changes));
+			for (const [route, body, contentType] of ASSETS) {
+				yield* serve(route, () => Effect.succeed(respond(body, contentType)));
+			}
+			yield* serve(MERMAID_ROUTE, mermaidFile(mermaid));
+			const pages = page({ root: options.root, home }, changes);
+			yield* serve("/", pages);
+			yield* serve("/*", pages);
+		}),
+	);
+
+export const boardLayer = (options: BoardOptions) => routes(options).pipe(Layer.provide(Highlighter.layer));

package/src/cli.ts

@@ -0,0 +1,24 @@
+#!/usr/bin/env node
+import { NodeRuntime, NodeServices } from "@effect/platform-node";
+import { Effect, Layer, Option, Path } from "effect";
+import { Argument, Command, Flag } from "effect/unstable/cli";
+import { HOST, serveBoard } from "./serve.ts";
+
+const VERSION = "0.2.0";
+
+const serve = Effect.fn("WorkBoard.serve")(function* (input: { readonly dir: string; readonly port: number; readonly home: Option.Option<string> }) {
+	const path = yield* Path.Path;
+	return yield* Layer.launch(serveBoard({ root: path.resolve(input.dir), home: Option.getOrUndefined(input.home), port: input.port }));
+});
+
+const workBoard = Command.make(
+	"work-board",
+	{
+		dir: Argument.directory("dir", { mustExist: true }).pipe(Argument.withDescription("The folder of markdown files to serve")),
+		port: Flag.integer("port").pipe(Flag.withDefault(4747), Flag.withDescription(`The port to listen on at ${HOST}`)),
+		home: Flag.string("home").pipe(Flag.optional, Flag.withDescription("The file shown as a board at /, relative to the folder")),
+	},
+	serve,
+).pipe(Command.withDescription("Serve a folder of markdown files as a live page that updates in place when a file changes."));
+
+Command.run(workBoard, { version: VERSION }).pipe(Effect.provide(NodeServices.layer), NodeRuntime.runMain);