Add a warning to the console to discourage attacks and encourage contributing

src/KeyBindingsDefaults.ts

@@ -22,6 +22,7 @@ import {
     NavigationAction,
     RoomAction,
     RoomListAction,
+    WindowAction,
 } from "./KeyBindingsManager";
 import { isMac, Key } from "./Keyboard";
 import SettingsStore from "./settings/SettingsStore";
@@ -411,10 +412,30 @@ const navigationBindings = (): KeyBinding<NavigationAction>[] => {
     ];
 };
 
+const windowBindings = (): KeyBinding<WindowAction>[] => {
+    return [
+        {
+            action: WindowAction.OpenBrowserDevtools,
+            keyCombo: {
+                key: Key.F12,
+            },
+        },
+        {
+            action: WindowAction.OpenBrowserDevtools,
+            keyCombo: {
+                key: Key.I,
+                shiftKey: true,
+                ctrlOrCmd: true,
+            },
+        },
+    ];
+};
+
 export const defaultBindingsProvider: IKeyBindingsProvider = {
     getMessageComposerBindings: messageComposerBindings,
     getAutocompleteBindings: autocompleteBindings,
     getRoomListBindings: roomListBindings,
     getRoomBindings: roomBindings,
     getNavigationBindings: navigationBindings,
+    getWindowBindings: windowBindings,
 };

src/KeyBindingsManager.ts

@@ -125,6 +125,12 @@ export enum NavigationAction {
     SelectNextUnreadRoom = 'SelectNextUnreadRoom',
 }
 
+/** Actions for navigating do various menus, dialogs or screens */
+export enum WindowAction {
+    /** Open browser devtools */
+    OpenBrowserDevtools = 'OpenBrowserDevtools'
+}
+
 /**
  * Represent a key combination.
  *
@@ -213,6 +219,7 @@ export interface IKeyBindingsProvider {
     getRoomListBindings: KeyBindingGetter<RoomListAction>;
     getRoomBindings: KeyBindingGetter<RoomAction>;
     getNavigationBindings: KeyBindingGetter<NavigationAction>;
+    getWindowBindings: KeyBindingGetter<WindowAction>;
 }
 
 export class KeyBindingsManager {
@@ -264,6 +271,10 @@ export class KeyBindingsManager {
     getNavigationAction(ev: KeyboardEvent | React.KeyboardEvent): NavigationAction | undefined {
         return this.getAction(this.bindingsProviders.map(it => it.getNavigationBindings), ev);
     }
+
+    getWindowAction(ev: KeyboardEvent | React.KeyboardEvent): WindowAction | undefined {
+        return this.getAction(this.bindingsProviders.map(it => it.getWindowBindings), ev);
+    }
 }
 
 const manager = new KeyBindingsManager();

src/Keyboard.ts

@@ -71,6 +71,19 @@ export const Key = {
     X: "x",
     Y: "y",
     Z: "z",
+
+    F1: "F1",
+    F2: "F2",
+    F3: "F3",
+    F4: "F4",
+    F5: "F5",
+    F6: "F6",
+    F7: "F7",
+    F8: "F8",
+    F9: "F9",
+    F10: "F10",
+    F11: "F11",
+    F12: "F12",
 };
 
 export const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;

src/components/structures/MatrixChat.tsx

@@ -119,6 +119,7 @@ import FeedbackDialog from "../views/dialogs/FeedbackDialog";
 import AccessibleButton from "../views/elements/AccessibleButton";
 import { ActionPayload } from "../../dispatcher/payloads";
 import { SummarizedNotificationState } from "../../stores/notifications/SummarizedNotificationState";
+import { getKeyBindingsManager, WindowAction } from "../../KeyBindingsManager";
 
 /** constants for MatrixChat.state.view */
 export enum Views {
@@ -439,6 +440,10 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
         this.setState({ pendingInitialSync: false });
     }
 
+    public componentDidMount(): void {
+        window.addEventListener("keydown", this.onKeyDown);
+    }
+
     // TODO: [REACT-WARNING] Replace with appropriate lifecycle stage
     // eslint-disable-next-line
     UNSAFE_componentWillUpdate(props, state) {
@@ -461,6 +466,7 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
     }
 
     componentWillUnmount() {
+        window.removeEventListener("keydown", this.onKeyDown);
         Lifecycle.stopMatrixClient();
         dis.unregister(this.dispatcherRef);
         this.themeWatcher.stop();
@@ -471,6 +477,35 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
         if (this.accountPasswordTimer !== null) clearTimeout(this.accountPasswordTimer);
     }
 
+    private onKeyDown = (event: KeyboardEvent): void => {
+        const windowAction = getKeyBindingsManager().getWindowAction(event);
+        switch (windowAction) {
+            case WindowAction.OpenBrowserDevtools: {
+                const largeFontSize = "50px";
+                const normalFontSize = "15px";
+
+                const waitText = _t("Wait!");
+                const scamText = _t(
+                    "If someone told you to copy/paste something here, " +
+                    "there is a high likelihood you're being scammed!",
+                );
+                const devText = _t(
+                    "If you know what you're doing, Element is open-source, "+
+                    "be sure to check out our GitHub (https://github.com/vector-im/element-web/) " +
+                    "and contribute!",
+                );
+
+                console.log(
+                    `%c${waitText}\n%c${scamText}\n%c${devText}`,
+                    `font-size:${largeFontSize}; color:blue;`,
+                    `font-size:${normalFontSize}; color:red;`,
+                    `font-size:${normalFontSize};`,
+                );
+                break;
+            }
+        }
+    };
+
     public trackScreenChange(durationMs: number): void {
         const notLoggedInMap = {};
         notLoggedInMap[Views.LOADING] = "WebLoading";

src/i18n/strings/en_EN.json

@@ -3035,6 +3035,9 @@
     "Private community": "Private community",
     "To view %(communityName)s, swap to communities in your <a>preferences</a>": "To view %(communityName)s, swap to communities in your <a>preferences</a>",
     "To join %(communityName)s, swap to communities in your <a>preferences</a>": "To join %(communityName)s, swap to communities in your <a>preferences</a>",
+    "Wait!": "Wait!",
+    "If someone told you to copy/paste something here, there is a high likelihood you're being scammed!": "If someone told you to copy/paste something here, there is a high likelihood you're being scammed!",
+    "If you know what you're doing, Element is open-source, be sure to check out our GitHub (https://github.com/vector-im/element-web/) and contribute!": "If you know what you're doing, Element is open-source, be sure to check out our GitHub (https://github.com/vector-im/element-web/) and contribute!",
     "Failed to reject invitation": "Failed to reject invitation",
     "Cannot create rooms in this community": "Cannot create rooms in this community",
     "You do not have permission to create rooms in this community.": "You do not have permission to create rooms in this community.",