diff --git a/.prettierrc b/.prettierrc
index 544138be4..4c112c074 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,3 +1,4 @@
 {
-  "singleQuote": true
+  "singleQuote": true,
+  "trailingComma" : "none"
 }
diff --git a/etc/scripts/generate-make-graph.ts b/etc/scripts/generate-make-graph.ts
index 9068990d1..adc1912e4 100644
--- a/etc/scripts/generate-make-graph.ts
+++ b/etc/scripts/generate-make-graph.ts
@@ -63,7 +63,7 @@ make.stdout.on('data', (data: Buffer) => {
       graph.push({
         type: 'target',
         name,
-        depth: depthString.length / 2,
+        depth: depthString.length / 2
       });
       continue;
     }
@@ -79,7 +79,7 @@ make.stdout.on('data', (data: Buffer) => {
       depth = depthString.length / 2;
       graph.push({
         type: 'end',
-        depth,
+        depth
       });
       depth = undefined;
       continue;
@@ -89,7 +89,7 @@ make.stdout.on('data', (data: Buffer) => {
       graph.push({
         type: 'code',
         value: msg.toString(),
-        depth,
+        depth
       });
       continue;
     }
@@ -107,7 +107,7 @@ const printGraph = (): void => {
       const spacer = ' '.repeat(cellWidth - g.name.length - 2);
       console.log(`${padLeft}┌${bar}┐${padRight}`);
       console.log(
-        `${padLeft}│ ${chalk.cyan.bold(g.name)}${spacer} |${padRight}`,
+        `${padLeft}│ ${chalk.cyan.bold(g.name)}${spacer} |${padRight}`
       );
       continue;
     }
diff --git a/packages/code-snippet/src/CodeSnippetService.ts b/packages/code-snippet/src/CodeSnippetService.ts
index 3ff85c777..94693b46f 100644
--- a/packages/code-snippet/src/CodeSnippetService.ts
+++ b/packages/code-snippet/src/CodeSnippetService.ts
@@ -57,13 +57,13 @@ export class CodeSnippetService {
   static deleteCodeSnippet(codeSnippet: IMetadata): Promise<boolean> {
     return showDialog({
       title: `Delete snippet '${codeSnippet.display_name}'?`,
-      buttons: [Dialog.cancelButton(), Dialog.okButton()],
+      buttons: [Dialog.cancelButton(), Dialog.okButton()]
     }).then((result: any) => {
       // Do nothing if the cancel button is pressed
       if (result.button.accept) {
         return MetadataService.deleteMetadata(
           CODE_SNIPPET_SCHEMASPACE,
-          codeSnippet.name,
+          codeSnippet.name
         ).then(() => true);
       } else {
         return false;
diff --git a/packages/code-snippet/src/CodeSnippetWidget.tsx b/packages/code-snippet/src/CodeSnippetWidget.tsx
index f28f06f56..2ac46c9a6 100644
--- a/packages/code-snippet/src/CodeSnippetWidget.tsx
+++ b/packages/code-snippet/src/CodeSnippetWidget.tsx
@@ -25,13 +25,13 @@ import {
   MetadataCommonService,
   MetadataDisplay,
   MetadataWidget,
-  METADATA_ITEM,
+  METADATA_ITEM
 } from '@elyra/metadata-common';
 import {
   ExpandableComponent,
   importIcon,
   RequestErrors,
-  trashIcon,
+  trashIcon
 } from '@elyra/ui-components';
 
 import { JupyterFrontEnd } from '@jupyterlab/application';
@@ -40,7 +40,7 @@ import {
   CodeCell,
   MarkdownCell,
   ICodeCellModel,
-  IMarkdownCellModel /*RawCell*/,
+  IMarkdownCellModel /*RawCell*/
 } from '@jupyterlab/cells';
 import { CodeEditor, IEditorServices } from '@jupyterlab/codeeditor';
 import { PathExt } from '@jupyterlab/coreutils';
@@ -49,13 +49,13 @@ import { FileEditor } from '@jupyterlab/fileeditor';
 import * as nbformat from '@jupyterlab/nbformat';
 import {
   Notebook,
-  /*NotebookModel,*/ NotebookPanel /*,NotebookActions*/,
+  /*NotebookModel,*/ NotebookPanel /*,NotebookActions*/
 } from '@jupyterlab/notebook';
 import {
   copyIcon,
   editIcon,
   pasteIcon,
-  LabIcon,
+  LabIcon
 } from '@jupyterlab/ui-components';
 
 import { find } from '@lumino/algorithm';
@@ -70,7 +70,7 @@ import React from 'react';
 import {
   CodeSnippetService,
   CODE_SNIPPET_SCHEMASPACE,
-  CODE_SNIPPET_SCHEMA,
+  CODE_SNIPPET_SCHEMA
 } from './CodeSnippetService';
 
 const METADATA_EDITOR_ID = 'elyra-metadata-editor';
@@ -138,7 +138,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
         snippetLanguage.toLowerCase() !== 'markdown'
       ) {
         fileEditor.replaceSelection?.(
-          this.addMarkdownCodeBlock(snippetLanguage, codeSnippet),
+          this.addMarkdownCodeBlock(snippetLanguage, codeSnippet)
         );
       } else if (editorLanguage) {
         this.verifyLanguageAndInsert(snippet, editorLanguage, fileEditor);
@@ -165,14 +165,14 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
           this.verifyLanguageAndInsert(
             snippet,
             kernelLanguage,
-            notebookCellEditor,
+            notebookCellEditor
           );
         } else if (
           notebookCell instanceof MarkdownCell &&
           snippetLanguage.toLowerCase() !== 'markdown'
         ) {
           notebookCellEditor.replaceSelection?.(
-            this.addMarkdownCodeBlock(snippetLanguage, codeSnippet),
+            this.addMarkdownCodeBlock(snippetLanguage, codeSnippet)
           );
         } else {
           notebookCellEditor.replaceSelection?.(codeSnippet);
@@ -183,7 +183,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
 
         const contentFactory = new NotebookPanel.ContentFactory({
           editorFactory:
-            this.props.editorServices.factoryService.newInlineEditor,
+            this.props.editorServices.factoryService.newInlineEditor
         });
 
         /*
@@ -198,7 +198,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
         const options: CodeCell.IOptions = {
           model: notebookContent.activeCell?.model as ICodeCellModel,
           rendermime: notebookContent.rendermime,
-          contentFactory: contentFactory,
+          contentFactory: contentFactory
         };
 
         const codeCell: any = contentFactory.createCodeCell(options);
@@ -209,7 +209,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
         // codeCell: SharedCell.Cell
         widget.content.model?.sharedModel.insertCell(
           activeCellIndex,
-          codeCell as Partial<nbformat.ICodeCell> & { cell_type: string },
+          codeCell as Partial<nbformat.ICodeCell> & { cell_type: string }
         );
 
         //update the active cell index to the newly inserted cell
@@ -224,14 +224,14 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
 
   // Verify if a given widget is a FileEditor
   private isFileEditor = (
-    widget: Widget,
+    widget: Widget
   ): widget is DocumentWidget<FileEditor> => {
     return (widget as DocumentWidget).content instanceof FileEditor;
   };
 
   // Return the language of the editor or empty string
   private getEditorLanguage = (
-    widget: DocumentWidget<FileEditor>,
+    widget: DocumentWidget<FileEditor>
   ): string | undefined => {
     const editorLanguage =
       widget.context.sessionContext.kernelPreference.language;
@@ -247,7 +247,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
   private verifyLanguageAndInsert = async (
     snippet: IMetadata,
     editorLanguage: string,
-    editor: CodeEditor.IEditor,
+    editor: CodeEditor.IEditor
   ): Promise<void> => {
     const codeSnippet: string = snippet.metadata.code.join('\n');
     const snippetLanguage = snippet.metadata.language;
@@ -257,7 +257,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
     ) {
       const result = await this.showWarnDialog(
         editorLanguage,
-        snippet.display_name,
+        snippet.display_name
       );
       if (result.button.accept) {
         editor.replaceSelection?.(codeSnippet);
@@ -271,12 +271,12 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
   // Display warning dialog when inserting a code snippet incompatible with editor's language
   private showWarnDialog = async (
     editorLanguage: string,
-    snippetName: string,
+    snippetName: string
   ): Promise<Dialog.IResult<string>> => {
     return showDialog({
       title: 'Warning',
       body: `Code snippet "${snippetName}" is incompatible with ${editorLanguage}. Continue?`,
-      buttons: [Dialog.cancelButton(), Dialog.okButton()],
+      buttons: [Dialog.cancelButton(), Dialog.okButton()]
     });
   };
 
@@ -285,14 +285,14 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
     return showDialog({
       title: 'Error',
       body: errMsg,
-      buttons: [Dialog.okButton()],
+      buttons: [Dialog.okButton()]
     });
   };
 
   // Initial setup to handle dragging a code snippet
   private handleDragSnippet(
     event: React.MouseEvent<HTMLDivElement, MouseEvent>,
-    metadata: IMetadata,
+    metadata: IMetadata
   ): void {
     const { button } = event;
 
@@ -304,7 +304,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
     this._dragData = {
       pressX: event.clientX,
       pressY: event.clientY,
-      dragImage: null,
+      dragImage: null
     };
 
     const mouseUpListener = (event: MouseEvent): void => {
@@ -317,7 +317,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
     const target = event.target as HTMLElement;
     target.addEventListener('mouseup', mouseUpListener, {
       once: true,
-      capture: true,
+      capture: true
     });
     target.addEventListener('mousemove', mouseMoveListener, true);
 
@@ -328,7 +328,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
   private _evtMouseUp(
     event: MouseEvent,
     metadata: IMetadata,
-    mouseMoveListener: (event: MouseEvent) => void,
+    mouseMoveListener: (event: MouseEvent) => void
   ): void {
     event.preventDefault();
     event.stopPropagation();
@@ -341,7 +341,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
     event: MouseEvent,
     metadata: IMetadata,
     mouseMoveListener: (event: MouseEvent) => void,
-    mouseUpListener: (event: MouseEvent) => void,
+    mouseUpListener: (event: MouseEvent) => void
   ): void {
     event.preventDefault();
     event.stopPropagation();
@@ -354,7 +354,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
         data.pressX,
         data.pressY,
         event.clientX,
-        event.clientY,
+        event.clientY
       )
     ) {
       // Create drag image
@@ -372,7 +372,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
         data.dragImage,
         metadata,
         event.clientX,
-        event.clientY,
+        event.clientY
       );
     }
   }
@@ -390,7 +390,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
     prevX: number,
     prevY: number,
     nextX: number,
-    nextY: number,
+    nextY: number
   ): boolean {
     const dx = Math.abs(nextX - prevX);
     const dy = Math.abs(nextY - prevY);
@@ -401,7 +401,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
     dragImage: HTMLElement,
     metadata: IMetadata,
     clientX: number,
-    clientY: number,
+    clientY: number
   ): Promise<void> {
     const widget: NotebookPanel =
       this.props.getCurrentWidget() as NotebookPanel;
@@ -410,19 +410,19 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
     //const activeCellIndex = notebookContent.activeCellIndex ?? -1;
 
     const contentFactory = new NotebookPanel.ContentFactory({
-      editorFactory: this.props.editorServices.factoryService.newInlineEditor,
+      editorFactory: this.props.editorServices.factoryService.newInlineEditor
     });
 
     const options: CodeCell.IOptions = {
       model: notebookContent.activeCell?.model as ICodeCellModel,
       rendermime: notebookContent.rendermime,
-      contentFactory: contentFactory,
+      contentFactory: contentFactory
     };
 
     const options2: MarkdownCell.IOptions = {
       model: notebookContent.activeCell?.model as IMarkdownCellModel,
       rendermime: notebookContent.rendermime,
-      contentFactory: contentFactory,
+      contentFactory: contentFactory
     };
 
     const codeCell = contentFactory.createCodeCell(options);
@@ -455,7 +455,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
       dragImage: dragImage,
       supportedActions: 'copy-move',
       proposedAction: 'copy',
-      source: this,
+      source: this
     });
 
     const selected: nbformat.ICell[] = [model.model.toJSON()];
@@ -476,14 +476,14 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
         feedback: 'Copied!',
         onClick: (): void => {
           Clipboard.copyToSystem(metadata.metadata.code.join('\n'));
-        },
+        }
       },
       {
         title: 'Insert',
         icon: importIcon,
         onClick: (): void => {
           this.insertCodeSnippet(metadata);
-        },
+        }
       },
       {
         title: 'Edit',
@@ -493,9 +493,9 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
             onSave: this.props.updateMetadata,
             schemaspace: CODE_SNIPPET_SCHEMASPACE,
             schema: CODE_SNIPPET_SCHEMA,
-            name: metadata.name,
+            name: metadata.name
           });
-        },
+        }
       },
       {
         title: 'Duplicate',
@@ -504,13 +504,13 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
           MetadataCommonService.duplicateMetadataInstance(
             CODE_SNIPPET_SCHEMASPACE,
             metadata,
-            this.props.metadata,
+            this.props.metadata
           )
             .then((response: any): void => {
               this.props.updateMetadata();
             })
             .catch((error) => RequestErrors.serverError(error));
-        },
+        }
       },
       {
         title: 'Delete',
@@ -528,7 +528,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
                       value.id ===
                       `${METADATA_EDITOR_ID}:${CODE_SNIPPET_SCHEMASPACE}:${CODE_SNIPPET_SCHEMA}:${metadata.name}`
                     );
-                  },
+                  }
                 );
                 if (editorWidget) {
                   editorWidget.dispose();
@@ -536,8 +536,8 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
               }
             })
             .catch((error) => RequestErrors.serverError(error));
-        },
-      },
+        }
+      }
     ];
   };
 
@@ -547,7 +547,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
 
   sortMetadata(): void {
     this.props.metadata.sort((a, b) =>
-      this.getDisplayName(a).localeCompare(this.getDisplayName(b)),
+      this.getDisplayName(a).localeCompare(this.getDisplayName(b))
     );
   }
 
@@ -599,7 +599,7 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
       if (codeSnippet.name in this.editors) {
         // Make sure code is up to date
         this.editors[codeSnippet.name].model.selections.has(
-          codeSnippet.metadata.code.join('\n'),
+          codeSnippet.metadata.code.join('\n')
         );
       } else {
         // Add new snippets
@@ -615,9 +615,9 @@ class CodeSnippetDisplay extends MetadataDisplay<ICodeSnippetDisplayProps> {
             mimeType: getMimeTypeByLanguage({
               value: codeSnippet.metadata.code.join('\n'),
               name: codeSnippet.metadata.language,
-              codemirror_mode: codeSnippet.metadata.language,
-            }),
-          }),
+              codemirror_mode: codeSnippet.metadata.language
+            })
+          })
         });
       }
     });
@@ -663,7 +663,7 @@ export class CodeSnippetWidget extends MetadataWidget {
   // Request code snippets from server
   async fetchMetadata(): Promise<any> {
     return CodeSnippetService.findAll().catch((error) =>
-      RequestErrors.serverError(error),
+      RequestErrors.serverError(error)
     );
   }
 
diff --git a/packages/code-snippet/src/index.ts b/packages/code-snippet/src/index.ts
index 70abdfef3..e37042ce0 100644
--- a/packages/code-snippet/src/index.ts
+++ b/packages/code-snippet/src/index.ts
@@ -21,7 +21,7 @@ import { codeSnippetIcon } from '@elyra/ui-components';
 import {
   JupyterFrontEnd,
   JupyterFrontEndPlugin,
-  ILayoutRestorer,
+  ILayoutRestorer
 } from '@jupyterlab/application';
 import { ICommandPalette } from '@jupyterlab/apputils';
 import { Cell } from '@jupyterlab/cells';
@@ -34,14 +34,14 @@ import { Widget } from '@lumino/widgets';
 
 import {
   CODE_SNIPPET_SCHEMASPACE,
-  CODE_SNIPPET_SCHEMA,
+  CODE_SNIPPET_SCHEMA
 } from './CodeSnippetService';
 import { CodeSnippetWidget } from './CodeSnippetWidget';
 
 const CODE_SNIPPET_EXTENSION_ID = 'elyra-code-snippet-extension';
 
 const commandIDs = {
-  saveAsSnippet: 'codesnippet:save-as-snippet',
+  saveAsSnippet: 'codesnippet:save-as-snippet'
 };
 
 /**
@@ -55,7 +55,7 @@ export const code_snippet_extension: JupyterFrontEndPlugin<void> = {
     app: JupyterFrontEnd,
     palette: ICommandPalette,
     restorer: ILayoutRestorer,
-    editorServices: IEditorServices,
+    editorServices: IEditorServices
   ) => {
     console.log('Elyra - code-snippet extension is activated!');
 
@@ -71,7 +71,7 @@ export const code_snippet_extension: JupyterFrontEndPlugin<void> = {
       icon: codeSnippetIcon,
       getCurrentWidget,
       editorServices,
-      titleContext: 'code snippet',
+      titleContext: 'code snippet'
     });
     const codeSnippetWidgetId = `elyra-metadata:${CODE_SNIPPET_SCHEMASPACE}`;
     codeSnippetWidget.id = codeSnippetWidgetId;
@@ -126,7 +126,7 @@ export const code_snippet_extension: JupyterFrontEndPlugin<void> = {
             schemaspace: CODE_SNIPPET_SCHEMASPACE,
             schema: CODE_SNIPPET_SCHEMA,
             code: selection.split('\n'),
-            onSave: codeSnippetWidget.updateMetadata,
+            onSave: codeSnippetWidget.updateMetadata
           });
         } else {
           const selectedCells = getSelectedCellContents();
@@ -136,30 +136,30 @@ export const code_snippet_extension: JupyterFrontEndPlugin<void> = {
             schemaspace: CODE_SNIPPET_SCHEMASPACE,
             schema: CODE_SNIPPET_SCHEMA,
             code: code,
-            onSave: codeSnippetWidget.updateMetadata,
+            onSave: codeSnippetWidget.updateMetadata
           });
         }
-      },
+      }
     });
 
     app.contextMenu.addItem({
       command: commandIDs.saveAsSnippet,
-      selector: '.jp-Cell',
+      selector: '.jp-Cell'
     });
 
     app.contextMenu.addItem({
       command: commandIDs.saveAsSnippet,
-      selector: '.jp-FileEditor',
+      selector: '.jp-FileEditor'
     });
 
     app.contextMenu.addItem({
       command: commandIDs.saveAsSnippet,
-      selector: '.jp-MarkdownViewer',
+      selector: '.jp-MarkdownViewer'
     });
 
     const getTextSelection = (
       editor: any,
-      markdownPreview?: boolean,
+      markdownPreview?: boolean
     ): string => {
       const selectionObj = editor.getSelection();
       const start = editor.getOffsetAt(selectionObj.start);
@@ -221,7 +221,7 @@ export const code_snippet_extension: JupyterFrontEndPlugin<void> = {
         return notebookCell?.editor;
       }
     };
-  },
+  }
 };
 
 export default code_snippet_extension;
diff --git a/packages/metadata-common/src/FilterTools.tsx b/packages/metadata-common/src/FilterTools.tsx
index 65e95425c..4177543f5 100644
--- a/packages/metadata-common/src/FilterTools.tsx
+++ b/packages/metadata-common/src/FilterTools.tsx
@@ -61,7 +61,7 @@ export class FilterTools extends React.Component<
   componentDidMount(): void {
     this.setState({
       selectedTags: [],
-      searchValue: '',
+      searchValue: ''
     });
   }
 
@@ -70,14 +70,14 @@ export class FilterTools extends React.Component<
       this.setState((state) => ({
         selectedTags: state.selectedTags
           .filter((tag) => this.props.tags.includes(tag))
-          .sort(),
+          .sort()
       }));
     }
   }
 
   createFilterBox(): void {
     const filterOption = document.querySelector(
-      `#${this.props.schemaspace} .${FILTER_OPTION}`,
+      `#${this.props.schemaspace} .${FILTER_OPTION}`
     );
 
     filterOption?.classList.toggle('idle');
@@ -149,20 +149,16 @@ export class FilterTools extends React.Component<
 
     this.setState(
       (state) => ({
-        selectedTags: this.updateTagsCss(
-          target,
-          state.selectedTags,
-          clickedTag,
-        ),
+        selectedTags: this.updateTagsCss(target, state.selectedTags, clickedTag)
       }),
-      this.filterMetadata,
+      this.filterMetadata
     );
   }
 
   updateTagsCss(
     target: HTMLElement,
     currentTags: string[],
-    clickedTag: string,
+    clickedTag: string
   ): string[] {
     if (target.classList.contains('unapplied-tag')) {
       target.classList.replace('unapplied-tag', 'applied-tag');
@@ -187,7 +183,7 @@ export class FilterTools extends React.Component<
       ?.classList.contains('idle');
     this.props.onFilter(
       this.state.searchValue,
-      isTagFilterOpen ? [] : this.state.selectedTags,
+      isTagFilterOpen ? [] : this.state.selectedTags
     );
   }
 
diff --git a/packages/metadata-common/src/MetadataCommonService.tsx b/packages/metadata-common/src/MetadataCommonService.tsx
index 2b392d57d..0b742e69f 100644
--- a/packages/metadata-common/src/MetadataCommonService.tsx
+++ b/packages/metadata-common/src/MetadataCommonService.tsx
@@ -32,7 +32,7 @@ export class MetadataCommonService {
   static duplicateMetadataInstance(
     schemaSpace: string,
     metadataInstance: IMetadata,
-    existingInstances: IMetadata[],
+    existingInstances: IMetadata[]
   ): Promise<boolean> {
     // iterate through the list of currently defined
     // instance names and find the next available one
@@ -46,7 +46,7 @@ export class MetadataCommonService {
 
     while (
       existingInstances.find(
-        (element) => element.display_name === `${base_name}-Copy${count}`,
+        (element) => element.display_name === `${base_name}-Copy${count}`
       ) !== undefined
     ) {
       count += 1;
@@ -58,7 +58,7 @@ export class MetadataCommonService {
     delete duplicated_metadata.name;
     return MetadataService.postMetadata(
       schemaSpace,
-      JSON.stringify(duplicated_metadata),
+      JSON.stringify(duplicated_metadata)
     );
   }
 }
diff --git a/packages/metadata-common/src/MetadataEditor.tsx b/packages/metadata-common/src/MetadataEditor.tsx
index 75472d30a..b5ec08e18 100644
--- a/packages/metadata-common/src/MetadataEditor.tsx
+++ b/packages/metadata-common/src/MetadataEditor.tsx
@@ -75,7 +75,7 @@ export const MetadataEditor: React.FC<IMetadataEditorComponentProps> = ({
   allTags,
   componentRegistry,
   getDefaultChoices,
-  titleContext,
+  titleContext
 }: IMetadataEditorComponentProps) => {
   const [invalidForm, setInvalidForm] = React.useState(name === undefined);
 
@@ -96,7 +96,7 @@ export const MetadataEditor: React.FC<IMetadataEditorComponentProps> = ({
     const newMetadata: any = {
       schema_name: schemaName,
       display_name: metadata?.['_noCategory']?.['display_name'],
-      metadata: flattenFormData(metadata),
+      metadata: flattenFormData(metadata)
     };
 
     if (!name) {
@@ -111,7 +111,7 @@ export const MetadataEditor: React.FC<IMetadataEditorComponentProps> = ({
       MetadataService.putMetadata(
         schemaspace,
         name,
-        JSON.stringify(newMetadata),
+        JSON.stringify(newMetadata)
       )
         .then((response: any): void => {
           setDirty(false);
@@ -146,7 +146,7 @@ export const MetadataEditor: React.FC<IMetadataEditorComponentProps> = ({
    * Triggers save and close on pressing enter key (outside of a text area)
    */
   const onKeyPress: React.KeyboardEventHandler = (
-    event: React.KeyboardEvent,
+    event: React.KeyboardEvent
   ) => {
     const targetElement = event.nativeEvent.target as HTMLElement;
     if (event.key === 'Enter' && targetElement?.tagName !== 'TEXTAREA') {
diff --git a/packages/metadata-common/src/MetadataEditorWidget.tsx b/packages/metadata-common/src/MetadataEditorWidget.tsx
index efc7bf453..4fb376e4a 100644
--- a/packages/metadata-common/src/MetadataEditorWidget.tsx
+++ b/packages/metadata-common/src/MetadataEditorWidget.tsx
@@ -121,7 +121,7 @@ export class MetadataEditorWidget extends ReactWidget {
       // Load all schema and all metadata in schemaspace.
       const allSchema = await MetadataService.getSchema(this.props.schemaspace);
       const allMetadata = (this.allMetadata = await MetadataService.getMetadata(
-        this.props.schemaspace,
+        this.props.schemaspace
       ));
 
       // Loads all tags to display as options in the editor.
@@ -130,7 +130,7 @@ export class MetadataEditorWidget extends ReactWidget {
           acc.push(
             ...metadata.metadata.tags.filter((tag: string) => {
               return !acc.includes(tag);
-            }),
+            })
           );
         }
         return acc;
@@ -152,7 +152,7 @@ export class MetadataEditorWidget extends ReactWidget {
         if (properties[prop].const !== undefined) {
           properties[prop].default = properties[prop].const;
           properties[prop].uihints = {
-            'ui:readonly': true,
+            'ui:readonly': true
           };
         }
       }
@@ -169,13 +169,13 @@ export class MetadataEditorWidget extends ReactWidget {
             display_name: {
               title: this.props.translator.__('Display Name'),
               description: this.props.translator.__(
-                'Name used to identify an instance of metadata.',
+                'Name used to identify an instance of metadata.'
               ),
-              type: 'string',
-            },
+              type: 'string'
+            }
           },
-          required: ['display_name'],
-        },
+          required: ['display_name']
+        }
       };
 
       // Adds required fields to the wrapper required fields.
@@ -198,7 +198,7 @@ export class MetadataEditorWidget extends ReactWidget {
           schemaPropertiesByCategory[category] = {
             type: 'object',
             properties: {},
-            required: [],
+            required: []
           };
         }
         if (schema.properties.metadata.required?.includes(schemaProperty)) {
@@ -236,7 +236,7 @@ export class MetadataEditorWidget extends ReactWidget {
 
     if (!isFocused) {
       const input = document.querySelector(
-        `.${this.widgetClass} .display_nameField input`,
+        `.${this.widgetClass} .display_nameField input`
       ) as HTMLInputElement;
       if (input) {
         input.focus();
@@ -278,7 +278,7 @@ export class MetadataEditorWidget extends ReactWidget {
       showDialog({
         title: this.props.translator.__('Close without saving?'),
         body: <p>Metadata has unsaved changes, close without saving?</p>,
-        buttons: [Dialog.cancelButton(), Dialog.okButton()],
+        buttons: [Dialog.cancelButton(), Dialog.okButton()]
       }).then((response: any): void => {
         if (response.button.accept) {
           this.dispose();
diff --git a/packages/metadata-common/src/MetadataWidget.tsx b/packages/metadata-common/src/MetadataWidget.tsx
index 1ffe9980d..c531fc77d 100644
--- a/packages/metadata-common/src/MetadataWidget.tsx
+++ b/packages/metadata-common/src/MetadataWidget.tsx
@@ -19,7 +19,7 @@ import {
   ExpandableComponent,
   JSONComponent,
   RequestErrors,
-  trashIcon,
+  trashIcon
 } from '@elyra/ui-components';
 
 import { JupyterFrontEnd } from '@jupyterlab/application';
@@ -27,14 +27,14 @@ import {
   Dialog,
   ReactWidget,
   showDialog,
-  UseSignal,
+  UseSignal
 } from '@jupyterlab/apputils';
 import {
   addIcon,
   copyIcon,
   editIcon,
   LabIcon,
-  refreshIcon,
+  refreshIcon
 } from '@jupyterlab/ui-components';
 import { Message } from '@lumino/messaging';
 import { Signal } from '@lumino/signaling';
@@ -54,7 +54,7 @@ const METADATA_HEADER_BUTTON_CLASS = 'elyra-metadataHeader-button';
 const METADATA_JSON_CLASS = 'jp-RenderedJSON CodeMirror cm-s-jupyter';
 
 const commands = {
-  OPEN_METADATA_EDITOR: 'elyra-metadata-editor:open',
+  OPEN_METADATA_EDITOR: 'elyra-metadata-editor:open'
 };
 
 export interface IMetadata {
@@ -101,7 +101,7 @@ export interface IMetadataDisplayState {
  * A React Component for displaying a list of metadata
  */
 export class MetadataDisplay<
-  T extends IMetadataDisplayProps,
+  T extends IMetadataDisplayProps
   // U extends IMetadataDisplayState,
 > extends React.Component<T, IMetadataDisplayState> {
   constructor(props: T) {
@@ -111,7 +111,7 @@ export class MetadataDisplay<
       searchValue: '',
       filterTags: [],
       matchesSearch: this.matchesSearch.bind(this),
-      matchesTags: this.matchesTags.bind(this),
+      matchesTags: this.matchesTags.bind(this)
     };
   }
 
@@ -120,13 +120,13 @@ export class MetadataDisplay<
       title: `Delete ${
         this.props.labelName ? this.props.labelName(metadata) : ''
       } ${this.props.titleContext || ''} '${metadata.display_name}'?`,
-      buttons: [Dialog.cancelButton(), Dialog.okButton()],
+      buttons: [Dialog.cancelButton(), Dialog.okButton()]
     }).then((result: any) => {
       // Do nothing if the cancel button is pressed
       if (result.button.accept) {
         MetadataService.deleteMetadata(
           this.props.schemaspace,
-          metadata.name,
+          metadata.name
         ).catch((error) => RequestErrors.serverError(error));
       }
     });
@@ -142,9 +142,9 @@ export class MetadataDisplay<
             onSave: this.props.updateMetadata,
             schemaspace: this.props.schemaspace,
             schema: metadata.schema_name,
-            name: metadata.name,
+            name: metadata.name
           });
-        },
+        }
       },
       {
         title: 'Duplicate',
@@ -153,13 +153,13 @@ export class MetadataDisplay<
           MetadataCommonService.duplicateMetadataInstance(
             this.props.schemaspace,
             metadata,
-            this.props.metadata,
+            this.props.metadata
           )
             .then((response: any): void => {
               this.props.updateMetadata();
             })
             .catch((error) => RequestErrors.serverError(error));
-        },
+        }
       },
       {
         title: 'Delete',
@@ -168,8 +168,8 @@ export class MetadataDisplay<
           this.deleteMetadata(metadata).then((response: any): void => {
             this.props.updateMetadata();
           });
-        },
-      },
+        }
+      }
     ];
   }
 
@@ -214,7 +214,7 @@ export class MetadataDisplay<
    */
   sortMetadata(): void {
     this.props.metadata.sort((a, b) =>
-      a.display_name.localeCompare(b.display_name),
+      a.display_name.localeCompare(b.display_name)
     );
   }
 
@@ -228,7 +228,7 @@ export class MetadataDisplay<
             .toLowerCase()
             .includes(searchValue.toLowerCase())
         );
-      },
+      }
     );
 
     // filter with tags
@@ -246,7 +246,7 @@ export class MetadataDisplay<
     this.setState({
       metadata: filteredMetadata,
       searchValue: searchValue,
-      filterTags: filterTags,
+      filterTags: filterTags
     });
   };
 
@@ -286,7 +286,7 @@ export class MetadataDisplay<
 
   static getDerivedStateFromProps(
     props: IMetadataDisplayProps,
-    state: IMetadataDisplayState,
+    state: IMetadataDisplayState
   ): IMetadataDisplayState {
     if (state.searchValue === '' && state.filterTags.length === 0) {
       return {
@@ -294,7 +294,7 @@ export class MetadataDisplay<
         searchValue: '',
         filterTags: [],
         matchesSearch: state.matchesSearch,
-        matchesTags: state.matchesTags,
+        matchesTags: state.matchesTags
       };
     }
 
@@ -305,14 +305,14 @@ export class MetadataDisplay<
       const newMetadata = props.metadata.filter(
         (metadata) =>
           state.matchesSearch(searchValue, metadata) &&
-          state.matchesTags(filterTags, metadata),
+          state.matchesTags(filterTags, metadata)
       );
       return {
         metadata: newMetadata,
         searchValue: state.searchValue,
         filterTags: state.filterTags,
         matchesSearch: state.matchesSearch,
-        matchesTags: state.matchesTags,
+        matchesTags: state.matchesTags
       };
     }
     return state;
@@ -392,8 +392,8 @@ export class MetadataWidget extends ReactWidget {
               schema: schema.name,
               title: schema.title,
               titleContext: this.props.titleContext,
-              appendToTitle: this.props.appendToTitle,
-            } as any,
+              appendToTitle: this.props.appendToTitle
+            } as any
           });
         }
       }
@@ -408,7 +408,7 @@ export class MetadataWidget extends ReactWidget {
       onSave: this.updateMetadata,
       schemaspace: this.props.schemaspace,
       schema: schema,
-      titleContext,
+      titleContext
     });
   }
 
@@ -525,7 +525,7 @@ export class MetadataWidget extends ReactWidget {
                   ? (): void =>
                       this.addMetadata(
                         this.schemas?.[0].name,
-                        this.titleContext,
+                        this.titleContext
                       )
                   : (event: any): void => {
                       this.props.app.contextMenu.open(event);
diff --git a/packages/metadata/src/index.ts b/packages/metadata/src/index.ts
index dba5d1576..195ae18d8 100644
--- a/packages/metadata/src/index.ts
+++ b/packages/metadata/src/index.ts
@@ -22,12 +22,12 @@ import {
   RequestErrors,
   CodeBlock,
   TagsField,
-  PasswordField,
+  PasswordField
 } from '@elyra/ui-components';
 import {
   JupyterFrontEnd,
   JupyterFrontEndPlugin,
-  ILabStatus,
+  ILabStatus
 } from '@jupyterlab/application';
 import { ICommandPalette, MainAreaWidget } from '@jupyterlab/apputils';
 import { IEditorServices } from '@jupyterlab/codeeditor';
@@ -36,7 +36,7 @@ import {
   textEditorIcon,
   LabIcon,
   IFormRendererRegistry,
-  IFormRenderer,
+  IFormRenderer
 } from '@jupyterlab/ui-components';
 
 import { find } from '@lumino/algorithm';
@@ -47,7 +47,7 @@ const METADATA_WIDGET_ID = 'elyra-metadata';
 
 const commandIDs = {
   openMetadata: 'elyra-metadata:open',
-  closeTabCommand: 'elyra-metadata:close',
+  closeTabCommand: 'elyra-metadata:close'
 };
 
 /**
@@ -61,7 +61,7 @@ const extension: JupyterFrontEndPlugin<void> = {
     IEditorServices,
     ILabStatus,
     IFormRendererRegistry,
-    ITranslator,
+    ITranslator
   ],
   activate: async (
     app: JupyterFrontEnd,
@@ -69,25 +69,25 @@ const extension: JupyterFrontEndPlugin<void> = {
     editorServices: IEditorServices,
     status: ILabStatus,
     componentRegistry: IFormRendererRegistry,
-    translator: ITranslator,
+    translator: ITranslator
   ) => {
     console.log('Elyra - metadata extension is activated!');
 
     componentRegistry.addRenderer(
       'code',
-      CodeBlock as unknown as IFormRenderer,
+      CodeBlock as unknown as IFormRenderer
     );
     componentRegistry.addRenderer(
       'tags',
-      TagsField as unknown as IFormRenderer,
+      TagsField as unknown as IFormRenderer
     );
     componentRegistry.addRenderer(
       'dropdown',
-      DropDown as unknown as IFormRenderer,
+      DropDown as unknown as IFormRenderer
     );
     componentRegistry.addRenderer(
       'password',
-      PasswordField as unknown as IFormRenderer,
+      PasswordField as unknown as IFormRenderer
     );
 
     const openMetadataEditor = (args: {
@@ -110,7 +110,7 @@ const extension: JupyterFrontEndPlugin<void> = {
         app.shell.widgets('main'),
         (widget: Widget, index: number) => {
           return widget.id === widgetId;
-        },
+        }
       );
       if (openWidget) {
         app.shell.activateById(widgetId);
@@ -123,7 +123,7 @@ const extension: JupyterFrontEndPlugin<void> = {
         editorServices,
         status,
         translator: translator.load('jupyterlab'),
-        componentRegistry,
+        componentRegistry
       });
       const main = new MainAreaWidget({ content: metadataEditorWidget });
       main.title.label = widgetLabel;
@@ -142,7 +142,7 @@ const extension: JupyterFrontEndPlugin<void> = {
       },
       execute: (args: any) => {
         openMetadataEditor(args);
-      },
+      }
     });
 
     const openMetadataWidget = (args: {
@@ -156,7 +156,7 @@ const extension: JupyterFrontEndPlugin<void> = {
         app,
         display_name: args.display_name,
         schemaspace: args.schemaspace,
-        icon: labIcon,
+        icon: labIcon
       });
       metadataWidget.id = widgetId;
       metadataWidget.title.icon = labIcon;
@@ -178,7 +178,7 @@ const extension: JupyterFrontEndPlugin<void> = {
         // Rank has been chosen somewhat arbitrarily to give priority
         // to the running sessions widget in the sidebar.
         openMetadataWidget(args);
-      },
+      }
     });
 
     // Add command to close metadata tab
@@ -187,7 +187,7 @@ const extension: JupyterFrontEndPlugin<void> = {
       label: 'Close Tab',
       execute: (args) => {
         const contextNode: HTMLElement | undefined = app.contextMenuHitTest(
-          (node) => !!node.dataset.id,
+          (node) => !!node.dataset.id
         );
         if (contextNode) {
           const id = contextNode.dataset['id']!;
@@ -195,18 +195,18 @@ const extension: JupyterFrontEndPlugin<void> = {
             app.shell.widgets('left'),
             (widget: Widget, index: number) => {
               return widget.id === id;
-            },
+            }
           );
           if (widget) {
             widget.dispose();
           }
         }
-      },
+      }
     });
     app.contextMenu.addItem({
       selector:
         '[data-id^="elyra-metadata:"]:not([data-id$="code-snippets"]):not([data-id$="runtimes"])',
-      command: closeTabCommand,
+      command: closeTabCommand
     });
 
     try {
@@ -228,15 +228,15 @@ const extension: JupyterFrontEndPlugin<void> = {
             label: `Manage ${title}`,
             display_name: schema.uihints.title,
             schemaspace: schema.schemaspace,
-            icon: icon,
+            icon: icon
           },
-          category: 'Elyra',
+          category: 'Elyra'
         });
       }
     } catch (error) {
       RequestErrors.serverError(error);
     }
-  },
+  }
 };
 
 export default extension;
diff --git a/packages/pipeline-editor/src/ComponentCatalogsWidget.tsx b/packages/pipeline-editor/src/ComponentCatalogsWidget.tsx
index c934203d4..47e503c7e 100644
--- a/packages/pipeline-editor/src/ComponentCatalogsWidget.tsx
+++ b/packages/pipeline-editor/src/ComponentCatalogsWidget.tsx
@@ -21,7 +21,7 @@ import {
   MetadataDisplay,
   IMetadataDisplayProps,
   //IMetadataDisplayState,
-  IMetadataActionButton,
+  IMetadataActionButton
 } from '@elyra/metadata-common';
 import { IDictionary, MetadataService } from '@elyra/services';
 import { RequestErrors } from '@elyra/ui-components';
@@ -60,12 +60,12 @@ class ComponentCatalogsDisplay extends MetadataDisplay<IMetadataDisplayProps> {
             .catch((error) =>
               console.error(
                 'An error occurred while refreshing components from catalog:',
-                error,
-              ),
+                error
+              )
             );
-        },
+        }
       },
-      ...super.actionButtons(metadata),
+      ...super.actionButtons(metadata)
     ];
   }
 
@@ -141,14 +141,14 @@ export class ComponentCatalogsWidget extends MetadataWidget {
       const schemas = await MetadataService.getSchema(this.props.schemaspace);
       this.runtimeTypes = await PipelineService.getRuntimeTypes();
       const sortedSchema = schemas.sort((a: any, b: any) =>
-        a.title.localeCompare(b.title),
+        a.title.localeCompare(b.title)
       );
       this.schemas = sortedSchema.filter((schema: any) => {
         return !!this.runtimeTypes.find(
           (r) =>
             schema.properties?.metadata?.properties?.runtime_type?.enum?.includes(
-              r.id,
-            ) && r.runtime_enabled,
+              r.id
+            ) && r.runtime_enabled
         );
       });
       if (this.schemas?.length ?? 0 > 1) {
@@ -162,8 +162,8 @@ export class ComponentCatalogsWidget extends MetadataWidget {
               schema: schema.name,
               title: schema.title,
               titleContext: this.props.titleContext,
-              appendToTitle: this.props.appendToTitle,
-            } as any,
+              appendToTitle: this.props.appendToTitle
+            } as any
           });
         }
       }
diff --git a/packages/pipeline-editor/src/EmptyPipelineContent.tsx b/packages/pipeline-editor/src/EmptyPipelineContent.tsx
index 3af93d71d..a8c24cd19 100644
--- a/packages/pipeline-editor/src/EmptyPipelineContent.tsx
+++ b/packages/pipeline-editor/src/EmptyPipelineContent.tsx
@@ -28,7 +28,7 @@ export interface IEmptyGenericPipelineProps {
 }
 
 export const EmptyGenericPipeline: React.FC<IEmptyGenericPipelineProps> = ({
-  onOpenSettings,
+  onOpenSettings
 }) => {
   return (
     <div>
diff --git a/packages/pipeline-editor/src/FileSubmissionDialog.tsx b/packages/pipeline-editor/src/FileSubmissionDialog.tsx
index a40f23229..69482d794 100644
--- a/packages/pipeline-editor/src/FileSubmissionDialog.tsx
+++ b/packages/pipeline-editor/src/FileSubmissionDialog.tsx
@@ -63,7 +63,7 @@ export const FileSubmissionDialog: React.FC<IProps> = ({
   env,
   images,
   dependencyFileExtension,
-  runtimeData,
+  runtimeData
 }) => {
   const [includeDependency, setIncludeDependency] = React.useState(true);
 
diff --git a/packages/pipeline-editor/src/ParameterInputForm.tsx b/packages/pipeline-editor/src/ParameterInputForm.tsx
index 45306a1f4..0f800f871 100644
--- a/packages/pipeline-editor/src/ParameterInputForm.tsx
+++ b/packages/pipeline-editor/src/ParameterInputForm.tsx
@@ -31,14 +31,14 @@ export interface IParameterProps {
 }
 
 export const ParameterInputForm: React.FC<IParameterProps> = ({
-  parameters,
+  parameters
 }) => {
   return parameters && parameters.length > 0 ? (
     <div>
       <label
         style={{
           fontWeight: '600',
-          fontSize: 'var(--jp-content-font-size1)',
+          fontSize: 'var(--jp-content-font-size1)'
         }}
       >
         Parameters
@@ -94,9 +94,9 @@ export const ParameterInputForm: React.FC<IParameterProps> = ({
                       left: `-${
                         Math.min(
                           param.name.length,
-                          Math.min(DIALOG_WIDTH, param.description.length),
+                          Math.min(DIALOG_WIDTH, param.description.length)
                         ) - 4
-                      }ch`,
+                      }ch`
                     }}
                     className={'field-description'}
                   >
diff --git a/packages/pipeline-editor/src/PipelineEditorWidget.tsx b/packages/pipeline-editor/src/PipelineEditorWidget.tsx
index 22ea8b235..9e1774da2 100644
--- a/packages/pipeline-editor/src/PipelineEditorWidget.tsx
+++ b/packages/pipeline-editor/src/PipelineEditorWidget.tsx
@@ -17,12 +17,12 @@
 import {
   PipelineEditor,
   PipelineOutOfDateError,
-  ThemeProvider,
+  ThemeProvider
 } from '@elyra/pipeline-editor';
 import {
   migrate,
   validate,
-  ComponentNotFoundError,
+  ComponentNotFoundError
 } from '@elyra/pipeline-services';
 import { ContentParser } from '@elyra/services';
 import {
@@ -37,7 +37,7 @@ import {
   Dropzone,
   RequestErrors,
   showFormDialog,
-  componentCatalogIcon,
+  componentCatalogIcon
 } from '@elyra/ui-components';
 import { ILabShell } from '@jupyterlab/application';
 import { Dialog, ReactWidget, showDialog } from '@jupyterlab/apputils';
@@ -46,7 +46,7 @@ import {
   DocumentRegistry,
   ABCWidgetFactory,
   DocumentWidget,
-  Context,
+  Context
 } from '@jupyterlab/docregistry';
 import { IDefaultFileBrowser } from '@jupyterlab/filebrowser';
 import { ISettingRegistry } from '@jupyterlab/settingregistry';
@@ -63,26 +63,26 @@ import 'react-toastify/dist/ReactToastify.css';
 
 import {
   EmptyGenericPipeline,
-  EmptyPlatformSpecificPipeline,
+  EmptyPlatformSpecificPipeline
 } from './EmptyPipelineContent';
 import { formDialogWidget } from './formDialogWidget';
 import {
   usePalette,
   useRuntimeImages,
-  useRuntimesSchema,
+  useRuntimesSchema
 } from './pipeline-hooks';
 import { PipelineExportDialog } from './PipelineExportDialog';
 import {
   PipelineService,
   RUNTIMES_SCHEMASPACE,
   RUNTIME_IMAGES_SCHEMASPACE,
-  COMPONENT_CATALOGS_SCHEMASPACE,
+  COMPONENT_CATALOGS_SCHEMASPACE
 } from './PipelineService';
 import { PipelineSubmissionDialog } from './PipelineSubmissionDialog';
 import {
   createRuntimeData,
   getConfigDetails,
-  IRuntimeData,
+  IRuntimeData
 } from './runtime-utils';
 import { theme } from './theme';
 
@@ -98,7 +98,7 @@ export const commandIDs = {
   submitNotebook: 'notebook:submit',
   addFileToPipeline: 'pipeline-editor:add-node',
   refreshPalette: 'pipeline-editor:refresh-palette',
-  openViewer: 'elyra-code-viewer:open',
+  openViewer: 'elyra-code-viewer:open'
 };
 
 interface IExtendedThemeProviderProps
@@ -142,7 +142,7 @@ const isRuntimeTypeAvailable = (data: IRuntimeData, type?: string): boolean => {
 
 const getDisplayName = (
   runtimesSchema: any,
-  type?: string,
+  type?: string
 ): string | undefined => {
   if (!type) {
     return undefined;
@@ -216,7 +216,7 @@ const PipelineWrapper: React.FC<IProps> = ({
   addFileToPipelineSignal,
   refreshPaletteSignal,
   settings,
-  widgetId,
+  widgetId
 }) => {
   const ref = useRef<any>(null);
   const [loading, setLoading] = useState(true);
@@ -237,7 +237,7 @@ const PipelineWrapper: React.FC<IProps> = ({
   const {
     data: palette,
     error: paletteError,
-    mutate: mutatePalette,
+    mutate: mutatePalette
   } = usePalette(type);
 
   useEffect(() => {
@@ -292,7 +292,7 @@ const PipelineWrapper: React.FC<IProps> = ({
         for (const node of nodes) {
           if (node?.app_data?.component_parameters) {
             for (const [key, val] of Object.entries(
-              node?.app_data?.component_parameters,
+              node?.app_data?.component_parameters
             )) {
               if (val === null) {
                 node.app_data.component_parameters[key] = undefined;
@@ -309,7 +309,7 @@ const PipelineWrapper: React.FC<IProps> = ({
         const pipeline_path = contextRef.current.path;
         const pipeline_name = PathExt.basename(
           pipeline_path,
-          PathExt.extname(pipeline_path),
+          PathExt.extname(pipeline_path)
         );
         pipelineJson.pipelines[0].app_data.properties.name = pipeline_name;
         pipelineJson.pipelines[0].app_data.properties.runtime =
@@ -361,11 +361,11 @@ const PipelineWrapper: React.FC<IProps> = ({
     }
     removeNullValues(
       pipelineJson?.pipelines?.[0]?.app_data?.properties?.pipeline_defaults ??
-        {},
+        {}
     );
     if (contextRef.current.isReady) {
       contextRef.current.model.fromString(
-        JSON.stringify(pipelineJson, null, 2),
+        JSON.stringify(pipelineJson, null, 2)
       );
     }
   }, []);
@@ -395,7 +395,7 @@ const PipelineWrapper: React.FC<IProps> = ({
               Proceed with migration?
             </p>
           ),
-          buttons: [Dialog.cancelButton(), Dialog.okButton()],
+          buttons: [Dialog.cancelButton(), Dialog.okButton()]
         }).then(async (result) => {
           isDialogAlreadyShowing.current = false;
           if (result.button.accept) {
@@ -410,13 +410,13 @@ const PipelineWrapper: React.FC<IProps> = ({
                   node.app_data.filename =
                     PipelineService.getPipelineRelativeNodePath(
                       contextRef.current.path,
-                      node.app_data.filename,
+                      node.app_data.filename
                     );
                 }
                 return pipeline;
               });
               contextRef.current.model.fromString(
-                JSON.stringify(migratedPipeline, null, 2),
+                JSON.stringify(migratedPipeline, null, 2)
               );
             } catch (migrationError) {
               if (migrationError instanceof ComponentNotFoundError) {
@@ -439,7 +439,7 @@ const PipelineWrapper: React.FC<IProps> = ({
                       and try again.
                     </p>
                   ),
-                  buttons: [Dialog.okButton({ label: 'Close' })],
+                  buttons: [Dialog.okButton({ label: 'Close' })]
                 }).then(() => {
                   shell.currentWidget?.close();
                 });
@@ -447,7 +447,7 @@ const PipelineWrapper: React.FC<IProps> = ({
                 showDialog({
                   title: 'Pipeline migration failed!',
                   body: <p> {(migrationError as Error)?.message || ''} </p>,
-                  buttons: [Dialog.okButton()],
+                  buttons: [Dialog.okButton()]
                 }).then(() => {
                   shell.currentWidget?.close();
                 });
@@ -461,20 +461,20 @@ const PipelineWrapper: React.FC<IProps> = ({
         showDialog({
           title: 'Load pipeline failed!',
           body: <p> {error?.message || ''} </p>,
-          buttons: [Dialog.okButton()],
+          buttons: [Dialog.okButton()]
         }).then(() => {
           isDialogAlreadyShowing.current = false;
           shell.currentWidget?.close();
         });
       }
     },
-    [shell.currentWidget],
+    [shell.currentWidget]
   );
 
   const onFileRequested = async (args: any): Promise<string[] | undefined> => {
     const filename = PipelineService.getWorkspaceRelativeNodePath(
       contextRef.current.path,
-      args.filename ?? '',
+      args.filename ?? ''
     );
     if (args.propertyID.includes('dependencies')) {
       const res = await showBrowseFileDialog(browserFactory.model.manager, {
@@ -483,7 +483,7 @@ const PipelineWrapper: React.FC<IProps> = ({
         rootPath: PathExt.dirname(filename),
         filter: (model: any): boolean => {
           return model.path !== filename;
-        },
+        }
       });
 
       if (res.button.accept && res.value.length) {
@@ -499,13 +499,13 @@ const PipelineWrapper: React.FC<IProps> = ({
 
           const ext = PathExt.extname(model.path);
           return args.filters.File.includes(ext);
-        },
+        }
       });
 
       if (res.button.accept && res.value.length) {
         const file = PipelineService.getPipelineRelativeNodePath(
           contextRef.current.path,
-          res.value[0].path,
+          res.value[0].path
         );
         return [file];
       }
@@ -520,13 +520,13 @@ const PipelineWrapper: React.FC<IProps> = ({
     }
     const path = PipelineService.getWorkspaceRelativeNodePath(
       contextRef.current.path,
-      args.component_parameters.filename,
+      args.component_parameters.filename
     );
     const new_env_vars = await ContentParser.getEnvVars(path).then(
       (response: any) =>
         response.map((str: string) => {
           return { env_var: str };
-        }),
+        })
     );
 
     const env_vars = args.component_parameters?.env_vars ?? [];
@@ -536,16 +536,16 @@ const PipelineWrapper: React.FC<IProps> = ({
         (new_var: any) =>
           !env_vars.some((old_var: any) => {
             return old_var.env_var === new_var.env_var;
-          }),
-      ),
+          })
+      )
     ];
 
     return {
       ...args,
       component_parameters: {
         ...args.component_parameters,
-        env_vars: merged_env_vars.filter(Boolean),
-      },
+        env_vars: merged_env_vars.filter(Boolean)
+      }
     };
   };
 
@@ -558,7 +558,7 @@ const PipelineWrapper: React.FC<IProps> = ({
           const componentSourceJson = JSON.parse(componentSource);
           dialogBody.push(`catalog_type: ${componentSourceJson.catalog_type}`);
           for (const [key, value] of Object.entries(
-            componentSourceJson.component_ref,
+            componentSourceJson.component_ref
           )) {
             dialogBody.push(`${key}: ${value}`);
           }
@@ -588,39 +588,39 @@ const PipelineWrapper: React.FC<IProps> = ({
               </a>
             </p>
           ),
-          buttons: [Dialog.okButton()],
+          buttons: [Dialog.okButton()]
         });
       }
       return PipelineService.getComponentDef(type, componentId)
         .then((res) => {
           const nodeDef = getAllPaletteNodes(palette).find(
-            (n) => n.id === componentId,
+            (n) => n.id === componentId
           );
           commands.execute(commandIDs.openViewer, {
             content: res.content,
             mimeType: res.mimeType,
-            label: nodeDef?.label ?? componentId,
+            label: nodeDef?.label ?? componentId
           });
         })
         .catch((e) => RequestErrors.serverError(e));
     },
-    [commands, palette, type],
+    [commands, palette, type]
   );
 
   const onDoubleClick = (data: any): void => {
     for (let i = 0; i < data.selectedObjectIds.length; i++) {
       const node = pipeline.pipelines[0].nodes.find(
-        (node: any) => node.id === data.selectedObjectIds[i],
+        (node: any) => node.id === data.selectedObjectIds[i]
       );
       const nodeDef = getAllPaletteNodes(palette).find(
-        (n) => n.op === node?.op,
+        (n) => n.op === node?.op
       );
       if (node?.app_data?.component_parameters?.filename) {
         commands.execute(commandIDs.openDocManager, {
           path: PipelineService.getWorkspaceRelativeNodePath(
             contextRef.current.path,
-            node.app_data.component_parameters.filename,
-          ),
+            node.app_data.component_parameters.filename
+          )
         });
       } else if (!nodeDef?.app_data?.parameter_refs?.['filehandler']) {
         handleOpenComponentDef(nodeDef?.id, node?.app_data?.component_source);
@@ -635,7 +635,7 @@ const PipelineWrapper: React.FC<IProps> = ({
       const errorMessages = validate(
         JSON.stringify(pipelineJson),
         getAllPaletteNodes(palette),
-        palette.properties,
+        palette.properties
       );
       if (errorMessages && errorMessages.length > 0) {
         let errorMessage = '';
@@ -652,8 +652,8 @@ const PipelineWrapper: React.FC<IProps> = ({
             'This pipeline contains unsaved changes. To submit the pipeline the changes need to be saved.',
           buttons: [
             Dialog.cancelButton(),
-            Dialog.okButton({ label: 'Save and Submit' }),
-          ],
+            Dialog.okButton({ label: 'Save and Submit' })
+          ]
         });
         if (dialogResult.button && dialogResult.button.accept === true) {
           await contextRef.current.save();
@@ -665,7 +665,7 @@ const PipelineWrapper: React.FC<IProps> = ({
 
       const pipelineName = PathExt.basename(
         contextRef.current.path,
-        PathExt.extname(contextRef.current.path),
+        PathExt.extname(contextRef.current.path)
       );
 
       // TODO: Parallelize this
@@ -676,20 +676,20 @@ const PipelineWrapper: React.FC<IProps> = ({
             return (
               !runtime.metadata.runtime_enabled &&
               !!runtimeTypes.find(
-                (r: any) => runtime.metadata.runtime_type === r.id,
+                (r: any) => runtime.metadata.runtime_type === r.id
               )
             );
           });
         })
         .catch((error) => RequestErrors.serverError(error));
       const schema = await PipelineService.getRuntimesSchema().catch((error) =>
-        RequestErrors.serverError(error),
+        RequestErrors.serverError(error)
       );
 
       const runtimeData = createRuntimeData({
         schema,
         runtimes,
-        allowLocal: actionType === 'run',
+        allowLocal: actionType === 'run'
       });
 
       let title =
@@ -702,7 +702,7 @@ const PipelineWrapper: React.FC<IProps> = ({
           const res = await RequestErrors.noMetadataError(
             'runtime',
             `${actionType} pipeline.`,
-            type !== undefined ? runtimeDisplayName : undefined,
+            type !== undefined ? runtimeDisplayName : undefined
           );
 
           if (res.button.label.includes(RUNTIMES_SCHEMASPACE)) {
@@ -724,16 +724,16 @@ const PipelineWrapper: React.FC<IProps> = ({
               return (
                 param.name !== '' &&
                 (node.app_data.component_parameters?.pipeline_parameters?.includes(
-                  param.name,
+                  param.name
                 ) ||
                   Object.values(node.app_data.component_parameters ?? {}).find(
                     (property: any) =>
                       property.widget === 'parameter' &&
-                      property.value === param.name,
+                      property.value === param.name
                   ))
               );
             });
-          },
+          }
         );
 
       const parameters =
@@ -749,11 +749,11 @@ const PipelineWrapper: React.FC<IProps> = ({
                 runtimeData={runtimeData}
                 pipelineType={type}
                 parameters={parameters}
-              />,
+              />
             ),
             buttons: [Dialog.cancelButton(), Dialog.okButton()],
             defaultButton: 1,
-            focusNodeSelector: '#pipeline_name',
+            focusNodeSelector: '#pipeline_name'
           };
           break;
         case 'export':
@@ -766,11 +766,11 @@ const PipelineWrapper: React.FC<IProps> = ({
                 pipelineType={type}
                 exportName={pipelineName}
                 parameters={parameters}
-              />,
+              />
             ),
             buttons: [Dialog.cancelButton(), Dialog.okButton()],
             defaultButton: 1,
-            focusNodeSelector: '#runtime_config',
+            focusNodeSelector: '#runtime_config'
           };
           break;
       }
@@ -803,20 +803,20 @@ const PipelineWrapper: React.FC<IProps> = ({
 
       const configDetails = getConfigDetails(
         runtimeData,
-        dialogResult.value.runtime_config,
+        dialogResult.value.runtime_config
       );
 
       PipelineService.setNodePathsRelativeToWorkspace(
         pipelineJson.pipelines[0],
         getAllPaletteNodes(palette),
-        contextRef.current.path,
+        contextRef.current.path
       );
 
       // Metadata
       pipelineJson.pipelines[0].app_data.name =
         dialogResult.value.pipeline_name ?? pipelineName;
       pipelineJson.pipelines[0].app_data.source = PathExt.basename(
-        contextRef.current.path,
+        contextRef.current.path
       );
 
       // Pipeline parameter overrides
@@ -857,7 +857,7 @@ const PipelineWrapper: React.FC<IProps> = ({
         case 'run':
           PipelineService.submitPipeline(
             pipelineJson,
-            configDetails?.platform.displayName ?? '',
+            configDetails?.platform.displayName ?? ''
           ).catch((error) => RequestErrors.serverError(error));
           break;
         case 'export':
@@ -865,12 +865,12 @@ const PipelineWrapper: React.FC<IProps> = ({
             pipelineJson,
             exportType,
             exportPath,
-            dialogResult.value.overwrite,
+            dialogResult.value.overwrite
           ).catch((error) => RequestErrors.serverError(error));
           break;
       }
     },
-    [context.model, palette, runtimeDisplayName, type, shell],
+    [context.model, palette, runtimeDisplayName, type, shell]
   );
 
   const handleClearPipeline = useCallback(async (data: any): Promise<any> => {
@@ -880,8 +880,8 @@ const PipelineWrapper: React.FC<IProps> = ({
       buttons: [
         Dialog.cancelButton(),
         Dialog.okButton({ label: 'Clear All' }),
-        Dialog.okButton({ label: 'Clear Canvas' }),
-      ],
+        Dialog.okButton({ label: 'Clear Canvas' })
+      ]
     }).then((result) => {
       if (result.button.accept) {
         const newPipeline: any = contextRef.current.model.toJSON();
@@ -898,7 +898,7 @@ const PipelineWrapper: React.FC<IProps> = ({
             // Remove all fields of pipeline properties except for the name/runtime (readonly)
             newPipeline.pipelines[0].app_data.properties = {
               name: pipelineProperties.name,
-              runtime: pipelineProperties.runtime,
+              runtime: pipelineProperties.runtime
             };
           }
         }
@@ -934,21 +934,21 @@ const PipelineWrapper: React.FC<IProps> = ({
           break;
         case 'openComponentCatalogs':
           shell.activateById(
-            `elyra-metadata:${COMPONENT_CATALOGS_SCHEMASPACE}`,
+            `elyra-metadata:${COMPONENT_CATALOGS_SCHEMASPACE}`
           );
           break;
         case 'openFile':
           commands.execute(commandIDs.openDocManager, {
             path: PipelineService.getWorkspaceRelativeNodePath(
               contextRef.current.path,
-              args.payload,
-            ),
+              args.payload
+            )
           });
           break;
         case 'openComponentDef':
           handleOpenComponentDef(
             args.payload.componentId,
-            args.payload.componentSource,
+            args.payload.componentSource
           );
           break;
         default:
@@ -961,8 +961,8 @@ const PipelineWrapper: React.FC<IProps> = ({
       panelOpen,
       shell,
       commands,
-      handleOpenComponentDef,
-    ],
+      handleOpenComponentDef
+    ]
   );
 
   const toolbar = {
@@ -970,49 +970,49 @@ const PipelineWrapper: React.FC<IProps> = ({
       {
         action: 'run',
         label: 'Run Pipeline',
-        enable: true,
+        enable: true
       },
       {
         action: 'save',
         label: 'Save Pipeline',
         enable: true,
         iconEnabled: IconUtil.encode(savePipelineIcon),
-        iconDisabled: IconUtil.encode(savePipelineIcon),
+        iconDisabled: IconUtil.encode(savePipelineIcon)
       },
       {
         action: 'export',
         label: 'Export Pipeline',
         enable: true,
         iconEnabled: IconUtil.encode(exportPipelineIcon),
-        iconDisabled: IconUtil.encode(exportPipelineIcon),
+        iconDisabled: IconUtil.encode(exportPipelineIcon)
       },
       {
         action: 'clear',
         label: 'Clear Pipeline',
         enable: true,
         iconEnabled: IconUtil.encode(clearPipelineIcon),
-        iconDisabled: IconUtil.encode(clearPipelineIcon),
+        iconDisabled: IconUtil.encode(clearPipelineIcon)
       },
       {
         action: 'openRuntimes',
         label: 'Open Runtimes',
         enable: true,
         iconEnabled: IconUtil.encode(runtimesIcon),
-        iconDisabled: IconUtil.encode(runtimesIcon),
+        iconDisabled: IconUtil.encode(runtimesIcon)
       },
       {
         action: 'openRuntimeImages',
         label: 'Open Runtime Images',
         enable: true,
         iconEnabled: IconUtil.encode(containerIcon),
-        iconDisabled: IconUtil.encode(containerIcon),
+        iconDisabled: IconUtil.encode(containerIcon)
       },
       {
         action: 'openComponentCatalogs',
         label: 'Open Component Catalogs',
         enable: true,
         iconEnabled: IconUtil.encode(componentCatalogIcon),
-        iconDisabled: IconUtil.encode(componentCatalogIcon),
+        iconDisabled: IconUtil.encode(componentCatalogIcon)
       },
       { action: 'undo', label: 'Undo' },
       { action: 'redo', label: 'Redo' },
@@ -1024,13 +1024,13 @@ const PipelineWrapper: React.FC<IProps> = ({
       {
         action: 'arrangeHorizontally',
         label: 'Arrange Horizontally',
-        enable: true,
+        enable: true
       },
       {
         action: 'arrangeVertically',
         label: 'Arrange Vertically',
-        enable: true,
-      },
+        enable: true
+      }
     ],
     rightBar: [
       {
@@ -1038,7 +1038,7 @@ const PipelineWrapper: React.FC<IProps> = ({
         label: `Runtime: ${runtimeDisplayName}`,
         incLabelWithIcon: 'before',
         enable: false,
-        kind: 'tertiary',
+        kind: 'tertiary'
         // TODO: re-add icon
         // iconEnabled: IconUtil.encode(ICON_MAP[type ?? ''] ?? pipelineIcon)
       },
@@ -1046,9 +1046,9 @@ const PipelineWrapper: React.FC<IProps> = ({
         action: 'toggleOpenPanel',
         label: panelOpen ? 'Close Panel' : 'Open Panel',
         enable: true,
-        iconTypeOverride: panelOpen ? 'paletteOpen' : 'paletteClose',
-      },
-    ],
+        iconTypeOverride: panelOpen ? 'paletteOpen' : 'paletteClose'
+      }
+    ]
   };
 
   const [defaultPosition, setDefaultPosition] = useState(10);
@@ -1070,7 +1070,7 @@ const PipelineWrapper: React.FC<IProps> = ({
         position = defaultPosition;
         location = {
           x: 75,
-          y: 85,
+          y: 85
         };
       }
 
@@ -1079,18 +1079,18 @@ const PipelineWrapper: React.FC<IProps> = ({
           item.op = PipelineService.getNodeType(item.path);
           item.path = PipelineService.getPipelineRelativeNodePath(
             contextRef.current.path,
-            item.path,
+            item.path
           );
           item.x = (location?.x ?? 0) + position;
           item.y = (location?.y ?? 0) + position;
 
           const success = ref.current?.addFile({
             nodeTemplate: {
-              op: item.op,
+              op: item.op
             },
             offsetX: item.x,
             offsetY: item.y,
-            path: item.path,
+            path: item.path
           });
 
           if (success) {
@@ -1111,13 +1111,13 @@ const PipelineWrapper: React.FC<IProps> = ({
         return showDialog({
           title: 'Unsupported File(s)',
           body: 'Only supported files (Notebooks, Python scripts, and R scripts) can be added to a pipeline.',
-          buttons: [Dialog.okButton()],
+          buttons: [Dialog.okButton()]
         });
       }
 
       return;
     },
-    [browserFactory, defaultPosition, shell, widgetId],
+    [browserFactory, defaultPosition, shell, widgetId]
   );
 
   const handleDrop = async (e: IDragEvent): Promise<void> => {
@@ -1217,7 +1217,7 @@ export class PipelineEditorFactory extends ABCWidgetFactory<DocumentWidget> {
       context: context,
       addFileToPipelineSignal: this.addFileToPipelineSignal,
       refreshPaletteSignal: this.refreshPaletteSignal,
-      settings: this.settings,
+      settings: this.settings
     };
     const content = new PipelineEditorWidget(props);
 
diff --git a/packages/pipeline-editor/src/PipelineExportDialog.tsx b/packages/pipeline-editor/src/PipelineExportDialog.tsx
index ca5ccddf4..1eac7faab 100644
--- a/packages/pipeline-editor/src/PipelineExportDialog.tsx
+++ b/packages/pipeline-editor/src/PipelineExportDialog.tsx
@@ -59,7 +59,7 @@ export const PipelineExportDialog: React.FC<IProps> = ({
   runtimeTypeInfo,
   pipelineType,
   exportName,
-  parameters,
+  parameters
 }) => {
   return (
     <form className="elyra-dialog-form">
diff --git a/packages/pipeline-editor/src/PipelineService.tsx b/packages/pipeline-editor/src/PipelineService.tsx
index be220e548..eee55ab17 100644
--- a/packages/pipeline-editor/src/PipelineService.tsx
+++ b/packages/pipeline-editor/src/PipelineService.tsx
@@ -51,13 +51,13 @@ enum ContentType {
   notebook = 'execute-notebook-node',
   python = 'execute-python-node',
   r = 'execute-r-node',
-  other = 'other',
+  other = 'other'
 }
 
 const CONTENT_TYPE_MAPPER: Map<string, ContentType> = new Map([
   ['.py', ContentType.python],
   ['.ipynb', ContentType.notebook],
-  ['.r', ContentType.r],
+  ['.r', ContentType.r]
 ]);
 
 export interface IRuntimeType {
@@ -74,7 +74,7 @@ export class PipelineService {
    */
   static async getRuntimeTypes(): Promise<IRuntimeType[]> {
     const res = await RequestHandler.makeGetRequest(
-      'elyra/pipeline/runtimes/types',
+      'elyra/pipeline/runtimes/types'
     );
     return res.runtime_types.sort((a: any, b: any) => a.id.localeCompare(b.id));
   }
@@ -110,7 +110,7 @@ export class PipelineService {
       let runtimeImages = await MetadataService.getMetadata('runtime-images');
 
       runtimeImages = runtimeImages.sort(
-        (a: any, b: any) => 0 - (a.name > b.name ? -1 : 1),
+        (a: any, b: any) => 0 - (a.name > b.name ? -1 : 1)
       );
 
       if (Object.keys(runtimeImages).length === 0) {
@@ -131,10 +131,10 @@ export class PipelineService {
 
   static async getComponentDef(
     type = 'local',
-    componentID: string,
+    componentID: string
   ): Promise<IComponentDef> {
     return await RequestHandler.makeGetRequest<IComponentDef>(
-      `elyra/pipeline/components/${type}/${componentID}`,
+      `elyra/pipeline/components/${type}/${componentID}`
     );
   }
 
@@ -147,7 +147,7 @@ export class PipelineService {
   static async refreshComponentsCache(catalogName?: string): Promise<void> {
     return await RequestHandler.makePutRequest(
       `elyra/pipeline/components/cache${catalogName ? '/' + catalogName : ''}`,
-      JSON.stringify({ action: 'refresh' }),
+      JSON.stringify({ action: 'refresh' })
     );
   }
 
@@ -156,12 +156,12 @@ export class PipelineService {
    */
   static getWaitDialog(
     title = 'Making server request...',
-    body = 'This may take some time',
+    body = 'This may take some time'
   ): Dialog<any> {
     return new Dialog({
       title: title,
       body: body,
-      buttons: [Dialog.okButton()],
+      buttons: [Dialog.okButton()]
     });
   }
 
@@ -173,12 +173,12 @@ export class PipelineService {
    */
   static async submitPipeline(
     pipeline: any,
-    runtimeName: string,
+    runtimeName: string
   ): Promise<any> {
     return RequestHandler.makePostRequest(
       'elyra/pipeline/schedule',
       JSON.stringify(pipeline),
-      this.getWaitDialog('Packaging and submitting pipeline ...'),
+      this.getWaitDialog('Packaging and submitting pipeline ...')
     ).then((response) => {
       let dialogTitle;
       let dialogBody;
@@ -236,7 +236,7 @@ export class PipelineService {
       return showDialog({
         title: dialogTitle,
         body: dialogBody,
-        buttons: [Dialog.okButton()],
+        buttons: [Dialog.okButton()]
       });
     });
   }
@@ -254,10 +254,10 @@ export class PipelineService {
     pipeline: any,
     pipeline_export_format: string,
     pipeline_export_path: string,
-    overwrite: boolean,
+    overwrite: boolean
   ): Promise<any> {
     console.log(
-      'Exporting pipeline to [' + pipeline_export_format + '] format',
+      'Exporting pipeline to [' + pipeline_export_format + '] format'
     );
 
     console.log('Overwriting existing file: ' + overwrite);
@@ -266,18 +266,18 @@ export class PipelineService {
       pipeline: pipeline,
       export_format: pipeline_export_format,
       export_path: pipeline_export_path,
-      overwrite: overwrite,
+      overwrite: overwrite
     };
 
     return RequestHandler.makePostRequest(
       'elyra/pipeline/export',
       JSON.stringify(body),
-      this.getWaitDialog('Generating pipeline artifacts ...'),
+      this.getWaitDialog('Generating pipeline artifacts ...')
     ).then((response) => {
       return showDialog({
         title: 'Pipeline export succeeded',
         body: <p>Exported file: {response['export_path']} </p>,
-        buttons: [Dialog.okButton()],
+        buttons: [Dialog.okButton()]
       });
     });
   }
@@ -304,23 +304,23 @@ export class PipelineService {
 
   static getPipelineRelativeNodePath(
     pipelinePath: string,
-    nodePath: string,
+    nodePath: string
   ): string {
     const relativePath: string = PathExt.relative(
       PathExt.dirname(pipelinePath),
-      nodePath,
+      nodePath
     );
     return relativePath;
   }
 
   static getWorkspaceRelativeNodePath(
     pipelinePath: string,
-    nodePath: string,
+    nodePath: string
   ): string {
     // since resolve returns an "absolute" path we need to strip off the leading '/'
     const workspacePath: string = PathExt.resolve(
       PathExt.dirname(pipelinePath),
-      nodePath,
+      nodePath
     );
     return workspacePath;
   }
@@ -328,7 +328,7 @@ export class PipelineService {
   static setNodePathsRelativeToWorkspace(
     pipeline: any,
     paletteNodes: any[],
-    pipelinePath: string,
+    pipelinePath: string
   ): any {
     for (const node of pipeline.nodes) {
       const nodeDef = paletteNodes.find((n) => {
@@ -341,7 +341,7 @@ export class PipelineService {
           node.app_data.component_parameters[param] =
             this.getWorkspaceRelativeNodePath(
               pipelinePath,
-              node.app_data.component_parameters[param],
+              node.app_data.component_parameters[param]
             );
         } else if (
           node.app_data.component_parameters[param]?.widget === 'file'
@@ -349,7 +349,7 @@ export class PipelineService {
           node.app_data.component_parameters[param].value =
             this.getWorkspaceRelativeNodePath(
               pipelinePath,
-              node.app_data.component_parameters[param].value,
+              node.app_data.component_parameters[param].value
             );
         }
       }
diff --git a/packages/pipeline-editor/src/PipelineSubmissionDialog.tsx b/packages/pipeline-editor/src/PipelineSubmissionDialog.tsx
index 8ff85a02e..71140c77e 100644
--- a/packages/pipeline-editor/src/PipelineSubmissionDialog.tsx
+++ b/packages/pipeline-editor/src/PipelineSubmissionDialog.tsx
@@ -31,7 +31,7 @@ export const PipelineSubmissionDialog: React.FC<IProps> = ({
   name,
   runtimeData,
   pipelineType,
-  parameters,
+  parameters
 }) => {
   return (
     <form className="elyra-dialog-form">
diff --git a/packages/pipeline-editor/src/RuntimeConfigSelect.tsx b/packages/pipeline-editor/src/RuntimeConfigSelect.tsx
index eec55127f..29aed5442 100644
--- a/packages/pipeline-editor/src/RuntimeConfigSelect.tsx
+++ b/packages/pipeline-editor/src/RuntimeConfigSelect.tsx
@@ -29,20 +29,20 @@ interface IProps {
 const RuntimeConfigSelect: React.FC<IProps> = ({
   runtimeData: { platforms, allowLocal },
   pipelineType,
-  children,
+  children
 }) => {
   const filteredPlatforms = platforms.filter((p) => p.configs.length > 0);
   if (allowLocal) {
     filteredPlatforms.unshift({
       id: RUN_LOCALLY_ID,
       displayName: 'Run in-place locally',
-      configs: [],
+      configs: []
     });
   }
 
   // NOTE: platform is only selectable if pipelineType is undefined
   const [platform, setPlatform] = React.useState(
-    pipelineType ?? filteredPlatforms[0]?.id,
+    pipelineType ?? filteredPlatforms[0]?.id
   );
 
   const handleChange = (e: React.ChangeEvent<HTMLSelectElement>): void => {
diff --git a/packages/pipeline-editor/src/RuntimeImagesWidget.tsx b/packages/pipeline-editor/src/RuntimeImagesWidget.tsx
index 8f9948cb2..62e9287e4 100644
--- a/packages/pipeline-editor/src/RuntimeImagesWidget.tsx
+++ b/packages/pipeline-editor/src/RuntimeImagesWidget.tsx
@@ -19,7 +19,7 @@ import {
   IMetadataWidgetProps,
   IMetadata,
   MetadataDisplay,
-  IMetadataDisplayProps,
+  IMetadataDisplayProps
   //IMetadataDisplayState,
 } from '@elyra/metadata-common';
 import { IDictionary } from '@elyra/services';
diff --git a/packages/pipeline-editor/src/RuntimesWidget.tsx b/packages/pipeline-editor/src/RuntimesWidget.tsx
index 2cfa9d8b2..2da82dc92 100644
--- a/packages/pipeline-editor/src/RuntimesWidget.tsx
+++ b/packages/pipeline-editor/src/RuntimesWidget.tsx
@@ -18,7 +18,7 @@ import {
   IMetadataWidgetProps,
   IMetadata,
   MetadataDisplay,
-  IMetadataDisplayProps,
+  IMetadataDisplayProps
   //IMetadataDisplayState,
 } from '@elyra/metadata-common';
 import { IDictionary, MetadataService } from '@elyra/services';
@@ -28,7 +28,7 @@ import React from 'react';
 import {
   IRuntimeType,
   PipelineService,
-  RUNTIMES_SCHEMASPACE,
+  RUNTIMES_SCHEMASPACE
 } from './PipelineService';
 
 const RUNTIMES_METADATA_CLASS = 'elyra-metadata-runtimes';
@@ -143,7 +143,7 @@ export class RuntimesWidget extends MetadataWidget {
 
   async fetchMetadata(): Promise<any> {
     return await PipelineService.getRuntimes().catch((error) =>
-      RequestErrors.serverError(error),
+      RequestErrors.serverError(error)
     );
   }
 
@@ -152,11 +152,11 @@ export class RuntimesWidget extends MetadataWidget {
       const schemas = await MetadataService.getSchema(this.props.schemaspace);
       this.runtimeTypes = await PipelineService.getRuntimeTypes();
       const sortedSchema = schemas.sort((a: any, b: any) =>
-        a.title.localeCompare(b.title),
+        a.title.localeCompare(b.title)
       );
       this.schemas = sortedSchema.filter((schema: any) => {
         return !!this.runtimeTypes.find(
-          (r) => r.id === schema.runtime_type && r.runtime_enabled,
+          (r) => r.id === schema.runtime_type && r.runtime_enabled
         );
       });
       if (this.schemas?.length ?? 0 > 1) {
@@ -170,8 +170,8 @@ export class RuntimesWidget extends MetadataWidget {
               schema: schema.name,
               title: schema.title,
               titleContext: this.props.titleContext,
-              appendToTitle: this.props.appendToTitle,
-            } as any,
+              appendToTitle: this.props.appendToTitle
+            } as any
           });
         }
       }
@@ -198,7 +198,7 @@ export class RuntimesWidget extends MetadataWidget {
       onSave: this.updateMetadata,
       schemaspace: this.props.schemaspace,
       schema: schema,
-      titleContext: titleContext,
+      titleContext: titleContext
     });
   }
 
diff --git a/packages/pipeline-editor/src/SubmitFileButtonExtension.tsx b/packages/pipeline-editor/src/SubmitFileButtonExtension.tsx
index e66820a8e..d8f1ae802 100644
--- a/packages/pipeline-editor/src/SubmitFileButtonExtension.tsx
+++ b/packages/pipeline-editor/src/SubmitFileButtonExtension.tsx
@@ -38,7 +38,7 @@ import Utils from './utils';
 
 export class SubmitFileButtonExtension<
   T extends DocumentWidget,
-  U extends DocumentRegistry.IModel,
+  U extends DocumentRegistry.IModel
 > implements DocumentRegistry.IWidgetExtension<T, U>
 {
   showWidget = async (document: T): Promise<void> => {
@@ -49,8 +49,8 @@ export class SubmitFileButtonExtension<
           'This file contains unsaved changes. To run the file as pipeline the changes need to be saved.',
         buttons: [
           Dialog.cancelButton(),
-          Dialog.okButton({ label: 'Save and Submit' }),
-        ],
+          Dialog.okButton({ label: 'Save and Submit' })
+        ]
       });
       if (dialogResult.button.accept === false) {
         return;
@@ -59,10 +59,10 @@ export class SubmitFileButtonExtension<
     }
 
     const env = await ContentParser.getEnvVars(context.path).catch((error) =>
-      RequestErrors.serverError(error),
+      RequestErrors.serverError(error)
     );
     const runtimeTypes: any = await PipelineService.getRuntimeTypes().catch(
-      (error) => RequestErrors.serverError(error),
+      (error) => RequestErrors.serverError(error)
     );
     const runtimes = await PipelineService.getRuntimes()
       .then((runtimeList) => {
@@ -70,17 +70,17 @@ export class SubmitFileButtonExtension<
           return (
             !runtime.metadata.runtime_enabled &&
             !!runtimeTypes.find(
-              (r: any) => runtime.metadata.runtime_type === r.id,
+              (r: any) => runtime.metadata.runtime_type === r.id
             )
           );
         });
       })
       .catch((error) => RequestErrors.serverError(error));
     const images = await PipelineService.getRuntimeImages().catch((error) =>
-      RequestErrors.serverError(error),
+      RequestErrors.serverError(error)
     );
     const schema = await PipelineService.getRuntimesSchema().catch((error) =>
-      RequestErrors.serverError(error),
+      RequestErrors.serverError(error)
     );
 
     const runtimeData = createRuntimeData({ schema, runtimes });
@@ -88,13 +88,13 @@ export class SubmitFileButtonExtension<
     if (!runtimeData.platforms.find((p) => p.configs.length > 0)) {
       const res = await RequestErrors.noMetadataError(
         'runtime',
-        `run file as pipeline.`,
+        `run file as pipeline.`
       );
 
       if (res.button.label.includes(RUNTIMES_SCHEMASPACE)) {
         // Open the runtimes widget
         Utils.getLabShell(document).activateById(
-          `elyra-metadata:${RUNTIMES_SCHEMASPACE}`,
+          `elyra-metadata:${RUNTIMES_SCHEMASPACE}`
         );
       }
       return;
@@ -113,9 +113,9 @@ export class SubmitFileButtonExtension<
           dependencyFileExtension={dependencyFileExtension}
           images={images}
           runtimeData={runtimeData}
-        />,
+        />
       ),
-      buttons: [Dialog.cancelButton(), Dialog.okButton()],
+      buttons: [Dialog.cancelButton(), Dialog.okButton()]
     };
 
     const dialogResult = await showFormDialog(dialogOptions);
@@ -156,7 +156,7 @@ export class SubmitFileButtonExtension<
 
     PipelineService.submitPipeline(
       pipeline,
-      configDetails?.platform.displayName ?? '',
+      configDetails?.platform.displayName ?? ''
     ).catch((error) => RequestErrors.serverError(error));
   };
 
@@ -165,7 +165,7 @@ export class SubmitFileButtonExtension<
     const submitFileButton = new ToolbarButton({
       label: 'Run as Pipeline',
       onClick: (): any => this.showWidget(editor),
-      tooltip: 'Run file as batch',
+      tooltip: 'Run file as batch'
     });
 
     // Add the toolbar button to the editor
diff --git a/packages/pipeline-editor/src/dialogs.tsx b/packages/pipeline-editor/src/dialogs.tsx
index b6a026bb7..66f5a7e88 100644
--- a/packages/pipeline-editor/src/dialogs.tsx
+++ b/packages/pipeline-editor/src/dialogs.tsx
@@ -20,19 +20,19 @@ import React from 'react';
 export const unknownError = (message: string): any => ({
   title: 'Load pipeline failed!',
   body: message,
-  buttons: [Dialog.okButton()],
+  buttons: [Dialog.okButton()]
 });
 
 export const elyraOutOfDate = {
   title: 'Load pipeline failed!',
   body: `This pipeline corresponds to a more recent version of Elyra and cannot be used until Elyra has been upgraded.`,
-  buttons: [Dialog.okButton()],
+  buttons: [Dialog.okButton()]
 };
 
 export const unsupportedVersion = {
   title: 'Load pipeline failed!',
   body: 'This pipeline has an unrecognizable version.',
-  buttons: [Dialog.okButton()],
+  buttons: [Dialog.okButton()]
 };
 
 export const pipelineOutOfDate = {
@@ -52,17 +52,17 @@ export const pipelineOutOfDate = {
       Proceed with migration?
     </p>
   ),
-  buttons: [Dialog.cancelButton(), Dialog.okButton()],
+  buttons: [Dialog.cancelButton(), Dialog.okButton()]
 };
 
 export const unsupportedFile = {
   title: 'Unsupported File(s)',
   body: 'Only supported files have been added to the pipeline.',
-  buttons: [Dialog.okButton()],
+  buttons: [Dialog.okButton()]
 };
 
 export const clearPipeline = {
   title: 'Clear Pipeline',
   body: 'Are you sure you want to clear the pipeline?',
-  buttons: [Dialog.cancelButton(), Dialog.okButton({ label: 'Clear' })],
+  buttons: [Dialog.cancelButton(), Dialog.okButton({ label: 'Clear' })]
 };
diff --git a/packages/pipeline-editor/src/formDialogWidget.ts b/packages/pipeline-editor/src/formDialogWidget.ts
index ef762f027..849bfa65e 100644
--- a/packages/pipeline-editor/src/formDialogWidget.ts
+++ b/packages/pipeline-editor/src/formDialogWidget.ts
@@ -19,7 +19,7 @@ import { MessageLoop } from '@lumino/messaging';
 import { Widget } from '@lumino/widgets';
 
 export const formDialogWidget = (
-  dialogComponent: JSX.Element,
+  dialogComponent: JSX.Element
 ): Dialog.IBodyWidget<any> => {
   const widget = ReactWidget.create(dialogComponent) as Dialog.IBodyWidget<any>;
 
@@ -31,7 +31,7 @@ export const formDialogWidget = (
     const form = widget.node.querySelector('form');
     const formValues: { [key: string]: any } = {};
     for (const element of Object.values(
-      form?.elements ?? [],
+      form?.elements ?? []
     ) as HTMLInputElement[]) {
       switch (element.type) {
         case 'checkbox':
diff --git a/packages/pipeline-editor/src/index.ts b/packages/pipeline-editor/src/index.ts
index eb34b3c5e..d8766115a 100644
--- a/packages/pipeline-editor/src/index.ts
+++ b/packages/pipeline-editor/src/index.ts
@@ -21,13 +21,13 @@ import {
   pipelineIcon,
   RequestErrors,
   runtimesIcon,
-  componentCatalogIcon,
+  componentCatalogIcon
 } from '@elyra/ui-components';
 
 import {
   JupyterFrontEnd,
   JupyterFrontEndPlugin,
-  ILayoutRestorer,
+  ILayoutRestorer
 } from '@jupyterlab/application';
 import { ICommandPalette, WidgetTracker } from '@jupyterlab/apputils';
 import { DocumentWidget } from '@jupyterlab/docregistry';
@@ -39,18 +39,18 @@ import {
   addIcon,
   IRankedMenu,
   LabIcon,
-  refreshIcon,
+  refreshIcon
 } from '@jupyterlab/ui-components';
 
 import {
   COMPONENT_CATALOGS_SCHEMASPACE,
-  ComponentCatalogsWidget,
+  ComponentCatalogsWidget
 } from './ComponentCatalogsWidget';
 import { PipelineEditorFactory, commandIDs } from './PipelineEditorWidget';
 import { PipelineService, RUNTIMES_SCHEMASPACE } from './PipelineService';
 import {
   RUNTIME_IMAGES_SCHEMASPACE,
-  RuntimeImagesWidget,
+  RuntimeImagesWidget
 } from './RuntimeImagesWidget';
 import { RuntimesWidget } from './RuntimesWidget';
 import { SubmitFileButtonExtension } from './SubmitFileButtonExtension';
@@ -64,14 +64,14 @@ const PLUGIN_ID = '@elyra/pipeline-editor-extension:plugin';
 
 const createRemoteIcon = async ({
   name,
-  url,
+  url
 }: {
   name: string;
   url: string;
 }): Promise<LabIcon> => {
   const svgstr = await RequestHandler.makeServerRequest<string>(url, {
     method: 'GET',
-    type: 'text',
+    type: 'text'
   });
   return new LabIcon({ name, svgstr });
 };
@@ -88,7 +88,7 @@ const extension: JupyterFrontEndPlugin<void> = {
     IDefaultFileBrowser,
     ILayoutRestorer,
     IMainMenu,
-    ISettingRegistry,
+    ISettingRegistry
   ],
   activate: async (
     app: JupyterFrontEnd,
@@ -97,7 +97,7 @@ const extension: JupyterFrontEndPlugin<void> = {
     browserFactory: IDefaultFileBrowser,
     restorer: ILayoutRestorer,
     menu: IMainMenu,
-    registry: ISettingRegistry,
+    registry: ISettingRegistry
   ) => {
     console.log('Elyra - pipeline-editor extension is activated!');
 
@@ -115,7 +115,7 @@ const extension: JupyterFrontEndPlugin<void> = {
       commands: app.commands,
       browserFactory: browserFactory,
       serviceManager: app.serviceManager,
-      settings: settings,
+      settings: settings
     });
 
     // Add the default behavior of opening the widget for .pipeline files
@@ -124,14 +124,14 @@ const extension: JupyterFrontEndPlugin<void> = {
         name: PIPELINE,
         displayName: 'Pipeline',
         extensions: ['.pipeline'],
-        icon: pipelineIcon,
+        icon: pipelineIcon
       },
-      ['JSON'],
+      ['JSON']
     );
     app.docRegistry.addWidgetFactory(pipelineEditorFactory);
 
     const tracker = new WidgetTracker<DocumentWidget>({
-      namespace: PIPELINE_EDITOR_NAMESPACE,
+      namespace: PIPELINE_EDITOR_NAMESPACE
     });
 
     pipelineEditorFactory.widgetCreated.connect((sender, widget) => {
@@ -148,9 +148,9 @@ const extension: JupyterFrontEndPlugin<void> = {
       command: commandIDs.openDocManager,
       args: (widget) => ({
         path: widget.context.path,
-        factory: PIPELINE_EDITOR,
+        factory: PIPELINE_EDITOR
       }),
-      name: (widget) => widget.context.path,
+      name: (widget) => widget.context.path
     });
 
     // Add command to add file to pipeline
@@ -160,7 +160,7 @@ const extension: JupyterFrontEndPlugin<void> = {
       icon: addIcon,
       execute: (args) => {
         pipelineEditorFactory.addFileToPipelineSignal.emit(args);
-      },
+      }
     });
     const refreshPaletteCommand: string = commandIDs.refreshPalette;
     app.commands.addCommand(refreshPaletteCommand, {
@@ -168,19 +168,19 @@ const extension: JupyterFrontEndPlugin<void> = {
       icon: refreshIcon,
       execute: (args) => {
         pipelineEditorFactory.refreshPaletteSignal.emit(args);
-      },
+      }
     });
     app.contextMenu.addItem({
       selector: '[data-file-type="notebook"]',
-      command: addFileToPipelineCommand,
+      command: addFileToPipelineCommand
     });
     app.contextMenu.addItem({
       selector: '[data-file-type="python"]',
-      command: addFileToPipelineCommand,
+      command: addFileToPipelineCommand
     });
     app.contextMenu.addItem({
       selector: '[data-file-type="r"]',
-      command: addFileToPipelineCommand,
+      command: addFileToPipelineCommand
     });
 
     // Add an application command
@@ -225,7 +225,7 @@ const extension: JupyterFrontEndPlugin<void> = {
           .execute(commandIDs.newDocManager, {
             type: 'file',
             path: browserFactory.model.path,
-            ext: '.pipeline',
+            ext: '.pipeline'
           })
           .then(async (model) => {
             const platformId = args.runtimeType?.id;
@@ -245,37 +245,37 @@ const extension: JupyterFrontEndPlugin<void> = {
                   nodes: [],
                   app_data: {
                     ui_data: {
-                      comments: [],
+                      comments: []
                     },
                     version: PIPELINE_CURRENT_VERSION,
-                    runtime_type,
+                    runtime_type
                   },
-                  runtime_ref: '',
-                },
+                  runtime_ref: ''
+                }
               ],
-              schemas: [],
+              schemas: []
             };
             const newWidget = await app.commands.execute(
               commandIDs.openDocManager,
               {
                 path: model.path,
-                factory: PIPELINE_EDITOR,
-              },
+                factory: PIPELINE_EDITOR
+              }
             );
             newWidget.context.ready.then(() => {
               newWidget.context.model.fromJSON(pipelineJson);
               app.commands.execute(commandIDs.saveDocManager, {
-                path: model.path,
+                path: model.path
               });
             });
           });
-      },
+      }
     });
     // Add the command to the palette.
     palette.addItem({
       command: openPipelineEditorCommand,
       args: { isPalette: true },
-      category: 'Elyra',
+      category: 'Elyra'
     });
 
     PipelineService.getRuntimeTypes()
@@ -286,8 +286,8 @@ const extension: JupyterFrontEndPlugin<void> = {
             ...t,
             icon: await createRemoteIcon({
               name: `elyra:platform:${t.id}`,
-              url: t.icon,
-            }),
+              url: t.icon
+            })
           };
         });
 
@@ -302,13 +302,13 @@ const extension: JupyterFrontEndPlugin<void> = {
               command: openPipelineEditorCommand,
               category: 'Elyra',
               args: { runtimeType: t },
-              rank: t.id === 'LOCAL' ? 1 : 2,
+              rank: t.id === 'LOCAL' ? 1 : 2
             });
 
             fileMenuItems.push({
               command: openPipelineEditorCommand,
               args: { runtimeType: t, isMenu: true },
-              rank: t.id === 'LOCAL' ? 90 : 91,
+              rank: t.id === 'LOCAL' ? 90 : 91
             });
           }
 
@@ -323,7 +323,7 @@ const extension: JupyterFrontEndPlugin<void> = {
     app.contextMenu.addItem({
       selector: '.jp-Notebook',
       command: commandIDs.submitNotebook,
-      rank: -0.5,
+      rank: -0.5
     });
 
     // SubmitScriptButtonExtension initialization code
@@ -332,14 +332,14 @@ const extension: JupyterFrontEndPlugin<void> = {
     app.contextMenu.addItem({
       selector: '.elyra-ScriptEditor',
       command: commandIDs.submitScript,
-      rank: -0.5,
+      rank: -0.5
     });
 
     app.docRegistry.addWidgetExtension('R Editor', scriptButtonExtension);
     app.contextMenu.addItem({
       selector: '.elyra-ScriptEditor',
       command: commandIDs.submitScript,
-      rank: -0.5,
+      rank: -0.5
     });
 
     const runtimesWidget = new RuntimesWidget({
@@ -348,7 +348,7 @@ const extension: JupyterFrontEndPlugin<void> = {
       schemaspace: RUNTIMES_SCHEMASPACE,
       icon: runtimesIcon,
       titleContext: 'runtime configuration',
-      appendToTitle: true,
+      appendToTitle: true
     });
     const runtimesWidgetID = `elyra-metadata:${RUNTIMES_SCHEMASPACE}`;
     runtimesWidget.id = runtimesWidgetID;
@@ -363,7 +363,7 @@ const extension: JupyterFrontEndPlugin<void> = {
       display_name: 'Runtime Images',
       schemaspace: RUNTIME_IMAGES_SCHEMASPACE,
       icon: containerIcon,
-      titleContext: 'runtime image',
+      titleContext: 'runtime image'
     });
     const runtimeImagesWidgetID = `elyra-metadata:${RUNTIME_IMAGES_SCHEMASPACE}`;
     runtimeImagesWidget.id = runtimeImagesWidgetID;
@@ -381,7 +381,7 @@ const extension: JupyterFrontEndPlugin<void> = {
       titleContext: 'component catalog',
       refreshCallback: (): void => {
         app.commands.execute(commandIDs.refreshPalette);
-      },
+      }
     });
     const componentCatalogWidgetID = `elyra-metadata:${COMPONENT_CATALOGS_SCHEMASPACE}`;
     componentCatalogWidget.id = componentCatalogWidgetID;
@@ -390,6 +390,6 @@ const extension: JupyterFrontEndPlugin<void> = {
 
     restorer.add(componentCatalogWidget, componentCatalogWidgetID);
     app.shell.add(componentCatalogWidget, 'left', { rank: 961 });
-  },
+  }
 };
 export default extension;
diff --git a/packages/pipeline-editor/src/pipeline-hooks.ts b/packages/pipeline-editor/src/pipeline-hooks.ts
index 163d577fa..7eb6b06ae 100644
--- a/packages/pipeline-editor/src/pipeline-hooks.ts
+++ b/packages/pipeline-editor/src/pipeline-hooks.ts
@@ -47,7 +47,7 @@ const metadataFetcher = async <T>(key: string): Promise<T> => {
 export const useRuntimeImages = (): IReturn<IRuntimeImagesResponse> => {
   const { data, error } = useSWR<IRuntimeImagesResponse>(
     'runtime-images',
-    metadataFetcher,
+    metadataFetcher
   );
 
   data?.sort((a, b) => 0 - (a.name > b.name ? -1 : 1));
@@ -139,8 +139,8 @@ export const sortPalette = (palette: {
   for (const components of palette.categories) {
     components.node_types.sort((a, b) =>
       a.label.localeCompare(b.label, undefined, {
-        numeric: true,
-      }),
+        numeric: true
+      })
     );
   }
 };
@@ -149,7 +149,7 @@ export const sortPalette = (palette: {
 const NodeIcons: Map<string, string> = new Map([
   ['execute-notebook-node', 'static/elyra/notebook.svg'],
   ['execute-python-node', 'static/elyra/python.svg'],
-  ['execute-r-node', 'static/elyra/r-logo.svg'],
+  ['execute-r-node', 'static/elyra/r-logo.svg']
 ]);
 
 // TODO: We should decouple components and properties to support lazy loading.
@@ -157,17 +157,17 @@ const NodeIcons: Map<string, string> = new Map([
 export const componentFetcher = async (type: string): Promise<any> => {
   const palettePromise =
     RequestHandler.makeGetRequest<IRuntimeComponentsResponse>(
-      `elyra/pipeline/components/${type}`,
+      `elyra/pipeline/components/${type}`
     );
 
   const pipelinePropertiesPromise =
     RequestHandler.makeGetRequest<IComponentPropertiesResponse>(
-      `elyra/pipeline/${type}/properties`,
+      `elyra/pipeline/${type}/properties`
     );
 
   const pipelineParametersPromise =
     RequestHandler.makeGetRequest<IComponentPropertiesResponse>(
-      `elyra/pipeline/${type}/parameters`,
+      `elyra/pipeline/${type}/parameters`
     );
 
   const typesPromise = PipelineService.getRuntimeTypes();
@@ -177,7 +177,7 @@ export const componentFetcher = async (type: string): Promise<any> => {
       palettePromise,
       pipelinePropertiesPromise,
       pipelineParametersPromise,
-      typesPromise,
+      typesPromise
     ]);
 
   palette.properties = pipelineProperties;
@@ -194,11 +194,11 @@ export const componentFetcher = async (type: string): Promise<any> => {
   const propertiesPromises = componentList.map(async (componentID) => {
     const res =
       await RequestHandler.makeGetRequest<IComponentPropertiesResponse>(
-        `elyra/pipeline/components/${type}/${componentID}/properties`,
+        `elyra/pipeline/components/${type}/${componentID}/properties`
       );
     return {
       id: componentID,
-      properties: res,
+      properties: res
     };
   });
 
@@ -216,7 +216,7 @@ export const componentFetcher = async (type: string): Promise<any> => {
     const type = types.find((t: any) => t.id === category_runtime_type);
     const baseUrl = ServerConnection.makeSettings().baseUrl;
     const defaultIcon = URLExt.parse(
-      URLExt.join(baseUrl, type?.icon || ''),
+      URLExt.join(baseUrl, type?.icon || '')
     ).pathname;
 
     category.image = defaultIcon;
@@ -245,7 +245,7 @@ export const componentFetcher = async (type: string): Promise<any> => {
 
 const updateRuntimeImages = (
   properties: any,
-  runtimeImages: IRuntimeImage[] | undefined,
+  runtimeImages: IRuntimeImage[] | undefined
 ): void => {
   const runtimeImageProperties =
     properties?.properties?.component_parameters?.properties?.runtime_image ??
@@ -261,7 +261,7 @@ const updateRuntimeImages = (
 
   if (runtimeImageProperties) {
     runtimeImageProperties.enumNames = (runtimeImages ?? []).map(
-      (i) => i.display_name,
+      (i) => i.display_name
     );
     runtimeImageProperties.enum = imageNames;
   }
@@ -273,7 +273,7 @@ export const usePalette = (type = 'local'): IReturn<any> => {
   const {
     data: palette,
     error: paletteError,
-    mutate: mutate,
+    mutate: mutate
   } = useSWR(type, componentFetcher);
 
   let updatedPalette;
@@ -292,6 +292,6 @@ export const usePalette = (type = 'local'): IReturn<any> => {
   return {
     data: updatedPalette,
     error: runtimeError ?? paletteError,
-    mutate: mutate,
+    mutate: mutate
   };
 };
diff --git a/packages/pipeline-editor/src/runtime-utils.ts b/packages/pipeline-editor/src/runtime-utils.ts
index c4cf0bffc..ddb79ca79 100644
--- a/packages/pipeline-editor/src/runtime-utils.ts
+++ b/packages/pipeline-editor/src/runtime-utils.ts
@@ -34,7 +34,7 @@ export interface IRuntimeData {
 export const createRuntimeData = ({
   runtimes,
   schema,
-  allowLocal,
+  allowLocal
 }: {
   runtimes: IRuntime[];
   schema: ISchema[];
@@ -55,9 +55,9 @@ export const createRuntimeData = ({
           id: r.name,
           displayName: r.display_name,
           processor: {
-            id: r.schema_name,
-          },
-        })),
+            id: r.schema_name
+          }
+        }))
     });
   }
   return { platforms, allowLocal: !!allowLocal };
@@ -77,7 +77,7 @@ export interface IConfigDetails {
 
 export const getConfigDetails = (
   runtimeData: IRuntimeData,
-  configId: string,
+  configId: string
 ): IConfigDetails | undefined => {
   for (const platform of runtimeData.platforms) {
     for (const config of platform.configs) {
@@ -87,11 +87,11 @@ export const getConfigDetails = (
           displayName: config.displayName,
           platform: {
             id: platform.id,
-            displayName: platform.displayName,
+            displayName: platform.displayName
           },
           processor: {
-            id: config.processor.id,
-          },
+            id: config.processor.id
+          }
         };
       }
     }
diff --git a/packages/pipeline-editor/src/test/pipeline-hooks.spec.ts b/packages/pipeline-editor/src/test/pipeline-hooks.spec.ts
index 9319babbe..a4ee0dfaf 100644
--- a/packages/pipeline-editor/src/test/pipeline-hooks.spec.ts
+++ b/packages/pipeline-editor/src/test/pipeline-hooks.spec.ts
@@ -16,7 +16,7 @@
 import {
   IRuntimeComponent,
   GENERIC_CATEGORY_ID,
-  sortPalette,
+  sortPalette
 } from '../pipeline-hooks';
 
 const GENERIC_CATEGORY = {
@@ -24,7 +24,7 @@ const GENERIC_CATEGORY = {
   image: 'string',
   id: GENERIC_CATEGORY_ID,
   description: 'string',
-  node_types: [],
+  node_types: []
 };
 
 type Category = IRuntimeComponent;
@@ -32,14 +32,14 @@ type Component = Category['node_types'][0];
 
 const createMockCategory = (
   name: string,
-  components: Component[] = [],
+  components: Component[] = []
 ): Category => {
   return {
     label: name,
     image: 'string',
     id: 'string',
     description: 'string',
-    node_types: components,
+    node_types: components
   };
 };
 
@@ -52,7 +52,7 @@ const createMockComponent = (name: string): Component => {
     type: 'execution_node',
     inputs: [],
     outputs: [],
-    app_data: {},
+    app_data: {}
   };
 };
 
@@ -69,15 +69,15 @@ describe('sortPalette', () => {
       categories: [
         createMockCategory('a'),
         createMockCategory('c'),
-        createMockCategory('b'),
-      ],
+        createMockCategory('b')
+      ]
     };
     const expected = {
       categories: [
         createMockCategory('a'),
         createMockCategory('b'),
-        createMockCategory('c'),
-      ],
+        createMockCategory('c')
+      ]
     };
     sortPalette(palette);
     expect(palette).toStrictEqual(expected);
@@ -89,18 +89,18 @@ describe('sortPalette', () => {
         createMockCategory('a', [
           createMockComponent('c'),
           createMockComponent('a'),
-          createMockComponent('b'),
-        ]),
-      ],
+          createMockComponent('b')
+        ])
+      ]
     };
     const expected = {
       categories: [
         createMockCategory('a', [
           createMockComponent('a'),
           createMockComponent('b'),
-          createMockComponent('c'),
-        ]),
-      ],
+          createMockComponent('c')
+        ])
+      ]
     };
     sortPalette(palette);
     expect(palette).toStrictEqual(expected);
@@ -114,8 +114,8 @@ describe('sortPalette', () => {
         createMockCategory('c20'),
         createMockCategory('c100'),
         createMockCategory('c1'),
-        createMockCategory('c10'),
-      ],
+        createMockCategory('c10')
+      ]
     };
     const expected = {
       categories: [
@@ -124,8 +124,8 @@ describe('sortPalette', () => {
         createMockCategory('c10'),
         createMockCategory('c20'),
         createMockCategory('c100'),
-        createMockCategory('c200'),
-      ],
+        createMockCategory('c200')
+      ]
     };
     sortPalette(palette);
     expect(palette).toStrictEqual(expected);
@@ -140,9 +140,9 @@ describe('sortPalette', () => {
           createMockComponent('c20'),
           createMockComponent('c100'),
           createMockComponent('c1'),
-          createMockComponent('c10'),
-        ]),
-      ],
+          createMockComponent('c10')
+        ])
+      ]
     };
     const expected = {
       categories: [
@@ -152,9 +152,9 @@ describe('sortPalette', () => {
           createMockComponent('c10'),
           createMockComponent('c20'),
           createMockComponent('c100'),
-          createMockComponent('c200'),
-        ]),
-      ],
+          createMockComponent('c200')
+        ])
+      ]
     };
     sortPalette(palette);
     expect(palette).toStrictEqual(expected);
@@ -166,16 +166,16 @@ describe('sortPalette', () => {
         GENERIC_CATEGORY,
         createMockCategory('a'),
         createMockCategory('c'),
-        createMockCategory('b'),
-      ],
+        createMockCategory('b')
+      ]
     };
     const expected = {
       categories: [
         GENERIC_CATEGORY,
         createMockCategory('a'),
         createMockCategory('b'),
-        createMockCategory('c'),
-      ],
+        createMockCategory('c')
+      ]
     };
     sortPalette(palette);
     expect(palette).toStrictEqual(expected);
diff --git a/packages/pipeline-editor/src/test/pipeline-service.spec.ts b/packages/pipeline-editor/src/test/pipeline-service.spec.ts
index a9dd6baf6..2b308ac2b 100644
--- a/packages/pipeline-editor/src/test/pipeline-service.spec.ts
+++ b/packages/pipeline-editor/src/test/pipeline-service.spec.ts
@@ -37,10 +37,10 @@ describe('@elyra/pipeline-editor', () => {
         const expected_runtime_ids = [
           'APACHE_AIRFLOW',
           'KUBEFLOW_PIPELINES',
-          'LOCAL',
+          'LOCAL'
         ];
         expect(
-          runtime_types.map((runtime_type) => runtime_type.id),
+          runtime_types.map((runtime_type) => runtime_type.id)
         ).toStrictEqual(expected_runtime_ids);
       });
     });
diff --git a/packages/pipeline-editor/src/theme.tsx b/packages/pipeline-editor/src/theme.tsx
index 534cfca30..6a0d89493 100644
--- a/packages/pipeline-editor/src/theme.tsx
+++ b/packages/pipeline-editor/src/theme.tsx
@@ -21,7 +21,7 @@ import {
   editIcon,
   folderIcon,
   LabIcon,
-  paletteIcon,
+  paletteIcon
 } from '@jupyterlab/ui-components';
 import * as React from 'react';
 
@@ -54,24 +54,24 @@ const theme: any = {
     primary: {
       main: 'var(--jp-inverse-layout-color4)',
       hover: 'transparent',
-      contrastText: 'var(--jp-layout-color1)',
+      contrastText: 'var(--jp-layout-color1)'
     },
     secondary: {
       main: 'transparent',
-      contrastText: 'var(--jp-content-font-color1)',
+      contrastText: 'var(--jp-content-font-color1)'
     },
     error: {
       main: 'var(--jp-error-color0)',
-      contrastText: 'var(--jp-icon-contrast-color3)',
+      contrastText: 'var(--jp-icon-contrast-color3)'
     },
     errorMessage: {
       main: 'var(--jp-error-color1)',
       contrastText: 'rgba(255, 255, 255, 0.9)',
-      errorBorder: 'var(--jp-error-color0)',
+      errorBorder: 'var(--jp-error-color0)'
     },
     icon: {
       primary: 'var(--jp-ui-font-color0)',
-      secondary: 'var(--jp-ui-font-color0)',
+      secondary: 'var(--jp-ui-font-color0)'
     },
     text: {
       primary: 'var(--jp-content-font-color0)',
@@ -81,26 +81,26 @@ const theme: any = {
       disabled: 'var(--jp-content-font-color3)',
       link: 'var(--jp-content-link-color)',
       error: 'var(--jp-error-color0)',
-      icon: 'var(--jp-inverse-layout-color2)',
+      icon: 'var(--jp-inverse-layout-color2)'
     },
     background: {
       default: 'var(--jp-layout-color1)',
       secondary: 'var(--jp-border-color2)',
-      input: 'transparent',
+      input: 'transparent'
     },
     highlight: {
       border: 'transparent',
       hover: 'var(--jp-content-font-color0)',
-      focus: 'transparent',
-    },
+      focus: 'transparent'
+    }
   },
   shape: {
-    borderRadius: '4px',
+    borderRadius: '4px'
   },
   typography: {
     fontFamily: 'var(--jp-ui-font-family)',
     fontWeight: 'normal',
-    fontSize: 'var(--jp-content-font-size1)',
+    fontSize: 'var(--jp-content-font-size1)'
   },
   overrides: {
     deleteIcon: LabIcon.resolveReact({ icon: trashIcon }),
@@ -118,8 +118,8 @@ const theme: any = {
         <path d="M14.431 3.323l-8.47 10-.79-.036-3.35-4.77.818-.574 2.978 4.24 8.051-9.506.764.646z" />
       </SvgIcon>
     ),
-    chevronDownIcon: LabIcon.resolveReact({ icon: caretDownEmptyIcon }),
-  },
+    chevronDownIcon: LabIcon.resolveReact({ icon: caretDownEmptyIcon })
+  }
 };
 
 export { theme };
diff --git a/packages/pipeline-editor/src/utils.ts b/packages/pipeline-editor/src/utils.ts
index a26895cc0..7eb04ae2e 100644
--- a/packages/pipeline-editor/src/utils.ts
+++ b/packages/pipeline-editor/src/utils.ts
@@ -47,7 +47,7 @@ export default class Utils {
     const artifactName = PathExt.basename(filename, PathExt.extname(filename));
 
     const envVars = Object.entries(envObject).map(
-      ([key, val]) => `${key}=${val}`,
+      ([key, val]) => `${key}=${val}`
     );
 
     return {
@@ -77,13 +77,13 @@ export default class Utils {
                   gpu,
                   memory,
                   memory_limit,
-                  include_subdirectories: false,
+                  include_subdirectories: false
                 },
                 ui_data: {
-                  label: PathExt.basename(filename),
-                },
-              },
-            },
+                  label: PathExt.basename(filename)
+                }
+              }
+            }
           ],
           app_data: {
             name: artifactName,
@@ -91,15 +91,15 @@ export default class Utils {
             version: PIPELINE_CURRENT_VERSION,
             source: PathExt.basename(filename),
             properties: {
-              name: 'generic',
+              name: 'generic'
             },
             ui_data: {
-              comments: [],
-            },
-          },
-        },
+              comments: []
+            }
+          }
+        }
       ],
-      schemas: [],
+      schemas: []
     };
   }
 
@@ -112,7 +112,7 @@ export default class Utils {
    */
   static chunkArray<T>(arr: T[], n: number): T[][] {
     return Array.from(Array(Math.ceil(arr.length / n)), (_, i) =>
-      arr.slice(i * n, i * n + n),
+      arr.slice(i * n, i * n + n)
     );
   }
 
diff --git a/packages/python-editor/src/PythonEditor.tsx b/packages/python-editor/src/PythonEditor.tsx
index 973fc2cc9..a753953a4 100644
--- a/packages/python-editor/src/PythonEditor.tsx
+++ b/packages/python-editor/src/PythonEditor.tsx
@@ -24,7 +24,7 @@ export class PythonEditor extends ScriptEditor {
    * Construct a new Python Editor widget.
    */
   constructor(
-    options: DocumentWidget.IOptions<FileEditor, DocumentRegistry.ICodeModel>,
+    options: DocumentWidget.IOptions<FileEditor, DocumentRegistry.ICodeModel>
   ) {
     super(options);
   }
diff --git a/packages/python-editor/src/index.ts b/packages/python-editor/src/index.ts
index 68a5b1c97..ee6f20251 100644
--- a/packages/python-editor/src/index.ts
+++ b/packages/python-editor/src/index.ts
@@ -19,18 +19,18 @@ import { ScriptEditorWidgetFactory, ScriptEditor } from '@elyra/script-editor';
 import {
   JupyterFrontEnd,
   JupyterFrontEndPlugin,
-  ILayoutRestorer,
+  ILayoutRestorer
 } from '@jupyterlab/application';
 import { WidgetTracker, ICommandPalette } from '@jupyterlab/apputils';
 import { /*CodeEditor,*/ IEditorServices } from '@jupyterlab/codeeditor';
 import {
   IDocumentWidget,
   DocumentRegistry,
-  DocumentWidget,
+  DocumentWidget
 } from '@jupyterlab/docregistry';
 import {
   IFileBrowserFactory,
-  IDefaultFileBrowser,
+  IDefaultFileBrowser
 } from '@jupyterlab/filebrowser';
 import { FileEditor, IEditorTracker } from '@jupyterlab/fileeditor';
 import { ILauncher } from '@jupyterlab/launcher';
@@ -52,7 +52,7 @@ const PYTHON_EDITOR_NAMESPACE = 'elyra-python-editor-extension';
 const commandIDs = {
   createNewPythonEditor: 'script-editor:create-new-python-editor',
   openDocManager: 'docmanager:open',
-  newDocManager: 'docmanager:new-untitled',
+  newDocManager: 'docmanager:new-untitled'
 };
 
 interface IMyCodeEditorConfig {
@@ -86,7 +86,7 @@ const defaultConfig: IMyCodeEditorConfig = {
   autoClosingBrackets: true,
   handlePaste: true,
   rulers: [],
-  codeFolding: false,
+  codeFolding: false
 };
 
 /**
@@ -100,7 +100,7 @@ const extension: JupyterFrontEndPlugin<void> = {
     IEditorTracker,
     ICommandPalette,
     ISettingRegistry,
-    IFileBrowserFactory,
+    IFileBrowserFactory
   ],
   optional: [ILayoutRestorer, IMainMenu, ILauncher],
   activate: (
@@ -112,7 +112,7 @@ const extension: JupyterFrontEndPlugin<void> = {
     browserFactory: IDefaultFileBrowser,
     restorer: ILayoutRestorer | null,
     menu: IMainMenu | null,
-    launcher: ILauncher | null,
+    launcher: ILauncher | null
   ) => {
     console.log('Elyra - python-editor extension is activated!');
 
@@ -121,14 +121,14 @@ const extension: JupyterFrontEndPlugin<void> = {
       factoryOptions: {
         name: PYTHON_FACTORY,
         fileTypes: [PYTHON],
-        defaultFor: [PYTHON],
+        defaultFor: [PYTHON]
       },
       instanceCreator: (
         options: DocumentWidget.IOptions<
           FileEditor,
           DocumentRegistry.ICodeModel
-        >,
-      ): ScriptEditor => new PythonEditor(options),
+        >
+      ): ScriptEditor => new PythonEditor(options)
     });
 
     app.docRegistry.addFileType({
@@ -137,7 +137,7 @@ const extension: JupyterFrontEndPlugin<void> = {
       extensions: ['.py'],
       pattern: '.*\\.py$',
       mimeTypes: ['text/x-python'],
-      icon: pythonIcon,
+      icon: pythonIcon
     });
 
     const { restored } = app;
@@ -146,7 +146,7 @@ const extension: JupyterFrontEndPlugin<void> = {
      * Track PythonEditor widget on page refresh
      */
     const tracker = new WidgetTracker<ScriptEditor>({
-      namespace: PYTHON_EDITOR_NAMESPACE,
+      namespace: PYTHON_EDITOR_NAMESPACE
     });
 
     let config: IMyCodeEditorConfig = { ...defaultConfig };
@@ -157,9 +157,9 @@ const extension: JupyterFrontEndPlugin<void> = {
         command: commandIDs.openDocManager,
         args: (widget) => ({
           path: widget.context.path,
-          factory: PYTHON_FACTORY,
+          factory: PYTHON_FACTORY
         }),
-        name: (widget) => widget.context.path,
+        name: (widget) => widget.context.path
       });
     }
 
@@ -169,7 +169,7 @@ const extension: JupyterFrontEndPlugin<void> = {
     const updateSettings = (settings: ISettingRegistry.ISettings): void => {
       config = {
         ...defaultConfig,
-        ...(settings.get('editorConfig').composite as JSONObject),
+        ...(settings.get('editorConfig').composite as JSONObject)
       };
 
       // Trigger a refresh of the rendered commands
@@ -191,7 +191,7 @@ const extension: JupyterFrontEndPlugin<void> = {
     const updateWidget = (widget: ScriptEditor): void => {
       if (!editorTracker.has(widget)) {
         (editorTracker as WidgetTracker<IDocumentWidget<FileEditor>>).add(
-          widget,
+          widget
         );
       }
 
@@ -205,7 +205,7 @@ const extension: JupyterFrontEndPlugin<void> = {
     // Fetch the initial state of the settings. Adapted from fileeditor-extension.
     Promise.all([
       settingRegistry.load('@jupyterlab/fileeditor-extension:plugin'),
-      restored,
+      restored
     ])
       .then(([settings]) => {
         updateSettings(settings);
@@ -246,7 +246,7 @@ const extension: JupyterFrontEndPlugin<void> = {
       launcher.add({
         command: commandIDs.createNewPythonEditor,
         category: 'Elyra',
-        rank: 4,
+        rank: 4
       });
     }
 
@@ -254,7 +254,7 @@ const extension: JupyterFrontEndPlugin<void> = {
       // Add new python editor creation to the file menu
       menu.fileMenu.newMenu.addGroup(
         [{ command: commandIDs.createNewPythonEditor, args: { isMenu: true } }],
-        92,
+        92
       );
     }
 
@@ -264,12 +264,12 @@ const extension: JupyterFrontEndPlugin<void> = {
         .execute(commandIDs.newDocManager, {
           path: cwd,
           type: 'file',
-          ext: '.py',
+          ext: '.py'
         })
         .then((model) => {
           return app.commands.execute(commandIDs.openDocManager, {
             path: model.path,
-            factory: PYTHON_FACTORY,
+            factory: PYTHON_FACTORY
           });
         });
     };
@@ -283,15 +283,15 @@ const extension: JupyterFrontEndPlugin<void> = {
       execute: (args) => {
         const cwd = args['cwd'] || browserFactory.model.path;
         return createNew(cwd as string);
-      },
+      }
     });
 
     palette.addItem({
       command: commandIDs.createNewPythonEditor,
       args: { isPalette: true },
-      category: 'Elyra',
+      category: 'Elyra'
     });
-  },
+  }
 };
 
 export default extension;
diff --git a/packages/script-debugger/src/index.ts b/packages/script-debugger/src/index.ts
index 33eff8e07..b7720790e 100644
--- a/packages/script-debugger/src/index.ts
+++ b/packages/script-debugger/src/index.ts
@@ -18,7 +18,7 @@ import { ScriptEditor } from '@elyra/script-editor';
 import {
   ILabShell,
   JupyterFrontEnd,
-  JupyterFrontEndPlugin,
+  JupyterFrontEndPlugin
 } from '@jupyterlab/application';
 import { Debugger, IDebugger } from '@jupyterlab/debugger';
 import { IEditorTracker } from '@jupyterlab/fileeditor';
@@ -39,20 +39,20 @@ const scriptEditorDebuggerExtension: JupyterFrontEndPlugin<void> = {
     app: JupyterFrontEnd,
     debug: IDebugger,
     editorTracker: IEditorTracker,
-    labShell: ILabShell | null,
+    labShell: ILabShell | null
   ) => {
     console.log('Elyra - script-debugger extension is activated!');
 
     const handler = new Debugger.Handler({
       type: 'file',
       shell: app.shell,
-      service: debug,
+      service: debug
     });
 
     const activeSessions: { [id: string]: Session.ISessionConnection } = {};
     const kernelManager = new KernelManager();
     const sessionManager = new SessionManager({
-      kernelManager: kernelManager,
+      kernelManager: kernelManager
     });
 
     const updateDebugger = async (widget: ScriptEditor): Promise<void> => {
@@ -97,7 +97,7 @@ const scriptEditorDebuggerExtension: JupyterFrontEndPlugin<void> = {
         }
       } catch (error) {
         console.warn(
-          'Exception: session connection = ' + JSON.stringify(error),
+          'Exception: session connection = ' + JSON.stringify(error)
         );
       }
     };
@@ -139,15 +139,15 @@ const scriptEditorDebuggerExtension: JupyterFrontEndPlugin<void> = {
 
     const startSession = async (
       kernelSelection: string,
-      path: string,
+      path: string
     ): Promise<Session.ISessionConnection | null> => {
       const options: Session.ISessionOptions = {
         kernel: {
-          name: kernelSelection,
+          name: kernelSelection
         },
         path: path,
         type: 'file',
-        name: path,
+        name: path
       };
       let sessionConnection = null;
       try {
@@ -164,7 +164,7 @@ const scriptEditorDebuggerExtension: JupyterFrontEndPlugin<void> = {
 
     const updateKernel = async (
       sessionConnection: Session.ISessionConnection,
-      kernelSelection: string,
+      kernelSelection: string
     ): Promise<void> => {
       try {
         const prev = sessionConnection.kernel?.name;
@@ -176,7 +176,7 @@ const scriptEditorDebuggerExtension: JupyterFrontEndPlugin<void> = {
         console.warn('Exception: change kernel = ' + JSON.stringify(error));
       }
     };
-  },
+  }
 };
 
 export default scriptEditorDebuggerExtension;
diff --git a/packages/script-editor/src/KernelDropdown.tsx b/packages/script-editor/src/KernelDropdown.tsx
index acb755761..4dc1626b1 100644
--- a/packages/script-editor/src/KernelDropdown.tsx
+++ b/packages/script-editor/src/KernelDropdown.tsx
@@ -22,7 +22,7 @@ import React, {
   useImperativeHandle,
   useState,
   useMemo,
-  RefObject,
+  RefObject
 } from 'react';
 
 const KERNEL_SELECT_CLASS = 'elyra-ScriptEditor-KernelSelector';
@@ -51,7 +51,7 @@ const DropDown = forwardRef<ISelect, IProps>(
     // the change events there as well, but I know this isn't always possible
     // alongside jupyter.
     useImperativeHandle(select, () => ({
-      getSelection: (): string => selection,
+      getSelection: (): string => selection
     }));
 
     const kernelOptions = !Object.keys(kernelspecs).length ? (
@@ -81,7 +81,7 @@ const DropDown = forwardRef<ISelect, IProps>(
         {kernelOptions}
       </select>
     );
-  },
+  }
 );
 
 /**
@@ -97,7 +97,7 @@ export class KernelDropdown extends ReactWidget {
     private specs: KernelSpec.ISpecModels,
     private defaultKernel: string | null,
     private ref: RefObject<ISelect>,
-    callback: (selectedKernel: string) => void,
+    callback: (selectedKernel: string) => void
   ) {
     super();
     this.callback = callback;
diff --git a/packages/script-editor/src/ScriptEditor.tsx b/packages/script-editor/src/ScriptEditor.tsx
index 56cd021ec..7222f4282 100644
--- a/packages/script-editor/src/ScriptEditor.tsx
+++ b/packages/script-editor/src/ScriptEditor.tsx
@@ -21,11 +21,11 @@ import { ScrollingWidget } from '@jupyterlab/logconsole';
 import {
   OutputArea,
   OutputAreaModel,
-  OutputPrompt,
+  OutputPrompt
 } from '@jupyterlab/outputarea';
 import {
   RenderMimeRegistry,
-  standardRendererFactories as initialFactories,
+  standardRendererFactories as initialFactories
 } from '@jupyterlab/rendermime';
 import {
   caretDownEmptyThinIcon,
@@ -34,7 +34,7 @@ import {
   runIcon,
   saveIcon,
   stopIcon,
-  LabIcon,
+  LabIcon
 } from '@jupyterlab/ui-components';
 
 import { Signal, ISignal } from '@lumino/signaling';
@@ -85,7 +85,7 @@ export abstract class ScriptEditor extends DocumentWidget<
    * Construct a new editor widget.
    */
   constructor(
-    options: DocumentWidget.IOptions<FileEditor, DocumentRegistry.ICodeModel>,
+    options: DocumentWidget.IOptions<FileEditor, DocumentRegistry.ICodeModel>
   ) {
     super(options);
     this.addClass(SCRIPT_EDITOR_CLASS);
@@ -106,7 +106,7 @@ export abstract class ScriptEditor extends DocumentWidget<
     const saveButton = new ToolbarButton({
       icon: saveIcon,
       onClick: this.saveFile,
-      tooltip: 'Save file contents',
+      tooltip: 'Save file contents'
     });
 
     const runButton = new ToolbarButton({
@@ -114,13 +114,13 @@ export abstract class ScriptEditor extends DocumentWidget<
       icon: runIcon,
       onClick: this.runScript,
       tooltip: 'Run',
-      enabled: !this.runDisabled,
+      enabled: !this.runDisabled
     });
 
     const interruptButton = new ToolbarButton({
       icon: stopIcon,
       onClick: this.interruptRun,
-      tooltip: 'Interrupt the kernel',
+      tooltip: 'Interrupt the kernel'
     });
 
     // Populate toolbar with button widgets
@@ -170,15 +170,15 @@ export abstract class ScriptEditor extends DocumentWidget<
           kernelSpecs,
           this.defaultKernel,
           this.kernelSelectorRef,
-          this.handleKernelSelectionUpdate,
-        ),
+          this.handleKernelSelectionUpdate
+        )
       );
     }
     this._kernelSelectionChanged.emit(this.kernelSelection);
   };
 
   private handleKernelSelectionUpdate = async (
-    selectedKernel: string,
+    selectedKernel: string
   ): Promise<void> => {
     if (selectedKernel === this.kernelName) {
       return;
@@ -203,7 +203,7 @@ export abstract class ScriptEditor extends DocumentWidget<
     const renderMimeRegistry = new RenderMimeRegistry({ initialFactories });
     this.outputAreaWidget = new OutputArea({
       rendermime: renderMimeRegistry,
-      model,
+      model
     });
     this.outputAreaWidget.addClass(OUTPUT_AREA_CLASS);
 
@@ -225,7 +225,7 @@ export abstract class ScriptEditor extends DocumentWidget<
         this.kernelName,
         this.context.path,
         this.model.value.text,
-        this.handleKernelMsg,
+        this.handleKernelMsg
       );
     }
   };
@@ -273,7 +273,7 @@ export abstract class ScriptEditor extends DocumentWidget<
   };
 
   private createScrollButtons = (
-    scrollingWidget: ScrollingWidget<OutputArea>,
+    scrollingWidget: ScrollingWidget<OutputArea>
   ): void => {
     const scrollUpButton = document.createElement('button');
     const scrollDownButton = document.createElement('button');
@@ -288,12 +288,12 @@ export abstract class ScriptEditor extends DocumentWidget<
     caretUpEmptyThinIcon.element({
       container: scrollUpButton,
       elementPosition: 'center',
-      title: 'Top',
+      title: 'Top'
     });
     caretDownEmptyThinIcon.element({
       container: scrollDownButton,
       elementPosition: 'center',
-      title: 'Bottom',
+      title: 'Bottom'
     });
     this.dockPanel?.node.appendChild(scrollUpButton);
     this.dockPanel?.node.appendChild(scrollDownButton);
@@ -320,7 +320,7 @@ export abstract class ScriptEditor extends DocumentWidget<
     if (this.dockPanel?.isEmpty) {
       // Add a tab to dockPanel
       this.scrollingWidget = new ScrollingWidget({
-        content: this.outputAreaWidget,
+        content: this.outputAreaWidget
       });
       this.createScrollButtons(this.scrollingWidget);
       this.dockPanel?.addWidget(this.scrollingWidget, { mode: 'split-bottom' });
@@ -342,7 +342,7 @@ export abstract class ScriptEditor extends DocumentWidget<
     const options = {
       name: 'stdout',
       output_type: 'stream',
-      text: ['Waiting for kernel to start...'],
+      text: ['Waiting for kernel to start...']
     };
     this.outputAreaWidget.model.add(options);
     this.updatePromptText(' ');
@@ -371,7 +371,7 @@ export abstract class ScriptEditor extends DocumentWidget<
       const options = {
         name: 'stdout',
         output_type: 'stream',
-        text: [output],
+        text: [output]
       };
       // Stream output doesn't instantiate correctly without an initial output string
       if (this.emptyOutput) {
@@ -437,7 +437,7 @@ export abstract class ScriptEditor extends DocumentWidget<
       return showDialog({
         title: 'Cannot Save',
         body: 'Document is read-only',
-        buttons: [Dialog.okButton()],
+        buttons: [Dialog.okButton()]
       });
     }
     void this.context.save().then(() => {
diff --git a/packages/script-editor/src/ScriptEditorController.ts b/packages/script-editor/src/ScriptEditorController.ts
index b7798fc4b..77ed93ae8 100644
--- a/packages/script-editor/src/ScriptEditorController.ts
+++ b/packages/script-editor/src/ScriptEditorController.ts
@@ -37,7 +37,7 @@ export class ScriptEditorController {
    * Get available kernel specs by language.
    */
   getKernelSpecsByLanguage = async (
-    language: string,
+    language: string
   ): Promise<KernelSpec.ISpecModels | null> => {
     const specs = await this.getKernelSpecs();
     Object.entries(specs?.kernelspecs ?? [])
@@ -51,7 +51,7 @@ export class ScriptEditorController {
    * Get kernel specs by name.
    */
   getKernelSpecsByName = async (
-    kernelName: string,
+    kernelName: string
   ): Promise<KernelSpec.ISpecModels | null> => {
     const specs = await this.getKernelSpecs();
     Object.entries(specs?.kernelspecs ?? [])
diff --git a/packages/script-editor/src/ScriptEditorWidgetFactory.tsx b/packages/script-editor/src/ScriptEditorWidgetFactory.tsx
index e22477c94..22f5a7b62 100644
--- a/packages/script-editor/src/ScriptEditorWidgetFactory.tsx
+++ b/packages/script-editor/src/ScriptEditorWidgetFactory.tsx
@@ -18,7 +18,7 @@ import { CodeEditor, IEditorServices } from '@jupyterlab/codeeditor';
 import {
   ABCWidgetFactory,
   DocumentRegistry,
-  DocumentWidget,
+  DocumentWidget
 } from '@jupyterlab/docregistry';
 import { FileEditor } from '@jupyterlab/fileeditor';
 
@@ -45,7 +45,7 @@ export class ScriptEditorWidgetFactory extends ABCWidgetFactory<
    * Create a new widget given a context.
    */
   protected createNewWidget(
-    context: DocumentRegistry.CodeContext,
+    context: DocumentRegistry.CodeContext
   ): ScriptEditor {
     const newDocumentEditor = this._services.factoryService.newDocumentEditor;
     const factory: CodeEditor.Factory = (options) => {
@@ -54,7 +54,7 @@ export class ScriptEditorWidgetFactory extends ABCWidgetFactory<
     const content = new FileEditor({
       factory,
       context,
-      mimeTypeService: this._services.mimeTypeService,
+      mimeTypeService: this._services.mimeTypeService
     });
 
     return this.options.instanceCreator({ content, context });
@@ -85,7 +85,7 @@ export namespace ScriptEditorWidgetFactory {
      * The function that creates ScriptEditor instances.
      */
     instanceCreator: (
-      options: DocumentWidget.IOptions<FileEditor, DocumentRegistry.ICodeModel>,
+      options: DocumentWidget.IOptions<FileEditor, DocumentRegistry.ICodeModel>
     ) => ScriptEditor;
   }
 }
diff --git a/packages/script-editor/src/ScriptRunner.ts b/packages/script-editor/src/ScriptRunner.ts
index 3a39d1bf6..ca868ae24 100644
--- a/packages/script-editor/src/ScriptRunner.ts
+++ b/packages/script-editor/src/ScriptRunner.ts
@@ -20,7 +20,7 @@ import {
   KernelManager,
   KernelSpecManager,
   Session,
-  SessionManager,
+  SessionManager
 } from '@jupyterlab/services';
 
 const KERNEL_ERROR_MSG =
@@ -51,7 +51,7 @@ export class ScriptRunner {
     this.kernelSpecManager = new KernelSpecManager();
     this.kernelManager = new KernelManager();
     this.sessionManager = new SessionManager({
-      kernelManager: this.kernelManager,
+      kernelManager: this.kernelManager
     });
     this.sessionConnection = null;
   }
@@ -61,7 +61,7 @@ export class ScriptRunner {
     return showDialog({
       title: 'Error',
       body: errorMsg,
-      buttons: [Dialog.okButton()],
+      buttons: [Dialog.okButton()]
     });
   };
 
@@ -72,7 +72,7 @@ export class ScriptRunner {
     kernelName: string | null,
     contextPath: string,
     code: string,
-    handleKernelMsg: (msgOutput: any) => void,
+    handleKernelMsg: (msgOutput: any) => void
   ): Promise<any> => {
     if (!kernelName) {
       this.disableButton(true);
@@ -99,7 +99,7 @@ export class ScriptRunner {
       if (msg.msg_type === 'error') {
         msgOutput.error = {
           type: msg.content.ename,
-          output: msg.content.evalue,
+          output: msg.content.evalue
         };
       } else if (
         msg.msg_type === 'execute_result' ||
@@ -139,15 +139,15 @@ export class ScriptRunner {
    */
   startSession = async (
     kernelName: string,
-    contextPath: string,
+    contextPath: string
   ): Promise<void> => {
     const options: Session.ISessionOptions = {
       kernel: {
-        name: kernelName,
+        name: kernelName
       },
       path: contextPath,
       type: 'file',
-      name: contextPath,
+      name: contextPath
     };
 
     if (!this.sessionConnection || !this.sessionConnection.kernel) {
diff --git a/packages/script-editor/src/test/script-editor.spec.ts b/packages/script-editor/src/test/script-editor.spec.ts
index 59a994461..be00fd7ad 100644
--- a/packages/script-editor/src/test/script-editor.spec.ts
+++ b/packages/script-editor/src/test/script-editor.spec.ts
@@ -44,7 +44,7 @@ describe('@elyra/script-editor', () => {
       it('should get Python kernel specs', async () => {
         const kernelSpecs = await controller.getKernelSpecsByLanguage(language);
         Object.entries(kernelSpecs?.kernelspecs ?? []).forEach(([, value]) =>
-          expect(value?.language).toContain(language),
+          expect(value?.language).toContain(language)
         );
       });
     });
@@ -79,7 +79,7 @@ describe('@elyra/script-editor', () => {
         if (session) {
           expect(session.id).toEqual(runner.sessionConnection?.id);
           expect(runner.sessionConnection?.kernel?.connectionStatus).toEqual(
-            'connecting',
+            'connecting'
           );
         }
         runner.shutdownSession();
diff --git a/packages/services/src/metadata.ts b/packages/services/src/metadata.ts
index 3a35e806c..ecebd1366 100644
--- a/packages/services/src/metadata.ts
+++ b/packages/services/src/metadata.ts
@@ -35,7 +35,7 @@ export class MetadataService {
    */
   static async getMetadata(schemaspace: string): Promise<any> {
     return RequestHandler.makeGetRequest(
-      ELYRA_METADATA_API_ENDPOINT + schemaspace,
+      ELYRA_METADATA_API_ENDPOINT + schemaspace
     ).then((metadataResponse) => metadataResponse[schemaspace]);
   }
 
@@ -50,11 +50,11 @@ export class MetadataService {
    */
   static async postMetadata(
     schemaspace: string,
-    requestBody: any,
+    requestBody: any
   ): Promise<any> {
     return RequestHandler.makePostRequest(
       ELYRA_METADATA_API_ENDPOINT + schemaspace,
-      requestBody,
+      requestBody
     );
   }
 
@@ -71,11 +71,11 @@ export class MetadataService {
   static async putMetadata(
     schemaspace: string,
     name: string,
-    requestBody: any,
+    requestBody: any
   ): Promise<any> {
     return RequestHandler.makePutRequest(
       `${ELYRA_METADATA_API_ENDPOINT}${schemaspace}/${name}`,
-      requestBody,
+      requestBody
     );
   }
 
@@ -89,7 +89,7 @@ export class MetadataService {
    */
   static async deleteMetadata(schemaspace: string, name: string): Promise<any> {
     return RequestHandler.makeDeleteRequest(
-      `${ELYRA_METADATA_API_ENDPOINT}${schemaspace}/${name}`,
+      `${ELYRA_METADATA_API_ENDPOINT}${schemaspace}/${name}`
     );
   }
 
@@ -110,7 +110,7 @@ export class MetadataService {
     }
 
     return RequestHandler.makeGetRequest(
-      ELYRA_SCHEMA_API_ENDPOINT + schemaspace,
+      ELYRA_SCHEMA_API_ENDPOINT + schemaspace
     ).then((schemaResponse) => {
       if (schemaResponse[schemaspace]) {
         this.schemaCache[schemaspace] = schemaResponse[schemaspace];
@@ -129,7 +129,7 @@ export class MetadataService {
   static async getAllSchema(): Promise<any> {
     try {
       const schemaspaces = await RequestHandler.makeGetRequest(
-        ELYRA_SCHEMASPACE_API_ENDPOINT,
+        ELYRA_SCHEMASPACE_API_ENDPOINT
       );
       const schemas = [];
 
diff --git a/packages/services/src/parsing.ts b/packages/services/src/parsing.ts
index a0abd4451..0cf039703 100644
--- a/packages/services/src/parsing.ts
+++ b/packages/services/src/parsing.ts
@@ -37,7 +37,7 @@ export class ContentParser {
   static async getEnvVars(file_path: string): Promise<any> {
     try {
       const response = await RequestHandler.makeGetRequest(
-        ELYRA_FILE_PARSER_API_ENDPOINT + file_path,
+        ELYRA_FILE_PARSER_API_ENDPOINT + file_path
       );
       // Only return environment var names (not values)
       return Object.keys(response.env_vars);
diff --git a/packages/services/src/requests.ts b/packages/services/src/requests.ts
index b8000e189..260fb3082 100644
--- a/packages/services/src/requests.ts
+++ b/packages/services/src/requests.ts
@@ -41,12 +41,12 @@ export class RequestHandler {
    */
   static async makeGetRequest<T = any>(
     requestPath: string,
-    longRequestDialog?: Dialog<any>,
+    longRequestDialog?: Dialog<any>
   ): Promise<T> {
     return this.makeServerRequest(
       requestPath,
       { method: 'GET' },
-      longRequestDialog,
+      longRequestDialog
     );
   }
 
@@ -73,12 +73,12 @@ export class RequestHandler {
   static async makePostRequest<T = any>(
     requestPath: string,
     requestBody: any,
-    longRequestDialog?: Dialog<any>,
+    longRequestDialog?: Dialog<any>
   ): Promise<T> {
     return this.makeServerRequest(
       requestPath,
       { method: 'POST', body: requestBody },
-      longRequestDialog,
+      longRequestDialog
     );
   }
 
@@ -105,12 +105,12 @@ export class RequestHandler {
   static async makePutRequest<T = any>(
     requestPath: string,
     requestBody: any,
-    longRequestDialog?: Dialog<any>,
+    longRequestDialog?: Dialog<any>
   ): Promise<T> {
     return this.makeServerRequest(
       requestPath,
       { method: 'PUT', body: requestBody },
-      longRequestDialog,
+      longRequestDialog
     );
   }
 
@@ -133,12 +133,12 @@ export class RequestHandler {
    */
   static async makeDeleteRequest<T = any>(
     requestPath: string,
-    longRequestDialog?: Dialog<any>,
+    longRequestDialog?: Dialog<any>
   ): Promise<T> {
     return this.makeServerRequest(
       requestPath,
       { method: 'DELETE' },
-      longRequestDialog,
+      longRequestDialog
     );
   }
 
@@ -170,7 +170,7 @@ export class RequestHandler {
   static async makeServerRequest<T = any>(
     requestPath: string,
     options: RequestInit & { type?: 'blob' | 'json' | 'text' },
-    longRequestDialog?: Dialog<any>,
+    longRequestDialog?: Dialog<any>
   ): Promise<T> {
     // use ServerConnection utility to make calls to Jupyter Based services
     // which in this case are in the extension installed by this package
@@ -214,14 +214,14 @@ export class RequestHandler {
               } else {
                 return reject(reason);
               }
-            },
+            }
           );
         },
         // something unexpected went wrong with the request
         (reason: any) => {
           console.error(reason);
           return reject(reason);
-        },
+        }
       );
     });
 
diff --git a/packages/services/src/test/services.spec.ts b/packages/services/src/test/services.spec.ts
index 5b49bf454..d3491fccc 100644
--- a/packages/services/src/test/services.spec.ts
+++ b/packages/services/src/test/services.spec.ts
@@ -28,8 +28,8 @@ const codeSnippetMetadata = {
   name: 'tester',
   metadata: {
     language: 'Python',
-    code: ['hello_world'],
-  },
+    code: ['hello_world']
+  }
 };
 
 beforeAll(async () => {
@@ -47,7 +47,7 @@ describe('@elyra/services', () => {
         const schemaResponse = await MetadataService.getSchema('code-snippets');
         expect(schemaResponse[0]).toHaveProperty(
           'properties.schema_name.description',
-          'The schema associated with this instance',
+          'The schema associated with this instance'
         );
       });
     });
@@ -81,14 +81,14 @@ describe('@elyra/services', () => {
         expect(
           await MetadataService.postMetadata(
             'code-snippets',
-            JSON.stringify(codeSnippetMetadata),
-          ),
+            JSON.stringify(codeSnippetMetadata)
+          )
         ).toMatchObject(codeSnippetMetadata);
       });
 
       it('should get the correct metadata instance', async () => {
         expect(
-          await MetadataService.getMetadata('code-snippets'),
+          await MetadataService.getMetadata('code-snippets')
         ).toContainEqual(codeSnippetMetadata);
       });
 
@@ -98,8 +98,8 @@ describe('@elyra/services', () => {
           await MetadataService.putMetadata(
             'code-snippets',
             'tester',
-            JSON.stringify(codeSnippetMetadata),
-          ),
+            JSON.stringify(codeSnippetMetadata)
+          )
         ).toHaveProperty('metadata.code', ['testing']);
       });
 
@@ -115,15 +115,15 @@ describe('@elyra/services', () => {
     describe('#makeGetRequest', () => {
       it('should make get request', async () => {
         const schemaResponse = await RequestHandler.makeGetRequest(
-          '/elyra/schema/code-snippets',
+          '/elyra/schema/code-snippets'
         );
         expect(schemaResponse).toHaveProperty('code-snippets');
         expect(schemaResponse['code-snippets'].length).toBeGreaterThanOrEqual(
-          1,
+          1
         );
         expect(schemaResponse['code-snippets'][0]).toHaveProperty(
           'properties.schema_name.description',
-          'The schema associated with this instance',
+          'The schema associated with this instance'
         );
       });
     });
@@ -132,8 +132,8 @@ describe('@elyra/services', () => {
         expect(
           await RequestHandler.makePostRequest(
             '/elyra/metadata/code-snippets',
-            JSON.stringify(codeSnippetMetadata),
-          ),
+            JSON.stringify(codeSnippetMetadata)
+          )
         ).toMatchObject(codeSnippetMetadata);
       });
     });
@@ -143,18 +143,18 @@ describe('@elyra/services', () => {
         expect(
           await RequestHandler.makePutRequest(
             '/elyra/metadata/code-snippets/tester',
-            JSON.stringify(codeSnippetMetadata),
-          ),
+            JSON.stringify(codeSnippetMetadata)
+          )
         ).toHaveProperty('metadata.language', 'R');
       });
     });
     describe('#makeDeleteRequest', () => {
       it('should make delete request', async () => {
         await RequestHandler.makeDeleteRequest(
-          '/elyra/metadata/code-snippets/tester',
+          '/elyra/metadata/code-snippets/tester'
         );
         expect(
-          await RequestHandler.makeGetRequest('elyra/metadata/code-snippets'),
+          await RequestHandler.makeGetRequest('elyra/metadata/code-snippets')
         ).toMatchObject({ 'code-snippets': [] });
       });
     });
diff --git a/packages/theme/src/index.ts b/packages/theme/src/index.ts
index 3c4cc8d31..ad2b2f108 100644
--- a/packages/theme/src/index.ts
+++ b/packages/theme/src/index.ts
@@ -18,7 +18,7 @@ import { elyraIcon, helpIcon, whatsNewIcon } from '@elyra/ui-components';
 import {
   ILabShell,
   JupyterFrontEnd,
-  JupyterFrontEndPlugin,
+  JupyterFrontEndPlugin
 } from '@jupyterlab/application';
 import { ICommandPalette, MainAreaWidget } from '@jupyterlab/apputils';
 import { ILauncher } from '@jupyterlab/launcher';
@@ -40,7 +40,7 @@ const ELYRA_THEME_NAMESPACE = 'elyra-theme-extension';
 const CommandIDs = {
   create: 'launcher:create',
   openHelp: 'elyra:open-help',
-  releases: 'elyra:releases',
+  releases: 'elyra:releases'
 };
 
 export interface IProps {
@@ -61,7 +61,7 @@ const extension: JupyterFrontEndPlugin<ILauncher> = {
     translator: ITranslator,
     labShell: ILabShell,
     mainMenu: IMainMenu,
-    palette: ICommandPalette | null,
+    palette: ICommandPalette | null
   ): ILauncher => {
     console.log('Elyra - theme extension is activated!');
 
@@ -85,7 +85,7 @@ const extension: JupyterFrontEndPlugin<ILauncher> = {
           justify: 'center',
           margin: '2px 5px 2px 5px',
           height: 'auto',
-          width: '20px',
+          width: '20px'
         };
 
         elyraIcon.element(propsWithJustify);
@@ -113,7 +113,7 @@ const extension: JupyterFrontEndPlugin<ILauncher> = {
           cwd,
           callback,
           commands,
-          translator,
+          translator
         });
 
         launcher.model = model;
@@ -128,7 +128,7 @@ const extension: JupyterFrontEndPlugin<ILauncher> = {
 
         shell.add(main, 'main', {
           activate: args['activate'] as boolean,
-          ref: args['ref'] as string,
+          ref: args['ref'] as string
         });
 
         labShell.layoutModified.connect(() => {
@@ -137,13 +137,13 @@ const extension: JupyterFrontEndPlugin<ILauncher> = {
         }, main);
 
         return main;
-      },
+      }
     });
 
     if (palette) {
       palette.addItem({
         command: CommandIDs.create,
-        category: trans.__('Launcher'),
+        category: trans.__('Launcher')
       });
     }
 
@@ -158,11 +158,11 @@ const extension: JupyterFrontEndPlugin<ILauncher> = {
           if (commands.hasCommand('filebrowser:create-main-launcher')) {
             // If a file browser is defined connect the launcher to it
             return commands.execute('filebrowser:create-main-launcher', {
-              ref,
+              ref
             });
           }
           return commands.execute(CommandIDs.create, { ref });
-        },
+        }
       );
     }
 
@@ -171,7 +171,7 @@ const extension: JupyterFrontEndPlugin<ILauncher> = {
       icon: helpIcon,
       execute: (args: any) => {
         window.open('https://elyra.readthedocs.io/en/latest/', '_blank');
-      },
+      }
     });
 
     commands.addCommand(CommandIDs.releases, {
@@ -181,25 +181,25 @@ const extension: JupyterFrontEndPlugin<ILauncher> = {
       execute: (args: any) => {
         window.open(
           'https://github.com/elyra-ai/elyra/releases/latest/',
-          '_blank',
+          '_blank'
         );
-      },
+      }
     });
 
     model.add({
       command: CommandIDs.openHelp,
       category: 'Elyra',
-      rank: 10,
+      rank: 10
     });
 
     model.add({
       command: CommandIDs.releases,
       category: 'Elyra',
-      rank: 11,
+      rank: 11
     });
 
     return model;
-  },
+  }
 };
 
 /**
diff --git a/packages/theme/src/launcher.tsx b/packages/theme/src/launcher.tsx
index be537067b..b11d792a1 100644
--- a/packages/theme/src/launcher.tsx
+++ b/packages/theme/src/launcher.tsx
@@ -19,7 +19,7 @@ import { elyraIcon } from '@elyra/ui-components';
 import {
   Launcher as JupyterlabLauncher,
   LauncherModel as JupyterLauncherModel,
-  ILauncher,
+  ILauncher
 } from '@jupyterlab/launcher';
 import { TranslationBundle } from '@jupyterlab/translation';
 import { LabIcon } from '@jupyterlab/ui-components';
@@ -36,7 +36,7 @@ const ELYRA_CATEGORY = 'Elyra';
 const CommandIDs = {
   newFile: 'fileeditor:create-new',
   createNewPythonEditor: 'script-editor:create-new-python-editor',
-  createNewREditor: 'script-editor:create-new-r-editor',
+  createNewREditor: 'script-editor:create-new-r-editor'
 };
 
 export class LauncherModel extends JupyterLauncherModel {
@@ -89,7 +89,7 @@ export class Launcher extends JupyterlabLauncher {
 
   private replaceCategoryIcon(
     category: React.ReactElement,
-    icon: LabIcon,
+    icon: LabIcon
   ): React.ReactElement {
     const children = React.Children.map(category.props.children, (child) => {
       if (child.props.className === 'jp-Launcher-sectionHeader') {
@@ -101,7 +101,7 @@ export class Launcher extends JupyterlabLauncher {
             } else {
               return grandchild;
             }
-          },
+          }
         );
 
         return React.cloneElement(child, child.props, grandchildren);
@@ -134,7 +134,7 @@ export class Launcher extends JupyterlabLauncher {
       this._translator.__('Notebook'),
       this._translator.__('Console'),
       ELYRA_CATEGORY,
-      this._translator.__('Other'),
+      this._translator.__('Other')
     ];
 
     // Assemble the final ordered list of categories
diff --git a/packages/ui-components/src/BrowseFileDialog.tsx b/packages/ui-components/src/BrowseFileDialog.tsx
index 7473814fe..fdd3a0853 100644
--- a/packages/ui-components/src/BrowseFileDialog.tsx
+++ b/packages/ui-components/src/BrowseFileDialog.tsx
@@ -19,7 +19,7 @@ import { IDocumentManager } from '@jupyterlab/docmanager';
 import {
   BreadCrumbs,
   DirListing,
-  FilterFileBrowserModel,
+  FilterFileBrowserModel
 } from '@jupyterlab/filebrowser';
 import { Widget, PanelLayout } from '@lumino/widgets';
 
@@ -60,7 +60,7 @@ class BrowseFileDialogBreadcrumbs extends BreadCrumbs {
     // if 'rootPath' is defined prevent navigating to it's parent/grandparent directories
     if (localPath && this.rootPath && localPath.indexOf(this.rootPath) === 0) {
       const breadcrumbs = document.querySelectorAll(
-        '.elyra-browseFileDialog .jp-BreadCrumbs > span[title]',
+        '.elyra-browseFileDialog .jp-BreadCrumbs > span[title]'
       );
 
       breadcrumbs.forEach((crumb: Element): void => {
@@ -100,13 +100,13 @@ class BrowseFileDialog
 
     this.model = new FilterFileBrowserModel({
       manager: props.manager,
-      filter: props.filter,
+      filter: props.filter
     });
 
     const layout = (this.layout = new PanelLayout());
 
     this.directoryListing = new DirListing({
-      model: this.model,
+      model: this.model
     });
 
     this.acceptFileOnDblClick = props.acceptFileOnDblClick;
@@ -119,7 +119,7 @@ class BrowseFileDialog
 
     this.breadCrumbs = new BrowseFileDialogBreadcrumbs({
       model: this.model,
-      rootPath: props.rootPath,
+      rootPath: props.rootPath
     });
 
     layout.addWidget(this.breadCrumbs);
@@ -176,7 +176,7 @@ class BrowseFileDialog
         break;
       case 'dblclick': {
         const clickedItem = this.directoryListing.modelForClick(
-          event as MouseEvent,
+          event as MouseEvent
         );
         if (clickedItem?.type === 'directory') {
           this.dirListingHandleEvent.call(this.directoryListing, event);
@@ -185,7 +185,7 @@ class BrowseFileDialog
           event.stopPropagation();
           if (this.acceptFileOnDblClick) {
             const okButton = document.querySelector(
-              `.${BROWSE_FILE_OPEN_CLASS} .jp-mod-accept`,
+              `.${BROWSE_FILE_OPEN_CLASS} .jp-mod-accept`
             );
             if (okButton) {
               (okButton as HTMLButtonElement).click();
@@ -203,7 +203,7 @@ class BrowseFileDialog
 
 export const showBrowseFileDialog = async (
   manager: IDocumentManager,
-  options: IBrowseFileDialogOptions,
+  options: IBrowseFileDialogOptions
 ): Promise<Dialog.IResult<any>> => {
   const browseFileDialogBody = await BrowseFileDialog.init({
     manager: manager,
@@ -214,16 +214,16 @@ export const showBrowseFileDialog = async (
     startPath: options.startPath,
     acceptFileOnDblClick: Object.prototype.hasOwnProperty.call(
       options,
-      'acceptFileOnDblClick',
+      'acceptFileOnDblClick'
     )
       ? options.acceptFileOnDblClick
-      : true,
+      : true
   });
 
   const dialog = new Dialog({
     title: 'Select a file',
     body: browseFileDialogBody,
-    buttons: [Dialog.cancelButton(), Dialog.okButton({ label: 'Select' })],
+    buttons: [Dialog.cancelButton(), Dialog.okButton({ label: 'Select' })]
   });
 
   dialog.addClass(BROWSE_FILE_CLASS);
diff --git a/packages/ui-components/src/Dropzone.tsx b/packages/ui-components/src/Dropzone.tsx
index 4d2ecf52b..eeef9f248 100644
--- a/packages/ui-components/src/Dropzone.tsx
+++ b/packages/ui-components/src/Dropzone.tsx
@@ -69,7 +69,7 @@ export const useDropzone = (props: IPropsWithChildren): IReturn => {
           break;
       }
     },
-    [props],
+    [props]
   );
 
   useEffect(() => {
@@ -89,8 +89,8 @@ export const useDropzone = (props: IPropsWithChildren): IReturn => {
 
   return {
     getRootProps: (): IRootProps => ({
-      ref: rootRef,
-    }),
+      ref: rootRef
+    })
   };
 };
 
diff --git a/packages/ui-components/src/ExpandableComponent.tsx b/packages/ui-components/src/ExpandableComponent.tsx
index b0f084f20..b0a25b179 100644
--- a/packages/ui-components/src/ExpandableComponent.tsx
+++ b/packages/ui-components/src/ExpandableComponent.tsx
@@ -19,7 +19,7 @@ import '../style/index.css';
 import {
   caretDownIcon,
   caretRightIcon,
-  LabIcon,
+  LabIcon
 } from '@jupyterlab/ui-components';
 import * as React from 'react';
 
@@ -68,7 +68,7 @@ export const ExpandableComponent: React.FC<IExpandableComponentProps> = ({
   onExpand,
   onBeforeExpand,
   onMouseDown,
-  children,
+  children
 }) => {
   const [expanded, setExpandedValue] = React.useState(false);
 
diff --git a/packages/ui-components/src/ExpandableErrorDialog.tsx b/packages/ui-components/src/ExpandableErrorDialog.tsx
index 1237aa15d..6bb1c7221 100644
--- a/packages/ui-components/src/ExpandableErrorDialog.tsx
+++ b/packages/ui-components/src/ExpandableErrorDialog.tsx
@@ -36,7 +36,7 @@ export const ExpandableErrorDialog: React.FC<IErrorDialogProps> = ({
   message,
   timestamp,
   traceback,
-  defaultMessage,
+  defaultMessage
 }) => {
   const [collapsedSize, setCollapsedSize] = React.useState<{
     width: number;
@@ -46,7 +46,7 @@ export const ExpandableErrorDialog: React.FC<IErrorDialogProps> = ({
   const handleUpdateDialogSize = React.useCallback(
     (expanded: boolean): void => {
       const dialogNode = document.querySelector<HTMLDivElement>(
-        '.' + JP_DIALOG_CONTENT,
+        '.' + JP_DIALOG_CONTENT
       );
       if (dialogNode === null) {
         return;
@@ -66,7 +66,7 @@ export const ExpandableErrorDialog: React.FC<IErrorDialogProps> = ({
         dialogNode.style.height = collapsedSize.height + 'px';
       }
     },
-    [collapsedSize, setCollapsedSize],
+    [collapsedSize, setCollapsedSize]
   );
 
   return (
diff --git a/packages/ui-components/src/FormComponents/CodeBlock.tsx b/packages/ui-components/src/FormComponents/CodeBlock.tsx
index c9873183c..140a60ae4 100644
--- a/packages/ui-components/src/FormComponents/CodeBlock.tsx
+++ b/packages/ui-components/src/FormComponents/CodeBlock.tsx
@@ -30,7 +30,7 @@ interface ICodeBlockProps {
 }
 
 export const CodeBlock: React.FC<ICodeBlockProps> = (
-  props: ICodeBlockProps,
+  props: ICodeBlockProps
 ) => {
   const codeBlockRef = React.useRef<HTMLDivElement>(null);
   const editorRef = React.useRef<CodeEditor.IEditor>();
@@ -52,9 +52,9 @@ export const CodeBlock: React.FC<ICodeBlockProps> = (
             (props.schema.default as string[])?.join('\n'),
           mimeType: servicesRef.current.mimeTypeService.getMimeTypeByLanguage({
             name: props.formContext.language,
-            codemirror_mode: props.formContext.language,
-          }),
-        }),
+            codemirror_mode: props.formContext.language
+          })
+        })
       });
       editorRef.current?.model.sharedModel.changed.connect(handleChange);
     }
@@ -74,7 +74,7 @@ export const CodeBlock: React.FC<ICodeBlockProps> = (
       editorRef.current.model.mimeType =
         servicesRef.current.mimeTypeService.getMimeTypeByLanguage({
           name: props.formContext.language,
-          codemirror_mode: props.formContext.language,
+          codemirror_mode: props.formContext.language
         });
     }
   }, [props.formContext.language]);
diff --git a/packages/ui-components/src/FormComponents/DropDown.tsx b/packages/ui-components/src/FormComponents/DropDown.tsx
index 142851a50..06c78f7fc 100644
--- a/packages/ui-components/src/FormComponents/DropDown.tsx
+++ b/packages/ui-components/src/FormComponents/DropDown.tsx
@@ -45,7 +45,7 @@ export const DropDown: React.FC<IDropDownProps> = ({
   onChange,
   placeholder,
   formData,
-  id,
+  id
 }) => {
   const label = schema.title ?? name;
   const [current, setValue] = React.useState(formData ?? defaultValue);
diff --git a/packages/ui-components/src/FormComponents/PasswordField.tsx b/packages/ui-components/src/FormComponents/PasswordField.tsx
index 3bac453e5..b7daf5114 100644
--- a/packages/ui-components/src/FormComponents/PasswordField.tsx
+++ b/packages/ui-components/src/FormComponents/PasswordField.tsx
@@ -36,7 +36,7 @@ export const PasswordField: React.FC<IPassFieldProps> = (props: any) => {
         {...props}
         uiSchema={{
           ...props.uiSchema,
-          'ui:widget': showPassword ? undefined : 'password',
+          'ui:widget': showPassword ? undefined : 'password'
         }}
       />
       <button
diff --git a/packages/ui-components/src/FormComponents/Tags.tsx b/packages/ui-components/src/FormComponents/Tags.tsx
index 27b1195a4..3ebfe89ca 100644
--- a/packages/ui-components/src/FormComponents/Tags.tsx
+++ b/packages/ui-components/src/FormComponents/Tags.tsx
@@ -35,10 +35,10 @@ const FORM_EDITOR_INPUT_TAG = 'elyra-inputTag';
 export const Tags: React.FC<ITagProps> = ({
   selectedTags,
   tags,
-  handleChange,
+  handleChange
 }) => {
   const [selected, setSelectedTags] = React.useState<string[]>(
-    selectedTags ?? [],
+    selectedTags ?? []
   );
   const [allTags, setTags] = React.useState<string[]>(tags ?? []);
   const [addingNewTag, setAddingNewTag] = React.useState<boolean>(false);
@@ -48,7 +48,7 @@ export const Tags: React.FC<ITagProps> = ({
   }, [selected, allTags, handleChange]);
 
   const handleClick = (
-    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
+    event: React.MouseEvent<HTMLButtonElement, MouseEvent>
   ): void => {
     const target = event.currentTarget as HTMLElement;
     const clickedTag = target.innerText;
@@ -73,7 +73,7 @@ export const Tags: React.FC<ITagProps> = ({
   };
 
   const addTagOnKeyDown = async (
-    event: React.KeyboardEvent<HTMLInputElement>,
+    event: React.KeyboardEvent<HTMLInputElement>
   ): Promise<void> => {
     const inputElement = event.target as HTMLInputElement;
 
@@ -83,7 +83,7 @@ export const Tags: React.FC<ITagProps> = ({
         event.preventDefault();
         await showDialog({
           title: 'A tag with this label already exists.',
-          buttons: [Dialog.okButton()],
+          buttons: [Dialog.okButton()]
         });
         return;
       }
@@ -117,10 +117,10 @@ export const Tags: React.FC<ITagProps> = ({
         <input
           className={`${FORM_EDITOR_INPUT_TAG}`}
           onClick={(
-            event: React.MouseEvent<HTMLInputElement, MouseEvent>,
+            event: React.MouseEvent<HTMLInputElement, MouseEvent>
           ): void => addTagOnClick(event)}
           onKeyDown={async (
-            event: React.KeyboardEvent<HTMLInputElement>,
+            event: React.KeyboardEvent<HTMLInputElement>
           ): Promise<void> => {
             await addTagOnKeyDown(event);
           }}
@@ -196,7 +196,7 @@ export const Tags: React.FC<ITagProps> = ({
                   </button>
                 );
               }
-            })(),
+            })()
           )
         : null}
       {inputBox}
@@ -215,7 +215,7 @@ interface ITagsFieldProps {
 }
 
 export const TagsField: React.FC<ITagsFieldProps> = (
-  props: ITagsFieldProps,
+  props: ITagsFieldProps
 ) => {
   const errors = [];
   if (Object.keys(props.errorSchema).length > 0) {
diff --git a/packages/ui-components/src/FormDialog.tsx b/packages/ui-components/src/FormDialog.tsx
index 087ce4221..15a9e0ef8 100644
--- a/packages/ui-components/src/FormDialog.tsx
+++ b/packages/ui-components/src/FormDialog.tsx
@@ -35,7 +35,7 @@ const DEFAULT_BUTTON_CLASS = 'elyra-DialogDefaultButton';
  */
 export const showFormDialog = async (
   options: Partial<Dialog.IOptions<any>>,
-  formValidationFunction?: (dialog: Dialog<any>) => void,
+  formValidationFunction?: (dialog: Dialog<any>) => void
 ): Promise<Dialog.IResult<any>> => {
   const dialogBody = options.body;
   const dialog = new Dialog(options);
@@ -63,12 +63,12 @@ export const showFormDialog = async (
 
             if (elementTagName === 'select' || element.type === 'number') {
               element.addEventListener('change', (event: Event) =>
-                validateDialogButton(),
+                validateDialogButton()
               );
             }
             if (['input', 'textarea'].includes(elementTagName)) {
               element.addEventListener('keyup', (event: Event) =>
-                validateDialogButton(),
+                validateDialogButton()
               );
             }
 
@@ -78,7 +78,7 @@ export const showFormDialog = async (
 
       preventDefaultDialogHandler(
         () => isFormValid(fieldsToBeValidated),
-        dialog,
+        dialog
       );
       validateDialogButton();
     }
@@ -96,7 +96,7 @@ export const enableButton = (button: HTMLButtonElement): void => {
 
 const getDefaultButton = (
   options: Partial<Dialog.IOptions<any>>,
-  node: HTMLElement,
+  node: HTMLElement
 ): HTMLButtonElement => {
   const defaultButtonIndex =
     options.defaultButton ?? (options.buttons?.length ?? 0) - 1;
@@ -109,7 +109,7 @@ const getDefaultButton = (
 // Prevent user from bypassing validation upon pressing the 'Enter' key
 const preventDefaultDialogHandler = (
   isFormValidFn: () => boolean,
-  dialog: Dialog<any>,
+  dialog: Dialog<any>
 ): void => {
   const dialogHandleEvent = dialog.handleEvent;
   dialog.handleEvent = (event: Event): void => {
diff --git a/packages/ui-components/src/FormEditor.tsx b/packages/ui-components/src/FormEditor.tsx
index 7a1ee1d90..239ed76f3 100644
--- a/packages/ui-components/src/FormEditor.tsx
+++ b/packages/ui-components/src/FormEditor.tsx
@@ -22,7 +22,7 @@ import Form, { IChangeEvent } from '@rjsf/core';
 //import Field from '@rjsf/core';
 import {
   ArrayFieldTemplateProps,
-  FieldTemplateProps,
+  FieldTemplateProps
   //RegistryFieldsType,
 } from '@rjsf/utils';
 /*
@@ -155,7 +155,7 @@ export const FormEditor: React.FC<IFormEditorProps> = ({
   translator,
   originalData,
   allTags,
-  languageOptions,
+  languageOptions
 }) => {
   const [formData, setFormData] = React.useState(originalData ?? ({} as any));
 
@@ -163,7 +163,7 @@ export const FormEditor: React.FC<IFormEditorProps> = ({
    * Generate the rjsf uiSchema from uihints in the elyra metadata schema.
    */
   const uiSchema: any = {
-    classNames: 'elyra-formEditor',
+    classNames: 'elyra-formEditor'
   };
   for (const category in schema?.properties) {
     const properties = schema.properties[category];
@@ -176,7 +176,7 @@ export const FormEditor: React.FC<IFormEditorProps> = ({
 
   const templates: any = {
     ArrayFieldTemplate: CustomArrayTemplate,
-    FieldTemplate: CustomFieldTemplate,
+    FieldTemplate: CustomFieldTemplate
   };
 
   return (
@@ -188,7 +188,7 @@ export const FormEditor: React.FC<IFormEditorProps> = ({
         language: formData?.['Source']?.language ?? '',
         allTags: allTags,
         languageOptions: languageOptions,
-        trans: translator,
+        trans: translator
       }}
       // fields={componentRegistry}
       // FieldTemplate={(props : any) => <CustomFieldTemplate {...props} fields={props.registry.fields} />}
diff --git a/packages/ui-components/src/JSONComponent.tsx b/packages/ui-components/src/JSONComponent.tsx
index 10acaca01..584a5a663 100644
--- a/packages/ui-components/src/JSONComponent.tsx
+++ b/packages/ui-components/src/JSONComponent.tsx
@@ -36,7 +36,7 @@ const theme = {
   base0C: 'invalid',
   base0D: 'invalid',
   base0E: 'invalid',
-  base0F: 'invalid',
+  base0F: 'invalid'
 };
 
 interface IProps {
@@ -55,7 +55,7 @@ export const JSONComponent: React.FC<IProps> = ({ json }) => (
       extend: theme,
       valueLabel: 'cm-variable',
       valueText: 'cm-string',
-      nestedNodeItemString: 'cm-comment',
+      nestedNodeItemString: 'cm-comment'
     }}
     invertTheme={false}
     hideRoot={true}
@@ -63,7 +63,7 @@ export const JSONComponent: React.FC<IProps> = ({ json }) => (
       type: string,
       data: string,
       itemType: string,
-      itemString: string,
+      itemString: string
     ): any =>
       Array.isArray(data) ? (
         // Always display array type and the number of items i.e. "[] 2 items".
diff --git a/packages/ui-components/src/RequestErrors.tsx b/packages/ui-components/src/RequestErrors.tsx
index a17fe746f..40c40f60c 100644
--- a/packages/ui-components/src/RequestErrors.tsx
+++ b/packages/ui-components/src/RequestErrors.tsx
@@ -78,7 +78,7 @@ export class RequestErrors {
         ) : (
           <p>{defaultBody}</p>
         ),
-      buttons: [Dialog.okButton()],
+      buttons: [Dialog.okButton()]
     });
   }
 
@@ -95,7 +95,7 @@ export class RequestErrors {
           Endpoint <code>{endpoint}</code> not found.
         </p>
       ),
-      buttons: [Dialog.okButton()],
+      buttons: [Dialog.okButton()]
     });
   }
 
@@ -114,7 +114,7 @@ export class RequestErrors {
   static noMetadataError(
     schemaspace: string,
     action?: string,
-    schemaName?: string,
+    schemaName?: string
   ): Promise<Dialog.IResult<any>> {
     return showDialog({
       title: action ? `Cannot ${action}` : 'Error retrieving metadata',
@@ -130,7 +130,7 @@ export class RequestErrors {
       buttons:
         schemaspace === 'runtime'
           ? [Dialog.cancelButton(), Dialog.okButton({ label: `Open runtimes` })]
-          : [Dialog.okButton()],
+          : [Dialog.okButton()]
     });
   }
 }
diff --git a/packages/ui-components/src/icons.tsx b/packages/ui-components/src/icons.tsx
index 67c8603d0..646b1f4ef 100644
--- a/packages/ui-components/src/icons.tsx
+++ b/packages/ui-components/src/icons.tsx
@@ -39,80 +39,80 @@ import whatsNewSvg from '../style/icons/whats-new.svg';
 
 export const importIcon = new LabIcon({
   name: 'elyra:import',
-  svgstr: importSvg,
+  svgstr: importSvg
 });
 export const codeSnippetIcon = new LabIcon({
   name: 'elyra:code-snippet',
-  svgstr: codeSnippetSvg,
+  svgstr: codeSnippetSvg
 });
 export const dragDropIcon = new LabIcon({
   name: 'elyra:dragdrop',
-  svgstr: dragDropSvg,
+  svgstr: dragDropSvg
 });
 export const elyraIcon = new LabIcon({ name: 'elyra:elyra', svgstr: elyraSvg });
 export const pipelineIcon = new LabIcon({
   name: 'elyra:pipeline',
-  svgstr: pipelineSvg,
+  svgstr: pipelineSvg
 });
 export const componentCatalogIcon = new LabIcon({
   name: 'elyra:pipeline-components',
-  svgstr: pipelineComponentSvg,
+  svgstr: pipelineComponentSvg
 });
 export const errorIcon = new LabIcon({
   name: 'elyra:errorIcon',
-  svgstr: errorIconSvg,
+  svgstr: errorIconSvg
 });
 export const clearPipelineIcon = new LabIcon({
   name: 'elyra:clear-pipeline',
-  svgstr: clearPipelineSvg,
+  svgstr: clearPipelineSvg
 });
 export const exportPipelineIcon = new LabIcon({
   name: 'elyra:export-pipeline',
-  svgstr: exportPipelineSvg,
+  svgstr: exportPipelineSvg
 });
 export const savePipelineIcon = new LabIcon({
   name: 'elyra:save-pipeline',
-  svgstr: savePipelineSvg,
+  svgstr: savePipelineSvg
 });
 export const runtimesIcon = new LabIcon({
   name: 'elyra:runtimes',
-  svgstr: runtimesSvg,
+  svgstr: runtimesSvg
 });
 export const containerIcon = new LabIcon({
   name: 'elyra:container',
-  svgstr: containerSvg,
+  svgstr: containerSvg
 });
 export const trashIcon = new LabIcon({
   name: 'elyra:trashIcon',
-  svgstr: trashIconSvg,
+  svgstr: trashIconSvg
 });
 export const helpIcon = new LabIcon({
   name: 'elyra:helpIcon',
-  svgstr: helpIconSvg,
+  svgstr: helpIconSvg
 });
 export const tagIcon = new LabIcon({
   name: 'elyra:tagIcon',
-  svgstr: tagIconSvg,
+  svgstr: tagIconSvg
 });
 export const rIcon = new LabIcon({
   name: 'elyra:rIcon',
-  svgstr: rIconSvg,
+  svgstr: rIconSvg
 });
 export const scalaIcon = new LabIcon({
   name: 'elyra:scalaIcon',
-  svgstr: scalaIconSvg,
+  svgstr: scalaIconSvg
 });
 export const viewIcon = new LabIcon({
   name: 'elyra:view',
-  svgstr: viewIconSvg,
+  svgstr: viewIconSvg
 });
 export const viewOffIcon = new LabIcon({
   name: 'elyra:viewOff',
-  svgstr: viewOffIconSvg,
+  svgstr: viewOffIconSvg
 });
 export const whatsNewIcon = new LabIcon({
   name: 'elyra:whats-new',
-  svgstr: whatsNewSvg,
+  svgstr: whatsNewSvg
 });
 
 /**
@@ -128,7 +128,7 @@ export class IconUtil {
   static colorize(
     icon: LabIcon,
     fillColor?: string,
-    strokeColor?: string,
+    strokeColor?: string
   ): LabIcon {
     const iconName = `${icon.name}${fillColor ? ':' + fillColor : ''}${
       strokeColor ? ':' + strokeColor : ''
@@ -143,21 +143,21 @@ export class IconUtil {
     if (fillColor) {
       svgstr = svgstr.replace(
         /fill="(?:(?!none).)+?"/gi,
-        `fill="${fillColor}"`,
+        `fill="${fillColor}"`
       );
     }
     if (strokeColor) {
       svgstr = svgstr.replace(
         /stroke="(?:(?!none).)+?"/gi,
-        `stroke="${strokeColor}"`,
+        `stroke="${strokeColor}"`
       );
     }
 
     const coloredIcon = LabIcon.resolve({
       icon: {
         name: iconName,
-        svgstr: svgstr,
-      },
+        svgstr: svgstr
+      }
     });
 
     this.colorizedIcons[iconName] = coloredIcon;
diff --git a/scripts/start-test-server.ts b/scripts/start-test-server.ts
index d92c7a79e..e182c7ffd 100644
--- a/scripts/start-test-server.ts
+++ b/scripts/start-test-server.ts
@@ -32,7 +32,7 @@ const docker = spawn('docker', [
   '9000:9000',
   'minio/minio',
   'server',
-  '/data',
+  '/data'
 ]);
 
 const logDir = path.join(__dirname, '..', 'build', 'cypress-tests');
diff --git a/tests/.eslintrc.js b/tests/.eslintrc.js
index c3471b634..df7ce4139 100644
--- a/tests/.eslintrc.js
+++ b/tests/.eslintrc.js
@@ -18,9 +18,9 @@ module.exports = {
   plugins: ['cypress', 'mocha'],
   env: {
     'cypress/globals': true,
-    node: true,
+    node: true
   },
   rules: {
-    'mocha/no-exclusive-tests': 'warn',
-  },
+    'mocha/no-exclusive-tests': 'warn'
+  }
 };
diff --git a/tests/integration/01-scriptdebugger.ts b/tests/integration/01-scriptdebugger.ts
index e51500afe..32701a46b 100644
--- a/tests/integration/01-scriptdebugger.ts
+++ b/tests/integration/01-scriptdebugger.ts
@@ -38,7 +38,7 @@ describe('Script debugger tests', () => {
       openFile(TESTFILE);
       checkDefaultKernelSelection();
       checkDebuggerButtonEnabled(true);
-    },
+    }
   );
 
   it(
@@ -50,7 +50,7 @@ describe('Script debugger tests', () => {
       checkDebuggerButtonEnabled(true);
       cy.reload();
       checkDebuggerButtonEnabled(true);
-    },
+    }
   );
 
   it(
@@ -64,7 +64,7 @@ describe('Script debugger tests', () => {
       // Reopen editor
       openFile(TESTFILE);
       checkDebuggerButtonEnabled(true);
-    },
+    }
   );
 
   it(
@@ -73,11 +73,11 @@ describe('Script debugger tests', () => {
     () => {
       cy.createNewScriptEditor('R');
       cy.get(
-        '.elyra-ScriptEditor .jp-Toolbar select > option[value*=python]',
+        '.elyra-ScriptEditor .jp-Toolbar select > option[value*=python]'
       ).should('not.exist');
       checkDebuggerButtonEnabled(false);
       cy.deleteFile('untitled.r');
-    },
+    }
   );
 });
 
@@ -91,7 +91,7 @@ const checkDefaultKernelSelection = (): void => {
 
 const checkDebuggerButtonEnabled = (enabled: boolean): void => {
   const buttonElem = cy.get(
-    'button.jp-DebuggerBugButton[title="Enable Debugger"]',
+    'button.jp-DebuggerBugButton[title="Enable Debugger"]'
   );
 
   enabled
diff --git a/tests/integration/codesnippet.ts b/tests/integration/codesnippet.ts
index 12fc30e80..1f09a0f09 100644
--- a/tests/integration/codesnippet.ts
+++ b/tests/integration/codesnippet.ts
@@ -25,7 +25,7 @@ describe('Code Snippet tests', () => {
   afterEach(() => {
     // delete code-snippet used for testing
     cy.exec(`elyra-metadata remove code-snippets --name=${snippetName}`, {
-      failOnNonZeroExit: false,
+      failOnNonZeroExit: false
     });
   });
 
@@ -34,7 +34,7 @@ describe('Code Snippet tests', () => {
     cy.get('.elyra-metadata .elyra-metadataHeader').contains('Code Snippets');
     // and code-snippet create new button is visible
     cy.findByRole('button', { name: /create new code snippet/i }).should(
-      'be.visible',
+      'be.visible'
     );
   });
 
@@ -136,7 +136,7 @@ describe('Code Snippet tests', () => {
       'Insert',
       'Edit',
       'Duplicate',
-      'Delete',
+      'Delete'
     ];
 
     // Check expected buttons to be visible
@@ -343,7 +343,7 @@ const createInvalidCodeSnippet = (snippetName: string): any => {
 
 const populateCodeSnippetFields = (
   snippetName: string,
-  language?: string,
+  language?: string
 ): any => {
   clickCreateNewSnippetButton();
 
@@ -355,13 +355,13 @@ const populateCodeSnippetFields = (
 
   // Add snippet code
   cy.get('.CodeMirror .CodeMirror-scroll:visible').type(
-    'print("Code Snippet Test")',
+    'print("Code Snippet Test")'
   );
 };
 
 const createValidCodeSnippet = (
   snippetName: string,
-  language?: string,
+  language?: string
 ): any => {
   populateCodeSnippetFields(snippetName, language);
 
@@ -400,7 +400,7 @@ const duplicateSnippet = (snippetName: string): void => {
 
 const getActionButtonsElement = (snippetName: string): any => {
   const actionButtonsElement = getSnippetByName(snippetName).find(
-    '.elyra-expandableContainer-action-buttons',
+    '.elyra-expandableContainer-action-buttons'
   );
 
   return actionButtonsElement;
diff --git a/tests/integration/codesnippetfromselectedcells.ts b/tests/integration/codesnippetfromselectedcells.ts
index 7978c4d39..f2227023a 100644
--- a/tests/integration/codesnippetfromselectedcells.ts
+++ b/tests/integration/codesnippetfromselectedcells.ts
@@ -23,7 +23,7 @@ describe('Code snippet from cells tests', () => {
 
     // Create new python notebook
     cy.get(
-      '.jp-LauncherCard[data-category="Notebook"][title="Python 3 (ipykernel)"]',
+      '.jp-LauncherCard[data-category="Notebook"][title="Python 3 (ipykernel)"]'
     ).click();
 
     cy.wait(2000);
@@ -35,14 +35,14 @@ describe('Code snippet from cells tests', () => {
     cy.wait(2000);
 
     cy.get(
-      'li.lm-Menu-item[data-command="codesnippet:save-as-snippet"]',
+      'li.lm-Menu-item[data-command="codesnippet:save-as-snippet"]'
     ).should('have.class', 'p-mod-disabled');
   });
 
   it('test 1 cell', () => {
     // Create new cell
     cy.get(
-      '.jp-NotebookPanel-toolbar > div:nth-child(2) > button:nth-child(1)',
+      '.jp-NotebookPanel-toolbar > div:nth-child(2) > button:nth-child(1)'
     ).click();
 
     cy.wait(2000);
@@ -50,13 +50,13 @@ describe('Code snippet from cells tests', () => {
     populateCells();
 
     cy.get(cellSelector).first().rightclick({
-      force: true,
+      force: true
     });
 
     cy.wait(2000);
 
     cy.get(
-      'li.lm-Menu-item[data-command="codesnippet:save-as-snippet"]',
+      'li.lm-Menu-item[data-command="codesnippet:save-as-snippet"]'
     ).click();
 
     cy.wait(2000);
@@ -64,14 +64,14 @@ describe('Code snippet from cells tests', () => {
     // Verify snippet editor contents
     cy.get('span[role="presentation"]:visible').should(
       'have.text',
-      'print("test")',
+      'print("test")'
     );
   });
 
   it('test 2 cells', () => {
     // Create new cells
     cy.get(
-      '.jp-NotebookPanel-toolbar > div:nth-child(2) > button:nth-child(1)',
+      '.jp-NotebookPanel-toolbar > div:nth-child(2) > button:nth-child(1)'
     ).click();
 
     cy.wait(2000);
@@ -80,30 +80,30 @@ describe('Code snippet from cells tests', () => {
 
     // Select all cells
     cy.get(
-      ':nth-child(1) > .jp-Cell-inputWrapper > .jp-InputArea > .jp-InputPrompt',
+      ':nth-child(1) > .jp-Cell-inputWrapper > .jp-InputArea > .jp-InputPrompt'
     )
       .first()
       .click({
-        shiftKey: true,
+        shiftKey: true
       });
 
     cy.get('div.lm-Widget.p-Widget.jp-InputPrompt.jp-InputArea-prompt:visible')
       .first()
       .rightclick({
-        force: true,
+        force: true
       });
 
     cy.wait(2000);
 
     cy.get(
-      'li.lm-Menu-item[data-command="codesnippet:save-as-snippet"]',
+      'li.lm-Menu-item[data-command="codesnippet:save-as-snippet"]'
     ).click();
 
     cy.wait(2000);
 
     // Verify snippet editor contents
     cy.get(
-      '.elyra-form-code > .CodeMirror > .CodeMirror-scroll span[role="presentation"]:contains("test")',
+      '.elyra-form-code > .CodeMirror > .CodeMirror-scroll span[role="presentation"]:contains("test")'
     ).should('have.length', 2);
   });
 });
diff --git a/tests/integration/launcher.ts b/tests/integration/launcher.ts
index 4e4d356ac..90203e88f 100644
--- a/tests/integration/launcher.ts
+++ b/tests/integration/launcher.ts
@@ -25,29 +25,29 @@ describe('Elyra launcher is in use', () => {
     // });
     // Jupyter notebook default kernel is available
     cy.get(
-      '.jp-LauncherCard[data-category="Notebook"][title*="Python 3"]:visible',
+      '.jp-LauncherCard[data-category="Notebook"][title*="Python 3"]:visible'
     );
     // Generic Pipeline editor extension is available
     cy.get(
-      '.jp-LauncherCard[data-category="Elyra"][title="Generic Pipeline Editor"]:visible',
+      '.jp-LauncherCard[data-category="Elyra"][title="Generic Pipeline Editor"]:visible'
     );
     // Two specific runtime pipeline editor extension is available
     cy.get(
-      '.jp-LauncherCard[data-category="Elyra"][title="Apache Airflow Pipeline Editor"]:visible',
+      '.jp-LauncherCard[data-category="Elyra"][title="Apache Airflow Pipeline Editor"]:visible'
     );
     cy.get(
-      '.jp-LauncherCard[data-category="Elyra"][title="Kubeflow Pipelines Pipeline Editor"]:visible',
+      '.jp-LauncherCard[data-category="Elyra"][title="Kubeflow Pipelines Pipeline Editor"]:visible'
     );
     // Script editor extension is available
     cy.get(
-      '.jp-LauncherCard[data-category="Elyra"][title="Create a new Python Editor"]:visible',
+      '.jp-LauncherCard[data-category="Elyra"][title="Create a new Python Editor"]:visible'
     );
     cy.get(
-      '.jp-LauncherCard[data-category="Elyra"][title="Create a new R Editor"]:visible',
+      '.jp-LauncherCard[data-category="Elyra"][title="Create a new R Editor"]:visible'
     );
     // Documentation link is available
     cy.get(
-      '.jp-LauncherCard[data-category="Elyra"][title="Documentation"]:visible',
+      '.jp-LauncherCard[data-category="Elyra"][title="Documentation"]:visible'
     );
     cy.findByText(/what's new/i).should('be.visible');
   });
diff --git a/tests/integration/lsp.ts b/tests/integration/lsp.ts
index 3dcd69d6d..9ae3555b4 100644
--- a/tests/integration/lsp.ts
+++ b/tests/integration/lsp.ts
@@ -33,7 +33,7 @@ describe('LSP', () => {
 
     //check for lsp item on status bar
     cy.get('.lsp-statusbar-item ').find(
-      '[title="Fully connected & initialized (1 virtual document)"]',
+      '[title="Fully connected & initialized (1 virtual document)"]'
     );
   });
 });
diff --git a/tests/integration/pipeline.ts b/tests/integration/pipeline.ts
index beb4e0cd5..ea7196cb2 100644
--- a/tests/integration/pipeline.ts
+++ b/tests/integration/pipeline.ts
@@ -70,18 +70,18 @@ describe('Pipeline Editor tests', () => {
 
     // delete runtime configurations used for testing
     cy.exec('elyra-metadata remove runtimes --name=kfp_test_runtime', {
-      failOnNonZeroExit: false,
+      failOnNonZeroExit: false
     });
     cy.exec('elyra-metadata remove runtimes --name=airflow_test_runtime', {
-      failOnNonZeroExit: false,
+      failOnNonZeroExit: false
     });
 
     // delete example catalogs used for testing
     cy.exec(
       'elyra-metadata remove component-catalogs --name=example_components',
       {
-        failOnNonZeroExit: false,
-      },
+        failOnNonZeroExit: false
+      }
     );
   });
 
@@ -149,7 +149,7 @@ describe('Pipeline Editor tests', () => {
       /undo/i,
       /add comment/i,
       /arrange horizontally/i,
-      /arrange vertically/i,
+      /arrange vertically/i
     ];
     checkEnabledToolbarButtons(enabledButtons);
   });
@@ -166,7 +166,7 @@ describe('Pipeline Editor tests', () => {
     cy.openDirectory('pipelines');
     cy.writeFile(
       'build/cypress-tests/pipelines/complex.pipeline',
-      emptyPipeline,
+      emptyPipeline
     );
     cy.openFile('complex.pipeline');
     cy.get('.common-canvas-drop-div');
@@ -204,17 +204,17 @@ describe('Pipeline Editor tests', () => {
       cy.get('#root_component_parameters_outputs').within(() => {
         cy.findByRole('button', { name: /add/i }).click();
         cy.get('input[id="root_component_parameters_outputs_0"]').type(
-          'output-1.csv',
+          'output-1.csv'
         );
 
         cy.findByRole('button', { name: /add/i }).click();
         cy.get('input[id="root_component_parameters_outputs_1"]').type(
-          'output-2.csv',
+          'output-2.csv'
         );
       });
       cy.get('#root_component_parameters_runtime_image').within(() => {
         cy.get('select[id="root_component_parameters_runtime_image"]').select(
-          'continuumio/anaconda3@sha256:a2816acd3acda208d92e0bf6c11eb41fda9009ea20f24e123dbf84bb4bd4c4b8',
+          'continuumio/anaconda3@sha256:a2816acd3acda208d92e0bf6c11eb41fda9009ea20f24e123dbf84bb4bd4c4b8'
         );
       });
 
@@ -222,7 +222,7 @@ describe('Pipeline Editor tests', () => {
       cy.findByText('consumer.ipynb').click();
       cy.get('#root_component_parameters_runtime_image').within(() => {
         cy.get('select[id="root_component_parameters_runtime_image"]').select(
-          'continuumio/anaconda3@sha256:a2816acd3acda208d92e0bf6c11eb41fda9009ea20f24e123dbf84bb4bd4c4b8',
+          'continuumio/anaconda3@sha256:a2816acd3acda208d92e0bf6c11eb41fda9009ea20f24e123dbf84bb4bd4c4b8'
         );
       });
 
@@ -230,7 +230,7 @@ describe('Pipeline Editor tests', () => {
       cy.findByText('setup.py').click();
       cy.get('#root_component_parameters_runtime_image').within(() => {
         cy.get('select[id="root_component_parameters_runtime_image"]').select(
-          'continuumio/anaconda3@sha256:a2816acd3acda208d92e0bf6c11eb41fda9009ea20f24e123dbf84bb4bd4c4b8',
+          'continuumio/anaconda3@sha256:a2816acd3acda208d92e0bf6c11eb41fda9009ea20f24e123dbf84bb4bd4c4b8'
         );
       });
       cy.get('#root_component_parameters_dependencies').within(() => {
@@ -250,18 +250,18 @@ describe('Pipeline Editor tests', () => {
       cy.findByText('create-source-files.py').click();
       cy.get('#root_component_parameters_runtime_image').within(() => {
         cy.get('select[id="root_component_parameters_runtime_image"]').select(
-          'continuumio/anaconda3@sha256:a2816acd3acda208d92e0bf6c11eb41fda9009ea20f24e123dbf84bb4bd4c4b8',
+          'continuumio/anaconda3@sha256:a2816acd3acda208d92e0bf6c11eb41fda9009ea20f24e123dbf84bb4bd4c4b8'
         );
       });
       cy.get('#root_component_parameters_outputs').within(() => {
         cy.findByRole('button', { name: /add/i }).click();
         cy.get('input[id="root_component_parameters_outputs_0"]').type(
-          'input-1.csv',
+          'input-1.csv'
         );
 
         cy.findByRole('button', { name: /add/i }).click();
         cy.get('input[id="root_component_parameters_outputs_1"]').type(
-          'input-2.csv',
+          'input-2.csv'
         );
       });
 
@@ -269,18 +269,18 @@ describe('Pipeline Editor tests', () => {
       cy.findByText('producer-script.py').click();
       cy.get('#root_component_parameters_runtime_image').within(() => {
         cy.get('select[id="root_component_parameters_runtime_image"]').select(
-          'continuumio/anaconda3@sha256:a2816acd3acda208d92e0bf6c11eb41fda9009ea20f24e123dbf84bb4bd4c4b8',
+          'continuumio/anaconda3@sha256:a2816acd3acda208d92e0bf6c11eb41fda9009ea20f24e123dbf84bb4bd4c4b8'
         );
       });
       cy.get('#root_component_parameters_outputs').within(() => {
         cy.findByRole('button', { name: /add/i }).click();
         cy.get('input[id="root_component_parameters_outputs_0"]').type(
-          'output-3.csv',
+          'output-3.csv'
         );
 
         cy.findByRole('button', { name: /add/i }).click();
         cy.get('input[id="root_component_parameters_outputs_1"]').type(
-          'output-4.csv',
+          'output-4.csv'
         );
       });
     });
@@ -288,7 +288,7 @@ describe('Pipeline Editor tests', () => {
     cy.savePipeline();
 
     cy.readFile(
-      'build/cypress-tests/pipelines/complex.pipeline',
+      'build/cypress-tests/pipelines/complex.pipeline'
     ).matchesSnapshot();
   });
 
@@ -341,7 +341,7 @@ describe('Pipeline Editor tests', () => {
     cy.openDirectory('pipelines');
     cy.writeFile(
       'build/cypress-tests/pipelines/complex.pipeline',
-      emptyPipeline,
+      emptyPipeline
     );
     cy.openFile('complex.pipeline');
     cy.get('.common-canvas-drop-div');
@@ -378,7 +378,7 @@ describe('Pipeline Editor tests', () => {
     cy.openDirectory('pipelines');
     cy.writeFile(
       'build/cypress-tests/pipelines/complex.pipeline',
-      emptyPipeline,
+      emptyPipeline
     );
     cy.openFile('complex.pipeline');
     cy.get('.common-canvas-drop-div');
@@ -524,7 +524,7 @@ describe('Pipeline Editor tests', () => {
 
     // validate job was executed successfully, this can take a while in ci
     cy.findByText(/pipeline export succeeded/i, { timeout: 30000 }).should(
-      'be.visible',
+      'be.visible'
     );
 
     cy.readFile('build/cypress-tests/generic-test.yaml');
@@ -558,7 +558,7 @@ describe('Pipeline Editor tests', () => {
 
     // validate job was executed successfully, this can take a while in ci
     cy.findByText(/pipeline export succeeded/i, { timeout: 30000 }).should(
-      'be.visible',
+      'be.visible'
     );
 
     cy.readFile('build/cypress-tests/generic-test.py');
@@ -596,7 +596,7 @@ describe('Pipeline Editor tests', () => {
 
     // validate job was executed successfully, this can take a while in ci
     cy.findByText(/pipeline export succeeded/i, { timeout: 30000 }).should(
-      'be.visible',
+      'be.visible'
     );
 
     cy.readFile('build/cypress-tests/helloworld.py');
@@ -633,7 +633,7 @@ describe('Pipeline Editor tests', () => {
 
     // validate job was executed successfully, this can take a while in ci
     cy.findByText(/pipeline export succeeded/i, { timeout: 30000 }).should(
-      'be.visible',
+      'be.visible'
     );
 
     cy.readFile('build/cypress-tests/generic-test-custom.yaml');
@@ -655,10 +655,10 @@ describe('Pipeline Editor tests', () => {
       cy.get('#root_component_parameters_env_vars').within(() => {
         cy.findByRole('button', { name: /add/i }).click();
         cy.get('input[id="root_component_parameters_env_vars_0_env_var"]').type(
-          'BAD',
+          'BAD'
         );
         cy.get('input[id="root_component_parameters_env_vars_0_value"]').type(
-          'two',
+          'two'
         );
       });
 
@@ -689,7 +689,7 @@ describe('Pipeline Editor tests', () => {
       'elyra-kfp-examples-catalog\\:61e6f4141f65', // run notebook using papermill
       'elyra-kfp-examples-catalog\\:737915b826e9', // filter text
       'elyra-kfp-examples-catalog\\:a08014f9252f', // download data
-      'elyra-kfp-examples-catalog\\:d68ec7fcdf46', // calculate data hash
+      'elyra-kfp-examples-catalog\\:d68ec7fcdf46' // calculate data hash
     ];
 
     kfpCustomComponents.forEach((component) => {
diff --git a/tests/integration/pythoneditor.ts b/tests/integration/pythoneditor.ts
index 13df8cada..ee6f293d6 100644
--- a/tests/integration/pythoneditor.ts
+++ b/tests/integration/pythoneditor.ts
@@ -27,7 +27,7 @@ describe('Python Editor tests', () => {
 
     // Delete runtime configuration used for testing
     cy.exec('elyra-metadata remove runtimes --name=kfp_test_runtime', {
-      failOnNonZeroExit: false,
+      failOnNonZeroExit: false
     });
   });
 
@@ -54,7 +54,7 @@ describe('Python Editor tests', () => {
     cy.findByText(/^new$/i).click();
 
     cy.get(
-      '[data-command="script-editor:create-new-python-editor"] > .lm-Menu-itemLabel',
+      '[data-command="script-editor:create-new-python-editor"] > .lm-Menu-itemLabel'
     ).click();
   });
 
@@ -113,7 +113,7 @@ describe('Python Editor tests', () => {
     clickRunButton();
     cy.get('[id=tab-ScriptEditor-output]').should(
       'have.text',
-      'Console Output',
+      'Console Output'
     );
     cy.get('button[title="Top"]').should('be.visible');
     cy.get('button[title="Bottom"]').should('be.visible');
diff --git a/tests/integration/reditor.ts b/tests/integration/reditor.ts
index f22360802..72a69a030 100644
--- a/tests/integration/reditor.ts
+++ b/tests/integration/reditor.ts
@@ -49,15 +49,15 @@ describe('R Editor tests', () => {
     cy.findByRole('menuitem', { name: /file/i }).click();
     cy.findByText(/^new$/i).click();
     cy.get(
-      '[data-command="script-editor:create-new-r-editor"] svg[data-icon="elyra:rIcon"]',
+      '[data-command="script-editor:create-new-r-editor"] svg[data-icon="elyra:rIcon"]'
     );
 
     // Check r icons from launcher & file explorer
     cy.get(
-      '.jp-LauncherCard[data-category="Elyra"][title="Create a new R Editor"] svg[data-icon="elyra:rIcon"]',
+      '.jp-LauncherCard[data-category="Elyra"][title="Create a new R Editor"] svg[data-icon="elyra:rIcon"]'
     ).click();
     cy.get(
-      '#filebrowser [title*="Name: untitled1.r"] svg[data-icon="elyra:rIcon"]',
+      '#filebrowser [title*="Name: untitled1.r"] svg[data-icon="elyra:rIcon"]'
     );
     cy.closeTab(-1);
   });
@@ -67,7 +67,7 @@ describe('R Editor tests', () => {
     cy.findByText(/^new$/i).click();
 
     cy.get(
-      '[data-command="script-editor:create-new-r-editor"] > .lm-Menu-itemLabel',
+      '[data-command="script-editor:create-new-r-editor"] > .lm-Menu-itemLabel'
     ).click();
   });
 
diff --git a/tests/integration/submitnotebookbutton.ts b/tests/integration/submitnotebookbutton.ts
index 56ee82b05..564ec4e27 100644
--- a/tests/integration/submitnotebookbutton.ts
+++ b/tests/integration/submitnotebookbutton.ts
@@ -27,7 +27,7 @@ describe('Submit Notebook Button tests', () => {
 
     // Delete runtime configuration used for testing
     cy.exec('elyra-metadata remove runtimes --name=kfp_test_runtime', {
-      failOnNonZeroExit: false,
+      failOnNonZeroExit: false
     });
   });
 
@@ -62,7 +62,7 @@ describe('Submit Notebook Button tests', () => {
 
 const openNewNotebookFile = (): void => {
   cy.get(
-    '.jp-LauncherCard[data-category="Notebook"][title*="Python 3"]:visible',
+    '.jp-LauncherCard[data-category="Notebook"][title*="Python 3"]:visible'
   )
     .first()
     .click();
diff --git a/tests/support/commands.ts b/tests/support/commands.ts
index 71e103bc1..e4d2045cb 100644
--- a/tests/support/commands.ts
+++ b/tests/support/commands.ts
@@ -45,7 +45,7 @@ Cypress.Commands.add('installRuntimeConfig', ({ type } = {}): void => {
 
   cy.exec(
     type === 'kfp' ? kfpRuntimeInstallCommand : airflowRuntimeInstallCommand,
-    { failOnNonZeroExit: false },
+    { failOnNonZeroExit: false }
   );
 });
 
@@ -64,11 +64,11 @@ Cypress.Commands.add('createRuntimeConfig', ({ type } = {}): void => {
 
   if (type === 'kfp') {
     cy.findByLabelText(/kubeflow .* endpoint\*/i).type(
-      'https://kubernetes-service.ibm.com/pipeline',
+      'https://kubernetes-service.ibm.com/pipeline'
     );
   } else {
     cy.findByLabelText(/airflow .* endpoint/i).type(
-      'https://kubernetes-service.ibm.com/pipeline',
+      'https://kubernetes-service.ibm.com/pipeline'
     );
     cy.findByLabelText(/github .* repository\*/i).type('akchinstc/test-repo');
     cy.findByLabelText(/github .* branch/i).type('main');
@@ -76,12 +76,12 @@ Cypress.Commands.add('createRuntimeConfig', ({ type } = {}): void => {
     // Check the default value is displayed on github api endpoint field
     cy.findByLabelText(/github .* endpoint/i).should(
       'have.value',
-      'https://api.github.com',
+      'https://api.github.com'
     );
   }
 
   cy.findByLabelText('Cloud Object Storage Endpoint*').type(
-    'http://0.0.0.0:9000',
+    'http://0.0.0.0:9000'
   );
 
   if (type !== 'invalid') {
@@ -103,10 +103,10 @@ Cypress.Commands.add('createRuntimeConfig', ({ type } = {}): void => {
 Cypress.Commands.add('createExampleComponentCatalog', ({ type } = {}): void => {
   cy.on('fail', (e) => {
     console.error(
-      `Example catalog connectors do not appear to be installed.\n${e}`,
+      `Example catalog connectors do not appear to be installed.\n${e}`
     );
     throw new Error(
-      `Example catalog connectors do not appear to be installed.\n${e}`,
+      `Example catalog connectors do not appear to be installed.\n${e}`
     );
   });
 
@@ -115,11 +115,11 @@ Cypress.Commands.add('createExampleComponentCatalog', ({ type } = {}): void => {
 
   if (type === 'kfp') {
     cy.findByRole('menuitem', {
-      name: /new kubeflow pipelines example components catalog/i,
+      name: /new kubeflow pipelines example components catalog/i
     }).click();
   } else {
     cy.findByRole('menuitem', {
-      name: /new apache airflow example components catalog/i,
+      name: /new apache airflow example components catalog/i
     }).click();
   }
 
@@ -131,7 +131,7 @@ Cypress.Commands.add('createExampleComponentCatalog', ({ type } = {}): void => {
 
 Cypress.Commands.add('deleteFile', (name: string): void => {
   cy.exec(`find build/cypress-tests/ -name "${name}" -delete`, {
-    failOnNonZeroExit: false,
+    failOnNonZeroExit: false
   });
 });
 
@@ -142,17 +142,17 @@ Cypress.Commands.add(
       switch (type) {
         case 'kfp':
           cy.get(
-            '.jp-LauncherCard[data-category="Elyra"][title="Kubeflow Pipelines Pipeline Editor"]',
+            '.jp-LauncherCard[data-category="Elyra"][title="Kubeflow Pipelines Pipeline Editor"]'
           ).click();
           break;
         case 'airflow':
           cy.get(
-            '.jp-LauncherCard[data-category="Elyra"][title="Apache Airflow Pipeline Editor"]',
+            '.jp-LauncherCard[data-category="Elyra"][title="Apache Airflow Pipeline Editor"]'
           ).click();
           break;
         default:
           cy.get(
-            '.jp-LauncherCard[data-category="Elyra"][title="Generic Pipeline Editor"]',
+            '.jp-LauncherCard[data-category="Elyra"][title="Generic Pipeline Editor"]'
           ).click();
           break;
       }
@@ -164,25 +164,25 @@ Cypress.Commands.add(
     cy.get('.common-canvas-drop-div');
     // wait an additional 300ms for the list of items to settle
     cy.wait(300);
-  },
+  }
 );
 
 Cypress.Commands.add('openDirectory', (name: string): void => {
   cy.findByRole('listitem', {
-    name: (n, _el) => n.includes(name),
+    name: (n, _el) => n.includes(name)
   }).dblclick();
 });
 
 Cypress.Commands.add('addFileToPipeline', (name: string): void => {
   cy.findByRole('listitem', {
-    name: (n, _el) => n.includes(name),
+    name: (n, _el) => n.includes(name)
   }).rightclick();
   cy.findByRole('menuitem', { name: /add file to pipeline/i }).click();
 });
 
 Cypress.Commands.add('dragAndDropFileToPipeline', (name: string): void => {
   const dragItem = cy.findByRole('listitem', {
-    name: (n, _el) => n.includes(name),
+    name: (n, _el) => n.includes(name)
   });
 
   dragItem.trigger('mousedown', { button: 0 });
@@ -203,7 +203,7 @@ Cypress.Commands.add('savePipeline', (): void => {
 Cypress.Commands.add('openFile', (name: string): void => {
   cy.findByRole('listitem', {
     name: (n, _el) => n.includes(name),
-    timeout: 50000,
+    timeout: 50000
   }).dblclick();
 });
 
@@ -217,14 +217,14 @@ Cypress.Commands.add('resetJupyterLab', (): void => {
   // open jupyterlab with a clean workspace
   cy.visit('?token=test&reset');
   cy.findByRole('tab', { name: /file browser/i, timeout: 25000 }).should(
-    'exist',
+    'exist'
   );
 });
 
 Cypress.Commands.add('checkTabMenuOptions', (fileType: string): void => {
   cy.findByRole('tab', { name: /\.pipeline/i }).rightclick();
   cy.findAllByRole('menuitem', { name: new RegExp(fileType, 'i') }).should(
-    'exist',
+    'exist'
   );
   //dismiss menu
   cy.get('[aria-label="Canvas"]').click({ force: true });
@@ -236,7 +236,7 @@ Cypress.Commands.add('closeTab', (index: number): void => {
 
 Cypress.Commands.add('createNewScriptEditor', (language: string): void => {
   cy.get(
-    `.jp-LauncherCard[data-category="Elyra"][title="Create a new ${language} Editor"]:visible`,
+    `.jp-LauncherCard[data-category="Elyra"][title="Create a new ${language} Editor"]:visible`
   ).click();
 });
 
@@ -265,41 +265,41 @@ Cypress.Commands.add('checkScriptEditorToolbarContent', (): void => {
 Cypress.Commands.add('checkRightClickTabContent', (fileType: string): void => {
   // Open right-click context menu
   cy.get('.lm-TabBar-tab[data-type="document-title"]').rightclick({
-    force: true,
+    force: true
   });
 
   // Check contents of each menu item
   cy.get('[data-command="application:close"] > .lm-Menu-itemLabel').contains(
-    'Close Tab',
+    'Close Tab'
   );
   cy.get(
-    '[data-command="application:close-other-tabs"] > .lm-Menu-itemLabel',
+    '[data-command="application:close-other-tabs"] > .lm-Menu-itemLabel'
   ).contains('Close All Other Tabs');
   cy.get(
-    '[data-command="application:close-right-tabs"] > .lm-Menu-itemLabel',
+    '[data-command="application:close-right-tabs"] > .lm-Menu-itemLabel'
   ).contains('Close Tabs to Right');
   cy.get(
-    '[data-command="filemenu:create-console"] > .lm-Menu-itemLabel',
+    '[data-command="filemenu:create-console"] > .lm-Menu-itemLabel'
   ).contains('Create Console for Editor');
   cy.get('[data-command="docmanager:rename"] > .lm-Menu-itemLabel').contains(
-    `Rename ${fileType} File…`,
+    `Rename ${fileType} File…`
   );
   cy.get('[data-command="docmanager:delete"] > .lm-Menu-itemLabel').contains(
-    `Delete ${fileType} File`,
+    `Delete ${fileType} File`
   );
   cy.get('[data-command="docmanager:clone"] > .lm-Menu-itemLabel').contains(
-    `New View for ${fileType} File`,
+    `New View for ${fileType} File`
   );
   cy.get(
-    '[data-command="docmanager:show-in-file-browser"] > .lm-Menu-itemLabel',
+    '[data-command="docmanager:show-in-file-browser"] > .lm-Menu-itemLabel'
   ).contains('Show in File Browser');
   cy.get(
-    '[data-command="__internal:context-menu-info"] > .lm-Menu-itemLabel',
+    '[data-command="__internal:context-menu-info"] > .lm-Menu-itemLabel'
   ).contains('Shift+Right Click for Browser Menu');
 
   // Dismiss menu
   cy.get(
-    '[data-command="docmanager:show-in-file-browser"] > .lm-Menu-itemLabel',
+    '[data-command="docmanager:show-in-file-browser"] > .lm-Menu-itemLabel'
   ).click();
 });
 
@@ -314,7 +314,7 @@ Cypress.Commands.add(
 
     // Close the file editor
     cy.closeTab(-1);
-  },
+  }
 );
 
 // Open helloworld.* using file -> open from path
diff --git a/tests/utils/snapshots/plugin.ts b/tests/utils/snapshots/plugin.ts
index 07206c43e..284b0b8ca 100644
--- a/tests/utils/snapshots/plugin.ts
+++ b/tests/utils/snapshots/plugin.ts
@@ -33,7 +33,7 @@ const createSnapshot = (value: any): string => {
   // replace UUIDs with something generic
   return serializedObj.replace(
     /[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}/gi,
-    'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
+    'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'
   );
 };
 
@@ -76,13 +76,13 @@ export const register = (on: any, _config: any): void => {
             bColor: noColor,
             changeColor: noColor,
             commonColor: noColor,
-            patchColor: noColor,
+            patchColor: noColor
           });
 
           return {
             status: 'fail',
             name: 'Snapshot Match Error',
-            message: `Value does not match stored snapshot:\n${diff}`,
+            message: `Value does not match stored snapshot:\n${diff}`
           };
         }
 
@@ -93,12 +93,12 @@ export const register = (on: any, _config: any): void => {
         return {
           status: 'fail',
           name: 'Snapshot Not Found',
-          message: `${path} does not exist.`,
+          message: `${path} does not exist.`
         };
       }
 
       fs.writeFileSync(path, newSnap);
       return { status: 'new' };
-    },
+    }
   });
 };
diff --git a/testutils/jest.config.js b/testutils/jest.config.js
index 93c19bf37..adef918e2 100644
--- a/testutils/jest.config.js
+++ b/testutils/jest.config.js
@@ -20,7 +20,7 @@ const upstream = func('jupyterlab_go_to_definition', __dirname);
 const reuseFromUpstream = [
   'setupFilesAfterEnv',
   'setupFiles',
-  'moduleFileExtensions',
+  'moduleFileExtensions'
 ];
 
 const esModules = [
@@ -32,7 +32,7 @@ const esModules = [
   'y\\-protocols',
   'y\\-websocket',
   'yjs',
-  '(@jupyterlab/.*)/',
+  '(@jupyterlab/.*)/'
 ].join('|');
 
 const local = {
@@ -42,13 +42,13 @@ const local = {
   transform: {
     '\\.(ts|tsx)?$': 'ts-jest',
     '\\.(js|jsx)?$': '../../testutils/transform.js',
-    '\\.svg$': 'jest-raw-loader',
+    '\\.svg$': 'jest-raw-loader'
   },
   transformIgnorePatterns: [`/node_modules/(?!${esModules}).+`],
   moduleNameMapper: {
     '\\.(css|less|sass|scss)$': 'identity-obj-proxy',
-    '\\.(gif|ttf|eot)$': '@jupyterlab/testutils/lib/jest-file-mock.js',
-  },
+    '\\.(gif|ttf|eot)$': '@jupyterlab/testutils/lib/jest-file-mock.js'
+  }
 };
 
 for (const option of reuseFromUpstream) {
diff --git a/testutils/jest.setup.js b/testutils/jest.setup.js
index 544e75403..1294c76c9 100644
--- a/testutils/jest.setup.js
+++ b/testutils/jest.setup.js
@@ -18,6 +18,6 @@ const crypto = require('crypto');
 
 Object.defineProperty(global.self, 'crypto', {
   value: {
-    getRandomValues: (arr) => crypto.randomBytes(arr.length),
-  },
+    getRandomValues: (arr) => crypto.randomBytes(arr.length)
+  }
 });