react-native-marcus 0.1.0

package/cpp/react/renderer/components/RNMarcusSpec/MarcusTextInputDecoratorState.h

@@ -0,0 +1,33 @@
+#pragma once
+
+#include <memory>
+#include <react/renderer/core/ShadowNodeFamily.h>
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT MarcusTextInputDecoratorState final {
+public:
+  using Shared = std::shared_ptr<const MarcusTextInputDecoratorState>;
+
+  MarcusTextInputDecoratorState() {};
+
+// TODO: Simplify once RN 0.81 is the lowest supported version
+#if (defined(ANDROID) && REACT_NATIVE_MINOR_VERSION < 81) || (defined(RN_SERIALIZABLE_STATE) && REACT_NATIVE_MINOR_VERSION >= 81)
+  MarcusTextInputDecoratorState(
+    MarcusTextInputDecoratorState const &previousState, folly::dynamic data
+  ) {};
+
+  folly::dynamic
+  getDynamic() const {
+    return {};
+  }
+#if REACT_NATIVE_MINOR_VERSION < 81
+  MapBuffer
+  getMapBuffer() const { return MapBufferBuilder::EMPTY(); };
+#endif // REACT_NATIVE_MINOR_VERSION < 81
+#endif // (defined(ANDROID) && REACT_NATIVE_MINOR_VERSION < 81) || (defined(RN_SERIALIZABLE_STATE) && REACT_NATIVE_MINOR_VERSION >= 81)
+};
+
+} // namespace react
+} // namespace facebook

package/cpp/react/renderer/components/RNMarcusSpec/MarcusTextInputDecoratorViewComponentDescriptor.h

@@ -0,0 +1,17 @@
+#pragma once
+
+#include "MarcusTextInputDecoratorShadowNode.h"
+#include <react/debug/react_native_assert.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+class MarcusTextInputDecoratorViewComponentDescriptor final
+    : public ConcreteComponentDescriptor<MarcusTextInputDecoratorShadowNode> {
+public:
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+};
+
+} // namespace react
+} // namespace facebook

package/lib/commonjs/MarcusTextInputDecoratorViewNativeComponent.ts

@@ -0,0 +1,77 @@
+import { codegenNativeComponent } from "react-native"
+import type { ColorValue, ViewProps } from "react-native"
+
+import type { Float, Int32 } from "react-native/Libraries/Types/CodegenTypes"
+
+// Font, colour and background, and nothing else: neither formatter draws a
+// border or reserves padding around a code run, so there is nothing to
+// configure.
+interface CodeBlockStyle {
+  fontFamily: string
+  fontSize: Float
+  color: ColorValue
+  backgroundColor: ColorValue
+}
+
+interface MarkdownStyle {
+  syntax: {
+    color: ColorValue
+  }
+  emoji: {
+    fontSize: Float
+    fontFamily: string
+  }
+  link: {
+    color: ColorValue
+  }
+  heading: {
+    fontSize: Float
+    // Each level down multiplies the one above, so level N is
+    // fontSize * scale^(N - 1). Six levels, matching HTML.
+    scale: Float
+  }
+  blockquote: {
+    borderColor: ColorValue
+    borderWidth: Float
+    marginLeft: Float
+    paddingLeft: Float
+  }
+  // Indent only, no gutter decoration. Kept as two separate entries so a
+  // renderer can style ordered and unordered lists differently.
+  orderedList: {
+    marginLeft: Float
+    paddingLeft: Float
+  }
+  unorderedList: {
+    marginLeft: Float
+    paddingLeft: Float
+  }
+  code: CodeBlockStyle
+  pre: CodeBlockStyle
+  mentionHere: {
+    color: ColorValue
+    backgroundColor: ColorValue
+    borderRadius?: Float
+  }
+  mentionUser: {
+    color: ColorValue
+    backgroundColor: ColorValue
+    borderRadius?: Float
+  }
+  mentionReport: {
+    color: ColorValue
+    backgroundColor: ColorValue
+    borderRadius?: Float
+  }
+}
+
+interface NativeProps extends ViewProps {
+  markdownStyle: MarkdownStyle
+  parserId: Int32
+}
+
+export default codegenNativeComponent<NativeProps>("MarcusTextInputDecoratorView", {
+  interfaceOnly: true,
+})
+
+export type { MarkdownStyle }

package/lib/commonjs/MarkdownTextInput.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getWorkletRuntime = getWorkletRuntime;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeWorklets = require("react-native-worklets");
+var _MarcusTextInputDecoratorViewNativeComponent = _interopRequireDefault(require("./MarcusTextInputDecoratorViewNativeComponent"));
+var _NativeMarcusModule = _interopRequireDefault(require("./NativeMarcusModule.js"));
+var _styleUtils = require("./styleUtils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+let initialized = false;
+let workletRuntime;
+function getWorkletRuntime() {
+  if (workletRuntime === undefined) {
+    throw new Error("[react-native-marcus] Worklet runtime hasn't been created yet. Please avoid calling `getWorkletRuntime()` in top-level scope. Instead, call `getWorkletRuntime()` directly in `runOnRuntime` arguments list.");
+  }
+  return workletRuntime;
+}
+function initializeMarcusIfNeeded() {
+  if (initialized) {
+    return;
+  }
+  if (_NativeMarcusModule.default) {
+    _NativeMarcusModule.default.install();
+  }
+  if (!global.jsi_setMarcusRuntime) {
+    throw new Error("[react-native-marcus] global.jsi_setMarcusRuntime is not available");
+  }
+  workletRuntime = (0, _reactNativeWorklets.createWorkletRuntime)({
+    name: "MarcusRuntime"
+  });
+  global.jsi_setMarcusRuntime(workletRuntime);
+  initialized = true;
+}
+function registerParser(parser) {
+  initializeMarcusIfNeeded();
+  const serializableWorklet = (0, _reactNativeWorklets.createSerializable)(parser);
+  const parserId = global.jsi_registerMarcusWorklet(serializableWorklet);
+  return parserId;
+}
+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] = (0, _reactNative.processColor)(obj[prop]);
+    });
+  });
+  return output;
+}
+function processMarkdownStyle(input) {
+  return processColorsInMarkdownStyle((0, _styleUtils.mergeMarkdownStyleWithDefault)(input));
+}
+const MarkdownTextInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const markdownStyle = _react.default.useMemo(() => processMarkdownStyle(props.markdownStyle), [props.markdownStyle]);
+  if (props.parser === undefined) {
+    throw new Error("[react-native-marcus] `parser` is undefined");
+  }
+
+  // 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");
+  }
+  const parserId = _react.default.useMemo(() => {
+    return registerParser(props.parser);
+  }, [props.parser]);
+  _react.default.useEffect(() => {
+    return () => unregisterParser(parserId);
+  }, [parserId]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MarcusTextInputDecoratorViewNativeComponent.default, {
+    style: styles.displayContents,
+    markdownStyle: markdownStyle,
+    parserId: parserId,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      ...props,
+      ref: ref
+    })
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  displayContents: {
+    display: "contents"
+  }
+});
+var _default = exports.default = MarkdownTextInput;
+//# sourceMappingURL=MarkdownTextInput.js.map

package/lib/commonjs/MarkdownTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeWorklets","_MarcusTextInputDecoratorViewNativeComponent","_NativeMarcusModule","_styleUtils","_jsxRuntime","e","__esModule","default","initialized","workletRuntime","getWorkletRuntime","undefined","Error","initializeMarcusIfNeeded","NativeMarcusModule","install","global","jsi_setMarcusRuntime","createWorkletRuntime","name","registerParser","parser","serializableWorklet","createSerializable","parserId","jsi_registerMarcusWorklet","unregisterParser","jsi_unregisterMarcusWorklet","processColorsInMarkdownStyle","input","output","JSON","parse","stringify","Object","keys","forEach","key","obj","prop","endsWith","processColor","processMarkdownStyle","mergeMarkdownStyleWithDefault","MarkdownTextInput","React","forwardRef","props","ref","markdownStyle","useMemo","workletHash","__workletHash","useEffect","jsx","style","styles","displayContents","children","TextInput","StyleSheet","create","display","_default","exports"],"sourceRoot":"../../src","sources":["MarkdownTextInput.tsx"],"mappings":"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","ignoreList":[]}