feat: initial desktop app commit

packages/hoppscotch-selfhost-desktop/src-tauri/.gitignore

@@ -0,0 +1,4 @@
+# Generated by Cargo
+# will have compiled files and executables
+/target/
+

packages/hoppscotch-selfhost-desktop/src-tauri/Cargo.toml

@@ -0,0 +1,35 @@
+[package]
+name = "hoppscotch-desktop"
+version = "0.0.0"
+description = "A Tauri App"
+authors = ["you"]
+license = ""
+repository = ""
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[build-dependencies]
+tauri-build = { version = "1.4.0", features = [] }
+
+[dependencies]
+tauri = { version = "1.4.1", features = ["http-all", "os-all", "shell-open", "window-start-dragging", "http-multipart"] }
+tauri-plugin-store = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v1" }
+tauri-plugin-deep-link = { git = "https://github.com/FabianLars/tauri-plugin-deep-link", branch = "main" }
+tauri-plugin-window-state = "0.1.0"
+reqwest = "0.11.20"
+serde_json = "1.0.107"
+url = "2.4.1"
+
+[target.'cfg(target_os = "macos")'.dependencies]
+cocoa = "0.25.0"
+objc = "0.2.7"
+
+[target.'cfg(target_os = "windows")'.dependencies]
+# windows = { version = "0.51.1", features = ["Win32_Graphics_Dwm", "Win32_Foundation", "Win32_UI_Controls"] }
+hex_color = "2.0.0"
+
+[features]
+# this feature is used for production builds or when `devPath` points to the filesystem
+# DO NOT REMOVE!!
+custom-protocol = ["tauri/custom-protocol"]

packages/hoppscotch-selfhost-desktop/src-tauri/Info.plist

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+    <dict>
+        <key>CFBundleURLTypes</key>
+        <array>
+            <dict>
+                <key>CFBundleURLName</key>
+                <!-- Obviously needs to be replaced with your app's bundle identifier -->
+                <string>io.hoppscotch.desktop</string>
+                <key>CFBundleURLSchemes</key>
+                <array>
+                    <!-- register the myapp:// and myscheme:// schemes -->
+                    <string>hoppscotch</string>
+                </array>
+            </dict>
+        </array>
+    </dict>
+</plist>

packages/hoppscotch-selfhost-desktop/src-tauri/build.rs

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

packages/hoppscotch-selfhost-desktop/src-tauri/src/mac/mod.rs

@@ -0,0 +1 @@
+pub mod window;

packages/hoppscotch-selfhost-desktop/src-tauri/src/mac/window.rs

@@ -0,0 +1,345 @@
+use tauri::{App, Manager, Runtime, Window};
+
+// If anything breaks on macOS, this should be the place which is broken
+// We have to override Tauri (Tao) 's built-in NSWindowDelegate implementation with a
+// custom implementation so we can emit events on full screen mode changes.
+// Our custom implementation tries to mock the Tauri implementation. So please do refer to the relevant parts
+
+// Apple's NSWindowDelegate reference: https://developer.apple.com/documentation/appkit/nswindowdelegate?language=objc
+// Tao's Window Delegate Implementation: https://github.com/tauri-apps/tao/blob/dev/src/platform_impl/macos/window_delegate.rs
+
+#[allow(dead_code)]
+pub enum ToolbarThickness {
+    Thick,
+    Medium,
+    Thin,
+}
+
+const WINDOW_CONTROL_PAD_X: f64 = 15.0;
+const WINDOW_CONTROL_PAD_Y: f64 = 23.0;
+
+pub trait WindowExt {
+    #[cfg(target_os = "macos")]
+    fn set_transparent_titlebar(&self);
+}
+
+#[cfg(target_os = "macos")]
+unsafe fn set_transparent_titlebar(id: cocoa::base::id) {
+    use cocoa::appkit::NSWindow;
+
+    id.setTitlebarAppearsTransparent_(cocoa::base::YES);
+    id.setTitleVisibility_(cocoa::appkit::NSWindowTitleVisibility::NSWindowTitleHidden);
+
+
+}
+
+#[cfg(target_os = "macos")]
+fn set_window_controls_pos(window: cocoa::base::id, x: f64, y: f64) {
+    use cocoa::{appkit::{NSWindow, NSWindowButton, NSView}, foundation::NSRect};
+
+    unsafe {
+      let close = window.standardWindowButton_(NSWindowButton::NSWindowCloseButton);
+      let miniaturize =
+          window.standardWindowButton_(NSWindowButton::NSWindowMiniaturizeButton);
+      let zoom = window.standardWindowButton_(NSWindowButton::NSWindowZoomButton);
+
+      let title_bar_container_view = close.superview().superview();
+
+      let close_rect: NSRect = msg_send![close, frame];
+      let button_height = close_rect.size.height;
+
+      let title_bar_frame_height = button_height + y;
+      let mut title_bar_rect = NSView::frame(title_bar_container_view);
+      title_bar_rect.size.height = title_bar_frame_height;
+      title_bar_rect.origin.y = NSView::frame(window).size.height - title_bar_frame_height;
+      let _: () = msg_send![title_bar_container_view, setFrame: title_bar_rect];
+
+      let window_buttons = vec![close, miniaturize, zoom];
+      let space_between = NSView::frame(miniaturize).origin.x - NSView::frame(close).origin.x;
+
+      for (i, button) in window_buttons.into_iter().enumerate() {
+          let mut rect: NSRect = NSView::frame(button);
+          rect.origin.x = x + (i as f64 * space_between);
+          button.setFrameOrigin(rect.origin);
+      }
+    }
+}
+
+impl<R: Runtime> WindowExt for Window<R> {
+    #[cfg(target_os = "macos")]
+    fn set_transparent_titlebar(&self) {
+        unsafe {
+            let id = self.ns_window().unwrap() as cocoa::base::id;
+
+            set_transparent_titlebar(id);
+
+            set_window_controls_pos(id, WINDOW_CONTROL_PAD_X, WINDOW_CONTROL_PAD_Y);
+        }
+    }
+}
+
+#[cfg(target_os = "macos")]
+#[derive(Debug)]
+struct HoppAppState {
+    window: Window,
+}
+
+#[cfg(target_os = "macos")]
+pub fn setup_mac_window(app: &mut App) {
+    use cocoa::appkit::NSWindow;
+    use cocoa::base::{id, BOOL};
+    use cocoa::foundation::NSUInteger;
+    use objc::runtime::{Object, Sel};
+    use std::ffi::c_void;
+
+    fn with_hopp_app<F: FnOnce(&mut HoppAppState) -> T, T>(this: &Object, func: F) {
+        let ptr = unsafe {
+            let x: *mut c_void = *this.get_ivar("hoppApp");
+            &mut *(x as *mut HoppAppState)
+        };
+        func(ptr);
+    }
+
+    let window = app.get_window("main").unwrap();
+
+    unsafe {
+        let ns_win = window.ns_window().unwrap() as id;
+
+        let current_delegate: id = ns_win.delegate();
+
+        extern "C" fn on_window_should_close(this: &Object, _cmd: Sel, sender: id) -> BOOL {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                msg_send![super_del, windowShouldClose: sender]
+            }
+        }
+        extern "C" fn on_window_will_close(this: &Object, _cmd: Sel, notification: id) {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, windowWillClose: notification];
+            }
+        }
+        extern "C" fn on_window_did_resize(this: &Object, _cmd: Sel, notification: id) {
+            unsafe {
+                with_hopp_app(&*this, |state| {
+                  let id = state.window.ns_window().unwrap() as id;
+
+                  set_window_controls_pos(id, WINDOW_CONTROL_PAD_X, WINDOW_CONTROL_PAD_Y);
+                });
+
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, windowDidResize: notification];
+            }
+        }
+        extern "C" fn on_window_did_move(this: &Object, _cmd: Sel, notification: id) {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, windowDidMove: notification];
+            }
+        }
+        extern "C" fn on_window_did_change_backing_properties(
+            this: &Object,
+            _cmd: Sel,
+            notification: id,
+        ) {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, windowDidChangeBackingProperties: notification];
+            }
+        }
+        extern "C" fn on_window_did_become_key(this: &Object, _cmd: Sel, notification: id) {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, windowDidBecomeKey: notification];
+            }
+        }
+        extern "C" fn on_window_did_resign_key(this: &Object, _cmd: Sel, notification: id) {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, windowDidResignKey: notification];
+            }
+        }
+        extern "C" fn on_dragging_entered(this: &Object, _cmd: Sel, notification: id) -> BOOL {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                msg_send![super_del, draggingEntered: notification]
+            }
+        }
+        extern "C" fn on_prepare_for_drag_operation(
+            this: &Object,
+            _cmd: Sel,
+            notification: id,
+        ) -> BOOL {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                msg_send![super_del, prepareForDragOperation: notification]
+            }
+        }
+        extern "C" fn on_perform_drag_operation(this: &Object, _cmd: Sel, sender: id) -> BOOL {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                msg_send![super_del, performDragOperation: sender]
+            }
+        }
+        extern "C" fn on_conclude_drag_operation(this: &Object, _cmd: Sel, notification: id) {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, concludeDragOperation: notification];
+            }
+        }
+        extern "C" fn on_dragging_exited(this: &Object, _cmd: Sel, notification: id) {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, draggingExited: notification];
+            }
+        }
+        extern "C" fn on_window_will_use_full_screen_presentation_options(
+            this: &Object,
+            _cmd: Sel,
+            window: id,
+            proposed_options: NSUInteger,
+        ) -> NSUInteger {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                msg_send![super_del, window: window willUseFullScreenPresentationOptions: proposed_options]
+            }
+        }
+        extern "C" fn on_window_did_enter_full_screen(this: &Object, _cmd: Sel, notification: id) {
+            unsafe {
+                with_hopp_app(&*this, |state| {
+                    state.window.emit("did-enter-fullscreen", ()).unwrap();
+                });
+
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, windowDidEnterFullScreen: notification];
+            }
+        }
+        extern "C" fn on_window_will_enter_full_screen(this: &Object, _cmd: Sel, notification: id) {
+            unsafe {
+                with_hopp_app(&*this, |state| {
+                    state.window.emit("will-enter-fullscreen", ()).unwrap();
+                });
+
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, windowWillEnterFullScreen: notification];
+            }
+        }
+        extern "C" fn on_window_did_exit_full_screen(this: &Object, _cmd: Sel, notification: id) {
+            unsafe {
+                with_hopp_app(&*this, |state| {
+                    state.window.emit("did-exit-fullscreen", ()).unwrap();
+
+                    let id = state.window.ns_window().unwrap() as id;
+                    set_window_controls_pos(id, WINDOW_CONTROL_PAD_X, WINDOW_CONTROL_PAD_Y);
+                });
+
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, windowDidExitFullScreen: notification];
+            }
+        }
+        extern "C" fn on_window_will_exit_full_screen(this: &Object, _cmd: Sel, notification: id) {
+            unsafe {
+                with_hopp_app(&*this, |state| {
+                    state.window.emit("will-exit-fullscreen", ()).unwrap();
+                });
+
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, windowWillExitFullScreen: notification];
+            }
+        }
+        extern "C" fn on_window_did_fail_to_enter_full_screen(
+            this: &Object,
+            _cmd: Sel,
+            window: id,
+        ) {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, windowDidFailToEnterFullScreen: window];
+            }
+        }
+        extern "C" fn on_effective_appearance_did_change(
+            this: &Object,
+            _cmd: Sel,
+            notification: id,
+        ) {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![super_del, effectiveAppearanceDidChange: notification];
+            }
+        }
+        extern "C" fn on_effective_appearance_did_changed_on_main_thread(
+            this: &Object,
+            _cmd: Sel,
+            notification: id,
+        ) {
+            unsafe {
+                let super_del: id = *this.get_ivar("super_delegate");
+                let _: () = msg_send![
+                    super_del,
+                    effectiveAppearanceDidChangedOnMainThread: notification
+                ];
+            }
+        }
+
+        // extern fn on_dealloc(this: &Object, cmd: Sel) {
+        //   unsafe {
+        //     let super_del: id = *this.get_ivar("super_delegate");
+        //     let _: () = msg_send![super_del, dealloc];
+        //   }
+        // }
+
+        // extern fn on_mark_is_checking_zoomed_in(this: &Object, cmd: Sel) {
+        //   unsafe {
+        //     let super_del: id = *this.get_ivar("super_delegate");
+        //     let _: () = msg_send![super_del, markIsCheckingZoomedIn];
+        //   }
+        // }
+
+        // extern fn on_clear_is_checking_zoomed_in(this: &Object, cmd: Sel) {
+        //   unsafe {
+        //     let super_del: id = *this.get_ivar("super_delegate");
+        //     let _: () = msg_send![super_del, clearIsCheckingZoomedIn];
+        //   }
+        // }
+
+        // Are we deallocing this properly ? (I miss safe Rust :(  )
+        let app_state = HoppAppState {
+            window,
+        };
+        let app_box = Box::into_raw(Box::new(app_state)) as *mut c_void;
+
+        ns_win.setDelegate_(delegate!("MainWindowDelegate", {
+      window: id = ns_win,
+      hoppApp: *mut c_void = app_box,
+      toolbar: id = cocoa::base::nil,
+      super_delegate: id = current_delegate,
+      // (dealloc) => on_dealloc as extern fn(&Object, Sel),
+      // (markIsCheckingZoomedIn) => on_mark_is_checking_zoomed_in as extern fn(&Object, Sel),
+      // (clearIsCheckingZoomedIn) => on_clear_is_checking_zoomed_in as extern fn(&Object, Sel),
+      (windowShouldClose:) => on_window_should_close as extern fn(&Object, Sel, id) -> BOOL,
+      (windowWillClose:) => on_window_will_close as extern fn(&Object, Sel, id),
+      (windowDidResize:) => on_window_did_resize as extern fn(&Object, Sel, id),
+      (windowDidMove:) => on_window_did_move as extern fn(&Object, Sel, id),
+      (windowDidChangeBackingProperties:) => on_window_did_change_backing_properties as extern fn(&Object, Sel, id),
+      (windowDidBecomeKey:) => on_window_did_become_key as extern fn(&Object, Sel, id),
+      (windowDidResignKey:) => on_window_did_resign_key as extern fn(&Object, Sel, id),
+      (draggingEntered:) => on_dragging_entered as extern fn(&Object, Sel, id) -> BOOL,
+      (prepareForDragOperation:) => on_prepare_for_drag_operation as extern fn(&Object, Sel, id) -> BOOL,
+      (performDragOperation:) => on_perform_drag_operation as extern fn(&Object, Sel, id) -> BOOL,
+      (concludeDragOperation:) => on_conclude_drag_operation as extern fn(&Object, Sel, id),
+      (draggingExited:) => on_dragging_exited as extern fn(&Object, Sel, id),
+      (window:willUseFullScreenPresentationOptions:) => on_window_will_use_full_screen_presentation_options as extern fn(&Object, Sel, id, NSUInteger) -> NSUInteger,
+      (windowDidEnterFullScreen:) => on_window_did_enter_full_screen as extern fn(&Object, Sel, id),
+      (windowWillEnterFullScreen:) => on_window_will_enter_full_screen as extern fn(&Object, Sel, id),
+      (windowDidExitFullScreen:) => on_window_did_exit_full_screen as extern fn(&Object, Sel, id),
+      (windowWillExitFullScreen:) => on_window_will_exit_full_screen as extern fn(&Object, Sel, id),
+      (windowDidFailToEnterFullScreen:) => on_window_did_fail_to_enter_full_screen as extern fn(&Object, Sel, id),
+      (effectiveAppearanceDidChange:) => on_effective_appearance_did_change as extern fn(&Object, Sel, id),
+      (effectiveAppearanceDidChangedOnMainThread:) => on_effective_appearance_did_changed_on_main_thread as extern fn(&Object, Sel, id)
+    }))
+    }
+
+    app.get_window("main")
+        .unwrap()
+        .set_transparent_titlebar();
+}

packages/hoppscotch-selfhost-desktop/src-tauri/src/main.rs

@@ -0,0 +1,48 @@
+// Prevents additional console window on Windows in release, DO NOT REMOVE!!
+#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
+
+#[cfg(target_os = "macos")]
+#[macro_use]
+extern crate cocoa;
+
+#[cfg(target_os = "macos")]
+#[macro_use]
+extern crate objc;
+
+#[cfg(target_os = "macos")]
+mod mac;
+
+#[cfg(target_os = "windows")]
+mod windows;
+
+use tauri::Manager;
+
+fn main() {
+    tauri_plugin_deep_link::prepare("io.hoppscotch.desktop");
+
+    tauri::Builder::default()
+        .setup(|app| {
+            if cfg!(target_os = "macos") {
+                use mac::window::setup_mac_window;
+
+                setup_mac_window(app);
+            } else if cfg!(target_os = "windows") {
+                #[cfg(target_os = "windows")]
+                setup_win_window(app);
+            }
+
+            let handle = app.handle();
+            tauri_plugin_deep_link::register(
+                "hoppscotch",
+                move |request| {
+                    println!("{:?}", request);                    
+                    handle.emit_all("scheme-request-received", request).unwrap();
+                },
+            ).unwrap();
+
+            Ok(())
+        })
+        .plugin(tauri_plugin_store::Builder::default().build())
+        .run(tauri::generate_context!())
+        .expect("error while running tauri application");
+}

packages/hoppscotch-selfhost-desktop/src-tauri/src/win/mod.rs

@@ -0,0 +1 @@
+pub mod window;

packages/hoppscotch-selfhost-desktop/src-tauri/src/win/window.rs

@@ -0,0 +1,86 @@
+use hex_color::HexColor;
+use tauri::App;
+use tauri::Manager;
+
+use std::mem::transmute;
+use std::{ptr, ffi::c_void, mem::size_of};
+
+use windows::Win32::UI::Controls::{WTA_NONCLIENT, WTNCA_NODRAWICON, WTNCA_NOSYSMENU, WTNCA_NOMIRRORHELP};
+
+use windows::Win32::UI::Controls::SetWindowThemeAttribute;
+use windows::Win32::UI::Controls::WTNCA_NODRAWCAPTION;
+use windows::Win32::Graphics::Dwm::DWMWA_CAPTION_COLOR;
+use windows::Win32::Foundation::COLORREF;
+use windows::Win32::Foundation::BOOL;
+use windows::Win32::Graphics::Dwm::DwmSetWindowAttribute;
+use windows::Win32::Foundation::HWND;
+use windows::Win32::Graphics::Dwm::{DWMWA_USE_IMMERSIVE_DARK_MODE};
+
+fn hex_color_to_colorref(color: HexColor) -> COLORREF {
+  // TODO: Remove this unsafe, This operation doesn't need to be unsafe!
+  unsafe {
+    COLORREF(transmute::<[u8; 4], u32>([color.r, color.g, color.b, 0]))
+  }
+}
+
+struct WinThemeAttribute {
+  flag: u32,
+  mask: u32
+}
+
+#[cfg(target_os = "windows")]
+fn update_bg_color(hwnd: &HWND, bg_color: HexColor) {
+
+  let use_dark_mode = BOOL::from(true);
+
+  let final_color = hex_color_to_colorref(bg_color);
+
+  unsafe {
+    DwmSetWindowAttribute(
+      HWND(hwnd.0),
+      DWMWA_USE_IMMERSIVE_DARK_MODE,
+      ptr::addr_of!(use_dark_mode) as *const c_void,
+      size_of::<BOOL>().try_into().unwrap()
+    ).unwrap();
+
+    DwmSetWindowAttribute(
+      HWND(hwnd.0),
+      DWMWA_CAPTION_COLOR,
+      ptr::addr_of!(final_color) as *const c_void,
+      size_of::<COLORREF>().try_into().unwrap()
+    ).unwrap();
+
+    let flags = WTNCA_NODRAWCAPTION | WTNCA_NODRAWICON;
+    let mask  = WTNCA_NODRAWCAPTION | WTNCA_NODRAWICON | WTNCA_NOSYSMENU | WTNCA_NOMIRRORHELP;
+    let options = WinThemeAttribute { flag: flags, mask };
+
+    SetWindowThemeAttribute(
+      HWND(hwnd.0),
+      WTA_NONCLIENT,
+      ptr::addr_of!(options) as *const c_void,
+      size_of::<WinThemeAttribute>().try_into().unwrap()
+    ).unwrap();
+  }
+}
+
+#[cfg(target_os = "windows")]
+pub fn setup_win_window(app: &mut App) {
+
+  let window = app.get_window("main").unwrap();
+  let win_handle = window.hwnd().unwrap();
+
+  let win_clone = win_handle.clone();
+
+  app.listen_global("hopp-bg-changed", move |ev| {
+
+    let payload = serde_json::from_str::<&str>(ev.payload().unwrap())
+      .unwrap()
+      .trim();
+
+    let color = HexColor::parse_rgb(payload).unwrap();
+
+    update_bg_color(&HWND(win_clone.0), color);
+  });
+
+  update_bg_color(&HWND(win_handle.0), HexColor::rgb(23, 23, 23));
+}

packages/hoppscotch-selfhost-desktop/src-tauri/tauri.conf.json

@@ -0,0 +1,65 @@
+{
+  "build": {
+    "beforeDevCommand": "pnpm dev",
+    "beforeBuildCommand": "pnpm build",
+    "devPath": "http://localhost:3000",
+    "distDir": "../dist",
+    "withGlobalTauri": false
+  },
+  "package": {
+    "productName": "hoppscotch-desktop",
+    "version": "0.0.0"
+  },
+  "tauri": {
+    "allowlist": {
+      "all": false,
+      "shell": {
+        "all": false,
+        "open": true
+      },
+      "os": {
+        "all": true
+      },
+      "http": {
+        "all": true,
+        "request": true,
+        "scope": [
+          "http://*",
+          "https://*",
+          "wss://*"
+        ]
+      },
+      "window": {
+        "startDragging": true
+      }
+    },
+    "bundle": {
+      "active": true,
+      "category": "DeveloperTool",
+      "icon": [
+        "icons/32x32.png",
+        "icons/128x128.png",
+        "icons/128x128@2x.png",
+        "icons/icon.icns",
+        "icons/icon.ico"
+      ],
+      "identifier": "io.hoppscotch.desktop",
+      "targets": "all"
+    },
+    "security": {
+      "csp": "none"
+    },
+    "updater": {
+      "active": false
+    },
+    "windows": [
+      {
+        "fullscreen": false,
+        "resizable": true,
+        "title": "Hoppscotch",
+        "width": 800,
+        "height": 600
+      }
+    ]
+  }
+}