Command Palette: Add shortcuts to font changes

Following Issue #78 this patch adds commands to the command palette that wraps the current selection in textbf, textit, or texttt.
hrjakobsen · Apr 5, 2021 · 46b6f50 · 46b6f50
1 parent dbc2d80
commit 46b6f50
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 2 deletions.
diff --git a/app/scripts/commandpalette/commandbackend.ts b/app/scripts/commandpalette/commandbackend.ts
@@ -11,11 +11,16 @@ interface Command {
 
 @Service()
 export class CommandBackend implements CommandPaletteBackend {
+    private _editorCommands;
+    constructor() {
+        this._editorCommands = Container.get(EditorCommands);
+    }
+
     private commands: Command[] = [
         {
             name: "Character Count",
-            func: function () {
-                Container.get(EditorCommands)
+            func: () => {
+                this._editorCommands
                     .characterCount()
                     .then((response) => {
                         NotificationService.info(
@@ -25,6 +30,30 @@ export class CommandBackend implements CommandPaletteBackend {
             },
             description: "Counts the number of selected characters",
         },
+        {
+            name: "Bold font",
+            func: () => {
+                this._editorCommands
+                    .wrapInCommand("textbf")
+            },
+            description: "Wrap selected text in \\textbf{}",
+        },
+        {
+            name: "Italic font",
+            func: () => {
+                this._editorCommands
+                    .wrapInCommand("textit")
+            },
+            description: "Wrap selected text in \\textit{}",
+        },
+        {
+            name: "Typewriter font",
+            func: () => {
+                this._editorCommands
+                    .wrapInCommand("texttt")
+            },
+            description: "Wrap selected text in \\texttt{}",
+        },
     ];
     selected(item: CommandItem): void {
         const command = this.commands.find((x) => x.name == item.name);

diff --git a/app/scripts/editorcommands.ts b/app/scripts/editorcommands.ts
@@ -28,6 +28,10 @@ export class EditorCommands {
         if (command == null) return;
         command = command.replace(/ /g, ""); //remove all spaces
         this.lastWrappingCommand = command;
+        this.wrapInCommand(command);
+    }
+
+    public wrapInCommand(command: string): void {
         const injectedFunction = function (command) {
             const editor = _debug_editors[0];
             const selection = editor.getSelection();