react-native-marcus 0.1.0 → 0.2.0

package/lib/module/web/utils/blockUtils.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { toNumber } from "./blockLayout.js";
+import { SHOWN_MARKERS, toNumber } from "./blockLayout.js";
 /**
  * Assigns CSS properties, skipping the ones the style does not define.
  *
@@ -21,17 +21,96 @@ function applyStyle(node, styles) {
   });
 }
 
+/**
+ * Everything a `MarkdownTextStyle` says, in CSS.
+ *
+ * One place rather than a line per entry in the switch below, because every styled type now carries
+ * the same set of text attributes: the difference between a mention and a heading is the box around
+ * it and the size it is given, not which properties it understands. `MarkdownFormatter` reads the
+ * same struct into attributed-string attributes on iOS and into spans on Android.
+ *
+ * Undefined properties are dropped by `applyStyle`, so a run inherits whatever the prose around it
+ * is drawn in -- which is what an unset text attribute means on all three platforms.
+ */
+function textStyle(style) {
+  if (!style) {
+    return {};
+  }
+  return {
+    color: style.color,
+    fontFamily: style.fontFamily,
+    fontSize: style.fontSize,
+    fontStyle: style.fontStyle,
+    fontWeight: style.fontWeight,
+    letterSpacing: style.letterSpacing,
+    lineHeight: style.lineHeight,
+    textDecorationLine: style.textDecorationLine,
+    textDecorationColor: style.textDecorationColor,
+    textDecorationStyle: style.textDecorationStyle,
+    textShadow: textShadow(style)
+  };
+}
+
+/**
+ * React Native's three shadow properties as the one CSS declaration they add up to.
+ *
+ * The offset and the radius stay raw numbers through `processMarkdownStyle` -- an offset is an
+ * object rather than a length, and half a shadow carrying units would not compose -- so the units
+ * are put on here.
+ */
+function textShadow(style) {
+  const color = style.textShadowColor;
+  const radius = toNumber(style.textShadowRadius);
+  const x = toNumber(style.textShadowOffset?.width);
+  const y = toNumber(style.textShadowOffset?.height);
+  if (!color && radius <= 0 && x === 0 && y === 0) {
+    return undefined;
+  }
+  return `${x}px ${y}px ${radius}px ${color || "currentColor"}`;
+}
+
+/**
+ * The room a boxed run holds open on one axis: the axis value where it is set, and the value for
+ * both axes where it is not.
+ *
+ * A fenced block usually wants more above and below than beside it, and the single `padding` a
+ * style used to carry could not say that. The native formatters resolve the pair the same way.
+ */
+function axis(both, axisValue) {
+  return axisValue === undefined || axisValue === null || axisValue === "" ? toNumber(both) : toNumber(axisValue);
+}
+
+/**
+ * The box a run of code or a mention sits in: its fill, its border, and the room inside and around
+ * it, written as the two-value shorthands so the horizontal halves stay direction-agnostic.
+ */
+function boxStyle(style) {
+  if (!style) {
+    return {};
+  }
+  const borderWidth = toNumber(style.borderWidth);
+  return {
+    backgroundColor: style.backgroundColor,
+    borderRadius: style.borderRadius,
+    borderWidth: borderWidth > 0 ? `${borderWidth}px` : undefined,
+    borderStyle: borderWidth > 0 ? "solid" : undefined,
+    borderColor: borderWidth > 0 ? style.borderColor || "currentColor" : undefined,
+    padding: `${axis(style.padding, style.paddingVertical)}px ${axis(style.padding, style.paddingHorizontal)}px`,
+    margin: `${axis(style.margin, style.marginVertical)}px ${axis(style.margin, style.marginHorizontal)}px`
+  };
+}
+
 /**
  * Applies the layout the block walk computed for one line.
  *
- * Everything a container contributes lands here rather than on the container's own span: its gutter
+ * Everything a container contributes lands here rather than on the container's own element: its gutter
  * is part of the paragraph's indent, and its ribbon is painted behind the whole paragraph. That is
  * how the native formatters do it too, and on the web it is the only placement that works -- a
- * container's span begins before the markers of the containers outside it, so a border drawn on it
+ * container's element begins before the markers of the containers outside it, so a border drawn on it
  * would sit in front of a bullet that is meant to precede it, and a gutter set on it would open
  * before that bullet rather than after.
  *
- * `padding-left` holds every line of the paragraph at the indent, and the negative `text-indent`
+ * `padding-inline-start` holds every line of the paragraph at the indent, and the negative `text-indent`
  * pulls the first one back to where its own marker starts -- `firstLineHeadIndent` and `headIndent`,
  * spelled in CSS. A line that wraps, or a line continuing the block with no marker of its own, then
  * lines up with the text above it instead of with the marker.
@@ -46,7 +125,10 @@ function addLineLayout(node, layout, markdownStyle) {
   }
   if (layout.indent > 0) {
     applyStyle(node, {
-      paddingLeft: `${layout.indent}px`,
+      // Logical rather than `padding-left`, because a container's gutter opens on the line's
+      // leading edge -- which is what `marginStart` and `paddingStart` name, and what both native
+      // platforms already indent from.
+      paddingInlineStart: `${layout.indent}px`,
       textIndent: `${layout.firstLineIndent - layout.indent}px`
     });
   }
@@ -56,17 +138,80 @@ function addLineLayout(node, layout, markdownStyle) {
   }
 
   // One background layer per ribbon, each a solid bar of its own. They are painted on the paragraph
-  // rather than on any span so that they run its full height -- a quote that wraps gets one
-  // unbroken bar, exactly as `MarkdownTextLayoutFragment` draws it over the whole fragment.
+  // rather than on anything inside it so that they run its full height -- a quote that wraps gets
+  // one unbroken bar, exactly as `MarkdownTextLayoutFragment` draws it over the whole fragment.
+  //
+  // The offsets are distances from the line's leading edge -- the same numbers `getLeadingMargin`
+  // is handed on Android -- so the edge they are measured from has to move with the line's own
+  // direction. `RIBBON_EDGE` leaves that edge to be named later, by `setRibbonEdge`.
   const color = markdownStyle.blockquote?.borderColor || "transparent";
+  const radius = toNumber(markdownStyle.blockquote?.borderRadius);
   applyStyle(node, {
-    backgroundImage: layout.ribbons.map(() => `linear-gradient(${color}, ${color})`).join(", "),
-    backgroundPosition: layout.ribbons.map(x => `${x}px 0`).join(", "),
+    backgroundImage: layout.ribbons.map(() => bar(color, radius)).join(", "),
+    backgroundPositionX: layout.ribbons.map(x => `${RIBBON_EDGE} ${x}px`).join(", "),
+    // One value for every layer: a shorter list is repeated to cover them all.
+    backgroundPositionY: "0",
     backgroundSize: layout.ribbons.map(() => `${width}px 100%`).join(", "),
     backgroundRepeat: "no-repeat"
   });
 }
 
+/**
+ * The custom property naming the edge a ribbon's offset is measured from, and the reference to it
+ * the offsets are written against.
+ *
+ * `background-position` is the one part of a line still spelled physically: it has no logical form.
+ * So the edge is named indirectly and `setRibbonEdge` fills it in once the line has its text --
+ * which is also why it is a custom property rather than a value written straight into the offsets:
+ * the offsets are known while building the line, the direction only after.
+ *
+ * The fallback in the reference is what a line gets before then, and what one gets in a browser
+ * that cannot answer the question at all.
+ */
+const RIBBON_EDGE_PROPERTY = "--marcus-ribbon-edge";
+const RIBBON_EDGE = `var(${RIBBON_EDGE_PROPERTY}, left)`;
+
+/**
+ * Turns a line's ribbons round when the line reads right to left.
+ *
+ * Asked of the browser rather than worked out from the text, because the browser is what lays the
+ * line out: whatever it resolved `dir="auto"` to is where it put the gutter, and the bars belong on
+ * that side whether or not a bidi rule written here would have agreed. `:dir()` is unsupported in
+ * browsers older than Safari 16.4, where `matches` throws and the fallback edge stands.
+ *
+ * Called once the line holds its text, since that is what a line's own direction is read from, and
+ * only for a line that has ribbons: nothing else on a line is measured from an edge.
+ */
+function setRibbonEdge(node, layout) {
+  if (!layout || layout.ribbons.length === 0) {
+    return;
+  }
+  try {
+    if (node.matches(":dir(rtl)")) {
+      node.style.setProperty(RIBBON_EDGE_PROPERTY, "right");
+    }
+  } catch {
+    // A browser without `:dir()`. Left is the fallback the offsets already carry.
+  }
+}
+
+/**
+ * One quote bar, as a background layer.
+ *
+ * A gradient has no corners, so a bar that is asked to round its ends is drawn as an SVG rectangle
+ * instead. The SVG carries no `viewBox`, which means its user units are the pixels the layer is
+ * sized to and `rx` is the radius that was asked for rather than a radius stretched by the height
+ * of the line. `MarkdownTextLayoutFragment` and `MarkdownBlockIndentSpan` round the same bar with a
+ * rounded-rect path.
+ */
+function bar(color, radius) {
+  if (radius <= 0) {
+    return `linear-gradient(${color}, ${color})`;
+  }
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">` + `<rect width="100%" height="100%" rx="${radius}" ry="${radius}" fill="${color}"/>` + `</svg>`;
+  return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
+}
+
 /**
  * Opens the space a marker holds for the container that follows it.
  *
@@ -75,25 +220,41 @@ function addLineLayout(node, layout, markdownStyle) {
  */
 function addBlockPrefixGap(node, gap) {
   if (gap) {
-    node.style.marginRight = `${gap}px`;
+    // Logical: the room belongs after the marker in reading order, which is its left in a
+    // right-to-left line. `MarkdownFormatter` kerns the marker's last character, and kerning
+    // follows the run's own direction for the same reason.
+    node.style.marginInlineEnd = `${gap}px`;
   }
 }
-function addStyleToBlock(targetElement, type, markdownStyle, isMultiline = true) {
+function addStyleToBlock(targetElement, type, markdownStyle, isMultiline = true, rendering = SHOWN_MARKERS) {
   const node = targetElement;
   switch (type) {
+    // A fenced block's language is its own type so that something can read it,
+    // but in an input it is part of the fence you are typing and reads as
+    // markup, so it is coloured like the rest of it.
     case "syntax":
-      applyStyle(node, {
-        color: markdownStyle.syntax?.color
-      });
-      break;
-    case "bold":
-      node.style.fontWeight = "bold";
+    case "language":
+      {
+        // A list's marker is the one syntax a display keeps, and it is drawn there
+        // rather than shown -- everything else the colour is for has been stripped
+        // out by the time a display is built, so this is the only case where the
+        // two components part company.
+        const list = rendering.display && type === "syntax" ? markerList(node) : null;
+        if (list) {
+          addMarkerStyle(node, list, markdownStyle, rendering);
+        } else {
+          applyStyle(node, textStyle(markdownStyle.syntax));
+        }
+        break;
+      }
+    case "strong":
+      applyStyle(node, textStyle(markdownStyle.strong));
       break;
-    case "italic":
-      node.style.fontStyle = "italic";
+    case "emphasis":
+      applyStyle(node, textStyle(markdownStyle.emphasis));
       break;
     case "strikethrough":
-      node.style.textDecoration = "line-through";
+      applyStyle(node, textStyle(markdownStyle.strikethrough));
       break;
     case "emoji":
       applyStyle(node, {
@@ -104,43 +265,44 @@ function addStyleToBlock(targetElement, type, markdownStyle, isMultiline = true)
         verticalAlign: "middle"
       });
       break;
-    case "mention-here":
-      addMentionStyle(node, markdownStyle.mentionHere);
-      break;
-    case "mention-user":
-      addMentionStyle(node, markdownStyle.mentionUser);
-      break;
-    case "mention-report":
-      addMentionStyle(node, markdownStyle.mentionReport);
+    // A pill: the same inline box an inline run of code sits in, and drawn the same way. The
+    // padding and margin push the words either side of it apart, the padding grows into the
+    // line's own spacing above and below rather than pushing the lines apart, and a mention that
+    // wraps is rounded only where it begins and ends.
+    case "mention":
+      applyStyle(node, textStyle(markdownStyle.mention));
+      applyStyle(node, boxStyle(markdownStyle.mention));
       break;
     case "link":
-      applyStyle(node, {
-        color: markdownStyle.link?.color,
-        textDecoration: "underline"
-      });
+      applyStyle(node, textStyle(markdownStyle.link));
       break;
-    // Both carry a font, a colour and a background, and nothing else: native draws no border, no
-    // corner radius and no padding around either, so neither does this.
+    // An inline box, which is what the platforms draw by hand: the padding and margin push the
+    // words either side of it apart, the padding grows into the line's own spacing above and
+    // below rather than pushing the lines apart, and a run that wraps is rounded only where it
+    // begins and ends. All three are what CSS does with an inline element by default.
     case "code":
-      applyStyle(node, {
-        fontFamily: markdownStyle.code?.fontFamily,
-        fontSize: markdownStyle.code?.fontSize,
-        color: markdownStyle.code?.color,
-        backgroundColor: markdownStyle.code?.backgroundColor
-      });
+      applyStyle(node, textStyle(markdownStyle.code));
+      applyStyle(node, boxStyle(markdownStyle.code));
       break;
+    // Only the text attributes of a block; the box it sits in is `codeblock`, which is the range
+    // that covers the whole thing rather than only the code inside it.
     case "pre":
-      applyStyle(node, {
-        fontFamily: markdownStyle.pre?.fontFamily,
-        fontSize: markdownStyle.pre?.fontSize,
-        color: markdownStyle.pre?.color,
-        backgroundColor: markdownStyle.pre?.backgroundColor
-      });
+      applyStyle(node, textStyle(markdownStyle.pre));
+      break;
+    case "codeblock":
+      addCodeBlockStyle(node, markdownStyle, isMultiline);
       break;
-    // Block containers hold no box of their own: their gutters and ribbons belong to the
-    // paragraph, in `addLineLayout`. All that is left is letting a long unbroken word inside one
+    // A quoted block holds no box of its own: its gutter and its ribbons belong to the paragraph,
+    // in `addLineLayout`. What is left is the text inside it, and letting a long unbroken word
     // break rather than push the line past the input's edge.
     case "blockquote":
+      applyStyle(node, textStyle(markdownStyle.blockquote));
+      applyStyle(node, {
+        overflowWrap: "anywhere"
+      });
+      break;
+    // Neither do the list containers, and their markers are styled from the `syntax` range inside
+    // their prefix rather than from here.
     case "list-ordered":
     case "list-unordered":
       applyStyle(node, {
@@ -162,26 +324,136 @@ function addStyleToBlock(targetElement, type, markdownStyle, isMultiline = true)
       break;
   }
 }
-function addMentionStyle(node, style) {
+
+/**
+ * The box behind a fenced or indented block: one fill for the whole thing, from the first line to
+ * the last, which is what the native formatters draw.
+ *
+ * `codeblock` covers the block including its fences, and the builder merges all of its lines into
+ * one element, so here the box is a real box rather than the several line rects each platform has
+ * to fill by hand. What that costs is the one thing an element cannot do: a block opened after a
+ * bullet or a quote's `>` shares that line in the buffer but not on screen, because a block-level
+ * box drops below the marker in front of it.
+ *
+ * A singleline input has no room for a block at all -- every line of it is drawn on one -- so there
+ * the background stays an inline one, painted behind the text.
+ */
+function addCodeBlockStyle(node, markdownStyle, isMultiline) {
+  const style = markdownStyle.pre;
+  const box = boxStyle(style);
+  applyStyle(node, {
+    backgroundColor: box.backgroundColor,
+    borderRadius: box.borderRadius,
+    borderWidth: box.borderWidth,
+    borderStyle: box.borderStyle,
+    borderColor: box.borderColor
+  });
+  if (!isMultiline) {
+    return;
+  }
+  applyStyle(node, {
+    display: "block",
+    // The padding is inside the box, so the box still spans the line rather than overflowing it.
+    boxSizing: "border-box",
+    padding: box.padding,
+    margin: box.margin
+  });
+}
+
+/**
+ * The list whose marker `node` is, or null if this syntax is something else.
+ *
+ * A marker is a `syntax` inside the `block-prefix` of a list container, which is a shape only a
+ * list has: a quote's `>` is removed with the rest of the markup before a display is built.
+ */
+function markerList(node) {
+  let current = node.parentNode;
+  let inPrefix = false;
+  while (current && current.contentEditable !== "true") {
+    const type = current.getAttribute?.("data-type");
+    if (type === "block-prefix") {
+      inPrefix = true;
+    } else if (type === "list-ordered" || type === "list-unordered") {
+      return inPrefix ? type : null;
+    }
+    current = current.parentNode;
+  }
+  return null;
+}
+
+/**
+ * Draws a list's marker: a bullet for an unordered item, the number at its own scale for an
+ * ordered one.
+ *
+ * Both are sized from the base font rather than from a length of their own, so a list marks itself
+ * in proportion to the prose it marks, and both are drawn from the list's own `marker` style over
+ * `syntax` -- which, in a display where every other piece of syntax has been removed, is where a
+ * marker's colour came from before lists could name one. `MarkdownFormatter` draws the same two
+ * shapes from the same numbers on iOS and Android.
+ *
+ * The bullet keeps the marker character inside it, boxed and invisible: it is what a reader copies
+ * and what a screen reader announces, and the box is exactly the width `layoutBlocks` indented the
+ * text past.
+ */
+function addMarkerStyle(node, type, markdownStyle, rendering) {
+  const list = type === "list-ordered" ? markdownStyle.orderedList : markdownStyle.unorderedList;
+  // What the list says about its marker, over what `syntax` says about markup in general. Before
+  // lists had a `marker` entry this was `syntax.color` and nothing else, which is what an unset
+  // `marker` still resolves to.
+  const style = {
+    ...markdownStyle.syntax,
+    ...list?.marker
+  };
+  const color = style.color || "";
+  const {
+    fontSize
+  } = rendering;
+  const scale = toNumber(list?.markerScale);
+  if (scale <= 0 || fontSize <= 0) {
+    applyStyle(node, textStyle(style));
+    return;
+  }
+  if (type === "list-ordered") {
+    applyStyle(node, textStyle(style));
+    applyStyle(node, {
+      fontSize: fontSize * scale
+    });
+    return;
+  }
+  const diameter = fontSize * scale;
+
+  // A box one line high, aligned to the top of the line, with the circle painted in the middle of
+  // it: that is what centres the bullet on the line rather than on the text, which is where both
+  // native platforms draw it. The height is the marker character's own line box -- an inline block
+  // holding one line of text is exactly one line high -- so it follows the line height without
+  // having to be told it.
+  applyStyle(node, textStyle(style));
   applyStyle(node, {
-    color: style?.color,
-    backgroundColor: style?.backgroundColor,
-    borderRadius: style?.borderRadius
+    display: "inline-block",
+    width: diameter,
+    verticalAlign: "top",
+    backgroundImage: `radial-gradient(circle closest-side, ${color || "currentColor"} 100%, transparent 100%)`,
+    backgroundSize: `${diameter}px ${diameter}px`,
+    backgroundPosition: "center",
+    backgroundRepeat: "no-repeat",
+    // The character is still in the box, and stays out of sight of everything but a selection.
+    color: "transparent",
+    overflow: "hidden"
   });
 }
 
 /**
  * Sizes a heading the way native does: level N is the base size scaled N-1 times.
  *
- * The level does not reach here -- `ungroupRanges` turns it into one nested span per level -- so
+ * The level does not reach here -- `ungroupRanges` turns it into one nested element per level -- so
  * the scaling is expressed in `em` and compounds down the nesting to the same number. This runs
- * once the span is in the tree, which is what lets it tell an inner level from the outermost one.
+ * once the element is in the tree, which is what lets it tell an inner level from the outermost one.
  */
 function addHeadingStyle(node, markdownStyle) {
   const nested = isChildOfMarkdownElement(node, "heading");
   const scale = markdownStyle.heading?.scale;
+  applyStyle(node, textStyle(markdownStyle.heading));
   applyStyle(node, {
-    fontWeight: "bold",
     fontSize: nested ? `${scale === undefined ? 1 : scale}em` : markdownStyle.heading?.fontSize
   });
 }
@@ -206,5 +478,5 @@ function isChildOfMarkdownElement(node, elementType) {
 function isChildOfMultilineMarkdownElement(node) {
   return isDescendantOfMarkdownElement(node, type => MULTILINE_MARKDOWN_TYPES.includes(type));
 }
-export { addStyleToBlock, addLineLayout, addBlockPrefixGap, isMultilineMarkdownType, isChildOfMarkdownElement, isChildOfMultilineMarkdownElement, MULTILINE_MARKDOWN_TYPES };
+export { addStyleToBlock, addLineLayout, setRibbonEdge, addBlockPrefixGap, isMultilineMarkdownType, isChildOfMarkdownElement, isChildOfMultilineMarkdownElement, MULTILINE_MARKDOWN_TYPES };
 //# sourceMappingURL=blockUtils.js.map

package/lib/module/web/utils/blockUtils.js.map

@@ -1 +1 @@
-{"version":3,"names":["toNumber","applyStyle","node","styles","target","Object","entries","forEach","property","value","undefined","style","addLineLayout","layout","markdownStyle","margin","padding","indent","paddingLeft","textIndent","firstLineIndent","width","blockquote","borderWidth","ribbons","length","color","borderColor","backgroundImage","map","join","backgroundPosition","x","backgroundSize","backgroundRepeat","addBlockPrefixGap","gap","marginRight","addStyleToBlock","targetElement","type","isMultiline","syntax","fontWeight","fontStyle","textDecoration","fontFamily","emoji","fontSize","verticalAlign","addMentionStyle","mentionHere","mentionUser","mentionReport","link","code","backgroundColor","pre","overflowWrap","addHeadingStyle","parentElement","cssText","borderRadius","nested","isChildOfMarkdownElement","scale","heading","MULTILINE_MARKDOWN_TYPES","isMultilineMarkdownType","includes","isDescendantOfMarkdownElement","predicate","currentNode","parentNode","contentEditable","elementType","getAttribute","isChildOfMultilineMarkdownElement"],"sourceRoot":"../../../../src","sources":["web/utils/blockUtils.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["SHOWN_MARKERS","toNumber","applyStyle","node","styles","target","Object","entries","forEach","property","value","undefined","style","textStyle","color","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","textDecorationLine","textDecorationColor","textDecorationStyle","textShadow","textShadowColor","radius","textShadowRadius","x","textShadowOffset","width","y","height","axis","both","axisValue","boxStyle","borderWidth","backgroundColor","borderRadius","borderStyle","borderColor","padding","paddingVertical","paddingHorizontal","margin","marginVertical","marginHorizontal","addLineLayout","layout","markdownStyle","indent","paddingInlineStart","textIndent","firstLineIndent","blockquote","ribbons","length","backgroundImage","map","bar","join","backgroundPositionX","RIBBON_EDGE","backgroundPositionY","backgroundSize","backgroundRepeat","RIBBON_EDGE_PROPERTY","setRibbonEdge","matches","setProperty","svg","encodeURIComponent","addBlockPrefixGap","gap","marginInlineEnd","addStyleToBlock","targetElement","type","isMultiline","rendering","list","display","markerList","addMarkerStyle","syntax","strong","emphasis","strikethrough","emoji","verticalAlign","mention","link","code","pre","addCodeBlockStyle","overflowWrap","addHeadingStyle","parentElement","cssText","box","boxSizing","current","parentNode","inPrefix","contentEditable","getAttribute","orderedList","unorderedList","marker","scale","markerScale","diameter","backgroundPosition","overflow","nested","isChildOfMarkdownElement","heading","MULTILINE_MARKDOWN_TYPES","isMultilineMarkdownType","includes","isDescendantOfMarkdownElement","predicate","currentNode","elementType","isChildOfMultilineMarkdownElement"],"sourceRoot":"../../../../src","sources":["web/utils/blockUtils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/utils/elementUtils.js

@@ -0,0 +1,75 @@
+"use strict";
+
+/**
+ * The tag each markdown type is built as.
+ *
+ * A range says what a run of text *is*; the element it becomes should say the same thing to
+ * everything that reads the document rather than looking at it. A screen reader announces a
+ * `<strong>` and a `<blockquote>` and says nothing about a span; text copied out of the input
+ * arrives in another editor still emphasised; and the page `expo export` prerenders carries the
+ * structure rather than a wall of undifferentiated spans.
+ *
+ * `data-type` stays on every one of them regardless -- it is what the styling, the CSS and the
+ * render-model baselines are keyed on, and it distinguishes the several types that share a tag.
+ *
+ * Two pairings are worth spelling out. A fenced or indented block is `<pre>` from `codeblock`, the
+ * range covering the whole thing including its fences, with `<code>` inside it from `pre`, the
+ * range covering only the code -- which is the nesting HTML asks for, in the opposite naming to
+ * ours. And `link` is an anchor even in the input, where it has no `href` yet: an anchor without
+ * one is exactly what HTML has for a link whose destination is not resolved.
+ *
+ * Everything absent from here is a span, because HTML has nothing that means it: markdown's own
+ * punctuation, the parts of a link's markup, a mention, an emoji run.
+ */
+/** Marks an element as one of ours, for the rules that undo the tag's browser defaults. */
+const ELEMENT_CLASS = "react-native-marcus";
+const TAGS = {
+  "strong": "strong",
+  "emphasis": "em",
+  // GFM renders `~~x~~` as `<del>`, and so does this. `<s>` is for text that is no longer accurate
+  // rather than text that was taken out.
+  "strikethrough": "del",
+  "code": "code",
+  "pre": "code",
+  "codeblock": "pre",
+  "blockquote": "blockquote",
+  "list-ordered": "ol",
+  "list-unordered": "ul",
+  "list-item": "li",
+  "link": "a"
+};
+
+/**
+ * The types that become a block-level element, and so cannot sit in a `<p>`.
+ *
+ * `pre` is not among them: it is built as `<code>`, which is phrasing content whatever it is
+ * displayed as. Its enclosing `codeblock` is the `<pre>`, and that is.
+ */
+const BLOCK_LEVEL_TYPES = new Set(["blockquote", "codeblock", "heading", "list-ordered", "list-unordered"]);
+function isBlockLevelType(type) {
+  return BLOCK_LEVEL_TYPES.has(type);
+}
+
+/**
+ * Builds the element for a range, tagged and typed.
+ *
+ * `level` applies to headings only, and is the ATX level: `1` through `6` produce that heading,
+ * and `0` produces a span. A level arrives as one nested range per level -- `ungroupRanges` is what
+ * turns `depth` into the nesting the size scaling compounds down -- so only the outermost of them
+ * can be the heading itself, and the copies inside it are spans. `<h2><h2>` is not a thing.
+ */
+function createMarkdownElement(type, level = 0) {
+  const tag = type === "heading" ? level > 0 ? `h${Math.min(level, 6)}` : "span" : TAGS[type] ?? "span";
+  const element = document.createElement(tag);
+  element.setAttribute("data-type", type);
+
+  // Every tag but the span brings the browser's own idea of how it looks, and `MarkdownElements.css`
+  // hands that back. The class is what scopes those rules to elements this library built, rather
+  // than to every `<blockquote data-type>` on the page.
+  if (tag !== "span") {
+    element.className = ELEMENT_CLASS;
+  }
+  return element;
+}
+export { createMarkdownElement, isBlockLevelType, ELEMENT_CLASS };
+//# sourceMappingURL=elementUtils.js.map

package/lib/module/web/utils/elementUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ELEMENT_CLASS","TAGS","BLOCK_LEVEL_TYPES","Set","isBlockLevelType","type","has","createMarkdownElement","level","tag","Math","min","element","document","createElement","setAttribute","className"],"sourceRoot":"../../../../src","sources":["web/utils/elementUtils.ts"],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,aAAa,GAAG,qBAAqB;AAE3C,MAAMC,IAAuC,GAAG;EAC9C,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,IAAI;EAChB;EACA;EACA,eAAe,EAAE,KAAK;EACtB,MAAM,EAAE,MAAM;EACd,KAAK,EAAE,MAAM;EACb,WAAW,EAAE,KAAK;EAClB,YAAY,EAAE,YAAY;EAC1B,cAAc,EAAE,IAAI;EACpB,gBAAgB,EAAE,IAAI;EACtB,WAAW,EAAE,IAAI;EACjB,MAAM,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAiB,GAAG,IAAIC,GAAG,CAAW,CAC1C,YAAY,EACZ,WAAW,EACX,SAAS,EACT,cAAc,EACd,gBAAgB,CACjB,CAAC;AAEF,SAASC,gBAAgBA,CAACC,IAAc,EAAE;EACxC,OAAOH,iBAAiB,CAACI,GAAG,CAACD,IAAI,CAAC;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,qBAAqBA,CAACF,IAAc,EAAEG,KAAK,GAAG,CAAC,EAAuB;EAC7E,MAAMC,GAAG,GACPJ,IAAI,KAAK,SAAS,GAAIG,KAAK,GAAG,CAAC,GAAG,IAAIE,IAAI,CAACC,GAAG,CAACH,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,GAAIP,IAAI,CAACI,IAAI,CAAC,IAAI,MAAM;EAC7F,MAAMO,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAACL,GAAG,CAAwB;EAElEG,OAAO,CAACG,YAAY,CAAC,WAAW,EAAEV,IAAI,CAAC;;EAEvC;EACA;EACA;EACA,IAAII,GAAG,KAAK,MAAM,EAAE;IAClBG,OAAO,CAACI,SAAS,GAAGhB,aAAa;EACnC;EAEA,OAAOY,OAAO;AAChB;AAEA,SAASL,qBAAqB,EAAEH,gBAAgB,EAAEJ,aAAa","ignoreList":[]}