react-native-enriched 0.0.0 → 0.1.0

package/ios/EnrichedTextInputViewManager.mm

@@ -0,0 +1,13 @@
+#import <React/RCTUIManager.h>
+#import <React/RCTViewManager.h>
+
+@interface EnrichedTextInputViewManager : RCTViewManager
+@end
+
+@implementation EnrichedTextInputViewManager
+
+RCT_EXPORT_MODULE(EnrichedTextInputView)
+
+RCT_EXPORT_VIEW_PROPERTY(defaultValue, NSString)
+
+@end

package/ios/config/InputConfig.h

@@ -0,0 +1,67 @@
+#pragma once
+#import <UIKit/UIKit.h>
+#import "TextDecorationLineEnum.h"
+#import "MentionStyleProps.h"
+
+@interface InputConfig: NSObject<NSCopying>
+- (instancetype) init;
+- (UIColor *)primaryColor;
+- (void)setPrimaryColor:(UIColor *)newValue;
+- (NSNumber *)primaryFontSize;
+- (void)setPrimaryFontSize:(NSNumber *)newValue;
+- (NSString *)primaryFontWeight;
+- (void)setPrimaryFontWeight:(NSString *)newValue;
+- (NSString *)primaryFontFamily;
+- (void)setPrimaryFontFamily:(NSString *)newValue;
+- (UIFont *)primaryFont;
+- (UIFont *)monospacedFont;
+- (NSSet<NSNumber*>*)mentionIndicators;
+- (void)setMentionIndicators:(NSSet<NSNumber*>*)newValue;
+- (CGFloat)h1FontSize;
+- (void)setH1FontSize:(CGFloat)newValue;
+- (BOOL)h1Bold;
+- (void)setH1Bold:(BOOL)newValue;
+- (CGFloat)h2FontSize;
+- (void)setH2FontSize:(CGFloat)newValue;
+- (BOOL)h2Bold;
+- (void)setH2Bold:(BOOL)newValue;
+- (CGFloat)h3FontSize;
+- (void)setH3FontSize:(CGFloat)newValue;
+- (BOOL)h3Bold;
+- (void)setH3Bold:(BOOL)newValue;
+- (UIColor *)blockquoteBorderColor;
+- (void)setBlockquoteBorderColor:(UIColor *)newValue;
+- (CGFloat)blockquoteBorderWidth;
+- (void)setBlockquoteBorderWidth:(CGFloat)newValue;
+- (CGFloat)blockquoteGapWidth;
+- (void)setBlockquoteGapWidth:(CGFloat)newValue;
+- (UIColor *)blockquoteColor;
+- (void)setBlockquoteColor:(UIColor *)newValue;
+- (UIColor *)inlineCodeFgColor;
+- (void)setInlineCodeFgColor:(UIColor *)newValue;
+- (UIColor *)inlineCodeBgColor;
+- (void)setInlineCodeBgColor:(UIColor *)newValue;
+- (CGFloat)orderedListGapWidth;
+- (void)setOrderedListGapWidth:(CGFloat)newValue;
+- (CGFloat)orderedListMarginLeft;
+- (void)setOrderedListMarginLeft:(CGFloat)newValue;
+- (NSString *)orderedListMarkerFontWeight;
+- (void)setOrderedListMarkerFontWeight:(NSString *)newValue;
+- (UIColor *)orderedListMarkerColor;
+- (void)setOrderedListMarkerColor:(UIColor *)newValue;
+- (UIFont *)orderedListMarkerFont;
+- (UIColor *)unorderedListBulletColor;
+- (void)setUnorderedListBulletColor:(UIColor *)newValue;
+- (CGFloat)unorderedListBulletSize;
+- (void)setUnorderedListBulletSize:(CGFloat)newValue;
+- (CGFloat)unorderedListGapWidth;
+- (void)setUnorderedListGapWidth:(CGFloat)newValue;
+- (CGFloat)unorderedListMarginLeft;
+- (void)setUnorderedListMarginLeft:(CGFloat)newValue;
+- (UIColor *)linkColor;
+- (void)setLinkColor:(UIColor *)newValue;
+- (TextDecorationLineEnum)linkDecorationLine;
+- (void)setLinkDecorationLine:(TextDecorationLineEnum)newValue;
+- (void)setMentionStyleProps:(NSDictionary *)newValue;
+- (MentionStyleProps *)mentionStylePropsForIndicator:(NSString *)indicator;
+@end

package/ios/config/InputConfig.mm

@@ -0,0 +1,382 @@
+#import <InputConfig.h>
+#import <React/RCTFont.h>
+
+@implementation InputConfig {
+  UIColor *_primaryColor;
+  NSNumber *_primaryFontSize;
+  NSString *_primaryFontWeight;
+  NSString *_primaryFontFamily;
+  UIFont *_primaryFont;
+  UIFont *_monospacedFont;
+  BOOL _primaryFontNeedsRecreation;
+  BOOL _monospacedFontNeedsRecreation;
+  NSSet<NSNumber*> *_mentionIndicators;
+  CGFloat _h1FontSize;
+  BOOL _h1Bold;
+  CGFloat _h2FontSize;
+  BOOL _h2Bold;
+  CGFloat _h3FontSize;
+  BOOL _h3Bold;
+  UIColor *_blockquoteBorderColor;
+  CGFloat _blockquoteBorderWidth;
+  CGFloat _blockquoteGapWidth;
+  UIColor *_blockquoteColor;
+  UIColor *_inlineCodeFgColor;
+  UIColor *_inlineCodeBgColor;
+  CGFloat _orderedListGapWidth;
+  CGFloat _orderedListMarginLeft;
+  NSString *_orderedListMarkerFontWeight;
+  UIColor *_orderedListMarkerColor;
+  UIFont *_orderedListMarkerFont;
+  BOOL _olMarkerFontNeedsRecreation;
+  UIColor *_unorderedListBulletColor;
+  CGFloat _unorderedListBulletSize;
+  CGFloat _unorderedListGapWidth;
+  CGFloat _unorderedListMarginLeft;
+  UIColor *_linkColor;
+  TextDecorationLineEnum _linkDecorationLine;
+  NSDictionary *_mentionProperties;
+}
+
+- (instancetype) init {
+  self = [super init];
+  _primaryFontNeedsRecreation = YES;
+  _monospacedFontNeedsRecreation = YES;
+  _olMarkerFontNeedsRecreation = YES;
+  return self;
+}
+
+- (id)copyWithZone:(NSZone *)zone {
+  InputConfig *copy = [[[self class] allocWithZone:zone] init];
+  copy->_primaryColor = [_primaryColor copy];
+  copy->_primaryFontSize = [_primaryFontSize copy];
+  copy->_primaryFontWeight = [_primaryFontWeight copy];
+  copy->_primaryFontFamily = [_primaryFontFamily copy];
+  copy->_primaryFont = [_primaryFont copy];
+  copy->_monospacedFont = [_monospacedFont copy];
+  copy->_mentionIndicators = [_mentionIndicators copy];
+  copy->_h1FontSize = _h1FontSize;
+  copy->_h1Bold = _h1Bold;
+  copy->_h2FontSize = _h2FontSize;
+  copy->_h2Bold = _h2Bold;
+  copy->_h3FontSize = _h3FontSize;
+  copy->_h3Bold = _h3Bold;
+  copy->_blockquoteBorderColor = [_blockquoteBorderColor copy];
+  copy->_blockquoteBorderWidth = _blockquoteBorderWidth;
+  copy->_blockquoteGapWidth = _blockquoteGapWidth;
+  copy->_blockquoteColor = [_blockquoteColor copy];
+  copy->_inlineCodeFgColor = [_inlineCodeFgColor copy];
+  copy->_inlineCodeBgColor = [_inlineCodeBgColor copy];
+  copy->_orderedListGapWidth = _orderedListGapWidth;
+  copy->_orderedListMarginLeft = _orderedListMarginLeft;
+  copy->_orderedListMarkerFontWeight = [_orderedListMarkerFontWeight copy];
+  copy->_orderedListMarkerColor = [_orderedListMarkerColor copy];
+  copy->_orderedListMarkerFont = [_orderedListMarkerFont copy];
+  copy->_unorderedListBulletColor = [_unorderedListBulletColor copy];
+  copy->_unorderedListBulletSize = _unorderedListBulletSize;
+  copy->_unorderedListGapWidth = _unorderedListGapWidth;
+  copy->_unorderedListMarginLeft = _unorderedListMarginLeft;
+  copy->_linkColor = [_linkColor copy];
+  copy->_linkDecorationLine = [_linkDecorationLine copy];
+  copy->_mentionProperties = [_mentionProperties mutableCopy];
+  return copy;
+}
+
+- (UIColor *)primaryColor {
+  return _primaryColor != nullptr ? _primaryColor : UIColor.blackColor;
+}
+
+- (void)setPrimaryColor:(UIColor *)newValue {
+  _primaryColor = newValue;
+}
+
+- (NSNumber *)primaryFontSize {
+  return _primaryFontSize != nullptr ? _primaryFontSize : @(14);
+}
+
+- (void)setPrimaryFontSize:(NSNumber *)newValue {
+  _primaryFontSize = newValue;
+  _primaryFontNeedsRecreation = YES;
+  _monospacedFontNeedsRecreation = YES;
+  _olMarkerFontNeedsRecreation = YES;
+}
+
+- (NSString *)primaryFontWeight {
+  return _primaryFontWeight != nullptr ? _primaryFontWeight : [NSString stringWithFormat:@"%@", @(UIFontWeightRegular)];
+}
+
+- (void)setPrimaryFontWeight:(NSString *)newValue {
+  _primaryFontWeight = newValue;
+  _primaryFontNeedsRecreation = YES;
+  _monospacedFontNeedsRecreation = YES;
+}
+
+- (NSString *)primaryFontFamily {
+  return _primaryFontFamily;
+}
+
+- (void)setPrimaryFontFamily:(NSString *)newValue {
+  _primaryFontFamily = newValue;
+  _primaryFontNeedsRecreation = YES;
+  _olMarkerFontNeedsRecreation = YES;
+}
+
+- (UIFont *)primaryFont {
+  if(_primaryFontNeedsRecreation) {
+    _primaryFontNeedsRecreation = NO;
+    
+    NSString *newFontWeight = [self primaryFontWeight];
+    // fix RCTFontWeight conversion warnings:
+    // sometimes changing font family comes with weight '0' if not specified
+    // RCTConvert doesn't recognize this value so we just nullify it and it gets a default value
+    if([newFontWeight isEqualToString:@"0"]) {
+      newFontWeight = nullptr;
+    }
+    
+    _primaryFont = [RCTFont updateFont:nullptr
+      withFamily:[self primaryFontFamily]
+      size:[self primaryFontSize]
+      weight:newFontWeight
+      style:nullptr
+      variant:nullptr
+      scaleMultiplier: 1];
+  }
+  return _primaryFont;
+}
+
+- (UIFont *)monospacedFont {
+  if(_monospacedFontNeedsRecreation) {
+    _monospacedFontNeedsRecreation = NO;
+    _monospacedFont = [UIFont monospacedSystemFontOfSize: [[self primaryFontSize] floatValue]  weight: [[self primaryFontWeight] floatValue]];
+  }
+  return _monospacedFont;
+}
+
+- (NSSet<NSNumber*>*)mentionIndicators {
+  return _mentionIndicators != nullptr ? _mentionIndicators : [[NSSet alloc] init];
+}
+
+- (void)setMentionIndicators:(NSSet<NSNumber*>*)newValue {
+  _mentionIndicators = newValue;
+}
+
+- (CGFloat)h1FontSize {
+  return _h1FontSize;
+}
+
+- (void)setH1FontSize:(CGFloat)newValue {
+  _h1FontSize = newValue;
+}
+
+- (BOOL)h1Bold {
+  return _h1Bold;
+}
+
+- (void)setH1Bold:(BOOL)newValue {
+  _h1Bold = newValue;
+}
+
+- (CGFloat)h2FontSize {
+  return _h2FontSize;
+}
+
+- (void)setH2FontSize:(CGFloat)newValue {
+  _h2FontSize = newValue;
+}
+
+- (BOOL)h2Bold {
+  return _h2Bold;
+}
+
+- (void)setH2Bold:(BOOL)newValue {
+  _h2Bold = newValue;
+}
+
+- (CGFloat)h3FontSize {
+  return _h3FontSize;
+}
+
+- (void)setH3FontSize:(CGFloat)newValue {
+  _h3FontSize = newValue;
+}
+
+- (BOOL)h3Bold {
+  return _h3Bold;
+}
+
+- (void)setH3Bold:(BOOL)newValue {
+  _h3Bold = newValue;
+}
+
+- (UIColor *)blockquoteBorderColor {
+  return _blockquoteBorderColor;
+}
+
+- (void)setBlockquoteBorderColor:(UIColor *)newValue {
+  _blockquoteBorderColor = newValue;
+}
+
+- (CGFloat)blockquoteBorderWidth {
+  return _blockquoteBorderWidth;
+}
+
+- (void)setBlockquoteBorderWidth:(CGFloat)newValue {
+  _blockquoteBorderWidth = newValue;
+}
+
+
+- (CGFloat)blockquoteGapWidth {
+  return _blockquoteGapWidth;
+}
+
+- (void)setBlockquoteGapWidth:(CGFloat)newValue {
+  _blockquoteGapWidth = newValue;
+}
+
+- (UIColor *)blockquoteColor {
+  return _blockquoteColor;
+}
+
+- (void)setBlockquoteColor:(UIColor *)newValue {
+  _blockquoteColor = newValue;
+}
+
+- (UIColor *)inlineCodeFgColor {
+  return _inlineCodeFgColor;
+}
+
+- (void)setInlineCodeFgColor:(UIColor *)newValue {
+  _inlineCodeFgColor = newValue;
+}
+
+- (UIColor *)inlineCodeBgColor {
+  return _inlineCodeBgColor;
+}
+
+- (void)setInlineCodeBgColor:(UIColor *)newValue {
+  _inlineCodeBgColor = newValue;
+}
+
+- (CGFloat)orderedListGapWidth {
+  return _orderedListGapWidth;
+}
+
+- (void)setOrderedListGapWidth:(CGFloat)newValue {
+  _orderedListGapWidth = newValue;
+}
+
+- (CGFloat)orderedListMarginLeft {
+  return _orderedListMarginLeft;
+}
+
+- (void)setOrderedListMarginLeft:(CGFloat)newValue {
+  _orderedListMarginLeft = newValue;
+}
+
+- (NSString *)orderedListMarkerFontWeight {
+  return _orderedListMarkerFontWeight;
+}
+
+- (void)setOrderedListMarkerFontWeight:(NSString *)newValue {
+  _orderedListMarkerFontWeight = newValue;
+  _olMarkerFontNeedsRecreation = YES;
+}
+
+- (UIColor *)orderedListMarkerColor {
+  return _orderedListMarkerColor;
+}
+
+- (void)setOrderedListMarkerColor:(UIColor *)newValue {
+  _orderedListMarkerColor = newValue;
+}
+
+- (UIFont *)orderedListMarkerFont {
+  if(_olMarkerFontNeedsRecreation) {
+    _olMarkerFontNeedsRecreation = NO;
+    
+    NSString *newFontWeight = [self orderedListMarkerFontWeight];
+    // fix RCTFontWeight conversion warnings:
+    // sometimes changing font family comes with weight '0' if not specified
+    // RCTConvert doesn't recognize this value so we just nullify it and it gets a default value
+    if([newFontWeight isEqualToString:@"0"]) {
+      newFontWeight = nullptr;
+    }
+    
+    _orderedListMarkerFont = [RCTFont updateFont:nullptr
+      withFamily:[self primaryFontFamily]
+      size:[self primaryFontSize]
+      weight:newFontWeight
+      style:nullptr
+      variant:nullptr
+      scaleMultiplier: 1];
+  }
+  return _orderedListMarkerFont;
+}
+
+- (UIColor *)unorderedListBulletColor {
+  return _unorderedListBulletColor;
+}
+
+- (void)setUnorderedListBulletColor:(UIColor *)newValue {
+  _unorderedListBulletColor = newValue;
+}
+
+- (CGFloat)unorderedListBulletSize {
+  return _unorderedListBulletSize;
+}
+
+- (void)setUnorderedListBulletSize:(CGFloat)newValue {
+  _unorderedListBulletSize = newValue;
+}
+
+- (CGFloat)unorderedListGapWidth {
+  return _unorderedListGapWidth;
+}
+
+- (void)setUnorderedListGapWidth:(CGFloat)newValue {
+  _unorderedListGapWidth = newValue;
+}
+
+- (CGFloat)unorderedListMarginLeft {
+  return _unorderedListMarginLeft;
+}
+
+- (void)setUnorderedListMarginLeft:(CGFloat)newValue {
+  _unorderedListMarginLeft = newValue;
+}
+
+- (UIColor *)linkColor {
+  return _linkColor;
+}
+
+- (void)setLinkColor:(UIColor *)newValue {
+  _linkColor = newValue;
+}
+
+- (TextDecorationLineEnum)linkDecorationLine {
+  return _linkDecorationLine;
+}
+
+- (void)setLinkDecorationLine:(TextDecorationLineEnum)newValue {
+  _linkDecorationLine = newValue;
+}
+
+- (void)setMentionStyleProps:(NSDictionary *)newValue {
+  _mentionProperties = [newValue mutableCopy];
+}
+
+- (MentionStyleProps *)mentionStylePropsForIndicator:(NSString *)indicator {
+  if(_mentionProperties.count == 1 && _mentionProperties[@"all"] != nullptr) {
+    // single props for all the indicators
+    return _mentionProperties[@"all"];
+  } else if(_mentionProperties[indicator] != nullptr) {
+    return _mentionProperties[indicator];
+  }
+  MentionStyleProps *fallbackProps = [[MentionStyleProps alloc] init];
+  fallbackProps.color = [UIColor blueColor];
+  fallbackProps.backgroundColor = [UIColor yellowColor];
+  fallbackProps.decorationLine = DecorationUnderline;
+  return fallbackProps;
+}
+
+@end

package/ios/generated/RNEnrichedTextInputViewSpec/ComponentDescriptors.cpp

@@ -0,0 +1,22 @@
+
+/**
+ * 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: GenerateComponentDescriptorCpp.js
+ */
+
+#include "ComponentDescriptors.h"
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void RNEnrichedTextInputViewSpec_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+
+}
+
+} // namespace facebook::react

package/ios/generated/RNEnrichedTextInputViewSpec/ComponentDescriptors.h

@@ -0,0 +1,24 @@
+
+/**
+ * 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: GenerateComponentDescriptorH.js
+ */
+
+#pragma once
+
+#include "ShadowNodes.h"
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+
+
+void RNEnrichedTextInputViewSpec_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react

package/ios/generated/RNEnrichedTextInputViewSpec/EventEmitters.cpp

@@ -0,0 +1,118 @@
+
+/**
+ * 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: GenerateEventEmitterCpp.js
+ */
+
+#include "EventEmitters.h"
+#include <jsi/JSIDynamic.h>
+
+namespace facebook::react {
+
+void EnrichedTextInputViewEventEmitter::onInputFocus(OnInputFocus event) const {
+  dispatchEvent("inputFocus", [](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    
+    return payload;
+  });
+}
+
+
+void EnrichedTextInputViewEventEmitter::onInputBlur(OnInputBlur event) const {
+  dispatchEvent("inputBlur", [](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    
+    return payload;
+  });
+}
+
+
+void EnrichedTextInputViewEventEmitter::onChangeText(OnChangeText event) const {
+  dispatchEvent("changeText", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, "value", event.value);
+    return payload;
+  });
+}
+
+
+void EnrichedTextInputViewEventEmitter::onChangeHtml(OnChangeHtml event) const {
+  dispatchEvent("changeHtml", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, "value", event.value);
+    return payload;
+  });
+}
+
+
+void EnrichedTextInputViewEventEmitter::onChangeState(OnChangeState event) const {
+  dispatchEvent("changeState", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, "isBold", event.isBold);
+payload.setProperty(runtime, "isItalic", event.isItalic);
+payload.setProperty(runtime, "isUnderline", event.isUnderline);
+payload.setProperty(runtime, "isStrikeThrough", event.isStrikeThrough);
+payload.setProperty(runtime, "isInlineCode", event.isInlineCode);
+payload.setProperty(runtime, "isH1", event.isH1);
+payload.setProperty(runtime, "isH2", event.isH2);
+payload.setProperty(runtime, "isH3", event.isH3);
+payload.setProperty(runtime, "isCodeBlock", event.isCodeBlock);
+payload.setProperty(runtime, "isBlockQuote", event.isBlockQuote);
+payload.setProperty(runtime, "isOrderedList", event.isOrderedList);
+payload.setProperty(runtime, "isUnorderedList", event.isUnorderedList);
+payload.setProperty(runtime, "isLink", event.isLink);
+payload.setProperty(runtime, "isImage", event.isImage);
+payload.setProperty(runtime, "isMention", event.isMention);
+    return payload;
+  });
+}
+
+
+void EnrichedTextInputViewEventEmitter::onLinkDetected(OnLinkDetected event) const {
+  dispatchEvent("linkDetected", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, "text", event.text);
+payload.setProperty(runtime, "url", event.url);
+payload.setProperty(runtime, "start", event.start);
+payload.setProperty(runtime, "end", event.end);
+    return payload;
+  });
+}
+
+
+void EnrichedTextInputViewEventEmitter::onMentionDetected(OnMentionDetected event) const {
+  dispatchEvent("mentionDetected", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, "text", event.text);
+payload.setProperty(runtime, "indicator", event.indicator);
+payload.setProperty(runtime, "payload", event.payload);
+    return payload;
+  });
+}
+
+
+void EnrichedTextInputViewEventEmitter::onMention(OnMention event) const {
+  dispatchEvent("mention", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, "indicator", event.indicator);
+payload.setProperty(runtime, "text", jsi::valueFromDynamic(runtime, event.text));
+    return payload;
+  });
+}
+
+
+void EnrichedTextInputViewEventEmitter::onChangeSelection(OnChangeSelection event) const {
+  dispatchEvent("changeSelection", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, "start", event.start);
+payload.setProperty(runtime, "end", event.end);
+payload.setProperty(runtime, "text", event.text);
+    return payload;
+  });
+}
+
+} // namespace facebook::react