package.json

@@ -23,6 +23,7 @@
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-plugin-import": "^2.25.2",
     "eslint-plugin-svelte3": "^4.0.0",
+    "flowbite": "^1.5.3",
     "flowbite-svelte": "^0.26.7",
     "postcss": "^8.4.14",
     "postcss-import": "^15.0.0",

pnpm-lock.yaml

@@ -13,6 +13,7 @@ specifiers:
   eslint-config-airbnb-typescript: ^17.0.0
   eslint-plugin-import: ^2.25.2
   eslint-plugin-svelte3: ^4.0.0
+  flowbite: ^1.5.3
   flowbite-svelte: ^0.26.7
   postcss: ^8.4.14
   postcss-import: ^15.0.0
@@ -41,6 +42,7 @@ devDependencies:
   eslint-config-airbnb-typescript: 17.0.0_nwt6qmnsbmuicuvak5hafgwebq
   eslint-plugin-import: 2.26.0_wyxuyzvlfep3lsyoibc4fosfq4
   eslint-plugin-svelte3: 4.0.0_sc4laremvjv7grvyfrqmp3xv5q
+  flowbite: 1.5.3
   flowbite-svelte: 0.26.7
   postcss: 8.4.16
   postcss-import: 15.0.0_postcss@8.4.16

src-tauri/src/main.rs

@@ -126,19 +126,19 @@ fn download_resources(
   integrations_url: String,
 ) -> Result<(), io::Error> {
   let revanced_cli_filename = "revanced_cli.jar";
-  let _cli_download_response = match download_in_dir(tmp_dir.path(), cli_url.as_str(), revanced_cli_filename) {
+  let cli_download_response = match download_in_dir(tmp_dir.path(), cli_url.as_str(), revanced_cli_filename) {
     Ok(response) => response,
     Err(e) => e,
   };
 
   let revanced_patches_filename = "revanced_patches.jar";
-  let _patches_download_response = match download_in_dir(tmp_dir.path(), patches_url.as_str(), revanced_patches_filename) {
+  let patches_download_response = match download_in_dir(tmp_dir.path(), patches_url.as_str(), revanced_patches_filename) {
     Ok(response) => response,
     Err(e) => e,
   };
 
   let revanced_integrations_filename = "integrations.apk";
-  let _integrations_download_response = match download_in_dir(tmp_dir.path(), integrations_url.as_str(), revanced_integrations_filename) {
+  let integrations_download_response = match download_in_dir(tmp_dir.path(), integrations_url.as_str(), revanced_integrations_filename) {
     Ok(response) => response,
     Err(e) => e,
   };

src/App.svelte

@@ -7,8 +7,7 @@
 
   let version: string = '';
 
-  let devices: string[] = [];
-  let selectedDevice;
+  let devices: string[];
 
   let revancedCliReleases: Map<string, Release> | undefined;
   let revancedVersions: Array<Array<string>> | undefined;
@@ -32,9 +31,7 @@
   const getDevices = () => {
     invoke('get_devices')
       .then((response: string[]) => {
-        devices = response
-          .filter((s) => s.length <= 0)
-          .map((s) => s.split('\t')[0]);
+        devices = response;
       });
   };
 
@@ -136,15 +133,6 @@
       options={integrationsVersions}
       bind:selected={selectedIntegrationsVersion}
     />
-
-    {#if devices.length > 0}
-    <Select
-      id="devices"
-      defaultText={'Select the target device'}
-      options={devices.map((d) => [d, d])}
-      bind:selected={selectedDevice}
-    />
-    {/if}
   </div>
 
 </main>

src/app.postcss

@@ -30,7 +30,4 @@ body {
     dark:bg-gray-800 dark:text-gray-400 
     dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700
   }
-  :root {
-    @apply dark:bg-slate-900
-  }
 }

src/lib/Select.postcss

@@ -1,3 +0,0 @@
-.Select {
-  -webkit-appearance: none;
-}

src/lib/Select.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-  import './Select.postcss';
-  
   export let id: string;
   export let options: Array<Array<string>> | undefined;
   export let defaultText: string;
@@ -16,7 +14,7 @@
 <select
   bind:value={selected}
   id={id}
-  class="Select bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+  class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
 >
   <option selected>{defaultText}</option>
   {#if options !== undefined}

tailwind.config.cjs

@@ -8,7 +8,12 @@ const config = {
   theme: {
     extend: {
     },
-  }
+  },
+
+  plugins: [
+    require('flowbite/plugin')
+  ],
+  darkMode: 'class',
 };
 
 module.exports = config;