⚡ Step 4: Tab previews, menu, find in page, desktop mode, release APK

Author: omersusin

.github/workflows/build.yml

@@ -28,9 +28,19 @@ jobs:
       - name: Build Debug APK
         run: gradle assembleDebug
 
-      - name: Upload APK
+      - name: Build Release APK
+        run: gradle assembleRelease
+
+      - name: Upload Debug APK
         uses: actions/upload-artifact@v4
         with:
           name: blinker-debug
           path: app/build/outputs/apk/debug/*.apk
           retention-days: 30
+
+      - name: Upload Release APK
+        uses: actions/upload-artifact@v4
+        with:
+          name: blinker-release
+          path: app/build/outputs/apk/release/*.apk
+          retention-days: 30

app/build.gradle.kts

@@ -20,6 +20,7 @@ android {
         release {
             isMinifyEnabled = true
             isShrinkResources = true
+            signingConfig = signingConfigs.getByName("debug")
             proguardFiles(
                 getDefaultProguardFile("proguard-android-optimize.txt"),
                 "proguard-rules.pro"

app/src/main/java/blinker/go/ui/browser/AddressBar.kt

@@ -18,9 +18,12 @@ import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.rounded.Close
 import androidx.compose.material.icons.rounded.Lock
 import androidx.compose.material.icons.rounded.LockOpen
+import androidx.compose.material.icons.rounded.Refresh
 import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
 import androidx.compose.material3.LinearProgressIndicator
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
@@ -48,16 +51,15 @@ fun AddressBar(
     isLoading: Boolean,
     progress: Int,
     onUrlSubmit: (String) -> Unit,
+    onRefreshOrStop: () -> Unit,
     modifier: Modifier = Modifier
 ) {
     var text by remember { mutableStateOf(url) }
     var isFocused by remember { mutableStateOf(false) }
     val focusManager = LocalFocusManager.current
 
     LaunchedEffect(url) {
-        if (!isFocused) {
-            text = url
-        }
+        if (!isFocused) text = url
     }
 
     Column(
@@ -126,6 +128,21 @@ fun AddressBar(
                     )
                 }
             }
+
+            Spacer(modifier = Modifier.width(4.dp))
+
+            IconButton(
+                onClick = onRefreshOrStop,
+                modifier = Modifier.size(36.dp)
+            ) {
+                Icon(
+                    imageVector = if (isLoading) Icons.Rounded.Close
+                                  else Icons.Rounded.Refresh,
+                    contentDescription = if (isLoading) "Stop" else "Refresh",
+                    modifier = Modifier.size(18.dp),
+                    tint = MaterialTheme.colorScheme.onSurface
+                )
+            }
         }
 
         if (isLoading && progress < 100) {

app/src/main/java/blinker/go/ui/browser/BottomNavBar.kt

@@ -13,9 +13,8 @@ import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.rounded.ArrowBack
 import androidx.compose.material.icons.automirrored.rounded.ArrowForward
-import androidx.compose.material.icons.rounded.Close
 import androidx.compose.material.icons.rounded.Home
-import androidx.compose.material.icons.rounded.Refresh
+import androidx.compose.material.icons.rounded.MoreVert
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 import androidx.compose.material3.MaterialTheme
@@ -32,13 +31,12 @@ import androidx.compose.ui.unit.sp
 fun BottomNavBar(
     canGoBack: Boolean,
     canGoForward: Boolean,
-    isLoading: Boolean,
     tabCount: Int,
     onBack: () -> Unit,
     onForward: () -> Unit,
     onHome: () -> Unit,
-    onRefresh: () -> Unit,
     onShowTabs: () -> Unit,
+    onShowMenu: () -> Unit,
     modifier: Modifier = Modifier
 ) {
     Surface(
@@ -92,18 +90,6 @@ fun BottomNavBar(
                 )
             }
 
-            IconButton(
-                onClick = onRefresh,
-                modifier = Modifier.weight(1f)
-            ) {
-                Icon(
-                    imageVector = if (isLoading) Icons.Rounded.Close
-                                  else Icons.Rounded.Refresh,
-                    contentDescription = if (isLoading) "Stop" else "Refresh",
-                    tint = MaterialTheme.colorScheme.onSurface
-                )
-            }
-
             IconButton(
                 onClick = onShowTabs,
                 modifier = Modifier.weight(1f)
@@ -128,6 +114,17 @@ fun BottomNavBar(
                     )
                 }
             }
+
+            IconButton(
+                onClick = onShowMenu,
+                modifier = Modifier.weight(1f)
+            ) {
+                Icon(
+                    imageVector = Icons.Rounded.MoreVert,
+                    contentDescription = "Menu",
+                    tint = MaterialTheme.colorScheme.onSurface
+                )
+            }
         }
     }
 }