Update eslint and prettier, and run eslint

Author: hbcarlos

package.json

@@ -54,13 +54,13 @@
   },
   "devDependencies": {
     "@jupyterlab/builder": "^4.0.0-alpha.4",
-    "@typescript-eslint/eslint-plugin": "^4.8.1",
-    "@typescript-eslint/parser": "^4.8.1",
-    "eslint": "^7.14.0",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-plugin-prettier": "^3.1.4",
+    "@typescript-eslint/eslint-plugin": "^5.12.1",
+    "@typescript-eslint/parser": "^5.12.1",
+    "eslint": "^8.9.0",
+    "eslint-config-prettier": "^8.4.0",
+    "eslint-plugin-prettier": "^4.0.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.1.1",
+    "prettier": "^2.5.1",
     "rimraf": "^3.0.2",
     "typescript": "~4.5.2"
   },

src/factory.ts

@@ -1,39 +1,39 @@
 import {
-    ABCWidgetFactory,
-    DocumentRegistry,
-    DocumentModel
-  } from '@jupyterlab/docregistry';
-  
-  import { BlocklyEditor, BlocklyPanel } from './widget';
-  
+  ABCWidgetFactory,
+  DocumentRegistry,
+  DocumentModel
+} from '@jupyterlab/docregistry';
+
+import { BlocklyEditor, BlocklyPanel } from './widget';
+
+/**
+ * A widget factory to create new instances of ExampleDocWidget.
+ */
+export class BlocklyEditorFactory extends ABCWidgetFactory<
+  BlocklyEditor,
+  DocumentModel
+> {
   /**
-   * A widget factory to create new instances of ExampleDocWidget.
+   * Constructor of ExampleWidgetFactory.
+   *
+   * @param options Constructor options
    */
-  export class BlocklyEditorFactory extends ABCWidgetFactory<
-    BlocklyEditor,
-    DocumentModel
-  > {
-    /**
-     * Constructor of ExampleWidgetFactory.
-     *
-     * @param options Constructor options
-     */
-    constructor(options: DocumentRegistry.IWidgetFactoryOptions) {
-      super(options);
-    }
-  
-    /**
-     * Create a new widget given a context.
-     *
-     * @param context Contains the information of the file
-     * @returns The widget
-     */
-    protected createNewWidget(
-      context: DocumentRegistry.IContext<DocumentModel>
-    ): BlocklyEditor {
-      return new BlocklyEditor({
-        context,
-        content: new BlocklyPanel(context)
-      });
-    }
-  }
+  constructor(options: DocumentRegistry.IWidgetFactoryOptions) {
+    super(options);
+  }
+
+  /**
+   * Create a new widget given a context.
+   *
+   * @param context Contains the information of the file
+   * @returns The widget
+   */
+  protected createNewWidget(
+    context: DocumentRegistry.IContext<DocumentModel>
+  ): BlocklyEditor {
+    return new BlocklyEditor({
+      context,
+      content: new BlocklyPanel(context)
+    });
+  }
+}

src/index.ts

@@ -8,22 +8,21 @@ import { WidgetTracker } from '@jupyterlab/apputils';
 
 import { BlocklyEditorFactory } from './factory';
 
-
 import { BlocklyEditor } from './widget';
 
 /**
  * The name of the factory that creates the editor widgets.
  */
- const FACTORY = 'Blockly editor';
+const FACTORY = 'Blockly editor';
 
 /**
  * Initialization data for the jupyterlab-blocky extension.
  */
 const plugin: JupyterFrontEndPlugin<void> = {
   id: 'jupyterlab-blocky:plugin',
   autoStart: true,
-    requires: [ILayoutRestorer],
-    activate: (app: JupyterFrontEnd, restorer: ILayoutRestorer) => {
+  requires: [ILayoutRestorer],
+  activate: (app: JupyterFrontEnd, restorer: ILayoutRestorer) => {
     console.log('JupyterLab extension jupyterlab-blocky is activated!');
 
     // Namespace for the tracker
@@ -44,22 +43,22 @@ const plugin: JupyterFrontEndPlugin<void> = {
 
     // Creating the widget factory to register it so the document manager knows about
     // our new DocumentWidget
-      const widgetFactory = new BlocklyEditorFactory({
-        name: FACTORY,
-        modelName: 'text',
-        fileTypes: ['json']
+    const widgetFactory = new BlocklyEditorFactory({
+      name: FACTORY,
+      modelName: 'text',
+      fileTypes: ['json']
     });
 
-      // Add the widget to the tracker when it's created
+    // Add the widget to the tracker when it's created
     widgetFactory.widgetCreated.connect((sender, widget) => {
       // Notify the instance tracker if restore data needs to update.
       widget.context.pathChanged.connect(() => {
         tracker.save(widget);
       });
       tracker.add(widget);
-      });
-      // Registering the widget factory
-      app.docRegistry.addWidgetFactory(widgetFactory);
+    });
+    // Registering the widget factory
+    app.docRegistry.addWidgetFactory(widgetFactory);
   }
 };
 

src/layout.ts

@@ -90,7 +90,7 @@ export class BlocklyLayout extends Layout {
   protected onResize(msg: Message): void {
     console.debug('[BlocklyLayout] onResize');
     // TODO: write the resize logic
-    var rect = this.parent.node.getBoundingClientRect();
+    const rect = this.parent.node.getBoundingClientRect();
     this._host.style.width = rect.width + 'px';
     this._host.style.height = rect.height + 'px';
     Blockly.svgResize(this._workspace);
@@ -121,4 +121,4 @@ export class BlocklyLayout extends Layout {
   protected onAfterShow(msg: Message): void {
     console.debug('[BlocklyLayout] onAfterShow');
   }
-}
+}