AF-155: Improved Hotkeys

src/attack_flow_builder/public/settings_macos.json

@@ -0,0 +1,72 @@
+{
+    "file": {
+        "image_export": {
+            "padding": 30
+        }
+    },
+    "edit": {
+        "clone_offset": [20, 20]
+    },
+    "view": {
+        "diagram": {
+            "display_grid": true,
+            "display_shadows": true,
+            "display_debug_mode": false,
+            "render_high_quality": true,
+            "disable_shadows_at": 0.7
+        }
+    },
+    "hotkeys": {
+        "file": {
+            "new_file": "Meta+N",
+            "open_file": "Meta+O",
+            "save_file": "Meta+S",
+            "save_image": "",
+            "save_select_image": "",
+            "publish_file": "",
+            "open_library": "",
+            "save_library": ""
+        },
+        "edit": {
+            "undo": "Meta+Z",
+            "redo": "Meta+Y",
+            "cut": "Meta+X",
+            "copy": "Meta+C",
+            "paste": "Meta+V",
+            "delete": "Backspace",
+            "duplicate": "Meta+D",
+            "select_all": "Meta+A"
+        },
+        "layout": {
+            "selection_to_front": "Meta+Shift+F",
+            "selection_to_back": "Meta+Shift+B",
+            "bring_selection_forward": "",
+            "send_selection_backward": "",
+            "align_left": "",
+            "align_center": "",
+            "align_right": "",
+            "align_top": "",
+            "align_middle": "",
+            "align_bottom": "",
+            "group": "Meta+G",
+            "ungroup": "Meta+Shift+U",
+            "open_group": "",
+            "close_group": ""
+        },
+        "view": {
+            "toggle_grid": "Meta+Shift+G",
+            "toggle_shadows": "",
+            "reset_view": "Escape",
+            "zoom_in": "",
+            "zoom_out": "",
+            "fullscreen": "",
+            "jump_to_selection": "Shift+Z",
+            "jump_to_parents": "Shift+P",
+            "jump_to_children": "Shift+C",
+            "toggle_debug_view": ""
+        },
+        "select": {
+            "many": "Meta"
+        }
+    }
+}

src/attack_flow_builder/src/App.vue

@@ -34,6 +34,7 @@ import BlockDiagram from "@/components/Elements/BlockDiagram.vue";
 import AppFooterBar from "@/components/Elements/AppFooterBar.vue";
 import EditorSidebar from "@/components/Elements/EditorSidebar.vue";
 import { ShowSplashMenu } from "./store/Commands/AppCommands/ShowSplashMenu";
+import { Browser, OperatingSystem } from "./assets/scripts/Browser";
 
 const Handle = {
   None   : 0,
@@ -151,12 +152,30 @@ export default defineComponent({
 
   },
   async created() {
+    // Detect operating system
+    let os: OperatingSystem;
+    switch(Browser.getOperatingSystemClass()) {
+      case OperatingSystem.MacOS:
+        os = OperatingSystem.MacOS;
+        break;
+      default:
+        os = OperatingSystem.Other;
+        break;
+    }
     // Import settings
     let settings;
     if(Configuration.is_web_hosted) {
-        settings = await (await fetch("./settings.json")).json();
+        let options = {
+          [OperatingSystem.Other]: "../public/settings_win.json",
+          [OperatingSystem.MacOS]: "../public/settings_macos.json"
+        }
+        settings = await (await fetch(options[os])).json();
     } else {
-        settings = require("../public/settings.json");
+      let options = {
+        [OperatingSystem.Other]: require("../public/settings_win.json"),
+        [OperatingSystem.MacOS]: require("../public/settings_macos.json"),
+      }
+      settings = options[os];
     }
     // Load settings
     this.execute(new App.LoadSettings(this.context, settings));

src/attack_flow_builder/src/assets/scripts/Browser.ts

@@ -118,8 +118,43 @@ export class Browser {
             cast.msRequestFullscreen();
         }
     }
+
+
+    ///////////////////////////////////////////////////////////////////////////
+    //  4. Operating System Detection  ////////////////////////////////////////
+    ///////////////////////////////////////////////////////////////////////////
+
+
+    /**
+     * Returns the device's current operating system class.
+     * @returns
+     *  The device's current operating system class.
+     */
+    public static getOperatingSystemClass(): OperatingSystem {
+        if(navigator.userAgent.search("Win") !== -1) {
+            return OperatingSystem.Windows
+        } else if(navigator.userAgent.search("Mac") !== -1) {
+            return OperatingSystem.MacOS;
+        } else if(navigator.userAgent.search("X11") !== -1) {
+            return OperatingSystem.UNIX;
+        } else if(navigator.userAgent.search("Linux") !== -1) {
+            return OperatingSystem.Linux;
+        } else {
+            return OperatingSystem.Other;
+        }
+    }
 
-
+}
+
+/**
+ * Recognized operating systems.
+ */
+export enum OperatingSystem {
+    Windows,
+    MacOS,
+    UNIX,
+    Linux,
+    Other
 }