electron-to-tauri

KO | EN

gitlite — search

#javascript #react #ai #typescript #golang #rust #linux #macos #windows #awesome-list #vue #security #ios #openai

electron-to-tauri

(★ 16)

Add some docs for helping me migrate to Tauri

electron-to-tauri Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Electron to Tauri

## Path

```js
// Electron

const { app } = require('electron');

app.getPath('home');         // ~/

app.getPath('appData');      // ~/Library/Application\ Support
                             // ~/.config

app.getPath('userData');     // ~/Library/Application\ Support/app-name
                             // ~/.config/app-name

app.getPath('cache');        // ~/Caches
app.getPath('temp');         //
app.getPath('exe');          //
app.getPath('module');       //
app.getPath('desktop');      // ~/Desktop
app.getPath('documents');    // ~/Documents
app.getPath('downloads');    // ~/Downloads
app.getPath('music');        // ~/Music
app.getPath('pictures');     // ~/Pictures
app.getPath('videos');       // ~/Videos
app.getPath('recent');       //
app.getPath('logs');         //
app.getPath('crashDump');    //
```

```rs
// Tauri

use tauri::api::path;

fn main() {

path::home_dir();        // ~/
    path::desktop_dir();     // ~/Desktop
    path::document_dir();    // ~/Documents
    path::download_dir();    // ~/Downloads
    path::audio_dir();       // ~/Music
    path::video_dir();       // ~/Movies
    path::picture_dir();     // ~/Pictures
    path::public_dir();      // ~/Public

path::data_dir();        // ~/Library/Application\ Support
    path::local_data_dir();  // ~/Library/Application\ Support
    path::config_dir();      // ~/Library/Application\ Support

path::cache_dir();       // ~/Library/Caches
    path::font_dir();        // ~/Library/Fonts

}
```

## Desktop Notification

```js
// Electron

const { Notification } = require('electron');

new Notification({ 
  title: 'Greetings', 
  body: 'Hello World',
}).show();
```

```rs
// Tauri

use tauri::api::notification;

fn main() {

let result = notification::Notification::new("id")
        .title("Greetings")
        .body("Hello world")
        .show();

match result {
        Ok(v) => println!("Success: {:?}", v),
        Err(e) => println!("Error: {:?}", e),
    }

}
```

## Open a folder/file with default application

```js
const { shell } = require('electron')

await shell.showItemInFolder('/');
await shell.openPath('/Users/mul14/sample.txt');
```

```rs
fn main() {
    // Open folder with default application
    let _ = shell::open("/".into(), None);

// Open text file with default application
    let result = shell::open("/Users/mul14/sample.txt".into(), None);

match result {
        Ok(v) => println!("Success: {:?}", v),
        Err(e) => println!("Error: {:?}", e),
    }
}
```

## Menu

Electron https://www.electronjs.org/docs/api/menu

### Tauri

```rs
// menu.rs

use tauri::{CustomMenuItem, Menu, MenuItem, Submenu};

pub fn mainmenu() -> Menu {
    let menu_app = Menu::new()
        .add_native_item(MenuItem::About(
            "App Name".to_string()
        ))
        .add_native_item(MenuItem::Services)
        .add_native_item(MenuItem::Separator)
        .add_native_item(MenuItem::Hide)
        .add_native_item(MenuItem::HideOthers)
        .add_native_item(MenuItem::ShowAll)
        .add_native_item(MenuItem::Separator)
        .add_native_item(MenuItem::Quit);

let new_window = CustomMenuItem::new("new:window", "New Window");

let menu_file = Menu::new()
        .add_item(new_window)
        .add_native_item(MenuItem::Separator)
        .add_native_item(MenuItem::CloseWindow);

let menu_edit = Menu::new()
        .add_native_item(MenuItem::Undo)
        .add_native_item(MenuItem::Redo)
        .add_native_item(MenuItem::Separator)
        .add_native_item(MenuItem::Cut)
        .add_native_item(MenuItem::Copy)
        .add_native_item(MenuItem::Paste)
        .add_native_item(MenuItem::SelectAll);

let menu_view = Menu::new()
        .add_native_item(MenuItem::EnterFullScreen);

let menu_window = Menu::new()
        .add_native_item(MenuItem::Minimize)
        .add_native_item(MenuItem::Zoom);

let feedback = CustomMenuItem::new("feedback", "Send Feedback");

let menu_help = Menu::new()
        .add_item(feedback);

Menu::new()
        .add_submenu(Submenu::new("App Name", menu_app))
        .add_submenu(Submenu::new("File", menu_file))
        .add_submenu(Submenu::new("Edit", menu_edit))
        .add_submenu(Submenu::new("View", menu_view))
        .add_submenu(Submenu::new("Window", menu_window))
        .add_submenu(Submenu::new("Help", menu_help))
}

// main.rs

mod menu;

fn main() {
    tauri::Builder::default()
        .menu(menu::mainmenu())
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}
```

electron-to-tauri

electron-to-tauri Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

electron-to-tauri

electron-to-tauri Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README