Registering a new toolbox and adding the ipylgbst blocks (#2)

* Registering a new toolbox and adding the  blocks

* Ignore source map warnings and fix extension configuration

* bump jupyterlab-blockly version and update python generator for Blockly

* Update jupyterlab-blobkly

* small fix in connection function

* modified example and split blocks into 2 toolboxes

* update ipylgbst version and add examples

* update yarn file

* Pin ipywidgets and jupyterlab-blockly

* Adds yarn cache to gitignore

* Pin JupyterLab v3 on CI

---------

Co-authored-by: Carlos Herrero <26092748+hbcarlos@users.noreply.github.com>

Author: DenisaCG

.github/workflows/build.yml

@@ -18,7 +18,7 @@ jobs:
       uses: jupyterlab/maintainer-tools/.github/actions/base-setup@v1
 
     - name: Install dependencies
-      run: python -m pip install -U jupyterlab
+      run: python -m pip install -U jupyterlab~=3.6.0
 
     - name: Lint the extension
       run: |
@@ -41,7 +41,7 @@ jobs:
 
         pip install build
         python -m build
-        pip uninstall -y "jupyterlab_blockly_ipylgbst" jupyterlab
+        pip uninstall -y "jupyterlab_blockly_ipylgbst" jupyterlab~=3.6.0
 
     - name: Upload extension packages
       uses: actions/upload-artifact@v3
@@ -72,7 +72,7 @@ jobs:
         sudo rm -rf $(which node)
         sudo rm -rf $(which node)
 
-        pip install jupyterlab jupyterlab_blockly_ipylgbst*.whl
+        pip install jupyterlab~=3.6.0 jupyterlab_blockly_ipylgbst*.whl
 
 
         jupyter labextension list

.gitignore

@@ -14,6 +14,8 @@ jupyterlab_blockly_ipylgbst/_version.py
 # Created by https://www.gitignore.io/api/python
 # Edit at https://www.gitignore.io/?templates=python
 
+.yarn
+
 ### Python ###
 # Byte-compiled / optimized / DLL files
 __pycache__/

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

README.md

@@ -47,7 +47,7 @@ The `jlpm` command is JupyterLab's pinned version of
 `yarn` or `npm` in lieu of `jlpm` below.
 
 ```bash
-micromamba create -n blockly-ipylgbst -c conda-forge python nodejs=18 yarn pre-commit jupyterlab==3.6 jupyter-packaging jupyterlab-language-pack-es-ES jupyterlab-language-pack-fr-FR ipykernel xeus-python xeus-lua
+micromamba create -n blockly-ipylgbst -c conda-forge python nodejs=18 pre-commit jupyterlab==3.6 jupyter-packaging jupyterlab-language-pack-es-ES jupyterlab-language-pack-fr-FR ipykernel xeus-python xeus-lua
 micromamba activate blockly-ipylgbst
 # Clone the repo to your local environment
 # Change directory to the jupyterlab-blockly-ipylgbst directory

examples/demo-multiple-tasks.jpblockly

@@ -0,0 +1 @@
+{"blocks":{"languageVersion":0,"blocks":[{"type":"ipylgbst_connect","id":"3lCIiC9F7~S86nK|$ZeK","x":334,"y":108,"inputs":{"DO":{"block":{"type":"ipylgbst_set_led","id":"e:zf*ZO[R{3%{p8^dC^A","fields":{"COLOR":"LedColor.green"},"next":{"block":{"type":"ipylgbst_move_forward","id":"ePkn/4dk:#cFBE;H{yLO","inputs":{"SPEED":{"block":{"type":"math_number","id":".uds)=_yI(R0_Hj2%0}%","fields":{"NUM":10}}},"TIME":{"block":{"type":"math_number","id":"${=}]+1#8e3#A1-1!BT8","fields":{"NUM":2}}}},"next":{"block":{"type":"ipylgbst_sleep","id":"#sef,)KWodVW)j]$w6yw","inputs":{"TIME":{"block":{"type":"math_number","id":"y^T]~P$KS0UYjU0yC5G$","fields":{"NUM":2}}}},"next":{"block":{"type":"ipylgbst_set_led","id":"uJ[H*cOn`.@U17j]+;dt","fields":{"COLOR":"LedColor.pink"},"next":{"block":{"type":"ipylgbst_move_bacwards","id":"DfVP]@c{.L%q,m2hX6ds","inputs":{"SPEED":{"block":{"type":"math_number","id":"xNl@VVHc_(Hm;,NrLz1K","fields":{"NUM":10}}},"TIME":{"block":{"type":"math_number","id":"m#nR+,e;K@nRPX0_erj,","fields":{"NUM":2}}}}}}}}}}}}}}}}]}}

examples/demo.jpblockly

@@ -55,24 +55,27 @@
     "postinstall": "patch-package"
   },
   "dependencies": {
-    "@jupyter-widgets/base": "^6.0.4",
-    "@jupyter-widgets/jupyterlab-manager": "^5.0.7",
-    "@jupyterlab/application": "^3.4",
+    "@jupyterlab/application": "^3.6.3",
     "blockly": "^9.2.1",
-    "jupyterlab-blockly": "^0.3.0-alpha.1",
+    "jupyterlab-blockly": "^0.3.0-alpha.4",
     "patch-package": "^6.4.7",
     "postinstall-postinstall": "^2.1.0"
   },
+  "resolutions": {
+    "@jupyterlab/rendermime-interfaces": "3.6"
+  },
   "devDependencies": {
-    "@jupyterlab/builder": "^3.4.0",
-    "@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",
+    "@jupyterlab/builder": "^3.6.0",
+    "@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",
+    "eslint-plugin-react": "^7.30.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.1.1",
+    "prettier": "^2.5.1",
     "rimraf": "^3.0.2",
+    "source-map-loader": "^4.0.1",
     "stylelint": "^14.3.0",
     "stylelint-config-prettier": "^9.0.4",
     "stylelint-config-recommended": "^6.0.0",
@@ -91,22 +94,14 @@
   "jupyterlab": {
     "extension": true,
     "outputDir": "jupyterlab_blockly_ipylgbst/labextension",
-    "sharedPackages": {
-      "jupyterlab-blockly": {
-        "bundled": false,
-        "singleton": true
-      },
-      "blockly": {
-        "bundled": false,
-        "singleton": true
-      }
-    }
+    "webpackConfig": "./webpack.config.js"
   },
   "eslintIgnore": [
     "node_modules",
     "dist",
     "coverage",
-    "**/*.d.ts"
+    "**/*.d.ts",
+    "examples"
   ],
   "eslintConfig": {
     "extends": [

examples/vernie.jpblockly

@@ -23,9 +23,10 @@ classifiers = [
     "Programming Language :: Python :: 3.11",
 ]
 dependencies = [
- "jupyterlab~=3.6",
- "jupyterlab-blockly>=0.3.0-alpha.1,<0.4",
- "ipywidgets==7.6.0"
+ "jupyterlab~=3.6.0",
+ "ipywidgets~=7.6.0",
+ "jupyterlab-blockly>=0.3.0a4, <0.4",
+ "ipylgbst>=0.2.1, <0.3",
 ]
 dynamic = ["version", "description", "authors", "urls", "keywords"]
 

package.json

@@ -5,6 +5,8 @@ import {
 
 import { IBlocklyRegistry } from 'jupyterlab-blockly';
 
+import BlocklyIpylgbst from './ipylgbst_blocks_and_toolbox';
+
 /**
  * Initialization data for the jupyterlab-blockly-ipylgbst extension.
  */
@@ -16,6 +18,9 @@ const plugin: JupyterFrontEndPlugin<void> = {
     console.log(
       'JupyterLab extension jupyterlab-blockly-ipylgbst is activated!'
     );
+
+    blockly.registerToolbox('ipylgbst', BlocklyIpylgbst.Toolbox);
+    blockly.registerToolbox('ipylgbst async', BlocklyIpylgbst.Toolbox_async);
   }
 };