v0.4.0 - Mobile UI Redesign

Author: 0xGingi

android/app/build.gradle

@@ -8,20 +8,19 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 2
-        versionName "2.0"
+        versionName "0.4.0"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.
              // Default: https://android.googlesource.com/platform/frameworks/base/+/282e181b58cf72b6ca770dc7ca5f91f135444502/tools/aapt/AaptAssets.cpp#61
             ignoreAssetsPattern '!.svn:!.git:!.ds_store:!*.scc:.*:!CVS:!thumbs.db:!picasa.ini:!*~'
         }
+        resValue "string", "server_url", "https://sync.trustynotes.app"
+        resValue "color", "colorPrimary", "#3366FF"
+        resValue "color", "colorPrimaryDark", "#1A1B1E"
+        resValue "color", "colorAccent", "#5288FF"
     }
-    buildTypes {
-        release {
-            minifyEnabled false
-            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
-        }
-    }
+    
     signingConfigs {
         release {
             def props = new Properties()
@@ -35,6 +34,7 @@ android {
             }
         }
     }
+
     buildTypes {
         release {
             signingConfig signingConfigs.release
@@ -60,6 +60,7 @@ dependencies {
     androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion"
     androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion"
     implementation project(':capacitor-cordova-android-plugins')
+    implementation "androidx.security:security-crypto:1.1.0-alpha06"
 }
 
 apply from: 'capacitor.build.gradle'

android/app/capacitor.build.gradle

@@ -10,6 +10,7 @@ android {
 apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle"
 dependencies {
     implementation project(':capacitor-app')
+    implementation project(':capacitor-dialog')
     implementation project(':capacitor-keyboard')
     implementation project(':capacitor-preferences')
     implementation project(':capacitor-splash-screen')

android/app/src/main/res/values/styles.xml

@@ -2,11 +2,14 @@
 <resources>
 
     <!-- Base application theme. -->
-    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
+    <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
         <!-- Customize your theme here. -->
         <item name="colorPrimary">@color/colorPrimary</item>
         <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
         <item name="colorAccent">@color/colorAccent</item>
+        <item name="android:windowBackground">@color/colorPrimaryDark</item>
+        <item name="android:navigationBarColor">@color/colorPrimaryDark</item>
+        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
     </style>
 
     <style name="AppTheme.NoActionBar" parent="Theme.AppCompat.DayNight.NoActionBar">
@@ -18,5 +21,7 @@
 
     <style name="AppTheme.NoActionBarLaunch" parent="Theme.SplashScreen">
         <item name="android:background">@drawable/splash</item>
+        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
+        <item name="android:navigationBarColor">@color/colorPrimaryDark</item>
     </style>
 </resources>

android/capacitor.settings.gradle

@@ -5,6 +5,9 @@ project(':capacitor-android').projectDir = new File('../node_modules/@capacitor/
 include ':capacitor-app'
 project(':capacitor-app').projectDir = new File('../node_modules/@capacitor/app/android')
 
+include ':capacitor-dialog'
+project(':capacitor-dialog').projectDir = new File('../node_modules/@capacitor/dialog/android')
+
 include ':capacitor-keyboard'
 project(':capacitor-keyboard').projectDir = new File('../node_modules/@capacitor/keyboard/android')
 

bun.lockb

@@ -5,7 +5,7 @@
   "bundledWebRuntime": false,
   "plugins": {
     "SplashScreen": {
-      "launchShowDuration": 2000,
+      "launchShowDuration": 1500,
       "backgroundColor": "#1A1B1E",
       "androidSplashResourceName": "splash",
       "androidScaleType": "CENTER_CROP",
@@ -21,10 +21,12 @@
     "StatusBar": {
       "style": "dark",
       "backgroundColor": "#1A1B1E",
-      "overlaysWebView": false
+      "overlaysWebView": false,
+      "animation": "fade"
     }
   },
   "server": {
-    "androidScheme": "https"
+    "androidScheme": "https",
+    "cleartext": false
   }
 } 

capacitor.config.json

@@ -1,6 +1,6 @@
 {
     "name": "trusty-notes-electron",
-    "version": "0.3.1",
+    "version": "0.4.0",
     "main": "main.js",
     "type": "commonjs",
     "description": "TrustyNotes is a simple, secure, and reliable note-taking app",

desktop/package.json

@@ -1,7 +1,7 @@
 {
   "name": "trusty-notes-web",
   "private": true,
-  "version": "0.3.1",
+  "version": "0.4.0",
   "type": "module",
   "description": "TrustyNotes is a simple, secure, and reliable note-taking app",
   "author": "Toolworks.dev",
@@ -17,25 +17,26 @@
     "dist:linux": "bun run build:electron && cd desktop && bun run build:linux",
     "dist:windows": "bun run build:electron && cd desktop && bun run build:windows",
     "dist:all": "bun run build:electron && cd desktop && bun run build:all",
-    "generate-android-icons": "node scripts/generate-android-icons.js",
-    "android": "npm run build && bunx cap sync && bunx cap open android",
-    "build:android": "npm run build && bunx cap sync && cd android && ./gradlew assembleRelease",
+    "generate-android-icons": "bun scripts/generate-android-icons.js",
+    "android": "bun run build && bunx cap sync && bunx cap open android",
+    "build:android": "bun run build && bunx cap sync && cd android && ./gradlew assembleRelease",
     "add:android": "bunx cap add android"
   },
   "dependencies": {
     "@capacitor/android": "^7.0.1",
     "@capacitor/app": "^7.0.0",
     "@capacitor/cli": "^7.0.1",
     "@capacitor/core": "^7.0.1",
+    "@capacitor/dialog": "^7.0.0",
     "@capacitor/ios": "^7.0.1",
     "@capacitor/keyboard": "^7.0.0",
     "@capacitor/preferences": "^7.0.0",
     "@capacitor/splash-screen": "^7.0.0",
     "@capacitor/status-bar": "^7.0.0",
     "@emotion/react": "^11.14.0",
-    "@mantine/core": "^7.16.3",
-    "@mantine/hooks": "^7.16.3",
-    "@mantine/notifications": "^7.16.3",
+    "@mantine/core": "^7.17.1",
+    "@mantine/hooks": "^7.17.1",
+    "@mantine/notifications": "^7.17.1",
     "@noble/ed25519": "^2.2.3",
     "@tabler/icons-react": "^3.30.0",
     "@tiptap/extension-code-block": "^2.11.5",
@@ -59,23 +60,23 @@
     "process": "^0.11.10",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-markdown": "^9.0.3",
+    "react-markdown": "^9.1.0",
     "rehype-highlight": "^7.0.2",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "stream-browserify": "^3.0.0",
     "util": "^0.12.5"
   },
   "devDependencies": {
-    "@types/react": "^19.0.9",
-    "@types/react-dom": "^19.0.3",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.4",
     "concurrently": "^9.1.2",
     "cross-env": "^7.0.3",
-    "electron": "^34.2.0",
+    "electron": "^34.3.0",
     "electron-builder": "^25.1.8",
     "sharp": "^0.33.5",
-    "typescript": "^5.7.3",
-    "vite": "^6.1.0"
+    "typescript": "^5.8.2",
+    "vite": "^6.2.0"
   }
 }