@the_dissidents/libemmm 0.0.7 → 0.0.8

package/dist/index.js

@@ -41,6 +41,7 @@ __export(index_exports, {
   SystemModifierDefinition: () => SystemModifierDefinition,
   debugPrint: () => debugPrint,
   emmmVersion: () => emmmVersion,
+  helper: () => modifier_helper_exports,
   messages: () => messages_exports,
   parse: () => parse,
   setDebugLevel: () => setDebugLevel
@@ -78,6 +79,9 @@ var ModifierBase = class {
     this.slotType = slotType;
     if (args) Object.assign(this, args);
   }
+  /**
+   * Common values: heading, emphasis, keyword, highlight, commentary, comment, link, quote
+   */
   roleHint;
   /**
    * If true, any modifier encountered inside it will *not* be expanded *during parse-content*, 
@@ -87,7 +91,7 @@ var ModifierBase = class {
   delayContentExpansion = false;
   /**
    * If true, such a modifier will always be expanded whenever it is encountered, *even if* 
-   * contained in a modifier with `delayContentExpansion`. In the vast majority of cases, 
+   * it is contained in a modifier with `delayContentExpansion`. In the vast majority of cases, 
    * you shouldn't be using this.
    */
   alwaysTryExpand = false;
@@ -341,14 +345,14 @@ var StringSource = class {
     }
     return [line, pos - linepos];
   }
-  getLineStart(n) {
+  getRowStart(n) {
     assert(n >= 0);
     if (n >= this.lineMap.length) return Infinity;
     return this.lineMap[n];
   }
-  getLine(n) {
-    const start = this.getLineStart(n);
-    const end = this.getLineStart(n + 1);
+  getRow(n) {
+    const start = this.getRowStart(n);
+    const end = this.getRowStart(n + 1);
     if (start === Infinity) return void 0;
     return this.src.substring(start, end - 1);
   }
@@ -482,7 +486,7 @@ function debugPrintRange(loc, context = 1) {
   const endLine = Math.min(loc.source.nLines - 1, er + context);
   let lines = [];
   for (let i = startLine; i <= endLine; i++) {
-    const line = loc.source.getLine(i);
+    const line = loc.source.getRow(i);
     lines.push((i + 1).toString().padStart(rowWidth) + " | " + line);
     if (i >= sr && i <= er) {
       const startPos = i == sr ? sc : 0;
@@ -1021,6 +1025,7 @@ var Parser = class {
       end: to ?? this.scanner.position()
     };
   }
+  /* istanbul ignore next -- @preserve */
   #defs(type) {
     switch (type) {
       case 5 /* SystemModifier */:
@@ -1554,9 +1559,9 @@ function parse(scanner, cxt) {
 
 // src/renderer.ts
 var RenderContext = class {
-  constructor(config2, parseContext, state) {
+  constructor(config2, parsedDocument, state) {
     this.config = config2;
-    this.parseContext = parseContext;
+    this.parsedDocument = parsedDocument;
     this.state = state;
   }
   renderEntity(node) {
@@ -1594,7 +1599,7 @@ var RenderConfiguration = class _RenderConfiguration {
   blockRenderers = /* @__PURE__ */ new Map();
   inlineRenderers = /* @__PURE__ */ new Map();
   render(doc, state) {
-    let cxt = new RenderContext(this, doc.context, state);
+    let cxt = new RenderContext(this, doc, state);
     let results = doc.toStripped().root.content.map((x) => cxt.renderEntity(x)).filter((x) => x !== void 0);
     return this.postprocessor(results, cxt);
   }
@@ -1617,6 +1622,14 @@ var RenderConfiguration = class _RenderConfiguration {
 };
 
 // src/modifier-helper.ts
+var modifier_helper_exports = {};
+__export(modifier_helper_exports, {
+  checkArgumentLength: () => checkArgumentLength,
+  checkArguments: () => checkArguments,
+  onlyPermitPlaintextParagraph: () => onlyPermitPlaintextParagraph,
+  onlyPermitSimpleParagraphs: () => onlyPermitSimpleParagraphs,
+  onlyPermitSingleBlock: () => onlyPermitSingleBlock
+});
 function checkArgumentLength(node, min, max = min) {
   if (min !== void 0 && node.arguments.length < min || max !== void 0 && node.arguments.length > max) {
     return [new ArgumentCountMismatchMessage({
@@ -2439,44 +2452,23 @@ function resolveId(id, cxt) {
     value = cxt.variables.get(id);
   return value;
 }
-var ifdefBlock = (name, x) => new BlockModifierDefinition(
-  name,
-  0 /* Normal */,
-  {
-    prepareExpand(node, cxt) {
-      const check = checkArguments(node, 1);
-      if (check) return check;
-      const arg = node.arguments[0];
-      const id = arg.expansion;
-      if (id == "") return [new InvalidArgumentMessage(arg.location)];
-      const value = resolveId(id, cxt);
-      node.state = value !== void 0;
-      return [];
-    },
-    expand(node) {
-      return node.state == x ? node.content : [];
-    }
-  }
-);
-var ifdefInline = (name, x) => new InlineModifierDefinition(
-  name,
-  0 /* Normal */,
-  {
-    prepareExpand(node, cxt) {
-      const check = checkArguments(node, 1);
-      if (check) return check;
-      const arg = node.arguments[0];
-      const id = arg.expansion;
-      if (id == "") return [new InvalidArgumentMessage(arg.location)];
-      const value = resolveId(id, cxt);
-      node.state = value !== void 0;
-      return [];
-    },
-    expand(node) {
-      return node.state == x ? node.content : [];
-    }
+var ifdefBody = (x) => ({
+  prepareExpand(node, cxt) {
+    const check = checkArguments(node, 1);
+    if (check) return check;
+    const arg = node.arguments[0];
+    const id = arg.expansion;
+    if (id == "") return [new InvalidArgumentMessage(arg.location)];
+    const value = resolveId(id, cxt);
+    node.state = value !== void 0;
+    return [];
+  },
+  expand(node) {
+    return node.state == x ? node.content : [];
   }
-);
+});
+var ifdefBlock = (name, x) => new BlockModifierDefinition(name, 0 /* Normal */, ifdefBody(x));
+var ifdefInline = (name, x) => new InlineModifierDefinition(name, 0 /* Normal */, ifdefBody(x));
 var IfdefBlockMod = ifdefBlock("ifdef", true);
 var IfndefBlockMod = ifdefBlock("ifndef", false);
 var IfdefInlineMod = ifdefInline("ifdef", true);
@@ -2593,7 +2585,8 @@ builtin.inlineModifiers.add(
 builtin.argumentInterpolators.add(GetVarInterpolator);
 var BuiltinConfiguration = Object.freeze(builtin);
 
-// src/default/bullets.ts
+// src/default/bullets.tsx
+var import_jsx_runtime = require("minimal-jsx-runtime/jsx-runtime");
 var bulletItemBlock = new BlockModifierDefinition(
   "bullet-item",
   0 /* Normal */,
@@ -2624,20 +2617,22 @@ var subItemBlock = new BlockModifierDefinition(
 );
 var BulletBlocks = [bulletItemBlock, orderedListItemBlock, subItemBlock];
 var BulletBlockRenderersHTML = [
-  [bulletItemBlock, (node, cxt) => {
-    return `<li>${cxt.state.render(node.content, cxt)}</li>`;
-  }],
-  [subItemBlock, (node, cxt) => {
-    return `<div class='subitem'>${cxt.state.render(node.content, cxt)}</div>`;
-  }],
-  [orderedListItemBlock, (node, cxt) => {
-    if (node.state === void 0)
-      return cxt.state.invalidBlock(node, "bad format");
-    return `<li value='${node.state}'>${cxt.state.render(node.content, cxt)}</li>`;
-  }]
+  [
+    bulletItemBlock,
+    (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    subItemBlock,
+    (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { class: "subitem", children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    orderedListItemBlock,
+    (node, cxt) => node.state === void 0 ? cxt.state.invalidBlock(node, "bad format") : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { value: node.state, children: cxt.state.render(node.content, cxt) })
+  ]
 ];
 
-// src/default/headings.ts
+// src/default/headings.tsx
+var import_jsx_runtime2 = require("minimal-jsx-runtime/jsx-runtime");
 var headings = Symbol();
 function initHeadings(cxt) {
   cxt.init(headings, {
@@ -2743,37 +2738,103 @@ var HeadingBlocks = [headingBlock, implicitHeadingBlock, numberedHeadingBlock];
 var HeadingBlockRenderersHTML = [
   [headingBlock, (node, cxt) => {
     if (node.state !== void 0) {
-      let tag = "h" + node.state.level;
-      let para = node.content[0];
-      return `<${tag}>${cxt.state.render(para.content, cxt)}</${tag}>`;
+      const tag = "h" + node.state.level;
+      const para = node.content[0];
+      const element = document.createElement(tag);
+      element.appendChild(cxt.state.render(para.content, cxt));
+      return element;
     }
     return cxt.state.invalidBlock(node, "Bad format");
   }],
   [implicitHeadingBlock, (node, cxt) => {
     if (node.state !== void 0) {
-      let tag = "h" + node.state.level;
-      return `<${tag} class='implicit'></${tag}>`;
+      const tag = "h" + node.state.level;
+      const element = document.createElement(tag);
+      element.className = "implicit";
+      return element;
     }
     return cxt.state.invalidBlock(node, "Bad format");
   }],
   [numberedHeadingBlock, (node, cxt) => {
     if (node.state !== void 0) {
-      let tag = "h" + node.state.level;
-      let para = node.content[0];
-      return `<${tag}><span class='heading-number'>${node.state.name}</span>${cxt.state.render(para.content, cxt)}</${tag}>`;
+      const tag = "h" + node.state.level;
+      const para = node.content[0];
+      const element = document.createElement(tag);
+      element.appendChild(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { class: "heading-number", children: node.state.name }));
+      element.appendChild(cxt.state.render(para.content, cxt));
+      return element;
     }
     return cxt.state.invalidBlock(node, "Bad format");
   }]
 ];
 
-// src/default/notes.ts
+// src/default/notes.tsx
+var import_jsx_runtime3 = require("minimal-jsx-runtime/jsx-runtime");
 var notes = Symbol();
 function initNotes(cxt) {
   cxt.init(notes, {
     systems: /* @__PURE__ */ new Map(),
-    definitions: []
+    defaultSystem: {
+      position: "preserve",
+      autonumber: false
+    },
+    definitions: [],
+    currentId: 0
   });
 }
+function getSystem(cxt, name) {
+  const defs = cxt.get(notes);
+  let system;
+  if (name) {
+    if (!defs.systems.has(name)) {
+      system = { ...defs.defaultSystem };
+      defs.systems.set(name, system);
+    } else {
+      system = defs.systems.get(name);
+    }
+  } else {
+    system = defs.defaultSystem;
+  }
+  return system;
+}
+var notePositionSystem = new SystemModifierDefinition(
+  "note-position",
+  2 /* None */,
+  {
+    prepareExpand(node, cxt, immediate) {
+      let msgs = checkArguments(node, 1, 2);
+      if (msgs) return msgs;
+      const type = node.arguments[0].expansion.trim();
+      if (type != "global" && type != "preserve")
+        return [new InvalidArgumentMessage(
+          node.arguments[0].location,
+          "should be `preserve` or `global`"
+        )];
+      const name = node.arguments.at(1)?.expansion.trim();
+      getSystem(cxt, name).position = type;
+      return [];
+    }
+  }
+);
+var noteRenumberingSystem = new SystemModifierDefinition(
+  "note-renumbering",
+  2 /* None */,
+  {
+    prepareExpand(node, cxt, immediate) {
+      let msgs = checkArguments(node, 1, 2);
+      if (msgs) return msgs;
+      const type = node.arguments[0].expansion.trim();
+      if (type != "on" && type != "off")
+        return [new InvalidArgumentMessage(
+          node.arguments[0].location,
+          "should be `preserve` or `global`"
+        )];
+      const name = node.arguments.at(1)?.expansion.trim();
+      getSystem(cxt, name).autonumber = type == "on";
+      return [];
+    }
+  }
+);
 var noteMarkerInline = new InlineModifierDefinition(
   "note",
   2 /* None */,
@@ -2795,13 +2856,15 @@ var noteInline = new InlineModifierDefinition(
     prepareExpand(node) {
       let msgs = checkArguments(node, 0, 1);
       if (msgs) return msgs;
-      node.state = node.arguments.at(0)?.expansion ?? "";
+      node.state = node.arguments.at(0)?.expansion?.trim() ?? "";
       return [];
     },
     afterProcessExpansion(node, cxt) {
       if (node.state !== void 0) {
-        cxt.get(notes).definitions.push({
+        const defs = cxt.get(notes);
+        defs.definitions.push({
           system: "",
+          id: defs.currentId,
           name: node.state,
           location: node.location,
           content: [{
@@ -2814,6 +2877,7 @@ var noteInline = new InlineModifierDefinition(
             content: node.content
           }]
         });
+        defs.currentId++;
       }
       return [];
     }
@@ -2824,58 +2888,73 @@ var noteBlock = new BlockModifierDefinition(
   0 /* Normal */,
   {
     roleHint: "quote",
-    prepareExpand(node) {
-      let msgs = checkArguments(node, 1);
+    prepareExpand(node, cxt) {
+      let msgs = checkArguments(node, 1, 2);
       if (msgs) return msgs;
-      node.state = node.arguments[0].expansion;
-      return [];
-    },
-    afterProcessExpansion(node, cxt) {
-      if (node.state !== void 0) {
-        let content = stripNode(...node.content);
-        debug.trace(`add note: system=<${""}> name=${node.state} @${node.location.start}`);
-        debug.trace(`-->
+      const name = node.arguments[0].expansion.trim();
+      const system = node.arguments.at(1)?.expansion.trim() ?? "";
+      const content = stripNode(...node.content);
+      debug.trace(`add note: system=<${""}> name=${node.state} @${node.location.start}`);
+      debug.trace(`-->
 `, debugPrint.node(...content));
-        cxt.get(notes).definitions.push({
-          system: "",
-          name: node.state,
-          location: node.location,
-          content
-        });
-      }
-      node.expansion = [];
+      const defs = cxt.get(notes);
+      const entry = {
+        id: defs.currentId,
+        system,
+        name,
+        location: node.location,
+        content
+      };
+      defs.currentId++;
+      defs.definitions.push(entry);
+      node.state = entry;
       return [];
     }
   }
 );
 var NoteBlocks = [noteBlock];
 var NoteInlines = [noteInline, noteMarkerInline];
+var NoteSystems = [notePositionSystem, noteRenumberingSystem];
+function makeNoteHTML(def, cxt) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { class: "note", id: `note-id-${def.id}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { class: "note-name", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: `#notemarker-id-${def.id}`, children: def.name }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { class: "note-content", children: cxt.state.render(def.content, cxt) })
+  ] });
+}
 var NoteInlineRenderersHTML = [
   [noteMarkerInline, (node, cxt) => {
     if (node.state === void 0)
       return cxt.state.invalidInline(node, "bad format");
-    const defs = cxt.parseContext.get(notes).definitions;
+    const defs = cxt.parsedDocument.context.get(notes).definitions;
     const note = defs.findIndex((x) => (
       /*x.position >= node.start &&*/
       x.name == node.state
     ));
-    if (note < 0)
-      return `<sup class='note invalid'>Not found: ${node.state}</sup>`;
-    return `<sup class='note' id='notemarker-id-${note}'><a href='#note-id-${note}'>${node.state}</a></sup>`;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("sup", { class: "note", id: `notemarker-id-${note}`, children: note < 0 ? `Not found: ${node.state}` : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: `#note-id-${note}`, children: node.state }) });
+  }]
+];
+var NoteBlockRenderersHTML = [
+  [noteBlock, (node, cxt) => {
+    if (node.state === void 0)
+      return cxt.state.invalidBlock(node, "bad format");
+    const defs = cxt.parsedDocument.context.get(notes);
+    const system = defs.systems.get(node.state.system) ?? defs.defaultSystem;
+    if (system.position != "preserve") return [];
+    return makeNoteHTML(node.state, cxt);
   }]
 ];
 var NotesFooterPlugin = (cxt) => {
-  let defs = cxt.parseContext.get(notes).definitions;
-  if (defs.length == 0) return void 0;
-  return `<hr/>
-<section class='notes'>
-${defs.map((x, i) => `<section class='note' id='note-id-${i}'>
-<div class='note-name'><p><a href='#notemarker-id-${i}'>${x.name}</a></p></div>
-<div class='note-content'>${cxt.state.render(x.content, cxt)}</div></section>`).join("\n")}
-</section>`;
+  const defs = cxt.parsedDocument.context.get(notes);
+  const items = cxt.parsedDocument.context.get(notes).definitions.filter((x) => (defs.systems.get(x.system) ?? defs.defaultSystem).position == "global");
+  if (items.length == 0) return void 0;
+  return [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("hr", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("section", { class: "notes-global", children: items.map((x) => makeNoteHTML(x, cxt)) })
+  ];
 };
 
-// src/default/code.ts
+// src/default/code.tsx
+var import_jsx_runtime4 = require("minimal-jsx-runtime/jsx-runtime");
 var CodeBlock = new BlockModifierDefinition(
   "code",
   1 /* Preformatted */,
@@ -2886,14 +2965,17 @@ var CodeInline = new InlineModifierDefinition(
   1 /* Preformatted */,
   { roleHint: "code" }
 );
-var CodeBlockRendererHTML = [CodeBlock, (node, cxt) => {
-  return `<pre><code>${cxt.state.render(node.content, cxt)}</code></pre>`;
-}];
-var CodeInlineRendererHTML = [CodeInline, (node, cxt) => {
-  return `<span><code>${cxt.state.render(node.content, cxt)}</code></span>`;
-}];
+var CodeBlockRendererHTML = [
+  CodeBlock,
+  (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("pre", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: cxt.state.render(node.content, cxt) }) })
+];
+var CodeInlineRendererHTML = [
+  CodeInline,
+  (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: cxt.state.render(node.content, cxt) }) })
+];
 
-// src/default/quotes.ts
+// src/default/quotes.tsx
+var import_jsx_runtime5 = require("minimal-jsx-runtime/jsx-runtime");
 var quoteBlock = new BlockModifierDefinition(
   "quote",
   0 /* Normal */,
@@ -2904,6 +2986,16 @@ var epitaphBlock = new BlockModifierDefinition(
   0 /* Normal */,
   { roleHint: "quote" }
 );
+var calloutBlock = new BlockModifierDefinition(
+  "callout",
+  0 /* Normal */,
+  { roleHint: "quote" }
+);
+var detailBlock = new BlockModifierDefinition(
+  "detail",
+  0 /* Normal */,
+  { roleHint: "quote" }
+);
 var attributionBlock = new BlockModifierDefinition(
   "by",
   0 /* Normal */,
@@ -2919,23 +3011,34 @@ var attributionBlock = new BlockModifierDefinition(
     }
   }
 );
-var QuoteBlocks = [quoteBlock, epitaphBlock, attributionBlock];
+var QuoteBlocks = [quoteBlock, epitaphBlock, calloutBlock, detailBlock, attributionBlock];
 var QuoteBlockRenderersHTML = [
-  [quoteBlock, (node, cxt) => {
-    return `<blockquote>${cxt.state.render(node.content, cxt)}</blockquote>`;
-  }],
-  [epitaphBlock, (node, cxt) => {
-    return `<blockquote class='epitaph'>${cxt.state.render(node.content, cxt)}</blockquote>`;
-  }],
+  [
+    quoteBlock,
+    (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("blockquote", { children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    epitaphBlock,
+    (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("blockquote", { class: "epitaph", children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    detailBlock,
+    (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { class: "detail", children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    calloutBlock,
+    (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("aside", { children: cxt.state.render(node.content, cxt) })
+  ],
   [attributionBlock, (node, cxt) => {
     if (!node.state)
       return cxt.state.invalidBlock(node, "bad format");
     let para = node.content[0];
-    return `<p class='attribution'>${cxt.state.render(para.content, cxt)}</p>`;
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { class: "attribution", children: cxt.state.render(para.content, cxt) });
   }]
 ];
 
-// src/default/inline-styles.ts
+// src/default/inline-styles.tsx
+var import_jsx_runtime6 = require("minimal-jsx-runtime/jsx-runtime");
 var emphasisInline = new InlineModifierDefinition(
   "emphasis",
   0 /* Normal */,
@@ -2956,23 +3059,37 @@ var commentaryInline = new InlineModifierDefinition(
   0 /* Normal */,
   { roleHint: "commentary" }
 );
-var InlineStyles = [emphasisInline, keywordInline, highlightInline, commentaryInline];
+var sequenceInline = new InlineModifierDefinition(
+  "seq",
+  0 /* Normal */,
+  { roleHint: "commentary" }
+);
+var InlineStyles = [emphasisInline, keywordInline, highlightInline, commentaryInline, sequenceInline];
 var InlineStyleRenderersHTML = [
-  [emphasisInline, (node, cxt) => {
-    return `<em>${cxt.state.render(node.content, cxt)}</em>`;
-  }],
-  [keywordInline, (node, cxt) => {
-    return `<b>${cxt.state.render(node.content, cxt)}</b>`;
-  }],
-  [highlightInline, (node, cxt) => {
-    return `<mark>${cxt.state.render(node.content, cxt)}</mark>`;
-  }],
-  [commentaryInline, (node, cxt) => {
-    return `<span class='commentary'>${cxt.state.render(node.content, cxt)}</span>`;
-  }]
+  [
+    emphasisInline,
+    (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("em", { children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    keywordInline,
+    (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    highlightInline,
+    (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("mark", { children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    commentaryInline,
+    (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { class: "commentary", children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    sequenceInline,
+    (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { class: "seq", children: cxt.state.render(node.content, cxt) })
+  ]
 ];
 
-// src/default/misc.ts
+// src/default/misc.tsx
+var import_jsx_runtime7 = require("minimal-jsx-runtime/jsx-runtime");
 var rubyInline = new InlineModifierDefinition(
   "ruby",
   0 /* Normal */,
@@ -3048,43 +3165,46 @@ var imageBlock = new BlockModifierDefinition(
 var MiscInlines = [rubyInline, linkInline];
 var MiscBlocks = [styleBlock, breakBlock, linkBlock, imageBlock];
 var MiscInlineRenderersHTML = [
-  [rubyInline, (node, cxt) => {
-    if (node.state === void 0)
-      return cxt.state.invalidInline(node, "bad format");
-    return `<ruby>${cxt.state.render(node.content, cxt)}<rt>${node.state}</rt></ruby>`;
-  }],
-  [linkInline, (node, cxt) => {
-    if (node.state === void 0)
-      return cxt.state.invalidInline(node, "bad format");
-    return `<a href="${encodeURI(node.state)}">${cxt.state.render(node.content, cxt)}</a>`;
-  }]
+  [
+    rubyInline,
+    (node, cxt) => node.state === void 0 ? cxt.state.invalidInline(node, "bad format") : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("ruby", { children: [
+      cxt.state.render(node.content, cxt),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rt", { children: node.state })
+    ] })
+  ],
+  [
+    linkInline,
+    (node, cxt) => node.state === void 0 ? cxt.state.invalidInline(node, "bad format") : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { href: encodeURI(node.state), children: cxt.state.render(node.content, cxt) })
+  ]
 ];
 var MiscBlockRenderersHTML = [
-  [styleBlock, (node, cxt) => {
-    if (node.state === void 0)
-      return cxt.state.invalidBlock(node, "bad format");
-    return `<div class="emmmstyle-${node.state}" style="display:contents">${cxt.state.render(node.content, cxt)}</div>`;
-  }],
-  [breakBlock, () => {
-    return `<hr>`;
-  }],
-  [linkBlock, (node, cxt) => {
-    if (node.state === void 0)
-      return cxt.state.invalidBlock(node, "bad format");
-    return `<a href="${encodeURI(node.state)}">${cxt.state.render(node.content, cxt)}</a>`;
-  }],
+  [
+    styleBlock,
+    (node, cxt) => node.state === void 0 ? cxt.state.invalidBlock(node, "bad format") : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { class: `emmmstyle-${node.state}`, style: "display:contents", children: cxt.state.render(node.content, cxt) })
+  ],
+  [breakBlock, () => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("hr", {})],
+  [
+    linkBlock,
+    (node, cxt) => {
+      if (node.state === void 0)
+        return cxt.state.invalidBlock(node, "bad format");
+      const content = cxt.state.render(node.content, cxt);
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { href: encodeURI(node.state), children: content.childElementCount > 0 ? content : node.state });
+    }
+  ],
   [imageBlock, (node, cxt) => {
-    let transformed;
     if (node.state === void 0)
       return cxt.state.invalidBlock(node, "bad format");
+    let transformed;
     try {
       transformed = cxt.config.options.transformAsset(node.state);
     } catch {
       return cxt.state.invalidBlock(node, "unable to transform asset");
     }
-    const img = transformed ? `<img src="${transformed}" data-original-src="${node.state}"/>` : `<img src="${node.state}"/>`;
-    const para = node.content.length == 0 ? "" : "\n<figcaption>" + cxt.state.render(node.content[0].content, cxt) + "</figcaption>";
-    return `<figure>${img}${para}</figure>`;
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("figure", { children: [
+      transformed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: transformed, "data-original-src": node.state }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: node.state }),
+      node.content.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("figcaption", { children: cxt.state.render(node.content[0].content, cxt) }) : []
+    ] });
   }]
 ];
 
@@ -3139,34 +3259,45 @@ config.inlineModifiers.add(
   ...NoteInlines
 );
 config.systemModifiers.add(
-  ...VarWrappers
+  ...VarWrappers,
+  ...NoteSystems
 );
 var DefaultConfiguration = Object.freeze(config);
 
-// src/default/html-renderer.ts
+// src/default/html-renderer.tsx
+var import_jsx_runtime8 = require("minimal-jsx-runtime/jsx-runtime");
 var HTMLRenderState = class {
   title = "";
   stylesheet = "";
   // FIXME: very unsafe!
   cssVariables = /* @__PURE__ */ new Map();
-  // https://stackoverflow.com/questions/7381974
-  escape(content) {
-    return content.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;").replaceAll("\n", "<br/>");
-  }
   invalidBlock(node, msg) {
     let name = NodeType[node.type];
     if (node.type === 7 /* BlockModifier */)
       name += ` (${node.mod.name})`;
-    return `<details class='invalid'><summary>Invalid ${this.escape(name)}</summary><i>${this.escape(msg)}</i></details>`;
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("details", { class: "invalid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("summary", { children: [
+        "Invalid ",
+        name
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("i", { children: msg })
+    ] });
   }
   invalidInline(node, msg) {
     let name = NodeType[node.type];
     if (node.type === 6 /* InlineModifier */)
       name += ` (${node.mod.name})`;
-    return `<span class='invalid'>Invalid ${this.escape(name)} \u2013 <i>${this.escape(msg)}</i></span>`;
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { class: "invalid", children: [
+      "Invalid ",
+      name,
+      ": ",
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("i", { children: msg })
+    ] });
   }
   render(elems, cxt) {
-    return elems.map((x) => cxt.renderEntity(x)).filter((x) => x !== void 0).join("");
+    let fragment = new DocumentFragment();
+    elems.map((x) => cxt.renderEntity(x)).filter((x) => x !== void 0).flat().forEach((x) => fragment.appendChild(x));
+    return fragment;
   }
 };
 var htmlConfig = new RenderConfiguration(
@@ -3174,7 +3305,8 @@ var htmlConfig = new RenderConfiguration(
     headPlugins: [],
     headerPlugins: [],
     footerPlugins: [NotesFooterPlugin],
-    transformAsset: (x) => void 0
+    postprocessPlugins: [],
+    transformAsset: () => void 0
     // postprocessPlugins: [],
   },
   (results, cxt) => {
@@ -3182,35 +3314,41 @@ var htmlConfig = new RenderConfiguration(
       /var\(--(.*?)\)/g,
       (m, c) => cxt.state.cssVariables.get(c) ?? m
     );
-    return `
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="UTF-8">
-${cxt.config.options.headPlugins.map((x) => x(cxt)).filter((x) => x !== void 0).join("\n")}
-<title>${cxt.state.escape(cxt.state.title)}</title>
-<style>${styles}</style>
-</head>
-<body>
-<section class="article-container">
-<section class="article-body">
-${cxt.config.options.headerPlugins.map((x) => x(cxt)).filter((x) => x !== void 0).join("\n")}
-${results.join("\n")}
-${cxt.config.options.footerPlugins.map((x) => x(cxt)).filter((x) => x !== void 0).join("\n")}
-</section>
-</section>
-</body>
-</html>`;
+    let doc = document.implementation.createHTMLDocument(cxt.state.title);
+    doc.head.append(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("meta", { charset: "UTF-8" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("style", { children: styles }),
+      ...cxt.config.options.headPlugins.map((x) => x(cxt)).filter((x) => x !== void 0).flat()
+    );
+    doc.body.append(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("section", { class: "article-container", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { class: "article-body", children: [
+        cxt.config.options.headerPlugins.map((x) => x(cxt)).filter((x) => x !== void 0),
+        results,
+        cxt.config.options.footerPlugins.map((x) => x(cxt)).filter((x) => x !== void 0)
+      ] }) })
+    );
+    for (const p of cxt.config.options.postprocessPlugins) {
+      p(cxt, doc);
+    }
+    return doc;
   }
 );
-htmlConfig.paragraphRenderer = (node, cxt) => `<p>${node.content.map((x) => cxt.renderEntity(x)).filter((x) => x !== void 0).join("")}</p>`;
+htmlConfig.paragraphRenderer = (node, cxt) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: node.content.map((x) => cxt.renderEntity(x)).filter((x) => x !== void 0) });
 htmlConfig.textRenderer = (node, cxt) => {
   switch (node.type) {
     case 2 /* Preformatted */:
-      return cxt.state.escape(node.content.text);
+      return new Text(node.content.text);
     case 3 /* Text */:
     case 4 /* Escaped */:
-      return cxt.state.escape(node.content);
+      const split = node.content.split("\n");
+      const result = [];
+      for (let i = 0; i < split.length; i++) {
+        result.push(new Text(split[i]));
+        if (i < split.length - 1)
+          result.push(/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("br", {}));
+      }
+      console.log(result);
+      return result;
     default:
       return debug.never(node);
   }
@@ -3226,8 +3364,8 @@ htmlConfig.addBlockRenderer(
   ...BulletBlockRenderersHTML,
   CodeBlockRendererHTML,
   ...QuoteBlockRenderersHTML,
-  ...MiscBlockRenderersHTML
-  // TODO: notes
+  ...MiscBlockRenderersHTML,
+  ...NoteBlockRenderersHTML
 );
 htmlConfig.addInlineRenderer(
   CodeInlineRendererHTML,
@@ -3265,6 +3403,7 @@ function setDebugLevel(level) {
   SystemModifierDefinition,
   debugPrint,
   emmmVersion,
+  helper,
   messages,
   parse,
   setDebugLevel