chore: fix typos (#914)

src/less/components/editors.less

@@ -27,7 +27,7 @@
 // update if list of Editor ID changes
 @editor-ids: main, renderer, html, preload;
 
-// takes each editor ID and increase its z-index if the parent Mosiac root
+// takes each editor ID and increase its z-index if the parent Mosaic root
 // has focused__id class for that specific id.
 each(@editor-ids, {
   .focused__@{value}.mosaic .mosaic-window.@{value} {

src/main/devtools.ts

@@ -18,6 +18,6 @@ export async function setupDevTools(): Promise<void> {
     const react = await installExtension(REACT_DEVELOPER_TOOLS);
     console.log(`installDevTools: Installed ${react}`);
   } catch (error) {
-    console.warn(`installDevTools: Error occured:`, error);
+    console.warn(`installDevTools: Error occurred:`, error);
   }
 }

src/renderer/components/dialog-add-version.tsx

@@ -32,7 +32,7 @@ interface AddVersionDialogState {
 }
 
 /**
- * Build a default name for a local Electron vresion
+ * Build a default name for a local Electron version
  * from its dirname.
  *
  * @param {string} dirname

src/renderer/editor-mosaic.ts

@@ -59,7 +59,7 @@ export class EditorMosaic {
 
   constructor() {
     // whenever the mosaics are changed,
-    // upate the editor layout
+    // update the editor layout
     reaction(
       () => this.mosaic,
       () => this.layout(),
@@ -107,7 +107,7 @@ export class EditorMosaic {
     if (!isSupportedFile(id))
       throw new Error(`Cannot add file "${id}": Must be .js, .html, or .css`);
 
-    // create a moncao model with the file's contents
+    // create a monaco model with the file's contents
     const { monaco } = window.ElectronFiddle;
     const language = monacoLanguage(id);
     const model = monaco.editor.createModel(value, language);

src/utils/get-username.ts

@@ -3,7 +3,7 @@ import * as os from 'os';
 let username = '';
 
 /**
- * Returns the curren username
+ * Returns the current username
  *
  * @export
  * @returns {string}

src/utils/gist.ts

@@ -9,7 +9,7 @@
  *-  https://gist.github.com/ckerr/8c5fc0c6a5153d49b5a4a56d3ed9da8f
  *-  https://gist.github.com/ckerr/8c5fc0c6a5153d49b5a4a56d3ed9da8f/
  *
- * @pararm {string} rawInput
+ * @param {string} rawInput
  * returns {(string | null)}
  */
 export function getGistId(rawInput: string): string | null {

src/utils/highlight-text.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 /**
- * Hightlights part of a string
+ * Highlights part of a string
  *
  * Inspired by https://github.com/palantir/blueprint/blob/develop/packages/docs-app/src/examples/select-examples/films.tsx
  * License: https://github.com/palantir/blueprint/blob/develop/LICENSE

tests/renderer/state-spec.ts

@@ -665,7 +665,7 @@ describe('AppState', () => {
       expect(appState.output[1].timeString).toBeTruthy();
     });
 
-    it('ignores the "Debuggeer listening on..." output', () => {
+    it('ignores the "Debugger listening on..." output', () => {
       appState.pushOutput('Debugger listening on ws://localhost:123');
       expect(appState.output.length).toBe(1);
     });