New audio player, new tuning

Author: MatthewDorner

.eslintrc.js

@@ -13,6 +13,6 @@ module.exports = {
     'object-curly-newline': 'off'
   },
   'globals': {
-    "fetch": false
+    'fetch': false
   }
 }

README.md

@@ -97,21 +97,14 @@ android {
     compileSdkVersion rootProject.ext.compileSdkVersion
 
     signingConfigs {
-        // release {
-            // if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {
-            //     storeFile file(MYAPP_RELEASE_STORE_FILE)
-            //     storePassword MYAPP_RELEASE_STORE_PASSWORD
-            //     keyAlias MYAPP_RELEASE_KEY_ALIAS
-            //     keyPassword MYAPP_RELEASE_KEY_PASSWORD
-            // }
         release {
             // PUT KEY AND PASSWORD HERE
-          if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {
-            storeFile file(MYAPP_RELEASE_STORE_FILE)
-            storePassword MYAPP_RELEASE_STORE_PASSWORD
-            keyAlias MYAPP_RELEASE_KEY_ALIAS
-            keyPassword MYAPP_RELEASE_KEY_PASSWORD
-          }
+            if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {
+                storeFile file(MYAPP_RELEASE_STORE_FILE)
+                storePassword MYAPP_RELEASE_STORE_PASSWORD
+                keyAlias MYAPP_RELEASE_KEY_ALIAS
+                keyPassword MYAPP_RELEASE_KEY_PASSWORD
+            }
         }
     }
 
@@ -182,7 +175,7 @@ configurations.all {
 }
 
 dependencies {
-    implementation project(':react-native-sound')
+    implementation project(':react-native-webview')
     implementation project(':@react-native-community_slider')
     implementation project(':react-native-fs')
     implementation "org.webkit:android-jsc:r241213"

android/app/build.gradle

@@ -3,7 +3,7 @@
 import android.app.Application;
 
 import com.facebook.react.ReactApplication;
-import com.zmxv.RNSound.RNSoundPackage;
+import com.reactnativecommunity.webview.RNCWebViewPackage;
 import com.reactnativecommunity.slider.ReactSliderPackage;
 import com.rnfs.RNFSPackage;
 import com.horcrux.svg.SvgPackage;
@@ -14,6 +14,8 @@
 import com.facebook.react.shell.MainReactPackage;
 import com.facebook.soloader.SoLoader;
 
+import android.webkit.WebView; // for webview debugging
+
 import com.reactnativenavigation.NavigationApplication;
 import com.reactnativenavigation.react.NavigationReactNativeHost;
 import com.reactnativenavigation.react.ReactGateway;
@@ -22,6 +24,13 @@
 import java.util.List;
 
 public class MainApplication extends NavigationApplication {
+
+    // for webview debugging
+    @Override
+    public void onCreate() {
+      super.onCreate();
+      WebView.setWebContentsDebuggingEnabled(true);
+    }
 
     @Override
     protected ReactGateway createReactGateway() {
@@ -48,7 +57,7 @@ protected List<ReactPackage> getPackages() {
             new ReactNativeDocumentPicker(),
             new RNFSPackage(),
             new ReactSliderPackage(),
-            new RNSoundPackage()
+            new RNCWebViewPackage()
             // eg. new VectorIconsPackage()
         );
     }

android/app/src/main/java/com/reactnativesongbook/MainApplication.java

@@ -0,0 +1,17 @@
+package com.reactnativesongbook.generated;
+
+import java.util.Arrays;
+import java.util.List;
+// import org.unimodules.core.interfaces.Package;
+
+public class BasePackageList {
+  public List<Package> getPackageList() {
+    return Arrays.<Package>asList(
+        // new expo.modules.av.AVPackage(),
+        // new expo.modules.constants.ConstantsPackage(),
+        // new expo.modules.filesystem.FileSystemPackage(),
+        // new expo.modules.imageloader.ImageLoaderPackage(),
+        // new expo.modules.permissions.PermissionsPackage()
+    );
+  }
+}

android/app/src/main/java/com/reactnativesongbook/generated/BasePackageList.java

@@ -1,6 +1,6 @@
 rootProject.name = 'reactnativesongbook'
-include ':react-native-sound'
-project(':react-native-sound').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-sound/android')
+include ':react-native-webview'
+project(':react-native-webview').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webview/android')
 include ':@react-native-community_slider'
 project(':@react-native-community_slider').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/slider/android')
 include ':react-native-fs'

android/app/src/main/res/raw/a3.wav

@@ -4,7 +4,7 @@ module.exports = {
     [
       'inline-import',
       {
-        extensions: ['.abc']
+        extensions: ['.jstxt', '.abc']
       }
     ],
   ],

android/app/src/main/res/raw/a4.wav

@@ -11,7 +11,8 @@ const textIcon = require('./icons/text_topmargin_gray.png');
 
 YellowBox.ignoreWarnings([
   'Require cycle:',
-  'Remote debugger'
+  'Remote debugger',
+  // 'pure function',
 ]);
 
 RegisterScreens();
@@ -26,7 +27,7 @@ Navigation.events().registerAppLaunchedListener(() => {
               animate: false,
               backgroundColor: Colors.bottomTabsBackground,
               currentTabIndex: 2,
-              drawBehind: true
+              drawBehind: true,
             },
           },
           children: [{
@@ -48,7 +49,7 @@ Navigation.events().registerAppLaunchedListener(() => {
                         fontFamily: Fonts.default,
                         fontSize: 14,
                         text: 'Current Tune',
-                        icon: musicIcon, // credit "feathericons"
+                        icon: musicIcon, // credit "feathericons",
                       }
                     }
                   },