Fixed linting errors.

Author: kpinnipa

src/CodeSnippetSearchTools.tsx

@@ -60,8 +60,8 @@ export class SearchMultiOption extends React.Component<
     if (selected) {
       // select option
       this.setState(
-        state => ({
-          currSelected: [...state.currSelected, selectedOption]
+        (state) => ({
+          currSelected: [...state.currSelected, selectedOption],
         }),
         () => {
           //callback
@@ -76,7 +76,7 @@ export class SearchMultiOption extends React.Component<
         array.splice(index, 1);
         this.setState(
           {
-            currSelected: array
+            currSelected: array,
           },
           () => {
             this.props.handleOptionClick(this.state.currSelected);
@@ -119,7 +119,7 @@ export class SearchTools extends React.Component<
     super(props);
     this.state = {
       optionName: '',
-      currSelected: this.props.selectedSearchOptions
+      currSelected: this.props.selectedSearchOptions,
     };
     this.handleClick = this.handleClick.bind(this);
     this.handleOptionClick = this.handleOptionClick.bind(this);
@@ -158,7 +158,7 @@ export class SearchTools extends React.Component<
 
   handleOptionClick(selectedOptions: string[]): void {
     this.setState({
-      currSelected: selectedOptions
+      currSelected: selectedOptions,
     });
     this.props.setSearchOptions(selectedOptions);
   }

src/CodeSnippetService.ts

@@ -76,7 +76,7 @@ export class CodeSnippetService {
   private convertToICodeSnippetList(snippets: JSONArray): ICodeSnippet[] {
     const snippetList: ICodeSnippet[] = [];
 
-    snippets.forEach(snippet => {
+    snippets.forEach((snippet) => {
       snippetList.push((snippet as unknown) as ICodeSnippet);
     });
     return snippetList;
@@ -98,7 +98,7 @@ export class CodeSnippetService {
 
   getSnippet(snippetName: string): ICodeSnippet[] {
     return this.codeSnippetList.filter(
-      snippet => snippet.name.toLowerCase() === snippetName.toLowerCase()
+      (snippet) => snippet.name.toLowerCase() === snippetName.toLowerCase()
     );
   }
 
@@ -116,7 +116,7 @@ export class CodeSnippetService {
 
     await this.settingManager
       .set('snippets', (this.codeSnippetList as unknown) as PartialJSONValue)
-      .catch(_ => {
+      .catch((_) => {
         return false;
       });
     return true;
@@ -144,7 +144,7 @@ export class CodeSnippetService {
 
     await this.settingManager
       .set('snippets', (this.codeSnippetList as unknown) as PartialJSONValue)
-      .catch(_ => {
+      .catch((_) => {
         return false;
       });
 
@@ -160,7 +160,7 @@ export class CodeSnippetService {
     }
     await this.settingManager
       .set('snippets', (this.codeSnippetList as unknown) as PartialJSONValue)
-      .catch(_ => {
+      .catch((_) => {
         return false;
       });
     return true;
@@ -188,7 +188,7 @@ export class CodeSnippetService {
 
     await this.settingManager
       .set('snippets', (this.codeSnippetList as unknown) as PartialJSONValue)
-      .catch(_ => {
+      .catch((_) => {
         return false;
       });
     return true;
@@ -220,7 +220,7 @@ export class CodeSnippetService {
 
     await this.settingManager
       .set('snippets', (this.codeSnippetList as unknown) as PartialJSONValue)
-      .catch(_ => {
+      .catch((_) => {
         return false;
       });
     return true;
@@ -237,7 +237,7 @@ export class CodeSnippetService {
 
     await this.settingManager
       .set('snippets', (this.codeSnippetList as unknown) as PartialJSONValue)
-      .catch(_ => {
+      .catch((_) => {
         return false;
       });
     return true;

src/CodeSnippetWidget.tsx

@@ -49,7 +49,7 @@ const DROP_TARGET_CLASS = 'jp-codeSnippet-dropTarget';
 const CODE_SNIPPET_EDITOR = 'jp-codeSnippet-editor';
 
 const commands = {
-  OPEN_CODE_SNIPPET_EDITOR: `${CODE_SNIPPET_EDITOR}:open`
+  OPEN_CODE_SNIPPET_EDITOR: `${CODE_SNIPPET_EDITOR}:open`,
 };
 
 /**

src/FilterTools.tsx

@@ -50,21 +50,21 @@ export class FilterTools extends React.Component<
     this.setState({
       show: false,
       selectedTags: [],
-      searchValue: ''
+      searchValue: '',
     });
   }
 
   componentDidUpdate(prevProps: IFilterSnippetProps): void {
     if (prevProps !== this.props) {
       // get all the tags together in one list
-      let flattenTags = this.props.allTags.reduce(
+      const flattenTags = this.props.allTags.reduce(
         (accumulator, value) => accumulator.concat(value),
         []
       );
-      this.setState(state => ({
+      this.setState((state) => ({
         selectedTags: state.selectedTags
-          .filter(tag => flattenTags.includes(tag))
-          .sort()
+          .filter((tag) => flattenTags.includes(tag))
+          .sort(),
       }));
     }
   }
@@ -80,7 +80,7 @@ export class FilterTools extends React.Component<
 
   renderTags(tags: string[][], type: string): JSX.Element {
     // get all the tags together in one list
-    let flattenTags = tags.reduce(
+    const flattenTags = tags.reduce(
       (accumulator, value) => accumulator.concat(value),
       []
     );
@@ -148,12 +148,12 @@ export class FilterTools extends React.Component<
     const clickedTag = target.innerText;
     const parent = target.parentElement;
     this.setState(
-      state => ({
+      (state) => ({
         selectedTags: this.handleClickHelper(
           parent,
           state.selectedTags,
           clickedTag
-        )
+        ),
       }),
       this.filterSnippets
     );

src/index.ts

@@ -18,7 +18,7 @@
 import {
   JupyterFrontEnd,
   JupyterFrontEndPlugin,
-  ILayoutRestorer
+  ILayoutRestorer,
 } from '@jupyterlab/application';
 import { ICommandPalette, WidgetTracker } from '@jupyterlab/apputils';
 import { ISettingRegistry, Settings } from '@jupyterlab/settingregistry';
@@ -36,7 +36,7 @@ import { CodeSnippetInputDialog } from './CodeSnippetInputDialog';
 import { CodeSnippetWidget } from './CodeSnippetWidget';
 import {
   CodeSnippetEditor,
-  ICodeSnippetEditorMetadata
+  ICodeSnippetEditorMetadata,
 } from './CodeSnippetEditor';
 import { CodeSnippetService } from './CodeSnippetService';
 import { NotebookPanel } from '@jupyterlab/notebook';
@@ -50,15 +50,15 @@ const CODE_SNIPPET_SETTING_ID = 'jupyterlab-code-snippets:snippets';
  */
 const editorIcon = new LabIcon({
   name: 'custom-ui-components:codeSnippetEditorIcon',
-  svgstr: editorIconSVGstr
+  svgstr: editorIconSVGstr,
 });
 
 /**
  * Snippet Icon
  */
 const codeSnippetIcon = new LabIcon({
   name: 'custom-ui-components:codeSnippetIcon',
-  svgstr: codeSnippetIconSVGstr
+  svgstr: codeSnippetIconSVGstr,
 });
 
 /**
@@ -68,7 +68,7 @@ const code_snippet_extension: JupyterFrontEndPlugin<void> = {
   id: CODE_SNIPPET_EXTENSION_ID,
   autoStart: true,
   requires: [ICommandPalette, ILayoutRestorer, IEditorServices],
-  activate: activateCodeSnippet
+  activate: activateCodeSnippet,
 };
 
 function activateCodeSnippet(
@@ -138,7 +138,7 @@ function activateCodeSnippet(
 
     if (!codeSnippetEditor.isAttached) {
       app.shell.add(codeSnippetEditor, 'main', {
-        mode: 'tab-after'
+        mode: 'tab-after',
       });
     }
 
@@ -151,22 +151,22 @@ function activateCodeSnippet(
     execute: () => {
       const editor = tracker.currentWidget;
       editor.updateSnippet();
-    }
+    },
   });
 
   // Add keybinding to save
   app.commands.addKeyBinding({
     command: editorSaveCommand,
     args: {},
     keys: ['Accel S'],
-    selector: '.jp-codeSnippet-editor'
+    selector: '.jp-codeSnippet-editor',
   });
 
   const editorCommand = 'jp-codeSnippet-editor:open';
   app.commands.addCommand(editorCommand, {
     execute: (args: any) => {
       openCodeSnippetEditor(args);
-    }
+    },
   });
 
   //Add an application command
@@ -224,55 +224,55 @@ function activateCodeSnippet(
           codeSnippetWidget.codeSnippetManager.snippets.length
         );
       }
-    }
+    },
   });
 
   // Put the saveCommand above in context menu
   app.contextMenu.addItem({
     type: 'separator',
     selector: '.jp-Notebook',
-    rank: 13
+    rank: 13,
   });
 
   app.contextMenu.addItem({
     command: saveCommand,
     selector: '.jp-Notebook',
-    rank: 14
+    rank: 14,
   });
 
   app.contextMenu.addItem({
     type: 'separator',
     selector: '.jp-Notebook',
-    rank: 15
+    rank: 15,
   });
 
   // Put the saveCommand in non-notebook file context menu
   app.contextMenu.addItem({
     type: 'separator',
     selector: '.jp-FileEditor',
-    rank: 7
+    rank: 7,
   });
 
   app.contextMenu.addItem({
     command: saveCommand,
     selector: '.jp-FileEditor',
-    rank: 8
+    rank: 8,
   });
 
   app.contextMenu.addItem({
     type: 'separator',
     selector: '.jp-FileEditor',
-    rank: 9
+    rank: 9,
   });
 
   // Track and restore the widget state
   const tracker = new WidgetTracker<CodeSnippetEditor>({
-    namespace: 'codeSnippetEditor'
+    namespace: 'codeSnippetEditor',
   });
 
   restorer.restore(tracker, {
     command: editorCommand,
-    args: widget => {
+    args: (widget) => {
       const editorMetadata = widget.codeSnippetEditorMetadata;
       return {
         name: editorMetadata.name,
@@ -282,12 +282,12 @@ function activateCodeSnippet(
         id: editorMetadata.id,
         selectedTags: editorMetadata.selectedTags,
         allTags: editorMetadata.allTags,
-        fromScratch: editorMetadata.fromScratch
+        fromScratch: editorMetadata.fromScratch,
       };
     },
-    name: widget => {
+    name: (widget) => {
       return widget.id;
-    }
+    },
   });
 }
 
@@ -302,8 +302,8 @@ const codeSnippetExtensionSetting: JupyterFrontEndPlugin<void> = {
         CodeSnippetService.init(settings as Settings, app);
         console.log('JupyterLab extension code-snippets setting is activated!');
       })
-      .catch(e => console.log(e));
-  }
+      .catch((e) => console.log(e));
+  },
 };
 
 function getSelectedText(): string {