react-native-marcus 0.1.0

package/lib/module/rangeUtils.js

@@ -0,0 +1,66 @@
+"use strict";
+"worklet";
+
+// A range is emitted when the construct it belongs to opens, so the parser's order is already
+// containment order: whatever encloses something opened before it. `sortRanges` keeps that order
+// for ranges it cannot separate, which is just as well, because for two containers of the same size
+// the answer is not a property of their types at all -- `> - a` and `- > a` are the same pair over
+// the same line, nested opposite ways.
+//
+// One pairing breaks the rule, deliberately. `flushLine` emits a container's `block-prefix` before
+// the container itself, because the native formatters lay a line out in one left-to-right walk and
+// hand each marker to the container that follows it; the `syntax` inside that marker is emitted
+// earlier still, when the marker's own token opens. Typing a bare `>` therefore produces three
+// ranges over one character, in exactly the wrong order for a tree.
+//
+// This table exists to invert that one pairing, and nothing else: a block container outranks the
+// `block-prefix` holding its marker, which outranks the `syntax` of the marker itself. `heading`
+// sits above the default so it encloses what a heading line contains, and `emoji` below everything
+// because it is always innermost. A container type left out of the table sorts level with the
+// marker it should contain, and the marker then renders once per range -- see
+// `reportAmbiguousNesting`, which is the check for exactly that.
+function getTagPriority(tag) {
+  switch (tag) {
+    case "blockquote":
+    case "list-ordered":
+    case "list-unordered":
+      return 3;
+    case "block-prefix":
+      return 2;
+    case "heading":
+      return 1;
+    case "emoji":
+      return -1;
+    default:
+      return 0;
+  }
+}
+
+// Sorts into the containment order the web builder nests by: outermost first, and for anything the
+// three keys below cannot separate, the order the parser emitted them in. That last step is load
+// bearing rather than incidental -- `Array.prototype.sort` is required to be stable, and emission
+// order is what decides which of two equally sized containers encloses the other.
+function sortRanges(ranges) {
+  // sort ranges by start position, then by length, then by tag hierarchy
+  return ranges.sort((a, b) => a.start - b.start || b.length - a.length || getTagPriority(b.type) - getTagPriority(a.type) || 0);
+}
+function ungroupRanges(ranges) {
+  const ungroupedRanges = [];
+  ranges.forEach(range => {
+    if (!range.depth) {
+      ungroupedRanges.push(range);
+    }
+    const {
+      depth,
+      ...rangeWithoutDepth
+    } = range;
+    Array.from({
+      length: depth
+    }).forEach(() => {
+      ungroupedRanges.push(rangeWithoutDepth);
+    });
+  });
+  return ungroupedRanges;
+}
+export { getTagPriority, sortRanges, ungroupRanges };
+//# sourceMappingURL=rangeUtils.js.map

package/lib/module/rangeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getTagPriority","tag","sortRanges","ranges","sort","a","b","start","length","type","ungroupRanges","ungroupedRanges","forEach","range","depth","push","rangeWithoutDepth","Array","from"],"sourceRoot":"../../src","sources":["rangeUtils.ts"],"mappings":";AAAA,SAAS;;AAIT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,cAAcA,CAACC,GAAW,EAAE;EACnC,QAAQA,GAAG;IACT,KAAK,YAAY;IACjB,KAAK,cAAc;IACnB,KAAK,gBAAgB;MACnB,OAAO,CAAC;IACV,KAAK,cAAc;MACjB,OAAO,CAAC;IACV,KAAK,SAAS;MACZ,OAAO,CAAC;IACV,KAAK,OAAO;MACV,OAAO,CAAC,CAAC;IACX;MACE,OAAO,CAAC;EACZ;AACF;;AAEA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAACC,MAAuB,EAAE;EAC3C;EACA,OAAOA,MAAM,CAACC,IAAI,CAChB,CAACC,CAAC,EAAEC,CAAC,KACHD,CAAC,CAACE,KAAK,GAAGD,CAAC,CAACC,KAAK,IACjBD,CAAC,CAACE,MAAM,GAAGH,CAAC,CAACG,MAAM,IACnBR,cAAc,CAACM,CAAC,CAACG,IAAI,CAAC,GAAGT,cAAc,CAACK,CAAC,CAACI,IAAI,CAAC,IAC/C,CACJ,CAAC;AACH;AAEA,SAASC,aAAaA,CAACP,MAAuB,EAAmB;EAC/D,MAAMQ,eAAgC,GAAG,EAAE;EAC3CR,MAAM,CAACS,OAAO,CAAEC,KAAK,IAAK;IACxB,IAAI,CAACA,KAAK,CAACC,KAAK,EAAE;MAChBH,eAAe,CAACI,IAAI,CAACF,KAAK,CAAC;IAC7B;IACA,MAAM;MAAEC,KAAK;MAAE,GAAGE;IAAkB,CAAC,GAAGH,KAAK;IAC7CI,KAAK,CAACC,IAAI,CAAC;MAAEV,MAAM,EAAEM;IAAO,CAAC,CAAC,CAACF,OAAO,CAAC,MAAM;MAC3CD,eAAe,CAACI,IAAI,CAACC,iBAAiB,CAAC;IACzC,CAAC,CAAC;EACJ,CAAC,CAAC;EACF,OAAOL,eAAe;AACxB;AACA,SAASX,cAAc,EAAEE,UAAU,EAAEQ,aAAa","ignoreList":[]}

package/lib/module/react-native-web.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=react-native-web.d.js.map

package/lib/module/react-native-web.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["react-native-web.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/styleUtils.js

@@ -0,0 +1,88 @@
+"use strict";
+
+import { Platform } from "react-native";
+const FONT_FAMILY_MONOSPACE = Platform.select({
+  ios: "Courier",
+  default: "monospace"
+});
+const FONT_FAMILY_EMOJI = Platform.select({
+  ios: "System",
+  android: "Noto Color Emoji",
+  default: "System, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji"
+});
+function makeDefaultMarkdownStyle() {
+  return {
+    syntax: {
+      color: "gray"
+    },
+    link: {
+      color: "blue"
+    },
+    heading: {
+      fontSize: 38,
+      scale: 0.85
+    },
+    emoji: {
+      fontSize: 16,
+      fontFamily: FONT_FAMILY_EMOJI
+    },
+    blockquote: {
+      borderColor: "gray",
+      borderWidth: 6,
+      marginLeft: 6,
+      paddingLeft: 6
+    },
+    orderedList: {
+      marginLeft: 6,
+      paddingLeft: 18
+    },
+    unorderedList: {
+      marginLeft: 6,
+      paddingLeft: 18
+    },
+    code: {
+      fontFamily: FONT_FAMILY_MONOSPACE,
+      fontSize: 16,
+      color: "black",
+      backgroundColor: "lightgray"
+    },
+    pre: {
+      fontFamily: FONT_FAMILY_MONOSPACE,
+      fontSize: 16,
+      color: "black",
+      backgroundColor: "lightgray"
+    },
+    mentionHere: {
+      color: "green",
+      backgroundColor: "lime",
+      borderRadius: 5
+    },
+    mentionUser: {
+      color: "blue",
+      backgroundColor: "cyan",
+      borderRadius: 5
+    },
+    mentionReport: {
+      color: "red",
+      backgroundColor: "pink",
+      borderRadius: 5
+    }
+  };
+}
+function mergeMarkdownStyleWithDefault(input) {
+  const output = makeDefaultMarkdownStyle();
+  if (input !== undefined) {
+    Object.keys(input).forEach(key => {
+      if (!(key in output)) {
+        return;
+      }
+      const outputValue = output[key];
+      if (outputValue) {
+        Object.assign(outputValue, input[key]);
+      }
+    });
+  }
+  return output;
+}
+export { mergeMarkdownStyleWithDefault };
+//# sourceMappingURL=styleUtils.js.map

package/lib/module/styleUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","FONT_FAMILY_MONOSPACE","select","ios","default","FONT_FAMILY_EMOJI","android","makeDefaultMarkdownStyle","syntax","color","link","heading","fontSize","scale","emoji","fontFamily","blockquote","borderColor","borderWidth","marginLeft","paddingLeft","orderedList","unorderedList","code","backgroundColor","pre","mentionHere","borderRadius","mentionUser","mentionReport","mergeMarkdownStyleWithDefault","input","output","undefined","Object","keys","forEach","key","outputValue","assign"],"sourceRoot":"../../src","sources":["styleUtils.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAOvC,MAAMC,qBAAqB,GAAGD,QAAQ,CAACE,MAAM,CAAC;EAC5CC,GAAG,EAAE,SAAS;EACdC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,iBAAiB,GAAGL,QAAQ,CAACE,MAAM,CAAC;EACxCC,GAAG,EAAE,QAAQ;EACbG,OAAO,EAAE,kBAAkB;EAC3BF,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,SAASG,wBAAwBA,CAAA,EAAkB;EACjD,OAAO;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJD,KAAK,EAAE;IACT,CAAC;IACDE,OAAO,EAAE;MACPC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLF,QAAQ,EAAE,EAAE;MACZG,UAAU,EAAEV;IACd,CAAC;IACDW,UAAU,EAAE;MACVC,WAAW,EAAE,MAAM;MACnBC,WAAW,EAAE,CAAC;MACdC,UAAU,EAAE,CAAC;MACbC,WAAW,EAAE;IACf,CAAC;IACDC,WAAW,EAAE;MACXF,UAAU,EAAE,CAAC;MACbC,WAAW,EAAE;IACf,CAAC;IACDE,aAAa,EAAE;MACbH,UAAU,EAAE,CAAC;MACbC,WAAW,EAAE;IACf,CAAC;IACDG,IAAI,EAAE;MACJR,UAAU,EAAEd,qBAAqB;MACjCW,QAAQ,EAAE,EAAE;MACZH,KAAK,EAAE,OAAO;MACde,eAAe,EAAE;IACnB,CAAC;IACDC,GAAG,EAAE;MACHV,UAAU,EAAEd,qBAAqB;MACjCW,QAAQ,EAAE,EAAE;MACZH,KAAK,EAAE,OAAO;MACde,eAAe,EAAE;IACnB,CAAC;IACDE,WAAW,EAAE;MACXjB,KAAK,EAAE,OAAO;MACde,eAAe,EAAE,MAAM;MACvBG,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXnB,KAAK,EAAE,MAAM;MACbe,eAAe,EAAE,MAAM;MACvBG,YAAY,EAAE;IAChB,CAAC;IACDE,aAAa,EAAE;MACbpB,KAAK,EAAE,KAAK;MACZe,eAAe,EAAE,MAAM;MACvBG,YAAY,EAAE;IAChB;EACF,CAAC;AACH;AAEA,SAASG,6BAA6BA,CAACC,KAAuC,EAAiB;EAC7F,MAAMC,MAAM,GAAGzB,wBAAwB,CAAC,CAAC;EAEzC,IAAIwB,KAAK,KAAKE,SAAS,EAAE;IACvBC,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CAACK,OAAO,CAAEC,GAAG,IAAK;MAClC,IAAI,EAAEA,GAAG,IAAIL,MAAM,CAAC,EAAE;QACpB;MACF;MAEA,MAAMM,WAAW,GAAGN,MAAM,CAACK,GAAG,CAAwB;MACtD,IAAIC,WAAW,EAAE;QACfJ,MAAM,CAACK,MAAM,CAACD,WAAW,EAAEP,KAAK,CAACM,GAAG,CAAwB,CAAC;MAC/D;IACF,CAAC,CAAC;EACJ;EAEA,OAAOL,MAAM;AACf;AAIA,SAASF,6BAA6B","ignoreList":[]}

package/lib/module/web/InputHistory.js

@@ -0,0 +1,106 @@
+"use strict";
+
+export default class InputHistory {
+  currentText = null;
+  timeout = null;
+  constructor(depth, debounceTime = 150, startingText = "") {
+    this.depth = depth;
+    this.items = [{
+      text: startingText,
+      cursorPosition: startingText.length
+    }];
+    this.historyIndex = 0;
+    this.debounceTime = debounceTime;
+  }
+  getCurrentItem() {
+    return this.items[this.historyIndex] || null;
+  }
+  setHistory(newHistory) {
+    this.items = newHistory.slice(newHistory.length - this.depth);
+    this.historyIndex = newHistory.length - 1;
+  }
+  setHistoryIndex(index) {
+    this.historyIndex = index;
+  }
+  clear() {
+    this.items = [];
+    this.historyIndex = 0;
+  }
+  throttledAdd(text, cursorPosition) {
+    if (this.timeout) {
+      clearTimeout(this.timeout);
+    }
+    if (this.currentText === null) {
+      this.timeout = null;
+      this.add(text, cursorPosition);
+    } else {
+      this.items[this.historyIndex] = {
+        text,
+        cursorPosition
+      };
+    }
+    this.currentText = text;
+    this.timeout = setTimeout(() => {
+      this.currentText = null;
+    }, this.debounceTime);
+  }
+  stopTimeout() {
+    if (this.timeout) {
+      clearTimeout(this.timeout);
+      this.timeout = null;
+    }
+    this.currentText = null;
+  }
+  add(text, cursorPosition) {
+    if (this.items.length > 0) {
+      const currentItem = this.items[this.historyIndex];
+      if (currentItem && text === currentItem.text) {
+        return;
+      }
+    }
+    if (this.historyIndex < this.items.length - 1) {
+      this.items.splice(this.historyIndex + 1);
+      this.historyIndex = this.items.length - 1;
+    }
+    this.items.push({
+      text,
+      cursorPosition
+    });
+    if (this.items.length > this.depth) {
+      this.items.shift();
+    } else {
+      this.historyIndex += 1;
+    }
+  }
+  undo() {
+    this.stopTimeout();
+    if (this.items.length === 0 || this.historyIndex - 1 < 0) {
+      return null;
+    }
+    const currentHistoryItem = this.items[this.historyIndex];
+    const previousHistoryItem = this.items[this.historyIndex - 1];
+    const undoItem = previousHistoryItem ? {
+      text: previousHistoryItem.text,
+      cursorPosition: Math.min((currentHistoryItem?.cursorPosition ?? 0) - ((currentHistoryItem?.text ?? "").length - (previousHistoryItem?.text ?? "").length), (previousHistoryItem?.text ?? "").length)
+    } : null;
+    if (this.historyIndex > 0) {
+      this.historyIndex -= 1;
+    }
+    return undoItem;
+  }
+  redo() {
+    if (this.currentText !== null && this.timeout) {
+      this.stopTimeout();
+    }
+    if (this.items.length === 0 || this.historyIndex + 1 > this.items.length) {
+      return null;
+    }
+    if (this.historyIndex < this.items.length - 1) {
+      this.historyIndex += 1;
+    } else {
+      return null;
+    }
+    return this.items[this.historyIndex] || null;
+  }
+}
+//# sourceMappingURL=InputHistory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["InputHistory","currentText","timeout","constructor","depth","debounceTime","startingText","items","text","cursorPosition","length","historyIndex","getCurrentItem","setHistory","newHistory","slice","setHistoryIndex","index","clear","throttledAdd","clearTimeout","add","setTimeout","stopTimeout","currentItem","splice","push","shift","undo","currentHistoryItem","previousHistoryItem","undoItem","Math","min","redo"],"sourceRoot":"../../../src","sources":["web/InputHistory.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/MarkdownTextInput.css

@@ -0,0 +1,72 @@
+.react-native-marcus-input-multiline {
+  white-space: pre-wrap;
+}
+
+.react-native-marcus-input-singleline p {
+  display: inline-block;
+}
+
+.react-native-marcus-input-multiline p {
+  display: block;
+}
+
+.react-native-marcus-input-singleline::-webkit-scrollbar {
+  display: none;
+}
+
+.react-native-marcus-input-singleline br {
+  display: none;
+}
+
+.react-native-marcus-input-singleline span[data-type='text'] {
+  vertical-align: middle;
+}
+
+.react-native-marcus-input-singleline span[data-type='link'] span[data-type='text'] {
+  vertical-align: top;
+}
+
+.react-native-marcus-input-singleline > p:last-child {
+  padding-right: 1px !important;
+}
+
+.react-native-marcus-input-singleline:empty::before,
+.react-native-marcus-input-multiline:empty::before {
+  pointer-events: none;
+  display: block; /* For Firefox */
+  content: attr(placeholder);
+}
+
+.react-native-marcus-input-multiline *[data-type='pre'] {
+  line-height: 1.3;
+  display: block;
+  width: fit-content;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+.react-native-marcus-input-multiline *[data-type='codeblock'] {
+  position: relative;
+  width: fit-content;
+  max-width: 100%;
+  box-sizing: border-box;
+  z-index: 2;
+  display: block;
+}
+
+.react-native-marcus-input-singleline *[data-type='code'] > *[data-type='emoji'],
+.react-native-marcus-input-multiline *[data-type='code'] > *[data-type='emoji'] {
+  font-size: inherit !important;
+  line-height: inherit !important;
+  vertical-align: unset !important;
+}
+
+.react-native-marcus-input-multiline *[data-type='line'] *[data-type='syntax']:has(+ *[data-type='pre']),
+.react-native-marcus-input-multiline *[data-type='line'] *[data-type='pre'] + *[data-type='syntax'] {
+  display: block;
+  line-height: 1.3;
+}
+
+[class^='react-native-marcus-input'] [data-type='strikethrough'] * {
+  text-decoration: inherit;
+}

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

@@ -0,0 +1,128 @@
+"use strict";
+
+const BLOCK_PREFIX = "block-prefix";
+
+/**
+ * Where one line's text sits, and what has to be drawn in the space to its left.
+ *
+ * The same three numbers the native formatters produce: `firstLineIndent` is `firstLineHeadIndent`
+ * on iOS and `getLeadingMargin(true)` on Android, `indent` is the head indent the line resumes at
+ * when it wraps, and `ribbons` are the offsets `MarkdownTextLayoutFragment` and
+ * `MarkdownBlockIndentSpan` fill a blockquote's bars at.
+ */
+
+function toNumber(value) {
+  if (typeof value === "number") {
+    return value;
+  }
+  if (!value) {
+    return 0;
+  }
+  const parsed = parseFloat(value);
+  return Number.isFinite(parsed) ? parsed : 0;
+}
+
+/** The gutter one level of a container reserves, or null if the type is not one. */
+function stepOf(type, markdownStyle) {
+  switch (type) {
+    case "blockquote":
+      return toNumber(markdownStyle.blockquote?.marginLeft) + toNumber(markdownStyle.blockquote?.borderWidth) + toNumber(markdownStyle.blockquote?.paddingLeft);
+    case "list-ordered":
+      return toNumber(markdownStyle.orderedList?.marginLeft) + toNumber(markdownStyle.orderedList?.paddingLeft);
+    case "list-unordered":
+      return toNumber(markdownStyle.unorderedList?.marginLeft) + toNumber(markdownStyle.unorderedList?.paddingLeft);
+    default:
+      return null;
+  }
+}
+
+/**
+ * Places the containers of every line, left to right -- the web half of `BlockLayout` in
+ * `apple/MarkdownFormatter.swift` and `android/.../MarkdownFormatter.kt`, and deliberately the same
+ * walk.
+ *
+ * Each container reserves a gutter and is then followed by its own marker, which is text and so has
+ * to be stepped over rather than reserved: the container nested inside it starts after the marker,
+ * not in front of it. That is what puts a quote's ribbons after a list bullet, and a list's indent
+ * after a quote's `>`.
+ *
+ * A line continuing a block carries no marker of its own and reuses the one that opened it, which
+ * is why this runs across the whole document rather than per line: without it a continuation line
+ * would sit a marker's width to the left of the line above and break the block in two.
+ *
+ * It reads the ranges in the order the parser emits them -- marker, then the container it belongs
+ * to -- so it has to run before `sortRanges` rearranges them into the containment order the DOM
+ * builder needs.
+ */
+function layoutBlocks(text, ranges, markdownStyle, measure) {
+  const layouts = new Map();
+  /** Last marker seen for each container type, for the lines that continue it. */
+  const markers = new Map();
+  const ribbonMargin = toNumber(markdownStyle.blockquote?.marginLeft);
+  let pendingPrefix = null;
+  let line = null;
+  let lineStart = -1;
+  /** Offset reached so far, from the line's own left edge. */
+  let offset = 0;
+  /**
+   * Where the line's first marker begins, if it has one. The text starts there; everything past it
+   * is held open with padding instead.
+   */
+  let textStart = -1;
+  /** Marker of the container placed most recently, if it is on this line and so has something to
+   * pad. */
+  let padded = null;
+  for (let i = 0; i < ranges.length; i++) {
+    const range = ranges[i];
+    if (range.type === BLOCK_PREFIX) {
+      pendingPrefix = range;
+      continue;
+    }
+    const step = stepOf(range.type, markdownStyle);
+    if (step === null) {
+      continue;
+    }
+    const depth = range.depth && range.depth > 0 ? range.depth : 1;
+    const gutter = step * depth;
+    if (range.start !== lineStart) {
+      lineStart = range.start;
+      offset = 0;
+      textStart = -1;
+      padded = null;
+      line = {
+        firstLineIndent: 0,
+        indent: 0,
+        ribbons: [],
+        gaps: new Map()
+      };
+      layouts.set(lineStart, line);
+    }
+    const current = line;
+    if (padded) {
+      current.gaps.set(padded.start, (current.gaps.get(padded.start) ?? 0) + gutter);
+    }
+    if (range.type === "blockquote") {
+      for (let level = 0; level < depth; level++) {
+        current.ribbons.push(offset + ribbonMargin + step * level);
+      }
+    }
+    offset += gutter;
+    if (pendingPrefix) {
+      markers.set(range.type, pendingPrefix);
+      if (textStart < 0) {
+        textStart = offset;
+      }
+    }
+    const marker = pendingPrefix ?? markers.get(range.type);
+    if (marker) {
+      offset += measure(text.substring(marker.start, marker.start + marker.length));
+    }
+    padded = pendingPrefix;
+    pendingPrefix = null;
+    current.firstLineIndent = textStart >= 0 ? textStart : offset;
+    current.indent = offset;
+  }
+  return layouts;
+}
+export { layoutBlocks, toNumber };
+//# sourceMappingURL=blockLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BLOCK_PREFIX","toNumber","value","parsed","parseFloat","Number","isFinite","stepOf","type","markdownStyle","blockquote","marginLeft","borderWidth","paddingLeft","orderedList","unorderedList","layoutBlocks","text","ranges","measure","layouts","Map","markers","ribbonMargin","pendingPrefix","line","lineStart","offset","textStart","padded","i","length","range","step","depth","gutter","start","firstLineIndent","indent","ribbons","gaps","set","current","get","level","push","marker","substring"],"sourceRoot":"../../../../src","sources":["web/utils/blockLayout.ts"],"mappings":"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","ignoreList":[]}