marksites 0.1.0

package/dist/server/html-security.js

@@ -0,0 +1,61 @@
+import { randomBytes } from "node:crypto";
+import { marked, Renderer } from "marked";
+import { emptyAnnotationDocument } from "../annotations/model.js";
+import { createAnnotationsFeature } from "../features/annotations/index.js";
+import { createCodeBlocksFeature } from "../features/code-blocks/index.js";
+import { createHeaderFeature } from "../features/header/index.js";
+import { renderFileTreeScript, renderModifiedAtScript, } from "../features/file-tree/index.js";
+import { createSidebarFeature } from "../features/sidebar/index.js";
+import { createTableOfContentsFeature } from "../features/table-of-contents/index.js";
+function scriptBody(script) {
+    return /^<script[^>]*>([\s\S]*)<\/script>$/.exec(script)?.[1] ?? "";
+}
+function generatedScriptBodies() {
+    const codeRenderer = new Renderer();
+    const code = createCodeBlocksFeature(codeRenderer, true);
+    marked.parse("```js\nconst value = 1;\n```", {
+        renderer: codeRenderer,
+        async: false,
+    });
+    const tocRenderer = new Renderer();
+    const toc = createTableOfContentsFeature(tocRenderer, {
+        enabled: true,
+        title: "目次",
+        minDepth: 2,
+        maxDepth: 6,
+    });
+    marked.parse("## Heading", { renderer: tocRenderer, async: false });
+    const renderedToc = toc.render();
+    const annotations = createAnnotationsFeature(emptyAnnotationDocument("index.md"));
+    return new Set([
+        scriptBody(code.renderScript()),
+        scriptBody(createHeaderFeature().script),
+        scriptBody(renderFileTreeScript(true)),
+        scriptBody(renderModifiedAtScript(true)),
+        scriptBody(renderedToc.script),
+        scriptBody(annotations.script),
+        scriptBody(createSidebarFeature({
+            tableOfContents: renderedToc.markup,
+            tableOfContentsTitle: renderedToc.title,
+            annotations: annotations.panel,
+            annotationCount: annotations.count,
+        }).script),
+        scriptBody(createSidebarFeature({
+            tableOfContents: "",
+            tableOfContentsTitle: renderedToc.title,
+            annotations: annotations.panel,
+            annotationCount: annotations.count,
+        }).script),
+    ]);
+}
+const allowedScripts = generatedScriptBodies();
+export function secureHtml(source) {
+    const nonce = randomBytes(18).toString("base64");
+    const body = source.replace(/<script data-marksites-script="true">([\s\S]*?)<\/script>/g, (whole, content) => allowedScripts.has(content)
+        ? `<script data-marksites-script="true" nonce="${nonce}">${content}</script>`
+        : whole);
+    return {
+        body,
+        csp: `default-src 'self' data:; style-src 'self' 'unsafe-inline'; script-src 'nonce-${nonce}'; connect-src 'self'; object-src 'none'; base-uri 'none'; frame-ancestors 'none'`,
+    };
+}

package/dist/server/response.d.ts

@@ -0,0 +1,2 @@
+import type { ServerResponse } from "node:http";
+export declare function sendJson(response: ServerResponse, status: number, data: unknown): void;

package/dist/server/response.js

@@ -0,0 +1,9 @@
+export function sendJson(response, status, data) {
+    response.writeHead(status, {
+        "cache-control": "no-store",
+        "content-type": "application/json; charset=utf-8",
+        "referrer-policy": "no-referrer",
+        "x-content-type-options": "nosniff",
+    });
+    response.end(JSON.stringify(status >= 400 ? { error: { code: status, message: data } } : { data }));
+}

package/dist/server/server.d.ts

@@ -0,0 +1,3 @@
+import type { MarksitesServerOptions, RunningServer } from "./types.js";
+export type { MarksitesServerOptions, RunningServer } from "./types.js";
+export declare function startMarksitesServer(options: MarksitesServerOptions): Promise<RunningServer>;

package/dist/server/server.js

@@ -0,0 +1,77 @@
+import { lstat, realpath } from "node:fs/promises";
+import { createServer } from "node:http";
+import { join, resolve } from "node:path";
+import { AnnotationRepository } from "./annotation-repository.js";
+import { handleApi } from "./api.js";
+import { MARKSITES_RESERVED_PATH } from "./constants.js";
+import { sendJson } from "./response.js";
+import { handleStaticFile } from "./static-files.js";
+async function listen(server, host, initialPort, fallbackPort) {
+    let port = initialPort;
+    while (true) {
+        try {
+            await new Promise((done, fail) => {
+                const onError = (error) => fail(error);
+                server.once("error", onError);
+                server.listen(port, host, () => {
+                    server.off("error", onError);
+                    done();
+                });
+            });
+            return;
+        }
+        catch (error) {
+            if (!fallbackPort ||
+                port === 0 ||
+                port >= 65535 ||
+                error.code !== "EADDRINUSE") {
+                throw error;
+            }
+            port += 1;
+        }
+    }
+}
+async function assertReservedPathIsAvailable(root) {
+    try {
+        await lstat(join(root, MARKSITES_RESERVED_PATH));
+        throw new Error(`Reserved output path exists: ${MARKSITES_RESERVED_PATH}`);
+    }
+    catch (error) {
+        if (error.code !== "ENOENT")
+            throw error;
+    }
+}
+export async function startMarksitesServer(options) {
+    const host = options.host ?? "127.0.0.1";
+    const port = options.port ?? 3000;
+    const fallbackPort = options.fallbackPort ?? options.port === undefined;
+    const root = resolve(options.outputRoot);
+    const rootReal = await realpath(root);
+    await assertReservedPathIsAvailable(root);
+    const repository = new AnnotationRepository(root, options.documents, async (document) => options.onAnnotationsChange(document));
+    let ownOrigin = "";
+    const server = createServer(async (request, response) => {
+        try {
+            const hostHeader = request.headers.host;
+            if (!hostHeader ||
+                ![`${host}:`, "127.0.0.1:", "localhost:"].some((prefix) => hostHeader.startsWith(prefix))) {
+                return sendJson(response, 403, "Invalid Host header");
+            }
+            const url = new URL(request.url ?? "/", ownOrigin);
+            if (url.pathname.startsWith("/_marksites/")) {
+                return await handleApi(request, response, url, ownOrigin, options, repository);
+            }
+            await handleStaticFile(request, response, url, root, rootReal, options.entryPath);
+        }
+        catch (error) {
+            sendJson(response, error.statusCode ?? 500, error instanceof Error ? error.message : String(error));
+        }
+    });
+    await listen(server, host, port, fallbackPort);
+    const address = server.address();
+    ownOrigin = `http://${host}:${address.port}`;
+    return {
+        url: ownOrigin,
+        close: () => new Promise((done, fail) => server.close((error) => (error ? fail(error) : done()))),
+    };
+}

package/dist/server/static-files.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage, ServerResponse } from "node:http";
+export declare function handleStaticFile(request: IncomingMessage, response: ServerResponse, url: URL, root: string, rootReal: string, entryPath?: string): Promise<void>;

package/dist/server/static-files.js

@@ -0,0 +1,72 @@
+import { createReadStream } from "node:fs";
+import { lstat, readFile, realpath } from "node:fs/promises";
+import { extname, join, normalize, resolve, sep } from "node:path";
+import { secureHtml } from "./html-security.js";
+import { sendJson } from "./response.js";
+const MIME = {
+    ".css": "text/css; charset=utf-8",
+    ".gif": "image/gif",
+    ".html": "text/html; charset=utf-8",
+    ".jpeg": "image/jpeg",
+    ".jpg": "image/jpeg",
+    ".js": "text/javascript; charset=utf-8",
+    ".json": "application/json; charset=utf-8",
+    ".png": "image/png",
+    ".svg": "image/svg+xml",
+    ".webp": "image/webp",
+};
+export async function handleStaticFile(request, response, url, root, rootReal, entryPath) {
+    if (request.method !== "GET" && request.method !== "HEAD") {
+        response.setHeader("allow", "GET, HEAD");
+        return sendJson(response, 405, "Method not allowed");
+    }
+    let decoded;
+    try {
+        decoded = decodeURIComponent(url.pathname);
+    }
+    catch {
+        return sendJson(response, 400, "Invalid URL encoding");
+    }
+    if (decoded.includes("\\") ||
+        decoded.includes("\0") ||
+        decoded.split("/").includes("..")) {
+        return sendJson(response, 403, "Invalid path");
+    }
+    const requestedPath = decoded === "/" && entryPath ? `/${entryPath}` : decoded;
+    let path = resolve(root, `.${normalize(requestedPath)}`);
+    if (!path.startsWith(root + sep) && path !== root)
+        return sendJson(response, 403, "Invalid path");
+    let info;
+    try {
+        info = await lstat(path);
+        if (info.isDirectory()) {
+            path = join(path, "index.html");
+            info = await lstat(path);
+        }
+    }
+    catch {
+        return sendJson(response, 404, "Not found");
+    }
+    if (!info.isFile())
+        return sendJson(response, 404, "Not found");
+    const actual = await realpath(path);
+    if (!actual.startsWith(rootReal + sep) && actual !== rootReal)
+        return sendJson(response, 403, "Invalid symlink target");
+    const headers = {
+        "content-type": MIME[extname(path).toLowerCase()] ?? "application/octet-stream",
+        "x-content-type-options": "nosniff",
+    };
+    if (extname(path).toLowerCase() === ".html") {
+        const secured = secureHtml(await readFile(path, "utf8"));
+        headers["content-security-policy"] = secured.csp;
+        response.writeHead(200, headers);
+        response.end(request.method === "HEAD" ? undefined : secured.body);
+        return;
+    }
+    response.writeHead(200, headers);
+    if (request.method === "HEAD") {
+        response.end();
+        return;
+    }
+    createReadStream(path).pipe(response);
+}

package/dist/server/types.d.ts

@@ -0,0 +1,16 @@
+export interface MarksitesServerOptions {
+    outputRoot: string;
+    entryPath?: string;
+    host?: string;
+    port?: number;
+    fallbackPort?: boolean;
+    projectId: string;
+    projectName: string;
+    documents: Map<string, string>;
+    editable?: boolean;
+    onAnnotationsChange: (document: string) => Promise<void>;
+}
+export interface RunningServer {
+    url: string;
+    close(): Promise<void>;
+}

package/dist/server/types.js

@@ -0,0 +1 @@
+export {};

package/dist/template/document.d.ts

@@ -0,0 +1,20 @@
+interface DocumentParts {
+    title: string;
+    language: string;
+    content: string;
+    highlight: boolean;
+    regions: {
+        header: string;
+        breadcrumbs: string;
+        fileTree: string;
+        fileSidebar: string;
+        sidebar: string;
+        overlays: string;
+    };
+    assets: {
+        styles: string[];
+        scripts: string[];
+    };
+}
+export declare function renderDocument(parts: DocumentParts): string;
+export {};

package/dist/template/document.js

@@ -0,0 +1,33 @@
+import { documentStyles, fileTreeStyles, githubMarkdownCss, highlightCss, highlightThemeStyles, } from "./styles.js";
+export function renderDocument(parts) {
+    const bodyClass = parts.regions.fileTree
+        ? "markdown-body has-file-tree"
+        : "markdown-body";
+    const trustedScript = (script) => script.replace("<script>", '<script data-marksites-script="true">');
+    return `<!doctype html>
+<html lang="${parts.language}">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>${parts.title}</title>
+  <style>${githubMarkdownCss}</style>
+  ${parts.highlight ? `<style>${highlightCss}\n${highlightThemeStyles}</style>` : ""}
+  <style>
+${documentStyles}${parts.regions.fileTree ? `\n${fileTreeStyles}` : ""}${parts.assets.styles.join("")}
+  </style>
+</head>
+<body class="${bodyClass}">
+${parts.regions.header}
+${parts.regions.fileSidebar}
+<main class="markdown-content">
+${parts.regions.fileTree ? `<div class="file-navigation">
+${parts.regions.breadcrumbs}${parts.regions.fileTree}</div>
+` : parts.regions.breadcrumbs}${parts.content}
+</main>
+${parts.regions.sidebar}
+${parts.regions.overlays}
+${parts.assets.scripts.map(trustedScript).join("")}
+</body>
+</html>
+`;
+}

package/dist/template/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const githubMarkdownCss: string;
+export declare const highlightCss: string;
+export declare const highlightThemeStyles = "body[data-theme=\"dark\"] .hljs{color:var(--codeBlock-fgColor);background:var(--codeBlock-bgColor)}\nbody[data-theme=\"dark\"] :is(.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_){color:var(--color-prettylights-syntax-keyword)}\nbody[data-theme=\"dark\"] :is(.hljs-title,.hljs-title.class_,.hljs-title.function_){color:var(--color-prettylights-syntax-entity)}\nbody[data-theme=\"dark\"] :is(.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id){color:var(--color-prettylights-syntax-constant)}\nbody[data-theme=\"dark\"] :is(.hljs-regexp,.hljs-string,.hljs-meta .hljs-string){color:var(--color-prettylights-syntax-string)}\nbody[data-theme=\"dark\"] :is(.hljs-built_in,.hljs-symbol){color:var(--color-prettylights-syntax-variable)}\nbody[data-theme=\"dark\"] :is(.hljs-comment,.hljs-code,.hljs-formula){color:var(--color-prettylights-syntax-comment)}\nbody[data-theme=\"dark\"] :is(.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo){color:var(--color-prettylights-syntax-entity-tag)}";
+export declare const documentStyles = "    body.markdown-body { box-sizing: border-box; min-width: 200px; width: calc(100% - 64px); max-width: none; margin: 0 32px; padding: 32px 0 0; display: grid; grid-template-columns: minmax(0, 1fr) 300px; grid-template-areas: \"content toc\"; column-gap: 32px; align-items: start; }\n    .markdown-content, .document-sidebar { box-sizing: border-box; }\n    .markdown-content { grid-area: content; min-width: 0; margin-bottom: 72px; padding: clamp(28px, 3vw, 52px); border: 1px solid var(--borderColor-muted, #d8dee4); border-radius: 8px; box-shadow: 0 1px 2px rgba(31, 35, 40, 0.04); }\n    .markdown-content :is(h1, h2, h3, h4, h5, h6) { scroll-margin-top: 32px; }\n    .document-metadata { display: flex; justify-content: flex-end; margin: -12px 0 28px; padding-bottom: 14px; border-bottom: 1px solid var(--borderColor-muted, #d8dee4); }\n    .document-modified { margin-left: auto; color: var(--fgColor-muted, #59636e); font-size: 0.75rem; line-height: 28px; white-space: nowrap; }\n    .code-block { margin-bottom: 16px; overflow: hidden; border: 1px solid var(--borderColor-muted, #d8dee4); border-radius: 8px; }\n    .code-toolbar { display: flex; min-height: 38px; align-items: center; justify-content: space-between; padding: 0 8px 0 14px; color: var(--fgColor-muted, #59636e); background: var(--bgColor-muted, #f6f8fa); border-bottom: 1px solid var(--borderColor-muted, #d8dee4); }\n    .code-language { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }\n    .code-tools { display: flex; gap: 2px; }\n    .code-tool { display: inline-flex; min-height: 30px; align-items: center; justify-content: center; gap: 5px; padding: 4px 8px; color: inherit; font: inherit; font-size: 0.75rem; line-height: 1; background: transparent; border: 0; border-radius: 5px; cursor: pointer; }\n    .code-tool-label, [data-copy-label] { display: inline-flex; align-items: center; line-height: 1; }\n    .code-tool:hover { color: var(--fgColor-default, #1f2328); background: var(--button-default-bgColor-hover, #eaeef2); }\n    .code-tool:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: -2px; }\n    .code-tool[aria-pressed=\"true\"] { color: var(--fgColor-accent, #0969da); background: var(--bgColor-accent-muted, #ddf4ff); }\n    .code-block pre { margin: 0; border-radius: 0; }\n    .code-block pre, .code-block pre code { color: var(--codeBlock-fgColor, #24292f); background: var(--codeBlock-bgColor, #fff); }\n    .code-block pre code { display: block; }\n    .code-block.is-wrapped pre code { white-space: pre-wrap; overflow-wrap: anywhere; }\n    .panel-toggle-icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 120ms ease; }\n    .action-icon { display: block; width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }\n    .table-of-contents ul { margin: 0; padding: 0; list-style: none; }\n    .table-of-contents li { margin: 2px 0 2px calc(var(--toc-level) * 12px); }\n    .table-of-contents a { position: relative; display: block; padding: 6px 10px; color: var(--fgColor-muted, #59636e); font-size: 0.875rem; line-height: 1.4; overflow-wrap: anywhere; text-decoration: none; border-radius: 0 6px 6px 0; transition: color 120ms ease, background-color 120ms ease; }\n    .table-of-contents a::before { position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: transparent; content: \"\"; }\n    .table-of-contents a:hover { color: var(--fgColor-default, #1f2328); background: var(--bgColor-muted, #f6f8fa); text-decoration: none; }\n    .table-of-contents a:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: -2px; }\n    .table-of-contents a[aria-current=\"location\"] { color: var(--fgColor-accent, #0969da); font-weight: 600; background: linear-gradient(90deg, var(--bgColor-accent-muted, #ddf4ff), transparent); }\n    .table-of-contents a[aria-current=\"location\"]::before { background: var(--borderColor-accent-emphasis, #0969da); }\n    @media (max-width: 900px) {\n      body.markdown-body { width: calc(100% - 24px); max-width: none; margin: 0 12px; padding: 12px 0 0; grid-template-columns: minmax(0, 1fr); grid-template-areas: \"toc\" \"content\"; gap: 16px; }\n      .markdown-content { margin-bottom: 32px; }\n    }\n    @media (max-width: 600px) { .markdown-content { padding: 24px 20px; border-radius: 6px; } }\n    @media (prefers-reduced-motion: reduce) { .table-of-contents a, .panel-toggle-icon { transition: none; } }";
+export declare const fileTreeStyles = "    body.markdown-body.has-file-tree { width: 100%; margin: 0; padding: 32px 32px 0 0; grid-template-columns: 280px minmax(0, 1fr) 300px; grid-template-areas: \"files content toc\"; column-gap: 32px; }\n    body.markdown-body.has-file-tree.file-sidebar-collapsed { width: calc(100% - 64px); margin: 0 32px; padding: 32px 0 0; grid-template-columns: minmax(0, 1fr) 300px; grid-template-areas: \"content toc\"; }\n    .file-sidebar { grid-area: files; position: fixed; z-index: 45; top: 0; bottom: 0; left: 0; box-sizing: border-box; display: flex; width: 280px; min-height: 0; flex-direction: column; color: var(--fgColor-default, #1f2328); background: var(--bgColor-default, #fff); border: 0; border-right: 1px solid var(--borderColor-muted, #d8dee4); border-radius: 0; overflow: hidden; }\n    .file-sidebar-header { display: flex; min-height: 52px; flex: none; align-items: center; gap: 9px; padding: 0 12px; font-size: 0.875rem; font-weight: 700; border-bottom: 1px solid var(--borderColor-muted, #d8dee4); }\n    .file-sidebar-header > span { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n    .file-sidebar[hidden], .file-sidebar-open[hidden], .file-sidebar-close[hidden] { display: none; }\n    .file-sidebar-close { position: fixed; z-index: 50; top: 13px; left: 12px; display: inline-flex; width: 30px; height: 30px; flex: none; align-items: center; justify-content: center; padding: 0; color: var(--fgColor-muted, #59636e); background: transparent; border: 0; border-radius: 6px; cursor: pointer; }\n    .file-sidebar-close:hover { color: var(--fgColor-default, #1f2328); background: var(--button-default-bgColor-hover, #eaeef2); }\n    .file-sidebar-close:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: -2px; }\n    .file-navigation { position: relative; margin: -12px 0 28px; }\n    .file-breadcrumbs { display: flex; align-items: center; gap: 8px; margin: 0; padding-bottom: 14px; border-bottom: 1px solid var(--borderColor-muted, #d8dee4); }\n    .file-breadcrumbs ol { display: flex; min-width: 0; min-height: 28px; flex: 0 1 auto; flex-wrap: wrap; align-items: baseline; gap: 6px; margin: 0; padding: 0; list-style: none; }\n    .file-breadcrumbs li { display: inline-block; min-width: 0; height: 28px; color: var(--fgColor-muted, #59636e); font-size: 0.875rem; line-height: 28px; }\n    .file-breadcrumbs li + li::before { margin-right: 6px; color: var(--fgColor-muted, #818b98); content: \"/\"; }\n    .file-breadcrumb-separator { height: 28px; margin-right: -2px; color: var(--fgColor-muted, #818b98); font-size: 0.875rem; line-height: 28px; }\n    .file-breadcrumbs a { display: inline-block; height: 28px; color: var(--fgColor-accent, #0969da); font-weight: 500; line-height: 28px; text-decoration: none; vertical-align: baseline; }\n    .file-breadcrumbs a:hover { text-decoration: underline; }\n    .file-breadcrumbs [aria-current=\"page\"] { color: var(--fgColor-default, #1f2328); font-weight: 600; white-space: nowrap; }\n    .file-sidebar-open { position: fixed; z-index: 50; top: 13px; left: 12px; display: inline-flex; width: 30px; height: 30px; flex: none; align-items: center; justify-content: center; padding: 0; color: var(--fgColor-muted, #59636e); background: transparent; border: 0; border-radius: 6px; cursor: pointer; }\n    .file-tree-popover-toggle { position: relative; top: 1px; display: inline-flex; height: 28px; min-width: 0; flex: none; align-items: center; justify-content: center; gap: 3px; padding: 0; color: var(--fgColor-accent, #0969da); font: inherit; font-size: 0.875rem; font-weight: 600; line-height: 28px; background: transparent; border: 0; border-radius: 4px; cursor: pointer; }\n    .file-tree-popover-toggle span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n    .file-sidebar-toggle-icon { display: block; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }\n    .file-sidebar-open:hover { color: var(--fgColor-default, #1f2328); background: var(--button-default-bgColor-hover, #eaeef2); }\n    .file-sidebar-open:focus-visible, .file-tree-popover-toggle:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: 2px; }\n    .file-tree-popover-toggle:hover { color: var(--fgColor-accent, #0969da); text-decoration: underline; background: transparent; }\n    .file-tree-popover-toggle .panel-toggle-icon { width: 13px; height: 13px; flex: none; transform: translateY(1px); }\n    .copy-file-path .copy-icon { transform: none; }\n    .file-tree-popover-toggle[aria-expanded=\"true\"] .panel-toggle-icon { transform: translateY(1px) rotate(180deg); }\n    .copy-file-path { display: inline-flex; width: 28px; height: 28px; flex: none; align-items: center; justify-content: center; padding: 0; color: var(--fgColor-muted, #59636e); background: transparent; border: 0; border-radius: 5px; cursor: pointer; }\n    .copy-file-path:hover { color: var(--fgColor-default, #1f2328); background: var(--button-default-bgColor-hover, #eaeef2); }\n    .copy-file-path:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: 2px; }\n    .file-tree { box-sizing: border-box; overflow: auto; padding: 12px; color: var(--fgColor-default, #1f2328); background: var(--bgColor-default, #fff); scrollbar-width: thin; scrollbar-color: var(--borderColor-default, #d0d7de) transparent; }\n    .file-tree-sidebar { min-height: 0; flex: 1; padding: 10px 12px 16px; }\n    .file-tree-popover { position: absolute; z-index: 15; top: calc(100% + 6px); left: 0; width: min(360px, calc(100vw - 48px)); max-height: min(520px, calc(100vh - 96px)); border: 1px solid var(--borderColor-default, #d0d7de); border-radius: 8px; box-shadow: 0 8px 24px rgba(31,35,40,.16); }\n    .file-tree-filter { margin: 0 0 8px; }\n    .file-tree-filter-input { box-sizing: border-box; width: 100%; min-height: 32px; padding: 5px 9px; color: var(--fgColor-default, #1f2328); font: inherit; font-size: 0.8125rem; line-height: 1.4; background: var(--bgColor-default, #fff); border: 1px solid var(--borderColor-default, #d0d7de); border-radius: 6px; outline: none; }\n    .file-tree-filter-input::placeholder { color: var(--fgColor-muted, #59636e); }\n    .file-tree-filter-input:focus { border-color: var(--borderColor-accent-emphasis, #0969da); box-shadow: 0 0 0 2px var(--bgColor-accent-muted, #ddf4ff); }\n    .file-tree-filter-empty { margin: 10px 4px 2px; color: var(--fgColor-muted, #59636e); font-size: 0.8125rem; text-align: center; }\n    .file-tree ul { margin: 0; padding: 0; list-style: none; }\n    .file-tree details { margin: 0; }\n    .file-tree details > ul { margin-left: 10px; padding-left: 10px; border-left: 1px solid var(--borderColor-muted, #d8dee4); }\n    .file-tree summary { padding: 5px 7px; color: var(--fgColor-default, #1f2328); font-size: 0.875rem; font-weight: 600; line-height: 1.35; border-radius: 5px; cursor: pointer; user-select: none; }\n    .folder-icon { display: inline-block; width: 14px; height: 14px; margin-right: 5px; vertical-align: -2px; fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }\n    .file-tree summary:hover { background: var(--bgColor-muted, #f6f8fa); }\n    .file-tree summary::marker { color: var(--fgColor-muted, #59636e); }\n    .file-tree a { display: flex; margin: 1px 0; padding: 5px 8px; align-items: center; gap: 6px; overflow: hidden; color: var(--fgColor-muted, #59636e); font-size: 0.875rem; line-height: 1.35; text-decoration: none; white-space: nowrap; border-radius: 5px; }\n    .file-tree-name { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; }\n    .file-tree-comment-count { display: inline-flex; min-width: 18px; height: 18px; flex: none; align-items: center; justify-content: center; padding: 0 5px; color: var(--fgColor-muted, #59636e); font-size: 0.6875rem; font-weight: 600; line-height: 18px; background: var(--bgColor-neutral-muted, #818b981f); border-radius: 9px; }\n    .file-tree-directory-comment-count { float: right; margin-left: 6px; }\n    .file-tree details[open] > summary > .file-tree-directory-comment-count { display: none; }\n    .file-tree a[aria-current=\"page\"] .file-tree-comment-count { color: var(--fgColor-accent, #0969da); background: var(--bgColor-default, #fff); }\n    .file-tree a:hover { color: var(--fgColor-default, #1f2328); background: var(--bgColor-muted, #f6f8fa); text-decoration: none; }\n    .file-tree a:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: -2px; }\n    .file-tree a[aria-current=\"page\"] { color: var(--fgColor-accent, #0969da); font-weight: 600; background: var(--bgColor-accent-muted, #ddf4ff); }\n    @media (max-width: 900px) {\n      body.markdown-body.has-file-tree, body.markdown-body.has-file-tree.file-sidebar-collapsed { width: calc(100% - 24px); margin: 0 12px; padding: 12px 0 0; grid-template-columns: minmax(0, 1fr); grid-template-areas: \"toc\" \"content\"; gap: 16px; }\n      .file-sidebar { width: min(280px, calc(100vw - 24px)); box-shadow: 8px 0 24px rgba(31,35,40,.18); }\n    }\n    @media (max-width: 600px) { .file-tree-popover { width: calc(100vw - 40px); max-height: calc(100vh - 80px); } }\n    ";

package/dist/template/styles.js

@@ -0,0 +1,109 @@
+import { readFileSync } from "node:fs";
+import { createRequire } from "node:module";
+const require = createRequire(import.meta.url);
+export const githubMarkdownCss = readFileSync(require.resolve("github-markdown-css/github-markdown.css"), "utf8");
+export const highlightCss = readFileSync(require.resolve("highlight.js/styles/github.css"), "utf8");
+export const highlightThemeStyles = `body[data-theme="dark"] .hljs{color:var(--codeBlock-fgColor);background:var(--codeBlock-bgColor)}
+body[data-theme="dark"] :is(.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_){color:var(--color-prettylights-syntax-keyword)}
+body[data-theme="dark"] :is(.hljs-title,.hljs-title.class_,.hljs-title.function_){color:var(--color-prettylights-syntax-entity)}
+body[data-theme="dark"] :is(.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id){color:var(--color-prettylights-syntax-constant)}
+body[data-theme="dark"] :is(.hljs-regexp,.hljs-string,.hljs-meta .hljs-string){color:var(--color-prettylights-syntax-string)}
+body[data-theme="dark"] :is(.hljs-built_in,.hljs-symbol){color:var(--color-prettylights-syntax-variable)}
+body[data-theme="dark"] :is(.hljs-comment,.hljs-code,.hljs-formula){color:var(--color-prettylights-syntax-comment)}
+body[data-theme="dark"] :is(.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo){color:var(--color-prettylights-syntax-entity-tag)}`;
+export const documentStyles = `    body.markdown-body { box-sizing: border-box; min-width: 200px; width: calc(100% - 64px); max-width: none; margin: 0 32px; padding: 32px 0 0; display: grid; grid-template-columns: minmax(0, 1fr) 300px; grid-template-areas: "content toc"; column-gap: 32px; align-items: start; }
+    .markdown-content, .document-sidebar { box-sizing: border-box; }
+    .markdown-content { grid-area: content; min-width: 0; margin-bottom: 72px; padding: clamp(28px, 3vw, 52px); border: 1px solid var(--borderColor-muted, #d8dee4); border-radius: 8px; box-shadow: 0 1px 2px rgba(31, 35, 40, 0.04); }
+    .markdown-content :is(h1, h2, h3, h4, h5, h6) { scroll-margin-top: 32px; }
+    .document-metadata { display: flex; justify-content: flex-end; margin: -12px 0 28px; padding-bottom: 14px; border-bottom: 1px solid var(--borderColor-muted, #d8dee4); }
+    .document-modified { margin-left: auto; color: var(--fgColor-muted, #59636e); font-size: 0.75rem; line-height: 28px; white-space: nowrap; }
+    .code-block { margin-bottom: 16px; overflow: hidden; border: 1px solid var(--borderColor-muted, #d8dee4); border-radius: 8px; }
+    .code-toolbar { display: flex; min-height: 38px; align-items: center; justify-content: space-between; padding: 0 8px 0 14px; color: var(--fgColor-muted, #59636e); background: var(--bgColor-muted, #f6f8fa); border-bottom: 1px solid var(--borderColor-muted, #d8dee4); }
+    .code-language { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
+    .code-tools { display: flex; gap: 2px; }
+    .code-tool { display: inline-flex; min-height: 30px; align-items: center; justify-content: center; gap: 5px; padding: 4px 8px; color: inherit; font: inherit; font-size: 0.75rem; line-height: 1; background: transparent; border: 0; border-radius: 5px; cursor: pointer; }
+    .code-tool-label, [data-copy-label] { display: inline-flex; align-items: center; line-height: 1; }
+    .code-tool:hover { color: var(--fgColor-default, #1f2328); background: var(--button-default-bgColor-hover, #eaeef2); }
+    .code-tool:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: -2px; }
+    .code-tool[aria-pressed="true"] { color: var(--fgColor-accent, #0969da); background: var(--bgColor-accent-muted, #ddf4ff); }
+    .code-block pre { margin: 0; border-radius: 0; }
+    .code-block pre, .code-block pre code { color: var(--codeBlock-fgColor, #24292f); background: var(--codeBlock-bgColor, #fff); }
+    .code-block pre code { display: block; }
+    .code-block.is-wrapped pre code { white-space: pre-wrap; overflow-wrap: anywhere; }
+    .panel-toggle-icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 120ms ease; }
+    .action-icon { display: block; width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
+    .table-of-contents ul { margin: 0; padding: 0; list-style: none; }
+    .table-of-contents li { margin: 2px 0 2px calc(var(--toc-level) * 12px); }
+    .table-of-contents a { position: relative; display: block; padding: 6px 10px; color: var(--fgColor-muted, #59636e); font-size: 0.875rem; line-height: 1.4; overflow-wrap: anywhere; text-decoration: none; border-radius: 0 6px 6px 0; transition: color 120ms ease, background-color 120ms ease; }
+    .table-of-contents a::before { position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: transparent; content: ""; }
+    .table-of-contents a:hover { color: var(--fgColor-default, #1f2328); background: var(--bgColor-muted, #f6f8fa); text-decoration: none; }
+    .table-of-contents a:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: -2px; }
+    .table-of-contents a[aria-current="location"] { color: var(--fgColor-accent, #0969da); font-weight: 600; background: linear-gradient(90deg, var(--bgColor-accent-muted, #ddf4ff), transparent); }
+    .table-of-contents a[aria-current="location"]::before { background: var(--borderColor-accent-emphasis, #0969da); }
+    @media (max-width: 900px) {
+      body.markdown-body { width: calc(100% - 24px); max-width: none; margin: 0 12px; padding: 12px 0 0; grid-template-columns: minmax(0, 1fr); grid-template-areas: "toc" "content"; gap: 16px; }
+      .markdown-content { margin-bottom: 32px; }
+    }
+    @media (max-width: 600px) { .markdown-content { padding: 24px 20px; border-radius: 6px; } }
+    @media (prefers-reduced-motion: reduce) { .table-of-contents a, .panel-toggle-icon { transition: none; } }`;
+export const fileTreeStyles = `    body.markdown-body.has-file-tree { width: 100%; margin: 0; padding: 32px 32px 0 0; grid-template-columns: 280px minmax(0, 1fr) 300px; grid-template-areas: "files content toc"; column-gap: 32px; }
+    body.markdown-body.has-file-tree.file-sidebar-collapsed { width: calc(100% - 64px); margin: 0 32px; padding: 32px 0 0; grid-template-columns: minmax(0, 1fr) 300px; grid-template-areas: "content toc"; }
+    .file-sidebar { grid-area: files; position: fixed; z-index: 45; top: 0; bottom: 0; left: 0; box-sizing: border-box; display: flex; width: 280px; min-height: 0; flex-direction: column; color: var(--fgColor-default, #1f2328); background: var(--bgColor-default, #fff); border: 0; border-right: 1px solid var(--borderColor-muted, #d8dee4); border-radius: 0; overflow: hidden; }
+    .file-sidebar-header { display: flex; min-height: 52px; flex: none; align-items: center; gap: 9px; padding: 0 12px; font-size: 0.875rem; font-weight: 700; border-bottom: 1px solid var(--borderColor-muted, #d8dee4); }
+    .file-sidebar-header > span { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .file-sidebar[hidden], .file-sidebar-open[hidden], .file-sidebar-close[hidden] { display: none; }
+    .file-sidebar-close { position: fixed; z-index: 50; top: 13px; left: 12px; display: inline-flex; width: 30px; height: 30px; flex: none; align-items: center; justify-content: center; padding: 0; color: var(--fgColor-muted, #59636e); background: transparent; border: 0; border-radius: 6px; cursor: pointer; }
+    .file-sidebar-close:hover { color: var(--fgColor-default, #1f2328); background: var(--button-default-bgColor-hover, #eaeef2); }
+    .file-sidebar-close:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: -2px; }
+    .file-navigation { position: relative; margin: -12px 0 28px; }
+    .file-breadcrumbs { display: flex; align-items: center; gap: 8px; margin: 0; padding-bottom: 14px; border-bottom: 1px solid var(--borderColor-muted, #d8dee4); }
+    .file-breadcrumbs ol { display: flex; min-width: 0; min-height: 28px; flex: 0 1 auto; flex-wrap: wrap; align-items: baseline; gap: 6px; margin: 0; padding: 0; list-style: none; }
+    .file-breadcrumbs li { display: inline-block; min-width: 0; height: 28px; color: var(--fgColor-muted, #59636e); font-size: 0.875rem; line-height: 28px; }
+    .file-breadcrumbs li + li::before { margin-right: 6px; color: var(--fgColor-muted, #818b98); content: "/"; }
+    .file-breadcrumb-separator { height: 28px; margin-right: -2px; color: var(--fgColor-muted, #818b98); font-size: 0.875rem; line-height: 28px; }
+    .file-breadcrumbs a { display: inline-block; height: 28px; color: var(--fgColor-accent, #0969da); font-weight: 500; line-height: 28px; text-decoration: none; vertical-align: baseline; }
+    .file-breadcrumbs a:hover { text-decoration: underline; }
+    .file-breadcrumbs [aria-current="page"] { color: var(--fgColor-default, #1f2328); font-weight: 600; white-space: nowrap; }
+    .file-sidebar-open { position: fixed; z-index: 50; top: 13px; left: 12px; display: inline-flex; width: 30px; height: 30px; flex: none; align-items: center; justify-content: center; padding: 0; color: var(--fgColor-muted, #59636e); background: transparent; border: 0; border-radius: 6px; cursor: pointer; }
+    .file-tree-popover-toggle { position: relative; top: 1px; display: inline-flex; height: 28px; min-width: 0; flex: none; align-items: center; justify-content: center; gap: 3px; padding: 0; color: var(--fgColor-accent, #0969da); font: inherit; font-size: 0.875rem; font-weight: 600; line-height: 28px; background: transparent; border: 0; border-radius: 4px; cursor: pointer; }
+    .file-tree-popover-toggle span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .file-sidebar-toggle-icon { display: block; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
+    .file-sidebar-open:hover { color: var(--fgColor-default, #1f2328); background: var(--button-default-bgColor-hover, #eaeef2); }
+    .file-sidebar-open:focus-visible, .file-tree-popover-toggle:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: 2px; }
+    .file-tree-popover-toggle:hover { color: var(--fgColor-accent, #0969da); text-decoration: underline; background: transparent; }
+    .file-tree-popover-toggle .panel-toggle-icon { width: 13px; height: 13px; flex: none; transform: translateY(1px); }
+    .copy-file-path .copy-icon { transform: none; }
+    .file-tree-popover-toggle[aria-expanded="true"] .panel-toggle-icon { transform: translateY(1px) rotate(180deg); }
+    .copy-file-path { display: inline-flex; width: 28px; height: 28px; flex: none; align-items: center; justify-content: center; padding: 0; color: var(--fgColor-muted, #59636e); background: transparent; border: 0; border-radius: 5px; cursor: pointer; }
+    .copy-file-path:hover { color: var(--fgColor-default, #1f2328); background: var(--button-default-bgColor-hover, #eaeef2); }
+    .copy-file-path:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: 2px; }
+    .file-tree { box-sizing: border-box; overflow: auto; padding: 12px; color: var(--fgColor-default, #1f2328); background: var(--bgColor-default, #fff); scrollbar-width: thin; scrollbar-color: var(--borderColor-default, #d0d7de) transparent; }
+    .file-tree-sidebar { min-height: 0; flex: 1; padding: 10px 12px 16px; }
+    .file-tree-popover { position: absolute; z-index: 15; top: calc(100% + 6px); left: 0; width: min(360px, calc(100vw - 48px)); max-height: min(520px, calc(100vh - 96px)); border: 1px solid var(--borderColor-default, #d0d7de); border-radius: 8px; box-shadow: 0 8px 24px rgba(31,35,40,.16); }
+    .file-tree-filter { margin: 0 0 8px; }
+    .file-tree-filter-input { box-sizing: border-box; width: 100%; min-height: 32px; padding: 5px 9px; color: var(--fgColor-default, #1f2328); font: inherit; font-size: 0.8125rem; line-height: 1.4; background: var(--bgColor-default, #fff); border: 1px solid var(--borderColor-default, #d0d7de); border-radius: 6px; outline: none; }
+    .file-tree-filter-input::placeholder { color: var(--fgColor-muted, #59636e); }
+    .file-tree-filter-input:focus { border-color: var(--borderColor-accent-emphasis, #0969da); box-shadow: 0 0 0 2px var(--bgColor-accent-muted, #ddf4ff); }
+    .file-tree-filter-empty { margin: 10px 4px 2px; color: var(--fgColor-muted, #59636e); font-size: 0.8125rem; text-align: center; }
+    .file-tree ul { margin: 0; padding: 0; list-style: none; }
+    .file-tree details { margin: 0; }
+    .file-tree details > ul { margin-left: 10px; padding-left: 10px; border-left: 1px solid var(--borderColor-muted, #d8dee4); }
+    .file-tree summary { padding: 5px 7px; color: var(--fgColor-default, #1f2328); font-size: 0.875rem; font-weight: 600; line-height: 1.35; border-radius: 5px; cursor: pointer; user-select: none; }
+    .folder-icon { display: inline-block; width: 14px; height: 14px; margin-right: 5px; vertical-align: -2px; fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
+    .file-tree summary:hover { background: var(--bgColor-muted, #f6f8fa); }
+    .file-tree summary::marker { color: var(--fgColor-muted, #59636e); }
+    .file-tree a { display: flex; margin: 1px 0; padding: 5px 8px; align-items: center; gap: 6px; overflow: hidden; color: var(--fgColor-muted, #59636e); font-size: 0.875rem; line-height: 1.35; text-decoration: none; white-space: nowrap; border-radius: 5px; }
+    .file-tree-name { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; }
+    .file-tree-comment-count { display: inline-flex; min-width: 18px; height: 18px; flex: none; align-items: center; justify-content: center; padding: 0 5px; color: var(--fgColor-muted, #59636e); font-size: 0.6875rem; font-weight: 600; line-height: 18px; background: var(--bgColor-neutral-muted, #818b981f); border-radius: 9px; }
+    .file-tree-directory-comment-count { float: right; margin-left: 6px; }
+    .file-tree details[open] > summary > .file-tree-directory-comment-count { display: none; }
+    .file-tree a[aria-current="page"] .file-tree-comment-count { color: var(--fgColor-accent, #0969da); background: var(--bgColor-default, #fff); }
+    .file-tree a:hover { color: var(--fgColor-default, #1f2328); background: var(--bgColor-muted, #f6f8fa); text-decoration: none; }
+    .file-tree a:focus-visible { outline: 2px solid var(--focus-outlineColor, #0969da); outline-offset: -2px; }
+    .file-tree a[aria-current="page"] { color: var(--fgColor-accent, #0969da); font-weight: 600; background: var(--bgColor-accent-muted, #ddf4ff); }
+    @media (max-width: 900px) {
+      body.markdown-body.has-file-tree, body.markdown-body.has-file-tree.file-sidebar-collapsed { width: calc(100% - 24px); margin: 0 12px; padding: 12px 0 0; grid-template-columns: minmax(0, 1fr); grid-template-areas: "toc" "content"; gap: 16px; }
+      .file-sidebar { width: min(280px, calc(100vw - 24px)); box-shadow: 8px 0 24px rgba(31,35,40,.18); }
+    }
+    @media (max-width: 600px) { .file-tree-popover { width: calc(100vw - 40px); max-height: calc(100vh - 80px); } }
+    `;

package/dist/types.d.ts

@@ -0,0 +1,52 @@
+import type { MarkedOptions } from "marked";
+export interface RenderOptions {
+    /** Text used for the HTML document title. */
+    title?: string;
+    /** Language assigned to the root HTML element. */
+    language?: string;
+    /** Enable syntax highlighting for fenced code blocks. Defaults to true. */
+    highlight?: boolean;
+    /** Add a table of contents generated from headings. Defaults to true. */
+    tableOfContents?: boolean | TableOfContentsOptions;
+    /** Add a repository-style file tree for a converted Markdown collection. */
+    fileTree?: FileTreeOptions;
+    /** ISO 8601 timestamp shown as the Markdown source's last update time. */
+    modifiedAt?: string;
+    /** Options forwarded to marked. Async parsing is not supported. */
+    markedOptions?: Omit<MarkedOptions, "async" | "renderer">;
+}
+export interface FileTreeOptions {
+    /** Heading shown above the file tree. Defaults to "ファイル". */
+    title?: string;
+    /** Nested directories and Markdown files to render. */
+    items: FileTreeNode[];
+    /** Path segments shown above the document content. */
+    breadcrumbs?: FileBreadcrumb[];
+}
+export interface FileBreadcrumb {
+    name: string;
+    href?: string;
+    current?: boolean;
+}
+export type FileTreeNode = FileTreeDirectory | FileTreeFile;
+export interface FileTreeDirectory {
+    type: "directory";
+    name: string;
+    children: FileTreeNode[];
+}
+export interface FileTreeFile {
+    type: "file";
+    name: string;
+    href: string;
+    current?: boolean;
+    /** Number of comments associated with the file. Omitted when unavailable. */
+    commentCount?: number;
+}
+export interface TableOfContentsOptions {
+    /** Heading shown above the generated links. */
+    title?: string;
+    /** Shallowest heading level to include. Defaults to 2. */
+    minDepth?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Deepest heading level to include. Defaults to 6. */
+    maxDepth?: 1 | 2 | 3 | 4 | 5 | 6;
+}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/files.d.ts

@@ -0,0 +1 @@
+export declare function atomicWriteFile(path: string, content: string): Promise<void>;

package/dist/utils/files.js

@@ -0,0 +1,9 @@
+import { mkdir, rename, writeFile } from "node:fs/promises";
+import { dirname } from "node:path";
+import { randomUUID } from "node:crypto";
+export async function atomicWriteFile(path, content) {
+    await mkdir(dirname(path), { recursive: true });
+    const temporary = `${path}.${process.pid}.${randomUUID()}.tmp`;
+    await writeFile(temporary, content, "utf8");
+    await rename(temporary, path);
+}

package/dist/utils/html.d.ts

@@ -0,0 +1,2 @@
+export declare function escapeHtml(value: string): string;
+export declare function plainTextFromHtml(value: string): string;

package/dist/utils/html.js

@@ -0,0 +1,17 @@
+export function escapeHtml(value) {
+    return value
+        .replaceAll("&", "&")
+        .replaceAll("<", "&lt;")
+        .replaceAll(">", "&gt;")
+        .replaceAll('"', "&quot;")
+        .replaceAll("'", "&#39;");
+}
+export function plainTextFromHtml(value) {
+    return value
+        .replace(/<[^>]*>/g, "")
+        .replaceAll("&amp;", "&")
+        .replaceAll("&lt;", "<")
+        .replaceAll("&gt;", ">")
+        .replaceAll("&quot;", '"')
+        .replaceAll("&#39;", "'");
+}

package/dist/utils/icons.d.ts

@@ -0,0 +1,8 @@
+export declare function renderCopyIcon(): string;
+export declare function renderAddIcon(): string;
+export declare function renderWrapIcon(): string;
+export declare function renderEditIcon(): string;
+export declare function renderDeleteIcon(): string;
+export declare function renderArchiveIcon(): string;
+export declare function renderRestoreIcon(): string;
+export declare function renderFolderIcon(): string;

package/dist/utils/icons.js

@@ -0,0 +1,24 @@
+export function renderCopyIcon() {
+    return '<svg class="action-icon copy-icon" viewBox="0 0 16 16" aria-hidden="true"><rect x="6" y="6" width="7.5" height="7.5" rx="1"/><path d="M10 6V3.5a1 1 0 0 0-1-1H3.5a1 1 0 0 0-1 1V10a1 1 0 0 0 1 1H6"/></svg>';
+}
+export function renderAddIcon() {
+    return '<svg class="action-icon add-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 3v10M3 8h10"/></svg>';
+}
+export function renderWrapIcon() {
+    return '<svg class="action-icon wrap-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M2.5 4h8a3 3 0 0 1 0 6H6"/><path d="m8 7.5-2.5 2.5L8 12.5"/></svg>';
+}
+export function renderEditIcon() {
+    return '<svg class="action-icon edit-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="m10.5 2.5 3 3-7.75 7.75-3.5.5.5-3.5Z"/><path d="m9 4 3 3"/></svg>';
+}
+export function renderDeleteIcon() {
+    return '<svg class="action-icon delete-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M3.5 5h9M6 2.5h4l.75 2.5h-5.5Z"/><path d="m4.5 5 .5 8.5h6L11.5 5M7 7.5v3.5m2-3.5v3.5"/></svg>';
+}
+export function renderArchiveIcon() {
+    return '<svg class="action-icon archive-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M2.5 3h11v3h-11zM3.5 6v7.5h9V6M6 9h4"/></svg>';
+}
+export function renderRestoreIcon() {
+    return '<svg class="action-icon restore-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M3 5.5h7a3.5 3.5 0 1 1 0 7H7.5"/><path d="m5.5 3-2.5 2.5L5.5 8"/></svg>';
+}
+export function renderFolderIcon() {
+    return '<svg class="folder-icon" viewBox="0 0 16 16" aria-hidden="true"><path d="M1.75 5.5h12.5v6.75A1.25 1.25 0 0 1 13 13.5H3a1.25 1.25 0 0 1-1.25-1.25Z"/><path d="M1.75 5.5V3.75A1.25 1.25 0 0 1 3 2.5h2.25L7 4.25h6A1.25 1.25 0 0 1 14.25 5.5"/></svg>';
+}