Fix build error

Author: jahn96

src/CodeSnippetDisplay.tsx

@@ -25,7 +25,7 @@ import {
   addIcon,
   pythonIcon,
   fileIcon,
-  rKernelIcon
+  rKernelIcon,
 } from '@jupyterlab/ui-components';
 import { CodeEditor, IEditorServices } from '@jupyterlab/codeeditor';
 import * as nbformat from '@jupyterlab/nbformat';
@@ -35,7 +35,7 @@ import {
   CodeCellModel,
   ICodeCellModel,
   MarkdownCell,
-  CodeCell
+  CodeCell,
 } from '@jupyterlab/cells';
 
 import { Widget } from '@lumino/widgets';
@@ -92,7 +92,7 @@ import {
   sbtIcon,
   rustIcon,
   qsharpIcon,
-  sasIcon
+  sasIcon,
 } from './CodeSnippetLanguages';
 
 /**
@@ -141,7 +141,7 @@ const JUPYTER_CELL_MIME = 'application/vnd.jupyter.cells';
  */
 const moreOptionsIcon = new LabIcon({
   name: 'custom-ui-components:moreOptions',
-  svgstr: moreSVGstr
+  svgstr: moreSVGstr,
 });
 
 /**
@@ -183,7 +183,7 @@ export class CodeSnippetDisplay extends React.Component<
       codeSnippets: props.codeSnippets,
       matchIndices: [],
       searchValue: '',
-      filterTags: []
+      filterTags: [],
     };
     this._drag = null;
     this._dragData = null;
@@ -278,7 +278,7 @@ export class CodeSnippetDisplay extends React.Component<
         '" is incompatible with ' +
         editorLanguage +
         '. Continue?',
-      buttons: [Dialog.cancelButton(), Dialog.okButton()]
+      buttons: [Dialog.cancelButton(), Dialog.okButton()],
     });
   };
 
@@ -287,7 +287,7 @@ export class CodeSnippetDisplay extends React.Component<
     return showDialog({
       title: 'Error',
       body: errMsg,
-      buttons: [Dialog.okButton()]
+      buttons: [Dialog.okButton()],
     });
   };
 
@@ -412,7 +412,7 @@ export class CodeSnippetDisplay extends React.Component<
               await showDialog({
                 title: 'Duplicate Name of Code Snippet',
                 body: <p> {`"${newName}" already exists.`} </p>,
-                buttons: [Dialog.okButton({ label: 'Dismiss' })]
+                buttons: [Dialog.okButton({ label: 'Dismiss' })],
               });
               return;
             }
@@ -464,7 +464,7 @@ export class CodeSnippetDisplay extends React.Component<
     this._dragData = {
       pressX: event.clientX,
       pressY: event.clientY,
-      dragImage: target.nextSibling.firstChild.cloneNode(true) as HTMLElement
+      dragImage: target.nextSibling.firstChild.cloneNode(true) as HTMLElement,
     };
 
     const dragImageTextColor = getComputedStyle(document.body).getPropertyValue(
@@ -563,7 +563,7 @@ export class CodeSnippetDisplay extends React.Component<
       dragImage: dragImage,
       supportedActions: 'copy-move',
       proposedAction: 'copy',
-      source: this
+      source: this,
     });
 
     this._drag.mimeData.setData(JUPYTER_CELL_MIME, selected);
@@ -1142,8 +1142,8 @@ export class CodeSnippetDisplay extends React.Component<
         ): void => {
           showMoreOptions({ body: new OptionsHandler(this, codeSnippet) });
           this._setOptionsPosition(event);
-        }
-      }
+        },
+      },
     ];
     return (
       <div
@@ -1173,7 +1173,7 @@ export class CodeSnippetDisplay extends React.Component<
                 id: id,
                 title: displayName,
                 body: new PreviewHandler(),
-                codeSnippet: codeSnippet
+                codeSnippet: codeSnippet,
               },
               this.props.editorServices
             );
@@ -1189,7 +1189,7 @@ export class CodeSnippetDisplay extends React.Component<
               {this.boldNameOnSearch(id, language, name)}
             </div>
             <div className={ACTION_BUTTONS_WRAPPER_CLASS} id={id.toString()}>
-              {actionButtons.map(btn => {
+              {actionButtons.map((btn) => {
                 return (
                   <button
                     key={btn.title}
@@ -1234,7 +1234,7 @@ export class CodeSnippetDisplay extends React.Component<
         codeSnippets: nextProps.codeSnippetManager.snippets,
         matchIndices: [],
         searchValue: '',
-        filterTags: []
+        filterTags: [],
       };
     }
 
@@ -1254,7 +1254,7 @@ export class CodeSnippetDisplay extends React.Component<
         codeSnippets: prevState.codeSnippets,
         matchIndices: prevState.matchIndices,
         searchValue: prevState.searchValue,
-        filterTags: prevState.filterTags
+        filterTags: prevState.filterTags,
       };
     }
     return null;
@@ -1270,7 +1270,7 @@ export class CodeSnippetDisplay extends React.Component<
       snippet: ICodeSnippet;
     }[] = [];
     if (searchValue !== '') {
-      filteredSnippets.forEach(snippet => {
+      filteredSnippets.forEach((snippet) => {
         const matchResult = StringExt.matchSumOfSquares(
           (snippet.language + snippet.name).toLowerCase(),
           searchValue.replace(' ', '').toLowerCase()
@@ -1280,29 +1280,29 @@ export class CodeSnippetDisplay extends React.Component<
           matchResults.push(matchResult);
           filteredSnippetsScore.push({
             score: matchResult.score,
-            snippet: snippet
+            snippet: snippet,
           });
         }
       });
 
       // sort snippets by its score
       filteredSnippetsScore.sort((a, b) => a.score - b.score);
       const newFilteredSnippets: ICodeSnippet[] = [];
-      filteredSnippetsScore.forEach(snippetScore =>
+      filteredSnippetsScore.forEach((snippetScore) =>
         newFilteredSnippets.push(snippetScore.snippet)
       );
       filteredSnippets = newFilteredSnippets;
 
       // sort the matchResults by its score
       matchResults.sort((a, b) => a.score - b.score);
-      matchResults.forEach(res => matchIndices.push(res.indices));
+      matchResults.forEach((res) => matchIndices.push(res.indices));
     }
 
     // filter with tags
     if (filterTags.length !== 0) {
       const newMatchIndices = matchIndices.slice();
       filteredSnippets = filteredSnippets.filter((codeSnippet, id) => {
-        return filterTags.some(tag => {
+        return filterTags.some((tag) => {
           if (codeSnippet.tags) {
             if (codeSnippet.tags.includes(tag)) {
               return true;
@@ -1323,7 +1323,7 @@ export class CodeSnippetDisplay extends React.Component<
         codeSnippets: filteredSnippets,
         matchIndices: matchIndices,
         searchValue: searchValue,
-        filterTags: filterTags
+        filterTags: filterTags,
       },
       () => {
         console.log('snippets filtered');
@@ -1352,10 +1352,10 @@ export class CodeSnippetDisplay extends React.Component<
       buttons: [
         Dialog.okButton({
           label: 'Delete',
-          displayType: 'warn'
+          displayType: 'warn',
         }),
-        Dialog.cancelButton()
-      ]
+        Dialog.cancelButton(),
+      ],
     }).then((response: any): void => {
       if (response.button.accept) {
         const widgetId = `${CODE_SNIPPET_EDITOR}-${codeSnippet.id}`;
@@ -1447,7 +1447,7 @@ export class CodeSnippetDisplay extends React.Component<
         id: codeSnippet.id,
         selectedTags: codeSnippet.tags,
         allTags: allTags,
-        fromScratch: false
+        fromScratch: false,
       });
       this.removeOptionsNode();
     };
@@ -1481,7 +1481,7 @@ export class CodeSnippetDisplay extends React.Component<
                 code: [],
                 id: 0,
                 allTags: this.getActiveTags(),
-                fromScratch: true
+                fromScratch: true,
               });
             }}
           >

src/CodeSnippetEditor.tsx

@@ -20,7 +20,7 @@ import {
   ReactWidget,
   showDialog,
   Dialog,
-  WidgetTracker
+  WidgetTracker,
 } from '@jupyterlab/apputils';
 import { Button } from '@jupyterlab/ui-components';
 
@@ -192,9 +192,9 @@ export class CodeSnippetEditor extends ReactWidget {
           value: this._codeSnippetEditorMetaData.code.join('\n'),
           mimeType: getMimeTypeByLanguage({
             name: this._codeSnippetEditorMetaData.language,
-            codemirror_mode: this._codeSnippetEditorMetaData.language
-          })
-        })
+            codemirror_mode: this._codeSnippetEditorMetaData.language,
+          }),
+        }),
       });
       this.editor.model.value.changed.connect((args: any) => {
         this._codeSnippetEditorMetaData.code = args.text.split('\n');
@@ -218,7 +218,7 @@ export class CodeSnippetEditor extends ReactWidget {
       this.update();
     }
 
-    window.addEventListener('beforeunload', e => {
+    window.addEventListener('beforeunload', (e) => {
       if (!this.saved) {
         e.preventDefault();
         e.returnValue = '';
@@ -253,8 +253,8 @@ export class CodeSnippetEditor extends ReactWidget {
         buttons: [
           Dialog.cancelButton(),
           Dialog.warnButton({ label: 'Discard' }),
-          Dialog.okButton({ label: 'Save' })
-        ]
+          Dialog.okButton({ label: 'Save' }),
+        ],
       }).then((response: any): void => {
         console.log(response.button);
         if (response.button.accept) {
@@ -274,7 +274,7 @@ export class CodeSnippetEditor extends ReactWidget {
 
             const validity = this.validateInputs(name, description, language);
             if (validity) {
-              this.updateSnippet().then(value => {
+              this.updateSnippet().then((value) => {
                 if (value) {
                   this.dispose();
                   super.onCloseRequest(msg);
@@ -415,7 +415,7 @@ export class CodeSnippetEditor extends ReactWidget {
       language: this._codeSnippetEditorMetaData.language,
       code: this._codeSnippetEditorMetaData.code,
       id: this._codeSnippetEditorMetaData.id,
-      tags: this._codeSnippetEditorMetaData.selectedTags
+      tags: this._codeSnippetEditorMetaData.selectedTags,
     };
 
     if (newName !== oldName) {
@@ -425,7 +425,7 @@ export class CodeSnippetEditor extends ReactWidget {
         await showDialog({
           title: e.message,
           body: <p> {`"${newName}" already exists.`} </p>,
-          buttons: [Dialog.okButton({ label: 'Dismiss' })]
+          buttons: [Dialog.okButton({ label: 'Dismiss' })],
         });
         return false;
       }
@@ -547,7 +547,7 @@ export class CodeSnippetEditor extends ReactWidget {
           required
         />
         <datalist id="languages">
-          {SUPPORTED_LANGUAGES.map(lang => this.renderLanguageOptions(lang))}
+          {SUPPORTED_LANGUAGES.map((lang) => this.renderLanguageOptions(lang))}
         </datalist>
       </div>
     );

src/CodeSnippetEditorTags.tsx

@@ -35,7 +35,7 @@ export class CodeSnippetEditorTags extends React.Component<
       selectedTags: [],
       tags: [],
       plusIconShouldHide: false,
-      addingNewTag: false
+      addingNewTag: false,
     };
     this.renderTags = this.renderTags.bind(this);
     this.handleClick = this.handleClick.bind(this);
@@ -46,15 +46,15 @@ export class CodeSnippetEditorTags extends React.Component<
       selectedTags: this.props.selectedTags ? this.props.selectedTags : [],
       tags: this.props.tags ? this.props.tags : [],
       plusIconShouldHide: false,
-      addingNewTag: false
+      addingNewTag: false,
     });
   }
 
   componentDidUpdate(prevProps: ICodeSnippetEditorTagProps): void {
     if (prevProps !== this.props) {
       this.setState({
         selectedTags: this.props.selectedTags ? this.props.selectedTags : [],
-        tags: this.props.tags ? this.props.tags : []
+        tags: this.props.tags ? this.props.tags : [],
       });
     }
   }
@@ -65,12 +65,12 @@ export class CodeSnippetEditorTags extends React.Component<
     const parent = target.parentElement;
 
     this.setState(
-      state => ({
+      (state) => ({
         selectedTags: this.handleClickHelper(
           parent,
           state.selectedTags ? state.selectedTags : [],
           clickedTag
-        )
+        ),
       }),
       this.handleOnChange
     );
@@ -121,11 +121,11 @@ export class CodeSnippetEditorTags extends React.Component<
 
       // update state all tag and selected tag
       this.setState(
-        state => ({
+        (state) => ({
           selectedTags: [...state.selectedTags, newTag],
           tags: [...state.tags, newTag],
           plusIconShouldHide: false,
-          addingNewTag: false
+          addingNewTag: false,
         }),
         this.handleOnChange
       );