build: update all deps

[lossir]

Обновленно

• root deps
  • @commitlint/cli
  • @commitlint/config-conventional
  • commitizen
  • cz-conventional-changelog
  • env-cmd
  • husky
  • lerna
• typescript + eslint(and related deps)
  • @typescript-eslint/eslint-plugin
  • @typescript-eslint/parser
  • eslint
    • изменились умолчательное значения некоторых правил
  • eslint-config-prettier
  • eslint-plugin-import
  • eslint-plugin-jsx-a11y
  • eslint-plugin-react
  • eslint-plugin-react-hooks
  • typescript
    • зафиксирвал версию 4.1.3, из-за ошибки с __spreadArray
• deps for operability
  • eventemitter3
  • tabbable
    • Немного изменился синтаксис
  • @skbkontur/react-icons
  • @skbkontur/react-props2attrs
  • @types/invariant
  • @types/tabbable
    • Типы теперь вшиты в tabbable
• babel and deps that are used to build. for storybook and styleguide
  • @babel/core
  • @babel/plugin-proposal-decorators
  • @babel/plugin-transform-runtime
  • @babel/preset-env
  • @babel/preset-react
  • @babel/register
  • babel-loader
  • chalk
  • copyfiles
  • core-js
  • cross-env
  • css-loade
  • dts-css-modules-loader
  • file-loader
  • fork-ts-checker-webpack-plugin
  • fs-extra
  • gh-pages
  • react-docgen-typescript
  • semver
  • style-loader
  • upath
  • url-loader
  • wait-on
  • stylelint-config-css-modules
    • Не используется
  • stylelint
  • stylelint-config-standard
  • mockdate
    • Не используется
  • babel-polyfill
  • csstype
  • selenium-webdriver
• emotion. update to 11 (https://emotion.sh/docs/emotion-11)
  • @emotion/css (вместо create-emotion)
  • smoke test SSR
    • @emotion/server (вместо create-emotion-server)
    • @emotion/react (вместо @emotion/core)
• jest + enzyme
  • babel-jest
  • @types/enzyme
  • @types/invariant
  • @types/jest
  • jest
  • enzyme-adapter-react-16
  • enzyme
    • jsdom стал иначе обрабатывать document.activeElement - element.focus() not setting document.activeElement enzymejs/enzyme#2337
  • react-styleguidist
    • Теперь блоки typescript, ts and tsx рендерятся как интерактивная площадка(playground) - Add typescript/ts/tsx extension as a playground languages styleguidist/react-styleguidist#1543.
    • Отпала поддержка чекбоксов из [ ]. Думаю, дело в [email protected] (коммит где выпилили, ишью где говорили об этом), который используется внутри стайлгайда.
    • Отпала поддержка initialState в пользу useState.
• react
  • react
    До версии 16.14.0
• react-ui-validation
  • @babel/plugin-transform-runtime
  • @babel/preset-env
  • @hot-loader/react-dom
  • @types/jest
  • @types/react-syntax-highlighter
  • @types/styled-components
  • babel-jest
  • core-js
  • cross-env
  • css-loader
  • file-loader
  • gh-pages
  • html-webpack-plugin
  • jest
  • less
  • less-loader
    • Версия 8.0 не поддерживает webpack@4, поэтому поставил 7.3.0
  • @skbkontur/react-props2attrs и @skbkontur/react-sorge
    • Установил вместо файла react-selenium-testing.js
  • @skbkontur/react-icons
  • react-helmet
  • react-syntax-highlighter
  • rollup
  • rollup-plugin-typescript2
  • string-replace-loader
  • style-loader
  • styled-components
  • ts-jest
  • ts-loader
  • Storbook:
    • Немного обвил конфиги.
    • Удалил less для историй и добавил стили как в библиотеки контролов

Не обновлено:

React@17

Есть ломающие изменения, которые не позволяют "просто" использовать одновременно 16 и 17 версии.
Надо придумать, как добавить поддержку обоих версий.

Storybook@6

Не удалось устранить все проблемы в ie11.

Webpack@5

Возникли проблемы при запуске creevey. Хотя "официально" поддержка только готовится, удалось завести на Storybook@5.

[zhzz]

В целом выглядит хорошо. Еще не все отсмотрел. Есть парочка предложений.

[zhzz]

Похоже, что все изменения в тестах, которые не касаются типов - лишние. Проверил, без них работает.

И да, можно еще раз пройтись. Уже снова накопилось достаточно обновлений. Особенно интересует emotion@11.

Пакеты, которые можно удалить: csstype, selenium-webdriver.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

storybook-8px – ./packages/react-ui

🔍 Inspect: https://vercel.com/reactui/storybook-8px/2w67xtzXWBrw2UGq8RXb8ooA1GPF
✅ Preview: https://storybook-8px-git-update-all-deps-if-54-reactui.vercel.app

storybook-flat – ./packages/react-ui

🔍 Inspect: https://vercel.com/reactui/storybook-flat/2tUizFCeEpus1iDT3RJbgDYznGtD
✅ Preview: https://storybook-flat-git-update-all-deps-if-54-reactui.vercel.app

storybook-default – ./packages/react-ui

🔍 Inspect: https://vercel.com/reactui/storybook-default/53e8b1kLS97bJY5cHKpaLGLJM7wF
✅ Preview: https://storybook-default-git-update-all-deps-if-54-reactui.vercel.app

[zhzz]

Оказалось, что хуки с проверкой git-lfs генерируются им самим автоматически. Поэтому снова добавил их в репу. На винде все это работает, проверил. Эти хуки правда будут мешать при переключении на старые ветки. Если что, можно будет их там заигнорить.

Добавил еще ссылку на предыдущий пример SSR для 2.x.