react-native-jet-markdown 0.2.1 → 0.2.2

package/src/index.tsx

@@ -1,17 +1,13 @@
 /** biome-ignore-all lint/performance/noBarrelFile: go away */
 
 export { defaultStyles, mergeStyles } from "./defaultStyles";
-export { JetMarkdownEditor } from "./JetMarkdownEditor";
 export { JetMarkdownView } from "./JetMarkdownView";
 export type {
   FontVariant,
   FontWeight,
-  JetMarkdownEditorProps,
-  JetMarkdownEditorRef,
   JetMarkdownViewProps,
   MarkdownContainerStyle,
   MarkdownDividerStyle,
-  MarkdownEditorState,
   MarkdownHeadingLevel,
   MarkdownImageData,
   MarkdownImageEvent,
@@ -20,15 +16,10 @@ export type {
   MarkdownLayoutStyle,
   MarkdownListMarkerStyle,
   MarkdownListStyle,
-  MarkdownMentionEvent,
-  MarkdownMentionQueryEvent,
   MarkdownMentionStyle,
-  MarkdownPasteEvent,
-  MarkdownSelection,
   MarkdownSpoilerStyle,
   MarkdownStyles,
   MarkdownTableStyle,
   MarkdownTextStyle,
   MarkdownUrlEvent,
 } from "./types";
-export { useJetMarkdownEditor } from "./useJetMarkdownEditor";

package/src/types.ts

@@ -274,10 +274,6 @@ export interface MarkdownContainerStyle extends MarkdownTextStyle {
   backgroundColor?: ColorValue;
   /** Vertical spacing between blocks; overrides `styles.gap`. */
   gap?: number;
-  /**
-   * Editor: caps autogrow — past this height the editor scrolls
-   * internally like a textarea. Viewer: plain layout clamp.
-   */
   maxHeight?: number;
   padding?: number;
   paddingBottom?: number;
@@ -288,136 +284,6 @@ export interface MarkdownContainerStyle extends MarkdownTextStyle {
   paddingVertical?: number;
 }
 
-/** Formatting active at the cursor / selection. */
-export interface MarkdownEditorState {
-  /** 0 = no heading. */
-  headingLevel: number;
-  isBlockQuote: boolean;
-  isBold: boolean;
-  isCodeBlock: boolean;
-  isInlineCode: boolean;
-  isItalic: boolean;
-  isOrderedList: boolean;
-  isSpoiler: boolean;
-  isStrikethrough: boolean;
-  isSubscript: boolean;
-  isSuperscript: boolean;
-  isUnorderedList: boolean;
-}
-
-export interface MarkdownSelection {
-  end: number;
-  start: number;
-}
-
-export interface MarkdownMentionEvent {
-  trigger: string;
-}
-
-export interface MarkdownMentionQueryEvent {
-  query: string;
-  trigger: string;
-}
-
-/**
- * Paste payload. `text` is present when the clipboard has text (parsed as
- * markdown and inserted by default); `images` when it has images (reported
- * only, never auto-inserted). `preventDefault()` suppresses the default
- * text insertion.
- */
-export interface MarkdownPasteEvent {
-  images?: MarkdownImageData[];
-  preventDefault(): void;
-  text?: string;
-}
-
-export interface JetMarkdownEditorRef {
-  blur(): void;
-  focus(): void;
-  /** Resolves the markdown as of the latest edit. */
-  getMarkdown(): Promise<string>;
-  /**
-   * Links the selection to `url`; with a collapsed cursor, inserts `label`
-   * (or the URL itself) as linked text.
-   */
-  insertLink(url: string, label?: string): void;
-  /** Parses `markdown` and inserts it at the cursor (or over the selection). */
-  insertMarkdown(markdown: string): void;
-  /**
-   * Inserts an atomic mention token (`trigger + label`, e.g. `@ali`)
-   * linked to `url` (an app scheme like `users://ali`), replacing any
-   * active mention query.
-   */
-  insertMention(trigger: string, label: string, url: string): void;
-  /** Removes the link covering the selection or cursor. */
-  removeLink(): void;
-  setSelection(start: number, end: number): void;
-  /** Replaces the content; the value is parsed as markdown. */
-  setValue(markdown: string): void;
-  /** Block toggles apply to every line the selection touches. */
-  toggleBlockQuote(): void;
-  /**
-   * Each inline toggle applies to the selection, or arms/disarms the mark
-   * for text typed at the collapsed cursor.
-   */
-  toggleBold(): void;
-  toggleCode(): void;
-  toggleCodeBlock(): void;
-  /** Toggles the heading level (1-6) on the selected lines. */
-  toggleHeading(level: number): void;
-  toggleItalic(): void;
-  toggleOrderedList(): void;
-  toggleSpoiler(): void;
-  toggleStrikethrough(): void;
-  toggleSubscript(): void;
-  toggleSuperscript(): void;
-  toggleUnorderedList(): void;
-}
-
-export interface JetMarkdownEditorProps {
-  /** Scale text with the system font size setting. Defaults to true. */
-  allowFontScaling?: boolean;
-  autoCapitalize?: "none" | "sentences" | "words" | "characters";
-  autoCorrect?: boolean;
-  autoFocus?: boolean;
-  /**
-   * Caret color. On iOS the caret and selection share one tint, so
-   * `selectionColor` wins when both are set. Android 10+ only. Platform
-   * colors (`PlatformColor`, `DynamicColorIOS`) are supported.
-   */
-  cursorColor?: ColorValue;
-  /** Initial markdown content, applied once. */
-  defaultValue?: string;
-  editable?: boolean;
-  /** Trigger characters (e.g. '@', '#') that begin a mention. */
-  mentionTriggers?: string[];
-  multiline?: boolean;
-  onBlur?: () => void;
-  onChangeMarkdown?: (markdown: string) => void;
-  onChangeSelection?: (selection: MarkdownSelection) => void;
-  onChangeState?: (state: MarkdownEditorState) => void;
-  onChangeText?: (text: string) => void;
-  onFocus?: () => void;
-  onLinkDetected?: (event: MarkdownUrlEvent) => void;
-  onMentionChange?: (event: MarkdownMentionQueryEvent) => void;
-  onMentionEnd?: (event: MarkdownMentionEvent) => void;
-  onMentionStart?: (event: MarkdownMentionEvent) => void;
-  onPaste?: (event: MarkdownPasteEvent) => void;
-  placeholder?: string;
-  placeholderTextColor?: ColorValue;
-  scrollEnabled?: boolean;
-  /**
-   * Selection highlight color. On iOS this also tints the caret (UIKit
-   * shares one tint). Platform colors (`PlatformColor`, `DynamicColorIOS`)
-   * are supported.
-   */
-  selectionColor?: ColorValue;
-  /** Same container style contract as the viewer. */
-  style?: StyleProp<MarkdownContainerStyle>;
-  /** Per-element markdown styles; shared shape with the viewer. */
-  styles?: MarkdownStyles;
-}
-
 export interface JetMarkdownViewProps {
   /** Scale text with the system font size setting. Defaults to true. */
   allowFontScaling?: boolean;

package/android/src/main/java/com/jetmarkdown/editor/EditorSpans.kt

@@ -1,217 +0,0 @@
-package com.jetmarkdown.editor
-
-import android.graphics.Canvas
-import android.graphics.Paint
-import android.graphics.Typeface
-import android.text.Layout
-import android.text.TextPaint
-import android.text.style.LeadingMarginSpan
-import android.text.style.MetricAffectingSpan
-
-/** Inline mark bits; mirrors jetmarkdown::EditorMark in cpp/core/EditorRuns.h. */
-object EditorMarks {
-  const val BOLD = 1
-  const val ITALIC = 1 shl 1
-  const val STRIKETHROUGH = 1 shl 2
-  const val INLINE_CODE = 1 shl 3
-  const val SPOILER = 1 shl 4
-  const val SUPERSCRIPT = 1 shl 5
-  const val SUBSCRIPT = 1 shl 6
-
-  val ALL = intArrayOf(
-    BOLD, ITALIC, STRIKETHROUGH, INLINE_CODE, SPOILER, SUPERSCRIPT, SUBSCRIPT,
-  )
-}
-
-/** Per-line block types; mirrors jetmarkdown::EditorBlockType. */
-object EditorBlocks {
-  const val HEADING = 1
-  const val QUOTE = 2
-  const val CODE = 3
-  const val BULLET = 4
-  const val ORDERED = 5
-
-  fun pack(type: Int, level: Int): Int = (type shl 8) or level
-
-  fun type(packed: Int): Int = packed shr 8
-
-  fun level(packed: Int): Int = packed and 0xFF
-
-}
-
-/** Marker for every derived visual span; removed wholesale on rebuild. */
-interface EditorDerivedSpan
-
-/**
- * Data-only source of truth for one inline mark over a range. Visual styling
- * is carried by derived spans rebuilt from these after every change.
- */
-class EditorMarkSpan(val mark: Int)
-
-/**
- * Data-only linked range. Mentions carry an app-scheme URL and `atomic`
- * (the token edits as one unit).
- */
-class LinkDataSpan(val url: String, val atomic: Boolean)
-
-/** Derived link appearance. */
-class LinkDisplaySpan(private val color: Int) :
-  android.text.style.CharacterStyle(),
-  EditorDerivedSpan {
-  override fun updateDrawState(paint: TextPaint) {
-    paint.color = color
-    paint.isUnderlineText = true
-  }
-}
-
-/** Derived visual styling for the combined mark flags of a range. */
-class EditorDisplaySpan(private val flags: Int) : MetricAffectingSpan(), EditorDerivedSpan {
-  override fun updateMeasureState(paint: TextPaint) {
-    apply(paint)
-  }
-
-  override fun updateDrawState(paint: TextPaint) {
-    apply(paint)
-    if (flags and EditorMarks.STRIKETHROUGH != 0) {
-      paint.isStrikeThruText = true
-    }
-    if (flags and EditorMarks.INLINE_CODE != 0) {
-      paint.bgColor = 0x26808080
-    }
-    if (flags and EditorMarks.SPOILER != 0) {
-      paint.bgColor = 0x40595959
-    }
-  }
-
-  private fun apply(paint: TextPaint) {
-    var style = paint.typeface?.style ?: Typeface.NORMAL
-    if (flags and EditorMarks.BOLD != 0) {
-      style = style or Typeface.BOLD
-    }
-    if (flags and EditorMarks.ITALIC != 0) {
-      style = style or Typeface.ITALIC
-    }
-    val base =
-      if (flags and EditorMarks.INLINE_CODE != 0) Typeface.MONOSPACE else paint.typeface
-    paint.typeface = Typeface.create(base, style)
-
-    // Sup/sub match the viewer's 0.7 scaling.
-    if (flags and (EditorMarks.SUPERSCRIPT or EditorMarks.SUBSCRIPT) != 0) {
-      val size = paint.textSize
-      paint.textSize = size * 0.7f
-      if (flags and EditorMarks.SUPERSCRIPT != 0) {
-        paint.baselineShift -= (size * 0.33f).toInt()
-      } else {
-        paint.baselineShift += (size * 0.15f).toInt()
-      }
-    }
-  }
-}
-
-/** Heading lines scale up and embolden. */
-class HeadingDisplaySpan(level: Int) : MetricAffectingSpan(), EditorDerivedSpan {
-  private val scale = when (level) {
-    1 -> 2f
-    2 -> 1.5f
-    3 -> 1.25f
-    4 -> 1.125f
-    5 -> 1f
-    else -> 0.875f
-  }
-
-  override fun updateMeasureState(paint: TextPaint) = apply(paint)
-
-  override fun updateDrawState(paint: TextPaint) = apply(paint)
-
-  private fun apply(paint: TextPaint) {
-    paint.textSize = paint.textSize * scale
-    paint.isFakeBoldText = true
-  }
-}
-
-/**
- * Code lines: monospace glyphs. The full-width background stripe is drawn
- * by the view (spans cannot cover empty lines).
- */
-class CodeLineDisplaySpan : MetricAffectingSpan(), EditorDerivedSpan {
-  override fun updateMeasureState(paint: TextPaint) {
-    paint.typeface = Typeface.MONOSPACE
-  }
-
-  override fun updateDrawState(paint: TextPaint) {
-    paint.typeface = Typeface.MONOSPACE
-  }
-}
-
-/** Quote lines: leading margin with a vertical bar. */
-class QuoteDisplaySpan(private val density: Float) : LeadingMarginSpan, EditorDerivedSpan {
-  override fun getLeadingMargin(first: Boolean): Int = (16 * density).toInt()
-
-  override fun drawLeadingMargin(
-    canvas: Canvas,
-    paint: Paint,
-    x: Int,
-    dir: Int,
-    top: Int,
-    baseline: Int,
-    bottom: Int,
-    text: CharSequence,
-    start: Int,
-    end: Int,
-    first: Boolean,
-    layout: Layout,
-  ) {
-    val previous = paint.color
-    val width = 3 * density
-    paint.color = (paint.color and 0x00FFFFFF) or -0x67000000
-    val barLeft = x + dir * 4 * density
-    canvas.drawRect(barLeft, top.toFloat(), barLeft + dir * width, bottom.toFloat(), paint)
-    paint.color = previous
-  }
-}
-
-/** Line-height span the display refresh can remove wholesale. */
-class EditorLineHeightSpan(heightPx: Int) :
-  com.jetmarkdown.render.spans.MarkdownLineHeightSpan(heightPx),
-  EditorDerivedSpan
-
-/**
- * No-op run splitter for a heading's newline: keeps it out of the
- * heading's font run so the trailing empty line's caret doesn't inherit
- * heading metrics.
- */
-class NewlineResetSpan : MetricAffectingSpan(), EditorDerivedSpan {
-  override fun updateMeasureState(paint: TextPaint) = Unit
-
-  override fun updateDrawState(paint: TextPaint) = Unit
-}
-
-/** List lines: leading margin drawing the bullet or the item number. */
-class ListMarkerDisplaySpan(
-  private val marker: String,
-  private val density: Float,
-) : LeadingMarginSpan, EditorDerivedSpan {
-  override fun getLeadingMargin(first: Boolean): Int = (28 * density).toInt()
-
-  override fun drawLeadingMargin(
-    canvas: Canvas,
-    paint: Paint,
-    x: Int,
-    dir: Int,
-    top: Int,
-    baseline: Int,
-    bottom: Int,
-    text: CharSequence,
-    start: Int,
-    end: Int,
-    first: Boolean,
-    layout: Layout,
-  ) {
-    if (!first) {
-      return
-    }
-    val width = paint.measureText(marker)
-    val position = x + dir * ((24 * density) - width - (6 * density))
-    canvas.drawText(marker, position, baseline.toFloat(), paint)
-  }
-}

package/android/src/main/java/com/jetmarkdown/editor/JetMarkdownEditorManager.kt

@@ -1,224 +0,0 @@
-package com.jetmarkdown.editor
-
-import com.facebook.react.bridge.ReadableArray
-import com.facebook.react.module.annotations.ReactModule
-import com.facebook.react.uimanager.SimpleViewManager
-import com.facebook.react.uimanager.StateWrapper
-import com.facebook.react.uimanager.ThemedReactContext
-import com.facebook.react.uimanager.ViewManagerDelegate
-import com.facebook.react.uimanager.annotations.ReactProp
-import com.facebook.react.viewmanagers.JetMarkdownEditorManagerDelegate
-import com.facebook.react.viewmanagers.JetMarkdownEditorManagerInterface
-import com.jetmarkdown.JetMarkdownNative
-import com.jetmarkdown.style.PlatformColorResolver
-
-@ReactModule(name = JetMarkdownEditorManager.NAME)
-class JetMarkdownEditorManager : SimpleViewManager<JetMarkdownEditorView>(),
-  JetMarkdownEditorManagerInterface<JetMarkdownEditorView> {
-  private val delegate: ViewManagerDelegate<JetMarkdownEditorView> =
-    JetMarkdownEditorManagerDelegate(this)
-
-  init {
-    JetMarkdownNative.ensureInstalled()
-  }
-
-  override fun getDelegate(): ViewManagerDelegate<JetMarkdownEditorView> = delegate
-
-  override fun getName(): String = NAME
-
-  public override fun createViewInstance(context: ThemedReactContext): JetMarkdownEditorView {
-    JetMarkdownNative.ensureInstalled()
-    PlatformColorResolver.install(context)
-    return JetMarkdownEditorView(context)
-  }
-
-  @ReactProp(name = "allowFontScaling")
-  override fun setAllowFontScaling(view: JetMarkdownEditorView?, value: Boolean) {
-    view?.allowFontScaling = value
-  }
-
-  @ReactProp(name = "autoCapitalize")
-  override fun setAutoCapitalize(view: JetMarkdownEditorView?, value: String?) {
-    view?.setCapitalizeMode(value)
-  }
-
-  @ReactProp(name = "autoCorrect")
-  override fun setAutoCorrect(view: JetMarkdownEditorView?, value: Boolean) {
-    view?.setAutoCorrectEnabled(value)
-  }
-
-  @ReactProp(name = "autoFocus")
-  override fun setAutoFocus(view: JetMarkdownEditorView?, value: Boolean) {
-    view?.setAutoFocus(value)
-  }
-
-  @ReactProp(name = "cursorColor", customType = "Color")
-  override fun setCursorColor(view: JetMarkdownEditorView?, value: Int?) {
-    view?.setCursorColorInt(value ?: 0)
-  }
-
-  @ReactProp(name = "defaultValue")
-  override fun setDefaultValue(view: JetMarkdownEditorView?, value: String?) {
-    view?.setDefaultValue(value)
-  }
-
-  @ReactProp(name = "editable")
-  override fun setEditable(view: JetMarkdownEditorView?, value: Boolean) {
-    view?.isEnabled = value
-  }
-
-  @ReactProp(name = "maxHeight")
-  override fun setMaxHeight(view: JetMarkdownEditorView?, value: Double) {
-    view?.setMaxContentHeight(value)
-  }
-
-  @ReactProp(name = "mentionTriggers")
-  override fun setMentionTriggers(view: JetMarkdownEditorView?, value: ReadableArray?) {
-    val triggers = ArrayList<String>()
-    if (value != null) {
-      for (index in 0 until value.size()) {
-        val trigger = value.getString(index)
-        if (!trigger.isNullOrEmpty()) {
-          triggers.add(trigger.substring(0, 1))
-        }
-      }
-    }
-    view?.mentionTriggers = triggers
-  }
-
-  @ReactProp(name = "multiline")
-  override fun setMultiline(view: JetMarkdownEditorView?, value: Boolean) {
-    view?.setMultiline(value)
-  }
-
-  @ReactProp(name = "placeholder")
-  override fun setPlaceholder(view: JetMarkdownEditorView?, value: String?) {
-    view?.setPlaceholderText(value)
-  }
-
-  @ReactProp(name = "placeholderTextColor", customType = "Color")
-  override fun setPlaceholderTextColor(view: JetMarkdownEditorView?, value: Int?) {
-    view?.setPlaceholderColor(value ?: 0)
-  }
-
-  @ReactProp(name = "scrollEnabled")
-  override fun setScrollEnabled(view: JetMarkdownEditorView?, value: Boolean) {
-    view?.setScrollAllowed(value)
-  }
-
-  @ReactProp(name = "selectionColor", customType = "Color")
-  override fun setSelectionColor(view: JetMarkdownEditorView?, value: Int?) {
-    view?.setSelectionColorInt(value ?: 0)
-  }
-
-  @ReactProp(name = "stylesJson")
-  override fun setStylesJson(view: JetMarkdownEditorView?, value: String?) {
-    view?.setStylesJson(value)
-  }
-
-  override fun blur(view: JetMarkdownEditorView?) {
-    view?.blurAndHideKeyboard()
-  }
-
-  override fun focus(view: JetMarkdownEditorView?) {
-    view?.focusAndShowKeyboard()
-  }
-
-  override fun setSelection(view: JetMarkdownEditorView?, start: Int, end: Int) {
-    view?.setEditorSelection(start, end)
-  }
-
-  override fun setValue(view: JetMarkdownEditorView?, value: String?) {
-    view?.setMarkdownValue(value ?: "")
-  }
-
-  override fun insertLink(view: JetMarkdownEditorView?, url: String?, label: String?) {
-    view?.insertLink(url ?: "", label ?: "")
-  }
-
-  override fun insertMarkdown(view: JetMarkdownEditorView?, value: String?) {
-    view?.insertMarkdownAt(value ?: "")
-  }
-
-  override fun insertMention(
-    view: JetMarkdownEditorView?,
-    trigger: String?,
-    label: String?,
-    url: String?,
-  ) {
-    view?.insertMention(trigger ?: "", label ?: "", url ?: "")
-  }
-
-  override fun removeLink(view: JetMarkdownEditorView?) {
-    view?.removeLink()
-  }
-
-  override fun toggleBlockQuote(view: JetMarkdownEditorView?) {
-    view?.toggleBlock(EditorBlocks.QUOTE, 0)
-  }
-
-  override fun toggleBold(view: JetMarkdownEditorView?) {
-    view?.toggleMark(EditorMarks.BOLD)
-  }
-
-  override fun toggleCodeBlock(view: JetMarkdownEditorView?) {
-    view?.toggleBlock(EditorBlocks.CODE, 0)
-  }
-
-  override fun toggleHeading(view: JetMarkdownEditorView?, level: Int) {
-    view?.toggleBlock(EditorBlocks.HEADING, level.coerceIn(1, 6))
-  }
-
-  override fun toggleOrderedList(view: JetMarkdownEditorView?) {
-    view?.toggleBlock(EditorBlocks.ORDERED, 0)
-  }
-
-  override fun toggleUnorderedList(view: JetMarkdownEditorView?) {
-    view?.toggleBlock(EditorBlocks.BULLET, 0)
-  }
-
-  override fun toggleCode(view: JetMarkdownEditorView?) {
-    view?.toggleMark(EditorMarks.INLINE_CODE)
-  }
-
-  override fun toggleItalic(view: JetMarkdownEditorView?) {
-    view?.toggleMark(EditorMarks.ITALIC)
-  }
-
-  override fun toggleSpoiler(view: JetMarkdownEditorView?) {
-    view?.toggleMark(EditorMarks.SPOILER)
-  }
-
-  override fun toggleStrikethrough(view: JetMarkdownEditorView?) {
-    view?.toggleMark(EditorMarks.STRIKETHROUGH)
-  }
-
-  override fun toggleSubscript(view: JetMarkdownEditorView?) {
-    view?.toggleMark(EditorMarks.SUBSCRIPT)
-  }
-
-  override fun toggleSuperscript(view: JetMarkdownEditorView?) {
-    view?.toggleMark(EditorMarks.SUPERSCRIPT)
-  }
-
-  override fun prepareToRecycleView(
-    reactContext: ThemedReactContext,
-    view: JetMarkdownEditorView,
-  ): JetMarkdownEditorView {
-    view.resetForRecycle()
-    return view
-  }
-
-  override fun updateState(
-    view: JetMarkdownEditorView,
-    props: com.facebook.react.uimanager.ReactStylesDiffMap,
-    stateWrapper: StateWrapper?,
-  ): Any? {
-    view.stateWrapper = stateWrapper
-    return null
-  }
-
-  companion object {
-    const val NAME = "JetMarkdownEditor"
-  }
-}