Implement QR code generator for link url

Author: AmrDeveloper

app/build.gradle.kts

@@ -96,6 +96,8 @@ dependencies {
     implementation(libs.timber)
     debugImplementation(libs.leakcanary.android)
 
+    implementation("com.google.zxing:core:3.5.4")
+
     testImplementation(libs.junit)
     testImplementation(libs.truth)
 
@@ -106,4 +108,4 @@ dependencies {
     androidTestImplementation(libs.kotlinx.coroutines.testing)
     androidTestImplementation(libs.androidx.espresso.core)
     androidTestImplementation(libs.androidx.espresso.intents)
-}
+}

app/src/main/assets/adi-registration.properties

@@ -0,0 +1 @@
+DGOPSALSAZMY6AAAAAAAAAAAAA=

app/src/main/java/com/amrdeveloper/linkhub/ui/components/Folders.kt

@@ -142,7 +142,7 @@ fun FolderContent(
 }
 
 private val folderLongClickOptions = listOf(
-    DropDownOption("Edit", R.drawable.ic_pin_edit),
+    DropDownOption("Info", R.drawable.ic_pin_edit),
     DropDownOption("Shortcut", R.drawable.ic_shortcut)
 )
 
@@ -160,7 +160,7 @@ fun FolderWithActions(
         options = folderLongClickOptions,
         onOptionSelected = { option ->
             when (option.text) {
-                "Edit" -> {
+                "Info" -> {
                     val bundle = bundleOf("folder" to folder)
                     navController.navigate(R.id.folderFragment, bundle)
                 }
@@ -182,4 +182,4 @@ fun FolderWithActions(
             )
         }
     )
-}
+}

app/src/main/java/com/amrdeveloper/linkhub/ui/components/Links.kt

@@ -165,7 +165,7 @@ fun LinkContent(
 }
 
 private val linkLongClickOptions = listOf(
-    DropDownOption("Edit", R.drawable.ic_shortcut),
+    DropDownOption("Info", R.drawable.ic_shortcut),
     DropDownOption("Copy", R.drawable.ic_shortcut),
     DropDownOption("Shortcut", R.drawable.ic_shortcut),
     DropDownOption("Share", R.drawable.ic_shortcut)
@@ -187,7 +187,7 @@ fun LinkWithActions(
         options = linkLongClickOptions,
         onOptionSelected = { option ->
             when (option.text) {
-                "Edit" -> {
+                "Info" -> {
                     val bundle = bundleOf("link" to link)
                     navController.navigate(R.id.linkFragment, bundle)
                 }
@@ -242,4 +242,4 @@ private fun findPlatformDomainIcon(url: String): Int {
         }
     }
     return R.drawable.ic_link
-}
+}

app/src/main/java/com/amrdeveloper/linkhub/ui/link/LinkScreen.kt

@@ -1,30 +1,38 @@
 package com.amrdeveloper.linkhub.ui.link
 
+import android.graphics.Bitmap
 import android.webkit.URLUtil
 import androidx.activity.compose.BackHandler
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.verticalScroll
+import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.OutlinedTextFieldDefaults
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.asImageBitmap
 import androidx.compose.ui.res.colorResource
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
@@ -44,6 +52,9 @@ import com.amrdeveloper.linkhub.util.CREATED_FOLDER_NAME_KEY
 import com.amrdeveloper.linkhub.util.CREATE_FOLDER_ID
 import com.amrdeveloper.linkhub.util.FOLDER_NONE_ID
 import com.amrdeveloper.linkhub.util.UiPreferences
+import com.amrdeveloper.linkhub.util.generateQrCodeBitmap
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.withContext
 import java.net.URI
 import java.text.DateFormat
 
@@ -224,7 +235,11 @@ fun LinkScreen(
             }
 
             // Link metadata
-            currentLink?.let { LinkCreatedAndUpdatedTime(it) }
+            currentLink?.let {
+                LinkCreateQRCodeImage(it)
+
+                LinkCreatedAndUpdatedTime(it)
+            }
 
             when (taskState) {
                 TaskState.Success -> {
@@ -364,3 +379,37 @@ private fun LinkCreatedAndUpdatedTime(link: Link) {
         )
     }
 }
+
+@Composable
+private fun LinkCreateQRCodeImage(link: Link) {
+    var qrBitmap by remember { mutableStateOf<Bitmap?>(value = null) }
+    LaunchedEffect(link) {
+        withContext(Dispatchers.Default) {
+            qrBitmap = generateQrCodeBitmap(text = link.url)
+        }
+    }
+
+    if (qrBitmap == null) return
+
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(8.dp)
+            .border(1.dp, colorResource(R.color.light_blue_600)),
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        Text(
+            text = "Generated QR Code",
+            color = colorResource(R.color.light_blue_600),
+            style = MaterialTheme.typography.titleMedium,
+        )
+
+        qrBitmap?.let { bitmap ->
+            Image(
+                bitmap = bitmap.asImageBitmap(),
+                contentDescription = "Generated QR Code",
+                modifier = Modifier.size(250.dp)
+            )
+        } ?: CircularProgressIndicator()
+    }
+}

app/src/main/java/com/amrdeveloper/linkhub/util/QRCodeGenerator.kt

@@ -0,0 +1,38 @@
+package com.amrdeveloper.linkhub.util
+
+import android.graphics.Bitmap
+import android.graphics.Color
+import androidx.core.graphics.createBitmap
+import androidx.core.graphics.set
+import com.google.zxing.BarcodeFormat
+import com.google.zxing.MultiFormatWriter
+import com.google.zxing.WriterException
+
+fun generateQrCodeBitmap(
+    text: String,
+    width: Int = 512,
+    height: Int = 512,
+    dataColor: Int = Color.rgb(0x03, 0x9B, 0xE5),
+    emptyColor: Int = Color.WHITE
+): Bitmap? {
+    return try {
+        // Encode the text into a 2D BitMatrix
+        val bitMatrix = MultiFormatWriter().encode(
+            text,
+            BarcodeFormat.QR_CODE,
+            width,
+            height
+        )
+
+        val bitmap = createBitmap(width, height, config = Bitmap.Config.RGB_565)
+
+        for (x in 0 until width) {
+            for (y in 0 until height) {
+                bitmap[x, y] = if (bitMatrix.get(x, y)) dataColor else emptyColor
+            }
+        }
+        bitmap
+    } catch (_: WriterException) {
+        null
+    }
+}