Changed to the original React native midi lib and added some packages to build the app

front/android/app/src/main/res/values/strings.xml

@@ -2,4 +2,5 @@
   <string name="app_name">Chromacase</string>
   <string name="expo_splash_screen_resize_mode" translatable="false">cover</string>
   <string name="expo_splash_screen_status_bar_translucent" translatable="false">false</string>
+  <string name="expo_system_ui_user_interface_style" translatable="false">light</string>
 </resources>

front/app.json

@@ -13,7 +13,8 @@
 		},
 		"assetBundlePatterns": ["**/*"],
 		"ios": {
-			"supportsTablet": true
+			"supportsTablet": true,
+			"bundleIdentifier": "com.arthichaud.Chromacase"
 		},
 		"android": {
 			"adaptiveIcon": {

front/package.json

@@ -4,8 +4,8 @@
 	"main": "node_modules/expo/AppEntry.js",
 	"scripts": {
 		"start": "expo start",
-		"android": "expo start --android",
+		"android": "expo run:android",
-		"ios": "expo start --ios",
+		"ios": "expo run:ios",
 		"web": "expo start --web",
 		"pretty:check": "prettier --check .",
 		"pretty:write": "prettier --write .",
@@ -18,21 +18,22 @@
 		"chromatic": "chromatic --exit-zero-on-changes"
 	},
 	"dependencies": {
-		"@arthi-chaud/react-native-midi": "^0.0.6",
 		"@expo/webpack-config": "^19.0.0",
+		"@motiz88/react-native-midi": "^0.0.6",
 		"@react-native-async-storage/async-storage": "1.18.2",
 		"@react-navigation/native": "^6.1.8",
 		"@react-navigation/native-stack": "^6.9.14",
 		"@reduxjs/toolkit": "^1.9.6",
 		"expo": "~49.0.13",
-		"expo-blur": "~12.4.1",
 		"expo-av": "~13.4.1",
+		"expo-blur": "~12.4.1",
 		"expo-image-picker": "~14.3.2",
 		"expo-linear-gradient": "~12.3.0",
 		"expo-linking": "~5.0.2",
 		"expo-screen-orientation": "~6.0.5",
 		"expo-splash-screen": "~0.20.5",
 		"expo-status-bar": "~1.6.0",
+		"expo-system-ui": "~2.4.0",
 		"i18next": "^23.5.1",
 		"iconsax-react-native": "^0.0.8",
 		"native-base": "^3.4.28",

front/views/PlayView.tsx

@@ -21,7 +21,7 @@ import { RootState } from '../state/Store';
 import { Translate, translate } from '../i18n/i18n';
 import { ColorSchemeType } from 'native-base/lib/typescript/components/types';
 import { useStopwatch } from 'react-use-precision-timer';
-import { MIDIAccess, MIDIMessageEvent, requestMIDIAccess } from '@arthi-chaud/react-native-midi';
+import { MIDIAccess, MIDIMessageEvent, requestMIDIAccess } from '@motiz88/react-native-midi';
 import * as Linking from 'expo-linking';
 import url from 'url';
 import PartitionMagic from '../components/Play/PartitionMagic';
@@ -229,6 +229,7 @@ const PlayView = ({ songId, route }: RouteProps<PlayViewProps>) => {
 		};
 		inputs.forEach((input) => {
 			input.onmidimessage = (message) => {
+				console.log("onmessage");
 				const { command, note } = parseMidiMessage(message);
 				const keyIsPressed = command == 9;
 

front/yarn.lock

@@ -20,13 +20,6 @@
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@arthi-chaud/react-native-midi@^0.0.6":
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/@arthi-chaud/react-native-midi/-/react-native-midi-0.0.6.tgz#7f17cc72799aff2c040198191dfec7308d67dc9a"
-  integrity sha512-U4+DKie+AINcWEPlKXglaB7AEOZSfjA1p6xy/M9JGZBQpgYGEwMkA6WEbfaycGeB3+17Be8jR6LclLweSBdayw==
-  dependencies:
-    event-target-shim "^6.0.2"
-
 "@babel/code-frame@7.10.4", "@babel/code-frame@~7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
@@ -1991,6 +1984,13 @@
   resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
   integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
 
+"@motiz88/react-native-midi@^0.0.6":
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/@motiz88/react-native-midi/-/react-native-midi-0.0.6.tgz#d212e9924dfa1168da82748cabe82a04437c6907"
+  integrity sha512-0cRYgTjWqjv74Gl94ruX8WBiGQBconU5j/Hy0P7NlsVTRmgnqME3cvW38JMdXb9MxYuA+7BLq0VKkE2DXswpEw==
+  dependencies:
+    event-target-shim "^6.0.2"
+
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -5918,6 +5918,14 @@ expo-status-bar@~1.6.0:
   resolved "https://registry.yarnpkg.com/expo-status-bar/-/expo-status-bar-1.6.0.tgz#e79ffdb9a84d2e0ec9a0dc7392d9ab364fefa9cf"
   integrity sha512-e//Oi2WPdomMlMDD3skE4+1ZarKCJ/suvcB4Jo/nO427niKug5oppcPNYO+csR6y3ZglGuypS+3pp/hJ+Xp6fQ==
 
+expo-system-ui@~2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/expo-system-ui/-/expo-system-ui-2.4.0.tgz#bf809172726cf661ab4f526129eb427bb5f6e4d4"
+  integrity sha512-uaBAYeQtFzyE8WVcch2V3G243xvOf7vJkLzrIJ3rJ8NA3uZRmxF0lMMe75oMrAaLVXyr1Z+ZE6UZwh7x49FuIg==
+  dependencies:
+    "@react-native/normalize-color" "^2.0.0"
+    debug "^4.3.2"
+
 expo-updates-interface@~0.10.0:
   version "0.10.1"
   resolved "https://registry.yarnpkg.com/expo-updates-interface/-/expo-updates-interface-0.10.1.tgz#cab075641cd381718ccd9264bf133dc393430a44"