# Devtools Desktop App Plugin

Connect with the CrabNebula DevTools Desktop application and embed the devtools view in your application.

This plugin extends the [DevTools for Tauri](https://crates.io/crates/tauri-plugin-devtools) plugin
by easily interfacing with the DevTools Desktop app, allowing you to directly open the DevTools user interface
either as a embedded view or in a standalone window.

## Getting Started

Ensure you have [Tauri](https://tauri.app/v1/guides/getting-started/setup/) set up correctly. Then install the Rust instrumentation from crates.io:

```sh
cargo add tauri-plugin-devtools
cargo add tauri-plugin-devtools-app
```

Then add the following snippet to your tauri initialization code:

```rust
fn main() {
    #[cfg(debug_assertions)] // only enable instrumentation in development builds
    let (devtools, devtools_app) = (tauri_plugin_devtools::init(), tauri_plugin_devtools_app::init());

    let builder = tauri::Builder::default();

    #[cfg(debug_assertions)]
    let builder = builder.plugin(devtools).plugin(devtools_app);

    builder
        .run(tauri::generate_context!("./tauri.conf.json"))
        .expect("error while running tauri application");
}
```

And then run your app as usual, if everything is set up correctly you will be able to right-click on the window and select the "Open DevTools" menu or use the "Ctrl + Shift + M" (Linux and Windows) or "Cmd + Shift + M" (macOS) shortcuts.

## Context Menu

This plugin changes the default webview context menu to include its own entry for opening the devtools webview. By default the `Inspector` item is only enabled on debug builds. To also enable this for release applications, enable the `context-menu-inspector` feature flag, which also enables the Web inspector (`tauri/devtools` feature flag) for your application:

```toml
tauri-plugin-devtools-app = { version = "2.0.0-rc", features = ["context-menu-inspector"] }
```