feat: Updating to Material3 and other edits

README.md

@@ -2,6 +2,8 @@
 Snapchat Compose Clone👻
 <br>
 <br>
+**Facing with the camaraX for API 30 and above, looking into this issue**
+<br>
 <img src="https://github.com/Debanshu777/Compose-Snapchat-Clone/blob/dev/imageAssets/SnapchatGif.gif" width=300 height=300/>
 </h1>
 <h1 align="center">
@@ -20,72 +22,107 @@ Jetpack Compose is Android’s modern toolkit for building native UI. It simplif
 ## Dependencies & References⚡
 
 #### General Dependencies
-* <a href="https://developer.android.com/jetpack/compose/navigation"> ***Compose-version: 1.1.1*** </a> <br>Jetpack Compose is Android’s modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs.
-* ***Gradle-version:7.1.2***
-* ***Kotlin-version:1.6.10***
+
+* <a href="https://developer.android.com/jetpack/compose"> ***Compose-version: 1.4.0-beta02*** </a> <br>Jetpack Compose is Android’s modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs.
+* ***Gradle Version: 7.5***
+* ***Kotlin Version: 1.8.10***
+
 #### Navigation🚀
-* <a href="https://developer.android.com/jetpack/compose/navigation"> ***androidx.navigation:navigation-compose:2.5.0-alpha03*** </a> <br>The Navigation component provides support for Jetpack Compose applications. You can navigate between composables while taking advantage of the Navigation component’s infrastructure and features.
-* Reference <a href="https://blog.mindorks.com/jetpack-compose-navigation">https://blog.mindorks.com/jetpack-compose-navigation</a>
+
+* <a href="https://developer.android.com/jetpack/compose/navigation"> ***androidx.navigation:navigation-compose:2.5.3*** </a> <br>The Navigation component provides support for Jetpack Compose applications. You can navigate between composables while taking advantage of the Navigation component’s infrastructure and features.
+*
+Reference <a href="https://blog.mindorks.com/jetpack-compose-navigation">https://blog.mindorks.com/jetpack-compose-navigation</a>
+
 #### Camara📸
-camerax_version = "1.1.0-beta02"
-* <a href="https://developer.android.com/jetpack/androidx/releases/camera"> ***androidx.camera:camera-core,androidx.camera:camera-camera2,androidx.camera:camera-lifecycle, androidx.camera:camera-view*** </a>
-* Reference 
+
+camerax_version = "1.2.1"
+
+* <a href="https://developer.android.com/jetpack/androidx/releases/camera"> ***androidx.camera:camera-coreandroidx.camera:camera-camera2, androidx.camera:camera-lifecycle,  androidx.camera:camera-view, androidx.camera:camera-lifecycle, androidx.camera:camera-video, androidx.camera:camera-extensions*** </a>
+* Reference
   - <a href="https://proandroiddev.com/compose-camerax-on-android-58578f37e6df"/>https://proandroiddev.com/compose-camerax-on-android-58578f37e6df</a>
   - <a href="https://www.youtube.com/watch?v=gRMznojSHxE&t=321s"/>https://www.youtube.com/watch?v=gRMznojSHxE&t=321s</a>
+
 #### Google Map🗺
-* ***com.google.maps.android:android-maps-utils:2.2.3, com.google.android.libraries.maps:maps:3.1.0-beta, com.google.maps.android:maps-v3-ktx:2.2.0, androidx.fragment:fragment-ktx:1.4.0***
-* References 
+
+* ***com.google.maps.android:maps-compose:2.1.0, com.google.android.gms:play-services-maps:18.1.0***
+* References
   - <a href="https://medium.com/geekculture/google-maps-in-jetpack-compose-android-ae7b1ad84e9"/>https://medium.com/geekculture/google-maps-in-jetpack-compose-android-ae7b1ad84e9</a>
   - <a href="https://johnoreilly.dev/posts/jetpack-compose-google-maps/"> https://johnoreilly.dev/posts/jetpack-compose-google-maps/ </a>
   - <a href="https://www.youtube.com/watch?v=2tu-hNbyViU"/>https://www.youtube.com/watch?v=2tu-hNbyViU</a>
-#### Video Player📽
-* <a href="https://github.com/google/ExoPlayer"> ***com.google.android.exoplayer:exoplayer:2.17.1*** </a> <br> ExoPlayer is an application level media player for Android. It provides an alternative to Android’s MediaPlayer API for playing audio and video both locally and over the Internet. ExoPlayer supports features not currently supported by Android’s MediaPlayer API, including DASH and SmoothStreaming adaptive playbacks. 
+
+#### Video Player with Media 3📽
+
+* <a href="https://developer.android.com/jetpack/androidx/releases/media3"> ***androidx.media3:media3-exoplayer:1.0.0-rc01, androidx.media3:media3-ui:1.0.0-rc01*** </a> <br>We have several existing media APIs: Jetpack Media also known as MediaCompat, Jetpack Media2, and ExoPlayer. These libraries were developed with different goals, and have several areas of overlapping functionality.
+
+It can be challenging to decide which library to use for a given use case, and objects from
+different libraries are often not compatible, requiring adapters or connecting code. Media3 removes
+these challenges by providing a single set of libraries which work well together.
+
 * References
-  - <a href="https://proandroiddev.com/using-exoplayer-in-lazycolumn-65c47e0ceed5"/>https://proandroiddev.com/using-exoplayer-in-lazycolumn-65c47e0ceed5</a>
-  - < a href="https://medium.com/compose-in-the-room/integrating-exoplayer-in-jetpack-compose-38fca2f76bb4"/>https://medium.com/compose-in-the-room/integrating-exoplayer-in-jetpack-compose-38fca2f76bb4</a>
-  - <a href="https://www.youtube.com/watch?v=Ve_bI_HJQy4"/>https://www.youtube.com/watch?v=Ve_bI_HJQy4</a>
+  - <a href="https://medium.com/backyard-programmers/media3-exoplayer-in-jetpack-compose-to-make-snapchat-spotlight-75e384e2ef56"/>https://medium.com/backyard-programmers/media3-exoplayer-in-jetpack-compose-to-make-snapchat-spotlight-75e384e2ef56</a>
+
 #### Coil🍥
-* <a href="https://github.com/coil-kt/coil">io.coil-kt:coil-compose:1.4.0</a> <br> Image loading for Android backed by Kotlin Coroutines.
-* References 
+
+* <a href="https://github.com/coil-kt/coil">io.coil-kt:coil-compose:2.2.2</a> <br> Image loading for
+  Android backed by Kotlin Coroutines.
+* References
   - <a href="https://proandroiddev.com/loading-images-for-jetpack-compose-using-glide-coil-and-fresco-1211261a296e"/>https://proandroiddev.com/loading-images-for-jetpack-compose-using-glide-coil-and-fresco-1211261a296e</a>
   - <a href="https://medium.com/geekculture/jetpack-compose-image-loading-using-coil-647a8098c217"/>https://medium.com/geekculture/jetpack-compose-image-loading-using-coil-647a8098c217</a>
-#### Hiding Secret Key🔑
-* <a href="https://github.com/google/secrets-gradle-plugin">***com.google.android.libraries.mapsplatform.secrets-gradle-plugin:2.0.1***</a><br>This Gradle plugin reads secrets from a properties file not checked into version control, such as local.properties, and expose those properties as variables in the Gradle-generated BuildConfig class and in the Android manifest file.
-* References
-  - <a href="https://www.youtube.com/watch?v=X8lYNW_Or2o">https://www.youtube.com/watch?v=X8lYNW_Or2o</a>
+
 #### Accompanist✨
-* <a href="https://github.com/google/accompanist/">com.google.accompanist:accompanist-permissions, com.google.accompanist:accompanist-pager:0.19.0</a><br>Accompanist is a group of libraries that aim to supplement Jetpack Compose with features that are commonly required by developers but not yet available.
+
+* <a href="https://github.com/google/accompanist/">com.google.accompanist:accompanist-permissions:
+  0.23.1 , com.google.accompanist:accompanist-pager:0.25.1</a><br>Accompanist is a group of
+  libraries that aim to supplement Jetpack Compose with features that are commonly required by
+  developers but not yet available.
 * References
   - <a href="https://google.github.io/accompanist/">https://google.github.io/accompanist/</a>
   - <a href="https://medium.com/surfstudio/accompanist-the-first-chord-a-jetpack-compose-library-reviewed-9e007771db70">https://medium.com/surfstudio/accompanist-the-first-chord-a-jetpack-compose-library-reviewed-9e007771db70</a>
+
 #### Dokka and KDoc🚀
-* <a href="https://github.com/Kotlin/dokka">org.jetbrains.dokka:dokka-gradle-plugin:1.6.10</a><br>Dokka is a documentation engine for Kotlin, performing the same function as javadoc for Java. Just like Kotlin itself, Dokka fully supports mixed-language Java/Kotlin projects. It understands standard Javadoc comments in Java files and KDoc comments in Kotlin files, and can generate documentation in multiple formats including standard Javadoc, HTML and Markdown.
+
+* <a href="https://github.com/Kotlin/dokka">org.jetbrains.dokka:dokka-gradle-plugin:1.7.10</a><br>
+  Dokka is a documentation engine for Kotlin, performing the same function as javadoc for Java. Just
+  like Kotlin itself, Dokka fully supports mixed-language Java/Kotlin projects. It understands
+  standard Javadoc comments in Java files and KDoc comments in Kotlin files, and can generate
+  documentation in multiple formats including standard Javadoc, HTML and Markdown.
 * References
   - <a href="https://medium.com/androiddevnotes/how-to-use-dokka-documentation-engine-for-android-gradle-to-generate-kdoc-or-javadoc-comments-2b5f177595ec">https://medium.com/androiddevnotes/how-to-use-dokka-documentation-engine-for-android-gradle-to-generate-kdoc-or-javadoc-comments-2b5f177595ec</a>
   - <a href="https://www.youtube.com/watch?v=GesMbOt5hIo">https://www.youtube.com/watch?v=GesMbOt5hIo</a>
 #### Detekt🐱‍🏍
-* <a href="https://github.com/detekt/detekt">io.gitlab.arturbosch.detekt:1.18.0</a><br>Static code analysis for Kotlin
+
+* <a href="https://github.com/detekt/detekt">io.gitlab.arturbosch.detekt:detekt-gradle-plugin:
+  1.18.1</a><br>Static code analysis for Kotlin
 * References
   - <a href="https://www.youtube.com/watch?v=o384NbCDB0U">https://www.youtube.com/watch?v=o384NbCDB0U</a>
-  
+
 ## Clean architecture
+
 ***I am still learning and understanding clean architecture so it might be perfectly correct***<br>
-In Clean Architecture, instead of relying on Models, you'll communicate with Interactors from the Use Case layer. This layer contains the user interface related code, powered by Android Jetpack!
-The outer circle represents the concrete mechanisms that are specific to the platform such as networking and database access. Moving inward, each circle is more abstract and higher-level. The center circle is the most abstract and contains business logic, which doesn’t rely on the platform or the framework you’re using.<br>
+In Clean Architecture, instead of relying on Models, you'll communicate with Interactors from the
+Use Case layer. This layer contains the user interface related code, powered by Android Jetpack!
+The outer circle represents the concrete mechanisms that are specific to the platform such as
+networking and database access. Moving inward, each circle is more abstract and higher-level. The
+center circle is the most abstract and contains business logic, which doesn’t rely on the platform
+or the framework you’re using.<br>
 <img src="https://miro.medium.com/max/772/1*wOmAHDN_zKZJns9YDjtrMw.jpeg" height=200 width=300/>
 <br>
-Refer here for more details and description: 
- - <a href="https://www.raywenderlich.com/3595916-clean-architecture-tutorial-for-android-getting-started">https://www.raywenderlich.com/3595916-clean-architecture-tutorial-for-android-getting-started</a>
- - <a href="https://medium.com/android-dev-hacks/detailed-guide-on-android-clean-architecture-9eab262a9011">https://medium.com/android-dev-hacks/detailed-guide-on-android-clean-architecture-9eab262a9011</a>
- - <a href="https://medium.com/swlh/clean-architecture-in-android-a-beginner-approach-be0ce00d806b">https://medium.com/swlh/clean-architecture-in-android-a-beginner-approach-be0ce00d806b</a>
-
+Refer here for more details and description:
+
+- <a href="https://www.raywenderlich.com/3595916-clean-architecture-tutorial-for-android-getting-started">https://www.raywenderlich.com/3595916-clean-architecture-tutorial-for-android-getting-started</a>
+- <a href="https://medium.com/android-dev-hacks/detailed-guide-on-android-clean-architecture-9eab262a9011">https://medium.com/android-dev-hacks/detailed-guide-on-android-clean-architecture-9eab262a9011</a>
+- <a href="https://medium.com/swlh/clean-architecture-in-android-a-beginner-approach-be0ce00d806b">https://medium.com/swlh/clean-architecture-in-android-a-beginner-approach-be0ce00d806b</a>
+
 ## Want to Contribute ?
 
 Awesome! If you want to contribute to this project, you're always welcome!
-Have any questions, doubts or want to present your opinions, views? You're always welcome. You can mail me at <b>debanshudatta123@gmail.com</b> or make an issue.
-Looking for contributors! Don't be shy. 😁 Feel free to open issues/pull requests to help me improve this project.
+Have any questions, doubts or want to present your opinions, views? You're always welcome. You can
+mail me at <b>debanshudatta123@gmail.com</b> or make an issue.
+Looking for contributors! Don't be shy. 😁 Feel free to open issues/pull requests to help me improve
+this project.
 
-- When reporting a new Issue, make sure to attach Screenshots, Videos or GIFs of the problem you are reporting.
+- When reporting a new Issue, make sure to attach Screenshots, Videos or GIFs of the problem you are
+  reporting.
 - When submitting a new PR, make sure tests are all green. Write new tests if necessary.
 
 ## Contributors
@@ -94,7 +131,3 @@ Looking for contributors! Don't be shy. 😁 Feel free to open issues/pull reque
 
 ## License
 The Snapchat name, artwork, trademark are all property of Snap Inc. This project is provided for educational purposes only. It is not affiliated with and has not been approved by Snap Inc.
-
-
-
-

app/build.gradle

@@ -15,7 +15,7 @@ android {
         minSdk 23
         targetSdk 33
         versionCode 1
-        versionName "1.0"
+        versionName "2.0"
         manifestPlaceholders=[GMP_KEY: "Google Maps", googleMapApiKey: ""]
 
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
@@ -41,7 +41,7 @@ android {
         compose true
     }
     composeOptions {
-        kotlinCompilerExtensionVersion '1.3.0'
+        kotlinCompilerExtensionVersion '1.4.3'
     }
     packagingOptions {
         resources {
@@ -65,38 +65,40 @@ tasks.dokkaHtml.configure {
 
 dependencies {
 
-    implementation 'androidx.core:core-ktx:1.8.0'
-    implementation 'androidx.appcompat:appcompat:1.5.0'
-    implementation "androidx.compose.material3:material3:1.0.0-alpha16"
+    implementation 'androidx.core:core-ktx:1.9.0'
+    implementation 'androidx.appcompat:appcompat:1.6.1'
+    implementation "androidx.compose.material3:material3:1.1.0-alpha07"
     implementation "androidx.compose.ui:ui:$compose_version"
     implementation "androidx.compose.ui:ui-tooling-preview:$compose_version"
     implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.5.1'
-    implementation 'androidx.activity:activity-compose:1.5.1'
+    implementation 'androidx.activity:activity-compose:1.6.1'
     debugImplementation "androidx.compose.ui:ui-tooling:$compose_version"
     implementation "androidx.compose.material:material-icons-extended:$compose_version"
 
     //Navigation
-    implementation "androidx.navigation:navigation-compose:2.5.1"
+    implementation "androidx.navigation:navigation-compose:2.5.3"
 
     // Camara
-    def camerax_version = "1.2.0-alpha04"
-    implementation "androidx.camera:camera-core:$camerax_version"
-    implementation "androidx.camera:camera-camera2:$camerax_version"
-    implementation "androidx.camera:camera-lifecycle:$camerax_version"
-    implementation "androidx.camera:camera-view:$camerax_version"
+    def camerax_version = "1.2.1"
+    implementation "androidx.camera:camera-core:${camerax_version}"
+    implementation "androidx.camera:camera-camera2:${camerax_version}"
+    implementation "androidx.camera:camera-lifecycle:${camerax_version}"
+    implementation "androidx.camera:camera-video:${camerax_version}"
+    implementation "androidx.camera:camera-view:${camerax_version}"
+    implementation "androidx.camera:camera-extensions:${camerax_version}"
 
     // Coroutines
-    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-core:1.6.2'
-    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.6.2'
-    implementation "org.jetbrains.kotlinx:kotlinx-coroutines-play-services:1.6.2"
+    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-core:1.6.4'
+    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.6.4'
+    implementation "org.jetbrains.kotlinx:kotlinx-coroutines-play-services:1.6.4"
 
     // Coroutine Lifecycle Scopes
     implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:2.5.1"
     implementation "androidx.lifecycle:lifecycle-runtime-ktx:2.5.1"
 
     // Coroutines
-    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-core:1.6.2'
-    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.6.2'
+    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-core:1.6.4'
+    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.6.4'
 
     // Coroutine Lifecycle Scopes
     implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:2.5.1"
@@ -110,9 +112,12 @@ dependencies {
     implementation "com.google.maps.android:maps-compose:2.1.0"
     implementation "com.google.android.gms:play-services-maps:18.1.0"
 
-    implementation 'androidx.media3:media3-exoplayer:1.0.0-beta02'
-    implementation "androidx.media3:media3-ui:1.0.0-beta02"
-    implementation "io.coil-kt:coil-compose:2.1.0"
+    //Media3
+    implementation 'androidx.media3:media3-exoplayer:1.0.0-rc01'
+    implementation "androidx.media3:media3-ui:1.0.0-rc01"
+
+    //Coil
+    implementation "io.coil-kt:coil-compose:2.2.2"
 
     //Image Picker
     implementation 'com.himanshoe:pluck:1.0.0-RC1'

app/src/main/AndroidManifest.xml

@@ -5,6 +5,7 @@
     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
     <uses-permission android:name="android.permission.CAMERA"/>
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-feature android:name="android.hardware.camera.any" />
     <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
     <application
         android:usesCleartextTraffic="true"