├── .idea
    ├── .name
    ├── .gitignore
    ├── compiler.xml
    ├── kotlinc.xml
    ├── vcs.xml
    ├── misc.xml
    ├── git_toolbox_prj.xml
    ├── gradle.xml
    └── inspectionProfiles
    │   └── Project_Default.xml
├── app
    ├── .gitignore
    ├── src
    │   ├── main
    │   │   ├── res
    │   │   │   ├── mipmap-hdpi
    │   │   │   │   ├── ic_launcher.webp
    │   │   │   │   └── ic_launcher_round.webp
    │   │   │   ├── mipmap-mdpi
    │   │   │   │   ├── ic_launcher.webp
    │   │   │   │   └── ic_launcher_round.webp
    │   │   │   ├── mipmap-xhdpi
    │   │   │   │   ├── ic_launcher.webp
    │   │   │   │   └── ic_launcher_round.webp
    │   │   │   ├── mipmap-xxhdpi
    │   │   │   │   ├── ic_launcher.webp
    │   │   │   │   └── ic_launcher_round.webp
    │   │   │   ├── mipmap-xxxhdpi
    │   │   │   │   ├── ic_launcher.webp
    │   │   │   │   └── ic_launcher_round.webp
    │   │   │   ├── values
    │   │   │   │   ├── themes.xml
    │   │   │   │   ├── colors.xml
    │   │   │   │   └── strings.xml
    │   │   │   ├── drawable
    │   │   │   │   ├── ic_down.xml
    │   │   │   │   └── ic_launcher_background.xml
    │   │   │   ├── mipmap-anydpi-v26
    │   │   │   │   ├── ic_launcher.xml
    │   │   │   │   └── ic_launcher_round.xml
    │   │   │   ├── xml
    │   │   │   │   ├── backup_rules.xml
    │   │   │   │   └── data_extraction_rules.xml
    │   │   │   └── drawable-v24
    │   │   │   │   └── ic_launcher_foreground.xml
    │   │   ├── java
    │   │   │   └── com
    │   │   │   │   └── example
    │   │   │   │       └── xmltocompose
    │   │   │   │           ├── models
    │   │   │   │               └── WidgetInfo.kt
    │   │   │   │           ├── ui
    │   │   │   │               └── theme
    │   │   │   │               │   ├── Color.kt
    │   │   │   │               │   ├── Type.kt
    │   │   │   │               │   └── Theme.kt
    │   │   │   │           ├── viewmodel
    │   │   │   │               └── MainViewModel.kt
    │   │   │   │           ├── DataManager.kt
    │   │   │   │           └── MainActivity.kt
    │   │   └── AndroidManifest.xml
    │   ├── test
    │   │   └── java
    │   │   │   └── com
    │   │   │       └── example
    │   │   │           └── xmltocompose
    │   │   │               └── ExampleUnitTest.kt
    │   └── androidTest
    │   │   └── java
    │   │       └── com
    │   │           └── example
    │   │               └── xmltocompose
    │   │                   └── ExampleInstrumentedTest.kt
    ├── proguard-rules.pro
    └── build.gradle.kts
├── screenshots
    └── screenshot.png
├── gradle
    └── wrapper
    │   ├── gradle-wrapper.jar
    │   └── gradle-wrapper.properties
├── .gitignore
├── settings.gradle.kts
├── CONTRIBUTING.md
├── gradle.properties
├── README.md
├── gradlew.bat
├── assets
    └── widgets.json
├── gradlew
└── LICENSE


/.idea/.name:
--------------------------------------------------------------------------------
1 | XMLToCompose


--------------------------------------------------------------------------------
/app/.gitignore:
--------------------------------------------------------------------------------
1 | /build


--------------------------------------------------------------------------------
/.idea/.gitignore:
--------------------------------------------------------------------------------
1 | # Default ignored files
2 | /shelf/
3 | /workspace.xml
4 | 


--------------------------------------------------------------------------------
/screenshots/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/screenshots/screenshot.png


--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/gradle/wrapper/gradle-wrapper.jar


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bhoomigadhiya/XML-To-Compose/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp


--------------------------------------------------------------------------------
/.idea/compiler.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="CompilerConfiguration">
4 |     <bytecodeTargetLevel target="17" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/app/src/main/res/values/themes.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <resources>
3 | 
4 |     <style name="Theme.XMLToCompose" parent="android:Theme.Material.Light.NoActionBar" />
5 | </resources>


--------------------------------------------------------------------------------
/.idea/kotlinc.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="KotlinJpsPluginSettings">
4 |     <option name="version" value="1.7.20" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/app/src/main/java/com/example/xmltocompose/models/WidgetInfo.kt:
--------------------------------------------------------------------------------
1 | package com.example.xmltocompose.models
2 | 
3 | data class WidgetInfo(
4 |     val widget: String,
5 |     val composable: String,
6 |     val syntax: String,
7 |     val link: String,
8 | )
9 | 


--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | #Sun Aug 27 09:55:37 IST 2023
2 | distributionBase=GRADLE_USER_HOME
3 | distributionPath=wrapper/dists
4 | distributionUrl=https\://services.gradle.org/distributions/gradle-8.0-bin.zip
5 | zipStoreBase=GRADLE_USER_HOME
6 | zipStorePath=wrapper/dists
7 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | *.iml
 2 | .gradle
 3 | /local.properties
 4 | /.idea/caches
 5 | /.idea/libraries
 6 | /.idea/modules.xml
 7 | /.idea/workspace.xml
 8 | /.idea/navEditor.xml
 9 | /.idea/assetWizardSettings.xml
10 | .DS_Store
11 | /build
12 | /captures
13 | .externalNativeBuild
14 | .cxx
15 | local.properties
16 | 


--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_down.xml:
--------------------------------------------------------------------------------
1 | <vector android:height="48dp" android:viewportHeight="512"
2 |     android:viewportWidth="512" android:width="48dp" xmlns:android="http://schemas.android.com/apk/res/android">
3 |     <path android:fillColor="#000000" android:pathData="M283.7,298.7l0,-298.7l-85.4,0l0,298.7l-128,0l170.7,213.3l170.7,-213.3z"/>
4 | </vector>
5 | 


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
3 |     <background android:drawable="@drawable/ic_launcher_background" />
4 |     <foreground android:drawable="@drawable/ic_launcher_foreground" />
5 |     <monochrome android:drawable="@drawable/ic_launcher_foreground" />
6 | </adaptive-icon>


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
3 |     <background android:drawable="@drawable/ic_launcher_background" />
4 |     <foreground android:drawable="@drawable/ic_launcher_foreground" />
5 |     <monochrome android:drawable="@drawable/ic_launcher_foreground" />
6 | </adaptive-icon>


--------------------------------------------------------------------------------
/settings.gradle.kts:
--------------------------------------------------------------------------------
 1 | pluginManagement {
 2 |     repositories {
 3 |         google()
 4 |         mavenCentral()
 5 |         gradlePluginPortal()
 6 |     }
 7 | }
 8 | dependencyResolutionManagement {
 9 |     repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
10 |     repositories {
11 |         google()
12 |         mavenCentral()
13 |     }
14 | }
15 | rootProject.name = "XMLToCompose"
16 | include (":app")


--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 | <project version="4">
2 |   <component name="ExternalStorageConfigurationManager" enabled="true" />
3 |   <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
4 |     <output url="file://$PROJECT_DIR$/build/classes" />
5 |   </component>
6 |   <component name="ProjectType">
7 |     <option name="id" value="Android" />
8 |   </component>
9 | </project>


--------------------------------------------------------------------------------
/app/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <resources>
 3 |     <color name="purple_200">#FFBB86FC</color>
 4 |     <color name="purple_500">#FF6200EE</color>
 5 |     <color name="purple_700">#FF3700B3</color>
 6 |     <color name="teal_200">#FF03DAC5</color>
 7 |     <color name="teal_700">#FF018786</color>
 8 |     <color name="black">#FF000000</color>
 9 |     <color name="white">#FFFFFFFF</color>
10 | </resources>


--------------------------------------------------------------------------------
/app/src/main/java/com/example/xmltocompose/ui/theme/Color.kt:
--------------------------------------------------------------------------------
 1 | package com.example.xmltocompose.ui.theme
 2 | 
 3 | import androidx.compose.ui.graphics.Color
 4 | 
 5 | val Purple80 = Color(0xFFD0BCFF)
 6 | val PurpleGrey80 = Color(0xFFCCC2DC)
 7 | val Pink80 = Color(0xFFEFB8C8)
 8 | 
 9 | val Purple40 = Color(0xFF6650a4)
10 | val PurpleGrey40 = Color(0xFF625b71)
11 | val Pink40 = Color(0xFF7D5260)
12 | 
13 | val pastelBlue= Color(0xFFD1E2F7)
14 | val blue =  Color(0xFF4285F4)


--------------------------------------------------------------------------------
/app/src/test/java/com/example/xmltocompose/ExampleUnitTest.kt:
--------------------------------------------------------------------------------
 1 | package com.example.xmltocompose
 2 | 
 3 | import org.junit.Test
 4 | 
 5 | import org.junit.Assert.*
 6 | 
 7 | /**
 8 |  * Example local unit test, which will execute on the development machine (host).
 9 |  *
10 |  * See [testing documentation](http://d.android.com/tools/testing).
11 |  */
12 | class ExampleUnitTest {
13 |     @Test
14 |     fun addition_isCorrect() {
15 |         assertEquals(4, 2 + 2)
16 |     }
17 | }


--------------------------------------------------------------------------------
/app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 | <resources>
2 |     <string name="app_name">XMLToCompose</string>
3 |     <string name="down_arrow">Down arrow</string>
4 |     <string name="classic_android_widget">Classic Android Widget</string>
5 |     <string name="equivalent_composable">Equivalent Composable</string>
6 |     <string name="syntax">Syntax</string>
7 |     <string name="resource_to_learn">Resource to learn</string>
8 |     <string name="xml_to_compose">XML To Compose</string>
9 | </resources>


--------------------------------------------------------------------------------
/.idea/git_toolbox_prj.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project version="4">
 3 |   <component name="GitToolBoxProjectSettings">
 4 |     <option name="commitMessageIssueKeyValidationOverride">
 5 |       <BoolValueOverride>
 6 |         <option name="enabled" value="true" />
 7 |       </BoolValueOverride>
 8 |     </option>
 9 |     <option name="commitMessageValidationEnabledOverride">
10 |       <BoolValueOverride>
11 |         <option name="enabled" value="true" />
12 |       </BoolValueOverride>
13 |     </option>
14 |   </component>
15 | </project>


--------------------------------------------------------------------------------
/app/src/main/res/xml/backup_rules.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?><!--
 2 |    Sample backup rules file; uncomment and customize as necessary.
 3 |    See https://developer.android.com/guide/topics/data/autobackup
 4 |    for details.
 5 |    Note: This file is ignored for devices older that API 31
 6 |    See https://developer.android.com/about/versions/12/backup-restore
 7 | -->
 8 | <full-backup-content>
 9 |     <!--
10 |    <include domain="sharedpref" path="."/>
11 |    <exclude domain="sharedpref" path="device.xml"/>
12 | -->
13 | </full-backup-content>


--------------------------------------------------------------------------------
/app/src/main/res/xml/data_extraction_rules.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?><!--
 2 |    Sample data extraction rules file; uncomment and customize as necessary.
 3 |    See https://developer.android.com/about/versions/12/backup-restore#xml-changes
 4 |    for details.
 5 | -->
 6 | <data-extraction-rules>
 7 |     <cloud-backup>
 8 |         <!-- TODO: Use <include> and <exclude> to control what is backed up.
 9 |         <include .../>
10 |         <exclude .../>
11 |         -->
12 |     </cloud-backup>
13 |     <!--
14 |     <device-transfer>
15 |         <include .../>
16 |         <exclude .../>
17 |     </device-transfer>
18 |     -->
19 | </data-extraction-rules>


--------------------------------------------------------------------------------
/.idea/gradle.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project version="4">
 3 |   <component name="GradleMigrationSettings" migrationVersion="1" />
 4 |   <component name="GradleSettings">
 5 |     <option name="linkedExternalProjectsSettings">
 6 |       <GradleProjectSettings>
 7 |         <option name="testRunner" value="GRADLE" />
 8 |         <option name="distributionType" value="DEFAULT_WRAPPED" />
 9 |         <option name="externalProjectPath" value="$PROJECT_DIR$" />
10 |         <option name="gradleJvm" value="jbr-17" />
11 |         <option name="modules">
12 |           <set>
13 |             <option value="$PROJECT_DIR$" />
14 |             <option value="$PROJECT_DIR$/app" />
15 |           </set>
16 |         </option>
17 |       </GradleProjectSettings>
18 |     </option>
19 |   </component>
20 | </project>


--------------------------------------------------------------------------------
/app/src/androidTest/java/com/example/xmltocompose/ExampleInstrumentedTest.kt:
--------------------------------------------------------------------------------
 1 | package com.example.xmltocompose
 2 | 
 3 | import androidx.test.platform.app.InstrumentationRegistry
 4 | import androidx.test.ext.junit.runners.AndroidJUnit4
 5 | 
 6 | import org.junit.Test
 7 | import org.junit.runner.RunWith
 8 | 
 9 | import org.junit.Assert.*
10 | 
11 | /**
12 |  * Instrumented test, which will execute on an Android device.
13 |  *
14 |  * See [testing documentation](http://d.android.com/tools/testing).
15 |  */
16 | @RunWith(AndroidJUnit4::class)
17 | class ExampleInstrumentedTest {
18 |     @Test
19 |     fun useAppContext() {
20 |         // Context of the app under test.
21 |         val appContext = InstrumentationRegistry.getInstrumentation().targetContext
22 |         assertEquals("com.example.xmltocompose", appContext.packageName)
23 |     }
24 | }


--------------------------------------------------------------------------------
/app/proguard-rules.pro:
--------------------------------------------------------------------------------
 1 | # Add project specific ProGuard rules here.
 2 | # You can control the set of applied configuration files using the
 3 | # proguardFiles setting in build.gradle.
 4 | #
 5 | # For more details, see
 6 | #   http://developer.android.com/guide/developing/tools/proguard.html
 7 | 
 8 | # If your project uses WebView with JS, uncomment the following
 9 | # and specify the fully qualified class name to the JavaScript interface
10 | # class:
11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
12 | #   public *;
13 | #}
14 | 
15 | # Uncomment this to preserve the line number information for
16 | # debugging stack traces.
17 | #-keepattributes SourceFile,LineNumberTable
18 | 
19 | # If you keep the line number information, uncomment this to
20 | # hide the original source file name.
21 | #-renamesourcefileattribute SourceFile


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contribution
 2 | 
 3 | I'm excited that you're interested in contributing to our project. Please take a moment to review this document to understand how you can get involved.
 4 | 
 5 | ## How to Contribute
 6 | 
 7 | 1. Fork the repository to your GitHub account.
 8 | 2. Clone your forked repository to your local machine:
 9 |    git clone https://github.com/your-username/XML-To-Compose.git
10 | 3. Create a new branch for your feature or bug fix
11 |   git checkout -b feature/your-feature-name 
12 |   or
13 |   git checkout -b fix/your-feature-name
14 | 4. Make your changes and commit them with descriptive commit messages.
15 | 5. Push your changes to your forked repository:
16 |   git push origin feature/your-feature-name
17 | 6. Create a Pull Request (PR) to the `develop` branch of the original repository. Make sure to provide a clear description of your changes in the PR.
18 | 7. Your PR will be reviewed by the project maintainers. Please be open to feedback and be ready to make any necessary changes.
19 | 


--------------------------------------------------------------------------------
/app/src/main/java/com/example/xmltocompose/viewmodel/MainViewModel.kt:
--------------------------------------------------------------------------------
 1 | package com.example.xmltocompose.viewmodel
 2 | 
 3 | import androidx.lifecycle.MutableLiveData
 4 | import androidx.lifecycle.ViewModel
 5 | 
 6 | class MainViewModel : ViewModel() {
 7 | 
 8 |     val isExpanded = MutableLiveData<Boolean>()
 9 |     val selectedWidget = MutableLiveData<String>()
10 |     val equivalentComposable = MutableLiveData<String>()
11 |     val composableSyntax = MutableLiveData<String>()
12 |     val composableLink = MutableLiveData<String>()
13 | 
14 |     fun updateExpandedValue(isExpandedState: Boolean) {
15 |         isExpanded.value = isExpandedState
16 |     }
17 | 
18 |     fun updateSelectedWidget(widget: String) {
19 |         selectedWidget.value = widget
20 |     }
21 | 
22 |     fun updateEquivalentComposable(composable: String) {
23 |         equivalentComposable.value = composable
24 |     }
25 | 
26 |     fun updateComposableSyntax(syntax: String) {
27 |         composableSyntax.value = syntax
28 |     }
29 | 
30 |     fun updateComposableLink(link: String) {
31 |         composableLink.value = link
32 |     }
33 | 
34 | 
35 | }


--------------------------------------------------------------------------------
/app/src/main/java/com/example/xmltocompose/ui/theme/Type.kt:
--------------------------------------------------------------------------------
 1 | package com.example.xmltocompose.ui.theme
 2 | 
 3 | import androidx.compose.material3.Typography
 4 | import androidx.compose.ui.text.TextStyle
 5 | import androidx.compose.ui.text.font.FontFamily
 6 | import androidx.compose.ui.text.font.FontWeight
 7 | import androidx.compose.ui.unit.sp
 8 | 
 9 | // Set of Material typography styles to start with
10 | val Typography = Typography(
11 |     bodyLarge = TextStyle(
12 |         fontFamily = FontFamily.Default,
13 |         fontWeight = FontWeight.Normal,
14 |         fontSize = 16.sp,
15 |         lineHeight = 24.sp,
16 |         letterSpacing = 0.5.sp
17 |     )
18 |     /* Other default text styles to override
19 |     titleLarge = TextStyle(
20 |         fontFamily = FontFamily.Default,
21 |         fontWeight = FontWeight.Normal,
22 |         fontSize = 22.sp,
23 |         lineHeight = 28.sp,
24 |         letterSpacing = 0.sp
25 |     ),
26 |     labelSmall = TextStyle(
27 |         fontFamily = FontFamily.Default,
28 |         fontWeight = FontWeight.Medium,
29 |         fontSize = 11.sp,
30 |         lineHeight = 16.sp,
31 |         letterSpacing = 0.5.sp
32 |     )
33 |     */
34 | )


--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <manifest xmlns:android="http://schemas.android.com/apk/res/android"
 3 |     xmlns:tools="http://schemas.android.com/tools">
 4 | 
 5 |     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
 6 |     <uses-permission android:name="android.permission.INTERNET"/>
 7 | 
 8 |     <application
 9 |         android:allowBackup="true"
10 |         android:dataExtractionRules="@xml/data_extraction_rules"
11 |         android:fullBackupContent="@xml/backup_rules"
12 |         android:icon="@mipmap/ic_launcher"
13 |         android:label="@string/app_name"
14 |         android:roundIcon="@mipmap/ic_launcher_round"
15 |         android:supportsRtl="true"
16 |         android:theme="@style/Theme.XMLToCompose"
17 |         tools:targetApi="31">
18 |         <activity
19 |             android:name=".MainActivity"
20 |             android:exported="true"
21 |             android:label="@string/app_name"
22 |             android:theme="@style/Theme.XMLToCompose">
23 |             <intent-filter>
24 |                 <action android:name="android.intent.action.MAIN" />
25 | 
26 |                 <category android:name="android.intent.category.LAUNCHER" />
27 |             </intent-filter>
28 |         </activity>
29 |     </application>
30 | 
31 | </manifest>


--------------------------------------------------------------------------------
/gradle.properties:
--------------------------------------------------------------------------------
 1 | # Project-wide Gradle settings.
 2 | # IDE (e.g. Android Studio) users:
 3 | # Gradle settings configured through the IDE *will override*
 4 | # any settings specified in this file.
 5 | # For more details on how to configure your build environment visit
 6 | # http://www.gradle.org/docs/current/userguide/build_environment.html
 7 | # Specifies the JVM arguments used for the daemon process.
 8 | # The setting is particularly useful for tweaking memory settings.
 9 | org.gradle.jvmargs=-Xmx2048m -Dfile.encoding=UTF-8
10 | # When configured, Gradle will run in incubating parallel mode.
11 | # This option should only be used with decoupled projects. More details, visit
12 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
13 | # org.gradle.parallel=true
14 | # AndroidX package structure to make it clearer which packages are bundled with the
15 | # Android operating system, and which are packaged with your app's APK
16 | # https://developer.android.com/topic/libraries/support-library/androidx-rn
17 | android.useAndroidX=true
18 | # Kotlin code style for this project: "official" or "obsolete":
19 | kotlin.code.style=official
20 | # Enables namespacing of each library's R class so that its R class includes only the
21 | # resources declared in the library itself and none from the library's dependencies,
22 | # thereby reducing the size of the R class for that library
23 | android.nonTransitiveRClass=true


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # XML to Compose Converter
 2 | 
 3 | Convert classic Android XML layouts/Widgets to Jetpack Compose composables.
 4 | 
 5 | ## Overview
 6 | 
 7 | The XML to Compose Converter is a tool that assists you in transitioning from classic Android XML layouts to Jetpack Compose UI components effortlessly. It provides a user-friendly interface where you can select a classic Android widget, and the converter will display the equivalent Jetpack Compose composable name.
 8 | 
 9 | ## Features
10 | 
11 | - Choose from a variety of classic Android widgets.
12 | - Instantly discover the equivalent Jetpack Compose composable, its syntax, and resources to learn that composable.
13 | - Simplify your migration to Jetpack Compose.
14 | 
15 | ## Screenshots
16 | 
17 | ![App Screenshot](/screenshots/screenshot.png)
18 | 
19 | 
20 | ## Technologies Used
21 | 
22 | - Jetpack Compose: A modern UI toolkit for building native Android apps using a declarative approach.
23 | - Kotlin: The official programming language for Android app development.
24 | - Android Studio: The integrated development environment (IDE) for Android development.
25 | 
26 | ## Dependencies
27 | 
28 | - Kotlin
29 | - Jetpack Compose
30 | - Gson
31 | 
32 | ## Contributions
33 | 
34 | Contributions are welcome! If you encounter any issues or have suggestions, feel free to submit a pull request or create an issue.
35 | 
36 | ## License
37 | 
38 | The Timeline project is licensed under the Apache 2.0 License. See the LICENSE file for more details.
39 | 
40 | ## Author
41 | 
42 | [Bhoomi Vaghasiya](https://www.linkedin.com/in/bhoomivaghasiya/)
43 | 


--------------------------------------------------------------------------------
/app/src/main/res/drawable-v24/ic_launcher_foreground.xml:
--------------------------------------------------------------------------------
 1 | <vector xmlns:android="http://schemas.android.com/apk/res/android"
 2 |     xmlns:aapt="http://schemas.android.com/aapt"
 3 |     android:width="108dp"
 4 |     android:height="108dp"
 5 |     android:viewportWidth="108"
 6 |     android:viewportHeight="108">
 7 |     <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
 8 |         <aapt:attr name="android:fillColor">
 9 |             <gradient
10 |                 android:endX="85.84757"
11 |                 android:endY="92.4963"
12 |                 android:startX="42.9492"
13 |                 android:startY="49.59793"
14 |                 android:type="linear">
15 |                 <item
16 |                     android:color="#44000000"
17 |                     android:offset="0.0" />
18 |                 <item
19 |                     android:color="#00000000"
20 |                     android:offset="1.0" />
21 |             </gradient>
22 |         </aapt:attr>
23 |     </path>
24 |     <path
25 |         android:fillColor="#FFFFFF"
26 |         android:fillType="nonZero"
27 |         android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
28 |         android:strokeWidth="1"
29 |         android:strokeColor="#00000000" />
30 | </vector>


--------------------------------------------------------------------------------
/app/src/main/java/com/example/xmltocompose/DataManager.kt:
--------------------------------------------------------------------------------
 1 | package com.example.xmltocompose
 2 | 
 3 | import android.content.Context
 4 | import com.example.xmltocompose.models.WidgetInfo
 5 | import com.google.gson.Gson
 6 | import java.io.BufferedReader
 7 | import java.io.InputStreamReader
 8 | import java.net.HttpURLConnection
 9 | import java.net.URL
10 | 
11 | 
12 | object DataManager {
13 | 
14 |     // The data array to store WidgetInfo objects
15 |     var data = emptyArray<WidgetInfo>()
16 | 
17 |     // Function to load data from a JSON file in assets folder
18 |     fun loadAssetsFromUrl() {
19 | 
20 |         val response = fetchJsonFromUrl()
21 | 
22 |         // Initialize Gson to parse JSON data
23 |         val gson = Gson()
24 | 
25 |         // Parse JSON data and populate the data array
26 |         data = gson.fromJson(response, Array<WidgetInfo>::class.java)
27 | 
28 |         // Sort the data array by widget name in alphabetical order (A to Z)
29 |         data = data.sortedBy { it.widget }.toTypedArray()
30 |     }
31 | 
32 |     // Function to load data from a JSON file in assets folder
33 | 
34 |     private fun fetchJsonFromUrl(): String {
35 |         val connection =
36 |             URL("https://raw.githubusercontent.com/bhoomi0104/XML-To-Compose/master/assets/widgets.json").openConnection() as HttpURLConnection
37 |         connection.requestMethod = "GET"
38 |         connection.connect()
39 | 
40 |         val responseCode = connection.responseCode
41 |         if (responseCode == HttpURLConnection.HTTP_OK) {
42 |             val reader = BufferedReader(InputStreamReader(connection.inputStream))
43 |             val response = StringBuilder()
44 |             var line: String?
45 |             while (reader.readLine().also { line = it } != null) {
46 |                 response.append(line)
47 |             }
48 |             reader.close()
49 |             return response.toString()
50 |         } else {
51 |             throw Exception("Failed to fetch data from URL")
52 |         }
53 |     }
54 | 
55 | }


--------------------------------------------------------------------------------
/.idea/inspectionProfiles/Project_Default.xml:
--------------------------------------------------------------------------------
 1 | <component name="InspectionProjectProfileManager">
 2 |   <profile version="1.0">
 3 |     <option name="myName" value="Project Default" />
 4 |     <inspection_tool class="PreviewAnnotationInFunctionWithParameters" enabled="true" level="ERROR" enabled_by_default="true">
 5 |       <option name="composableFile" value="true" />
 6 |       <option name="previewFile" value="true" />
 7 |     </inspection_tool>
 8 |     <inspection_tool class="PreviewApiLevelMustBeValid" enabled="true" level="ERROR" enabled_by_default="true">
 9 |       <option name="composableFile" value="true" />
10 |       <option name="previewFile" value="true" />
11 |     </inspection_tool>
12 |     <inspection_tool class="PreviewDimensionRespectsLimit" enabled="true" level="WARNING" enabled_by_default="true">
13 |       <option name="composableFile" value="true" />
14 |       <option name="previewFile" value="true" />
15 |     </inspection_tool>
16 |     <inspection_tool class="PreviewFontScaleMustBeGreaterThanZero" enabled="true" level="ERROR" enabled_by_default="true">
17 |       <option name="composableFile" value="true" />
18 |       <option name="previewFile" value="true" />
19 |     </inspection_tool>
20 |     <inspection_tool class="PreviewMultipleParameterProviders" enabled="true" level="ERROR" enabled_by_default="true">
21 |       <option name="composableFile" value="true" />
22 |       <option name="previewFile" value="true" />
23 |     </inspection_tool>
24 |     <inspection_tool class="PreviewMustBeTopLevelFunction" enabled="true" level="ERROR" enabled_by_default="true">
25 |       <option name="composableFile" value="true" />
26 |       <option name="previewFile" value="true" />
27 |     </inspection_tool>
28 |     <inspection_tool class="PreviewNeedsComposableAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
29 |       <option name="composableFile" value="true" />
30 |       <option name="previewFile" value="true" />
31 |     </inspection_tool>
32 |     <inspection_tool class="PreviewNotSupportedInUnitTestFiles" enabled="true" level="ERROR" enabled_by_default="true">
33 |       <option name="composableFile" value="true" />
34 |       <option name="previewFile" value="true" />
35 |     </inspection_tool>
36 |     <inspection_tool class="PreviewPickerAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
37 |       <option name="composableFile" value="true" />
38 |       <option name="previewFile" value="true" />
39 |     </inspection_tool>
40 |   </profile>
41 | </component>


--------------------------------------------------------------------------------
/app/src/main/java/com/example/xmltocompose/ui/theme/Theme.kt:
--------------------------------------------------------------------------------
 1 | package com.example.xmltocompose.ui.theme
 2 | 
 3 | import android.app.Activity
 4 | import android.os.Build
 5 | import androidx.compose.foundation.isSystemInDarkTheme
 6 | import androidx.compose.material3.MaterialTheme
 7 | import androidx.compose.material3.darkColorScheme
 8 | import androidx.compose.material3.dynamicDarkColorScheme
 9 | import androidx.compose.material3.dynamicLightColorScheme
10 | import androidx.compose.material3.lightColorScheme
11 | import androidx.compose.runtime.Composable
12 | import androidx.compose.runtime.SideEffect
13 | import androidx.compose.ui.graphics.toArgb
14 | import androidx.compose.ui.platform.LocalContext
15 | import androidx.compose.ui.platform.LocalView
16 | import androidx.core.view.WindowCompat
17 | 
18 | private val DarkColorScheme = darkColorScheme(
19 |     primary = Purple80,
20 |     secondary = PurpleGrey80,
21 |     tertiary = Pink80
22 | )
23 | 
24 | private val LightColorScheme = lightColorScheme(
25 |     primary = Purple40,
26 |     secondary = PurpleGrey40,
27 |     tertiary = Pink40
28 | 
29 |     /* Other default colors to override
30 |     background = Color(0xFFFFFBFE),
31 |     surface = Color(0xFFFFFBFE),
32 |     onPrimary = Color.White,
33 |     onSecondary = Color.White,
34 |     onTertiary = Color.White,
35 |     onBackground = Color(0xFF1C1B1F),
36 |     onSurface = Color(0xFF1C1B1F),
37 |     */
38 | )
39 | 
40 | @Composable
41 | fun XMLToComposeTheme(
42 |     darkTheme: Boolean = isSystemInDarkTheme(),
43 |     // Dynamic color is available on Android 12+
44 |     dynamicColor: Boolean = true,
45 |     content: @Composable () -> Unit
46 | ) {
47 |     val colorScheme = when {
48 |         dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
49 |             val context = LocalContext.current
50 |             if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
51 |         }
52 | 
53 |         darkTheme -> DarkColorScheme
54 |         else -> LightColorScheme
55 |     }
56 |     val view = LocalView.current
57 |     if (!view.isInEditMode) {
58 |         SideEffect {
59 |             val window = (view.context as Activity).window
60 |             window.statusBarColor = colorScheme.primary.toArgb()
61 |             WindowCompat.getInsetsController(window, view).isAppearanceLightStatusBars = darkTheme
62 |         }
63 |     }
64 | 
65 |     MaterialTheme(
66 |         colorScheme = colorScheme,
67 |         typography = Typography,
68 |         content = content
69 |     )
70 | }


--------------------------------------------------------------------------------
/app/build.gradle.kts:
--------------------------------------------------------------------------------
 1 | plugins {
 2 |     id("com.android.application")
 3 |     id("org.jetbrains.kotlin.android")
 4 |     id("kotlin-kapt")
 5 |     id("com.google.devtools.ksp") version "1.7.20-1.0.8"
 6 | }
 7 | 
 8 | android {
 9 |     namespace = "com.example.xmltocompose"
10 |     compileSdk = 33
11 | 
12 |     defaultConfig {
13 |         applicationId = "com.example.xmltocompose"
14 |         minSdk = 24
15 |         targetSdk = 33
16 |         versionCode = 1
17 |         versionName = "1.0"
18 | 
19 |         testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
20 |         vectorDrawables {
21 |             useSupportLibrary = true
22 |         }
23 |     }
24 | 
25 |     buildTypes {
26 |         release {
27 |             isMinifyEnabled = false
28 |             proguardFiles(
29 |                 getDefaultProguardFile("proguard-android-optimize.txt"), "proguard-rules.pro"
30 |             )
31 |         }
32 |     }
33 | 
34 |     compileOptions {
35 |         sourceCompatibility = JavaVersion.VERSION_1_8
36 |         targetCompatibility = JavaVersion.VERSION_1_8
37 |     }
38 | 
39 |     kotlinOptions {
40 |         jvmTarget = "1.8"
41 |     }
42 | 
43 |     buildFeatures {
44 |         compose = true
45 |     }
46 |     composeOptions {
47 |         kotlinCompilerExtensionVersion = "1.3.2"
48 |     }
49 |     packagingOptions {
50 |         resources {
51 |             excludes += "/META-INF/{AL2.0,LGPL2.1}"
52 |         }
53 |     }
54 | }
55 | 
56 | dependencies {
57 | 
58 |     implementation("androidx.core:core-ktx:1.8.0")
59 |     implementation(platform("org.jetbrains.kotlin:kotlin-bom:1.8.0"))
60 |     implementation("androidx.lifecycle:lifecycle-runtime-ktx:2.3.1")
61 |     implementation("androidx.activity:activity-compose:1.5.1")
62 |     implementation(platform("androidx.compose:compose-bom:2022.10.00"))
63 |     implementation("androidx.compose.ui:ui")
64 |     implementation("androidx.compose.ui:ui-graphics")
65 |     implementation("androidx.compose.ui:ui-tooling-preview")
66 |     implementation("androidx.compose.material3:material3")
67 | 
68 |     implementation("com.google.code.gson:gson:2.10.1")
69 | 
70 |     testImplementation("junit:junit:4.13.2")
71 |     androidTestImplementation("androidx.test.ext:junit:1.1.5")
72 |     androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
73 |     androidTestImplementation(platform("androidx.compose:compose-bom:2022.10.00"))
74 |     androidTestImplementation("androidx.compose.ui:ui-test-junit4")
75 |     debugImplementation("androidx.compose.ui:ui-tooling")
76 |     debugImplementation("androidx.compose.ui:ui-test-manifest")
77 | 
78 |     implementation ("androidx.lifecycle:lifecycle-viewmodel-compose:2.6.2")
79 |     implementation ("androidx.lifecycle:lifecycle-livedata-ktx:2.6.2")
80 |     implementation ("androidx.compose.runtime:runtime-livedata:1.5.3")
81 | }
82 | 
83 | kapt {
84 |     correctErrorTypes = true
85 | }


--------------------------------------------------------------------------------
/gradlew.bat:
--------------------------------------------------------------------------------
 1 | @rem
 2 | @rem Copyright 2015 the original author or authors.
 3 | @rem
 4 | @rem Licensed under the Apache License, Version 2.0 (the "License");
 5 | @rem you may not use this file except in compliance with the License.
 6 | @rem You may obtain a copy of the License at
 7 | @rem
 8 | @rem      https://www.apache.org/licenses/LICENSE-2.0
 9 | @rem
10 | @rem Unless required by applicable law or agreed to in writing, software
11 | @rem distributed under the License is distributed on an "AS IS" BASIS,
12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | @rem See the License for the specific language governing permissions and
14 | @rem limitations under the License.
15 | @rem
16 | 
17 | @if "%DEBUG%" == "" @echo off
18 | @rem ##########################################################################
19 | @rem
20 | @rem  Gradle startup script for Windows
21 | @rem
22 | @rem ##########################################################################
23 | 
24 | @rem Set local scope for the variables with windows NT shell
25 | if "%OS%"=="Windows_NT" setlocal
26 | 
27 | set DIRNAME=%~dp0
28 | if "%DIRNAME%" == "" set DIRNAME=.
29 | set APP_BASE_NAME=%~n0
30 | set APP_HOME=%DIRNAME%
31 | 
32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter.
33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
34 | 
35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
37 | 
38 | @rem Find java.exe
39 | if defined JAVA_HOME goto findJavaFromJavaHome
40 | 
41 | set JAVA_EXE=java.exe
42 | %JAVA_EXE% -version >NUL 2>&1
43 | if "%ERRORLEVEL%" == "0" goto execute
44 | 
45 | echo.
46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
47 | echo.
48 | echo Please set the JAVA_HOME variable in your environment to match the
49 | echo location of your Java installation.
50 | 
51 | goto fail
52 | 
53 | :findJavaFromJavaHome
54 | set JAVA_HOME=%JAVA_HOME:"=%
55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
56 | 
57 | if exist "%JAVA_EXE%" goto execute
58 | 
59 | echo.
60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
61 | echo.
62 | echo Please set the JAVA_HOME variable in your environment to match the
63 | echo location of your Java installation.
64 | 
65 | goto fail
66 | 
67 | :execute
68 | @rem Setup the command line
69 | 
70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
71 | 
72 | 
73 | @rem Execute Gradle
74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
75 | 
76 | :end
77 | @rem End local scope for the variables with windows NT shell
78 | if "%ERRORLEVEL%"=="0" goto mainEnd
79 | 
80 | :fail
81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
82 | rem the _cmd.exe /c_ return code!
83 | if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
84 | exit /b 1
85 | 
86 | :mainEnd
87 | if "%OS%"=="Windows_NT" endlocal
88 | 
89 | :omega
90 | 


--------------------------------------------------------------------------------
/assets/widgets.json:
--------------------------------------------------------------------------------
  1 | [
  2 |   {
  3 |     "widget": "ImageView",
  4 |     "composable": "Image",
  5 |     "syntax": "Image(imageUrl= \"https://example.com/image.png\")",
  6 |     "link" : "https://www.composables.com/components/foundation/image"
  7 |   },
  8 |   {
  9 |     "widget": "TextView",
 10 |     "composable": "Text",
 11 |     "syntax": "Text(text= \"Hello, world!\")",
 12 |     "link" : "https://www.composables.com/components/foundation/text"
 13 | 
 14 | 
 15 |   },
 16 |   {
 17 |     "widget": "Button",
 18 |     "composable": "Button",
 19 |     "syntax": "Button(onClick= { /* Do something when clicked */ }){ //content }",
 20 |     "link" : "https://www.composables.com/components/material3/button"
 21 | 
 22 |   },
 23 |   {
 24 |     "widget": "EditText",
 25 |     "composable": "BasicTextField",
 26 |     "syntax": "BasicTextField(value= \"My text\")",
 27 |     "link": "https://www.composables.com/components/foundation/basictextfield"
 28 |   },
 29 |   {
 30 |     "widget": "CheckBox",
 31 |     "composable": "Checkbox",
 32 |     "syntax": "Checkbox(checked= true)",
 33 |     "link": "https://www.composables.com/components/material3/checkbox"
 34 |   },
 35 |   {
 36 |     "widget": "SeekBar",
 37 |     "composable": "Slider",
 38 |     "syntax": "Slider(value= 50)",
 39 |     "link": "https://www.composables.com/components/material3/slider"
 40 |   },
 41 |   {
 42 |     "widget": "ProgressBar",
 43 |     "composable": "LinearProgressIndicator",
 44 |     "syntax": "LinearProgressIndicator(progress= 0.5)",
 45 |     "link": "https://www.composables.com/components/material3/LinearProgressIndicator"
 46 |   },
 47 |   {
 48 |     "widget": "Switch",
 49 |     "composable": "Switch",
 50 |     "syntax": "Switch(checked= true)",
 51 |     "link": "https://www.composables.com/components/material3/Switch"
 52 | 
 53 |   },
 54 |   {
 55 |     "widget": "ListView",
 56 |     "composable": "LazyColumn",
 57 |     "syntax": "LazyColumn(items= [ /* List of items */ ])",
 58 |     "link": "https://www.composables.com/components/foundation/lazycolumn"
 59 |   },
 60 |   {
 61 |     "widget": "GridView",
 62 |     "composable": "LazyVerticalGrid",
 63 |     "syntax": "LazyVerticalGrid(items= [ /* List of items */ ])",
 64 |     "link": "https://www.composables.com/components/foundation/lazyverticalgrid"
 65 |   },
 66 |   {
 67 |     "widget": "AppBar",
 68 |     "composable": "TopAppBar",
 69 |     "syntax": "TopAppBar(title= \"My AppBar\")",
 70 |     "link" : "https://www.composables.com/components/material3/topappbar"
 71 |   },
 72 |   {
 73 |     "widget": "CardView",
 74 |     "composable": "Card",
 75 |     "syntax": "Card(modifier= Modifier.padding(16.dp))",
 76 |     "link": "https://www.composables.com/components/material3/card"
 77 |   },
 78 |   {
 79 |     "widget": "ConstraintLayout",
 80 |     "composable": "ConstraintLayout",
 81 |     "syntax": "ConstraintLayout(children= [ /* Children of the layout */ ])",
 82 |     "link": "https://www.composables.com/components/material3/card"
 83 |   },
 84 |   {
 85 |     "widget": "FloatingActionButton",
 86 |     "composable": "FloatingActionButton",
 87 |     "syntax": "FloatingActionButton(onClick= { /* Do something when clicked */ }",
 88 |     "link": "https://www.composables.com/components/material3/floatingactionbutton"
 89 | 
 90 |   },
 91 |   {
 92 |     "widget": "LinearLayout",
 93 |     "composable": "Row",
 94 |     "syntax": "Row(children= [ /* Children of the layout */ ])",
 95 |     "link": "https://www.composables.com/components/foundation-layout/row"
 96 |   },
 97 |   {
 98 |     "widget": "RecyclerView",
 99 |     "composable": "LazyColumn",
100 |     "syntax": "LazyColumn(items= [ /* List of items */ ])",
101 |     "link":"https://www.composables.com/components/foundation/lazycolumn"
102 |   },
103 |   {
104 |     "widget": "Snackbar",
105 |     "composable": "Snackbar",
106 |     "syntax": "Snackbar(message= \"This is a snackbar\")",
107 |     "link": "https://www.composables.com/components/material3/snackbar"
108 |   },
109 |   {
110 |     "widget": "DatePicker",
111 |     "composable": "DatePicker",
112 |     "syntax": "DatePicker(selectedDate= LocalDate.now(), onDateChange= { /* Do something when the date changes */ })",
113 |     "link": "https://www.composables.com/components/material3/datepicker"
114 |   },
115 |   {
116 |     "widget": "TimePicker",
117 |     "composable": "TimePicker",
118 |     "syntax": "TimePicker(selectedTime= LocalTime.now(), onTimeChange= { /* Do something when the time changes */ })",
119 |     "link": "https://www.composables.com/components/material3/timepicker"
120 | 
121 |   }
122 | ]
123 | 


--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_launcher_background.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <vector xmlns:android="http://schemas.android.com/apk/res/android"
  3 |     android:width="108dp"
  4 |     android:height="108dp"
  5 |     android:viewportWidth="108"
  6 |     android:viewportHeight="108">
  7 |     <path
  8 |         android:fillColor="#3DDC84"
  9 |         android:pathData="M0,0h108v108h-108z" />
 10 |     <path
 11 |         android:fillColor="#00000000"
 12 |         android:pathData="M9,0L9,108"
 13 |         android:strokeWidth="0.8"
 14 |         android:strokeColor="#33FFFFFF" />
 15 |     <path
 16 |         android:fillColor="#00000000"
 17 |         android:pathData="M19,0L19,108"
 18 |         android:strokeWidth="0.8"
 19 |         android:strokeColor="#33FFFFFF" />
 20 |     <path
 21 |         android:fillColor="#00000000"
 22 |         android:pathData="M29,0L29,108"
 23 |         android:strokeWidth="0.8"
 24 |         android:strokeColor="#33FFFFFF" />
 25 |     <path
 26 |         android:fillColor="#00000000"
 27 |         android:pathData="M39,0L39,108"
 28 |         android:strokeWidth="0.8"
 29 |         android:strokeColor="#33FFFFFF" />
 30 |     <path
 31 |         android:fillColor="#00000000"
 32 |         android:pathData="M49,0L49,108"
 33 |         android:strokeWidth="0.8"
 34 |         android:strokeColor="#33FFFFFF" />
 35 |     <path
 36 |         android:fillColor="#00000000"
 37 |         android:pathData="M59,0L59,108"
 38 |         android:strokeWidth="0.8"
 39 |         android:strokeColor="#33FFFFFF" />
 40 |     <path
 41 |         android:fillColor="#00000000"
 42 |         android:pathData="M69,0L69,108"
 43 |         android:strokeWidth="0.8"
 44 |         android:strokeColor="#33FFFFFF" />
 45 |     <path
 46 |         android:fillColor="#00000000"
 47 |         android:pathData="M79,0L79,108"
 48 |         android:strokeWidth="0.8"
 49 |         android:strokeColor="#33FFFFFF" />
 50 |     <path
 51 |         android:fillColor="#00000000"
 52 |         android:pathData="M89,0L89,108"
 53 |         android:strokeWidth="0.8"
 54 |         android:strokeColor="#33FFFFFF" />
 55 |     <path
 56 |         android:fillColor="#00000000"
 57 |         android:pathData="M99,0L99,108"
 58 |         android:strokeWidth="0.8"
 59 |         android:strokeColor="#33FFFFFF" />
 60 |     <path
 61 |         android:fillColor="#00000000"
 62 |         android:pathData="M0,9L108,9"
 63 |         android:strokeWidth="0.8"
 64 |         android:strokeColor="#33FFFFFF" />
 65 |     <path
 66 |         android:fillColor="#00000000"
 67 |         android:pathData="M0,19L108,19"
 68 |         android:strokeWidth="0.8"
 69 |         android:strokeColor="#33FFFFFF" />
 70 |     <path
 71 |         android:fillColor="#00000000"
 72 |         android:pathData="M0,29L108,29"
 73 |         android:strokeWidth="0.8"
 74 |         android:strokeColor="#33FFFFFF" />
 75 |     <path
 76 |         android:fillColor="#00000000"
 77 |         android:pathData="M0,39L108,39"
 78 |         android:strokeWidth="0.8"
 79 |         android:strokeColor="#33FFFFFF" />
 80 |     <path
 81 |         android:fillColor="#00000000"
 82 |         android:pathData="M0,49L108,49"
 83 |         android:strokeWidth="0.8"
 84 |         android:strokeColor="#33FFFFFF" />
 85 |     <path
 86 |         android:fillColor="#00000000"
 87 |         android:pathData="M0,59L108,59"
 88 |         android:strokeWidth="0.8"
 89 |         android:strokeColor="#33FFFFFF" />
 90 |     <path
 91 |         android:fillColor="#00000000"
 92 |         android:pathData="M0,69L108,69"
 93 |         android:strokeWidth="0.8"
 94 |         android:strokeColor="#33FFFFFF" />
 95 |     <path
 96 |         android:fillColor="#00000000"
 97 |         android:pathData="M0,79L108,79"
 98 |         android:strokeWidth="0.8"
 99 |         android:strokeColor="#33FFFFFF" />
100 |     <path
101 |         android:fillColor="#00000000"
102 |         android:pathData="M0,89L108,89"
103 |         android:strokeWidth="0.8"
104 |         android:strokeColor="#33FFFFFF" />
105 |     <path
106 |         android:fillColor="#00000000"
107 |         android:pathData="M0,99L108,99"
108 |         android:strokeWidth="0.8"
109 |         android:strokeColor="#33FFFFFF" />
110 |     <path
111 |         android:fillColor="#00000000"
112 |         android:pathData="M19,29L89,29"
113 |         android:strokeWidth="0.8"
114 |         android:strokeColor="#33FFFFFF" />
115 |     <path
116 |         android:fillColor="#00000000"
117 |         android:pathData="M19,39L89,39"
118 |         android:strokeWidth="0.8"
119 |         android:strokeColor="#33FFFFFF" />
120 |     <path
121 |         android:fillColor="#00000000"
122 |         android:pathData="M19,49L89,49"
123 |         android:strokeWidth="0.8"
124 |         android:strokeColor="#33FFFFFF" />
125 |     <path
126 |         android:fillColor="#00000000"
127 |         android:pathData="M19,59L89,59"
128 |         android:strokeWidth="0.8"
129 |         android:strokeColor="#33FFFFFF" />
130 |     <path
131 |         android:fillColor="#00000000"
132 |         android:pathData="M19,69L89,69"
133 |         android:strokeWidth="0.8"
134 |         android:strokeColor="#33FFFFFF" />
135 |     <path
136 |         android:fillColor="#00000000"
137 |         android:pathData="M19,79L89,79"
138 |         android:strokeWidth="0.8"
139 |         android:strokeColor="#33FFFFFF" />
140 |     <path
141 |         android:fillColor="#00000000"
142 |         android:pathData="M29,19L29,89"
143 |         android:strokeWidth="0.8"
144 |         android:strokeColor="#33FFFFFF" />
145 |     <path
146 |         android:fillColor="#00000000"
147 |         android:pathData="M39,19L39,89"
148 |         android:strokeWidth="0.8"
149 |         android:strokeColor="#33FFFFFF" />
150 |     <path
151 |         android:fillColor="#00000000"
152 |         android:pathData="M49,19L49,89"
153 |         android:strokeWidth="0.8"
154 |         android:strokeColor="#33FFFFFF" />
155 |     <path
156 |         android:fillColor="#00000000"
157 |         android:pathData="M59,19L59,89"
158 |         android:strokeWidth="0.8"
159 |         android:strokeColor="#33FFFFFF" />
160 |     <path
161 |         android:fillColor="#00000000"
162 |         android:pathData="M69,19L69,89"
163 |         android:strokeWidth="0.8"
164 |         android:strokeColor="#33FFFFFF" />
165 |     <path
166 |         android:fillColor="#00000000"
167 |         android:pathData="M79,19L79,89"
168 |         android:strokeWidth="0.8"
169 |         android:strokeColor="#33FFFFFF" />
170 | </vector>
171 | 


--------------------------------------------------------------------------------
/gradlew:
--------------------------------------------------------------------------------
  1 | #!/usr/bin/env sh
  2 | 
  3 | #
  4 | # Copyright 2015 the original author or authors.
  5 | #
  6 | # Licensed under the Apache License, Version 2.0 (the "License");
  7 | # you may not use this file except in compliance with the License.
  8 | # You may obtain a copy of the License at
  9 | #
 10 | #      https://www.apache.org/licenses/LICENSE-2.0
 11 | #
 12 | # Unless required by applicable law or agreed to in writing, software
 13 | # distributed under the License is distributed on an "AS IS" BASIS,
 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 15 | # See the License for the specific language governing permissions and
 16 | # limitations under the License.
 17 | #
 18 | 
 19 | ##############################################################################
 20 | ##
 21 | ##  Gradle start up script for UN*X
 22 | ##
 23 | ##############################################################################
 24 | 
 25 | # Attempt to set APP_HOME
 26 | # Resolve links: $0 may be a link
 27 | PRG="$0"
 28 | # Need this for relative symlinks.
 29 | while [ -h "$PRG" ] ; do
 30 |     ls=`ls -ld "$PRG"`
 31 |     link=`expr "$ls" : '.*-> \(.*\)$'`
 32 |     if expr "$link" : '/.*' > /dev/null; then
 33 |         PRG="$link"
 34 |     else
 35 |         PRG=`dirname "$PRG"`"/$link"
 36 |     fi
 37 | done
 38 | SAVED="`pwd`"
 39 | cd "`dirname \"$PRG\"`/" >/dev/null
 40 | APP_HOME="`pwd -P`"
 41 | cd "$SAVED" >/dev/null
 42 | 
 43 | APP_NAME="Gradle"
 44 | APP_BASE_NAME=`basename "$0"`
 45 | 
 46 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
 47 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
 48 | 
 49 | # Use the maximum available, or set MAX_FD != -1 to use that value.
 50 | MAX_FD="maximum"
 51 | 
 52 | warn () {
 53 |     echo "$*"
 54 | }
 55 | 
 56 | die () {
 57 |     echo
 58 |     echo "$*"
 59 |     echo
 60 |     exit 1
 61 | }
 62 | 
 63 | # OS specific support (must be 'true' or 'false').
 64 | cygwin=false
 65 | msys=false
 66 | darwin=false
 67 | nonstop=false
 68 | case "`uname`" in
 69 |   CYGWIN* )
 70 |     cygwin=true
 71 |     ;;
 72 |   Darwin* )
 73 |     darwin=true
 74 |     ;;
 75 |   MINGW* )
 76 |     msys=true
 77 |     ;;
 78 |   NONSTOP* )
 79 |     nonstop=true
 80 |     ;;
 81 | esac
 82 | 
 83 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
 84 | 
 85 | 
 86 | # Determine the Java command to use to start the JVM.
 87 | if [ -n "$JAVA_HOME" ] ; then
 88 |     if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
 89 |         # IBM's JDK on AIX uses strange locations for the executables
 90 |         JAVACMD="$JAVA_HOME/jre/sh/java"
 91 |     else
 92 |         JAVACMD="$JAVA_HOME/bin/java"
 93 |     fi
 94 |     if [ ! -x "$JAVACMD" ] ; then
 95 |         die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
 96 | 
 97 | Please set the JAVA_HOME variable in your environment to match the
 98 | location of your Java installation."
 99 |     fi
100 | else
101 |     JAVACMD="java"
102 |     which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
103 | 
104 | Please set the JAVA_HOME variable in your environment to match the
105 | location of your Java installation."
106 | fi
107 | 
108 | # Increase the maximum file descriptors if we can.
109 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
110 |     MAX_FD_LIMIT=`ulimit -H -n`
111 |     if [ $? -eq 0 ] ; then
112 |         if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
113 |             MAX_FD="$MAX_FD_LIMIT"
114 |         fi
115 |         ulimit -n $MAX_FD
116 |         if [ $? -ne 0 ] ; then
117 |             warn "Could not set maximum file descriptor limit: $MAX_FD"
118 |         fi
119 |     else
120 |         warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
121 |     fi
122 | fi
123 | 
124 | # For Darwin, add options to specify how the application appears in the dock
125 | if $darwin; then
126 |     GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
127 | fi
128 | 
129 | # For Cygwin or MSYS, switch paths to Windows format before running java
130 | if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
131 |     APP_HOME=`cygpath --path --mixed "$APP_HOME"`
132 |     CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
133 | 
134 |     JAVACMD=`cygpath --unix "$JAVACMD"`
135 | 
136 |     # We build the pattern for arguments to be converted via cygpath
137 |     ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
138 |     SEP=""
139 |     for dir in $ROOTDIRSRAW ; do
140 |         ROOTDIRS="$ROOTDIRS$SEP$dir"
141 |         SEP="|"
142 |     done
143 |     OURCYGPATTERN="(^($ROOTDIRS))"
144 |     # Add a user-defined pattern to the cygpath arguments
145 |     if [ "$GRADLE_CYGPATTERN" != "" ] ; then
146 |         OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
147 |     fi
148 |     # Now convert the arguments - kludge to limit ourselves to /bin/sh
149 |     i=0
150 |     for arg in "$@" ; do
151 |         CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
152 |         CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
153 | 
154 |         if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
155 |             eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
156 |         else
157 |             eval `echo args$i`="\"$arg\""
158 |         fi
159 |         i=`expr $i + 1`
160 |     done
161 |     case $i in
162 |         0) set -- ;;
163 |         1) set -- "$args0" ;;
164 |         2) set -- "$args0" "$args1" ;;
165 |         3) set -- "$args0" "$args1" "$args2" ;;
166 |         4) set -- "$args0" "$args1" "$args2" "$args3" ;;
167 |         5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
168 |         6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
169 |         7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
170 |         8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
171 |         9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
172 |     esac
173 | fi
174 | 
175 | # Escape application args
176 | save () {
177 |     for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
178 |     echo " "
179 | }
180 | APP_ARGS=`save "$@"`
181 | 
182 | # Collect all arguments for the java command, following the shell quoting and substitution rules
183 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
184 | 
185 | exec "$JAVACMD" "$@"
186 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 |                                  Apache License
  2 |                            Version 2.0, January 2004
  3 |                         http://www.apache.org/licenses/
  4 | 
  5 |    TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
  6 | 
  7 |    1. Definitions.
  8 | 
  9 |       "License" shall mean the terms and conditions for use, reproduction,
 10 |       and distribution as defined by Sections 1 through 9 of this document.
 11 | 
 12 |       "Licensor" shall mean the copyright owner or entity authorized by
 13 |       the copyright owner that is granting the License.
 14 | 
 15 |       "Legal Entity" shall mean the union of the acting entity and all
 16 |       other entities that control, are controlled by, or are under common
 17 |       control with that entity. For the purposes of this definition,
 18 |       "control" means (i) the power, direct or indirect, to cause the
 19 |       direction or management of such entity, whether by contract or
 20 |       otherwise, or (ii) ownership of fifty percent (50%) or more of the
 21 |       outstanding shares, or (iii) beneficial ownership of such entity.
 22 | 
 23 |       "You" (or "Your") shall mean an individual or Legal Entity
 24 |       exercising permissions granted by this License.
 25 | 
 26 |       "Source" form shall mean the preferred form for making modifications,
 27 |       including but not limited to software source code, documentation
 28 |       source, and configuration files.
 29 | 
 30 |       "Object" form shall mean any form resulting from mechanical
 31 |       transformation or translation of a Source form, including but
 32 |       not limited to compiled object code, generated documentation,
 33 |       and conversions to other media types.
 34 | 
 35 |       "Work" shall mean the work of authorship, whether in Source or
 36 |       Object form, made available under the License, as indicated by a
 37 |       copyright notice that is included in or attached to the work
 38 |       (an example is provided in the Appendix below).
 39 | 
 40 |       "Derivative Works" shall mean any work, whether in Source or Object
 41 |       form, that is based on (or derived from) the Work and for which the
 42 |       editorial revisions, annotations, elaborations, or other modifications
 43 |       represent, as a whole, an original work of authorship. For the purposes
 44 |       of this License, Derivative Works shall not include works that remain
 45 |       separable from, or merely link (or bind by name) to the interfaces of,
 46 |       the Work and Derivative Works thereof.
 47 | 
 48 |       "Contribution" shall mean any work of authorship, including
 49 |       the original version of the Work and any modifications or additions
 50 |       to that Work or Derivative Works thereof, that is intentionally
 51 |       submitted to Licensor for inclusion in the Work by the copyright owner
 52 |       or by an individual or Legal Entity authorized to submit on behalf of
 53 |       the copyright owner. For the purposes of this definition, "submitted"
 54 |       means any form of electronic, verbal, or written communication sent
 55 |       to the Licensor or its representatives, including but not limited to
 56 |       communication on electronic mailing lists, source code control systems,
 57 |       and issue tracking systems that are managed by, or on behalf of, the
 58 |       Licensor for the purpose of discussing and improving the Work, but
 59 |       excluding communication that is conspicuously marked or otherwise
 60 |       designated in writing by the copyright owner as "Not a Contribution."
 61 | 
 62 |       "Contributor" shall mean Licensor and any individual or Legal Entity
 63 |       on behalf of whom a Contribution has been received by Licensor and
 64 |       subsequently incorporated within the Work.
 65 | 
 66 |    2. Grant of Copyright License. Subject to the terms and conditions of
 67 |       this License, each Contributor hereby grants to You a perpetual,
 68 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 69 |       copyright license to reproduce, prepare Derivative Works of,
 70 |       publicly display, publicly perform, sublicense, and distribute the
 71 |       Work and such Derivative Works in Source or Object form.
 72 | 
 73 |    3. Grant of Patent License. Subject to the terms and conditions of
 74 |       this License, each Contributor hereby grants to You a perpetual,
 75 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 76 |       (except as stated in this section) patent license to make, have made,
 77 |       use, offer to sell, sell, import, and otherwise transfer the Work,
 78 |       where such license applies only to those patent claims licensable
 79 |       by such Contributor that are necessarily infringed by their
 80 |       Contribution(s) alone or by combination of their Contribution(s)
 81 |       with the Work to which such Contribution(s) was submitted. If You
 82 |       institute patent litigation against any entity (including a
 83 |       cross-claim or counterclaim in a lawsuit) alleging that the Work
 84 |       or a Contribution incorporated within the Work constitutes direct
 85 |       or contributory patent infringement, then any patent licenses
 86 |       granted to You under this License for that Work shall terminate
 87 |       as of the date such litigation is filed.
 88 | 
 89 |    4. Redistribution. You may reproduce and distribute copies of the
 90 |       Work or Derivative Works thereof in any medium, with or without
 91 |       modifications, and in Source or Object form, provided that You
 92 |       meet the following conditions:
 93 | 
 94 |       (a) You must give any other recipients of the Work or
 95 |           Derivative Works a copy of this License; and
 96 | 
 97 |       (b) You must cause any modified files to carry prominent notices
 98 |           stating that You changed the files; and
 99 | 
100 |       (c) You must retain, in the Source form of any Derivative Works
101 |           that You distribute, all copyright, patent, trademark, and
102 |           attribution notices from the Source form of the Work,
103 |           excluding those notices that do not pertain to any part of
104 |           the Derivative Works; and
105 | 
106 |       (d) If the Work includes a "NOTICE" text file as part of its
107 |           distribution, then any Derivative Works that You distribute must
108 |           include a readable copy of the attribution notices contained
109 |           within such NOTICE file, excluding those notices that do not
110 |           pertain to any part of the Derivative Works, in at least one
111 |           of the following places: within a NOTICE text file distributed
112 |           as part of the Derivative Works; within the Source form or
113 |           documentation, if provided along with the Derivative Works; or,
114 |           within a display generated by the Derivative Works, if and
115 |           wherever such third-party notices normally appear. The contents
116 |           of the NOTICE file are for informational purposes only and
117 |           do not modify the License. You may add Your own attribution
118 |           notices within Derivative Works that You distribute, alongside
119 |           or as an addendum to the NOTICE text from the Work, provided
120 |           that such additional attribution notices cannot be construed
121 |           as modifying the License.
122 | 
123 |       You may add Your own copyright statement to Your modifications and
124 |       may provide additional or different license terms and conditions
125 |       for use, reproduction, or distribution of Your modifications, or
126 |       for any such Derivative Works as a whole, provided Your use,
127 |       reproduction, and distribution of the Work otherwise complies with
128 |       the conditions stated in this License.
129 | 
130 |    5. Submission of Contributions. Unless You explicitly state otherwise,
131 |       any Contribution intentionally submitted for inclusion in the Work
132 |       by You to the Licensor shall be under the terms and conditions of
133 |       this License, without any additional terms or conditions.
134 |       Notwithstanding the above, nothing herein shall supersede or modify
135 |       the terms of any separate license agreement you may have executed
136 |       with Licensor regarding such Contributions.
137 | 
138 |    6. Trademarks. This License does not grant permission to use the trade
139 |       names, trademarks, service marks, or product names of the Licensor,
140 |       except as required for reasonable and customary use in describing the
141 |       origin of the Work and reproducing the content of the NOTICE file.
142 | 
143 |    7. Disclaimer of Warranty. Unless required by applicable law or
144 |       agreed to in writing, Licensor provides the Work (and each
145 |       Contributor provides its Contributions) on an "AS IS" BASIS,
146 |       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 |       implied, including, without limitation, any warranties or conditions
148 |       of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 |       PARTICULAR PURPOSE. You are solely responsible for determining the
150 |       appropriateness of using or redistributing the Work and assume any
151 |       risks associated with Your exercise of permissions under this License.
152 | 
153 |    8. Limitation of Liability. In no event and under no legal theory,
154 |       whether in tort (including negligence), contract, or otherwise,
155 |       unless required by applicable law (such as deliberate and grossly
156 |       negligent acts) or agreed to in writing, shall any Contributor be
157 |       liable to You for damages, including any direct, indirect, special,
158 |       incidental, or consequential damages of any character arising as a
159 |       result of this License or out of the use or inability to use the
160 |       Work (including but not limited to damages for loss of goodwill,
161 |       work stoppage, computer failure or malfunction, or any and all
162 |       other commercial damages or losses), even if such Contributor
163 |       has been advised of the possibility of such damages.
164 | 
165 |    9. Accepting Warranty or Additional Liability. While redistributing
166 |       the Work or Derivative Works thereof, You may choose to offer,
167 |       and charge a fee for, acceptance of support, warranty, indemnity,
168 |       or other liability obligations and/or rights consistent with this
169 |       License. However, in accepting such obligations, You may act only
170 |       on Your own behalf and on Your sole responsibility, not on behalf
171 |       of any other Contributor, and only if You agree to indemnify,
172 |       defend, and hold each Contributor harmless for any liability
173 |       incurred by, or claims asserted against, such Contributor by reason
174 |       of your accepting any such warranty or additional liability.
175 | 
176 |    END OF TERMS AND CONDITIONS
177 | 
178 |    APPENDIX: How to apply the Apache License to your work.
179 | 
180 |       To apply the Apache License to your work, attach the following
181 |       boilerplate notice, with the fields enclosed by brackets "[]"
182 |       replaced with your own identifying information. (Don't include
183 |       the brackets!)  The text should be enclosed in the appropriate
184 |       comment syntax for the file format. We also recommend that a
185 |       file or class name and description of purpose be included on the
186 |       same "printed page" as the copyright notice for easier
187 |       identification within third-party archives.
188 | 
189 |    Copyright [yyyy] [name of copyright owner]
190 | 
191 |    Licensed under the Apache License, Version 2.0 (the "License");
192 |    you may not use this file except in compliance with the License.
193 |    You may obtain a copy of the License at
194 | 
195 |        http://www.apache.org/licenses/LICENSE-2.0
196 | 
197 |    Unless required by applicable law or agreed to in writing, software
198 |    distributed under the License is distributed on an "AS IS" BASIS,
199 |    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 |    See the License for the specific language governing permissions and
201 |    limitations under the License.
202 | 


--------------------------------------------------------------------------------
/app/src/main/java/com/example/xmltocompose/MainActivity.kt:
--------------------------------------------------------------------------------
  1 | package com.example.xmltocompose
  2 | 
  3 | import android.content.Context
  4 | import android.content.Intent
  5 | import android.net.ConnectivityManager
  6 | import android.net.Uri
  7 | import android.os.Bundle
  8 | import android.widget.Toast
  9 | import androidx.activity.ComponentActivity
 10 | import androidx.activity.compose.setContent
 11 | import androidx.compose.foundation.Image
 12 | import androidx.compose.foundation.isSystemInDarkTheme
 13 | import androidx.compose.foundation.layout.Arrangement
 14 | import androidx.compose.foundation.layout.Box
 15 | import androidx.compose.foundation.layout.Column
 16 | import androidx.compose.foundation.layout.Spacer
 17 | import androidx.compose.foundation.layout.fillMaxSize
 18 | import androidx.compose.foundation.layout.fillMaxWidth
 19 | import androidx.compose.foundation.layout.height
 20 | import androidx.compose.foundation.layout.padding
 21 | import androidx.compose.foundation.text.ClickableText
 22 | import androidx.compose.material3.Card
 23 | import androidx.compose.material3.CardDefaults
 24 | import androidx.compose.material3.DropdownMenuItem
 25 | import androidx.compose.material3.ExperimentalMaterial3Api
 26 | import androidx.compose.material3.ExposedDropdownMenuBox
 27 | import androidx.compose.material3.ExposedDropdownMenuDefaults
 28 | import androidx.compose.material3.MaterialTheme
 29 | import androidx.compose.material3.Scaffold
 30 | import androidx.compose.material3.Text
 31 | import androidx.compose.material3.TextField
 32 | import androidx.compose.material3.TextFieldDefaults
 33 | import androidx.compose.material3.TopAppBar
 34 | import androidx.compose.material3.TopAppBarDefaults
 35 | import androidx.compose.runtime.Composable
 36 | import androidx.compose.runtime.getValue
 37 | import androidx.compose.runtime.livedata.observeAsState
 38 | import androidx.compose.ui.Alignment
 39 | import androidx.compose.ui.Modifier
 40 | import androidx.compose.ui.graphics.Color
 41 | import androidx.compose.ui.graphics.ColorFilter
 42 | import androidx.compose.ui.platform.LocalContext
 43 | import androidx.compose.ui.res.painterResource
 44 | import androidx.compose.ui.res.stringResource
 45 | import androidx.compose.ui.text.AnnotatedString
 46 | import androidx.compose.ui.text.TextStyle
 47 | import androidx.compose.ui.text.style.TextAlign
 48 | import androidx.compose.ui.text.style.TextDecoration
 49 | import androidx.compose.ui.tooling.preview.Preview
 50 | import androidx.compose.ui.unit.dp
 51 | import androidx.compose.ui.unit.sp
 52 | import androidx.lifecycle.viewmodel.compose.viewModel
 53 | import com.example.xmltocompose.ui.theme.XMLToComposeTheme
 54 | import com.example.xmltocompose.ui.theme.blue
 55 | import com.example.xmltocompose.ui.theme.pastelBlue
 56 | import com.example.xmltocompose.viewmodel.MainViewModel
 57 | import kotlinx.coroutines.CoroutineScope
 58 | import kotlinx.coroutines.Dispatchers
 59 | import kotlinx.coroutines.launch
 60 | 
 61 | class MainActivity : ComponentActivity() {
 62 |     @OptIn(ExperimentalMaterial3Api::class)
 63 |     override fun onCreate(savedInstanceState: Bundle?) {
 64 |         super.onCreate(savedInstanceState)
 65 | 
 66 |         // Check internet connection
 67 |         if (!isInternetAvailable(applicationContext)) {
 68 |             Toast.makeText(this, "No internet connection", Toast.LENGTH_SHORT).show()
 69 |             return
 70 |         }
 71 | 
 72 |         // Load data using CoroutineScope
 73 |         // CoroutineScope is used here for better performance
 74 |         CoroutineScope(Dispatchers.IO).launch {
 75 |             DataManager.loadAssetsFromUrl()
 76 |         }
 77 | 
 78 |         setContent {
 79 |             XMLToComposeTheme {
 80 |                 // A surface container using the 'background' color from the theme
 81 |                 Scaffold(topBar = {
 82 |                     TopAppBar(
 83 |                         title = { Text(stringResource(id = R.string.xml_to_compose)) },
 84 |                         colors = TopAppBarDefaults.smallTopAppBarColors(
 85 |                             containerColor = blue,
 86 |                             titleContentColor = Color.White
 87 |                         )
 88 |                     )
 89 |                 }, content = {
 90 |                     Column(
 91 |                         modifier = Modifier
 92 |                             .padding(it)
 93 |                             .fillMaxSize()
 94 |                     ) {
 95 | 
 96 |                         MainComposable()
 97 |                     }
 98 |                 }
 99 |                 )
100 |             }
101 |         }
102 |     }
103 | }
104 | 
105 | @Composable
106 | fun MainComposable(viewModel: MainViewModel = viewModel()) {
107 |     val context = LocalContext.current
108 | 
109 |     //observe changes in ViewModel properties and automatically update the Composable UI
110 |     val isExpanded by viewModel.isExpanded.observeAsState(false)
111 |     val selectedWidget by viewModel.selectedWidget.observeAsState("Widget")
112 |     val equivalentComposable by viewModel.equivalentComposable.observeAsState("Composable")
113 |     val composableSyntax by viewModel.composableSyntax.observeAsState("")
114 |     val composableLink by viewModel.composableLink.observeAsState("")
115 | 
116 |     // Column composable for the main UI content
117 |     Column(modifier = Modifier.padding(8.dp)) {
118 | 
119 |         // Card containing the dropdown menu
120 |         DropDownMenuCard(
121 |             viewModel,
122 |             isExpanded,
123 |             selectedWidget
124 |         )
125 | 
126 |         Spacer(modifier = Modifier.height(8.dp))
127 |         Image(
128 |             painter = painterResource(id = R.drawable.ic_down),
129 |             contentDescription = stringResource(
130 |                 id = R.string.down_arrow
131 |             ),
132 |             modifier = Modifier.align(Alignment.CenterHorizontally),
133 |             colorFilter = ColorFilter.tint(color = blue),
134 |         )
135 |         Spacer(modifier = Modifier.height(8.dp))
136 | 
137 |         // Card displaying the equivalent composable Component
138 |         CardEquivalentComposableComponentName(equivalentComposable)
139 |         
140 |         // Card displaying the equivalent composable Syntax
141 |         CardEquivalentComposableSyntax(composableSyntax)
142 |         
143 |         // Card displaying the equivalent composable Resource
144 |         CardEquivalentComposableResourceToLearn(composableLink, context)
145 | 
146 |     }
147 | 
148 | 
149 | }
150 | 
151 | @Composable
152 | private fun CardEquivalentComposableResourceToLearn(
153 |     composableLink: String,
154 |     context: Context
155 | ) {
156 |     Card(
157 |         elevation = CardDefaults.cardElevation(defaultElevation = 10.dp),
158 |         colors = CardDefaults.cardColors(containerColor = pastelBlue),
159 |         modifier = Modifier
160 |             .padding(16.dp)
161 |             .fillMaxWidth()
162 |     ) {
163 | 
164 |         // Box to center content within the card
165 |         Column(
166 |             modifier = Modifier
167 |                 .padding(16.dp),
168 |             verticalArrangement = Arrangement.Center
169 |         ) {
170 |             Text(
171 |                 text = stringResource(id = R.string.resource_to_learn),
172 |                 style = MaterialTheme.typography.titleMedium,
173 |                 color = if (isSystemInDarkTheme()) MaterialTheme.colorScheme.onSecondary else MaterialTheme.colorScheme.onBackground,
174 |                 textAlign = TextAlign.Center,
175 |                 modifier = Modifier.fillMaxWidth()
176 |             )
177 |             Spacer(modifier = Modifier.height(8.dp))
178 | 
179 |             // Text displaying the selected equivalent composable
180 |             ClickableText(
181 |                 text = AnnotatedString(composableLink),
182 |                 onClick = {
183 |                     // Open the link when clicked
184 |                     val uri = Uri.parse(composableLink)
185 |                     val intent = Intent(Intent.ACTION_VIEW, uri)
186 |                     context.startActivity(intent)
187 |                 },
188 |                 style = TextStyle(
189 |                     color = blue,
190 |                     textDecoration = TextDecoration.Underline
191 |                 )
192 |             )
193 |         }
194 |     }
195 | }
196 | 
197 | @Composable
198 | private fun CardEquivalentComposableSyntax(composableSyntax: String) {
199 |     Card(
200 |         elevation = CardDefaults.cardElevation(defaultElevation = 10.dp),
201 |         colors = CardDefaults.cardColors(containerColor = pastelBlue),
202 |         modifier = Modifier
203 |             .padding(16.dp)
204 |             .fillMaxWidth()
205 |     ) {
206 | 
207 |         // Box to center content within the card
208 |         Column(
209 |             modifier = Modifier
210 |                 .padding(16.dp),
211 |             verticalArrangement = Arrangement.Center
212 |         ) {
213 |             Text(
214 |                 text = stringResource(id = R.string.syntax),
215 |                 style = MaterialTheme.typography.titleMedium,
216 |                 color = if (isSystemInDarkTheme()) MaterialTheme.colorScheme.onSecondary else MaterialTheme.colorScheme.onBackground,
217 |                 textAlign = TextAlign.Center,
218 |                 modifier = Modifier.fillMaxWidth()
219 |             )
220 |             Spacer(modifier = Modifier.height(8.dp))
221 | 
222 |             // Text displaying the selected equivalent composable
223 |             Text(
224 |                 text = composableSyntax,
225 |                 style = MaterialTheme.typography.bodyMedium,
226 |                 color = Color.DarkGray
227 |             )
228 |         }
229 |     }
230 | }
231 | 
232 | @Composable
233 | private fun CardEquivalentComposableComponentName(equivalentComposable: String) {
234 |     Card(
235 |         elevation = CardDefaults.cardElevation(defaultElevation = 10.dp),
236 |         colors = CardDefaults.cardColors(containerColor = pastelBlue),
237 |         modifier = Modifier
238 |             .padding(16.dp)
239 |             .fillMaxWidth()
240 |     ) {
241 | 
242 |         // Box to center content within the card
243 |         Box(modifier = Modifier.align(Alignment.CenterHorizontally)) {
244 |             Column(
245 |                 modifier = Modifier
246 |                     .padding(16.dp),
247 |                 horizontalAlignment = Alignment.CenterHorizontally,
248 |                 verticalArrangement = Arrangement.Center
249 |             ) {
250 |                 Text(
251 |                     text = stringResource(id = R.string.equivalent_composable),
252 |                     style = MaterialTheme.typography.titleMedium,
253 |                     color = if (isSystemInDarkTheme()) MaterialTheme.colorScheme.onSecondary else MaterialTheme.colorScheme.onBackground
254 |                 )
255 | 
256 |                 Spacer(modifier = Modifier.height(8.dp))
257 | 
258 |                 // Text displaying the selected equivalent composable
259 |                 Text(
260 |                     text = equivalentComposable,
261 |                     style = MaterialTheme.typography.titleLarge,
262 |                     color = blue
263 |                 )
264 |             }
265 |         }
266 |     }
267 | }
268 | 
269 | @Composable
270 | @OptIn(ExperimentalMaterial3Api::class)
271 | private fun DropDownMenuCard(
272 |     viewModel: MainViewModel,
273 |     isExpanded: Boolean,
274 |     selectedWidget: String,
275 | ) {
276 |     Card(
277 |         elevation = CardDefaults.cardElevation(defaultElevation = 10.dp),
278 |         colors = CardDefaults.cardColors(containerColor = pastelBlue),
279 |         modifier = Modifier
280 |             .padding(16.dp)
281 |             .fillMaxWidth()
282 |     ) {
283 |         // Box to center content within the card
284 |         Box(modifier = Modifier.align(Alignment.CenterHorizontally)) {
285 |             Column(
286 |                 modifier = Modifier.padding(16.dp),
287 |                 horizontalAlignment = Alignment.CenterHorizontally,
288 |                 verticalArrangement = Arrangement.Center
289 | 
290 |             ) {
291 |                 Text(
292 |                     text = stringResource(id = R.string.classic_android_widget),
293 |                     style = MaterialTheme.typography.titleMedium,
294 |                     color = if (isSystemInDarkTheme()) MaterialTheme.colorScheme.onSecondary else MaterialTheme.colorScheme.onBackground
295 |                 )
296 |                 Spacer(modifier = Modifier.height(8.dp))
297 | 
298 |                 // ExposedDropdownMenuBox containing TextField and DropDown
299 |                 ExposedDropdownMenuBox(
300 |                     expanded = isExpanded,
301 |                     onExpandedChange = {
302 |                         viewModel.updateExpandedValue(!isExpanded)
303 |                     }) {
304 | 
305 |                     TextField(
306 |                         value = selectedWidget,
307 |                         onValueChange = {},
308 |                         readOnly = true,
309 |                         trailingIcon = { ExposedDropdownMenuDefaults.TrailingIcon(expanded = isExpanded) },
310 |                         modifier = Modifier.menuAnchor(),
311 |                         textStyle = TextStyle(
312 |                             color = if (isSystemInDarkTheme()) Color.Black else MaterialTheme.colorScheme.onBackground,
313 |                             fontSize = 17.sp
314 |                         ),
315 |                         colors = TextFieldDefaults.textFieldColors(containerColor = pastelBlue)
316 |                     )
317 | 
318 |                     // ExposedDropdownMenu displaying different widgets
319 |                     ExposedDropdownMenu(
320 |                         expanded = isExpanded,
321 |                         onDismissRequest = {
322 |                             viewModel.updateExpandedValue(false)
323 |                         }
324 |                     ) {
325 |                         DataManager.data.forEach {
326 |                             DropdownMenuItem(text = { Text(it.widget) }, onClick = {
327 |                                 //update viewModel Property
328 |                                 //Example : isExpanded.selectedWidget,equivalentComposable,composableSyntax,composableLink
329 |                                 viewModel.updateExpandedValue(false)
330 |                                 viewModel.updateSelectedWidget(it.widget)
331 |                                 viewModel.updateEquivalentComposable(it.composable)
332 |                                 viewModel.updateComposableSyntax(it.syntax)
333 |                                 viewModel.updateComposableLink(it.link)
334 |                             })
335 |                         }
336 |                     }
337 | 
338 |                 }
339 | 
340 |             }
341 |         }
342 |     }
343 | }
344 | 
345 | 
346 | @OptIn(ExperimentalMaterial3Api::class)
347 | @Preview(showBackground = true, showSystemUi = true)
348 | @Composable
349 | fun GreetingPreview() {
350 |     XMLToComposeTheme {
351 |         Scaffold(topBar = {
352 |             TopAppBar(
353 |                 title = { Text(stringResource(id = R.string.xml_to_compose)) },
354 |                 colors = TopAppBarDefaults.smallTopAppBarColors(
355 |                     containerColor = blue,
356 |                     titleContentColor = Color.White
357 |                 )
358 | 
359 |             )
360 |         }, content = {
361 |             Column(
362 |                 modifier = Modifier
363 |                     .padding(it)
364 |                     .fillMaxSize()
365 |             ) {
366 |                 MainComposable()
367 |             }
368 |         }
369 |         )
370 | 
371 |     }
372 | }
373 | 
374 | private fun isInternetAvailable(context: Context): Boolean {
375 |     val connectivityManager =
376 |         context.getSystemService(Context.CONNECTIVITY_SERVICE) as ConnectivityManager
377 |     val activeNetworkInfo = connectivityManager.activeNetworkInfo
378 |     return activeNetworkInfo?.isConnectedOrConnecting ?: false
379 | }
380 | 


--------------------------------------------------------------------------------