Add JS-Libs to RNC

.github/workflows/android.yml

@@ -20,6 +20,10 @@ jobs:
         - name: Install gems
           run: bundle install
 
+        - uses: webfactory/ssh-agent@v0.4.0
+          with:
+              ssh-private-key: ${{ secrets.SSH_PRIVATE_KEY }}
+
         - name: Install node packages
           run: npm install
 

.github/workflows/desktop.yml

@@ -17,6 +17,10 @@ jobs:
               with:
                 node-version: '14.x'
 
+            - uses: webfactory/ssh-agent@v0.4.0
+              with:
+                  ssh-private-key: ${{ secrets.SSH_PRIVATE_KEY }}
+
             - name: Install node packages
               run: npm install
 

.github/workflows/ios.yml

@@ -20,6 +20,10 @@ jobs:
             - name: Install gems
               run: bundle install
 
+            - uses: webfactory/ssh-agent@v0.4.0
+              with:
+                  ssh-private-key: ${{ secrets.SSH_PRIVATE_KEY }}
+
             - name: Install node packages
               run: npm install
 

.github/workflows/lint.yml

@@ -27,6 +27,10 @@ jobs:
               with:
                   node-version: '14.x'
 
+            - uses: webfactory/ssh-agent@v0.4.0
+              with:
+                  ssh-private-key: ${{ secrets.SSH_PRIVATE_KEY }}
+
             - run: npm install
 
             - run: npm run lint

.github/workflows/version.yml

@@ -19,6 +19,10 @@ jobs:
               with:
                   node-version: '14.x'
 
+            - uses: webfactory/ssh-agent@v0.4.0
+              with:
+                  ssh-private-key: ${{ secrets.SSH_PRIVATE_KEY }}
+
             - name: Install dependenices
               run: npm install
 

.github/workflows/web.yml

@@ -38,6 +38,10 @@ jobs:
             aws-region: us-east-1
 
         # Install node modules
+        - uses: webfactory/ssh-agent@v0.4.0
+          with:
+              ssh-private-key: ${{ secrets.SSH_PRIVATE_KEY }}
+
         - name: Install dependenices
           run: npm install
 

ios/ReactNativeChat.xcodeproj/project.pbxproj

@@ -9,6 +9,7 @@
 /* Begin PBXBuildFile section */
 		00E356F31AD99517003FC87E /* ReactNativeChatTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* ReactNativeChatTests.m */; };
 		097C76E5807C5DFC565DC655 /* libPods-ReactNativeChat-ReactNativeChatTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = C4F81DB9C6DA6418525441E5 /* libPods-ReactNativeChat-ReactNativeChatTests.a */; };
+		12DD1878FCB9487C9F031C86 /* GTAmericaExpMono-Rg.otf in Resources */ = {isa = PBXBuildFile; fileRef = 8437A5A38F2047E0BCCD7C2F /* GTAmericaExpMono-Rg.otf */; };
 		13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
 		13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
 		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
@@ -49,6 +50,7 @@
 		67D5C3A6A7FA417C8A853FC1 /* GTAmericaExp-Light.otf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "GTAmericaExp-Light.otf"; path = "../assets/fonts/GTAmericaExp-Light.otf"; sourceTree = "<group>"; };
 		6ABF95746519766B23B4E2D0 /* libPods-ReactNativeChat.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-ReactNativeChat.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = ReactNativeChat/LaunchScreen.storyboard; sourceTree = "<group>"; };
+		8437A5A38F2047E0BCCD7C2F /* GTAmericaExpMono-Rg.otf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "GTAmericaExpMono-Rg.otf"; path = "../assets/fonts/GTAmericaExpMono-Rg.otf"; sourceTree = "<group>"; };
 		8C7003903C1E4957824899BB /* GTAmericaExp-Regular.otf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "GTAmericaExp-Regular.otf"; path = "../assets/fonts/GTAmericaExp-Regular.otf"; sourceTree = "<group>"; };
 		9B9FEA91E46D2B2609028E69 /* Pods-ReactNativeChat.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ReactNativeChat.debug.xcconfig"; path = "Target Support Files/Pods-ReactNativeChat/Pods-ReactNativeChat.debug.xcconfig"; sourceTree = "<group>"; };
 		A292718541C841859D97DF2F /* GTAmericaExp-Thin.otf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "GTAmericaExp-Thin.otf"; path = "../assets/fonts/GTAmericaExp-Thin.otf"; sourceTree = "<group>"; };
@@ -166,6 +168,7 @@
 				AE65058949E14DA5A2D5435D /* GTAmericaExp-Medium.otf */,
 				8C7003903C1E4957824899BB /* GTAmericaExp-Regular.otf */,
 				A292718541C841859D97DF2F /* GTAmericaExp-Thin.otf */,
+				8437A5A38F2047E0BCCD7C2F /* GTAmericaExpMono-Rg.otf */,
 				A8D6F2F722FD4E66A38EBBB6 /* GTAmericaExp-BdIt.otf */,
 				DB5A1365442D4419AF6F08E5 /* GTAmericaExp-MdIt.otf */,
 				918D7FEFF96242E6B5F5E14D /* GTAmericaExp-RgIt.otf */,
@@ -281,6 +284,7 @@
 			files = (
 				81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
 				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
+				12DD1878FCB9487C9F031C86 /* GTAmericaExpMono-Rg.otf in Resources */,
 				1E76D5212522316A005A268F /* GTAmericaExp-Bold.otf in Resources */,
 				1E76D5222522316A005A268F /* GTAmericaExp-Light.otf in Resources */,
 				1E76D5232522316A005A268F /* GTAmericaExp-Medium.otf in Resources */,

ios/ReactNativeChat/Info.plist

@@ -23,35 +23,35 @@
 	<key>CFBundleVersion</key>
 	<string>99</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
-	<false />
+	<false/>
 	<key>LSRequiresIPhoneOS</key>
-	<true />
+	<true/>
 	<key>NSAppTransportSecurity</key>
 	<dict>
 		<key>NSAllowsArbitraryLoads</key>
-		<true />
+		<true/>
 		<key>NSExceptionDomains</key>
 		<dict>
 			<key>localhost</key>
 			<dict>
 				<key>NSExceptionAllowsInsecureHTTPLoads</key>
-				<true />
+				<true/>
 				<key>NSIncludesSubdomains</key>
-				<true />
+				<true/>
 			</dict>
 			<key>www.expensify.com.dev</key>
 			<dict>
 				<key>NSExceptionAllowsInsecureHTTPLoads</key>
-				<true />
+				<true/>
 				<key>NSIncludesSubdomains</key>
-				<true />
+				<true/>
 			</dict>
 		</dict>
 	</dict>
 	<key>NSCameraUsageDescription</key>
 	<string>Your camera is used to create chat attachments.</string>
 	<key>NSLocationWhenInUseUsageDescription</key>
-	<string />
+	<string/>
 	<key>NSPhotoLibraryAddUsageDescription</key>
 	<string>Your camera roll is used to store chat attachments.</string>
 	<key>NSPhotoLibraryUsageDescription</key>
@@ -63,6 +63,7 @@
 		<string>GTAmericaExp-Medium.otf</string>
 		<string>GTAmericaExp-Regular.otf</string>
 		<string>GTAmericaExp-Thin.otf</string>
+		<string>GTAmericaExpMono-Rg.otf</string>
 		<string>GTAmericaExp-BdIt.otf</string>
 		<string>GTAmericaExp-MdIt.otf</string>
 		<string>GTAmericaExp-RgIt.otf</string>
@@ -81,6 +82,6 @@
 		<string>UIInterfaceOrientationPortraitUpsideDown</string>
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
-	<false />
+	<false/>
 </dict>
 </plist>

package.json

@@ -33,7 +33,7 @@
     "electron-updater": "^4.3.4",
     "file-loader": "^6.0.0",
     "html-entities": "^1.3.1",
-    "jquery": "^3.5.1",
+    "js-libs": "git+https://git@github.com:Expensify/JS-Libs.git#c2a2bb1b0b725b9b0681e71cb99123f9e711ec20",
     "lodash.get": "^4.4.2",
     "lodash.has": "^4.5.2",
     "lodash.orderby": "^4.6.0",

src/components/InlineCodeBlock/index.android.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {View} from 'react-native';
+import {webViewStyles} from '../../style/StyleSheet';
+
+const propTypes = {
+    children: PropTypes.node.isRequired,
+};
+
+const InlineCodeBlock = ({children}) => (
+    <View style={[webViewStyles.codeTagStyle]}>
+        {children}
+    </View>
+);
+
+InlineCodeBlock.propTypes = propTypes;
+InlineCodeBlock.displayName = 'InlineCodeBlock';
+export default InlineCodeBlock;

src/components/InlineCodeBlock/index.ios.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {View} from 'react-native';
+import styles, {webViewStyles} from '../../style/StyleSheet';
+
+const propTypes = {
+    children: PropTypes.node.isRequired,
+};
+
+const InlineCodeBlock = ({children}) => (
+    <View style={[webViewStyles.codeTagStyle, styles.mbn5]}>
+        {children}
+    </View>
+);
+
+InlineCodeBlock.propTypes = propTypes;
+InlineCodeBlock.displayName = 'InlineCodeBlock';
+export default InlineCodeBlock;

src/components/InlineCodeBlock/index.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {Text} from 'react-native';
+import {webViewStyles} from '../../style/StyleSheet';
+
+const propTypes = {
+    children: PropTypes.node.isRequired,
+};
+
+const InlineCodeBlock = ({children}) => (
+    <Text style={[webViewStyles.codeTagStyle]}>
+        {children}
+    </Text>
+);
+
+InlineCodeBlock.propTypes = propTypes;
+InlineCodeBlock.displayName = 'InlineCodeBlock';
+export default InlineCodeBlock;