.

terminus-settings/src/components/settingsTab.pug

@@ -132,6 +132,13 @@ ngb-tabset.vertical(type='tabs')
                                     step='0.01'
                                 )
 
+                    .form-group
+                        label Debugging
+                        div
+                            button.btn.btn-secondary((click)='hostApp.openDevTools()')
+                                i.fa.fa-bug
+                                span Open DevTools
+
     ngb-tab
         template(ngbTabTitle)
             | Hotkeys

terminus-settings/src/components/settingsTab.ts

@@ -1,5 +1,5 @@
 import { Component, Inject } from '@angular/core'
-import { ElectronService, DockingService, ConfigService, IHotkeyDescription, HotkeyProvider, BaseTabComponent, Theme } from 'terminus-core'
+import { ElectronService, DockingService, ConfigService, IHotkeyDescription, HotkeyProvider, BaseTabComponent, Theme, HostAppService } from 'terminus-core'
 
 import { SettingsTabProvider } from '../api'
 
@@ -20,6 +20,7 @@ export class SettingsTabComponent extends BaseTabComponent {
         public config: ConfigService,
         private electron: ElectronService,
         public docking: DockingService,
+        public hostApp: HostAppService,
         @Inject(HotkeyProvider) hotkeyProviders: HotkeyProvider[],
         @Inject(SettingsTabProvider) public settingsProviders: SettingsTabProvider[],
         @Inject(Theme) public themes: Theme[],