Add macOS support

README.md

@@ -7,7 +7,7 @@
 - ⚡ Fully native experience (selection, spellcheck, autocomplete)
 - 🔧 Customizable logic
 - 🎨 Customizable styles
-- 🌐 Universal support (Android, iOS, web)
+- 🌐 Universal support (Android, iOS, macOS, web)
 - 🏗️ Supports only the New Architecture
 
 ## Installation

RNLiveMarkdown.podspec

@@ -19,7 +19,7 @@ Pod::Spec.new do |s|
   s.license      = package["license"]
   s.authors      = package["author"]
 
-  s.platforms    = { :ios => "11.0", :visionos => "1.0" }
+  s.platforms    = { :ios => "11.0", :visionos => "1.0", :osx => "10.15" }
   s.source       = { :git => "https://github.com/expensify/react-native-live-markdown.git", :tag => "#{s.version}" }
 
   s.source_files = "apple/**/*.{h,m,mm}", "cpp/**/*.{h,cpp}"

apple/MarkdownLayoutManager.h

@@ -1,4 +1,3 @@
-#import <UIKit/UIKit.h>
 #import <RNLiveMarkdown/RCTMarkdownUtils.h>
 #import <RNLiveMarkdown/MarkdownFormatter.h>
 

apple/MarkdownLayoutManager.mm

@@ -1,4 +1,5 @@
 #import <RNLiveMarkdown/MarkdownLayoutManager.h>
+#import <objc/runtime.h>
 
 @implementation MarkdownLayoutManager
 

apple/RCTMarkdownStyle.h

@@ -1,34 +1,34 @@
-#import <UIKit/UIKit.h>
+#import <React/RCTUIKit.h>
 
 #import <react/renderer/components/RNLiveMarkdownSpec/Props.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
 @interface RCTMarkdownStyle : NSObject
 
-@property (nonatomic) UIColor *syntaxColor;
-@property (nonatomic) UIColor *linkColor;
+@property (nonatomic) RCTUIColor *syntaxColor;
+@property (nonatomic) RCTUIColor *linkColor;
 @property (nonatomic) CGFloat h1FontSize;
 @property (nonatomic) CGFloat emojiFontSize;
 @property (nonatomic) NSString *emojiFontFamily;
-@property (nonatomic) UIColor *blockquoteBorderColor;
+@property (nonatomic) RCTUIColor *blockquoteBorderColor;
 @property (nonatomic) CGFloat blockquoteBorderWidth;
 @property (nonatomic) CGFloat blockquoteMarginLeft;
 @property (nonatomic) CGFloat blockquotePaddingLeft;
 @property (nonatomic) NSString *codeFontFamily;
 @property (nonatomic) CGFloat codeFontSize;
-@property (nonatomic) UIColor *codeColor;
-@property (nonatomic) UIColor *codeBackgroundColor;
+@property (nonatomic) RCTUIColor *codeColor;
+@property (nonatomic) RCTUIColor *codeBackgroundColor;
 @property (nonatomic) NSString *preFontFamily;
 @property (nonatomic) CGFloat preFontSize;
-@property (nonatomic) UIColor *preColor;
-@property (nonatomic) UIColor *preBackgroundColor;
-@property (nonatomic) UIColor *mentionHereColor;
-@property (nonatomic) UIColor *mentionHereBackgroundColor;
-@property (nonatomic) UIColor *mentionUserColor;
-@property (nonatomic) UIColor *mentionUserBackgroundColor;
-@property (nonatomic) UIColor *mentionReportColor;
-@property (nonatomic) UIColor *mentionReportBackgroundColor;
+@property (nonatomic) RCTUIColor *preColor;
+@property (nonatomic) RCTUIColor *preBackgroundColor;
+@property (nonatomic) RCTUIColor *mentionHereColor;
+@property (nonatomic) RCTUIColor *mentionHereBackgroundColor;
+@property (nonatomic) RCTUIColor *mentionUserColor;
+@property (nonatomic) RCTUIColor *mentionUserBackgroundColor;
+@property (nonatomic) RCTUIColor *mentionReportColor;
+@property (nonatomic) RCTUIColor *mentionReportBackgroundColor;
 
 - (instancetype)initWithStruct:(const facebook::react::MarkdownTextInputDecoratorViewMarkdownStyleStruct &)style;
 

src/styleUtils.ts

@@ -7,6 +7,7 @@ type PartialMarkdownStyle = Partial<{
 
 const FONT_FAMILY_MONOSPACE = Platform.select({
   ios: 'Courier',
+  macos: 'Menlo',
   default: 'monospace',
 });