Upgrade dev tools

.husky/pre-commit

@@ -0,0 +1,2 @@
+#!/usr/bin/env sh
+yarn run lint-staged

.licenserc.yaml

@@ -21,6 +21,7 @@ header:
     - '*.map.js'
     - '*.bundle.js'
     - '**/.*'
+    - '.husky/pre-commit'
     - 'binder/postBuild'
     - 'binder/start'
     - 'CNAME'

buildutils/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@lumino/buildutils",
+  "version": "2.0.0-alpha.7",
+  "description": "Utilities for building Lumino packages",
+  "type": "module",
+  "main": "src/index.js",
+  "files": [
+    "src/*"
+  ],
+  "repository": "https://github.com/jupyterlab/lumino",
+  "author": "Project Jupyter",
+  "license": "BSD-3-Clause",
+  "private": true,
+  "dependencies": {
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-sourcemaps": "^0.6.3"
+  }
+}

buildutils/src/index.js

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+export { createRollupExampleConfig } from './rollup.examples.config.js';
+export { createRollupConfig } from './rollup.src.config.js';
+export { createRollupTestConfig } from './rollup.tests.config.js';

rollup.examples.config.js → buildutils/src/rollup.examples.config.js

@@ -6,10 +6,10 @@
 import nodeResolve from '@rollup/plugin-node-resolve';
 import styles from 'rollup-plugin-styles';
 
-export const globals = id =>
+const globals = id =>
   id.indexOf('@lumino/') === 0 ? id.replace('@lumino/', 'lumino_') : id;
 
-export function createRollupConfig(options) {
+export function createRollupExampleConfig(options) {
   return {
     input: './build/index.js',
     output: {

rollup.src.config.js → buildutils/src/rollup.src.config.js

@@ -7,7 +7,7 @@ import nodeResolve from '@rollup/plugin-node-resolve';
 import sourcemaps from 'rollup-plugin-sourcemaps';
 import postcss from 'rollup-plugin-postcss';
 
-export const globals = id =>
+const globals = id =>
   id.indexOf('@lumino/') === 0 ? id.replace('@lumino/', 'lumino_') : id;
 
 export function createRollupConfig(options) {

rollup.tests.config.js → buildutils/src/rollup.tests.config.js

@@ -6,7 +6,7 @@
 import nodeResolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 
-export function createRollupConfig(options) {
+export function createRollupTestConfig(options) {
   return {
     input: './lib/index.spec.js',
     output: {

examples/example-accordionpanel/package.json

@@ -12,10 +12,10 @@
     "@lumino/widgets": "^2.0.0-alpha.6"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.77.3",
+    "rollup": "^3.9.1",
     "rollup-plugin-styles": "^4.0.0",
-    "typescript": "~4.7.3"
+    "typescript": "~4.9.4"
   }
 }

examples/example-accordionpanel/rollup.config.mjs

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+import { createRollupExampleConfig } from '@lumino/buildutils';
+const rollupConfig = createRollupExampleConfig();
+export default rollupConfig;

examples/example-datagrid/package.json

@@ -13,10 +13,10 @@
     "@lumino/widgets": "^2.0.0-alpha.6"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.77.3",
+    "rollup": "^3.9.1",
     "rollup-plugin-styles": "^4.0.0",
-    "typescript": "~4.7.3"
+    "typescript": "~4.9.4"
   }
 }

examples/example-datagrid/rollup.config.mjs

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+import { createRollupExampleConfig } from '@lumino/buildutils';
+const rollupConfig = createRollupExampleConfig();
+export default rollupConfig;

examples/example-dockpanel-amd/package.json

@@ -3,9 +3,9 @@
   "version": "2.0.0-alpha.6",
   "private": true,
   "scripts": {
-    "test": "node ./test/runner.js"
+    "test": "playwright test"
   },
   "devDependencies": {
-    "puppeteer": "^2.1.1"
+    "@playwright/test": "^1.29.0"
   }
 }

examples/example-dockpanel-amd/test/runner.spec.ts

@@ -0,0 +1,30 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+import { ConsoleMessage, expect, test } from '@playwright/test';
+
+const URL = `file://${process.cwd()}/index.html`;
+
+test.setTimeout(120000);
+
+test('should load the example', async ({ page }) => {
+  console.info('Navigating to page:', URL);
+  let success = true;
+
+  const handleMessage = async (msg: ConsoleMessage) => {
+    if (msg.type() === 'error') {
+      console.log('Error:  ', msg.text());
+      success = false;
+    }
+  };
+
+  page.on('console', handleMessage);
+
+  await page.goto(URL);
+
+  await page.waitForLoadState('networkidle');
+
+  expect(success).toEqual(true);
+});

examples/example-dockpanel-iife/package.json

@@ -3,9 +3,9 @@
   "version": "2.0.0-alpha.6",
   "private": true,
   "scripts": {
-    "test": "node ./test/runner.js"
+    "test": "playwright test"
   },
   "devDependencies": {
-    "puppeteer": "^2.1.1"
+    "@playwright/test": "^1.29.0"
   }
 }

examples/example-dockpanel-iife/test/runner.spec.ts

@@ -0,0 +1,30 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+import { ConsoleMessage, expect, test } from '@playwright/test';
+
+const URL = `file://${process.cwd()}/index.html`;
+
+test.setTimeout(120000);
+
+test('should load the example', async ({ page }) => {
+  console.info('Navigating to page:', URL);
+  let success = true;
+
+  const handleMessage = async (msg: ConsoleMessage) => {
+    if (msg.type() === 'error') {
+      console.log('Error:  ', msg.text());
+      success = false;
+    }
+  };
+
+  page.on('console', handleMessage);
+
+  await page.goto(URL);
+
+  await page.waitForLoadState('networkidle');
+
+  expect(success).toEqual(true);
+});

examples/example-dockpanel/package.json

@@ -14,10 +14,10 @@
     "@lumino/widgets": "^2.0.0-alpha.6"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.77.3",
+    "rollup": "^3.9.1",
     "rollup-plugin-styles": "^4.0.0",
-    "typescript": "~4.7.3"
+    "typescript": "~4.9.4"
   }
 }

examples/example-dockpanel/rollup.config.mjs

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+import { createRollupExampleConfig } from '@lumino/buildutils';
+const rollupConfig = createRollupExampleConfig();
+export default rollupConfig;

examples/example-menubar/package.json

@@ -12,10 +12,10 @@
     "@lumino/widgets": "^2.0.0-alpha.6"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.77.3",
+    "rollup": "^3.9.1",
     "rollup-plugin-styles": "^4.0.0",
-    "typescript": "~4.7.3"
+    "typescript": "~4.9.4"
   }
 }

examples/example-menubar/rollup.config.mjs

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+import { createRollupExampleConfig } from '@lumino/buildutils';
+const rollupConfig = createRollupExampleConfig();
+export default rollupConfig;

examples/example-nested-dockpanel-amd/package.json

@@ -3,9 +3,9 @@
   "version": "2.0.0-alpha.6",
   "private": true,
   "scripts": {
-    "test": "node ./test/runner.js"
+    "test": "playwright test"
   },
   "devDependencies": {
-    "puppeteer": "^2.1.1"
+    "@playwright/test": "^1.29.0"
   }
 }

examples/example-nested-dockpanel-amd/test/runner.spec.ts

@@ -0,0 +1,30 @@
+/*
+ * Copyright (c) Jupyter Development Team.
+ * Distributed under the terms of the Modified BSD License.
+ */
+
+import { ConsoleMessage, expect, test } from '@playwright/test';
+
+const URL = `file://${process.cwd()}/index.html`;
+
+test.setTimeout(120000);
+
+test('should load the example', async ({ page }) => {
+  console.info('Navigating to page:', URL);
+  let success = true;
+
+  const handleMessage = async (msg: ConsoleMessage) => {
+    if (msg.type() === 'error') {
+      console.log('Error:  ', msg.text());
+      success = false;
+    }
+  };
+
+  page.on('console', handleMessage);
+
+  await page.goto(URL);
+
+  await page.waitForLoadState('networkidle');
+
+  expect(success).toEqual(true);
+});

notebooks/package.json

@@ -21,6 +21,6 @@
     "@babel/preset-typescript": "^7.7.2",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.4",
-    "typescript": "~4.7.3"
+    "typescript": "~4.9.4"
   }
 }