react-native-marcus 0.1.0 → 0.2.0

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

@@ -10,6 +10,7 @@ exports.addStyleToBlock = addStyleToBlock;
 exports.isChildOfMarkdownElement = isChildOfMarkdownElement;
 exports.isChildOfMultilineMarkdownElement = isChildOfMultilineMarkdownElement;
 exports.isMultilineMarkdownType = isMultilineMarkdownType;
+exports.setRibbonEdge = setRibbonEdge;
 var _blockLayout = require("./blockLayout.js");
 /**
  * Assigns CSS properties, skipping the ones the style does not define.
@@ -31,17 +32,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 = (0, _blockLayout.toNumber)(style.textShadowRadius);
+  const x = (0, _blockLayout.toNumber)(style.textShadowOffset?.width);
+  const y = (0, _blockLayout.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 === "" ? (0, _blockLayout.toNumber)(both) : (0, _blockLayout.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 = (0, _blockLayout.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.
@@ -56,7 +136,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`
     });
   }
@@ -66,17 +149,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 = (0, _blockLayout.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.
  *
@@ -85,25 +231,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 = _blockLayout.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, {
@@ -114,43 +276,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, {
@@ -172,26 +335,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 = (0, _blockLayout.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
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_blockLayout","require","applyStyle","node","styles","target","Object","entries","forEach","property","value","undefined","style","addLineLayout","layout","markdownStyle","margin","padding","indent","paddingLeft","textIndent","firstLineIndent","width","toNumber","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","exports","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":["_blockLayout","require","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","toNumber","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","SHOWN_MARKERS","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","exports","isMultilineMarkdownType","includes","isDescendantOfMarkdownElement","predicate","currentNode","elementType","isChildOfMultilineMarkdownElement"],"sourceRoot":"../../../../src","sources":["web/utils/blockUtils.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ELEMENT_CLASS = void 0;
+exports.createMarkdownElement = createMarkdownElement;
+exports.isBlockLevelType = isBlockLevelType;
+/**
+ * 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 = exports.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;
+}
+//# sourceMappingURL=elementUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ELEMENT_CLASS","exports","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,GAAAC,OAAA,CAAAD,aAAA,GAAG,qBAAqB;AAE3C,MAAME,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,GAAGjB,aAAa;EACnC;EAEA,OAAOa,OAAO;AAChB","ignoreList":[]}