chore: release v2.4.4

fixes #265

android/app/build.gradle

@@ -85,8 +85,8 @@ android {
         applicationId "nl.moeilijkedingen.jellyfinaudioplayer"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 32
-        versionName "2.4.2"
+        versionCode 34
+        versionName "2.4.4"
     }
 
     signingConfigs {

package-lock.json

@@ -1,17 +1,17 @@
 {
   "name": "fintunes",
-  "version": "2.4.2",
+  "version": "2.4.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "fintunes",
-      "version": "2.4.2",
+      "version": "2.4.4",
       "hasInstallScript": true,
       "dependencies": {
         "@react-native-async-storage/async-storage": "^1.21.0",
         "@react-native-community/blur": "^4.4.1",
-        "@react-native-community/datetimepicker": "^7.6.2",
+        "@react-native-community/datetimepicker": "^8.2.0",
         "@react-native-community/netinfo": "^11.2.1",
         "@react-navigation/bottom-tabs": "^6.5.12",
         "@react-navigation/elements": "^1.3.22",
@@ -2262,11 +2262,26 @@
       }
     },
     "node_modules/@react-native-community/datetimepicker": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@react-native-community/datetimepicker/-/datetimepicker-7.6.2.tgz",
-      "integrity": "sha512-ogZnvCmNG/lGHhEQypqz/mPymiIWD5jv6uKczg/l/aWgiKs1RDPQH1abh+R0I26aKoXmgamJJPuXKeC5eRWtZg==",
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/@react-native-community/datetimepicker/-/datetimepicker-8.2.0.tgz",
+      "integrity": "sha512-qrUPhiBvKGuG9Y+vOqsc56RPFcHa1SU2qbAMT0hfGkoFIj3FodE0VuPVrEa8fgy7kcD5NQmkZIKgHOBLV0+hWg==",
+      "license": "MIT",
       "dependencies": {
         "invariant": "^2.2.4"
+      },
+      "peerDependencies": {
+        "expo": ">=50.0.0",
+        "react": "*",
+        "react-native": "*",
+        "react-native-windows": "*"
+      },
+      "peerDependenciesMeta": {
+        "expo": {
+          "optional": true
+        },
+        "react-native-windows": {
+          "optional": true
+        }
       }
     },
     "node_modules/@react-native-community/netinfo": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fintunes",
-  "version": "2.4.2",
+  "version": "2.4.4",
   "main": "src/index.js",
   "private": true,
   "scripts": {
@@ -14,7 +14,7 @@
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.21.0",
     "@react-native-community/blur": "^4.4.1",
-    "@react-native-community/datetimepicker": "^7.6.2",
+    "@react-native-community/datetimepicker": "^8.2.0",
     "@react-native-community/netinfo": "^11.2.1",
     "@react-navigation/bottom-tabs": "^6.5.12",
     "@react-navigation/elements": "^1.3.22",

src/components/CoverImage.tsx

@@ -59,8 +59,6 @@ function CoverImage({
         return { imageSize, canvasSize };
     }, [blurRadius, margin]);
 
-    console.log({ src });
-
     return (
         <Container size={imageSize} style={style}>
             <BlurContainer size={canvasSize} offset={blurRadius}>

src/screens/modals/Player/components/MediaInformation.tsx

@@ -22,13 +22,13 @@ const Info = styled.View`
     flex-shrink: 1;
 `;
 
-const Label = styled(Text)<{ overflow?: boolean }>`
+const Label = styled(Text)<{ $overflow?: boolean }>`
     opacity: 0.5;
     font-size: 13px;
 
-    ${(props) => props?.overflow && css`
+    ${(props) => props?.$overflow ? css`
         flex: 0 1 auto;
-    `}
+    `: null}
 `;
 
 /**
@@ -51,7 +51,7 @@ export default function MediaInformation() {
         <Container>
             <WaveformIcon fill={styles.icon.color} height={16} width={16} />
             <Info>
-                <Label numberOfLines={1} overflow>
+                <Label numberOfLines={1} $overflow>
                     {albumTrack.Codec?.isDirectPlay ? t('direct-play') : t('transcoded')}
                 </Label>
                 <Label numberOfLines={1}>

src/screens/modals/Player/components/Timer.tsx

@@ -7,8 +7,8 @@ import TimerIcon from '@/assets/icons/timer.svg';
 import { setTimerDate } from '@/store/sleep-timer';
 import ticksToDuration from '@/utility/ticksToDuration';
 import useDefaultStyles from '@/components/Colors';
-import { TouchableOpacity } from 'react-native-gesture-handler';
 import { t } from '@/localisation';
+import { TouchableOpacity } from 'react-native';
 
 const Container = styled.View`
     align-self: flex-start;

src/utility/MigratedStorage.ts

@@ -21,10 +21,23 @@ async function ensureDirectoryExists() {
  */
 const MigratedStorage: Storage = {
     async getItem(key) {
+        // Calculate the path where the key should be stored
         const path = getFileByKey(key);
 
+        // By default, the key for the persistor is "persist:root", which
+        // contains a special character. We run the key through
+        // `encodeURIcomponent`, so we don't trigger any special character
+        // filename errors. However, on Android, react-native-fs doesn't resolve
+        // the paths properly and fails to find the encoded variant. Hence,
+        // we'll also "unencode" the variant and check for existence of any of
+        // the two files.
+        const storeFileExists = (await Promise.all([
+            exists(path), 
+            exists(decodeURIComponent(path))
+        ])).some((d) => d === true);
+        
         // GUARD: Check whether a store already exists on the filesystem
-        if (await exists(path)) {
+        if (storeFileExists) {
             // In which case, we'll read it from disk
             return readFile(path);
         } else {