Convert frontend to typescript

In the process also update some the tooling (eslint, prettier, setup.py) to more closely the widget-ts-cookiecutter.
Also fix miscellanous errors discovered by using typescript.

Finally, add a labextension watch command.

lint the correct directory

Update MANIFEST.in for TS

correctly install labextension in the test

Return to using yarn in setup.pt

.eslintignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+coverage
+**/*.d.ts
+tests

.eslintrc.js

@@ -0,0 +1,30 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: './tsconfig.json',
+    sourceType: 'module',
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended'
+  ],
+  plugins: ['@typescript-eslint'],
+  rules: {
+    '@typescript-eslint/no-unused-vars': ['warn', { args: 'none' }],
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-namespace': 'off',
+    '@typescript-eslint/no-use-before-define': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/quotes': [
+      'error',
+      'single',
+      { avoidEscape: true, allowTemplateLiterals: false }
+    ],
+    curly: ['error', 'all'],
+    eqeqeq: 'error',
+    'prefer-arrow-callback': 'error'
+  },
+  ignorePatterns: ['.eslintrc.js']
+};

.github/workflows/main.yml

@@ -58,8 +58,7 @@ jobs:
     - name: Test flake8
       run: flake8 ipympl --ignore=E501,W504,W503
 
-    - name: Test JS linters
-      working-directory: js
+    - name: Test TS linters
       run: |
         npm run eslint:check
         npm run prettier:check
@@ -138,7 +137,7 @@ jobs:
 
       - name: Manually install labextension for lab2
         if: ${{ matrix.jlab_version }} == 2
-        run: jupyter labextension install js
+        run: jupyter labextension install .
 
       - name: Test installation files
         run: |

.prettierignore

@@ -0,0 +1,4 @@
+node_modules
+**/node_modules
+**/lib
+**/package.json

.prettierrc

@@ -0,0 +1,4 @@
+{
+    "singleQuote": true,
+    "tabWidth": 4
+}

MANIFEST.in

@@ -1,11 +1,35 @@
 recursive-include ipympl/nbextension *.*
 recursive-include ipympl/labextension *.*
 
-graft js/src
-include js/package.json
-include js/webpack.config.js
-include LICENSE
-include jupyter-matplotlib.json
-
 include setup.py
 include pyproject.toml
+
+include tsconfig.json
+include package.json
+include webpack.config.js
+include ipympl/labextension/*.tgz
+
+# Documentation
+graft docs
+exclude docs/\#*
+prune docs/build
+prune docs/gh-pages
+prune docs/dist
+
+# Examples
+graft examples
+
+# Javascript files
+graft ipympl/nbextension
+graft src
+graft css
+prune **/node_modules
+prune coverage
+prune lib
+
+# Patterns to exclude from any directory
+global-exclude *~
+global-exclude *.pyc
+global-exclude *.pyo
+global-exclude .git
+global-exclude .ipynb_checkpoints

babel.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  sourceMap: 'inline',
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: 'current',
+        },
+      },
+    ],
+  ],
+};
+