fix: upgrade RN to 0.64

Author: timmywil

.editorconfig

@@ -13,3 +13,7 @@ end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
+
+# Windows files
+[*.bat]
+end_of_line = crlf

.gitattributes

@@ -1,3 +1,2 @@
-*.pbxproj -text
 # specific for windows script files
-*.bat text eol=crlf
+*.bat text eol=crlf

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx --no-install commitlint --edit $1

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm test

README.md

@@ -31,7 +31,19 @@ Then follow the instructions for each platform to link react-native-spokestack t
 <details>
   <summary>iOS details</summary>
 
-First, set your iOS deployment target in XCode to 13.0.
+### Set deployment target
+
+First, open XCode and go to Project -> Info to set the iOS Deployment target to 13.0 or higher.
+
+Also, set deployment to 13.0 under Target -> General -> Deployment Info.
+
+### Remove invalid library search path
+
+When Flipper was introduced to React Native, some library search paths were set for Swift. There has been a longstanding issue with the default search paths in React Native projects because a search path was added for swift 5.0 which prevented any other React Native libraries from using APIs only available in Swift 5.2 or later. Spokestack-iOS, a dependency of react-native-spokestack makes use of these APIs and XCode will fail to build.
+
+Fortunately, the fix is fairly simple. Go to your target -> Build Settings and search for "Library Search Paths".
+
+Remove `"\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\""` from the list.
 
 ### Edit Podfile
 
@@ -51,17 +63,40 @@ target 'SpokestackExample' do
   #...
 ```
 
-For now, `use_frameworks!` does not work with Flipper, so we also need to disable Flipper. Remove any Flipper-related lines in your Podfile. In React Native 0.63.2, they look like this:
+For now, `use_frameworks!` does not work with Flipper, so we also need to disable Flipper. Remove any Flipper-related lines in your Podfile. In React Native 0.63.2+, they look like this:
 
 ```ruby
   # X Remove or comment out these lines X
-  use_flipper!
-  post_install do |installer|
-    flipper_post_install(installer)
-  end
+  # use_flipper!
+  # post_install do |installer|
+  #   flipper_post_install(installer)
+  # end
   # XX
 ```
 
+#### Bug in React Native 0.64.0 (should be fixed in 0.64.1)
+
+React Native 0.64.0 broke any projects using `use_frameworks!` in their Podfiles.
+
+For more info on this bug, see https://github.com/facebook/react-native/issues/31149.
+
+To workaround this issue, add the following to your Podfile:
+
+```ruby
+# Moves 'Generate Specs' build_phase to be first for FBReactNativeSpec
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    if (target.name&.eql?('FBReactNativeSpec'))
+      target.build_phases.each do |build_phase|
+        if (build_phase.respond_to?(:name) && build_phase.name.eql?('[CP-User] Generate Specs'))
+          target.build_phases.move(build_phase, 0)
+        end
+      end
+    end
+  end
+end
+```
+
 Remove your existing Podfile.lock and Pods folder to ensure no conflicts, then install the pods:
 
 ```sh
@@ -134,12 +169,13 @@ See our [ASR documentation](https://www.spokestack.io/docs/concepts/asr) for mor
 // ...
   ext {
     // Minimum SDK is 21
+    // React Native 0.64+ already has this set
     minSdkVersion = 21
 // ...
   dependencies {
     // Minimium gradle is 3.0.1+
     // The latest React Native already has this
-    classpath("com.android.tools.build:gradle:3.5.3")
+    classpath("com.android.tools.build:gradle:4.1.0")
 ```
 
 ### Edit AndroidManifest.xml

android/build.gradle

@@ -8,7 +8,7 @@ buildscript {
   }
 
   dependencies {
-    classpath 'com.android.tools.build:gradle:3.2.1'
+    classpath 'com.android.tools.build:gradle:4.1.0'
     // noinspection DifferentKotlinGradleVersion
     classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
   }
@@ -126,13 +126,12 @@ dependencies {
   // noinspection GradleDynamicVersion
   implementation 'com.facebook.react:react-native:+'
   implementation "org.jetbrains.kotlinx:kotlinx-coroutines-core:$kotlinx_version"
-  api 'io.spokestack:spokestack-android:11.0.2'
+  api 'io.spokestack:spokestack-android:11.2.0'
 
   // for TensorFlow Lite-powered wakeword detection and/or NLU
   implementation 'org.tensorflow:tensorflow-lite:2.3.0'
 
   // for playback of TTS audio
-  implementation 'androidx.lifecycle:lifecycle-common-java8:2.2.0'
-  implementation 'androidx.media:media:1.2.1'
-  implementation 'com.google.android.exoplayer:exoplayer-core:2.11.7'
+  implementation 'androidx.media:media:1.3.0'
+  implementation 'com.google.android.exoplayer:exoplayer-core:2.13.3'
 }

example/android/app/build.gradle

@@ -121,6 +121,8 @@ def jscFlavor = 'org.webkit:android-jsc:+'
 def enableHermes = project.ext.react.get("enableHermes", false);
 
 android {
+    ndkVersion rootProject.ext.ndkVersion
+
     compileSdkVersion rootProject.ext.compileSdkVersion
 
     compileOptions {
@@ -169,11 +171,12 @@ android {
         variant.outputs.each { output ->
             // For each separate APK per architecture, set a unique version code as described here:
             // https://developer.android.com/studio/build/configure-apk-splits.html
+            // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc.
             def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
             def abi = output.getFilter(OutputFile.ABI)
             if (abi != null) {  // null for the universal-debug, universal-release variants
                 output.versionCodeOverride =
-                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
+                        defaultConfig.versionCode * 1000 + versionCodes.get(abi)
             }
 
         }

example/android/app/src/debug/AndroidManifest.xml

@@ -4,5 +4,10 @@
 
     <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
 
-    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" />
+    <application
+        android:usesCleartextTraffic="true"
+        tools:targetApi="28"
+        tools:ignore="GoogleAppIndexingWarning">
+        <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
+    </application>
 </manifest>

example/android/app/src/main/AndroidManifest.xml

@@ -22,7 +22,6 @@
             <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
       </activity>
-      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
     </application>
 
 </manifest>