7.x: Allow building against JupyterLab 4 (#3955)

* 7.x: Allow building against lab 4

* Iterate

* Iterate

* Iterate

* Update ts-ignore

* Something that builds

* Update jupyterlab in CI

* Update yarn

* Switch to using jlpm everywhere

* Debug

* Remove nbextension install in the dev script

* Update jupyterlab_widgets/src/manager.ts

Co-authored-by: Duc Trung Le <[email protected]>

---------

Co-authored-by: Duc Trung Le <[email protected]>

Author: martinRenou

.github/workflows/build.yml

@@ -43,13 +43,13 @@ jobs:
           ${{ runner.os }}-yarn-
     - name: Install dependencies
       run: |
-        python -m pip install jupyterlab~=3.0
+        python -m pip install jupyterlab~=4.0
         python -m pip install jupyter_packaging~=0.7.9
     - name: Build the extension
       run: |
-        yarn install --frozen-lockfile
-        yarn run build
-        yarn run build:examples
+        jlpm install --frozen-lockfile
+        jlpm run build
+        jlpm run build:examples
 
         # First install the dev jupyterlab_widgets, since it is a dependency
         pushd jupyterlab_widgets
@@ -67,17 +67,17 @@ jobs:
     - name: Run JS tests
       run: |
         pushd packages/base
-        yarn run test:unit:firefox:headless
+        jlpm run test:unit:firefox:headless
         popd
 
         pushd packages/controls
-        yarn run test:unit:firefox:headless
+        jlpm run test:unit:firefox:headless
         popd
 
         pushd packages/html-manager
-        yarn run test:unit:firefox:headless
+        jlpm run test:unit:firefox:headless
         popd
 
         pushd examples/web1
-        yarn run test:firefox:headless
+        jlpm run test:firefox:headless
         popd

.gitignore

@@ -33,4 +33,6 @@ index.built.js.map
 
 temp/*
 
+.yarn
+
 tsconfig.tsbuildinfo

.yarnrc.yml

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

dev-install.sh

@@ -20,7 +20,7 @@ if [ $? -ne 0 ]; then
     exit 1
 fi
 
-echo -n "Checking JupyterLab (assuming JupyterLab >=3)... "
+echo -n "Checking JupyterLab (assuming JupyterLab >=4)... "
 jupyter lab --version 2>/dev/null
 if [ $? -ne 0 ]; then
     echo "no, skipping installation of widgets for jupyterlab"
@@ -34,18 +34,12 @@ set -e
 nbExtFlags="--sys-prefix $1"
 
 echo -n "Installing and building all yarn packages"
-yarn install
-yarn run build
+jlpm install
+jlpm run build
 
 echo -n "widgetsnbextension"
 cd widgetsnbextension
 pip install -v -e .
-if [[ "$OSTYPE" == "msys" ]]; then
-    jupyter nbextension install --overwrite --py $nbExtFlags widgetsnbextension || true
-else
-    jupyter nbextension install --overwrite --py --symlink $nbExtFlags widgetsnbextension || true
-fi
-jupyter nbextension enable --py $nbExtFlags widgetsnbextension || true
 cd ..
 
 if test "$skip_jupyter_lab" != yes; then

docs/source/dev_install.md

@@ -17,12 +17,12 @@ To install ipywidgets from git, you will need:
     version of the notebook, checkout the appropriate tag.
   + See the
     [Compatibility table](https://github.com/jupyter-widgets/ipywidgets#compatibility)
-    
+
 - the latest [JupyterLab release](https://github.com/jupyterlab/jupyterlab/releases)
 
 
 
-### Installing With Conda 
+### Installing With Conda
 
 ```bash
 conda create -c conda-forge -n ipywidgets yarn notebook
@@ -41,10 +41,10 @@ Rebuilding after making changes
 
 To build and test changes, run the following commands in the ipywidgets repository root directory, empty your browser's cache, and refresh the page.
 
-        yarn run clean
-        yarn run build
+        jlpm run clean
+        jlpm run build
 
-If your changes are confined to one package (for example, just in the widgetsnbextension package), then it may be sufficient to just run `yarn run build` in that specific directory.
+If your changes are confined to one package (for example, just in the widgetsnbextension package), then it may be sufficient to just run `jlpm run build` in that specific directory.
 
 Tips and troubleshooting
 ------------------------

docs/source/dev_release.md

@@ -47,8 +47,8 @@ git checkout 7.x
 git pull origin 7.x
 git reset --hard origin/7.x
 git clean -fdx
-yarn install
-yarn run publish
+jlpm install
+npm publish
 ```
 
 Lerna will prompt you for version numbers for each of the changed npm packages. Lerna will then change the versions appropriately (including the interdependency versions), commit, tag, and publish the new packages to npm.

docs/source/dev_testing.md

@@ -7,6 +7,6 @@ To run the Python tests:
 
 To run the Javascript tests in each package directory:
 
-    yarn test
+    jlpm test
 
 This will run the test suite using `karma` with 'debug' level logging.

examples/web1/package.json

@@ -9,11 +9,11 @@
   "scripts": {
     "build": "webpack",
     "clean": "rimraf built",
-    "test": "npm run test:firefox && npm run test:chrome",
-    "test:chrome": "npm run test:default",
+    "test": "jlpm run test:firefox && jlpm run test:chrome",
+    "test:chrome": "jlpm run test:default",
     "test:default": "karma start karma.config.js --log-level debug",
-    "test:firefox": "npm run test:default -- --browsers Firefox",
-    "test:firefox:headless": "npm run test:default -- --browsers FirefoxHeadless"
+    "test:firefox": "jlpm run test:default -- --browsers Firefox",
+    "test:firefox:headless": "jlpm run test:default -- --browsers FirefoxHeadless"
   },
   "dependencies": {
     "@jupyter-widgets/base": "^4.1.6",

examples/web2/package.json

@@ -9,7 +9,7 @@
   "scripts": {
     "build": "webpack",
     "clean": "rimraf built",
-    "test": "npm run test:default",
+    "test": "jlpm run test:default",
     "test:default": "echo \"No test specified\""
   },
   "dependencies": {

examples/web3/package.json

@@ -7,19 +7,19 @@
   "author": "IPython",
   "main": "lib/index.js",
   "scripts": {
-    "build": "npm run clean && tsc && node scripts/copyfiles.js && webpack",
+    "build": "jlpm run clean && tsc && node scripts/copyfiles.js && webpack",
     "clean": "rimraf lib && rimraf tsconfig.tsbuildinfo && rimraf built",
     "host": "http-server",
     "lint": "tslint --project tslint.json --format stylish",
-    "test": "npm run test:default",
+    "test": "jlpm run test:default",
     "test:default": "echo \"No test specified\""
   },
   "dependencies": {
     "@jupyter-widgets/base": "^4.1.6",
     "@jupyter-widgets/controls": "^3.1.7",
     "@jupyter-widgets/html-manager": "^0.20.8",
-    "@jupyterlab/services": "^6.0.0",
-    "@lumino/widgets": "^1.3.0",
+    "@jupyterlab/services": "^6 || ^7",
+    "@lumino/widgets": "^1 || ^2",
     "codemirror": "^5.48.0",
     "font-awesome": "^4.7.0",
     "http-server": "^0.11.1"
@@ -37,7 +37,7 @@
     "rimraf": "^2.6.1",
     "style-loader": "^1.1.2",
     "tslint": "^5.20.1",
-    "typescript": "~3.7.4",
+    "typescript": "~5",
     "url-loader": "^3.0.0",
     "webpack": "^4.41.5"
   }