removed console.logs and added qr code

fix(receiver): add filepath for download on android.

Cargo.toml

@@ -7,4 +7,5 @@ members = [
   "caesar-mobile",
   "caesar-shuttle",
   "caesar-tui",
+  "caesar-tauri-angular/src-tauri"
 ]

caesar-cli/src/cli/args.rs

@@ -1,6 +1,7 @@
 use caesar_core::receiver;
 use caesar_core::relay;
 use caesar_core::sender;
+use caesar_core::sender::util::generate_random_name;
 use clap::{Parser, Subcommand};
 use std::{env, sync::Arc};
 use tracing::debug;
@@ -70,7 +71,8 @@ impl Args {
                 let relay_string: String = relay.as_deref().unwrap_or(&cfg.app_origin).to_string();
                 let relay_arc = Arc::new(relay_string);
                 let files_arc = Arc::new(files.to_vec());
-                sender::start_sender(relay_arc, files_arc).await;
+                let transfer_name = generate_random_name();
+                sender::start_sender(relay_arc, files_arc, transfer_name).await;
             }
             Some(Commands::Receive {
                 relay,

caesar-cli/src/config.rs

@@ -15,10 +15,10 @@ impl Default for CaesarConfig {
     fn default() -> Self {
         CaesarConfig {
             app_environment: "production".to_string(),
-            app_host: "0.0.0.0".to_string(),
+            app_host: "localhost".to_string(),
             app_port: "8000".to_string(),
             app_origin: "wss://caesar-transfer-iu.shuttleapp.rs".to_string(),
-            app_relay: "0.0.0.0:8000".to_string(),
+            app_relay: "localhost:8000".to_string(),
             rust_log: "info".to_string(),
         }
     }

caesar-core/Cargo.toml

@@ -38,8 +38,13 @@ local-ip-address = "0.6.1"
 axum-extra = { version = "0.9.3", features = ["typed-header"] }
 headers = "0.4"
 tower = { version = "0.4", features = ["util"] }
-reqwest = { version = "0.12.4", features = ["blocking", "json"] }
+reqwest = { version = "0.12.4", default-features = false, features = [
+  "blocking",
+  "json",
+  "rustls-tls",
+] }
 hex = "0.4.3"
+anyhow = "1.0.83"
 
 [build-dependencies]
 prost-build = "0.12.4"

caesar-core/src/receiver/client.rs

@@ -23,7 +23,7 @@ const DESTINATION: u8 = 0;
 const NONCE_SIZE: usize = 12;
 
 #[cfg(target_os = "android")]
-const FILE_PATH_PREFIX: &str = "/storage/emulated/0/Download";
+const FILE_PATH_PREFIX: &str = "/storage/emulated/0/Documents";
 
 struct File {
     name: String,
@@ -74,10 +74,17 @@ fn on_list(context: &mut Context, list: ListPacket) -> Status {
         return Status::Err("Invalid list packet: no shared key established".into());
     }
 
+    #[cfg(target_os = "android")]
+    let mut prefix = std::path::PathBuf::from(std::env::current_exe().unwrap());
+    // #[cfg(target_os = "android")]
+    // prefix.pop();
+    // #[cfg(target_os = "android")]
+    // println!("prefix: {:?}", prefix);
     for entry in list.entries {
         let path = sanitize_filename::sanitize(entry.name.clone());
         #[cfg(target_os = "android")]
         let file_path = format!("{}/{}", FILE_PATH_PREFIX, path);
+        // let file_path = format!("{}/{}", prefix.display(), path);
 
         #[cfg(target_os = "android")]
         if Path::new(&file_path).exists() {

caesar-core/src/receiver/http_client.rs

@@ -1,27 +1,22 @@
+use anyhow::{anyhow, Result};
 use hex;
 use reqwest::{self, Client};
 use sha2::{Digest, Sha256};
-use tracing::error;
 
 use crate::relay::transfer::TransferResponse;
 
-type Result<T> = std::result::Result<T, Box<dyn std::error::Error>>;
-
 pub async fn download_info(relay: &str, name: &str) -> Result<TransferResponse> {
     let url = String::from(relay);
     let hashed_name = Sha256::digest(name.as_bytes());
     let hashed_string = hex::encode(hashed_name);
 
-    match reqwest::get(format!("{}/download/{}", url, hashed_string)).await {
-        Ok(resp) => match resp.json::<TransferResponse>().await {
-            Ok(res) => Ok(res),
-            Err(e) => Err(Box::new(e)),
-        },
-        Err(err) => {
-            error!("Error: {err}");
-            Err(Box::new(err))
-        }
-    }
+    let resp = reqwest::get(format!("{}/download/{}", url, hashed_string))
+        .await
+        .map_err(|e| anyhow!("Failed to send GET request: {}", e))?;
+
+    resp.json::<TransferResponse>()
+        .await
+        .map_err(|e| anyhow!("Failed to parse JSON response: {}", e))
 }
 
 pub async fn download_success(relay: &str, name: &str) -> Result<()> {
@@ -33,6 +28,8 @@ pub async fn download_success(relay: &str, name: &str) -> Result<()> {
     let _ = client
         .post(format!("{}/download_success/{}", url, hashed_string))
         .send()
-        .await?;
+        .await
+        .map_err(|e| anyhow!("Failed to send POST request: {}", e))?;
+
     Ok(())
 }

caesar-core/src/receiver/mod.rs

@@ -1,6 +1,7 @@
 pub mod client;
 pub mod http_client;
 
+use anyhow::{Result, anyhow};
 use crate::{receiver::client as receiver, sender::util::replace_protocol};
 
 use tokio_tungstenite::{
@@ -9,7 +10,7 @@ use tokio_tungstenite::{
 };
 use tracing::{debug, error};
 
-pub async fn start_receiver(relay: &str, name: &str) {
+pub async fn start_receiver(relay: &str, name: &str) -> Result<()> {
     let http_url = replace_protocol(relay);
     let res = http_client::download_info(http_url.as_str(), name)
         .await
@@ -23,19 +24,19 @@ pub async fn start_receiver(relay: &str, name: &str) {
             debug!("Failed to connect remote: {relay_err}");
         }
     }
-    let success = http_client::download_success(http_url.as_str(), name).await;
-    match success {
-        Ok(()) => debug!("Success"),
-        Err(e) => error!("Error: {e:?}"),
-    };
+    let _success = http_client::download_success(http_url.as_str(), name)
+        .await
+        .map_err(|e| anyhow!("Failed to download success: {}", e))?;
+
+    debug!("Success");
+    Ok(())
 }
 
-pub async fn start_ws_com(relay: &str, name: &str) -> Result<(), Box<dyn std::error::Error>> {
+pub async fn start_ws_com(relay: &str, name: &str) -> Result<()> {
     let url = String::from(relay) + "/ws";
-    let Ok(mut request) = url.into_client_request() else {
-        println!("Error: Failed to create request.");
-        return Err("Failed to create request".into());
-    };
+    let mut request = url
+        .into_client_request()
+        .map_err(|e| anyhow!("Failed to create request: {}", e))?;
 
     request
         .headers_mut()

caesar-core/src/sender/mod.rs

@@ -18,11 +18,16 @@ use tower_http::trace::{DefaultMakeSpan, TraceLayer};
 use tracing::{debug, error, info};
 use uuid::Uuid;
 
-pub async fn start_sender(relay: Arc<String>, files: Arc<Vec<String>>) {
+pub async fn start_sender(relay: Arc<String>, files: Arc<Vec<String>>, transfer_name: String) {
     let (tx, mut rx) = mpsc::channel(1);
     debug!("Got relay: {relay}");
     let room_id = Uuid::new_v4().to_string();
-    let rand_name = generate_random_name();
+    let rand_name: String;
+    if transfer_name.is_empty() {
+        rand_name = generate_random_name();
+     } else {
+        rand_name = transfer_name.clone(); 
+    }
     let local_room_id = room_id.clone();
     let local_files = files.clone();
     let local_relay = relay.clone();
@@ -45,7 +50,7 @@ pub async fn start_sender(relay: Arc<String>, files: Arc<Vec<String>>) {
     });
     let local_thread = task::spawn(async move {
         connect_to_server(
-            Arc::new(String::from("ws://0.0.0.0:9000")),
+            Arc::new(String::from("ws://localhost:9000")),
             local_files.clone(),
             Some(local_room_id),
             local_relay.clone(),
@@ -56,6 +61,7 @@ pub async fn start_sender(relay: Arc<String>, files: Arc<Vec<String>>) {
         .await
     });
 
+
     rx.recv().await.unwrap();
     local_ws_thread.abort();
     relay_thread.abort();
@@ -63,7 +69,7 @@ pub async fn start_sender(relay: Arc<String>, files: Arc<Vec<String>>) {
 }
 
 pub async fn start_local_ws() {
-    let app_host = "0.0.0.0";
+    let app_host = "localhost";
     let app_port = "9000";
 
     let server = AppState::new();

caesar-tauri-angular/.gitignore

@@ -0,0 +1,42 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# Compiled output
+/dist
+/tmp
+/out-tsc
+/bazel-out
+
+# Node
+/node_modules
+npm-debug.log
+yarn-error.log
+
+# IDEs and editors
+.idea/
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# Visual Studio Code
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# Miscellaneous
+/.angular/cache
+.sass-cache/
+/connect.lock
+/coverage
+/libpeerconnection.log
+testem.log
+/typings
+
+# System files
+.DS_Store
+Thumbs.db

caesar-tauri-angular/.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "tauri-apps.tauri-vscode",
+    "rust-lang.rust-analyzer",
+    "angular.ng-template"
+  ]
+}

caesar-tauri-angular/README.md

@@ -0,0 +1,7 @@
+# Tauri + Angular
+
+This template should help get you started developing with Tauri and Angular.
+
+## Recommended IDE Setup
+
+[VS Code](https://code.visualstudio.com/) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer) + [Angular Language Service](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template).

caesar-tauri-angular/angular.json

@@ -0,0 +1,68 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "cli": {
+    "analytics": false
+  },
+  "projects": {
+    "caesar-tauri-angular": {
+      "projectType": "application",
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:application",
+          "options": {
+            "outputPath": "dist/caesar-tauri-angular",
+            "index": "src/index.html",
+            "browser": "src/main.ts",
+            "polyfills": ["zone.js"],
+            "tsConfig": "tsconfig.app.json",
+            "assets": ["src/assets"],
+            "styles": ["src/styles.css"]
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kb",
+                  "maximumError": "1mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "port": 1420
+          },
+          "configurations": {
+            "production": {
+              "buildTarget": "caesar-tauri-angular:build:production"
+            },
+            "development": {
+              "buildTarget": "caesar-tauri-angular:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        }
+      }
+    }
+  }
+}

caesar-tauri-angular/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "caesar-tauri-angular",
+  "version": "0.0.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "tauri": "tauri"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^17.0.0",
+    "@angular/common": "^17.0.0",
+    "@angular/compiler": "^17.0.0",
+    "@angular/core": "^17.0.0",
+    "@angular/forms": "^17.0.0",
+    "@angular/platform-browser": "^17.0.0",
+    "@angular/platform-browser-dynamic": "^17.0.0",
+    "@angular/router": "^17.0.0",
+    "@tauri-apps/api": ">=2.0.0-beta.0",
+    "@tauri-apps/plugin-dialog": "^2.0.0-beta.3",
+    "@tauri-apps/plugin-shell": ">=2.0.0-beta.0",
+    "angularx-qrcode": "^17.0.1",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.14.2"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^17.0.0",
+    "@angular/cli": "^17.0.0",
+    "@angular/compiler-cli": "^17.0.0",
+    "@tauri-apps/cli": ">=2.0.0-beta.0",
+    "@types/jasmine": "~5.1.0",
+    "internal-ip": "^7.0.0",
+    "jasmine-core": "~5.1.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.2.2"
+  }
+}

caesar-tauri-angular/src-tauri/.cargo/config.toml

@@ -0,0 +1,4 @@
+[build]
+target = "x86_64-pc-windows-msvc"
+
+[target]

caesar-tauri-angular/src-tauri/.gitignore

@@ -0,0 +1,7 @@
+# Generated by Cargo
+# will have compiled files and executables
+/target/
+
+# Generated by Tauri
+# will have schema files for capabilities auto-completion
+/gen/schemas

caesar-tauri-angular/src-tauri/Cargo.toml

@@ -0,0 +1,26 @@
+[package]
+name = "caesar-tauri-angular"
+version = "0.0.0"
+description = "A Tauri App"
+authors = ["Manuel Keidel"]
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[lib]
+name = "caesar_tauri_angular_lib"
+crate-type = ["lib", "cdylib", "staticlib"]
+
+[build-dependencies]
+tauri-build = { version = "2.0.0-beta", features = [] }
+
+[dependencies]
+log = "0.4"
+env_logger = "0.11.3"
+caesar-core = { path = "../../caesar-core" }
+tauri = { version = "2.0.0-beta", features = [] }
+tauri-plugin-shell = "2.0.0-beta"
+tauri-plugin-dialog = "2.0.0-beta"
+serde = { version = "1", features = ["derive"] }
+serde_json = "1"
+

caesar-tauri-angular/src-tauri/build.rs

@@ -0,0 +1,3 @@
+fn main() {
+    tauri_build::build()
+}

caesar-tauri-angular/src-tauri/capabilities/main.json

@@ -0,0 +1,18 @@
+{
+    "$schema": "../gen/schemas/desktop-schema.json",
+    "identifier": "main-capability",
+    "description": "Capability for the main window",
+    "windows": ["main"],
+    "permissions": [
+      "path:default",
+      "event:default",
+      "window:default",
+      "app:default",
+      "resources:default",
+      "menu:default",
+      "tray:default",
+      "window:allow-set-title",
+      "dialog:allow-open",
+      "dialog:allow-message"
+    ]
+  }

caesar-tauri-angular/src-tauri/capabilities/mobile.json

@@ -0,0 +1,19 @@
+{
+    "$schema": "../gen/schemas/mobile-schema.json",
+    "identifier": "mobile-capability",
+    "windows": ["main"],
+    "platforms": ["iOS", "android"],
+    "permissions": [
+        "path:default",
+        "event:default",
+        "window:default",
+        "app:default",
+        "resources:default",
+        "menu:default",
+        "tray:default",
+        "window:allow-set-title",
+        "dialog:allow-open",
+        "dialog:allow-message",
+        "menu:allow-get"
+    ]
+  }

caesar-tauri-angular/src-tauri/gen/android/.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = false
+insert_final_newline = false

caesar-tauri-angular/src-tauri/gen/android/.gitignore

@@ -0,0 +1,19 @@
+*.iml
+.gradle
+/local.properties
+/.idea/caches
+/.idea/libraries
+/.idea/modules.xml
+/.idea/workspace.xml
+/.idea/navEditor.xml
+/.idea/assetWizardSettings.xml
+.DS_Store
+build
+/captures
+.externalNativeBuild
+.cxx
+local.properties
+key.properties
+
+/.tauri
+/tauri.settings.gradle

caesar-tauri-angular/src-tauri/gen/android/app/.gitignore

@@ -0,0 +1,5 @@
+/src/main/java/com/tauri/caesar_tauri_angular/generated
+/src/main/jniLibs/**/*.so
+/src/main/assets/tauri.conf.json
+/tauri.build.gradle.kts
+/proguard-tauri.pro

caesar-tauri-angular/src-tauri/gen/android/app/build.gradle.kts

@@ -0,0 +1,57 @@
+plugins {
+    id("com.android.application")
+    id("org.jetbrains.kotlin.android")
+    id("rust")
+}
+
+android {
+    compileSdk = 33
+    namespace = "com.tauri.caesar_tauri_angular"
+    defaultConfig {
+        manifestPlaceholders["usesCleartextTraffic"] = "true"
+        applicationId = "com.tauri.caesar_tauri_angular"
+        minSdk = 24
+        targetSdk = 33
+        versionCode = 1
+        versionName = "1.0"
+    }
+    buildTypes {
+        getByName("debug") {
+            manifestPlaceholders["usesCleartextTraffic"] = "true"
+            isDebuggable = true
+            isJniDebuggable = true
+            isMinifyEnabled = false
+            packaging {                jniLibs.keepDebugSymbols.add("*/arm64-v8a/*.so")
+                jniLibs.keepDebugSymbols.add("*/armeabi-v7a/*.so")
+                jniLibs.keepDebugSymbols.add("*/x86/*.so")
+                jniLibs.keepDebugSymbols.add("*/x86_64/*.so")
+            }
+        }
+        getByName("release") {
+            isMinifyEnabled = true
+            proguardFiles(
+                *fileTree(".") { include("**/*.pro") }
+                    .plus(getDefaultProguardFile("proguard-android-optimize.txt"))
+                    .toList().toTypedArray()
+            )
+        }
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+}
+
+rust {
+    rootDirRel = "../../../"
+}
+
+dependencies {
+    implementation("androidx.webkit:webkit:1.6.1")
+    implementation("androidx.appcompat:appcompat:1.6.1")
+    implementation("com.google.android.material:material:1.8.0")
+    testImplementation("junit:junit:4.13.2")
+    androidTestImplementation("androidx.test.ext:junit:1.1.4")
+    androidTestImplementation("androidx.test.espresso:espresso-core:3.5.0")
+}
+
+apply(from = "tauri.build.gradle.kts")

caesar-tauri-angular/src-tauri/gen/android/app/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

caesar-tauri-angular/src-tauri/gen/android/app/src/main/AndroidManifest.xml

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.MANAGE_EXTERNAL_STORAGE" />
+    <application
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:theme="@style/Theme.caesar_tauri_angular"
+        android:usesCleartextTraffic="true"
+        android:requestLegacyExternalStorage="true">
+        <activity
+            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
+            android:launchMode="singleTask"
+            android:label="@string/main_activity_title"
+            android:name=".MainActivity"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+
+        <provider
+          android:name="androidx.core.content.FileProvider"
+          android:authorities="${applicationId}.fileprovider"
+          android:exported="false"
+          android:grantUriPermissions="true">
+          <meta-data
+            android:name="android.support.FILE_PROVIDER_PATHS"
+            android:resource="@xml/file_paths" />
+        </provider>
+    </application>
+</manifest>

caesar-tauri-angular/src-tauri/gen/android/app/src/main/java/com/tauri/caesar_tauri_angular/MainActivity.kt

@@ -0,0 +1,3 @@
+package com.tauri.caesar_tauri_angular
+
+class MainActivity : TauriActivity()

caesar-tauri-angular/src-tauri/gen/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <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">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        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"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>

caesar-tauri-angular/src-tauri/gen/android/app/src/main/res/drawable/ic_launcher_background.xml

@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>

caesar-tauri-angular/src-tauri/gen/android/app/src/main/res/layout/activity_main.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".MainActivity">
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Hello World!"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

caesar-tauri-angular/src-tauri/gen/android/app/src/main/res/values-night/themes.xml

@@ -0,0 +1,6 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Theme.caesar_tauri_angular" parent="Theme.MaterialComponents.DayNight.NoActionBar">
+        <!-- Customize your theme here. -->
+    </style>
+</resources>

caesar-tauri-angular/src-tauri/gen/android/app/src/main/res/values/colors.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="purple_200">#FFBB86FC</color>
+    <color name="purple_500">#FF6200EE</color>
+    <color name="purple_700">#FF3700B3</color>
+    <color name="teal_200">#FF03DAC5</color>
+    <color name="teal_700">#FF018786</color>
+    <color name="black">#FF000000</color>
+    <color name="white">#FFFFFFFF</color>
+</resources>

caesar-tauri-angular/src-tauri/gen/android/app/src/main/res/values/strings.xml

@@ -0,0 +1,4 @@
+<resources>
+    <string name="app_name">caesar-tauri-angular</string>
+    <string name="main_activity_title">caesar-tauri-angular</string>
+</resources>

caesar-tauri-angular/src-tauri/gen/android/app/src/main/res/values/themes.xml

@@ -0,0 +1,6 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Theme.caesar_tauri_angular" parent="Theme.MaterialComponents.DayNight.NoActionBar">
+        <!-- Customize your theme here. -->
+    </style>
+</resources>

caesar-tauri-angular/src-tauri/gen/android/app/src/main/res/xml/file_paths.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<paths xmlns:android="http://schemas.android.com/apk/res/android">
+  <external-path name="my_images" path="." />
+  <cache-path name="my_cache_images" path="." />
+</paths>

caesar-tauri-angular/src-tauri/gen/android/build.gradle.kts

@@ -0,0 +1,22 @@
+buildscript {
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath("com.android.tools.build:gradle:8.0.0")
+        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:1.6.21")
+    }
+}
+
+allprojects {
+    repositories {
+        google()
+        mavenCentral()
+    }
+}
+
+tasks.register("clean").configure {
+    delete("build")
+}
+

caesar-tauri-angular/src-tauri/gen/android/buildSrc/build.gradle.kts

@@ -0,0 +1,23 @@
+plugins {
+    `kotlin-dsl`
+}
+
+gradlePlugin {
+    plugins {
+        create("pluginsForCoolKids") {
+            id = "rust"
+            implementationClass = "RustPlugin"
+        }
+    }
+}
+
+repositories {
+    google()
+    mavenCentral()
+}
+
+dependencies {
+    compileOnly(gradleApi())
+    implementation("com.android.tools.build:gradle:8.0.0")
+}
+

caesar-tauri-angular/src-tauri/gen/android/buildSrc/src/main/java/com/tauri/caesar_tauri_angular/kotlin/BuildTask.kt

@@ -0,0 +1,52 @@
+import java.io.File
+import org.apache.tools.ant.taskdefs.condition.Os
+import org.gradle.api.DefaultTask
+import org.gradle.api.GradleException
+import org.gradle.api.logging.LogLevel
+import org.gradle.api.tasks.Input
+import org.gradle.api.tasks.TaskAction
+
+open class BuildTask : DefaultTask() {
+    @Input
+    var rootDirRel: String? = null
+    @Input
+    var target: String? = null
+    @Input
+    var release: Boolean? = null
+
+    @TaskAction
+    fun assemble() {
+        val executable = """npm""";
+        try {
+            runTauriCli(executable)
+        } catch (e: Exception) {
+            if (Os.isFamily(Os.FAMILY_WINDOWS)) {
+                runTauriCli("$executable.cmd")
+            } else {
+                throw e;
+            }
+        }
+    }
+
+    fun runTauriCli(executable: String) {
+        val rootDirRel = rootDirRel ?: throw GradleException("rootDirRel cannot be null")
+        val target = target ?: throw GradleException("target cannot be null")
+        val release = release ?: throw GradleException("release cannot be null")
+        val args = listOf("run", "--", "tauri", "android", "android-studio-script");
+
+        project.exec {
+            workingDir(File(project.projectDir, rootDirRel))
+            executable(executable)
+            args(args)
+            if (project.logger.isEnabled(LogLevel.DEBUG)) {
+                args("-vv")
+            } else if (project.logger.isEnabled(LogLevel.INFO)) {
+                args("-v")
+            }
+            if (release) {
+                args("--release")
+            }
+            args(listOf("--target", target))
+        }.assertNormalExitValue()
+    }
+}

caesar-tauri-angular/src-tauri/gen/android/buildSrc/src/main/java/com/tauri/caesar_tauri_angular/kotlin/RustPlugin.kt

@@ -0,0 +1,85 @@
+import com.android.build.api.dsl.ApplicationExtension
+import org.gradle.api.DefaultTask
+import org.gradle.api.Plugin
+import org.gradle.api.Project
+import org.gradle.kotlin.dsl.configure
+import org.gradle.kotlin.dsl.get
+
+const val TASK_GROUP = "rust"
+
+open class Config {
+    lateinit var rootDirRel: String
+}
+
+open class RustPlugin : Plugin<Project> {
+    private lateinit var config: Config
+
+    override fun apply(project: Project) = with(project) {
+        config = extensions.create("rust", Config::class.java)
+
+        val defaultAbiList = listOf("arm64-v8a", "armeabi-v7a", "x86", "x86_64");
+        val abiList = (findProperty("abiList") as? String)?.split(',') ?: defaultAbiList
+
+        val defaultArchList = listOf("arm64", "arm", "x86", "x86_64");
+        val archList = (findProperty("archList") as? String)?.split(',') ?: defaultArchList
+
+        val targetsList = (findProperty("targetList") as? String)?.split(',') ?: listOf("aarch64", "armv7", "i686", "x86_64")
+
+        extensions.configure<ApplicationExtension> {
+            @Suppress("UnstableApiUsage")
+            flavorDimensions.add("abi")
+            productFlavors {
+                create("universal") {
+                    dimension = "abi"
+                    ndk {
+                        abiFilters += abiList
+                    }
+                }
+                defaultArchList.forEachIndexed { index, arch ->
+                    create(arch) {
+                        dimension = "abi"
+                        ndk {
+                            abiFilters.add(defaultAbiList[index])
+                        }
+                    }
+                }
+            }
+        }
+
+        afterEvaluate {
+            for (profile in listOf("debug", "release")) {
+                val profileCapitalized = profile.replaceFirstChar { it.uppercase() }
+                val buildTask = tasks.maybeCreate(
+                    "rustBuildUniversal$profileCapitalized",
+                    DefaultTask::class.java
+                ).apply {
+                    group = TASK_GROUP
+                    description = "Build dynamic library in $profile mode for all targets"
+                }
+
+                tasks["mergeUniversal${profileCapitalized}JniLibFolders"].dependsOn(buildTask)
+
+                for (targetPair in targetsList.withIndex()) {
+                    val targetName = targetPair.value
+                    val targetArch = archList[targetPair.index]
+                    val targetArchCapitalized = targetArch.replaceFirstChar { it.uppercase() }
+                    val targetBuildTask = project.tasks.maybeCreate(
+                        "rustBuild$targetArchCapitalized$profileCapitalized",
+                        BuildTask::class.java
+                    ).apply {
+                        group = TASK_GROUP
+                        description = "Build dynamic library in $profile mode for $targetArch"
+                        rootDirRel = config.rootDirRel
+                        target = targetName
+                        release = profile == "release"
+                    }
+
+                    buildTask.dependsOn(targetBuildTask)
+                    tasks["merge$targetArchCapitalized${profileCapitalized}JniLibFolders"].dependsOn(
+                        targetBuildTask
+                    )
+                }
+            }
+        }
+    }
+}

caesar-tauri-angular/src-tauri/gen/android/gradle.properties

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

caesar-tauri-angular/src-tauri/gen/android/gradle/wrapper/gradle-wrapper.properties

@@ -0,0 +1,6 @@
+#Tue May 10 19:22:52 CST 2022
+distributionBase=GRADLE_USER_HOME
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.0-bin.zip
+distributionPath=wrapper/dists
+zipStorePath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME

caesar-tauri-angular/src-tauri/gen/android/gradlew

@@ -0,0 +1,185 @@
+#!/usr/bin/env sh
+
+#
+# Copyright 2015 the original author or authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=`expr $i + 1`
+    done
+    case $i in
+        0) set -- ;;
+        1) set -- "$args0" ;;
+        2) set -- "$args0" "$args1" ;;
+        3) set -- "$args0" "$args1" "$args2" ;;
+        4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=`save "$@"`
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+exec "$JAVACMD" "$@"

caesar-tauri-angular/src-tauri/gen/android/gradlew.bat

@@ -0,0 +1,89 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega

caesar-tauri-angular/src-tauri/gen/android/settings.gradle

@@ -0,0 +1,3 @@
+include ':app'
+
+apply from: 'tauri.settings.gradle'

caesar-tauri-angular/src-tauri/src/lib.rs

@@ -0,0 +1,52 @@
+use caesar_core::{receiver, relay::server::start_ws, sender::{self, util::generate_random_name}};
+use std::sync::Arc;
+use tauri::{AppHandle, Manager};
+
+
+#[tauri::command]
+async fn send(app_handle: tauri::AppHandle, relay: Option<String>, files: Vec<String>) {
+    let relay_string = relay.unwrap_or_else(|| "default_relay_address".to_string());
+    log::info!("Using relay: {}", relay_string); 
+    let relay_arc = Arc::new(relay_string);
+    let files_arc = Arc::new(files);
+    let transfer_name = generate_random_name();
+
+    app_handle.emit("transfer_name_event", transfer_name.clone())
+    .expect("Failed to emit event");
+
+    sender::start_sender(relay_arc, files_arc, transfer_name.clone()).await;
+}
+
+#[tauri::command]
+async fn receive(relay: Option<String>, name: String) -> Result<(), String> {
+    let relay_string = relay.unwrap_or_else(|| "default_relay_address".to_string());
+    
+    match receiver::start_receiver(&relay_string, &name).await {
+        Ok(_) => {
+            println!("Receiver started successfully.");
+            Ok(())
+        }
+        Err(e) => {
+            eprintln!("Failed to start receiver: {:?}", e);
+            Err(format!("Failed to start receiver: {:?}", e))
+        }
+    }
+}
+
+#[tauri::command]
+async fn serve(port: Option<i32>, listen_address: Option<String>) {
+    let address = listen_address.unwrap_or_else(|| "localhost".to_string());
+    let port = port.unwrap_or(8080);
+    start_ws(&port, &address).await;
+}
+
+#[cfg_attr(mobile, tauri::mobile_entry_point)]
+pub fn run() {
+    env_logger::init();
+    tauri::Builder::default()
+        .plugin(tauri_plugin_dialog::init())
+        .plugin(tauri_plugin_shell::init())
+        .invoke_handler(tauri::generate_handler![send, serve, receive])
+        .run(tauri::generate_context!())
+        .expect("error while running tauri application");
+}

caesar-tauri-angular/src-tauri/src/main.rs

@@ -0,0 +1,6 @@
+// Prevents additional console window on Windows in release, DO NOT REMOVE!!
+#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
+
+fn main() {
+    caesar_tauri_angular_lib::run()
+}

caesar-tauri-angular/src-tauri/tauri.conf.json

@@ -0,0 +1,35 @@
+{
+  "productName": "caesar-tauri-angular",
+  "version": "0.0.0",
+  "identifier": "com.tauri.dev",
+  "build": {
+    "beforeDevCommand": "npm run start -- --host $HOST --public-host $HOST",
+    "devUrl": "http://localhost:1420",
+    "beforeBuildCommand": "npm run build",
+    "frontendDist": "../dist/caesar-tauri-angular/browser"
+  },
+
+  "app": {"windows": [
+      {
+        "title": "caesar-tauri-angular",
+        "width": 800,
+        "height": 600
+      }
+    ],
+    "security": {
+      "csp": "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data:;",
+      "capabilities": ["main-capability", "mobile-capability"]
+    }
+  },
+  "bundle": {
+    "active": true,
+    "targets": "all",
+    "icon": [
+      "icons/32x32.png",
+      "icons/128x128.png",
+      "icons/128x128@2x.png",
+      "icons/icon.icns",
+      "icons/icon.ico"
+    ]
+  }
+}

caesar-tauri-angular/src/app/app.component.css

@@ -0,0 +1,38 @@
+.logo.angular:hover {
+  filter: drop-shadow(0 0 2em #e32727);
+}
+
+/* Zentriert das Menü horizontal und vertikal */
+.menu-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh; /* Höhe der gesamten Ansichtshöhe */
+}
+
+.menu {
+  background-color: #333;
+  padding: 20px;
+  border-radius: 8px;
+}
+
+.menu ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+}
+
+.menu ul li {
+  margin: 0 20px; /* Abstand zwischen den Menüelementen */
+}
+
+.menu ul li a {
+  color: white;
+  text-decoration: none;
+  font-size: 18px;
+}
+
+.menu ul li a:hover {
+  text-decoration: underline;
+}

caesar-tauri-angular/src/app/app.component.html

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

caesar-tauri-angular/src/app/app.component.ts

@@ -0,0 +1,21 @@
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
+import { SenderComponent } from './components/sender/sender.component';
+import { TauriService } from './services/tauri.service';
+import { ReceiverComponent } from './components/receiver/receiver.component';
+import { SettingsMenuComponent } from './components/settings-menu/settings-menu.component';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [CommonModule, RouterOutlet, SenderComponent, ReceiverComponent, SettingsMenuComponent],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.css'
+})
+export class AppComponent implements OnInit {
+  constructor(private tauriService: TauriService, private route: ActivatedRoute) {}
+  ngOnInit() {
+    // this.tauriService.serve(8000, 'localhost').then(message => console.log(message));
+  }
+}

caesar-tauri-angular/src/app/app.config.ts

@@ -0,0 +1,8 @@
+import { ApplicationConfig } from "@angular/core";
+import { provideRouter } from "@angular/router";
+
+import { routes } from "./app.routes";
+
+export const appConfig: ApplicationConfig = {
+  providers: [provideRouter(routes)],
+};

caesar-tauri-angular/src/app/app.routes.ts

@@ -0,0 +1,10 @@
+import { Routes } from "@angular/router";
+import { SenderComponent } from "./components/sender/sender.component";
+import { ReceiverComponent } from "./components/receiver/receiver.component";
+import { HomeComponent } from "./components/home/home.component";
+
+export const routes: Routes = [
+    { path: 'sender', component: SenderComponent },
+    { path: 'receiver', component: ReceiverComponent },
+    { path: '', component: HomeComponent }
+];

caesar-tauri-angular/src/app/components/home/home.component.css

@@ -0,0 +1,38 @@
+.logo.angular:hover {
+    filter: drop-shadow(0 0 2em #e32727);
+  }
+  
+  /* Zentriert das Menü horizontal und vertikal */
+  .menu-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh; /* Höhe der gesamten Ansichtshöhe */
+  }
+  
+  .menu {
+    background-color: #333;
+    padding: 20px;
+    border-radius: 8px;
+  }
+  
+  .menu ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+  }
+  
+  .menu ul li {
+    margin: 0 20px; /* Abstand zwischen den Menüelementen */
+  }
+  
+  .menu ul li a {
+    color: white;
+    text-decoration: none;
+    font-size: 18px;
+  }
+  
+  .menu ul li a:hover {
+    text-decoration: underline;
+  }

caesar-tauri-angular/src/app/components/home/home.component.html

@@ -0,0 +1,10 @@
+<app-settings-menu></app-settings-menu>
+
+<div class="menu-container">
+    <nav class="menu">
+      <ul>
+        <li><button (click)="redirectToReceiver()">Receiver</button></li>
+        <li><button (click)="redirectToSender()">Sender</button></li>
+      </ul>
+    </nav>
+  </div>

caesar-tauri-angular/src/app/components/home/home.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+  let component: HomeComponent;
+  let fixture: ComponentFixture<HomeComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [HomeComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(HomeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

caesar-tauri-angular/src/app/components/home/home.component.ts

@@ -0,0 +1,21 @@
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+import { SettingsMenuComponent } from '../settings-menu/settings-menu.component';
+
+@Component({
+  selector: 'app-home',
+  standalone: true,
+  imports: [SettingsMenuComponent],
+  templateUrl: './home.component.html',
+  styleUrl: './home.component.css'
+})
+export class HomeComponent {
+  constructor(private router: Router) {}
+  redirectToSender() {
+    this.router.navigate(['/sender'])
+  }
+
+  redirectToReceiver() {
+    this.router.navigate(['/receiver'])
+  }
+}

caesar-tauri-angular/src/app/components/receiver/receiver.component.css

@@ -0,0 +1,73 @@
+h2 {
+    text-align: center;
+    color: #a4a3a3;
+  }
+  
+  p {
+    text-align: center;
+    font-size: 1.2em;
+    color: #a4a3a3;
+  }
+  
+  .form-group {
+    margin: 20px auto;
+    text-align: center;
+  }
+  
+  label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: bold;
+  }
+  
+  input[type="text"] {
+    width: 50%;
+    padding: 10px;
+    margin: 10px 0;
+    box-sizing: border-box;
+    border: 2px solid #ccc;
+    border-radius: 4px;
+  }
+  
+  button {
+    padding: 10px 20px;
+    margin: 10px;
+    font-size: 1em;
+    color: #fff;
+    background-color: #007BFF;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+
+  button:hover {
+    background-color: #0056b3;
+  }
+
+  .cancel-button {
+    padding: 10px 20px;
+    margin: 10px;
+    font-size: 1em;
+    color: #fff;
+    background-color: #ff0000;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+  
+  .cancel-button:hover {
+    background-color: #d40000;
+  }
+
+  
+  ul {
+    list-style-type: none;
+    padding: 0;
+    text-align: center;
+  }
+  
+  li {
+    margin: 5px 0;
+    color: #ffffff;
+  }
+  

caesar-tauri-angular/src/app/components/receiver/receiver.component.html

@@ -0,0 +1,39 @@
+<h2>Receiver</h2>
+<p>Here you can receive Data</p>
+
+<div *ngIf="!isReceiving&& !receiveSuccess && !isRelayServerSet" class="form-group">
+  <label for="relayAddress">Relay Server Address:</label>
+  <input type="text" id="relayAddress" [(ngModel)]="relayAddress" placeholder="::1">
+</div>
+<div *ngIf="!isReceiving&& !receiveSuccess && !isRelayServerSet" class="form-group">
+  <label for="relayPort">Port:</label>
+  <input type="text" id="relayPort" [(ngModel)]="relayPort" placeholder="8000">
+</div>
+
+<div *ngIf="!isReceiving" class="form-group">
+    <label for="relayPort">Transfername:</label>
+    <input type="text" id="transferName" [(ngModel)]="transferName" placeholder="Transfername">
+  </div>
+
+<div *ngIf="!isReceiving&& !receiveSuccess" class="form-group">
+  <button (click)="receiveData()">Receive Data</button>
+</div>
+<div *ngIf="!isReceiving&& !receiveSuccess" class="form-group">
+  <button (click)="redirectToHome()">Home</button>
+</div>
+
+<div *ngIf="isReceiving" class="form-group">
+  <button class="cancel-button" (click)="reset()">Cancel</button>
+</div>
+
+<div>
+  <p *ngIf="isReceiving">Receiving Data... Transfer Name: {{transferName}}</p>
+  </div>
+
+<div *ngIf="!isReceiving && receiveSuccess">
+<p>Data received successfully! Transfer Name: {{transferName}}</p>
+</div>
+
+<div *ngIf="!isReceiving && !receiveSuccess && transferName === ''">
+  <p> No Data is being received. </p>
+</div>

caesar-tauri-angular/src/app/components/receiver/receiver.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ReceiverComponent } from './receiver.component';
+
+describe('ReceiverComponent', () => {
+  let component: ReceiverComponent;
+  let fixture: ComponentFixture<ReceiverComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ReceiverComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(ReceiverComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

caesar-tauri-angular/src/app/components/receiver/receiver.component.ts

@@ -0,0 +1,68 @@
+import { Component, OnInit } from '@angular/core';
+import { TauriService } from '../../services/tauri.service';
+import { Router } from '@angular/router';
+import { FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { StorageService } from '../../services/storage.service';
+
+@Component({
+  selector: 'app-receiver',
+  standalone: true,
+  imports: [FormsModule, CommonModule],
+  templateUrl: './receiver.component.html',
+  styleUrl: './receiver.component.css'
+})
+export class ReceiverComponent implements OnInit {
+  relayAddress: string = '';
+  relayPort?: number;
+  transferName: string = '';
+  isRelayServerSet = false;
+  isUsingShuttle = false;
+  isReceiving = false;
+  receiveSuccess = false;
+  constructor(private tauriService: TauriService, private router: Router, private storage: StorageService) {}
+  ngOnInit(): void {
+    if(this.storage.getLocalEntry('relayServer')) {
+      this.isRelayServerSet = true;
+      this.relayAddress = this.storage.getLocalEntry('relayServer')
+    if(this.storage.getLocalEntry('port')) {
+    this.relayPort = this.storage.getLocalEntry('port')
+    }
+    if(this.storage.getLocalEntry('relayServer') === 'wss://caesar-transfer-iu.shuttleapp.rs') {
+        this.isUsingShuttle = true;
+      }
+    }
+}
+  redirectToHome() {
+    this.router.navigate([''])
+  }
+  reset() {
+    this.isReceiving = false;
+    this.receiveSuccess = false;
+    this.transferName = '';
+  }
+  getRelayURL(): string {
+    if(!this.isUsingShuttle) {
+    return `ws://${this.relayAddress}:${this.relayPort}`;
+    } else {
+      return `${this.relayAddress}`
+    } 
+  }
+  receiveData() {
+    const relay = this.getRelayURL();
+    if (this.transferName.length > 0) {
+      this.isReceiving = true;
+      this.receiveSuccess = false;
+      this.tauriService.receive(relay, this.transferName)
+        .then(sendDataReturn => {
+          this.receiveSuccess = true;
+          setTimeout(() => {
+            this.reset();
+          }, 5000);
+        })
+        .catch(error => console.error('Error receiving data:', error));
+    } else {
+      console.error('No files to receive.');
+    }
+  }
+}

caesar-tauri-angular/src/app/components/sender/sender.component.css

@@ -0,0 +1,80 @@
+h2 {
+    text-align: center;
+    color: #a4a3a3;
+  }
+  
+  p {
+    text-align: center;
+    font-size: 1.2em;
+    color: #a4a3a3;
+  }
+  
+  .form-group {
+    margin: 20px auto;
+    text-align: center;
+  }
+  
+  label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: bold;
+  }
+  
+  input[type="text"] {
+    width: 50%;
+    padding: 10px;
+    margin: 10px 0;
+    box-sizing: border-box;
+    border: 2px solid #ccc;
+    border-radius: 4px;
+  }
+  
+  button {
+    padding: 10px 20px;
+    margin: 10px;
+    font-size: 1em;
+    color: #fff;
+    background-color: #007BFF;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+  
+  button:hover {
+    background-color: #0056b3;
+  }
+
+  .qrcodeImage {
+    display: flex;
+    flex: 1;
+    justify-content: center;
+  }
+  
+
+  .cancel-button {
+    padding: 10px 20px;
+    margin: 10px;
+    font-size: 1em;
+    color: #fff;
+    background-color: #ff0000;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+  
+  .cancel-button:hover {
+    background-color: #d40000;
+  }
+
+  
+  ul {
+    list-style-type: none;
+    padding: 0;
+    text-align: center;
+  }
+  
+  li {
+    margin: 5px 0;
+    color: #ffffff;
+  }
+  

caesar-tauri-angular/src/app/components/sender/sender.component.html

@@ -0,0 +1,60 @@
+<!-- src/app/app.component.html -->
+<h2>Sender</h2>
+<p>Here you can send Data.</p>
+
+<div *ngIf="!sendingInProgress && !sendingSuccess && !isRelayServerSet" class="form-group">
+  <label for="relayAddress">Relay Server Address:</label>
+  <input type="text" id="relayAddress" [(ngModel)]="relayAddress" placeholder="::1">
+</div>
+<div *ngIf="!sendingInProgress && !sendingSuccess && !isRelayServerSet" class="form-group">
+  <label for="relayPort">Port:</label>
+  <input type="text" id="relayPort" [(ngModel)]="relayPort" placeholder="8000">
+</div>
+
+<div *ngIf="sendingInProgress" class="qrcodeImage">
+  <qrcode
+    [qrdata]="transferName"
+    [allowEmptyString]="true"
+    [cssClass]="'center'"
+    [elementType]="'canvas'"
+    [errorCorrectionLevel]="'M'"
+    [imageSrc]="'../../../assets/tauri.svg'"
+    [imageHeight]="75"
+    [imageWidth]="75"
+    [margin]="4"
+    [scale]="1"
+    [width]="250"
+  ></qrcode>
+</div>
+
+<div *ngIf="!sendingInProgress && !sendingSuccess" class="form-group">
+  <button (click)="selectFile()" [disabled]="sendingInProgress">Attach Data</button>
+</div>
+
+<ul class="file-list">
+  <li *ngFor="let fileName of fileNames">{{ fileName }}</li>
+</ul>
+
+<div *ngIf="!sendingInProgress && !sendingSuccess" class="form-group">
+  <button (click)="sendData()" [disabled]="sendingInProgress">Send Data</button>
+</div>
+<div *ngIf="!sendingInProgress && !sendingSuccess" class="form-group">
+  <button (click)="redirectToHome()">Home</button>
+</div>
+
+<div *ngIf="sendingInProgress" class="form-group">
+  <button class="cancel-button" (click)="reset()">Cancel</button>
+</div>
+
+<div *ngIf="sendingInProgress">
+  <p>Sending files... Transfer Name: {{ transferName }}</p>
+</div>
+
+<div *ngIf="!sendingInProgress && sendingSuccess">
+  <p>Data sent successfully! Transfer Name: {{ transferName }}</p>
+</div>
+
+<div *ngIf="!sendingInProgress && !sendingSuccess && transferName === ''">
+  <p>No data being sent.</p>
+</div>
+

caesar-tauri-angular/src/app/components/sender/sender.component.ts

@@ -0,0 +1,106 @@
+import { Component, ChangeDetectorRef, OnInit  } from '@angular/core';
+import { TauriService } from '../../services/tauri.service';
+import { Router } from '@angular/router';
+import { FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { FileResponse, open } from '@tauri-apps/plugin-dialog';
+import { listen } from '@tauri-apps/api/event';
+import { StorageService } from '../../services/storage.service';
+import { QRCodeModule } from 'angularx-qrcode'
+
+@Component({
+  selector: 'app-sender',
+  standalone: true,
+  imports: [FormsModule, CommonModule, QRCodeModule],
+  templateUrl: './sender.component.html',
+  styleUrls: ['./sender.component.css']
+})
+export class SenderComponent implements OnInit {
+  files: string[] = [];
+  fileNames: string[] = [];
+  relayAddress: string = ''; 
+  relayPort?: number | null;
+  sendingInProgress = false;
+  sendingSuccess = false;
+  isRelayServerSet = false;
+  isUsingShuttle = false;
+  transferName: string = "";
+  constructor(private tauriService: TauriService, private router: Router, private cdr: ChangeDetectorRef, private storage: StorageService) {
+    this.listenToTransferEvents();
+  }
+
+  ngOnInit(): void {
+    if(this.storage.getLocalEntry('relayServer')) {
+      this.isRelayServerSet = true;
+      this.relayAddress = this.storage.getLocalEntry('relayServer')
+    if(this.storage.getLocalEntry('port')) {
+    this.relayPort = this.storage.getLocalEntry('port')
+    }
+    if(this.storage.getLocalEntry('relayServer') === 'wss://caesar-transfer-iu.shuttleapp.rs') {
+        this.isUsingShuttle = true;
+      }
+    }
+}
+
+  redirectToHome() {
+    this.router.navigate([''])
+  }
+
+  private listenToTransferEvents() {
+    listen('transfer_name_event', (event) => {
+      this.transferName = event.payload as string; 
+      this.cdr.detectChanges();
+    })
+  }
+
+  reset() {
+    this.files = [];
+    this.fileNames = [];
+    this.sendingInProgress = false;
+    this.sendingSuccess = false;
+    this.transferName = '';
+  }
+
+  async selectFile() {
+    // Open the file dialog and get the file path(s)
+    const selected:any = await open({
+      multiple: false
+    });
+    this.fileNames.push(selected.name);
+    this.files.push(selected.path);
+  }
+  
+
+
+  getRelayURL(): string {
+    if(!this.isUsingShuttle) {
+    return `ws://${this.relayAddress}:${this.relayPort}`;
+    } else {
+      return `${this.relayAddress}`
+    } 
+  }
+  sendData() {
+    const relay = this.getRelayURL();
+    if (this.files.length > 0) {
+      this.sendingInProgress = true;
+      this.sendingSuccess = false;
+      this.tauriService.send(relay, this.files)
+        .then(sendDataReturn => {
+          this.sendingSuccess = true;
+          setTimeout(() => {
+            this.reset();
+          }, 5000);
+        })
+        .catch(error => {
+          console.error('Error sending data:', error);
+          this.sendingSuccess = false;
+          this.sendingInProgress = false;
+        })
+        .finally(() => {
+          this.sendingInProgress = false;
+        });
+    } else {
+      console.error('No files to send.');
+    }
+  }
+}

caesar-tauri-angular/src/app/components/settings-menu/settings-menu.component.css

@@ -0,0 +1,106 @@
+body {
+    font-family: Arial, sans-serif;
+}
+
+.logo.angular:hover {
+    filter: drop-shadow(0 0 2em #e32727);
+}
+
+/* Zentriert das Menü horizontal und vertikal */
+.menu-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh; /* Höhe der gesamten Ansichtshöhe */
+}
+
+.menu {
+    background-color: #333;
+    padding: 20px;
+    border-radius: 8px;
+}
+
+.menu ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+}
+
+.menu ul li {
+    margin: 0 20px; /* Abstand zwischen den Menüelementen */
+}
+
+.menu ul li a {
+    color: white;
+    text-decoration: none;
+    font-size: 18px;
+}
+
+.menu ul li a:hover {
+    text-decoration: underline;
+}
+
+.burger-menu {
+    position: relative;
+}
+
+.burger-icon {
+    cursor: pointer;
+    font-size: 24px;
+}
+
+.burger-menu-menu {
+    display: none;
+    position: absolute;
+    top: 40px;
+    left: 0;
+    background: rgb(118, 118, 118);
+    border: 1px solid #8a8989;
+    padding: 20px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    width: 300px;
+}
+
+.burger-menu-menu.show {
+    display: block;
+}
+
+.checkbox-container {
+    margin-bottom: 20px;
+}
+
+.checkbox-container input {
+    margin-right: 10px;
+}
+
+label {
+    display: block;
+    margin-bottom: 10px;
+}
+
+input[type="text"],
+input[type="number"] {
+    width: 100%;
+    padding: 8px;
+    margin-bottom: 20px;
+    box-sizing: border-box;
+}
+
+button {
+    padding: 10px 15px;
+    margin-right: 10px;
+    cursor: pointer;
+}
+
+.save-button {
+    background-color: #4CAF50;
+    color: rgb(255, 255, 255);
+    border: none;
+}
+
+.reset-button {
+    background-color: #f44336;
+    color: white;
+    border: none;
+}

caesar-tauri-angular/src/app/components/settings-menu/settings-menu.component.html

@@ -0,0 +1,21 @@
+<div class="burger-menu">
+    <div class="burger-icon" (click)="toggleMenu()">
+        &#9776;
+    </div>
+    <div class="burger-menu-menu" [ngClass]="{'show': menuVisible}">
+        <h2>Settings</h2>
+        
+        <div *ngIf="!settings.useShuttleServer">
+            <label for="variable1">Relayserver Address:</label>
+            <input type="text" id="variable1" [(ngModel)]="settings.relayServer">
+        
+            <label for="variable2">Port:</label>
+            <input type="number" id="variable2" [(ngModel)]="settings.port">
+        </div>
+        <label>
+            <input type="checkbox" [(ngModel)]="settings.useShuttleServer"> Use Shuttleserver
+        </label>
+        <button class="save-button" (click)="saveSettings()">Save Settings</button>
+        <button class="reset-button" (click)="resetSettings()">Reset Settings</button>
+    </div>
+</div>

caesar-tauri-angular/src/app/components/settings-menu/settings-menu.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SettingsMenuComponent } from './settings-menu.component';
+
+describe('SettingsMenuComponent', () => {
+  let component: SettingsMenuComponent;
+  let fixture: ComponentFixture<SettingsMenuComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [SettingsMenuComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(SettingsMenuComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

caesar-tauri-angular/src/app/components/settings-menu/settings-menu.component.ts

@@ -0,0 +1,58 @@
+import { CommonModule } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { StorageService } from '../../services/storage.service';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-settings-menu',
+  standalone: true,
+  imports: [CommonModule, FormsModule],
+  templateUrl: './settings-menu.component.html',
+  styleUrl: './settings-menu.component.css'
+})
+export class SettingsMenuComponent implements OnInit {
+  constructor(private storage: StorageService, private router: Router) {}
+  menuVisible = false;
+  settings = {
+    relayServer: '',
+    port: 0,
+    useShuttleServer: false
+  };
+
+  ngOnInit(): void {
+      if(this.storage.getLocalEntry('relayServer')) {
+        this.settings.relayServer = this.storage.getLocalEntry('relayServer');
+      }
+      if(this.storage.getLocalEntry('port')) {
+        this.settings.port = this.storage.getLocalEntry('port');
+      }
+      if(this.storage.getLocalEntry('useShuttleServer') === true) {
+        this.settings.useShuttleServer = true;
+      }
+  }
+
+  toggleMenu(): void {
+    this.menuVisible = !this.menuVisible;
+  }
+
+  saveSettings(): void {
+    if(this.settings.useShuttleServer === true) {
+      this.storage.setLocalEntry('relayServer', 'wss://caesar-transfer-iu.shuttleapp.rs')
+      this.storage.setLocalEntry('useShuttleServer', this.settings.useShuttleServer)
+    } else {
+    this.storage.setLocalEntry('relayServer', this.settings.relayServer)
+    this.storage.setLocalEntry('port', this.settings.port)
+    }
+    alert("The settings have been saved!");
+    this.menuVisible = !this.menuVisible;
+  }
+
+  resetSettings(): void {
+    this.settings.relayServer = '';
+    this.settings.port = 0;
+    this.storage.clearLocal();
+    alert("The settings have been reset!")
+    this.menuVisible = !this.menuVisible;
+  }
+}