@imenam/mcp-messenger 1.0.34 → 1.0.36

package/dist/src/server/ui/markdown.js

@@ -1,340 +1,340 @@
-/**
- * Rendu Markdown de la console.
- *
- * Les agents s'écrivent en markdown : un corps de message affiché tel quel se lit mal
- * (titres en dièses, listes en tirets, blocs de code noyés dans le texte). Ce module
- * traduit ce markdown en DOM.
- *
- * Il construit des nœuds, jamais du HTML : tout texte venu d'un message passe par
- * `textContent`, donc rien de ce qu'un agent écrit ne peut devenir une balise. Les seules
- * URL suivies sont http, https et mailto ; le reste retombe en texte.
- *
- * La couverture est celle du markdown qu'écrivent les agents : titres, listes, citations,
- * code, tableaux, filets, emphase, liens. Pas de HTML brut, pas de notes de bas de page.
- */
-
-const FENCE = /^ {0,3}(`{3,}|~{3,})\s*([^`\s]*)\s*$/;
-const HEADING = /^ {0,3}(#{1,6})\s+(.*?)\s*#*\s*$/;
-const RULE = /^ {0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/;
-const QUOTE = /^ {0,3}>[ \t]?(.*)$/;
-const BULLET = /^(\s*)([-*+])[ \t]+(.*)$/;
-const ORDERED = /^(\s*)(\d{1,9})[.)][ \t]+(.*)$/;
-const TABLE_RULE = /^ {0,3}\|?[ \t]*:?-+:?[ \t]*(\|[ \t]*:?-+:?[ \t]*)+\|?[ \t]*$/;
-const SAFE_HREF = /^(https?:\/\/|mailto:)/i;
-
-/** Rend un corps de message et renvoie un fragment prêt à être inséré. */
-export function renderMarkdown(source) {
-  const fragment = document.createDocumentFragment();
-  const lines = String(source ?? "")
-    .replace(/\r\n?/g, "\n")
-    .split("\n");
-  for (const child of parseBlocks(lines)) fragment.appendChild(child);
-  return fragment;
-}
-
-// --- Blocs -----------------------------------------------------------------
-
-function parseBlocks(lines) {
-  const out = [];
-  let i = 0;
-
-  while (i < lines.length) {
-    const line = lines[i];
-
-    if (!line.trim()) {
-      i += 1;
-      continue;
-    }
-
-    const fence = FENCE.exec(line);
-    if (fence) {
-      const closing = new RegExp(`^ {0,3}\\${fence[1][0]}{${fence[1].length},}\\s*$`);
-      const body = [];
-      i += 1;
-      while (i < lines.length && !closing.test(lines[i])) {
-        body.push(lines[i]);
-        i += 1;
-      }
-      i += 1; // la clôture, ou la fin du texte si le bloc n'a jamais été refermé
-      out.push(codeBlock(body.join("\n"), fence[2]));
-      continue;
-    }
-
-    const heading = HEADING.exec(line);
-    if (heading) {
-      const el = document.createElement(`h${heading[1].length}`);
-      el.className = "md-heading";
-      renderInline(heading[2], el);
-      out.push(el);
-      i += 1;
-      continue;
-    }
-
-    if (RULE.test(line)) {
-      const hr = document.createElement("hr");
-      hr.className = "md-rule";
-      out.push(hr);
-      i += 1;
-      continue;
-    }
-
-    if (QUOTE.test(line)) {
-      const inner = [];
-      while (i < lines.length && QUOTE.test(lines[i])) {
-        inner.push(QUOTE.exec(lines[i])[1]);
-        i += 1;
-      }
-      const quote = document.createElement("blockquote");
-      quote.className = "md-quote";
-      for (const child of parseBlocks(inner)) quote.appendChild(child);
-      out.push(quote);
-      continue;
-    }
-
-    if (BULLET.test(line) || ORDERED.test(line)) {
-      const [list, next] = parseList(lines, i);
-      out.push(list);
-      i = next;
-      continue;
-    }
-
-    if (opensTable(lines, i)) {
-      const [table, next] = parseTable(lines, i);
-      if (table) {
-        out.push(table);
-        i = next;
-        continue;
-      }
-    }
-
-    // Paragraphe : tout jusqu'à la ligne vide ou au premier bloc d'un autre genre.
-    const text = [];
-    while (i < lines.length && lines[i].trim() && !(text.length > 0 && startsBlock(lines, i))) {
-      text.push(lines[i].trim());
-      i += 1;
-    }
-    const paragraph = document.createElement("p");
-    paragraph.className = "md-p";
-    renderInline(text.join("\n"), paragraph);
-    out.push(paragraph);
-  }
-
-  return out;
-}
-
-/** Une ligne qui, au milieu d'un paragraphe, ouvre malgré tout un autre bloc. */
-function startsBlock(lines, i) {
-  const line = lines[i];
-  return (
-    FENCE.test(line) ||
-    HEADING.test(line) ||
-    RULE.test(line) ||
-    QUOTE.test(line) ||
-    BULLET.test(line) ||
-    ORDERED.test(line) ||
-    opensTable(lines, i)
-  );
-}
-
-function opensTable(lines, i) {
-  return i + 1 < lines.length && lines[i].includes("|") && TABLE_RULE.test(lines[i + 1]);
-}
-
-function codeBlock(code, language) {
-  const pre = document.createElement("pre");
-  pre.className = "md-code";
-  const el = document.createElement("code");
-  if (language) {
-    el.className = `language-${language}`;
-    pre.dataset.language = language;
-  }
-  el.textContent = code;
-  pre.appendChild(el);
-  return pre;
-}
-
-/**
- * Une liste et tout ce qu'elle contient. L'indentation seule décide de l'imbrication :
- * une ligne plus rentrée que sa puce appartient à l'article ouvert, et c'est en le
- * relisant comme un texte à part entière que la sous-liste apparaît.
- */
-function parseList(lines, start) {
-  const ordered = !BULLET.test(lines[start]);
-  const first = ordered ? ORDERED.exec(lines[start]) : BULLET.exec(lines[start]);
-  const indent = first[1].length;
-
-  const list = document.createElement(ordered ? "ol" : "ul");
-  list.className = "md-list";
-  if (ordered && Number(first[2]) !== 1) list.start = Number(first[2]);
-
-  let i = start;
-  while (i < lines.length) {
-    if (!lines[i].trim()) {
-      // Une ligne vide ne ferme la liste que si plus rien derrière ne lui appartient.
-      if (!continues(lines, i, indent)) break;
-      i += 1;
-      continue;
-    }
-
-    const match = ordered ? ORDERED.exec(lines[i]) : BULLET.exec(lines[i]);
-    if (!match || match[1].length !== indent) break;
-
-    const own = [match[3]];
-    i += 1;
-    while (i < lines.length && (lines[i].trim() ? leadingSpaces(lines[i]) > indent : continues(lines, i, indent + 1))) {
-      own.push(lines[i].slice(Math.min(leadingSpaces(lines[i]), indent + 2)));
-      i += 1;
-    }
-
-    const item = document.createElement("li");
-    item.className = "md-item";
-    const children = parseBlocks(own);
-    // Un article d'une seule ligne n'a pas besoin d'un paragraphe autour de son texte.
-    if (children.length === 1 && children[0].tagName === "P") item.append(...children[0].childNodes);
-    else for (const child of children) item.appendChild(child);
-    list.appendChild(item);
-  }
-
-  return [list, i];
-}
-
-/** Vrai si, après la ligne vide `i`, du texte reste rentré d'au moins `indent`. */
-function continues(lines, i, indent) {
-  for (let j = i + 1; j < lines.length; j += 1) {
-    if (!lines[j].trim()) continue;
-    return leadingSpaces(lines[j]) >= indent;
-  }
-  return false;
-}
-
-function leadingSpaces(line) {
-  return line.length - line.replace(/^[ \t]*/, "").length;
-}
-
-function parseTable(lines, start) {
-  const header = splitRow(lines[start]);
-  const alignments = splitRow(lines[start + 1]).map((cell) => {
-    const left = cell.startsWith(":");
-    const right = cell.endsWith(":");
-    if (left && right) return "center";
-    if (right) return "right";
-    return left ? "left" : null;
-  });
-  if (header.length !== alignments.length) return [null, start];
-
-  const table = document.createElement("table");
-  table.className = "md-table";
-  const thead = document.createElement("thead");
-  thead.appendChild(row(header, alignments, "th"));
-  table.appendChild(thead);
-
-  const tbody = document.createElement("tbody");
-  let i = start + 2;
-  while (i < lines.length && lines[i].trim() && lines[i].includes("|")) {
-    tbody.appendChild(row(splitRow(lines[i]), alignments, "td"));
-    i += 1;
-  }
-  table.appendChild(tbody);
-  return [table, i];
-}
-
-function splitRow(line) {
-  return line
-    .trim()
-    .replace(/^\|/, "")
-    .replace(/\|$/, "")
-    .split("|")
-    .map((cell) => cell.trim());
-}
-
-function row(cells, alignments, tag) {
-  const tr = document.createElement("tr");
-  alignments.forEach((align, index) => {
-    const cell = document.createElement(tag);
-    if (align) cell.style.textAlign = align;
-    renderInline(cells[index] ?? "", cell);
-    tr.appendChild(cell);
-  });
-  return tr;
-}
-
-// --- Enrichissements de ligne ----------------------------------------------
-
-/**
- * Les motifs sont confrontés au texte à chaque tour, et celui qui accroche le plus tôt
- * l'emporte. Le code passe en premier à égalité de position : son contenu ne doit plus
- * être relu, un `**` dans un extrait de code est du code et non de la graisse.
- */
-const INLINE = [
-  { re: /(`+)([\s\S]+?)\1/, build: (m) => textNode("code", "md-inline-code", m[2].trim()) },
-  // La cible tolère une paire de parenthèses : une URL en contient parfois, et le lien
-  // ne doit pas se refermer sur la première rencontrée.
-  { re: /!\[([^\]]*)\]\(((?:[^\s()]|\([^\s()]*\))+)(?:\s+"[^"]*")?\)/, build: (m) => image(m[1], m[2]) },
-  { re: /\[([^\]]*)\]\(((?:[^\s()]|\([^\s()]*\))+)(?:\s+"[^"]*")?\)/, build: (m) => link(m[2], m[1]) },
-  { re: /<((?:https?:\/\/|mailto:)[^\s>]+)>/, build: (m) => link(m[1], m[1]) },
-  { re: /(\*\*|__)(?=\S)([\s\S]+?\S)\1/, build: (m) => inlineNode("strong", "md-strong", m[2]) },
-  { re: /(?<![\w*])(\*|_)(?=\S)([^*_\n]+?\S)\1(?![\w*])/, build: (m) => inlineNode("em", "md-em", m[2]) },
-  { re: /~~(?=\S)([\s\S]+?\S)~~/, build: (m) => inlineNode("del", "md-del", m[1]) },
-  { re: /(?<![("[])https?:\/\/[^\s<>"'`]*[^\s<>"'`.,;:!?)\]]/, build: (m) => link(m[0], m[0]) },
-];
-
-function renderInline(text, parent) {
-  let rest = text;
-
-  while (rest) {
-    let best = null;
-    for (const pattern of INLINE) {
-      const match = pattern.re.exec(rest);
-      if (match && (!best || match.index < best.match.index)) best = { match, pattern };
-      if (best && best.match.index === 0) break;
-    }
-
-    if (!best) break;
-    appendText(parent, rest.slice(0, best.match.index));
-    parent.appendChild(best.pattern.build(best.match));
-    rest = rest.slice(best.match.index + best.match[0].length);
-  }
-
-  appendText(parent, rest);
-}
-
-/** Les retours à la ligne d'un paragraphe sont voulus : un agent aligne, il n'habille pas. */
-function appendText(parent, text) {
-  if (!text) return;
-  text.split("\n").forEach((part, index) => {
-    if (index > 0) parent.appendChild(document.createElement("br"));
-    if (part) parent.appendChild(document.createTextNode(part));
-  });
-}
-
-function textNode(tag, className, text) {
-  const el = document.createElement(tag);
-  el.className = className;
-  el.textContent = text;
-  return el;
-}
-
-function inlineNode(tag, className, text) {
-  const el = document.createElement(tag);
-  el.className = className;
-  renderInline(text, el);
-  return el;
-}
-
-function link(href, label) {
-  if (!SAFE_HREF.test(href)) return document.createTextNode(label || href);
-  const el = document.createElement("a");
-  el.className = "md-link";
-  el.href = href;
-  el.target = "_blank";
-  el.rel = "noopener noreferrer";
-  appendText(el, label || href);
-  return el;
-}
-
-/** Une image distante est montrée par son intitulé et son lien : la console ne va rien chercher dehors. */
-function image(alt, src) {
-  const el = link(src, alt || src);
-  if (el.nodeType === 1) el.classList.add("md-image-link");
-  return el;
-}
+/**
+ * Rendu Markdown de la console.
+ *
+ * Les agents s'écrivent en markdown : un corps de message affiché tel quel se lit mal
+ * (titres en dièses, listes en tirets, blocs de code noyés dans le texte). Ce module
+ * traduit ce markdown en DOM.
+ *
+ * Il construit des nœuds, jamais du HTML : tout texte venu d'un message passe par
+ * `textContent`, donc rien de ce qu'un agent écrit ne peut devenir une balise. Les seules
+ * URL suivies sont http, https et mailto ; le reste retombe en texte.
+ *
+ * La couverture est celle du markdown qu'écrivent les agents : titres, listes, citations,
+ * code, tableaux, filets, emphase, liens. Pas de HTML brut, pas de notes de bas de page.
+ */
+
+const FENCE = /^ {0,3}(`{3,}|~{3,})\s*([^`\s]*)\s*$/;
+const HEADING = /^ {0,3}(#{1,6})\s+(.*?)\s*#*\s*$/;
+const RULE = /^ {0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/;
+const QUOTE = /^ {0,3}>[ \t]?(.*)$/;
+const BULLET = /^(\s*)([-*+])[ \t]+(.*)$/;
+const ORDERED = /^(\s*)(\d{1,9})[.)][ \t]+(.*)$/;
+const TABLE_RULE = /^ {0,3}\|?[ \t]*:?-+:?[ \t]*(\|[ \t]*:?-+:?[ \t]*)+\|?[ \t]*$/;
+const SAFE_HREF = /^(https?:\/\/|mailto:)/i;
+
+/** Rend un corps de message et renvoie un fragment prêt à être inséré. */
+export function renderMarkdown(source) {
+  const fragment = document.createDocumentFragment();
+  const lines = String(source ?? "")
+    .replace(/\r\n?/g, "\n")
+    .split("\n");
+  for (const child of parseBlocks(lines)) fragment.appendChild(child);
+  return fragment;
+}
+
+// --- Blocs -----------------------------------------------------------------
+
+function parseBlocks(lines) {
+  const out = [];
+  let i = 0;
+
+  while (i < lines.length) {
+    const line = lines[i];
+
+    if (!line.trim()) {
+      i += 1;
+      continue;
+    }
+
+    const fence = FENCE.exec(line);
+    if (fence) {
+      const closing = new RegExp(`^ {0,3}\\${fence[1][0]}{${fence[1].length},}\\s*$`);
+      const body = [];
+      i += 1;
+      while (i < lines.length && !closing.test(lines[i])) {
+        body.push(lines[i]);
+        i += 1;
+      }
+      i += 1; // la clôture, ou la fin du texte si le bloc n'a jamais été refermé
+      out.push(codeBlock(body.join("\n"), fence[2]));
+      continue;
+    }
+
+    const heading = HEADING.exec(line);
+    if (heading) {
+      const el = document.createElement(`h${heading[1].length}`);
+      el.className = "md-heading";
+      renderInline(heading[2], el);
+      out.push(el);
+      i += 1;
+      continue;
+    }
+
+    if (RULE.test(line)) {
+      const hr = document.createElement("hr");
+      hr.className = "md-rule";
+      out.push(hr);
+      i += 1;
+      continue;
+    }
+
+    if (QUOTE.test(line)) {
+      const inner = [];
+      while (i < lines.length && QUOTE.test(lines[i])) {
+        inner.push(QUOTE.exec(lines[i])[1]);
+        i += 1;
+      }
+      const quote = document.createElement("blockquote");
+      quote.className = "md-quote";
+      for (const child of parseBlocks(inner)) quote.appendChild(child);
+      out.push(quote);
+      continue;
+    }
+
+    if (BULLET.test(line) || ORDERED.test(line)) {
+      const [list, next] = parseList(lines, i);
+      out.push(list);
+      i = next;
+      continue;
+    }
+
+    if (opensTable(lines, i)) {
+      const [table, next] = parseTable(lines, i);
+      if (table) {
+        out.push(table);
+        i = next;
+        continue;
+      }
+    }
+
+    // Paragraphe : tout jusqu'à la ligne vide ou au premier bloc d'un autre genre.
+    const text = [];
+    while (i < lines.length && lines[i].trim() && !(text.length > 0 && startsBlock(lines, i))) {
+      text.push(lines[i].trim());
+      i += 1;
+    }
+    const paragraph = document.createElement("p");
+    paragraph.className = "md-p";
+    renderInline(text.join("\n"), paragraph);
+    out.push(paragraph);
+  }
+
+  return out;
+}
+
+/** Une ligne qui, au milieu d'un paragraphe, ouvre malgré tout un autre bloc. */
+function startsBlock(lines, i) {
+  const line = lines[i];
+  return (
+    FENCE.test(line) ||
+    HEADING.test(line) ||
+    RULE.test(line) ||
+    QUOTE.test(line) ||
+    BULLET.test(line) ||
+    ORDERED.test(line) ||
+    opensTable(lines, i)
+  );
+}
+
+function opensTable(lines, i) {
+  return i + 1 < lines.length && lines[i].includes("|") && TABLE_RULE.test(lines[i + 1]);
+}
+
+function codeBlock(code, language) {
+  const pre = document.createElement("pre");
+  pre.className = "md-code";
+  const el = document.createElement("code");
+  if (language) {
+    el.className = `language-${language}`;
+    pre.dataset.language = language;
+  }
+  el.textContent = code;
+  pre.appendChild(el);
+  return pre;
+}
+
+/**
+ * Une liste et tout ce qu'elle contient. L'indentation seule décide de l'imbrication :
+ * une ligne plus rentrée que sa puce appartient à l'article ouvert, et c'est en le
+ * relisant comme un texte à part entière que la sous-liste apparaît.
+ */
+function parseList(lines, start) {
+  const ordered = !BULLET.test(lines[start]);
+  const first = ordered ? ORDERED.exec(lines[start]) : BULLET.exec(lines[start]);
+  const indent = first[1].length;
+
+  const list = document.createElement(ordered ? "ol" : "ul");
+  list.className = "md-list";
+  if (ordered && Number(first[2]) !== 1) list.start = Number(first[2]);
+
+  let i = start;
+  while (i < lines.length) {
+    if (!lines[i].trim()) {
+      // Une ligne vide ne ferme la liste que si plus rien derrière ne lui appartient.
+      if (!continues(lines, i, indent)) break;
+      i += 1;
+      continue;
+    }
+
+    const match = ordered ? ORDERED.exec(lines[i]) : BULLET.exec(lines[i]);
+    if (!match || match[1].length !== indent) break;
+
+    const own = [match[3]];
+    i += 1;
+    while (i < lines.length && (lines[i].trim() ? leadingSpaces(lines[i]) > indent : continues(lines, i, indent + 1))) {
+      own.push(lines[i].slice(Math.min(leadingSpaces(lines[i]), indent + 2)));
+      i += 1;
+    }
+
+    const item = document.createElement("li");
+    item.className = "md-item";
+    const children = parseBlocks(own);
+    // Un article d'une seule ligne n'a pas besoin d'un paragraphe autour de son texte.
+    if (children.length === 1 && children[0].tagName === "P") item.append(...children[0].childNodes);
+    else for (const child of children) item.appendChild(child);
+    list.appendChild(item);
+  }
+
+  return [list, i];
+}
+
+/** Vrai si, après la ligne vide `i`, du texte reste rentré d'au moins `indent`. */
+function continues(lines, i, indent) {
+  for (let j = i + 1; j < lines.length; j += 1) {
+    if (!lines[j].trim()) continue;
+    return leadingSpaces(lines[j]) >= indent;
+  }
+  return false;
+}
+
+function leadingSpaces(line) {
+  return line.length - line.replace(/^[ \t]*/, "").length;
+}
+
+function parseTable(lines, start) {
+  const header = splitRow(lines[start]);
+  const alignments = splitRow(lines[start + 1]).map((cell) => {
+    const left = cell.startsWith(":");
+    const right = cell.endsWith(":");
+    if (left && right) return "center";
+    if (right) return "right";
+    return left ? "left" : null;
+  });
+  if (header.length !== alignments.length) return [null, start];
+
+  const table = document.createElement("table");
+  table.className = "md-table";
+  const thead = document.createElement("thead");
+  thead.appendChild(row(header, alignments, "th"));
+  table.appendChild(thead);
+
+  const tbody = document.createElement("tbody");
+  let i = start + 2;
+  while (i < lines.length && lines[i].trim() && lines[i].includes("|")) {
+    tbody.appendChild(row(splitRow(lines[i]), alignments, "td"));
+    i += 1;
+  }
+  table.appendChild(tbody);
+  return [table, i];
+}
+
+function splitRow(line) {
+  return line
+    .trim()
+    .replace(/^\|/, "")
+    .replace(/\|$/, "")
+    .split("|")
+    .map((cell) => cell.trim());
+}
+
+function row(cells, alignments, tag) {
+  const tr = document.createElement("tr");
+  alignments.forEach((align, index) => {
+    const cell = document.createElement(tag);
+    if (align) cell.style.textAlign = align;
+    renderInline(cells[index] ?? "", cell);
+    tr.appendChild(cell);
+  });
+  return tr;
+}
+
+// --- Enrichissements de ligne ----------------------------------------------
+
+/**
+ * Les motifs sont confrontés au texte à chaque tour, et celui qui accroche le plus tôt
+ * l'emporte. Le code passe en premier à égalité de position : son contenu ne doit plus
+ * être relu, un `**` dans un extrait de code est du code et non de la graisse.
+ */
+const INLINE = [
+  { re: /(`+)([\s\S]+?)\1/, build: (m) => textNode("code", "md-inline-code", m[2].trim()) },
+  // La cible tolère une paire de parenthèses : une URL en contient parfois, et le lien
+  // ne doit pas se refermer sur la première rencontrée.
+  { re: /!\[([^\]]*)\]\(((?:[^\s()]|\([^\s()]*\))+)(?:\s+"[^"]*")?\)/, build: (m) => image(m[1], m[2]) },
+  { re: /\[([^\]]*)\]\(((?:[^\s()]|\([^\s()]*\))+)(?:\s+"[^"]*")?\)/, build: (m) => link(m[2], m[1]) },
+  { re: /<((?:https?:\/\/|mailto:)[^\s>]+)>/, build: (m) => link(m[1], m[1]) },
+  { re: /(\*\*|__)(?=\S)([\s\S]+?\S)\1/, build: (m) => inlineNode("strong", "md-strong", m[2]) },
+  { re: /(?<![\w*])(\*|_)(?=\S)([^*_\n]+?\S)\1(?![\w*])/, build: (m) => inlineNode("em", "md-em", m[2]) },
+  { re: /~~(?=\S)([\s\S]+?\S)~~/, build: (m) => inlineNode("del", "md-del", m[1]) },
+  { re: /(?<![("[])https?:\/\/[^\s<>"'`]*[^\s<>"'`.,;:!?)\]]/, build: (m) => link(m[0], m[0]) },
+];
+
+function renderInline(text, parent) {
+  let rest = text;
+
+  while (rest) {
+    let best = null;
+    for (const pattern of INLINE) {
+      const match = pattern.re.exec(rest);
+      if (match && (!best || match.index < best.match.index)) best = { match, pattern };
+      if (best && best.match.index === 0) break;
+    }
+
+    if (!best) break;
+    appendText(parent, rest.slice(0, best.match.index));
+    parent.appendChild(best.pattern.build(best.match));
+    rest = rest.slice(best.match.index + best.match[0].length);
+  }
+
+  appendText(parent, rest);
+}
+
+/** Les retours à la ligne d'un paragraphe sont voulus : un agent aligne, il n'habille pas. */
+function appendText(parent, text) {
+  if (!text) return;
+  text.split("\n").forEach((part, index) => {
+    if (index > 0) parent.appendChild(document.createElement("br"));
+    if (part) parent.appendChild(document.createTextNode(part));
+  });
+}
+
+function textNode(tag, className, text) {
+  const el = document.createElement(tag);
+  el.className = className;
+  el.textContent = text;
+  return el;
+}
+
+function inlineNode(tag, className, text) {
+  const el = document.createElement(tag);
+  el.className = className;
+  renderInline(text, el);
+  return el;
+}
+
+function link(href, label) {
+  if (!SAFE_HREF.test(href)) return document.createTextNode(label || href);
+  const el = document.createElement("a");
+  el.className = "md-link";
+  el.href = href;
+  el.target = "_blank";
+  el.rel = "noopener noreferrer";
+  appendText(el, label || href);
+  return el;
+}
+
+/** Une image distante est montrée par son intitulé et son lien : la console ne va rien chercher dehors. */
+function image(alt, src) {
+  const el = link(src, alt || src);
+  if (el.nodeType === 1) el.classList.add("md-image-link");
+  return el;
+}