Fix Build workflow

Author: hbcarlos

.github/workflows/build.yml

@@ -14,10 +14,10 @@ jobs:
       uses: actions/checkout@v2
 
     - name: Base Setup
-        uses: jupyterlab/maintainer-tools/.github/actions/base-setup@v1
+      uses: jupyterlab/maintainer-tools/.github/actions/base-setup@v1
 
     - name: Install dependencies
-      run: python -m pip install -U jupyterlab~=3.1 check-manifest
+      run: python -m pip install -U check-manifest jupyterlab --pre
 
     - name: Build the extension
       run: |
@@ -26,6 +26,7 @@ jobs:
         jlpm run eslint:check
         python -m pip install .
 
+        jupyter labextension list
         jupyter labextension list 2>&1 | grep -ie "jupyterlab-blockly.*OK"
         python -m jupyterlab.browser_check
 
@@ -64,6 +65,6 @@ jobs:
         sudo rm -rf $(which node)
         sudo rm -rf $(which node)
         pip install myextension.tar.gz
-        pip install jupyterlab
+        pip install jupyterlab --pre
         jupyter labextension list 2>&1 | grep -ie "jupyterlab-blockly.*OK"
-        python -m jupyterlab.browser_check --no-chrome-test
+        python -m jupyterlab.browser_check --no-browser-test

README.md

@@ -13,7 +13,7 @@ Repo: https://github.com/google/blockly
 
 ## Requirements
 
-* JupyterLab >= 3.0
+* JupyterLab >= 4.0.0a0
 
 ## Install
 

package.json

@@ -84,7 +84,7 @@
   "jupyter-releaser": {
     "hooks": {
       "before-build-npm": [
-        "python -m pip install jupyterlab~=3.1",
+        "python -m pip install jupyterlab --pre",
         "jlpm"
       ]
     }

src/layout.ts

@@ -39,9 +39,9 @@ export class BlocklyLayout extends PanelLayout {
     // and the output area to render the execution replies.
     this._host = document.createElement('div');
 
-    // Creating a SimplifiedOutputArea widget to render the 
+    // Creating a SimplifiedOutputArea widget to render the
     // outputs from the execution reply.
-    this._outputArea= new SimplifiedOutputArea({
+    this._outputArea = new SimplifiedOutputArea({
       model: new OutputAreaModel({ trusted: true }),
       rendermime
     });
@@ -99,11 +99,11 @@ export class BlocklyLayout extends PanelLayout {
     // Execute the code using the kernel, by using a static method from the
     // same class to make an execution request.
     SimplifiedOutputArea.execute(code, this._outputArea, this._sessionContext)
-    .then(resp => {
-      this.addWidget(this._outputArea);
-      this._resizeWorkspace();
-    })
-    .catch(e => console.error(e));
+      .then(resp => {
+        this.addWidget(this._outputArea);
+        this._resizeWorkspace();
+      })
+      .catch(e => console.error(e));
   }
 
   /**
@@ -130,7 +130,7 @@ export class BlocklyLayout extends PanelLayout {
   /**
    * Handle `after-attach` messages sent to the widget.
    */
-  protected onAfterAttach(msg: Message): void {    
+  protected onAfterAttach(msg: Message): void {
     //inject Blockly with appropiate JupyterLab theme.
     this._workspace = Blockly.inject(this._host, {
       toolbox: this._manager.toolbox,

src/utils.ts

@@ -354,18 +354,18 @@ export const TOOLBOX = {
 
 // Defining a Blockly Theme in accordance with the current JupyterLab Theme.
 const jupyterlab_theme = Blockly.Theme.defineTheme('jupyterlab', {
-  'base': Blockly.Themes.Classic,
-  'componentStyles': {
-    'workspaceBackgroundColour': 'var(--jp-layout-color0)',
-    'toolboxBackgroundColour': 'var(--jp-layout-color2)',
-    'toolboxForegroundColour':  'var(--jp-ui-font-color0)',
-    'flyoutBackgroundColour': 'var(--jp-border-color2)',
-    'flyoutForegroundColour': 'var(--jp-layout-color3)',
-    'flyoutOpacity': 1,
-    'scrollbarColour': 'var(--jp-border-color0)',
-    'insertionMarkerOpacity': 0.3,
-    'scrollbarOpacity': 0.4,
-    'cursorColour': 'var(--jp-scrollbar-background-color)',
+  base: Blockly.Themes.Classic,
+  componentStyles: {
+    workspaceBackgroundColour: 'var(--jp-layout-color0)',
+    toolboxBackgroundColour: 'var(--jp-layout-color2)',
+    toolboxForegroundColour: 'var(--jp-ui-font-color0)',
+    flyoutBackgroundColour: 'var(--jp-border-color2)',
+    flyoutForegroundColour: 'var(--jp-layout-color3)',
+    flyoutOpacity: 1,
+    scrollbarColour: 'var(--jp-border-color0)',
+    insertionMarkerOpacity: 0.3,
+    scrollbarOpacity: 0.4,
+    cursorColour: 'var(--jp-scrollbar-background-color)'
   }
 });