react-native-enriched-markdown 0.1.0 → 0.1.1

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

@@ -0,0 +1,82 @@
+cmake_minimum_required(VERSION 3.13)
+set(CMAKE_VERBOSE_MAKEFILE ON)
+
+set(LIB_LITERAL EnrichedMarkdownTextSpec)
+set(LIB_TARGET_NAME react_codegen_${LIB_LITERAL})
+
+set(LIB_ANDROID_DIR ${CMAKE_CURRENT_SOURCE_DIR}/../../..)
+set(LIB_ANDROID_GENERATED_JNI_DIR ${LIB_ANDROID_DIR}/generated/jni)
+set(LIB_ANDROID_GENERATED_COMPONENTS_DIR ${LIB_ANDROID_GENERATED_JNI_DIR}/react/renderer/components/${LIB_LITERAL})
+
+set(CPP_ROOT "${LIB_ANDROID_DIR}/../cpp")
+set(ANDROID_CPP_DIR "${LIB_ANDROID_DIR}/src/main/cpp")
+
+file(GLOB MD4C_SOURCES "${CPP_ROOT}/md4c/*.c")
+file(GLOB PARSER_SOURCES "${CPP_ROOT}/parser/*.cpp")
+
+# md4c is C code, build as separate static library with C flags
+add_library(md4c_lib STATIC ${MD4C_SOURCES})
+target_include_directories(md4c_lib PUBLIC ${CPP_ROOT}/md4c)
+target_compile_definitions(md4c_lib PRIVATE MD4C_USE_UTF8=1)
+set_target_properties(md4c_lib PROPERTIES
+  C_STANDARD 11
+  C_STANDARD_REQUIRED ON
+)
+
+file(GLOB LIB_CODEGEN_SRCS CONFIGURE_DEPENDS ${LIB_ANDROID_GENERATED_JNI_DIR}/*.cpp ${LIB_ANDROID_GENERATED_COMPONENTS_DIR}/*.cpp)
+file(GLOB LIB_CUSTOM_JNI_SRCS CONFIGURE_DEPENDS ${CMAKE_CURRENT_SOURCE_DIR}/*.cpp ${CMAKE_CURRENT_SOURCE_DIR}/react/renderer/components/${LIB_LITERAL}/*.cpp)
+
+add_library(
+  ${LIB_TARGET_NAME}
+  SHARED
+  ${LIB_CODEGEN_SRCS}
+  ${LIB_CUSTOM_JNI_SRCS}
+  ${PARSER_SOURCES}
+  ${ANDROID_CPP_DIR}/jni-adapter.cpp
+)
+
+target_include_directories(
+  ${LIB_TARGET_NAME}
+  PUBLIC
+  ${CMAKE_CURRENT_SOURCE_DIR}
+  ${CMAKE_CURRENT_SOURCE_DIR}/react/renderer/components/${LIB_LITERAL}
+  ${LIB_ANDROID_GENERATED_JNI_DIR}
+  ${LIB_ANDROID_GENERATED_COMPONENTS_DIR}
+  ${CPP_ROOT}/md4c
+  ${CPP_ROOT}/parser
+)
+
+target_compile_definitions(${LIB_TARGET_NAME} PRIVATE MD4C_USE_UTF8=1)
+
+find_package(fbjni REQUIRED CONFIG)
+find_package(ReactAndroid REQUIRED CONFIG)
+find_library(LOG_LIB log)
+
+target_link_libraries(
+  ${LIB_TARGET_NAME}
+  ${LOG_LIB}
+  md4c_lib
+  fbjni::fbjni
+  ReactAndroid::jsi
+  ReactAndroid::reactnative
+)
+
+target_include_directories(
+  ${CMAKE_PROJECT_NAME}
+  PUBLIC
+  ${CMAKE_CURRENT_SOURCE_DIR}
+)
+
+if(ReactAndroid_VERSION_MINOR GREATER_EQUAL 80)
+  target_compile_reactnative_options(${LIB_TARGET_NAME} PRIVATE)
+else()
+  target_compile_options(
+    ${LIB_TARGET_NAME}
+    PRIVATE
+    -DLOG_TAG=\"ReactNative\"
+    -fexceptions
+    -frtti
+    -std=c++20
+    -Wall
+  )
+endif()

package/android/src/main/jni/EnrichedMarkdownTextSpec.cpp

@@ -0,0 +1,21 @@
+/**
+ * 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 "EnrichedMarkdownTextSpec.h"
+
+namespace facebook::react {
+
+std::shared_ptr<TurboModule> EnrichedMarkdownTextSpec_ModuleProvider(const std::string &moduleName,
+                                                                     const JavaTurboModule::InitParams &params) {
+
+  return nullptr;
+}
+
+} // namespace facebook::react

package/android/src/main/jni/EnrichedMarkdownTextSpec.h

@@ -0,0 +1,25 @@
+/**
+ * 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/EnrichedMarkdownTextSpec/MarkdownTextComponentDescriptor.h>
+
+namespace facebook::react {
+
+JSI_EXPORT
+std::shared_ptr<TurboModule> EnrichedMarkdownTextSpec_ModuleProvider(const std::string &moduleName,
+                                                                     const JavaTurboModule::InitParams &params);
+
+} // namespace facebook::react

package/android/src/main/jni/react/renderer/components/EnrichedMarkdownTextSpec/MarkdownTextComponentDescriptor.h

@@ -0,0 +1,29 @@
+#pragma once
+
+#include "MarkdownTextMeasurementManager.h"
+#include "MarkdownTextShadowNode.h"
+
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+namespace facebook::react {
+
+class MarkdownTextComponentDescriptor final : public ConcreteComponentDescriptor<MarkdownTextShadowNode> {
+public:
+  MarkdownTextComponentDescriptor(const ComponentDescriptorParameters &parameters)
+      : ConcreteComponentDescriptor(parameters),
+        measurementsManager_(std::make_shared<MarkdownTextMeasurementManager>(contextContainer_)) {}
+
+  void adopt(ShadowNode &shadowNode) const override {
+    ConcreteComponentDescriptor::adopt(shadowNode);
+    auto &markdownTextShadowNode = static_cast<MarkdownTextShadowNode &>(shadowNode);
+
+    // MarkdownTextShadowNode uses MarkdownTextMeasurementManager
+    // to provide measurements to Yoga.
+    markdownTextShadowNode.setMeasurementsManager(measurementsManager_);
+  }
+
+private:
+  const std::shared_ptr<MarkdownTextMeasurementManager> measurementsManager_;
+};
+
+} // namespace facebook::react

package/android/src/main/jni/react/renderer/components/EnrichedMarkdownTextSpec/MarkdownTextMeasurementManager.cpp

@@ -0,0 +1,45 @@
+#include "MarkdownTextMeasurementManager.h"
+#include "conversions.h"
+
+#include <fbjni/fbjni.h>
+#include <react/jni/ReadableNativeMap.h>
+#include <react/renderer/core/conversions.h>
+
+using namespace facebook::jni;
+
+namespace facebook::react {
+
+Size MarkdownTextMeasurementManager::measure(SurfaceId surfaceId, int viewTag, const EnrichedMarkdownTextProps &props,
+                                             LayoutConstraints layoutConstraints) const {
+  const jni::global_ref<jobject> &fabricUIManager = contextContainer_->at<jni::global_ref<jobject>>("FabricUIManager");
+
+  static const auto measure =
+      facebook::jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
+          ->getMethod<jlong(jint, jstring, ReadableMap::javaobject, ReadableMap::javaobject, ReadableMap::javaobject,
+                            jfloat, jfloat, jfloat, jfloat)>("measure");
+
+  auto minimumSize = layoutConstraints.minimumSize;
+  auto maximumSize = layoutConstraints.maximumSize;
+
+  local_ref<JString> componentName = make_jstring("EnrichedMarkdownText");
+
+  // Prepare extraData map with viewTag
+  folly::dynamic extraData = folly::dynamic::object();
+  extraData["viewTag"] = viewTag;
+  local_ref<ReadableNativeMap::javaobject> extraDataRNM = ReadableNativeMap::newObjectCxxArgs(extraData);
+  local_ref<ReadableMap::javaobject> extraDataRM =
+      make_local(reinterpret_cast<ReadableMap::javaobject>(extraDataRNM.get()));
+
+  // Prepare layout metrics affecting props
+  auto serializedProps = toDynamic(props);
+  local_ref<ReadableNativeMap::javaobject> propsRNM = ReadableNativeMap::newObjectCxxArgs(serializedProps);
+  local_ref<ReadableMap::javaobject> propsRM = make_local(reinterpret_cast<ReadableMap::javaobject>(propsRNM.get()));
+
+  auto measurement = yogaMeassureToSize(measure(fabricUIManager, surfaceId, componentName.get(), extraDataRM.get(),
+                                                propsRM.get(), nullptr, minimumSize.width, maximumSize.width,
+                                                minimumSize.height, maximumSize.height));
+
+  return measurement;
+}
+
+} // namespace facebook::react

package/android/src/main/jni/react/renderer/components/EnrichedMarkdownTextSpec/MarkdownTextMeasurementManager.h

@@ -0,0 +1,21 @@
+#pragma once
+
+#include <react/renderer/components/EnrichedMarkdownTextSpec/Props.h>
+#include <react/renderer/core/LayoutConstraints.h>
+#include <react/utils/ContextContainer.h>
+
+namespace facebook::react {
+
+class MarkdownTextMeasurementManager {
+public:
+  MarkdownTextMeasurementManager(const std::shared_ptr<const ContextContainer> &contextContainer)
+      : contextContainer_(contextContainer) {}
+
+  Size measure(SurfaceId surfaceId, int viewTag, const EnrichedMarkdownTextProps &props,
+               LayoutConstraints layoutConstraints) const;
+
+private:
+  const std::shared_ptr<const ContextContainer> contextContainer_;
+};
+
+} // namespace facebook::react

package/android/src/main/jni/react/renderer/components/EnrichedMarkdownTextSpec/MarkdownTextShadowNode.cpp

@@ -0,0 +1,33 @@
+#include "MarkdownTextShadowNode.h"
+
+#include <react/renderer/core/LayoutContext.h>
+
+namespace facebook::react {
+
+extern const char MarkdownTextComponentName[] = "EnrichedMarkdownText";
+
+void MarkdownTextShadowNode::setMeasurementsManager(
+    const std::shared_ptr<MarkdownTextMeasurementManager> &measurementsManager) {
+  ensureUnsealed();
+  measurementsManager_ = measurementsManager;
+}
+
+// Mark layout as dirty after state has been updated.
+// Once layout is marked as dirty, `measureContent` will be called in order to
+// recalculate layout.
+void MarkdownTextShadowNode::dirtyLayoutIfNeeded() {
+  const auto state = this->getStateData();
+  const auto counter = state.getForceHeightRecalculationCounter();
+
+  if (forceHeightRecalculationCounter_ != counter) {
+    forceHeightRecalculationCounter_ = counter;
+    dirtyLayout();
+  }
+}
+
+Size MarkdownTextShadowNode::measureContent(const LayoutContext &layoutContext,
+                                            const LayoutConstraints &layoutConstraints) const {
+  return measurementsManager_->measure(getSurfaceId(), getTag(), getConcreteProps(), layoutConstraints);
+}
+
+} // namespace facebook::react

package/android/src/main/jni/react/renderer/components/EnrichedMarkdownTextSpec/MarkdownTextShadowNode.h

@@ -0,0 +1,49 @@
+#pragma once
+
+#include "MarkdownTextMeasurementManager.h"
+#include "MarkdownTextState.h"
+
+#include <react/renderer/components/EnrichedMarkdownTextSpec/EventEmitters.h>
+#include <react/renderer/components/EnrichedMarkdownTextSpec/Props.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook::react {
+
+JSI_EXPORT extern const char MarkdownTextComponentName[];
+
+/*
+ * `ShadowNode` for <EnrichedMarkdownText> component.
+ */
+class MarkdownTextShadowNode final
+    : public ConcreteViewShadowNode<MarkdownTextComponentName, EnrichedMarkdownTextProps,
+                                    EnrichedMarkdownTextEventEmitter, MarkdownTextState> {
+public:
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  // This constructor is called when we "update" shadow node, e.g. after
+  // updating shadow node's state
+  MarkdownTextShadowNode(ShadowNode const &sourceShadowNode, ShadowNodeFragment const &fragment)
+      : ConcreteViewShadowNode(sourceShadowNode, fragment) {
+    dirtyLayoutIfNeeded();
+  }
+
+  static ShadowNodeTraits BaseTraits() {
+    auto traits = ConcreteViewShadowNode::BaseTraits();
+    traits.set(ShadowNodeTraits::Trait::LeafYogaNode);
+    traits.set(ShadowNodeTraits::Trait::MeasurableYogaNode);
+    return traits;
+  }
+
+  // Associates a shared `MarkdownTextMeasurementManager` with the node.
+  void setMeasurementsManager(const std::shared_ptr<MarkdownTextMeasurementManager> &measurementsManager);
+
+  void dirtyLayoutIfNeeded();
+
+  Size measureContent(const LayoutContext &layoutContext, const LayoutConstraints &layoutConstraints) const override;
+
+private:
+  int forceHeightRecalculationCounter_;
+  std::shared_ptr<MarkdownTextMeasurementManager> measurementsManager_;
+};
+
+} // namespace facebook::react

package/android/src/main/jni/react/renderer/components/EnrichedMarkdownTextSpec/MarkdownTextState.cpp

@@ -0,0 +1,9 @@
+#include "MarkdownTextState.h"
+
+namespace facebook::react {
+
+int MarkdownTextState::getForceHeightRecalculationCounter() const {
+  return forceHeightRecalculationCounter_;
+}
+
+} // namespace facebook::react

package/android/src/main/jni/react/renderer/components/EnrichedMarkdownTextSpec/MarkdownTextState.h

@@ -0,0 +1,25 @@
+#pragma once
+
+#include <folly/dynamic.h>
+
+namespace facebook::react {
+
+class MarkdownTextState {
+public:
+  MarkdownTextState() : forceHeightRecalculationCounter_(0) {}
+
+  // Used by Kotlin to set current state value
+  MarkdownTextState(MarkdownTextState const &previousState, folly::dynamic data)
+      : forceHeightRecalculationCounter_((int)data["forceHeightRecalculationCounter"].getInt()){};
+
+  folly::dynamic getDynamic() const {
+    return {};
+  };
+
+  int getForceHeightRecalculationCounter() const;
+
+private:
+  const int forceHeightRecalculationCounter_{};
+};
+
+} // namespace facebook::react

package/android/src/main/jni/react/renderer/components/EnrichedMarkdownTextSpec/conversions.h

@@ -0,0 +1,19 @@
+#pragma once
+
+#include <folly/dynamic.h>
+#include <react/renderer/components/EnrichedMarkdownTextSpec/Props.h>
+#include <react/renderer/core/propsConversions.h>
+
+namespace facebook::react {
+
+#ifdef RN_SERIALIZABLE_STATE
+inline folly::dynamic toDynamic(const EnrichedMarkdownTextProps &props) {
+  // Serialize measurement-affecting props
+  folly::dynamic serializedProps = folly::dynamic::object();
+  serializedProps["markdown"] = props.markdown;
+  serializedProps["markdownStyle"] = toDynamic(props.markdownStyle);
+  return serializedProps;
+}
+#endif
+
+} // namespace facebook::react