@jianwen-lang/parser 0.1.1 → 0.1.3

package/dist/core/parser.js

@@ -73,7 +73,7 @@ function parseInitializationTemplate(source) {
             applyMetaKey(meta, key, value);
         }
     }
-    const bodyLines = lines.slice(0, start).concat(lines.slice(end + 1));
+    const bodyLines = lines.map((line, index) => index >= start && index <= end ? '' : (line ?? ''));
     const body = bodyLines.join('\n');
     if (isMetaEmpty(meta)) {
         return { body };

package/dist/html/convert.d.ts

@@ -1,7 +1,9 @@
 import { ParseOptions } from '../core/parser';
 import { JianwenDocument } from '../core/ast';
 import { ParseError } from '../core/errors';
+import { RenderedBlockGroup } from './render/html';
 import { RenderHtmlOptions } from './render/utils';
+import { JianwenThemeConfig } from './theme/theme';
 export declare const DEFAULT_RUNTIME_SRC = "dist/html/theme/runtime.js";
 export interface HtmlDocumentOptions {
     title?: string;
@@ -11,6 +13,7 @@ export interface HtmlDocumentOptions {
     includeCss?: boolean;
     cssText?: string;
     cssHref?: string;
+    theme?: JianwenThemeConfig;
     includeRuntime?: boolean;
     runtimeSrc?: string;
     format?: boolean;
@@ -25,5 +28,12 @@ export interface RenderJianwenToHtmlDocumentResult {
     ast: JianwenDocument;
     errors: ParseError[];
 }
+export interface RenderJianwenToHtmlDocumentWithBlockMapResult {
+    html: string;
+    ast: JianwenDocument;
+    errors: ParseError[];
+    groups: RenderedBlockGroup[];
+}
 export declare function buildHtmlDocument(bodyHtml: string, options?: HtmlDocumentOptions): string;
 export declare function renderJianwenToHtmlDocument(source: string, options?: RenderJianwenToHtmlDocumentOptions): RenderJianwenToHtmlDocumentResult;
+export declare function renderJianwenToHtmlDocumentWithBlockMap(source: string, options?: RenderJianwenToHtmlDocumentOptions): RenderJianwenToHtmlDocumentWithBlockMapResult;

package/dist/html/convert.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_RUNTIME_SRC = void 0;
 exports.buildHtmlDocument = buildHtmlDocument;
 exports.renderJianwenToHtmlDocument = renderJianwenToHtmlDocument;
+exports.renderJianwenToHtmlDocumentWithBlockMap = renderJianwenToHtmlDocumentWithBlockMap;
 const parser_1 = require("../core/parser");
 const format_1 = require("./format");
 const html_1 = require("./render/html");
@@ -22,7 +23,7 @@ function buildHtmlDocument(bodyHtml, options = {}) {
             headParts.push(`<link rel="stylesheet" href="${(0, utils_1.escapeAttr)(options.cssHref)}">`);
         }
         else {
-            const cssText = options.cssText ?? theme_1.DEFAULT_CSS;
+            const cssText = options.cssText ?? (0, theme_1.composeThemeCss)({ preset: 'default', theme: options.theme });
             headParts.push(`<style>${cssText}</style>`);
         }
     }
@@ -59,3 +60,24 @@ function renderJianwenToHtmlDocument(source, options = {}) {
     });
     return { html, ast: parseResult.ast, errors: parseResult.errors };
 }
+function renderJianwenToHtmlDocumentWithBlockMap(source, options = {}) {
+    const parseResult = (0, parser_1.parseJianwenWithErrors)(source, options.parse);
+    const renderOptions = {
+        includeMeta: true,
+        includeComments: false,
+        emitBlockMeta: true,
+        ...options.render,
+    };
+    const rendered = (0, html_1.renderDocumentToHtmlWithBlockMap)(parseResult.ast, renderOptions);
+    const title = options.document?.title ?? parseResult.ast.meta?.title;
+    const html = buildHtmlDocument(rendered.html, {
+        ...options.document,
+        title,
+    });
+    return {
+        html,
+        ast: parseResult.ast,
+        errors: parseResult.errors,
+        groups: rendered.groups,
+    };
+}

package/dist/html/render/blocks.d.ts

@@ -1,4 +1,19 @@
 import { BlockNode } from '../../core/ast';
 import { RenderHtmlOptions } from './utils';
+export type RenderBlockGroupKind = 'single' | 'sameLine' | 'foldable';
+export interface RenderBlockGroupDraft {
+    id: string;
+    kind: RenderBlockGroupKind;
+    startBlockIndex: number;
+    endBlockIndex: number;
+    startLine?: number;
+    origin?: string;
+    readOnly: boolean;
+}
+export interface RenderBlocksResult {
+    html: string;
+    groups: RenderBlockGroupDraft[];
+}
 export declare function renderBlocksToHtml(blocks: BlockNode[], options?: RenderHtmlOptions): string;
+export declare function renderBlocksToHtmlWithGroups(blocks: BlockNode[], options?: RenderHtmlOptions): RenderBlocksResult;
 export declare function renderBlockToHtml(block: BlockNode, options: RenderHtmlOptions): string;

package/dist/html/render/blocks.js

@@ -1,18 +1,61 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderBlocksToHtml = renderBlocksToHtml;
+exports.renderBlocksToHtmlWithGroups = renderBlocksToHtmlWithGroups;
 exports.renderBlockToHtml = renderBlockToHtml;
 const utils_1 = require("./utils");
 const inlines_1 = require("./inlines");
+const location_1 = require("../../core/location");
+function nestedRenderOptions(options) {
+    if (!options.emitBlockMeta) {
+        return options;
+    }
+    return {
+        ...options,
+        emitBlockMeta: false,
+    };
+}
 function renderBlocksToHtml(blocks, options = {}) {
+    return renderBlocksToHtmlWithGroups(blocks, options).html;
+}
+function renderBlocksToHtmlWithGroups(blocks, options = {}) {
     const result = [];
+    const groups = [];
     let i = 0;
-    function wrapBlock(html) {
+    function buildGroupDraft(kind, blockList, startBlockIndex) {
+        const endBlockIndex = startBlockIndex + blockList.length - 1;
+        let startLine;
+        const origins = new Set();
+        for (const block of blockList) {
+            const location = (0, location_1.getNodeLocation)(block);
+            if (location && (startLine === undefined || location.line < startLine)) {
+                startLine = location.line;
+            }
+            const origin = (0, location_1.getNodeOrigin)(block);
+            if (origin) {
+                origins.add(origin);
+            }
+        }
+        const origin = origins.size === 1 ? Array.from(origins)[0] : undefined;
+        const hasIncludeBlock = blockList.some((block) => block.type === 'include');
+        const readOnly = origins.size > 0 || hasIncludeBlock;
+        return {
+            id: `g-${groups.length}`,
+            kind,
+            startBlockIndex,
+            endBlockIndex,
+            startLine,
+            origin,
+            readOnly,
+        };
+    }
+    function wrapBlock(html, group) {
         if (!html || !html.trim())
             return '';
         if (options.suppressBlockWrapper)
             return html;
-        return `<div class="jw-block">${html}</div>`;
+        const dataAttr = options.emitBlockMeta && group ? ` data-jw-group-id="${(0, utils_1.escapeAttr)(group.id)}"` : '';
+        return `<div class="jw-block"${dataAttr}>${html}</div>`;
     }
     while (i < blocks.length) {
         const block = blocks[i];
@@ -41,13 +84,18 @@ function renderBlocksToHtml(blocks, options = {}) {
             }
             const detailsContent = foldedBlocks.join('');
             const detailsHtml = `<details class="jw-foldable-section">${headingHtml}${detailsContent}</details>`;
-            result.push(wrapBlock(detailsHtml));
+            const groupBlocks = blocks.slice(i, j).filter((item) => Boolean(item));
+            const group = buildGroupDraft('foldable', groupBlocks, i);
+            groups.push(group);
+            result.push(wrapBlock(detailsHtml, group));
             i = j;
             continue;
         }
         const blockAttrs = 'blockAttrs' in block ? block.blockAttrs : undefined;
         if (!blockAttrs?.sameLine) {
-            result.push(wrapBlock(renderBlockToHtml(block, options)));
+            const group = buildGroupDraft('single', [block], i);
+            groups.push(group);
+            result.push(wrapBlock(renderBlockToHtml(block, options), group));
             i++;
             continue;
         }
@@ -60,6 +108,7 @@ function renderBlocksToHtml(blocks, options = {}) {
                 if (!prevAttrs?.sameLine) {
                     rowStartIndex = i - 1;
                     result.pop();
+                    groups.pop();
                 }
             }
         }
@@ -81,10 +130,15 @@ function renderBlocksToHtml(blocks, options = {}) {
             }
         }
         const rowHtml = rowBlocks.map((b) => renderBlockToHtml(b, options)).join('');
-        result.push(wrapBlock(`<div class="jw-same-line-row">${rowHtml}</div>`));
+        const group = buildGroupDraft('sameLine', rowBlocks, rowStartIndex);
+        groups.push(group);
+        result.push(wrapBlock(`<div class="jw-same-line-row">${rowHtml}</div>`, group));
         i = rowStartIndex + rowBlocks.length;
     }
-    return result.join('');
+    return {
+        html: result.join(''),
+        groups,
+    };
 }
 function renderBlockToHtml(block, options) {
     switch (block.type) {
@@ -170,7 +224,7 @@ function renderContentTitleBlock(block, options) {
     return `<div class="jw-content-title">${inner}</div>${spacer}`;
 }
 function renderQuoteBlock(block, options) {
-    const inner = renderBlocksToHtml(block.children, options);
+    const inner = renderBlocksToHtml(block.children, nestedRenderOptions(options));
     const attrs = (0, utils_1.buildBlockAttributes)(block.blockAttrs, {
         extraData: { 'data-jw-level': String(block.level) },
     });
@@ -209,20 +263,20 @@ function renderListItemBlock(block, options) {
         prefix += `<span class="jw-list-task-marker" data-jw-task-status="${(0, utils_1.escapeAttr)(block.taskStatus)}"></span>`;
     }
     const inner = renderBlocksToHtml(block.children, {
-        ...options,
+        ...nestedRenderOptions(options),
         suppressBlockWrapper: true,
     });
     if (block.kind === 'foldable') {
         const firstChild = block.children[0];
         if (firstChild && firstChild.type === 'paragraph') {
             const summaryContent = renderBlockToHtml(firstChild, {
-                ...options,
+                ...nestedRenderOptions(options),
                 suppressBlockWrapper: true,
             });
             const remainingChildren = block.children.slice(1);
             const detailsContent = remainingChildren.length > 0
                 ? renderBlocksToHtml(remainingChildren, {
-                    ...options,
+                    ...nestedRenderOptions(options),
                     suppressBlockWrapper: true,
                 })
                 : '';
@@ -383,14 +437,14 @@ function renderFootnotesBlock(block, options) {
     return `<section class="jw-footnotes"${attrs}><ol class="jw-footnote-list">${items}</ol></section>`;
 }
 function renderFootnoteDefBlock(block, options) {
-    const inner = renderBlocksToHtml(block.children, options);
+    const inner = renderBlocksToHtml(block.children, nestedRenderOptions(options));
     const attrs = (0, utils_1.buildBlockAttributes)(block.blockAttrs, {
         extraData: { 'data-jw-footnote-id': block.id },
     });
     return `<li class="jw-footnote-def"${attrs}>${inner}</li>`;
 }
 function renderCommentBlock(block, options) {
-    const inner = renderBlocksToHtml(block.children, options);
+    const inner = renderBlocksToHtml(block.children, nestedRenderOptions(options));
     const attrs = (0, utils_1.buildBlockAttributes)(block.blockAttrs, {
         extraData: { 'data-jw-comment': 'true' },
     });
@@ -423,7 +477,7 @@ function renderTaggedBlock(block, options) {
         extraData: { 'data-jw-tag': block.name },
         rawAttrs: [`id="${(0, utils_1.escapeAttr)(id)}"`],
     });
-    const inner = renderBlockToHtml(block.child, options);
+    const inner = renderBlockToHtml(block.child, nestedRenderOptions(options));
     return `<div class="jw-tagged-block"${attrs}>${inner}</div>`;
 }
 function renderRawBlock(block, _options) {

package/dist/html/render/html.d.ts

@@ -3,6 +3,22 @@ import { RenderHtmlOptions } from './utils';
 export { RenderHtmlOptions } from './utils';
 export { DocumentTheme } from '../theme/theme';
 export { renderBlocksToHtml } from './blocks';
+export { renderBlocksToHtmlWithGroups } from './blocks';
 export { renderInlinesToHtml } from './inlines';
+export interface RenderedBlockGroup {
+    id: string;
+    kind: 'single' | 'sameLine' | 'foldable';
+    startBlockIndex: number;
+    endBlockIndex: number;
+    startLine?: number;
+    endLine?: number;
+    origin?: string;
+    readOnly: boolean;
+}
+export interface RenderDocumentWithBlockMapResult {
+    html: string;
+    groups: RenderedBlockGroup[];
+}
 export declare function createDefaultAssetPathResolver(sourceFilePath: string, outputFilePath: string): (assetPath: string) => string | undefined;
 export declare function renderDocumentToHtml(doc: JianwenDocument, options?: RenderHtmlOptions): string;
+export declare function renderDocumentToHtmlWithBlockMap(doc: JianwenDocument, options?: RenderHtmlOptions): RenderDocumentWithBlockMapResult;

package/dist/html/render/html.js

@@ -33,9 +33,10 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderInlinesToHtml = exports.renderBlocksToHtml = void 0;
+exports.renderInlinesToHtml = exports.renderBlocksToHtmlWithGroups = exports.renderBlocksToHtml = void 0;
 exports.createDefaultAssetPathResolver = createDefaultAssetPathResolver;
 exports.renderDocumentToHtml = renderDocumentToHtml;
+exports.renderDocumentToHtmlWithBlockMap = renderDocumentToHtmlWithBlockMap;
 const path = __importStar(require("path"));
 const format_1 = require("../format");
 const utils_1 = require("./utils");
@@ -43,6 +44,8 @@ const meta_1 = require("./meta");
 const blocks_1 = require("./blocks");
 var blocks_2 = require("./blocks");
 Object.defineProperty(exports, "renderBlocksToHtml", { enumerable: true, get: function () { return blocks_2.renderBlocksToHtml; } });
+var blocks_3 = require("./blocks");
+Object.defineProperty(exports, "renderBlocksToHtmlWithGroups", { enumerable: true, get: function () { return blocks_3.renderBlocksToHtmlWithGroups; } });
 var inlines_1 = require("./inlines");
 Object.defineProperty(exports, "renderInlinesToHtml", { enumerable: true, get: function () { return inlines_1.renderInlinesToHtml; } });
 function createDefaultAssetPathResolver(sourceFilePath, outputFilePath) {
@@ -58,6 +61,30 @@ function createDefaultAssetPathResolver(sourceFilePath, outputFilePath) {
     };
 }
 function renderDocumentToHtml(doc, options = {}) {
+    return renderDocumentToHtmlWithBlockMap(doc, {
+        ...options,
+        emitBlockMeta: options.emitBlockMeta ?? false,
+    }).html;
+}
+function finalizeGroups(groups, sourceLineCount) {
+    return groups.map((group, index) => {
+        const next = groups[index + 1];
+        let endLine;
+        if (group.startLine !== undefined) {
+            if (next?.startLine !== undefined) {
+                endLine = Math.max(group.startLine, 1, next.startLine - 1);
+            }
+            else if (sourceLineCount !== undefined) {
+                endLine = Math.max(group.startLine, 1, sourceLineCount);
+            }
+        }
+        return {
+            ...group,
+            endLine,
+        };
+    });
+}
+function renderDocumentToHtmlWithBlockMap(doc, options = {}) {
     const wrapperTag = options.documentWrapperTag === undefined ? 'article' : options.documentWrapperTag;
     const finalOptions = { ...options };
     if (options.sourceFilePath && options.outputFilePath && !options.resolveAssetPath) {
@@ -68,22 +95,34 @@ function renderDocumentToHtml(doc, options = {}) {
         innerParts.push((0, meta_1.renderMetaToHtml)(doc.meta));
     }
     if (!wrapperTag) {
-        innerParts.push((0, blocks_1.renderBlocksToHtml)(doc.children, {
+        const rendered = (0, blocks_1.renderBlocksToHtmlWithGroups)(doc.children, {
             ...finalOptions,
             suppressBlockWrapper: true,
-        }));
+            emitBlockMeta: finalOptions.emitBlockMeta ?? true,
+        });
+        const lineCount = doc.source ? doc.source.split('\n').length : undefined;
+        innerParts.push(rendered.html);
+        return {
+            html: innerParts.join(''),
+            groups: finalizeGroups(rendered.groups, lineCount),
+        };
     }
     else {
-        innerParts.push((0, blocks_1.renderBlocksToHtml)(doc.children, finalOptions));
-    }
-    const innerHtml = innerParts.join('');
-    if (!wrapperTag) {
-        return innerHtml;
+        const rendered = (0, blocks_1.renderBlocksToHtmlWithGroups)(doc.children, {
+            ...finalOptions,
+            emitBlockMeta: finalOptions.emitBlockMeta ?? true,
+        });
+        innerParts.push(rendered.html);
+        const innerHtml = innerParts.join('');
+        const wrapperAttrs = (0, meta_1.buildDocumentWrapperAttributes)(doc.meta);
+        const themeAttr = finalOptions.documentTheme
+            ? ` data-jw-theme="${(0, utils_1.escapeAttr)(finalOptions.documentTheme)}"`
+            : '';
+        const html = `<${wrapperTag} class="jw-root"${wrapperAttrs}${themeAttr}>${innerHtml}</${wrapperTag}>`;
+        const lineCount = doc.source ? doc.source.split('\n').length : undefined;
+        return {
+            html: finalOptions.format ? (0, format_1.formatHtml)(html) : html,
+            groups: finalizeGroups(rendered.groups, lineCount),
+        };
     }
-    const wrapperAttrs = (0, meta_1.buildDocumentWrapperAttributes)(doc.meta);
-    const themeAttr = finalOptions.documentTheme
-        ? ` data-jw-theme="${(0, utils_1.escapeAttr)(finalOptions.documentTheme)}"`
-        : '';
-    const html = `<${wrapperTag} class="jw-root"${wrapperAttrs}${themeAttr}>${innerHtml}</${wrapperTag}>`;
-    return finalOptions.format ? (0, format_1.formatHtml)(html) : html;
 }

package/dist/html/render/utils.d.ts

@@ -3,6 +3,7 @@ import { DocumentTheme } from '../theme/theme';
 export interface RenderHtmlOptions {
     includeMeta?: boolean;
     includeComments?: boolean;
+    emitBlockMeta?: boolean;
     resolveHtmlSource?: (source: string) => string | undefined;
     resolveInclude?: (mode: 'file' | 'tag', target: string) => string | undefined;
     resolveAssetPath?: (assetPath: string) => string | undefined;

package/dist/html/theme/base/css.d.ts

@@ -1,2 +1,2 @@
 export = BASE_CSS;
-declare const BASE_CSS: "\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n}\n.jw-root {\n  background-color: var(--jw-bg-color, transparent);\n  color: var(--jw-text-color, inherit);\n  display: flow-root;\n  min-height: 100vh;\n}\n.jw-root > .jw-block + .jw-block { margin-top: var(--jw-block-spacing); }\n.jw-root > .jw-block { margin: 0; }\n.jw-table { border-collapse: collapse; }\n.jw-table-cell { border: 1px solid var(--jw-border-color); padding: 0.5em; }\n.jw-link { text-decoration: none; color: var(--jw-link-color, currentColor); }\n.jw-link:visited { color: var(--jw-link-color, currentColor); }\n.jw-link:hover { text-decoration: underline; }\n.jw-underline { text-decoration: underline; }\n.jw-strike { text-decoration: line-through; }\n.jw-wave { text-decoration: underline; text-decoration-style: wavy; }\n.jw-heading { font-weight: bold; margin: 0; }\n.jw-heading.level-1 { font-size: 2.5em; }\n.jw-heading.level-2 { font-size: 2em; }\n.jw-heading.level-3 { font-size: 1.75em; }\n.jw-heading.level-4 { font-size: 1.5em; }\n.jw-heading.level-5 { font-size: 1.25em; }\n.jw-foldable-section { margin: 1em 0; }\n.jw-foldable-section > summary {\n  cursor: pointer;\n  user-select: none;\n  list-style: none;\n  display: flex;\n  align-items: center;\n}\n.jw-foldable-section > summary::-webkit-details-marker {\n  display: none;\n}\n.jw-foldable-section > summary::before {\n  content: '';\n  display: block;\n  width: 0.5em;\n  height: 0.5em;\n  margin-right: 0.4em;\n  flex: 0 0 auto;\n  background: currentColor;\n  clip-path: polygon(0 0, 100% 50%, 0 100%);\n  transform: rotate(0deg);\n  opacity: 0.74;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n}\n.jw-foldable-section[open] > summary::before {\n  transform: rotate(90deg);\n  opacity: 0.85;\n}\n.jw-foldable-section > summary .jw-heading {\n  display: inline;\n  margin: 0;\n  min-width: 0;\n}\n\n.jw-content-title {\n  margin-top: 0.1em;\n  margin-bottom: 0;\n  font-size: 0.85em;\n  color: var(--jw-text-muted);\n}\n.jw-content-title-gap {\n  display: block;\n  height: 0.8em;\n  min-height: 8px;\n}\n.jw-quote {\n  margin: 0;\n  border-left: 4px solid var(--jw-quote-border-color);\n  padding: 0 1em;\n  background: var(--jw-quote-background);\n  color: var(--jw-quote-text);\n}\n.jw-quote > .jw-paragraph { margin: var(--jw-quote-gap) 0; }\n.jw-quote > .jw-quote { margin: var(--jw-quote-gap) 0; }\n[data-jw-level=\"2\"].jw-quote { border-left-color: var(--jw-quote-border-color-2); }\n[data-jw-level=\"3\"].jw-quote { border-left-color: var(--jw-quote-border-color-3); }\n.jw-paragraph { white-space: pre-wrap; line-height: var(--jw-line-height-base); }\n.jw-paragraph-block { white-space: normal; }\n.jw-list { padding-left: 1.25em; }\n.jw-list[data-jw-list-kind=\"bullet\"] { list-style-type: disc; }\n.jw-hr { border: none; border-top: 1px solid currentColor; color: var(--jw-border-color); height: 0; background: none; padding: 0; margin: 0; }\n.jw-hr[data-jw-position=\"L\"] { width: 100%; }\n.jw-hr[data-jw-position=\"C\"] { width: 66.67%; }\n.jw-hr[data-jw-position=\"R\"] { width: 33.34%; }\n.jw-hr[data-jw-hr-style=\"dashed\"] { border-top-style: dashed; }\n.jw-hr[data-jw-hr-style=\"bold\"] { border-top-width: 4px; }\n.jw-hr[data-jw-hr-style=\"wavy\"] {\n  border: none;\n  height: 8px;\n  color: var(--jw-border-color);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4 Q 8 0 16 4 T 32 4' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");\n  background-size: 32px 8px;\n  background-repeat: repeat-x;\n  background-position: center bottom;\n  background-color: transparent;\n}\n.jw-highlight-marker { background-color: var(--jw-highlight-marker); padding: 0; }\n.jw-highlight-frame { border: 1px solid var(--jw-border-color); padding: 0; border-radius: 3px; }\n.jw-highlight-block {\n  display: block;\n  padding: 0.75em 1em;\n  white-space: normal;\n}\n.jw-list[data-jw-list-kind=\"task\"] { list-style: none; padding-left: 0; }\n.jw-list-item[data-jw-list-kind=\"task\"] { list-style: none; }\n.jw-list-item[data-jw-list-kind=\"task\"][data-jw-task-status] {\n  position: relative;\n  padding-left: 0;\n  margin: 0.25em 0;\n}\n.jw-list-item {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: flex-start;\n}\n.jw-list-item[data-jw-list-kind=\"bullet\"] {\n  display: list-item;\n}\n.jw-list-ordinal {\n  margin-right: 0.5em;\n  line-height: var(--jw-line-height-base);\n  flex-shrink: 0;\n  color: var(--jw-text-strong);\n  font-variant-numeric: tabular-nums;\n}\n.jw-list-task-marker {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25em;\n  height: 1.25em;\n  border: 1px solid var(--jw-border-color-strong);\n  background: var(--jw-surface-task);\n  border-radius: 2px;\n  font-size: 0.85em;\n  color: transparent;\n  transition: all 0.2s ease;\n  box-sizing: border-box;\n  margin-right: 0.5em;\n  flex-shrink: 0;\n  margin-top: 0.375em;\n  position: relative;\n  line-height: 1;\n}\n.jw-list-task-marker::before,\n.jw-list-task-marker::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  content: '';\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"] {\n  content: '\u2714';\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"]::before {\n  content: '\u2714';\n  color: var(--jw-task-done-text);\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"] {\n  background: var(--jw-task-done-bg);\n  border-color: var(--jw-task-done-bg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::before,\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::after {\n  width: 0.85em;\n  height: 0.12em;\n  background: var(--jw-task-not-done-cross);\n  border-radius: 999px;\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::before {\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::after {\n  transform: translate(-50%, -50%) rotate(-45deg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"] {\n  background: var(--jw-border-color-strong);\n  border-color: var(--jw-border-color-strong);\n}\n.jw-list-task-marker[data-jw-task-status=\"in_progress\"]::before {\n  width: 0.7em;\n  height: 0.7em;\n  border: 0.12em solid var(--jw-task-in-progress);\n  border-radius: 50%;\n}\n.jw-list-task-marker[data-jw-task-status=\"unknown\"] {\n  /* Empty box */\n}\n.jw-list-item > .jw-paragraph {\n  flex: 1 1 auto;\n  margin: 0;\n  min-width: 0;\n  line-height: var(--jw-line-height-base);\n}\n.jw-list-item > .jw-list {\n  flex-basis: 100%;\n  width: 100%;\n  padding-left: 2em;\n  margin: var(--jw-nested-list-gap) 0 0 0;\n}\n.jw-list-item + .jw-list-item {\n  margin-top: var(--jw-nested-list-gap);\n}\n.jw-list-item > .jw-code-block {\n  flex-basis: 100%;\n  width: 100%;\n  margin-top: var(--jw-nested-list-gap);\n}\n.jw-list-item[data-jw-task-status=\"done\"] > .jw-paragraph {\n  text-decoration: line-through;\n  color: var(--jw-text-faint);\n}\n.jw-list-item[data-jw-list-kind=\"ordered\"] {\n  list-style: none;\n}\n.jw-list-item[data-jw-list-kind=\"ordered\"]::marker {\n  content: none;\n}\n\n.jw-list-item[data-jw-list-kind=\"foldable\"] { list-style: none; }\n.jw-foldable-list-item {\n  display: block;\n}\n.jw-foldable-list-item > summary {\n  cursor: pointer;\n  user-select: none;\n  list-style: none;\n  position: relative;\n  padding-left: 1.2em;\n}\n.jw-foldable-list-item > summary::-webkit-details-marker {\n  display: none;\n}\n.jw-foldable-list-item > summary::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 0.45em;\n  height: 0.45em;\n  background: currentColor;\n  clip-path: polygon(0 0, 100% 50%, 0 100%);\n  transform: translateY(-50%) rotate(0deg);\n  opacity: 0.68;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n}\n.jw-foldable-list-item[open] > summary::before {\n  transform: translateY(-50%) rotate(90deg);\n  opacity: 0.85;\n}\n.jw-foldable-list-item > summary .jw-paragraph {\n  display: inline;\n}\n\n.jw-image-figure { }\n.jw-image { max-width: 100%; max-height: 600px; width: auto; height: auto; object-fit: contain; }\n.jw-image-caption { margin-top: 0.5em; font-size: 0.9em; color: var(--jw-text-subtle); }\n.jw-image-figure[data-jw-shape=\"rounded\"] .jw-image { border-radius: 8px; }\n.jw-code-block {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  background: var(--jw-surface-code);\n  border: 1px solid var(--jw-border-color-subtle);\n  border-radius: 4px;\n  font-family: \"JetBrains Mono\", \"Fira Code\", Consolas, Menlo, monospace;\n  font-size: 0.9em;\n  line-height: 1.5;\n  margin: 0;\n}\n.jw-code-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5em 0.75em;\n  border-bottom: 1px solid var(--jw-border-color-subtle);\n  background: var(--jw-surface-overlay-1);\n}\n.jw-code-lang {\n  padding: 0.1em 0.4em;\n  background: var(--jw-surface-overlay-2);\n  color: var(--jw-text-subtle);\n  font-size: 0.75em;\n  border-radius: 3px;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.jw-code-copy {\n  padding: 0.25em 0.5em;\n  background: transparent;\n  border: 1px solid var(--jw-border-color);\n  border-radius: 3px;\n  cursor: pointer;\n  font-size: 0.75em;\n  color: var(--jw-text-subtle);\n  transition: background 0.2s, border-color 0.2s;\n}\n.jw-code-copy:hover {\n  background: var(--jw-surface-overlay-2);\n  border-color: var(--jw-border-color-strong);\n}\n.jw-code-copy:active {\n  background: var(--jw-surface-overlay-3);\n}\n.jw-code-content {\n  display: flex;\n  padding: 1em 1em 1em 0;\n}\n.jw-line-numbers {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  padding: 0 0.75em;\n  border-right: 1px solid var(--jw-border-color-subtle);\n  text-align: right;\n  user-select: none;\n  color: var(--jw-text-faint);\n  font-variant-numeric: tabular-nums;\n}\n.jw-line-number {\n  display: block;\n  min-height: 1.5em;\n}\n.jw-code {\n  flex: 1;\n  display: block;\n  overflow-x: auto;\n  padding: 0 1em;\n  background: transparent;\n  font-family: inherit;\n  white-space: pre;\n}\n.jw-code-line {\n  display: block;\n  white-space: pre;\n  min-height: 1.5em;\n}\n.jw-disabled-block { font-family: inherit; white-space: pre-wrap; line-height: var(--jw-line-height-base); margin: 0; }\n[data-jw-position=\"C\"] { margin-left: 33.33%; }\n[data-jw-position=\"R\"] { margin-left: 66.66%; }\n[data-jw-truncate-left=\"true\"] { margin-left: 0; }\n[data-jw-truncate-right=\"true\"] { max-width: 33.33%; word-wrap: break-word; overflow-wrap: break-word; }\n[data-jw-position=\"C\"][data-jw-truncate-right=\"true\"] { max-width: 33.33%; }\n[data-jw-position=\"R\"][data-jw-truncate-right=\"true\"] { max-width: 33.33%; }\n.jw-hr[data-jw-truncate-right=\"true\"] { width: 33.33%; max-width: none; }\n[data-jw-align=\"center\"] { text-align: center; }\n[data-jw-align=\"right\"] { text-align: right; }\n.jw-same-line-row { display: flex; flex-wrap: nowrap; gap: 0; align-items: flex-start; max-width: 100%; overflow: hidden; }\n.jw-same-line-row > * { flex-shrink: 1; word-wrap: break-word; overflow-wrap: break-word; min-width: 0; }\n.jw-same-line-row > [data-jw-position=\"L\"]:not(:last-child),\n.jw-same-line-row > [data-jw-position=\"C\"]:not(:last-child),\n.jw-same-line-row > [data-jw-position=\"R\"]:not(:last-child) { flex-basis: 33.33%; max-width: 33.33%; }\n.jw-same-line-row > [data-jw-position=\"L\"]:last-child,\n.jw-same-line-row > [data-jw-position=\"C\"]:last-child,\n.jw-same-line-row > [data-jw-position=\"R\"]:last-child { flex-grow: 1; flex-basis: 0; }\n.jw-same-line-row > [data-jw-position] { margin-left: 0; }\n.jw-same-line-row > [data-jw-position=\"C\"]:first-child { margin-left: 33.33%; }\n.jw-same-line-row > [data-jw-position=\"R\"]:first-child { margin-left: 66.66%; }\n.jw-meta { margin: 0 0 var(--jw-block-spacing); }\n.jw-meta-time,\n.jw-meta-add-info,\n.jw-meta-tags,\n.jw-meta-author {\n  color: var(--jw-quote-text);\n}\n.jw-meta-author-link { text-decoration: none; color: inherit; }\n.jw-meta-author-link:hover { text-decoration: underline; }\n.jw-comment-inline { display: none; }\n.jw-comment-block { display: none; }\n";
+declare const BASE_CSS: "\n.jw-root {\n  background-color: var(--jw-bg-color, transparent);\n  color: var(--jw-text-color, inherit);\n  display: flow-root;\n  min-height: 100vh;\n}\n.jw-root > .jw-block + .jw-block { margin-top: var(--jw-block-spacing); }\n.jw-root > .jw-block { margin: 0; }\n.jw-table { border-collapse: collapse; width: 100%; }\n.jw-table-cell {\n  border: 1px solid var(--jw-table-border-color, var(--jw-border-color));\n  padding: 0.5em;\n}\n.jw-table thead .jw-table-cell {\n  background: var(--jw-table-header-bg, var(--jw-surface-overlay-1));\n  color: var(--jw-table-header-text, var(--jw-text-strong));\n  font-weight: 600;\n}\n.jw-table tbody .jw-table-row:nth-child(odd) .jw-table-cell {\n  background: var(--jw-table-row-bg, transparent);\n}\n.jw-table tbody .jw-table-row:nth-child(even) .jw-table-cell {\n  background: var(--jw-table-row-alt-bg, transparent);\n}\n.jw-link { text-decoration: none; color: var(--jw-link-color, currentColor); }\n.jw-link:visited { color: var(--jw-link-color, currentColor); }\n.jw-link:hover { text-decoration: underline; }\n.jw-root strong {\n  color: var(--jw-strong-color, currentColor);\n  font-weight: var(--jw-strong-weight, 700);\n}\n.jw-underline {\n  text-decoration: underline;\n  text-decoration-color: var(--jw-underline-color, currentColor);\n  text-decoration-thickness: var(--jw-underline-thickness, from-font);\n  text-underline-offset: var(--jw-underline-offset, auto);\n}\n.jw-strike {\n  text-decoration: line-through;\n  text-decoration-color: var(--jw-strike-color, currentColor);\n}\n.jw-wave {\n  text-decoration: underline;\n  text-decoration-style: wavy;\n  text-decoration-color: var(--jw-wave-color, currentColor);\n  text-decoration-thickness: var(--jw-underline-thickness, from-font);\n  text-underline-offset: var(--jw-underline-offset, auto);\n}\n.jw-heading { font-weight: bold; margin: 0; }\n.jw-heading.level-1 { font-size: 2.5em; }\n.jw-heading.level-2 { font-size: 2em; }\n.jw-heading.level-3 { font-size: 1.75em; }\n.jw-heading.level-4 { font-size: 1.5em; }\n.jw-heading.level-5 { font-size: 1.25em; }\n.jw-foldable-section { margin: 1em 0; }\n.jw-foldable-section > summary {\n  cursor: pointer;\n  user-select: none;\n  list-style: none;\n  display: flex;\n  align-items: center;\n}\n.jw-foldable-section > summary::-webkit-details-marker {\n  display: none;\n}\n.jw-foldable-section > summary::before {\n  content: '';\n  display: block;\n  width: 0.5em;\n  height: 0.5em;\n  margin-right: 0.4em;\n  flex: 0 0 auto;\n  background: currentColor;\n  clip-path: polygon(0 0, 100% 50%, 0 100%);\n  transform: rotate(0deg);\n  opacity: 0.74;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n}\n.jw-foldable-section[open] > summary::before {\n  transform: rotate(90deg);\n  opacity: 0.85;\n}\n.jw-foldable-section > summary .jw-heading {\n  display: inline;\n  margin: 0;\n  min-width: 0;\n}\n\n.jw-content-title {\n  margin-top: 0.1em;\n  margin-bottom: 0;\n  font-size: 0.85em;\n  color: var(--jw-text-muted);\n}\n.jw-content-title-gap {\n  display: block;\n  height: 0.8em;\n  min-height: 8px;\n}\n.jw-quote {\n  margin: 0;\n  border-left: 4px solid var(--jw-quote-border-color);\n  padding: 0 1em;\n  background: var(--jw-quote-background);\n  color: var(--jw-quote-text);\n}\n.jw-quote > .jw-paragraph { margin: var(--jw-quote-gap) 0; }\n.jw-quote > .jw-quote { margin: var(--jw-quote-gap) 0; }\n[data-jw-level=\"2\"].jw-quote { border-left-color: var(--jw-quote-border-color-2); }\n[data-jw-level=\"3\"].jw-quote { border-left-color: var(--jw-quote-border-color-3); }\n.jw-paragraph { white-space: pre-wrap; line-height: var(--jw-line-height-base); }\n.jw-paragraph-block { white-space: normal; }\n.jw-list { padding-left: 1.25em; }\n.jw-list[data-jw-list-kind=\"bullet\"] { list-style-type: disc; }\n.jw-hr { border: none; border-top: 1px solid currentColor; color: var(--jw-border-color); height: 0; background: none; padding: 0; margin: 0; }\n.jw-hr[data-jw-position=\"L\"] { width: 100%; }\n.jw-hr[data-jw-position=\"C\"] { width: 66.67%; }\n.jw-hr[data-jw-position=\"R\"] { width: 33.34%; }\n.jw-hr[data-jw-hr-style=\"dashed\"] { border-top-style: dashed; }\n.jw-hr[data-jw-hr-style=\"bold\"] { border-top-width: 4px; }\n.jw-hr[data-jw-hr-style=\"wavy\"] {\n  border: none;\n  height: 8px;\n  color: var(--jw-border-color);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4 Q 8 0 16 4 T 32 4' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");\n  background-size: 32px 8px;\n  background-repeat: repeat-x;\n  background-position: center bottom;\n  background-color: transparent;\n}\n.jw-highlight-marker { background-color: var(--jw-highlight-marker); padding: 0; }\n.jw-highlight-frame { border: 1px solid var(--jw-border-color); padding: 0; border-radius: 3px; }\n.jw-highlight-block {\n  display: block;\n  padding: 0.75em 1em;\n  white-space: normal;\n}\n.jw-list[data-jw-list-kind=\"task\"] { list-style: none; padding-left: 0; }\n.jw-list-item[data-jw-list-kind=\"task\"] { list-style: none; }\n.jw-list-item[data-jw-list-kind=\"task\"][data-jw-task-status] {\n  position: relative;\n  padding-left: 0;\n  margin: 0.25em 0;\n}\n.jw-list-item {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: flex-start;\n}\n.jw-list-item[data-jw-list-kind=\"bullet\"] {\n  display: list-item;\n}\n.jw-list-ordinal {\n  margin-right: 0.5em;\n  line-height: var(--jw-line-height-base);\n  flex-shrink: 0;\n  color: var(--jw-text-strong);\n  font-variant-numeric: tabular-nums;\n}\n.jw-list-task-marker {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25em;\n  height: 1.25em;\n  border: 1px solid var(--jw-border-color-strong);\n  background: var(--jw-surface-task);\n  border-radius: 2px;\n  font-size: 0.85em;\n  color: transparent;\n  transition: all 0.2s ease;\n  box-sizing: border-box;\n  margin-right: 0.5em;\n  flex-shrink: 0;\n  margin-top: 0.375em;\n  position: relative;\n  line-height: 1;\n}\n.jw-list-task-marker::before,\n.jw-list-task-marker::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  content: '';\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"] {\n  content: '\u2714';\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"]::before {\n  content: '\u2714';\n  color: var(--jw-task-done-text);\n}\n.jw-list-task-marker[data-jw-task-status=\"done\"] {\n  background: var(--jw-task-done-bg);\n  border-color: var(--jw-task-done-bg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::before,\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::after {\n  width: 0.85em;\n  height: 0.12em;\n  background: var(--jw-task-not-done-cross);\n  border-radius: 999px;\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::before {\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"]::after {\n  transform: translate(-50%, -50%) rotate(-45deg);\n}\n.jw-list-task-marker[data-jw-task-status=\"not_done\"] {\n  background: var(--jw-border-color-strong);\n  border-color: var(--jw-border-color-strong);\n}\n.jw-list-task-marker[data-jw-task-status=\"in_progress\"]::before {\n  width: 0.7em;\n  height: 0.7em;\n  border: 0.12em solid var(--jw-task-in-progress);\n  border-radius: 50%;\n}\n.jw-list-task-marker[data-jw-task-status=\"unknown\"] {\n  /* Empty box */\n}\n.jw-list-item > .jw-paragraph {\n  flex: 1 1 auto;\n  margin: 0;\n  min-width: 0;\n  line-height: var(--jw-line-height-base);\n}\n.jw-list-item > .jw-list {\n  flex-basis: 100%;\n  width: 100%;\n  padding-left: 2em;\n  margin: var(--jw-nested-list-gap) 0 0 0;\n}\n.jw-list-item + .jw-list-item {\n  margin-top: var(--jw-nested-list-gap);\n}\n.jw-list-item > .jw-code-block {\n  flex-basis: 100%;\n  width: 100%;\n  margin-top: var(--jw-nested-list-gap);\n}\n.jw-list-item[data-jw-task-status=\"done\"] > .jw-paragraph {\n  text-decoration: line-through;\n  color: var(--jw-text-faint);\n}\n.jw-list-item[data-jw-list-kind=\"ordered\"] {\n  list-style: none;\n}\n.jw-list-item[data-jw-list-kind=\"ordered\"]::marker {\n  content: none;\n}\n\n.jw-list-item[data-jw-list-kind=\"foldable\"] { list-style: none; }\n.jw-foldable-list-item {\n  display: block;\n}\n.jw-foldable-list-item > summary {\n  cursor: pointer;\n  user-select: none;\n  list-style: none;\n  position: relative;\n  padding-left: 1.2em;\n}\n.jw-foldable-list-item > summary::-webkit-details-marker {\n  display: none;\n}\n.jw-foldable-list-item > summary::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 0.45em;\n  height: 0.45em;\n  background: currentColor;\n  clip-path: polygon(0 0, 100% 50%, 0 100%);\n  transform: translateY(-50%) rotate(0deg);\n  opacity: 0.68;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n}\n.jw-foldable-list-item[open] > summary::before {\n  transform: translateY(-50%) rotate(90deg);\n  opacity: 0.85;\n}\n.jw-foldable-list-item > summary .jw-paragraph {\n  display: inline;\n}\n\n.jw-image-figure { }\n.jw-image { max-width: 100%; max-height: 600px; width: auto; height: auto; object-fit: contain; }\n.jw-image-caption { margin-top: 0.5em; font-size: 0.9em; color: var(--jw-text-subtle); }\n.jw-image-figure[data-jw-shape=\"rounded\"] .jw-image { border-radius: 8px; }\n.jw-code-block {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  background: var(--jw-code-block-bg, var(--jw-surface-code));\n  border: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));\n  border-radius: 4px;\n  font-family: \"JetBrains Mono\", \"Fira Code\", Consolas, Menlo, monospace;\n  font-size: 0.9em;\n  line-height: 1.5;\n  margin: 0;\n}\n.jw-code-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5em 0.75em;\n  border-bottom: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));\n  background: var(--jw-code-header-bg, var(--jw-surface-overlay-1));\n  color: var(--jw-code-header-text, var(--jw-text-subtle));\n}\n.jw-code-lang {\n  padding: 0.1em 0.4em;\n  background: var(--jw-code-lang-bg, var(--jw-surface-overlay-2));\n  color: var(--jw-code-lang-text, var(--jw-text-subtle));\n  font-size: 0.75em;\n  border-radius: 3px;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.jw-code-copy {\n  padding: 0.25em 0.5em;\n  background: transparent;\n  border: 1px solid var(--jw-code-copy-border, var(--jw-border-color));\n  border-radius: 3px;\n  cursor: pointer;\n  font-size: 0.75em;\n  color: var(--jw-code-header-text, var(--jw-text-subtle));\n  transition: background 0.2s, border-color 0.2s;\n}\n.jw-code-copy:hover {\n  background: var(--jw-code-copy-hover-bg, var(--jw-surface-overlay-2));\n  border-color: var(--jw-code-copy-border, var(--jw-border-color-strong));\n}\n.jw-code-copy:active {\n  background: var(--jw-surface-overlay-3);\n}\n.jw-code-content {\n  display: flex;\n  padding: 1em 1em 1em 0;\n}\n.jw-line-numbers {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  padding: 0 0.75em;\n  border-right: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));\n  text-align: right;\n  user-select: none;\n  color: var(--jw-code-line-number-color, var(--jw-text-faint));\n  font-variant-numeric: tabular-nums;\n}\n.jw-line-number {\n  display: block;\n  min-height: 1.5em;\n}\n.jw-code {\n  flex: 1;\n  display: block;\n  overflow-x: auto;\n  padding: 0 1em;\n  background: transparent;\n  font-family: inherit;\n  white-space: pre;\n}\n.jw-code-line {\n  display: block;\n  white-space: pre;\n  min-height: 1.5em;\n}\n.jw-disabled-block { font-family: inherit; white-space: pre-wrap; line-height: var(--jw-line-height-base); margin: 0; }\n[data-jw-position=\"C\"] { margin-left: 33.33%; }\n[data-jw-position=\"R\"] { margin-left: 66.66%; }\n[data-jw-truncate-left=\"true\"] { margin-left: 0; }\n[data-jw-truncate-right=\"true\"] { max-width: 33.33%; word-wrap: break-word; overflow-wrap: break-word; }\n[data-jw-position=\"C\"][data-jw-truncate-right=\"true\"] { max-width: 33.33%; }\n[data-jw-position=\"R\"][data-jw-truncate-right=\"true\"] { max-width: 33.33%; }\n.jw-hr[data-jw-truncate-right=\"true\"] { width: 33.33%; max-width: none; }\n[data-jw-align=\"center\"] { text-align: center; }\n[data-jw-align=\"right\"] { text-align: right; }\n.jw-same-line-row { display: flex; flex-wrap: nowrap; gap: 0; align-items: flex-start; max-width: 100%; overflow: hidden; }\n.jw-same-line-row > * { flex-shrink: 1; word-wrap: break-word; overflow-wrap: break-word; min-width: 0; }\n.jw-same-line-row > [data-jw-position=\"L\"]:not(:last-child),\n.jw-same-line-row > [data-jw-position=\"C\"]:not(:last-child),\n.jw-same-line-row > [data-jw-position=\"R\"]:not(:last-child) { flex-basis: 33.33%; max-width: 33.33%; }\n.jw-same-line-row > [data-jw-position=\"L\"]:last-child,\n.jw-same-line-row > [data-jw-position=\"C\"]:last-child,\n.jw-same-line-row > [data-jw-position=\"R\"]:last-child { flex-grow: 1; flex-basis: 0; }\n.jw-same-line-row > [data-jw-position] { margin-left: 0; }\n.jw-same-line-row > [data-jw-position=\"C\"]:first-child { margin-left: 33.33%; }\n.jw-same-line-row > [data-jw-position=\"R\"]:first-child { margin-left: 66.66%; }\n.jw-meta { margin: 0 0 var(--jw-block-spacing); }\n.jw-meta-time,\n.jw-meta-add-info,\n.jw-meta-tags,\n.jw-meta-author {\n  color: var(--jw-quote-text);\n}\n.jw-meta-author-link { text-decoration: none; color: inherit; }\n.jw-meta-author-link:hover { text-decoration: underline; }\n.jw-comment-inline { display: none; }\n.jw-comment-block { display: none; }\n";

package/dist/html/theme/base/css.js

@@ -1,10 +1,5 @@
 "use strict";
 const BASE_CSS = `
-html,
-body {
-  margin: 0;
-  padding: 0;
-}
 .jw-root {
   background-color: var(--jw-bg-color, transparent);
   color: var(--jw-text-color, inherit);
@@ -13,14 +8,46 @@ body {
 }
 .jw-root > .jw-block + .jw-block { margin-top: var(--jw-block-spacing); }
 .jw-root > .jw-block { margin: 0; }
-.jw-table { border-collapse: collapse; }
-.jw-table-cell { border: 1px solid var(--jw-border-color); padding: 0.5em; }
+.jw-table { border-collapse: collapse; width: 100%; }
+.jw-table-cell {
+  border: 1px solid var(--jw-table-border-color, var(--jw-border-color));
+  padding: 0.5em;
+}
+.jw-table thead .jw-table-cell {
+  background: var(--jw-table-header-bg, var(--jw-surface-overlay-1));
+  color: var(--jw-table-header-text, var(--jw-text-strong));
+  font-weight: 600;
+}
+.jw-table tbody .jw-table-row:nth-child(odd) .jw-table-cell {
+  background: var(--jw-table-row-bg, transparent);
+}
+.jw-table tbody .jw-table-row:nth-child(even) .jw-table-cell {
+  background: var(--jw-table-row-alt-bg, transparent);
+}
 .jw-link { text-decoration: none; color: var(--jw-link-color, currentColor); }
 .jw-link:visited { color: var(--jw-link-color, currentColor); }
 .jw-link:hover { text-decoration: underline; }
-.jw-underline { text-decoration: underline; }
-.jw-strike { text-decoration: line-through; }
-.jw-wave { text-decoration: underline; text-decoration-style: wavy; }
+.jw-root strong {
+  color: var(--jw-strong-color, currentColor);
+  font-weight: var(--jw-strong-weight, 700);
+}
+.jw-underline {
+  text-decoration: underline;
+  text-decoration-color: var(--jw-underline-color, currentColor);
+  text-decoration-thickness: var(--jw-underline-thickness, from-font);
+  text-underline-offset: var(--jw-underline-offset, auto);
+}
+.jw-strike {
+  text-decoration: line-through;
+  text-decoration-color: var(--jw-strike-color, currentColor);
+}
+.jw-wave {
+  text-decoration: underline;
+  text-decoration-style: wavy;
+  text-decoration-color: var(--jw-wave-color, currentColor);
+  text-decoration-thickness: var(--jw-underline-thickness, from-font);
+  text-underline-offset: var(--jw-underline-offset, auto);
+}
 .jw-heading { font-weight: bold; margin: 0; }
 .jw-heading.level-1 { font-size: 2.5em; }
 .jw-heading.level-2 { font-size: 2em; }
@@ -271,8 +298,8 @@ body {
   display: flex;
   flex-direction: column;
   padding: 0;
-  background: var(--jw-surface-code);
-  border: 1px solid var(--jw-border-color-subtle);
+  background: var(--jw-code-block-bg, var(--jw-surface-code));
+  border: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));
   border-radius: 4px;
   font-family: "JetBrains Mono", "Fira Code", Consolas, Menlo, monospace;
   font-size: 0.9em;
@@ -284,13 +311,14 @@ body {
   justify-content: space-between;
   align-items: center;
   padding: 0.5em 0.75em;
-  border-bottom: 1px solid var(--jw-border-color-subtle);
-  background: var(--jw-surface-overlay-1);
+  border-bottom: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));
+  background: var(--jw-code-header-bg, var(--jw-surface-overlay-1));
+  color: var(--jw-code-header-text, var(--jw-text-subtle));
 }
 .jw-code-lang {
   padding: 0.1em 0.4em;
-  background: var(--jw-surface-overlay-2);
-  color: var(--jw-text-subtle);
+  background: var(--jw-code-lang-bg, var(--jw-surface-overlay-2));
+  color: var(--jw-code-lang-text, var(--jw-text-subtle));
   font-size: 0.75em;
   border-radius: 3px;
   font-weight: 500;
@@ -300,16 +328,16 @@ body {
 .jw-code-copy {
   padding: 0.25em 0.5em;
   background: transparent;
-  border: 1px solid var(--jw-border-color);
+  border: 1px solid var(--jw-code-copy-border, var(--jw-border-color));
   border-radius: 3px;
   cursor: pointer;
   font-size: 0.75em;
-  color: var(--jw-text-subtle);
+  color: var(--jw-code-header-text, var(--jw-text-subtle));
   transition: background 0.2s, border-color 0.2s;
 }
 .jw-code-copy:hover {
-  background: var(--jw-surface-overlay-2);
-  border-color: var(--jw-border-color-strong);
+  background: var(--jw-code-copy-hover-bg, var(--jw-surface-overlay-2));
+  border-color: var(--jw-code-copy-border, var(--jw-border-color-strong));
 }
 .jw-code-copy:active {
   background: var(--jw-surface-overlay-3);
@@ -323,10 +351,10 @@ body {
   display: flex;
   flex-direction: column;
   padding: 0 0.75em;
-  border-right: 1px solid var(--jw-border-color-subtle);
+  border-right: 1px solid var(--jw-code-border-color, var(--jw-border-color-subtle));
   text-align: right;
   user-select: none;
-  color: var(--jw-text-faint);
+  color: var(--jw-code-line-number-color, var(--jw-text-faint));
   font-variant-numeric: tabular-nums;
 }
 .jw-line-number {

package/dist/html/theme/dark/css.js

@@ -40,6 +40,30 @@ const DARK_CSS = `
   --jw-task-not-done-cross: #eef1f7;
   --jw-task-in-progress: #b7bdca;
 
+  --jw-strong-color: #f3f5f8;
+  --jw-strong-weight: 700;
+  --jw-underline-color: #8ab4f8;
+  --jw-underline-thickness: 0.08em;
+  --jw-underline-offset: 0.12em;
+  --jw-wave-color: #8ab4f8;
+  --jw-strike-color: #98a2b3;
+
+  --jw-table-border-color: #374151;
+  --jw-table-header-bg: #1f2937;
+  --jw-table-header-text: #d1d5db;
+  --jw-table-row-bg: #141922;
+  --jw-table-row-alt-bg: #171d28;
+
+  --jw-code-block-bg: #1c1f26;
+  --jw-code-border-color: #313846;
+  --jw-code-header-bg: rgba(255, 255, 255, 0.05);
+  --jw-code-header-text: #b8c2d3;
+  --jw-code-lang-bg: rgba(255, 255, 255, 0.08);
+  --jw-code-lang-text: #d1d8e3;
+  --jw-code-copy-border: #4b5563;
+  --jw-code-copy-hover-bg: rgba(255, 255, 255, 0.12);
+  --jw-code-line-number-color: #8b95a7;
+
   --jw-color-red: ${PRESET_COLORS.red};
   --jw-color-orange: ${PRESET_COLORS.orange};
   --jw-color-yellow: ${PRESET_COLORS.yellow};
@@ -92,6 +116,30 @@ const DARK_CSS = `
     --jw-task-not-done-cross: #eef1f7;
     --jw-task-in-progress: #b7bdca;
 
+    --jw-strong-color: #f3f5f8;
+    --jw-strong-weight: 700;
+    --jw-underline-color: #8ab4f8;
+    --jw-underline-thickness: 0.08em;
+    --jw-underline-offset: 0.12em;
+    --jw-wave-color: #8ab4f8;
+    --jw-strike-color: #98a2b3;
+
+    --jw-table-border-color: #374151;
+    --jw-table-header-bg: #1f2937;
+    --jw-table-header-text: #d1d5db;
+    --jw-table-row-bg: #141922;
+    --jw-table-row-alt-bg: #171d28;
+
+    --jw-code-block-bg: #1c1f26;
+    --jw-code-border-color: #313846;
+    --jw-code-header-bg: rgba(255, 255, 255, 0.05);
+    --jw-code-header-text: #b8c2d3;
+    --jw-code-lang-bg: rgba(255, 255, 255, 0.08);
+    --jw-code-lang-text: #d1d8e3;
+    --jw-code-copy-border: #4b5563;
+    --jw-code-copy-hover-bg: rgba(255, 255, 255, 0.12);
+    --jw-code-line-number-color: #8b95a7;
+
     --jw-color-red: ${PRESET_COLORS.red};
     --jw-color-orange: ${PRESET_COLORS.orange};
     --jw-color-yellow: ${PRESET_COLORS.yellow};