react-native-marcus 0.1.0

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownBackgroundSpan.kt

@@ -0,0 +1,105 @@
+package app.getbullet.marcus.spans
+
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.graphics.Path
+import android.graphics.RectF
+import android.text.StaticLayout
+import android.text.TextPaint
+import android.text.style.LineBackgroundSpan
+import androidx.annotation.ColorInt
+
+class MarkdownBackgroundSpan(
+  @ColorInt private val backgroundColor: Int,
+  private val borderRadius: Float,
+  private val mentionStart: Int,
+  private val mentionEnd: Int
+) : MarkdownSpan, LineBackgroundSpan {
+
+  private var layout: StaticLayout? = null
+  private val backgroundPath = Path()
+
+  override fun drawBackground(
+    canvas: Canvas,
+    paint: Paint,
+    left: Int,
+    right: Int,
+    top: Int,
+    baseline: Int,
+    bottom: Int,
+    text: CharSequence,
+    start: Int,
+    end: Int,
+    lnum: Int
+  ) {
+    val lineText = text.subSequence(start, end)
+    val cachedLayout = layout
+    // `!==` on purpose: the Java this replaces compared the layout's text by
+    // reference, not by value.
+    if (cachedLayout == null ||
+      cachedLayout.text !== lineText ||
+      cachedLayout.width != right ||
+      cachedLayout.getLineEnd(0) != lineText.length
+    ) {
+      val currentLineStart = 0
+      val currentLineEnd = lineText.length
+      // Create layout for the current line only
+      val newLayout = StaticLayout.Builder
+        .obtain(lineText, currentLineStart, currentLineEnd, paint as TextPaint, right)
+        .build()
+      layout = newLayout
+
+      val relativeMentionStart = mentionStart - start
+      val relativeMentionEnd = mentionEnd - start
+
+      val mentionStartsInCurrentLine = currentLineStart <= relativeMentionStart
+      val mentionEndsInCurrentLine = currentLineEnd >= relativeMentionEnd
+
+      val startX = newLayout.getPrimaryHorizontal(
+        if (mentionStartsInCurrentLine) relativeMentionStart else currentLineStart
+      )
+      val endX = newLayout.getPrimaryHorizontal(
+        if (mentionEndsInCurrentLine) relativeMentionEnd else currentLineEnd
+      )
+
+      val fm = paint.getFontMetrics()
+      val startY = baseline + fm.ascent
+      val endY = baseline + fm.descent
+
+      val lineRect = RectF(startX, startY, endX, endY)
+      backgroundPath.reset()
+      backgroundPath.addRoundRect(
+        lineRect,
+        createRadii(mentionStartsInCurrentLine, mentionEndsInCurrentLine),
+        Path.Direction.CW
+      )
+    }
+
+    val originalColor = paint.color
+    paint.color = backgroundColor
+
+    canvas.drawPath(backgroundPath, paint)
+
+    paint.color = originalColor
+  }
+
+  private fun createRadii(roundedLeft: Boolean, roundedRight: Boolean): FloatArray {
+    val radii = FloatArray(8)
+
+    if (roundedLeft) {
+      radii[1] = borderRadius // top-left
+      radii[0] = radii[1]
+      radii[7] = borderRadius // bottom-left
+      radii[6] = radii[7]
+    }
+
+    if (roundedRight) {
+      radii[3] = borderRadius // top-right
+      radii[2] = radii[3]
+      radii[5] = borderRadius // bottom-right
+      radii[4] = radii[5]
+    }
+
+    return radii
+  }
+}

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownBlockIndentSpan.kt

@@ -0,0 +1,67 @@
+package app.getbullet.marcus.spans
+
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.text.Layout
+import android.text.style.LeadingMarginSpan
+import androidx.annotation.ColorInt
+
+/**
+ * Indents one line by the containers it sits in, and draws a blockquote's
+ * ribbons in the gutter reserved for them.
+ *
+ * One span per line rather than one per container: where a container's gutter
+ * goes depends on the markers of the containers around it, so the offsets are
+ * worked out together by the formatter and handed over already in pixels.
+ */
+class MarkdownBlockIndentSpan(
+  @ColorInt private val borderColor: Int,
+  private val borderWidth: Float,
+  private val borderSpacing: Float
+) : MarkdownSpan, LeadingMarginSpan {
+
+  /** Where the line's text starts, and where it resumes when it wraps. */
+  var firstLineIndent = 0f
+  var indent = 0f
+
+  /** Left edge of the blockquote's gutter, and how many ribbons fill it. */
+  var ribbonOffset = 0f
+  var depth = 0
+
+  override fun getLeadingMargin(first: Boolean): Int {
+    return (if (first) firstLineIndent else indent).toInt()
+  }
+
+  override fun drawLeadingMargin(
+    c: Canvas,
+    p: Paint,
+    x: Int,
+    dir: Int,
+    top: Int,
+    baseline: Int,
+    bottom: Int,
+    text: CharSequence?,
+    start: Int,
+    end: Int,
+    first: Boolean,
+    layout: Layout?
+  ) {
+    if (depth == 0) {
+      return
+    }
+
+    val originalStyle = p.style
+    val originalColor = p.color
+
+    p.style = Paint.Style.FILL
+    p.color = borderColor
+
+    for (level in 0 until depth) {
+      val left = x + dir * (ribbonOffset + borderSpacing * level)
+      c.drawRect(left, top.toFloat(), left + dir * borderWidth, bottom.toFloat(), p)
+    }
+
+    p.style = originalStyle
+    p.color = originalColor
+  }
+}

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownBoldSpan.kt

@@ -0,0 +1,6 @@
+package app.getbullet.marcus.spans
+
+import android.graphics.Typeface
+import android.text.style.StyleSpan
+
+class MarkdownBoldSpan : StyleSpan(Typeface.BOLD), MarkdownSpan

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownFontFamilySpan.kt

@@ -0,0 +1,28 @@
+package app.getbullet.marcus.spans
+
+import android.content.res.AssetManager
+import android.graphics.Paint
+import android.text.TextPaint
+import android.text.style.MetricAffectingSpan
+import com.facebook.react.common.assets.ReactFontManager
+
+class MarkdownFontFamilySpan(
+  private val fontFamily: String,
+  private val assetManager: AssetManager
+) : MetricAffectingSpan(), MarkdownSpan {
+
+  override fun updateMeasureState(textPaint: TextPaint) {
+    apply(textPaint)
+  }
+
+  override fun updateDrawState(tp: TextPaint) {
+    apply(tp)
+  }
+
+  private fun apply(textPaint: TextPaint) {
+    val style = textPaint.typeface?.style ?: ReactFontManager.TypefaceStyle.NORMAL
+    val typeface = ReactFontManager.getInstance().getTypeface(fontFamily, style, assetManager)
+    textPaint.typeface = typeface
+    textPaint.flags = textPaint.flags or Paint.SUBPIXEL_TEXT_FLAG
+  }
+}

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownFontSizeSpan.kt

@@ -0,0 +1,7 @@
+package app.getbullet.marcus.spans
+
+import android.text.style.AbsoluteSizeSpan
+import com.facebook.react.uimanager.PixelUtil
+
+class MarkdownFontSizeSpan(fontSize: Float) :
+  AbsoluteSizeSpan(PixelUtil.toPixelFromDIP(fontSize).toInt(), false), MarkdownSpan

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownForegroundColorSpan.kt

@@ -0,0 +1,6 @@
+package app.getbullet.marcus.spans
+
+import android.text.style.ForegroundColorSpan
+import androidx.annotation.ColorInt
+
+class MarkdownForegroundColorSpan(@ColorInt color: Int) : ForegroundColorSpan(color), MarkdownSpan

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownGapSpan.kt

@@ -0,0 +1,57 @@
+package app.getbullet.marcus.spans
+
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.text.style.ReplacementSpan
+import androidx.annotation.ColorInt
+
+/**
+ * Widens the character it covers by [gap] pixels, leaving the glyph where it is.
+ *
+ * Applied to the last character of a container's marker so that the container
+ * nested inside it can put its gutter between that marker and the next one.
+ */
+class MarkdownGapSpan(
+  private val gap: Float,
+  @ColorInt private val syntaxColor: Int
+) : ReplacementSpan(), MarkdownSpan {
+
+  override fun getSize(
+    paint: Paint,
+    text: CharSequence,
+    start: Int,
+    end: Int,
+    fm: Paint.FontMetricsInt?
+  ): Int {
+    if (fm != null) {
+      val metrics = paint.fontMetricsInt
+      fm.top = metrics.top
+      fm.ascent = metrics.ascent
+      fm.descent = metrics.descent
+      fm.bottom = metrics.bottom
+      fm.leading = metrics.leading
+    }
+
+    return (paint.measureText(text, start, end) + gap).toInt()
+  }
+
+  override fun draw(
+    canvas: Canvas,
+    text: CharSequence,
+    start: Int,
+    end: Int,
+    x: Float,
+    top: Int,
+    y: Int,
+    bottom: Int,
+    paint: Paint
+  ) {
+    // Spans inside a replacement are not applied, so the one colour a marker's
+    // last character can have is restored by hand. It is whitespace whenever the
+    // marker is followed by any, and a syntax character otherwise.
+    val originalColor = paint.color
+    paint.color = syntaxColor
+    canvas.drawText(text, start, end, x, y.toFloat(), paint)
+    paint.color = originalColor
+  }
+}

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownItalicSpan.kt

@@ -0,0 +1,6 @@
+package app.getbullet.marcus.spans
+
+import android.graphics.Typeface
+import android.text.style.StyleSpan
+
+class MarkdownItalicSpan : StyleSpan(Typeface.ITALIC), MarkdownSpan

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownLineHeightSpan.kt

@@ -0,0 +1,21 @@
+package app.getbullet.marcus.spans
+
+import android.graphics.Paint
+import android.text.style.LineHeightSpan
+
+class MarkdownLineHeightSpan(private val lineHeight: Float) : MarkdownSpan, LineHeightSpan {
+  override fun chooseHeight(
+    text: CharSequence?,
+    start: Int,
+    end: Int,
+    spanstartv: Int,
+    lineHeight: Int,
+    fm: Paint.FontMetricsInt
+  ) {
+    // Java's `fm.top -= this.lineHeight / 4` performs the subtraction in float and
+    // narrows the result, so the truncation has to happen after the subtraction.
+    // Truncating the quotient first would shift the value by up to one pixel.
+    fm.top = (fm.top - this.lineHeight / 4).toInt()
+    fm.ascent = (fm.ascent - this.lineHeight / 4).toInt()
+  }
+}

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownSpan.kt

@@ -0,0 +1,7 @@
+package app.getbullet.marcus.spans
+
+/*
+ * Enables us to distinguish between spans that were added by Marcus and spans that were
+ * added by something else. All spans that Marcus adds should implement this interface.
+ */
+interface MarkdownSpan

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownStrikethroughSpan.kt

@@ -0,0 +1,5 @@
+package app.getbullet.marcus.spans
+
+import android.text.style.StrikethroughSpan
+
+class MarkdownStrikethroughSpan : StrikethroughSpan(), MarkdownSpan

package/android/src/main/java/app/getbullet/marcus/spans/MarkdownUnderlineSpan.kt

@@ -0,0 +1,5 @@
+package app.getbullet.marcus.spans
+
+import android.text.style.UnderlineSpan
+
+class MarkdownUnderlineSpan : UnderlineSpan(), MarkdownSpan

package/android/src/main/new_arch/CMakeLists.txt

@@ -0,0 +1,70 @@
+cmake_minimum_required(VERSION 3.13)
+set(CMAKE_VERBOSE_MAKEFILE ON)
+set(CMAKE_CXX_STANDARD 20)
+
+set(LIB_LITERAL RNMarcusSpec)
+set(LIB_TARGET_NAME react_codegen_${LIB_LITERAL})
+
+set(LIB_ANDROID_DIR ${CMAKE_CURRENT_SOURCE_DIR}/../../..)
+set(LIB_CPP_DIR ${LIB_ANDROID_DIR}/../cpp)
+set(LIB_CUSTOM_SOURCES_DIR ${LIB_CPP_DIR}/react/renderer/components/${LIB_LITERAL})
+set(LIB_ANDROID_GENERATED_JNI_DIR ${LIB_ANDROID_DIR}/build/generated/source/codegen/jni)
+set(LIB_ANDROID_GENERATED_COMPONENTS_DIR ${LIB_ANDROID_GENERATED_JNI_DIR}/react/renderer/components/${LIB_LITERAL})
+
+file(GLOB LIB_MODULE_SRCS CONFIGURE_DEPENDS *.cpp react/renderer/components/RNMarcusSpec/*.cpp)
+file(GLOB LIB_CUSTOM_SRCS CONFIGURE_DEPENDS ${LIB_CUSTOM_SOURCES_DIR}/*.cpp)
+file(GLOB LIB_CODEGEN_SRCS CONFIGURE_DEPENDS ${LIB_ANDROID_GENERATED_COMPONENTS_DIR}/*.cpp)
+
+add_library(
+  ${LIB_TARGET_NAME}
+  SHARED
+    ${LIB_MODULE_SRCS}
+    ${LIB_CUSTOM_SRCS}
+    ${LIB_CODEGEN_SRCS}
+)
+
+target_include_directories(
+  ${LIB_TARGET_NAME}
+  PUBLIC
+    .
+    ./react/renderer/components/RNMarcusSpec
+    ${LIB_ANDROID_GENERATED_JNI_DIR}
+    ${LIB_ANDROID_GENERATED_COMPONENTS_DIR}
+    ${LIB_CPP_DIR}
+)
+
+find_package(fbjni REQUIRED CONFIG)
+find_package(ReactAndroid REQUIRED CONFIG)
+
+target_link_libraries(
+  ${LIB_TARGET_NAME}
+  fbjni::fbjni
+  ReactAndroid::jsi
+  ReactAndroid::reactnative
+)
+
+if (ReactAndroid_VERSION_MINOR LESS_EQUAL 80)
+  target_compile_options(
+    ${LIB_TARGET_NAME}
+    PRIVATE
+      -DLOG_TAG=\"ReactNative\"
+      -fexceptions
+      -frtti
+      -Wall
+      -std=c++20
+  )
+else()
+  target_compile_reactnative_options(${LIB_TARGET_NAME} PRIVATE)
+endif()
+
+target_compile_options(
+  ${LIB_TARGET_NAME}
+  PRIVATE
+    -DREACT_NATIVE_MINOR_VERSION=${ReactAndroid_VERSION_MINOR}
+)
+
+target_include_directories(
+  ${CMAKE_PROJECT_NAME}
+  PUBLIC
+    ${CMAKE_CURRENT_SOURCE_DIR}
+)

package/android/src/main/new_arch/RNMarcusSpec.cpp

@@ -0,0 +1,43 @@
+
+/**
+ * This code was generated by
+ * [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be
+ * lost once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleJniCpp.js
+ */
+
+#include "RNMarcusSpec.h"
+
+namespace facebook {
+namespace react {
+
+static facebook::jsi::Value
+__hostFunction_NativeMarcusModuleSpecJSI_install(
+  facebook::jsi::Runtime &rt, TurboModule &turboModule, const facebook::jsi::Value *args, size_t count
+) {
+  static jmethodID cachedMethodId = nullptr;
+  return static_cast<JavaTurboModule &>(turboModule)
+    .invokeJavaMethod(rt, BooleanKind, "install", "()Z", args, count, cachedMethodId);
+}
+
+NativeMarcusModuleSpecJSI::NativeMarcusModuleSpecJSI(
+  const JavaTurboModule::InitParams &params
+)
+    : JavaTurboModule(params) {
+  methodMap_["install"] =
+    MethodMetadata{0, __hostFunction_NativeMarcusModuleSpecJSI_install};
+}
+
+std::shared_ptr<TurboModule>
+RNMarcusSpec_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params) {
+  if (moduleName == "MarcusModule") {
+    return std::make_shared<NativeMarcusModuleSpecJSI>(params);
+  }
+  return nullptr;
+}
+
+} // namespace react
+} // namespace facebook

package/android/src/main/new_arch/RNMarcusSpec.h

@@ -0,0 +1,36 @@
+
+/**
+ * This code was generated by
+ * [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be
+ * lost once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleJniH.js
+ */
+
+#pragma once
+
+#include <ReactCommon/JavaTurboModule.h>
+#include <ReactCommon/TurboModule.h>
+#include <jsi/jsi.h>
+
+#include <react/renderer/components/RNMarcusSpec/MarcusTextInputDecoratorViewComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+/**
+ * JNI C++ class for module 'NativeMarcusModule'
+ */
+class JSI_EXPORT NativeMarcusModuleSpecJSI : public JavaTurboModule {
+public:
+  NativeMarcusModuleSpecJSI(const JavaTurboModule::InitParams &params);
+};
+
+JSI_EXPORT
+std::shared_ptr<TurboModule>
+RNMarcusSpec_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
+
+} // namespace react
+} // namespace facebook