@the_dissidents/libemmm 0.0.7 → 0.0.8

package/dist/index.mjs

@@ -35,6 +35,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*, 
@@ -44,7 +47,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;
@@ -298,14 +301,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);
   }
@@ -439,7 +442,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;
@@ -978,6 +981,7 @@ var Parser = class {
       end: to ?? this.scanner.position()
     };
   }
+  /* istanbul ignore next -- @preserve */
   #defs(type) {
     switch (type) {
       case 5 /* SystemModifier */:
@@ -1511,9 +1515,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) {
@@ -1551,7 +1555,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);
   }
@@ -1574,6 +1578,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({
@@ -2396,44 +2408,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);
@@ -2550,7 +2541,8 @@ builtin.inlineModifiers.add(
 builtin.argumentInterpolators.add(GetVarInterpolator);
 var BuiltinConfiguration = Object.freeze(builtin);
 
-// src/default/bullets.ts
+// src/default/bullets.tsx
+import { jsx } from "minimal-jsx-runtime/jsx-runtime";
 var bulletItemBlock = new BlockModifierDefinition(
   "bullet-item",
   0 /* Normal */,
@@ -2581,20 +2573,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__ */ jsx("li", { children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    subItemBlock,
+    (node, cxt) => /* @__PURE__ */ 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__ */ jsx("li", { value: node.state, children: cxt.state.render(node.content, cxt) })
+  ]
 ];
 
-// src/default/headings.ts
+// src/default/headings.tsx
+import { jsx as jsx2 } from "minimal-jsx-runtime/jsx-runtime";
 var headings = Symbol();
 function initHeadings(cxt) {
   cxt.init(headings, {
@@ -2700,37 +2694,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__ */ jsx2("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
+import { jsx as jsx3, jsxs } from "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 */,
@@ -2752,13 +2812,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: [{
@@ -2771,6 +2833,7 @@ var noteInline = new InlineModifierDefinition(
             content: node.content
           }]
         });
+        defs.currentId++;
       }
       return [];
     }
@@ -2781,58 +2844,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__ */ jsxs("section", { class: "note", id: `note-id-${def.id}`, children: [
+    /* @__PURE__ */ jsx3("div", { class: "note-name", children: /* @__PURE__ */ jsx3("p", { children: /* @__PURE__ */ jsx3("a", { href: `#notemarker-id-${def.id}`, children: def.name }) }) }),
+    /* @__PURE__ */ jsx3("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__ */ jsx3("sup", { class: "note", id: `notemarker-id-${note}`, children: note < 0 ? `Not found: ${node.state}` : /* @__PURE__ */ jsx3("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__ */ jsx3("hr", {}),
+    /* @__PURE__ */ jsx3("section", { class: "notes-global", children: items.map((x) => makeNoteHTML(x, cxt)) })
+  ];
 };
 
-// src/default/code.ts
+// src/default/code.tsx
+import { jsx as jsx4 } from "minimal-jsx-runtime/jsx-runtime";
 var CodeBlock = new BlockModifierDefinition(
   "code",
   1 /* Preformatted */,
@@ -2843,14 +2921,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__ */ jsx4("pre", { children: /* @__PURE__ */ jsx4("code", { children: cxt.state.render(node.content, cxt) }) })
+];
+var CodeInlineRendererHTML = [
+  CodeInline,
+  (node, cxt) => /* @__PURE__ */ jsx4("span", { children: /* @__PURE__ */ jsx4("code", { children: cxt.state.render(node.content, cxt) }) })
+];
 
-// src/default/quotes.ts
+// src/default/quotes.tsx
+import { jsx as jsx5 } from "minimal-jsx-runtime/jsx-runtime";
 var quoteBlock = new BlockModifierDefinition(
   "quote",
   0 /* Normal */,
@@ -2861,6 +2942,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 */,
@@ -2876,23 +2967,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__ */ jsx5("blockquote", { children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    epitaphBlock,
+    (node, cxt) => /* @__PURE__ */ jsx5("blockquote", { class: "epitaph", children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    detailBlock,
+    (node, cxt) => /* @__PURE__ */ jsx5("div", { class: "detail", children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    calloutBlock,
+    (node, cxt) => /* @__PURE__ */ jsx5("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__ */ jsx5("p", { class: "attribution", children: cxt.state.render(para.content, cxt) });
   }]
 ];
 
-// src/default/inline-styles.ts
+// src/default/inline-styles.tsx
+import { jsx as jsx6 } from "minimal-jsx-runtime/jsx-runtime";
 var emphasisInline = new InlineModifierDefinition(
   "emphasis",
   0 /* Normal */,
@@ -2913,23 +3015,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__ */ jsx6("em", { children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    keywordInline,
+    (node, cxt) => /* @__PURE__ */ jsx6("b", { children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    highlightInline,
+    (node, cxt) => /* @__PURE__ */ jsx6("mark", { children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    commentaryInline,
+    (node, cxt) => /* @__PURE__ */ jsx6("span", { class: "commentary", children: cxt.state.render(node.content, cxt) })
+  ],
+  [
+    sequenceInline,
+    (node, cxt) => /* @__PURE__ */ jsx6("span", { class: "seq", children: cxt.state.render(node.content, cxt) })
+  ]
 ];
 
-// src/default/misc.ts
+// src/default/misc.tsx
+import { jsx as jsx7, jsxs as jsxs2 } from "minimal-jsx-runtime/jsx-runtime";
 var rubyInline = new InlineModifierDefinition(
   "ruby",
   0 /* Normal */,
@@ -3005,43 +3121,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__ */ jsxs2("ruby", { children: [
+      cxt.state.render(node.content, cxt),
+      /* @__PURE__ */ jsx7("rt", { children: node.state })
+    ] })
+  ],
+  [
+    linkInline,
+    (node, cxt) => node.state === void 0 ? cxt.state.invalidInline(node, "bad format") : /* @__PURE__ */ jsx7("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__ */ jsx7("div", { class: `emmmstyle-${node.state}`, style: "display:contents", children: cxt.state.render(node.content, cxt) })
+  ],
+  [breakBlock, () => /* @__PURE__ */ jsx7("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__ */ jsx7("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__ */ jsxs2("figure", { children: [
+      transformed ? /* @__PURE__ */ jsx7("img", { src: transformed, "data-original-src": node.state }) : /* @__PURE__ */ jsx7("img", { src: node.state }),
+      node.content.length > 0 ? /* @__PURE__ */ jsx7("figcaption", { children: cxt.state.render(node.content[0].content, cxt) }) : []
+    ] });
   }]
 ];
 
@@ -3096,34 +3215,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
+import { jsx as jsx8, jsxs as jsxs3 } from "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__ */ jsxs3("details", { class: "invalid", children: [
+      /* @__PURE__ */ jsxs3("summary", { children: [
+        "Invalid ",
+        name
+      ] }),
+      /* @__PURE__ */ jsx8("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__ */ jsxs3("span", { class: "invalid", children: [
+      "Invalid ",
+      name,
+      ": ",
+      /* @__PURE__ */ jsx8("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(
@@ -3131,7 +3261,8 @@ var htmlConfig = new RenderConfiguration(
     headPlugins: [],
     headerPlugins: [],
     footerPlugins: [NotesFooterPlugin],
-    transformAsset: (x) => void 0
+    postprocessPlugins: [],
+    transformAsset: () => void 0
     // postprocessPlugins: [],
   },
   (results, cxt) => {
@@ -3139,35 +3270,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__ */ jsx8("meta", { charset: "UTF-8" }),
+      /* @__PURE__ */ jsx8("style", { children: styles }),
+      ...cxt.config.options.headPlugins.map((x) => x(cxt)).filter((x) => x !== void 0).flat()
+    );
+    doc.body.append(
+      /* @__PURE__ */ jsx8("section", { class: "article-container", children: /* @__PURE__ */ jsxs3("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__ */ jsx8("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__ */ jsx8("br", {}));
+      }
+      console.log(result);
+      return result;
     default:
       return debug.never(node);
   }
@@ -3183,8 +3320,8 @@ htmlConfig.addBlockRenderer(
   ...BulletBlockRenderersHTML,
   CodeBlockRendererHTML,
   ...QuoteBlockRenderersHTML,
-  ...MiscBlockRenderersHTML
-  // TODO: notes
+  ...MiscBlockRenderersHTML,
+  ...NoteBlockRenderersHTML
 );
 htmlConfig.addInlineRenderer(
   CodeInlineRendererHTML,
@@ -3221,6 +3358,7 @@ export {
   SystemModifierDefinition,
   debugPrint,
   emmmVersion,
+  modifier_helper_exports as helper,
   messages_exports as messages,
   parse,
   setDebugLevel