react-native-marcus 0.1.0 → 0.2.0

package/lib/module/MarkdownText.web.js

@@ -0,0 +1,524 @@
+"use strict";
+
+import { StyleSheet, Text } from "react-native";
+import React from "react";
+import { createPortal } from "react-dom";
+import "./web/MarkdownElements.css";
+import { atomsOf, NO_ATOMS, sourceOf } from "./atomUtils.js";
+import { available as mathAvailable, renderMath, speakMath } from "./math/index.js";
+import { flattenText } from "./childrenUtils.js";
+import { OBJECT_REPLACEMENT, stripSyntax } from "./stripUtils.js";
+import { createTextMeasurer } from "./web/utils/measureUtils.js";
+import { parseRangesToHTMLNodes } from "./web/utils/parserUtils.js";
+import { processMarkdownStyle } from "./web/utils/webStyleUtils.js";
+import { createParser } from "./parser/index.js";
+
+/**
+ * What to show in place of an image.
+ *
+ * The native contract asks for a view with a definite size, because the text
+ * layout has to know how much room to leave before it lays the line out. The
+ * web has no such requirement -- the browser reflows around whatever turns up
+ * -- but the same callback runs on both, so write it for the stricter one.
+ *
+ * `inline` says whether the image shares its line with anything else, which is
+ * usually what decides how big it should be: alone on a line it is a figure,
+ * and in the middle of a sentence it is a badge. A block marker does not count
+ * as company, and another image does.
+ *
+ * Every string is always a string: an image written without a title is handed
+ * an empty one rather than nothing, so a caller never has to tell the two
+ * apart.
+ */
+
+/**
+ * What to draw an SVG with.
+ *
+ * Handed a complete SVG document and the box it belongs in, and expected to
+ * return a view of exactly that size. There is deliberately nothing else in the
+ * signature: everything a picture needs -- the colour, the glyph outlines, the
+ * baseline it sits on -- is either inside the XML already or has been taken
+ * care of by the time this is called, so `<SvgXml xml={xml} width={width}
+ * height={height} />` is the whole of a correct implementation.
+ *
+ * It exists because a renderer for SVG is a dependency, and which one is not
+ * this library's business: `react-native-svg` on native, whatever you like on
+ * the web.
+ *
+ * Returning nothing leaves the drawing out, and the span it stood for still
+ * costs its one character either way.
+ */
+
+/**
+ * What to do when a link is pressed.
+ *
+ * The label is the text the link was rendered as, which is all a reader saw of
+ * it: the destination is not in the document any more. Reference links are not
+ * covered -- their destination is written somewhere else and is not resolved
+ * yet -- so they render as links and do nothing.
+ *
+ * Opening the URL is deliberately not done for you: what a link means is the
+ * application's to decide, and a message from a stranger is the last place to
+ * hand an arbitrary URL to `Linking.openURL` without looking at it first.
+ *
+ * Every string is always a string: a link written without a title is handed an
+ * empty one rather than nothing.
+ */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// `useLayoutEffect` warns when it runs during a server render, and there is no layout to be before
+// on a server anyway. Same seam the input uses.
+const useClientEffect = typeof window === "undefined" ? React.useEffect : React.useLayoutEffect;
+const NO_SLOTS = [];
+
+/**
+ * What maths is sized against when the caller set no size at all, matching what
+ * the native component assumes so the two agree.
+ */
+const DEFAULT_FONT_SIZE = 14;
+
+/**
+ * Replaces each placeholder character in the built markup with an empty element
+ * to render an embed or a maths span into.
+ *
+ * The elements have to be made here rather than rendered, because everything
+ * under the host is raw DOM this component built and React knows nothing about
+ * -- so the embeds are portalled into these afterwards, which is the one way to
+ * put a React subtree somewhere React did not put it.
+ *
+ * Text nodes are collected before any of them is split: splitting rewrites the
+ * tree the walker is walking.
+ */
+function mountSlots(host) {
+  const walker = document.createTreeWalker(host, NodeFilter.SHOW_TEXT);
+  // `globalThis` because `Text` in this file is the react-native one.
+  const texts = [];
+  while (walker.nextNode()) {
+    texts.push(walker.currentNode);
+  }
+  const slots = [];
+  for (const text of texts) {
+    let node = text;
+    let index = node.data.indexOf(OBJECT_REPLACEMENT);
+    while (index !== -1) {
+      const placeholder = node.splitText(index);
+      const rest = placeholder.splitText(OBJECT_REPLACEMENT.length);
+      const slot = document.createElement("span");
+
+      // Inline-block so the embed sits in the line the way an attachment does
+      // on native, on the baseline and taking the width it asks for.
+      slot.style.display = "inline-block";
+      // `text-indent` is inherited, and an inline-block lays out its own first
+      // line -- so a list item's hanging indent, which is a negative
+      // `text-indent` on the item, shifted the drawing left out of its box and
+      // over the word before it. Nothing in here is a first line of anything.
+      slot.style.textIndent = "0";
+      slot.setAttribute("data-atom", String(slots.length));
+      placeholder.replaceWith(slot);
+      slots.push(slot);
+      node = rest;
+      index = node.data.indexOf(OBJECT_REPLACEMENT);
+    }
+  }
+  return slots.length > 0 ? slots : NO_SLOTS;
+}
+
+/**
+ * How the list markers are drawn, read off the element they will be drawn in.
+ *
+ * A display renders them rather than showing them, and their size comes from the base font --
+ * whatever the wrapped `Text` resolved to, so it is asked rather than assumed.
+ */
+function markerRendering(host) {
+  return {
+    display: true,
+    fontSize: parseFloat(window.getComputedStyle(host).fontSize) || 0
+  };
+}
+
+/** Anything with a scheme this does not name is left without an `href`. */
+const SAFE_SCHEME = /^(?:https?|mailto|tel):/i;
+const SCHEME = /^[a-z][a-z0-9+.\-]*:/i;
+
+/**
+ * The destination as an `href`, or nothing if it must not become one.
+ *
+ * A browser strips whitespace and control characters before it reads a scheme,
+ * so `java\nscript:alert(1)` is `javascript:` as far as it is concerned, and it
+ * has to be here too. Anything carrying a scheme that is not one of the four
+ * safe ones is refused outright rather than guessed at; a destination with no
+ * scheme is a relative URL and is left to resolve the way any other relative
+ * link on the page does.
+ */
+function hrefFor(uri) {
+  const bare = uri.replace(/[\u0000-\u0020]/g, "");
+  if (bare === "" || SCHEME.test(bare) && !SAFE_SCHEME.test(bare)) {
+    return null;
+  }
+  return uri;
+}
+
+/**
+ * Marks the elements a link was built into with the link they belong to, and hands them the
+ * destination when it is one a browser may follow.
+ *
+ * The markup is not one element per link: a label split over two lines is built
+ * into one element per line, and a label with emphasis in it is an element with
+ * more elements inside. So the press is caught on the host and walked back up to
+ * the nearest marked ancestor, and all this has to do is put the mark on every
+ * element that a link's own range produced.
+ *
+ * They are anchors already -- that is the tag `link` is built as, in the input
+ * too, where a link being typed has no destination yet. What is added here is
+ * the `href`, which comes from the document's destinations rather than from its
+ * ranges. With one, the browser shows the destination in the status bar, offers
+ * it to the context menu, opens it in a new tab on a modified click, and a
+ * screen reader announces it; the click handler stops it navigating, because
+ * what a link means is the application's to decide. A destination that cannot
+ * safely become an href gets none -- and an anchor without one is neither in the
+ * tab order nor a link to a screen reader, so those two are said outright.
+ */
+function markLinks(node, links) {
+  if (node.type === "link") {
+    const index = links.findIndex(link => node.start >= link.start && node.start < link.start + link.length);
+
+    // A reference link has no destination yet, so its label is styled as a link
+    // and left inert rather than marked.
+    if (index !== -1) {
+      const link = links[index];
+      const href = hrefFor(link.uri);
+      const element = node.element;
+      if (href !== null) {
+        element.setAttribute("href", href);
+        // Untrusted markdown opened in a new tab has no business reaching back.
+        element.setAttribute("rel", "noopener noreferrer");
+        if (link.title !== "") {
+          element.setAttribute("title", link.title);
+        }
+      } else {
+        // Nothing else on the page is reachable by keyboard, and a link a
+        // pointer can press and a keyboard cannot is not a link.
+        element.setAttribute("role", "link");
+        element.setAttribute("tabindex", "0");
+        element.style.cursor = "pointer";
+      }
+      element.setAttribute("data-link", String(index));
+    }
+  }
+  node.childNodes.forEach(child => markLinks(child, links));
+}
+
+/**
+ * `Text`, with the markdown in its content rendered rather than shown.
+ *
+ * Built by the same DOM builder the input uses, from the same ranges, so a message and the composer
+ * it was typed in agree by construction -- which on the web means agreeing about indents, about
+ * ribbons drawn as background layers, and about the marker widths those are measured from. The only
+ * difference is the input, where the syntax is still there to be edited.
+ *
+ * Rendered as a real `Text` whose children are then replaced. React only ever writes the stripped
+ * string into the host element -- a lone string child is set with `textContent`, never as a node it
+ * holds on to -- so the effect below is free to put the built markup there instead, and a render
+ * that changes the text simply wipes it and lets the effect rebuild before the frame is painted.
+ * Rendering the plain string rather than nothing also means a prerendered page carries the prose:
+ * `expo export` runs every route through Node, where there is no DOM to build markup with.
+ */
+const MarkdownText = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    markdownStyle: markdownStyleProp,
+    gfm,
+    mention,
+    math,
+    renderEmbed,
+    renderSVG,
+    mathAccessibilityLocale,
+    onLinkPress,
+    children,
+    ...textProps
+  } = props;
+  const hostRef = React.useRef(null);
+  const [slots, setSlots] = React.useState(NO_SLOTS);
+
+  // Whether there is a handler, not which one: a caller who writes the callback
+  // inline would otherwise re-parse the document on every render.
+  const withEmbeds = renderEmbed !== undefined;
+  // Maths is only taken out of the text when there is both something to draw it
+  // with and a backend to typeset it -- see `./math`. Left in, `$$x^2$$` is
+  // shown as it was written.
+  const withMath = renderSVG !== undefined && mathAvailable;
+  const withLinks = onLinkPress !== undefined;
+
+  // The same worklet for as long as the flavour is the same one, so the
+  // document is only re-parsed when the document itself changes.
+  const parser = createParser({
+    gfm,
+    mention,
+    math
+  });
+  const markdown = React.useMemo(() => {
+    const text = flattenText(children);
+    return text === null ? null : stripSyntax(text, parser(text), {
+      embeds: withEmbeds,
+      math: withMath,
+      links: withLinks
+    });
+  }, [children, parser, withEmbeds, withMath, withLinks]);
+
+  // Both kinds of placeholder in the order they stand in the text, which is the
+  // order `mountSlots` makes the slots in.
+  const atoms = React.useMemo(() => markdown === null ? NO_ATOMS : atomsOf(markdown), [markdown]);
+
+  // Read off this element's own style rather than the computed one, so the
+  // numbers the maths is drawn at are the numbers the native component would
+  // draw it at.
+  const {
+    fontSize,
+    color
+  } = React.useMemo(() => {
+    const flattened = StyleSheet.flatten(textProps.style);
+    return {
+      fontSize: typeof flattened?.fontSize === "number" ? flattened.fontSize : DEFAULT_FONT_SIZE,
+      color: typeof flattened?.color === "string" ? flattened.color : undefined
+    };
+  }, [textProps.style]);
+
+  // Drawn during render rather than at portal time, because the depth a maths
+  // span reports has to be on its slot before the frame is painted.
+  const drawn = React.useMemo(() => atoms.map(atom => {
+    if (atom.kind === "embed") {
+      return {
+        element: renderEmbed?.(atom.uri, atom.alt, atom.title, atom.inline) ?? null,
+        depth: 0,
+        // Whatever the caller's element measures: only it knows how big an
+        // embed is, and that is what `renderEmbed` promises to say.
+        box: null,
+        // An image's `alt` is its accessible name by every spec there is,
+        // and left empty it declares the image decorative.
+        label: atom.alt,
+        role: "img",
+        // Nothing: an image's alt text is prose, written in the language
+        // the document is written in, and saying otherwise would have a
+        // screen reader read it in the wrong voice.
+        lang: "",
+        source: sourceOf(atom)
+      };
+    }
+    const rendered = renderMath(atom.tex, atom.display, fontSize, color);
+    return {
+      element: rendered === null ? null : renderSVG?.(rendered.svg, rendered.width, rendered.height),
+      depth: rendered?.depth ?? 0,
+      box: rendered === null ? null : {
+        width: rendered.width,
+        height: rendered.height
+      },
+      // What the picture says, rather than the TeX it was written as: a
+      // reader who asked for a document did not ask for its source code.
+      label: speakMath(atom.tex, atom.display, mathAccessibilityLocale) ?? atom.tex,
+      role: "math",
+      // The language the label is in, which is the one thing on the page
+      // that may differ from the document's own: a screen reader picks its
+      // voice from this, and French read in an English voice is worse than
+      // no voice at all.
+      lang: mathAccessibilityLocale ?? "",
+      // What a copy puts on the clipboard in place of the picture: the
+      // markdown it was written as, so that pasting it back gives the
+      // document it came from rather than a hole where an equation was.
+      source: sourceOf(atom)
+    };
+  }), [atoms, renderEmbed, renderSVG, fontSize, color, mathAccessibilityLocale]);
+  const markdownStyle = React.useMemo(() => processMarkdownStyle(markdownStyleProp), [markdownStyleProp]);
+
+  // What React writes into the host, and so what a prerendered page carries. The placeholders go:
+  // they only mean anything to the markup the effect builds, and a page rendered in Node -- where
+  // there is no DOM to build that markup with -- would otherwise show a row of tofu.
+  const content = React.useMemo(() => {
+    if (markdown === null) {
+      return null;
+    }
+    return markdown.text.includes(OBJECT_REPLACEMENT) ? markdown.text.split(OBJECT_REPLACEMENT).join("") : markdown.text;
+  }, [markdown]);
+  useClientEffect(() => {
+    const host = hostRef.current;
+    if (!host || markdown === null) {
+      return;
+    }
+    const {
+      dom,
+      tree
+    } = parseRangesToHTMLNodes(markdown.text, markdown.ranges, true, markdownStyle, false,
+    // Measured against this element, so marker widths come out in the font the text is actually
+    // drawn in rather than the document's default.
+    createTextMeasurer(host),
+    // A display renders the list markers rather than showing them, sized from the font this
+    // element renders at: the base font, which is the wrapped `Text`'s own.
+    markerRendering(host));
+    if (markdown.links.length > 0) {
+      markLinks(tree, markdown.links);
+    }
+    host.replaceChildren(...Array.from(dom.childNodes));
+    const next = atoms.length > 0 ? mountSlots(host) : NO_SLOTS;
+
+    // Both empty is the overwhelmingly common case, and setting state there would re-render every
+    // document that has no embeds in it for nothing.
+    setSlots(previous => previous === NO_SLOTS && next === NO_SLOTS ? previous : next);
+    // React wipes the host with `textContent` whenever the string child changes, which is exactly
+    // when `markdown` does, so these two are all it takes to be sure the markup is back before the
+    // frame is painted.
+  }, [markdown, markdownStyle, atoms]);
+
+  // Everything about a slot that is the slot's own business rather than the
+  // caller's: it is the inline-level box, so aligning anything inside it would
+  // only move that box's contents, and it is the element in the accessibility
+  // tree, so it is the one thing that can be given a name. Its own effect, so
+  // that a caller redrawing from state brings all three with it.
+  useClientEffect(() => {
+    slots.forEach((slot, index) => {
+      const content = drawn[index];
+      const depth = content?.depth ?? 0;
+
+      // The depth the maths hangs below the baseline, which on the web is the
+      // same displacement by another name.
+      slot.style.verticalAlign = depth === 0 ? "" : `${-depth}px`;
+
+      // The box the drawing was measured for, stated rather than shrink-wrapped.
+      // An inline-block with no width of its own is shrink-to-fit, and
+      // shrink-to-fit is capped by what is left of the line -- so a wide
+      // expression near a margin got a box narrower than its own picture and the
+      // picture hung out of it, over the words beside it. Native reserves the
+      // measured box; this is the same thing said in CSS.
+      if (content?.box) {
+        slot.style.width = `${content.box.width}px`;
+        slot.style.height = `${content.box.height}px`;
+      } else {
+        slot.style.width = "";
+        slot.style.height = "";
+      }
+      if (content === undefined || content.label === "") {
+        slot.removeAttribute("role");
+        slot.removeAttribute("aria-label");
+      } else {
+        // `math` and `img` both take a name from the author, so the label wins
+        // over whatever glyph outlines are underneath it.
+        slot.setAttribute("role", content.role);
+        slot.setAttribute("aria-label", content.label);
+      }
+      if (content?.lang) {
+        slot.setAttribute("lang", content.lang);
+      } else {
+        slot.removeAttribute("lang");
+      }
+      if (content?.source) {
+        slot.setAttribute("data-tex", content.source);
+      } else {
+        slot.removeAttribute("data-tex");
+      }
+    });
+  }, [slots, drawn]);
+
+  // Copying maths gives back the markdown it was written as.
+  //
+  // A selection dragged across a drawing copies whatever text is under it,
+  // which for an SVG is nothing at all -- so a message copied out of a chat
+  // arrives with a hole where its equation was. The clipboard is the one place
+  // the source is worth more than the picture, and this is the only hook the
+  // web offers: the copy is intercepted, the fragment the browser was about to
+  // serialise is walked, and every slot in it is swapped for the `$$…$$` it
+  // stands for.
+  //
+  // On the document rather than the host, because that is where a copy lands
+  // when the selection reaches past this element. It is left alone unless the
+  // fragment actually holds one of these slots.
+  useClientEffect(() => {
+    const host = hostRef.current;
+    if (!host || !drawn.some(content => content.source !== "")) {
+      return undefined;
+    }
+    const onCopy = event => {
+      const selection = window.getSelection();
+      if (!selection || selection.isCollapsed || selection.rangeCount === 0) {
+        return;
+      }
+      const fragment = selection.getRangeAt(0).cloneContents();
+      const maths = fragment.querySelectorAll("[data-tex]");
+      if (maths.length === 0) {
+        return;
+      }
+      for (const element of Array.from(maths)) {
+        element.replaceWith(document.createTextNode(element.getAttribute("data-tex") ?? ""));
+      }
+      event.clipboardData?.setData("text/plain", fragment.textContent ?? "");
+      event.preventDefault();
+    };
+    document.addEventListener("copy", onCopy);
+    return () => document.removeEventListener("copy", onCopy);
+  }, [drawn]);
+
+  // On the host rather than on each link: the markup underneath is rebuilt from
+  // scratch whenever the text changes, and a listener per element would have to
+  // be attached again every time.
+  useClientEffect(() => {
+    const host = hostRef.current;
+    if (!host || markdown === null || onLinkPress === undefined || markdown.links.length === 0) {
+      return undefined;
+    }
+    const {
+      links
+    } = markdown;
+    const linkAt = target => {
+      const element = target instanceof Element ? target.closest("[data-link]") : null;
+      return element === null ? undefined : links[Number(element.getAttribute("data-link"))];
+    };
+    const press = event => {
+      const link = linkAt(event.target);
+      if (link === undefined) {
+        return;
+      }
+
+      // A modified click belongs to the browser: on an anchor it opens the
+      // destination in a new tab or a new window, which is what the reader
+      // asked for and something no callback can do for them.
+      if ("button" in event && (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)) {
+        return;
+      }
+      event.preventDefault();
+      onLinkPress(link.uri, link.label, link.title);
+    };
+    const onKeyDown = event => {
+      // Enter and not Space: Space activates a button, and scrolls everywhere
+      // else, which is what a reader who has tabbed onto a link expects of it.
+      if (event.key === "Enter") {
+        press(event);
+      }
+    };
+    host.addEventListener("click", press);
+    host.addEventListener("keydown", onKeyDown);
+    return () => {
+      host.removeEventListener("click", press);
+      host.removeEventListener("keydown", onKeyDown);
+    };
+  }, [markdown, onLinkPress]);
+  const setRef = React.useCallback(node => {
+    hostRef.current = node;
+    if (typeof ref === "function") {
+      ref(node);
+    } else if (ref) {
+      // eslint-disable-next-line no-param-reassign
+      ref.current = node;
+    }
+  }, [ref]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      ...textProps,
+      ref: setRef,
+      children: markdown === null ? children : content
+    }), slots.map((slot, index) => {
+      const content = drawn[index];
+
+      // The slots were made from this very `markdown`, so they line up -- but a render between a
+      // text change and the effect that follows it can still see the previous set, one entry
+      // longer than the new document has placeholders.
+      return content?.element == null ? null : /*#__PURE__*/createPortal(content.element, slot, String(index));
+    })]
+  });
+});
+export default MarkdownText;
+//# sourceMappingURL=MarkdownText.web.js.map

package/lib/module/MarkdownText.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","React","createPortal","atomsOf","NO_ATOMS","sourceOf","available","mathAvailable","renderMath","speakMath","flattenText","OBJECT_REPLACEMENT","stripSyntax","createTextMeasurer","parseRangesToHTMLNodes","processMarkdownStyle","createParser","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useClientEffect","window","useEffect","useLayoutEffect","NO_SLOTS","DEFAULT_FONT_SIZE","mountSlots","host","walker","document","createTreeWalker","NodeFilter","SHOW_TEXT","texts","nextNode","push","currentNode","slots","text","node","index","data","indexOf","placeholder","splitText","rest","length","slot","createElement","style","display","textIndent","setAttribute","String","replaceWith","markerRendering","fontSize","parseFloat","getComputedStyle","SAFE_SCHEME","SCHEME","hrefFor","uri","bare","replace","test","markLinks","links","type","findIndex","link","start","href","element","title","cursor","childNodes","forEach","child","MarkdownText","forwardRef","props","ref","markdownStyle","markdownStyleProp","gfm","mention","math","renderEmbed","renderSVG","mathAccessibilityLocale","onLinkPress","children","textProps","hostRef","useRef","setSlots","useState","withEmbeds","undefined","withMath","withLinks","parser","markdown","useMemo","embeds","atoms","color","flattened","flatten","drawn","map","atom","kind","alt","inline","depth","box","label","role","lang","source","rendered","tex","svg","width","height","content","includes","split","join","current","dom","tree","ranges","replaceChildren","Array","from","next","previous","verticalAlign","removeAttribute","some","onCopy","event","selection","getSelection","isCollapsed","rangeCount","fragment","getRangeAt","cloneContents","maths","querySelectorAll","createTextNode","getAttribute","clipboardData","setData","textContent","preventDefault","addEventListener","removeEventListener","linkAt","target","Element","closest","Number","press","button","metaKey","ctrlKey","shiftKey","altKey","onKeyDown","key","setRef","useCallback"],"sourceRoot":"../../src","sources":["MarkdownText.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/MarkdownTextInput.js

@@ -1,11 +1,12 @@
 "use strict";
 
-import { StyleSheet, TextInput, processColor } from "react-native";
+import { StyleSheet, TextInput } from "react-native";
 import React from "react";
 import { createSerializable, createWorkletRuntime } from "react-native-worklets";
 import MarcusTextInputDecoratorViewNativeComponent from "./MarcusTextInputDecoratorViewNativeComponent";
 import NativeMarcusModule from "./NativeMarcusModule.js";
-import { mergeMarkdownStyleWithDefault } from "./styleUtils.js";
+import { processMarkdownStyle } from "./styleUtils.js";
+import { createParser } from "./parser/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 let initialized = false;
 let workletRuntime;
@@ -40,37 +41,31 @@ function registerParser(parser) {
 function unregisterParser(parserId) {
   global.jsi_unregisterMarcusWorklet(parserId);
 }
-function processColorsInMarkdownStyle(input) {
-  const output = JSON.parse(JSON.stringify(input));
-  Object.keys(output).forEach(key => {
-    const obj = output[key];
-    Object.keys(obj).forEach(prop => {
-      // TODO: use ReactNativeStyleAttributes from 'react-native/Libraries/Components/View/ReactNativeStyleAttributes'
-      if (!(prop === "color" || prop.endsWith("Color"))) {
-        return;
-      }
-      obj[prop] = processColor(obj[prop]);
-    });
-  });
-  return output;
-}
-function processMarkdownStyle(input) {
-  return processColorsInMarkdownStyle(mergeMarkdownStyleWithDefault(input));
-}
 const MarkdownTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const markdownStyle = React.useMemo(() => processMarkdownStyle(props.markdownStyle), [props.markdownStyle]);
-  if (props.parser === undefined) {
-    throw new Error("[react-native-marcus] `parser` is undefined");
-  }
+  const {
+    markdownStyle: markdownStyleProp,
+    gfm,
+    mention,
+    math,
+    ...textInputProps
+  } = props;
+  const markdownStyle = React.useMemo(() => processMarkdownStyle(markdownStyleProp), [markdownStyleProp]);
+
+  // The same worklet for as long as the flavour is the same one, so the id
+  // below is registered once and the native side keeps the parser it has.
+  const parser = createParser({
+    gfm,
+    mention,
+    math
+  });
 
   // eslint-disable-next-line no-underscore-dangle
-  const workletHash = props.parser.__workletHash;
-  if (workletHash === undefined) {
-    throw new Error("[react-native-marcus] `parser` is not a worklet");
+  if (parser.__workletHash === undefined) {
+    throw new Error("[react-native-marcus] the parser is not a worklet. Add `react-native-worklets/plugin` to the project's Babel config.");
   }
   const parserId = React.useMemo(() => {
-    return registerParser(props.parser);
-  }, [props.parser]);
+    return registerParser(parser);
+  }, [parser]);
   React.useEffect(() => {
     return () => unregisterParser(parserId);
   }, [parserId]);
@@ -79,7 +74,7 @@ const MarkdownTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
     markdownStyle: markdownStyle,
     parserId: parserId,
     children: /*#__PURE__*/_jsx(TextInput, {
-      ...props,
+      ...textInputProps,
       ref: ref
     })
   });

package/lib/module/MarkdownTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","TextInput","processColor","React","createSerializable","createWorkletRuntime","MarcusTextInputDecoratorViewNativeComponent","NativeMarcusModule","mergeMarkdownStyleWithDefault","jsx","_jsx","initialized","workletRuntime","getWorkletRuntime","undefined","Error","initializeMarcusIfNeeded","install","global","jsi_setMarcusRuntime","name","registerParser","parser","serializableWorklet","parserId","jsi_registerMarcusWorklet","unregisterParser","jsi_unregisterMarcusWorklet","processColorsInMarkdownStyle","input","output","JSON","parse","stringify","Object","keys","forEach","key","obj","prop","endsWith","processMarkdownStyle","MarkdownTextInput","forwardRef","props","ref","markdownStyle","useMemo","workletHash","__workletHash","useEffect","style","styles","displayContents","children","create","display"],"sourceRoot":"../../src","sources":["MarkdownTextInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StyleSheet","TextInput","React","createSerializable","createWorkletRuntime","MarcusTextInputDecoratorViewNativeComponent","NativeMarcusModule","processMarkdownStyle","createParser","jsx","_jsx","initialized","workletRuntime","getWorkletRuntime","undefined","Error","initializeMarcusIfNeeded","install","global","jsi_setMarcusRuntime","name","registerParser","parser","serializableWorklet","parserId","jsi_registerMarcusWorklet","unregisterParser","jsi_unregisterMarcusWorklet","MarkdownTextInput","forwardRef","props","ref","markdownStyle","markdownStyleProp","gfm","mention","math","textInputProps","useMemo","__workletHash","useEffect","style","styles","displayContents","children","create","display"],"sourceRoot":"../../src","sources":["MarkdownTextInput.tsx"],"mappings":"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","ignoreList":[]}