Dependencies Watchman

[akphi]

Dependency upgrades/bug-fixes to track

This list keeps track of dependencies that are either unstable or blockers to development in our project. Since unstable dependencies are usually marked with tag @next, or currently in alpha, beta channels, which can be ignored by dependabot. For now, we want to have this pinned issue as the watchman, eventually, we should split it into smaller issues

• @pmmmwh/react-refresh-webpack-plugin: Using beta version. Part of webpack@5 upgrade. (Resolved in Add support for DataSpace #495)
• webpack-dev-server Using beta version. Part of webpack@5 upgrade (Resolved in re-organization #422)
• babel: In babel@8, a lot of configurations are to be set to default, we should keep track of these to slim down our babel preset.
• jest: Jest does not fully support ESM - See Meta: Native support for ES Modules jestjs/jest#9430
  • Re-evaluate usage of Jest as test-runner #502
  • Jest@27 will use jest-circus by default so we don't need to manually specify this like right now.
  • Upgrade to Jest@27 is currently being blocked due to @types/jest not being upgraded. This is causing a weird error: The inferred type of ... cannot be named without a reference to 'jest/node_modules/pretty-format/build/types'. Also, we should wait out a little bit as we need to confirm Jest@27 works well with testing-library
• yarn/berry:
  • Workaround for yarn workspaces foreach quirk #501
  • yarn workspaces foreach does not support --skip-missing flag, so if a workspace does not have a script with name specified, it will error out when we try to run such script on all workspaces (unlike lerna). See [Feature] yarn workspaces foreach features yarnpkg/berry#62
• Workaround typescript-eslint lack of support for Typescript project reference #500
• eslint-plugin-import Wait for the fix for no-extraneous-dependencies in [Fix] no-extraneous-dependencies: add ESM intermediate package.json support import-js/eslint-plugin-import#2121 to be published and enable that rule
• husky: husky@5 forces us to change our license. We have to wait till the early-access phase is over.

Dependency features to try out

This list keeps track of nice dependency features that are already supported in the versions we have, but we haven't quite had the time and effort to apply.

• yarn/berry: PnP is nice to try out but currently does not support ESM so we have to use node_modules as node linker mechanism. See 🎯 ESM Support for PnP yarnpkg/berry#638
• mobx: Use override for computed properties where appropriate (i.e. when both super class and sub class have concrete methods/getters) - this will be enforced and checked by mobx automatically. The last thing we need to do is to stop using super. in @computed
• mobx: Use flow annotation with makeObservable and flowResult instead of wrapper flow(function * ...) - Check out doc
• typescript: typescript@4.3 supports for the override syntax. This is currently blocked by prettier (Codebase cleanup and stabilize mapping editor #244)

[akphi]

We have upgraded husky@6 and add a new step to setup script to install git hooks manually.