@cosense-toolbox/parser 0.1.0-beta.1 → 0.1.0-beta.3

package/dist/extensions.cjs

@@ -1,14 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_decoration = require("./decoration-DODaJKeA.cjs");
-//#region src/extensions/custom-decoration.ts
+//#region src/extensions/table-cell-notation.ts
 /**
-* 文字装飾記法として読む記号を増やす拡張。
+* テーブルのセルの中でも、行と同じく記法を読む拡張。Cosense Web には無い振る舞い。
 *
-* 既定では `* / - _` の 4 つだけを装飾として読み、それ以外は内部リンクになる。
-* 渡した記号は既定の記号と混ぜられ、`[*' x]` は太字かつ `markers: ['*', "'"]` になる。
+* 既定ではセルの中はリンクの記法だけを読み、それ以外は書いたままの文字になる (Cosense Web と同じ)。
+* `types` を渡すと、リンクに加えてその型のノードだけを読む。省くとすべての記法 (拡張の記法も含む) を読む。
+*
+* @example
+* parse(source, { extensions: [tableCellNotation()] })              // すべての記法
+* parse(source, { extensions: [tableCellNotation(['decoration'])] }) // リンクと装飾だけ
 */
-const customDecorations = (markers) => ({ bracketRules: [require_decoration.buildDecorationRule(require_decoration.OFFICIAL_MARKERS + markers.join(""))] });
+const tableCellNotation = (types) => ({ keepInTableCell: types === void 0 ? () => true : (node) => types.includes(node.type) });
 //#endregion
-exports.customDecorations = customDecorations;
+exports.tableCellNotation = tableCellNotation;
 
 //# sourceMappingURL=extensions.cjs.map

package/dist/extensions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.cjs","names":["buildDecorationRule","OFFICIAL_MARKERS"],"sources":["../src/extensions/custom-decoration.ts"],"sourcesContent":["import { OFFICIAL_MARKERS, buildDecorationRule } from '../inline/bracket-rules/decoration'\nimport type { Extension } from '../inline/types'\n\n/**\n * 文字装飾記法として読む記号を増やす拡張。\n *\n * 既定では `* / - _` の 4 つだけを装飾として読み、それ以外は内部リンクになる。\n * 渡した記号は既定の記号と混ぜられ、`[*' x]` は太字かつ `markers: ['*', \"'\"]` になる。\n */\nexport const customDecorations = (markers: readonly string[]): Extension => ({\n  bracketRules: [buildDecorationRule(OFFICIAL_MARKERS + markers.join(''))],\n})\n"],"mappings":";;;;;;;;;AASA,MAAa,qBAAqB,aAA2C,EAC3E,cAAc,CAACA,mBAAAA,oBAAoBC,mBAAAA,mBAAmB,QAAQ,KAAK,EAAE,CAAC,CAAC,EACzE"}
+{"version":3,"file":"extensions.cjs","names":[],"sources":["../src/extensions/table-cell-notation.ts"],"sourcesContent":["import type { Extension } from \"../inline/types\"\nimport type { InlineNode } from \"../types\"\n\n/**\n * テーブルのセルの中でも、行と同じく記法を読む拡張。Cosense Web には無い振る舞い。\n *\n * 既定ではセルの中はリンクの記法だけを読み、それ以外は書いたままの文字になる (Cosense Web と同じ)。\n * `types` を渡すと、リンクに加えてその型のノードだけを読む。省くとすべての記法 (拡張の記法も含む) を読む。\n *\n * @example\n * parse(source, { extensions: [tableCellNotation()] })              // すべての記法\n * parse(source, { extensions: [tableCellNotation(['decoration'])] }) // リンクと装飾だけ\n */\nexport const tableCellNotation = (types?: readonly InlineNode[\"type\"][]): Extension => ({\n  keepInTableCell: types === undefined ? () => true : (node) => types.includes(node.type),\n})\n"],"mappings":";;;;;;;;;;;;AAaA,MAAa,qBAAqB,WAAsD,EACtF,iBAAiB,UAAU,KAAA,UAAkB,QAAQ,SAAS,MAAM,SAAS,KAAK,IAAI,EACxF"}

package/dist/extensions.d.cts

@@ -1,13 +1,17 @@
-import { F as WithoutPosition, _ as InlineNodeInit } from "./types-DmfFumcw.cjs";
-import { a as InlineConstruct, i as Extension, n as BracketRuleContext, o as InlineContext, r as ConstructMatch, s as Origin, t as BracketRule } from "./types-CiwPj2R8.cjs";
-//#region src/extensions/custom-decoration.d.ts
+import { F as WithoutPosition, _ as InlineNodeInit, g as InlineNode } from "./types-gWMrsXPX.cjs";
+import { a as InlineConstruct, i as Extension, n as BracketRuleContext, o as InlineContext, r as ConstructMatch, s as Origin, t as BracketRule } from "./types-_-ZAyNkz.cjs";
+//#region src/extensions/table-cell-notation.d.ts
 /**
- * 文字装飾記法として読む記号を増やす拡張。
+ * テーブルのセルの中でも、行と同じく記法を読む拡張。Cosense Web には無い振る舞い。
  *
- * 既定では `* / - _` の 4 つだけを装飾として読み、それ以外は内部リンクになる。
- * 渡した記号は既定の記号と混ぜられ、`[*' x]` は太字かつ `markers: ['*', "'"]` になる。
+ * 既定ではセルの中はリンクの記法だけを読み、それ以外は書いたままの文字になる (Cosense Web と同じ)。
+ * `types` を渡すと、リンクに加えてその型のノードだけを読む。省くとすべての記法 (拡張の記法も含む) を読む。
+ *
+ * @example
+ * parse(source, { extensions: [tableCellNotation()] })              // すべての記法
+ * parse(source, { extensions: [tableCellNotation(['decoration'])] }) // リンクと装飾だけ
  */
-declare const customDecorations: (markers: readonly string[]) => Extension;
+declare const tableCellNotation: (types?: readonly InlineNode["type"][]) => Extension;
 //#endregion
-export { type BracketRule, type BracketRuleContext, type ConstructMatch, type Extension, type InlineConstruct, type InlineContext, type InlineNodeInit, type Origin, type WithoutPosition, customDecorations };
+export { type BracketRule, type BracketRuleContext, type ConstructMatch, type Extension, type InlineConstruct, type InlineContext, type InlineNodeInit, type Origin, type WithoutPosition, tableCellNotation };
 //# sourceMappingURL=extensions.d.cts.map

package/dist/extensions.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.d.cts","names":[],"sources":["../src/extensions/custom-decoration.ts"],"mappings":";;;;;;;;;cASa,oBAAqB,+BAA6B"}
+{"version":3,"file":"extensions.d.cts","names":[],"sources":["../src/extensions/table-cell-notation.ts"],"mappings":";;;;;;;;;;;;;cAaa,oBAAqB,iBAAiB,yBAAuB"}

package/dist/extensions.d.mts

@@ -1,13 +1,17 @@
-import { F as WithoutPosition, _ as InlineNodeInit } from "./types-DmfFumcw.mjs";
-import { a as InlineConstruct, i as Extension, n as BracketRuleContext, o as InlineContext, r as ConstructMatch, s as Origin, t as BracketRule } from "./types-9vAAFHka.mjs";
-//#region src/extensions/custom-decoration.d.ts
+import { F as WithoutPosition, _ as InlineNodeInit, g as InlineNode } from "./types-gWMrsXPX.mjs";
+import { a as InlineConstruct, i as Extension, n as BracketRuleContext, o as InlineContext, r as ConstructMatch, s as Origin, t as BracketRule } from "./types-CdiHju1P.mjs";
+//#region src/extensions/table-cell-notation.d.ts
 /**
- * 文字装飾記法として読む記号を増やす拡張。
+ * テーブルのセルの中でも、行と同じく記法を読む拡張。Cosense Web には無い振る舞い。
  *
- * 既定では `* / - _` の 4 つだけを装飾として読み、それ以外は内部リンクになる。
- * 渡した記号は既定の記号と混ぜられ、`[*' x]` は太字かつ `markers: ['*', "'"]` になる。
+ * 既定ではセルの中はリンクの記法だけを読み、それ以外は書いたままの文字になる (Cosense Web と同じ)。
+ * `types` を渡すと、リンクに加えてその型のノードだけを読む。省くとすべての記法 (拡張の記法も含む) を読む。
+ *
+ * @example
+ * parse(source, { extensions: [tableCellNotation()] })              // すべての記法
+ * parse(source, { extensions: [tableCellNotation(['decoration'])] }) // リンクと装飾だけ
  */
-declare const customDecorations: (markers: readonly string[]) => Extension;
+declare const tableCellNotation: (types?: readonly InlineNode["type"][]) => Extension;
 //#endregion
-export { type BracketRule, type BracketRuleContext, type ConstructMatch, type Extension, type InlineConstruct, type InlineContext, type InlineNodeInit, type Origin, type WithoutPosition, customDecorations };
+export { type BracketRule, type BracketRuleContext, type ConstructMatch, type Extension, type InlineConstruct, type InlineContext, type InlineNodeInit, type Origin, type WithoutPosition, tableCellNotation };
 //# sourceMappingURL=extensions.d.mts.map

package/dist/extensions.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.d.mts","names":[],"sources":["../src/extensions/custom-decoration.ts"],"mappings":";;;;;;;;;cASa,oBAAqB,+BAA6B"}
+{"version":3,"file":"extensions.d.mts","names":[],"sources":["../src/extensions/table-cell-notation.ts"],"mappings":";;;;;;;;;;;;;cAaa,oBAAqB,iBAAiB,yBAAuB"}

package/dist/extensions.mjs

@@ -1,13 +1,16 @@
-import { n as buildDecorationRule, t as OFFICIAL_MARKERS } from "./decoration-Dq_5e20j.mjs";
-//#region src/extensions/custom-decoration.ts
+//#region src/extensions/table-cell-notation.ts
 /**
-* 文字装飾記法として読む記号を増やす拡張。
+* テーブルのセルの中でも、行と同じく記法を読む拡張。Cosense Web には無い振る舞い。
 *
-* 既定では `* / - _` の 4 つだけを装飾として読み、それ以外は内部リンクになる。
-* 渡した記号は既定の記号と混ぜられ、`[*' x]` は太字かつ `markers: ['*', "'"]` になる。
+* 既定ではセルの中はリンクの記法だけを読み、それ以外は書いたままの文字になる (Cosense Web と同じ)。
+* `types` を渡すと、リンクに加えてその型のノードだけを読む。省くとすべての記法 (拡張の記法も含む) を読む。
+*
+* @example
+* parse(source, { extensions: [tableCellNotation()] })              // すべての記法
+* parse(source, { extensions: [tableCellNotation(['decoration'])] }) // リンクと装飾だけ
 */
-const customDecorations = (markers) => ({ bracketRules: [buildDecorationRule(OFFICIAL_MARKERS + markers.join(""))] });
+const tableCellNotation = (types) => ({ keepInTableCell: types === void 0 ? () => true : (node) => types.includes(node.type) });
 //#endregion
-export { customDecorations };
+export { tableCellNotation };
 
 //# sourceMappingURL=extensions.mjs.map

package/dist/extensions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.mjs","names":[],"sources":["../src/extensions/custom-decoration.ts"],"sourcesContent":["import { OFFICIAL_MARKERS, buildDecorationRule } from '../inline/bracket-rules/decoration'\nimport type { Extension } from '../inline/types'\n\n/**\n * 文字装飾記法として読む記号を増やす拡張。\n *\n * 既定では `* / - _` の 4 つだけを装飾として読み、それ以外は内部リンクになる。\n * 渡した記号は既定の記号と混ぜられ、`[*' x]` は太字かつ `markers: ['*', \"'\"]` になる。\n */\nexport const customDecorations = (markers: readonly string[]): Extension => ({\n  bracketRules: [buildDecorationRule(OFFICIAL_MARKERS + markers.join(''))],\n})\n"],"mappings":";;;;;;;;AASA,MAAa,qBAAqB,aAA2C,EAC3E,cAAc,CAAC,oBAAoB,mBAAmB,QAAQ,KAAK,EAAE,CAAC,CAAC,EACzE"}
+{"version":3,"file":"extensions.mjs","names":[],"sources":["../src/extensions/table-cell-notation.ts"],"sourcesContent":["import type { Extension } from \"../inline/types\"\nimport type { InlineNode } from \"../types\"\n\n/**\n * テーブルのセルの中でも、行と同じく記法を読む拡張。Cosense Web には無い振る舞い。\n *\n * 既定ではセルの中はリンクの記法だけを読み、それ以外は書いたままの文字になる (Cosense Web と同じ)。\n * `types` を渡すと、リンクに加えてその型のノードだけを読む。省くとすべての記法 (拡張の記法も含む) を読む。\n *\n * @example\n * parse(source, { extensions: [tableCellNotation()] })              // すべての記法\n * parse(source, { extensions: [tableCellNotation(['decoration'])] }) // リンクと装飾だけ\n */\nexport const tableCellNotation = (types?: readonly InlineNode[\"type\"][]): Extension => ({\n  keepInTableCell: types === undefined ? () => true : (node) => types.includes(node.type),\n})\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,qBAAqB,WAAsD,EACtF,iBAAiB,UAAU,KAAA,UAAkB,QAAQ,SAAS,MAAM,SAAS,KAAK,IAAI,EACxF"}

package/dist/html.cjs

@@ -0,0 +1,458 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_image_url = require("./image-url-YcTed8tg.cjs");
+const require_ast = require("./ast-C0BGz7X2.cjs");
+let effect = require("effect");
+let hast_util_to_html = require("hast-util-to-html");
+//#region src/html/to-hast.ts
+/**
+* to-hast.ts — AST を hast (HTML の AST) にする公式コンパイラ。
+*
+* HTML の文字列 (`toHtml`)、JSX (cosense-x)、rehype のプラグインはすべてこの出力から作る。
+* 描画の規則をここ 1 か所に置き、形式ごとに実装が分かれてずれないようにするため。
+*
+* ノード型ごとのハンドラの集まりで、`handlers` に渡した型だけが差し替わる。
+* 既定のハンドラは `defaultHastHandlers` として公開し、オプションは `ctx.options` から読む。
+* 利用者が既定の出力を包むとき、オプションを渡し直さなくて済むようにするため。
+*/
+/** `href` に入れると script が動くスキーム。`data:text/html` があるので data: も拒む。 */
+const UNSAFE_HREF_RE = /^(?:javascript|vbscript|data):/;
+/** `src` に入れると script が動くスキーム。`data:` 画像は正当な使い道があるので許す。 */
+const UNSAFE_SRC_RE = /^(?:javascript|vbscript):/;
+/**
+* スキームだけを見るために空白と制御文字を落とす。
+* ブラウザは途中にタブや改行が挟まった `javascript:` もスキームとして解釈するため。
+*/
+const schemeOf = (url) => url.replace(/[\s\p{Cc}]/gu, "").toLowerCase();
+const safeUrl = (url, unsafe) => unsafe.test(schemeOf(url)) ? null : url;
+/** `href` に入れて安全な URL だけを返す。script が動くスキームなら null。 */
+const safeHref = (url) => safeUrl(url, UNSAFE_HREF_RE);
+/** `src` に入れて安全な URL だけを返す。script が動くスキームなら null。 */
+const safeSrc = (url) => safeUrl(url, UNSAFE_SRC_RE);
+/** 空文字は「指定なし」とみなす。class 名や URL を空にして属性ごと消せるようにするため。 */
+const nonEmpty = (value) => (0, effect.pipe)(effect.Option.fromNullable(value), effect.Option.filter((text) => text !== ""));
+/** 既定の class 名。接頭辞を持たないため、利用側の CSS と名前がぶつかりうる。 */
+const defaultClassNames = {
+	page: "page",
+	title: "title",
+	line: "line",
+	quote: "quote",
+	monospace: "monospace",
+	codeBlock: "code-block",
+	codeStart: "code-start",
+	codeFilename: "code-block-start",
+	codeBody: "code-body",
+	codeHighlight: "highlight",
+	table: "table",
+	indentMark: "indent-mark",
+	pad: "pad",
+	dot: "dot",
+	internalLink: "link",
+	externalLink: "link link-external",
+	projectLink: "link link-project",
+	hashtag: "hashtag",
+	inlineCode: "code",
+	image: "image",
+	icon: "icon",
+	formula: "formula",
+	decoration: "decoration"
+};
+/**
+* コードブロックのファイル名から言語名を推測する。拡張子があればそれ、無ければファイル名全体。
+* Cosense では `code:python` のように言語名だけを書くこともできるため。
+* `highlight` に渡る言語名はこれで決めている。
+*/
+const codeLanguageOf = (filename) => {
+	const dot = filename.lastIndexOf(".");
+	return (dot > 0 ? filename.slice(dot + 1) : filename).toLowerCase();
+};
+/**
+* `pageUrl` の既定の実装。`/proj/page` のように区切りを含むタイトルは、
+* 区切りを残したまま各段を encode する。
+*/
+const defaultPageUrl = (title) => title.startsWith("/") ? title.split("/").map(encodeURIComponent).join("/") : `/${encodeURIComponent(title)}`;
+/** 記法に書かれたページタイトル。ノード型ごとに置き場所が違うのをここで吸収する。 */
+const pageTitleOf = (node) => effect.Match.value(node).pipe(effect.Match.when({ type: "hashtag" }, (tag) => tag.value), effect.Match.when({ type: "icon" }, (icon) => icon.user), effect.Match.orElse((link) => link.target));
+const text = (value) => ({
+	type: "text",
+	value
+});
+const classList = (name) => name === void 0 ? [] : name.split(/\s+/).filter((part) => part !== "");
+const element = (tagName, properties, children = []) => ({
+	type: "element",
+	tagName,
+	properties,
+	children
+});
+/** 値が undefined のプロパティは出さない (`exactOptionalPropertyTypes` と同じ考え)。 */
+const compact = (properties) => Object.fromEntries(Object.entries(properties).filter(([, value]) => value !== void 0));
+/** 空の class は属性ごと出さない。class 名を空文字にして消せるようにするため。 */
+const withClass = (className, properties = {}) => {
+	const names = classList(className);
+	return names.length === 0 ? compact(properties) : {
+		className: names,
+		...compact(properties)
+	};
+};
+/** 0 は既定値なので属性にしない。 */
+const positive = (value) => value > 0 ? value : void 0;
+/** 複数の class 名の設定を 1 つにつなぐ。未設定のものは飛ばす。 */
+const joinClasses = (...names) => names.filter((name) => name !== void 0).join(" ");
+/** ページを指すノードの遷移先。安全でなければ null (href を出さない)。 */
+const pageHrefOf = (node, options) => effect.Option.getOrUndefined(nonEmpty(safeHref(options.pageUrl(pageTitleOf(node), node))));
+const anchor = (className, href, label) => element("a", withClass(className, { href }), [text(label)]);
+/**
+* 装飾を表す要素を、内側から外側の順に並べたもの。
+*
+* Cosense では 1 つの記法が複数の装飾を同時に持つ (`[-/ x]` は打消しかつ斜体) ので、
+* フラグの集合を入れ子の要素に開いて表現する。
+*/
+const DECORATION_TAGS = [
+	[(node) => node.strike, "s"],
+	[(node) => node.underline, "u"],
+	[(node) => node.italic, "em"],
+	[(node) => node.bold, "strong"]
+];
+/** 余白の数がインデントの深さを表し、中点はその右端に付く (Cosense Web と同じ形)。 */
+const indentMark = (indent, cls) => element("span", withClass(cls.indentMark), [...Array.from({ length: indent }, () => element("span", withClass(cls.pad), [text(" ")])), element("span", withClass(cls.dot))]);
+/**
+* raw ノードを hast の要素の中身として扱う。型の変換はここ 1 か所に閉じる。
+*
+* hast の型は raw を知らない。raw の型拡張は mdast-util-to-hast が持っているが、
+* それに頼ると利用者の環境で型が効くかどうかが依存の入り方で変わるので、`RawNode` を自前で持っている。
+* 実行時には、文字列にするとき (hast-util-to-html の allowDangerousHtml) にそのまま埋め込まれる。
+*/
+const asElementContents = (nodes) => nodes;
+/** 要素の中身に入るノードだけにする。Root の子には doctype も来うるため。 */
+const contentsOf = (result) => Array.isArray(result) ? asElementContents(result) : result.children.filter((child) => child.type !== "doctype");
+const isBlank = (node) => node.type === "text" && node.value.trim() === "";
+/** 空白だけのテキストを除いた、ただ 1 つの子。 */
+const onlyChildOf = (children) => (0, effect.pipe)(effect.Option.some(children.filter((child) => !isBlank(child))), effect.Option.filter((meaningful) => meaningful.length === 1), effect.Option.flatMapNullable((meaningful) => meaningful[0]));
+const elementNamed = (tagName) => (node) => effect.Option.liftPredicate(node, (content) => content.type === "element" && content.tagName === tagName);
+/** hast の決まりでは className は配列だが、shiki は class を文字列で付ける。どちらも読む。 */
+const classesOf = (value) => effect.Match.value(value).pipe(effect.Match.when(Array.isArray, (names) => names.map(String)), effect.Match.when(effect.Match.string, classList), effect.Match.orElse(() => []));
+/**
+* ハイライタの出力をコードブロックの code の中身にする。
+* `pre > code` (shiki や lowlight の形) なら pre を剥がし、pre に付いたテーマの class と style を引き継ぐ。
+*/
+const highlightedBody = (result) => {
+	const children = contentsOf(result);
+	return (0, effect.pipe)(onlyChildOf(children), effect.Option.flatMap(elementNamed("pre")), effect.Option.flatMap((pre) => (0, effect.pipe)(onlyChildOf(pre.children), effect.Option.flatMap(elementNamed("code")), effect.Option.map((code) => ({
+		children: code.children,
+		className: classesOf(pre.properties.className ?? pre.properties.class),
+		style: typeof pre.properties.style === "string" ? pre.properties.style : void 0
+	})))), effect.Option.getOrElse(() => ({
+		children,
+		className: [],
+		style: void 0
+	})));
+};
+/**
+* ハイライタの出力が行ごとの要素 (shiki の `span.line`) に分かれていれば、それを行の数だけ返す。
+* 行の区切りの改行 (空白だけのテキスト) は、行を別の要素にするので要らない。
+*/
+const linesOf = (children, count) => {
+	const isLine = (child) => child.type === "element" && classesOf(child.properties.className ?? child.properties.class).includes("line");
+	return effect.Option.liftPredicate(children.filter((child) => !isBlank(child)), (lines) => lines.length === count && lines.every(isLine));
+};
+/** style.css がコードブロックの背景と文字の色に使う変数。 */
+const THEME_VARIABLES = {
+	"background-color": "--cosense-code-bg",
+	color: "--cosense-code-text"
+};
+/**
+* テーマの背景色と文字色 (shiki が pre に付ける style) を、style.css の変数に読み替える。
+* そのまま style に置くと、利用者の CSS から上書きするのに !important が要るため。
+* 変数なら、テーマの色は既定として出しつつ、普通の CSS で塗り替えられる。
+*/
+const themeStyleOf = (style) => (0, effect.pipe)(effect.Option.fromNullable(style), effect.Option.map((declarations) => declarations.split(";").flatMap((declaration) => effect.Option.toArray(themeDeclarationOf(declaration))).join(";")), effect.Option.getOrUndefined);
+/** `name: value` の 1 つ。`:` の無い壊れた宣言は落とす。 */
+const themeDeclarationOf = (declaration) => (0, effect.pipe)(effect.Option.some(declaration.indexOf(":")), effect.Option.filter((colon) => colon > 0), effect.Option.map((colon) => {
+	const name = declaration.slice(0, colon).trim();
+	return `${effect.Option.getOrElse(effect.Option.fromNullable(THEME_VARIABLES[name]), () => name)}:${declaration.slice(colon + 1).trim()}`;
+}));
+/**
+* 1 行 = 1 要素に切る (Cosense Web と同じ)。行ごとにインデントを付けられるようにするため。
+* `highlight` があるときだけ、複数行にまたがる要素を壊さないよう本体をまとめる。
+*/
+const codeBlock = (node, ctx) => {
+	const cls = ctx.options.classNames;
+	const classes = joinClasses(cls.line, cls.codeBlock);
+	const blockLine = (indent, child) => element("div", withClass(classes, { dataIndent: positive(indent) }), [child]);
+	const filename = element("span", withClass(cls.codeFilename), [text(node.filename)]);
+	const header = blockLine(node.indent, element("code", withClass(cls.codeStart), [filename]));
+	const bodyLine = (className, properties, children) => blockLine(node.indent + 1, element("code", withClass(className, properties), children));
+	const highlighted = (0, effect.pipe)(effect.Option.fromNullable(ctx.options.highlight), effect.Option.flatMap((highlight) => effect.Option.liftThrowable(highlight)(node.lines.map((codeLine) => codeLine.value).join("\n"), codeLanguageOf(node.filename))), effect.Option.flatMapNullable((result) => result), effect.Option.map(highlightedBody));
+	return effect.Option.match(highlighted, {
+		onNone: () => [header, ...node.lines.map((codeLine) => bodyLine(cls.codeBody, {}, ctx.node(codeLine)))],
+		onSome: ({ children, className, style }) => {
+			const names = joinClasses(cls.codeBody, cls.codeHighlight, ...className);
+			const properties = { style: themeStyleOf(style) };
+			return effect.Option.match(linesOf(children, node.lines.length), {
+				onSome: (lines) => [header, ...lines.map((line) => bodyLine(names, properties, [line]))],
+				onNone: () => [header, bodyLine(names, properties, children)]
+			});
+		}
+	});
+};
+/**
+* 既定のハンドラ一式。`toHast` はこれに `handlers` を重ねてから走らせる。
+*
+* cosense-x のように描画を組み立て直すライブラリが、既定の部品 (行の包み方など) を使い回すためのもの。
+* 既定の出力に手を加えるだけなら、これを呼ばずに `extensions` を使う。
+* オプションは `ctx.options` から読むので、呼ぶ側が渡し直さなくてよい。
+*/
+const defaultHastHandlers = {
+	page: (node, ctx) => [element("div", withClass(ctx.options.classNames.page), ctx.children(node))],
+	title: (node, ctx) => [element("h1", withClass(ctx.options.classNames.title), ctx.children(node))],
+	line: (node, ctx) => {
+		const cls = ctx.options.classNames;
+		const body = ctx.children(node);
+		const styled = node.monospace ? [element("code", withClass(cls.monospace), body)] : body;
+		const quoted = node.quote ? [element("blockquote", withClass(cls.quote), styled)] : styled;
+		const inner = quoted.length === 0 ? [element("br", {})] : quoted;
+		const mark = ctx.options.showPads && node.indent > 0 ? [indentMark(node.indent, cls)] : [];
+		return [element("div", withClass(cls.line, { dataIndent: positive(node.indent) }), [...mark, ...inner])];
+	},
+	codeBlock,
+	codeLine: (node) => [text(node.value)],
+	table: (node, ctx) => {
+		const caption = node.name === "" ? [] : [element("caption", {}, [text(node.name)])];
+		return [element("table", withClass(ctx.options.classNames.table), [...caption, element("tbody", {}, ctx.children(node))])];
+	},
+	tableRow: (node, ctx) => [element("tr", {}, ctx.children(node))],
+	tableCell: (node, ctx) => [element("td", {}, ctx.children(node))],
+	text: (node) => [text(node.value)],
+	internalLink: (node, ctx) => [anchor(ctx.options.classNames.internalLink, pageHrefOf(node, ctx.options), node.label)],
+	externalLink: (node, ctx) => [anchor(ctx.options.classNames.externalLink, effect.Option.getOrUndefined(nonEmpty(safeHref(node.target))), node.label)],
+	projectLink: (node, ctx) => [anchor(ctx.options.classNames.projectLink, pageHrefOf(node, ctx.options), node.label)],
+	hashtag: (node, ctx) => [anchor(ctx.options.classNames.hashtag, pageHrefOf(node, ctx.options), `#${node.value}`)],
+	inlineCode: (node, ctx) => [element("code", withClass(ctx.options.classNames.inlineCode), [text(node.value)])],
+	image: (node, ctx) => {
+		const src = effect.Option.getOrUndefined(nonEmpty(safeSrc(require_image_url.asImageSrc(node.src) ?? node.src)));
+		const img = element("img", withClass(ctx.options.classNames.image, {
+			src,
+			alt: "",
+			dataLarge: node.large ? "true" : void 0
+		}));
+		const href = (0, effect.pipe)(effect.Option.fromNullable(node.link), effect.Option.flatMap((link) => nonEmpty(safeHref(link))));
+		return [effect.Option.match(href, {
+			onNone: () => img,
+			onSome: (url) => element("a", { href: url }, [img])
+		})];
+	},
+	icon: (node, ctx) => {
+		const cls = ctx.options.classNames;
+		const src = (0, effect.pipe)(effect.Option.fromNullable(ctx.options.iconImageUrl(node)), effect.Option.flatMap((url) => nonEmpty(safeSrc(url))));
+		const href = pageHrefOf(node, ctx.options);
+		return Array.from({ length: node.count }, () => {
+			const body = effect.Option.match(src, {
+				onNone: () => text(node.user),
+				onSome: (url) => element("img", withClass(cls.icon, {
+					src: url,
+					alt: node.user,
+					title: node.user
+				}))
+			});
+			return element("a", withClass(joinClasses(cls.internalLink, cls.icon), { href }), [body]);
+		});
+	},
+	formula: (node, ctx) => [element("span", withClass(ctx.options.classNames.formula), [text(node.value)])],
+	decoration: (node, ctx) => {
+		const inner = DECORATION_TAGS.filter(([isOn]) => isOn(node)).reduce((wrapped, [, tag]) => [element(tag, {}, wrapped)], ctx.children(node));
+		const names = joinClasses(ctx.options.classNames.decoration, ...node.markers.map((marker) => `deco-${marker}`));
+		return [element("span", withClass(names, { dataSizeLevel: positive(node.sizeLevel) }), inner)];
+	}
+};
+/** オプションの既定値を埋める。 */
+const resolveOptions = (options) => ({
+	pageUrl: options.pageUrl ?? defaultPageUrl,
+	iconImageUrl: options.iconImageUrl ?? (() => null),
+	highlight: options.highlight ?? null,
+	classNames: {
+		...defaultClassNames,
+		...options.classNames
+	},
+	showPads: options.showPads === true
+});
+/** ハンドラや拡張の戻り値 (1 つか配列) を、要素の中身の配列にする。 */
+const contentsOfResult = (result) => asElementContents(Array.isArray(result) ? result : [result]);
+/**
+* ノード型で表 (ハンドラや拡張) を引く。
+* 表の関数の型はキーごとに違うが、ノードの `type` でキーを引いている以上一致するので、型はここ 1 か所で合わせる。
+*/
+const entryOf = (table, type) => effect.Option.fromNullable(table[type]);
+/**
+* ページ (または任意のノード) を hast にする。
+*
+* 1 つのノードは「既定のハンドラ (`handlers` があれば置き換え)」で作り、`extensions` を並べた順に通す。
+* テキストは hast のテキストノードに入れるだけなので、エスケープは文字列にする側 (`toHtml`) が行う。
+* `javascript:` のようなスキームの URL は属性ごと落とす。
+* ハンドラの無いノード型 (拡張が足した独自ノード) は、中身を落とさずに子だけを出す。
+*/
+const toHast = (node, options = {}) => {
+	const handlers = {
+		...defaultHastHandlers,
+		...options.handlers
+	};
+	const extensions = options.extensions ?? [];
+	const resolved = resolveOptions(options);
+	const render = (target, ctx) => (0, effect.pipe)(entryOf(handlers, target.type), effect.Option.match({
+		onNone: () => ctx.children(target),
+		onSome: (handler) => contentsOfResult(handler(target, ctx))
+	}));
+	const extend = (target, output, ctx) => extensions.reduce((current, extension) => (0, effect.pipe)(entryOf(extension, target.type), effect.Option.match({
+		onNone: () => current,
+		onSome: (transform) => contentsOfResult(transform(current, target, ctx))
+	})), output);
+	/**
+	* `target` を描くときの文脈。`ctx.node` / `ctx.children` で描くノードは、
+	* 渡したノードに依らず `target` の下にあるものとして描く。
+	* ハンドラが中身を差し替えた写し (`{ ...node, children }`) を渡しても、祖先が重ならないようにするため。
+	*/
+	const contextOf = (target, ancestors) => {
+		const inside = [...ancestors, target];
+		return {
+			ancestors,
+			node: (child) => compile(child, inside),
+			children: (parent) => require_ast.childrenOf(parent).flatMap((child) => compile(child, inside)),
+			options: resolved
+		};
+	};
+	const compile = (target, ancestors) => {
+		const ctx = contextOf(target, ancestors);
+		return extend(target, render(target, ctx), ctx);
+	};
+	return {
+		type: "root",
+		children: compile(node, [])
+	};
+};
+//#endregion
+//#region src/html/to-html.ts
+const HTML_ESCAPES = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+/**
+* `& < > " '` を実体参照に置き換える。テキストと属性値のどちらにも使える。
+* `highlight` に HTML の文字列を返すハイライタを渡すとき、色付けしない部分のエスケープに使う。
+*/
+const escapeHtml = (value) => value.replace(/[&<>"']/g, (char) => HTML_ESCAPES[char] ?? char);
+/** 文字列を返すハイライタを、hast の raw ノードを返す形にする。 */
+const asHastHighlighter = (highlight) => (code, language) => {
+	const result = highlight(code, language);
+	return typeof result === "string" ? [{
+		type: "raw",
+		value: result
+	}] : result;
+};
+/**
+* ページ (または任意のノード) を HTML 文字列にする。`hast-util-to-html(toHast(node, options))` と同じ。
+*
+* テキストと属性値はエスケープし、`javascript:` のようなスキームの URL は属性ごと落とす。
+* `highlight` が返した文字列と、`handlers` が返した raw ノードはそのまま埋め込むので、
+* そこでのエスケープは書いた人の責任になる。
+*/
+const toHtml = (node, options = {}) => {
+	const { highlight, style, ...rest } = options;
+	const hast = toHast(node, {
+		...rest,
+		...highlight === void 0 ? {} : { highlight: asHastHighlighter(highlight) }
+	});
+	const html = (0, hast_util_to_html.toHtml)(hast, {
+		allowDangerousHtml: true,
+		characterReferences: { useNamedReferences: true }
+	});
+	return style === void 0 ? html : `<style>${style}</style>${html}`;
+};
+//#endregion
+//#region src/html/code-line-numbers.ts
+/**
+* code-line-numbers.ts — コードブロックに行番号を付ける描画の拡張。
+*/
+/** 行の要素に行番号と桁数を付ける。要素でないもの (テキストなど) には付ける場所が無いのでそのまま。 */
+const withLineNumber = (digits) => (line, number) => effect.Match.value(line).pipe(effect.Match.when({ type: "element" }, (element) => ({
+	...element,
+	properties: {
+		...element.properties,
+		dataLine: number,
+		dataLineDigits: digits
+	}
+})), effect.Match.orElse(() => line));
+/**
+* コードブロックの出力 (先頭がヘッダ行、続いて本体行) に行番号を付ける。
+* 本体行が行の数だけ並んでいるときだけ付ける。ひと塊にまとめた出力や、
+* `handlers` が別の形に置き換えた出力では、行と番号が対応しないため。
+*/
+const numberLines = (output, count) => (0, effect.pipe)(effect.Option.some(output), effect.Option.filter((lines) => lines.length === count + 1), effect.Option.map(([header, ...body]) => {
+	const number = withLineNumber(String(count).length);
+	return [...effect.Option.toArray(effect.Option.fromNullable(header)), ...body.map((line, index) => number(line, index + 1))];
+}), effect.Option.getOrElse(() => output));
+/**
+* コードブロックの本体行に、1 から数えた行番号 (`data-line`) と桁数 (`data-line-digits`) を付ける拡張。
+*
+* ```ts
+* toHtml(page, { extensions: [codeLineNumbers()] })
+* ```
+*
+* 番号を見せるのは CSS の役目 (`@cosense-toolbox/style` は `data-line` を見て行の左に番号を出す)。
+* 色付けしてひと塊にまとめたブロックは、行と番号が対応しないので付けない。
+*/
+const codeLineNumbers = () => ({ codeBlock: (output, node) => numberLines(output, node.lines.length) });
+//#endregion
+//#region src/html/table-cell-line-breaks.ts
+/**
+* table-cell-line-breaks.ts — テーブルのセルの中の文字列を改行にする描画の拡張。
+*
+* Cosense のセルには改行を書けないので、`\n` のような文字の並びを代わりに書いておき、
+* 描画のときに `<br>` にする。記法ではなく見た目の約束なので、パーサーではなく描画の拡張にしている。
+*/
+const lineBreak = () => ({
+	type: "element",
+	tagName: "br",
+	properties: {},
+	children: []
+});
+/** 空でない文字列だけを text にする。区切った部分が空なら何も出さない。 */
+const textOf = (value) => (0, effect.pipe)(effect.Option.some(value), effect.Option.filter((part) => part !== ""), effect.Option.map((part) => ({
+	type: "text",
+	value: part
+})));
+/** 文字列を `marker` で区切り、間に `<br>` を挟む。 */
+const breakText = (value, marker) => value.split(marker).flatMap((part, index) => [...index === 0 ? [] : [lineBreak()], ...effect.Option.toArray(textOf(part))]);
+/** 出力のうち text だけを区切る。`handlers.text` が要素を返したときは、そのまま残す。 */
+const breakContent = (marker) => (content) => effect.Match.value(content).pipe(effect.Match.when({ type: "text" }, (text) => breakText(text.value, marker)), effect.Match.orElse((other) => [other]));
+const isTableCell = (node) => node.type === "tableCell";
+/**
+* テーブルのセルの中の `marker` を `<br>` にする描画の拡張。
+*
+* 当てるのは、セルの中にある AST の text ノード (記法の外の地の文) だけ。
+* コード・数式・リンクの表示は text ノードではないので、`classNames` や `handlers` で
+* 出力を変えても、その中には当たらない。装飾の中身は text ノードなので当たる。
+* `marker` は文字列そのままで探し (正規表現としては読まない)、区切った文字は通常どおりエスケープされる。
+* `marker` が空文字なら何もしない。
+*
+* @example
+* toHtml(page, { extensions: [tableCellLineBreaks('\\n')] })
+*/
+const tableCellLineBreaks = (marker) => ({ text: (output, _node, ctx) => (0, effect.pipe)(effect.Option.some(marker), effect.Option.filter((value) => value !== ""), effect.Option.filter(() => ctx.ancestors.some(isTableCell)), effect.Option.match({
+	onNone: () => output,
+	onSome: (value) => output.flatMap(breakContent(value))
+})) });
+//#endregion
+exports.codeLanguageOf = codeLanguageOf;
+exports.codeLineNumbers = codeLineNumbers;
+exports.defaultClassNames = defaultClassNames;
+exports.defaultHastHandlers = defaultHastHandlers;
+exports.defaultPageUrl = defaultPageUrl;
+exports.escapeHtml = escapeHtml;
+exports.safeHref = safeHref;
+exports.safeSrc = safeSrc;
+exports.tableCellLineBreaks = tableCellLineBreaks;
+exports.toHast = toHast;
+exports.toHtml = toHtml;
+
+//# sourceMappingURL=html.cjs.map