Replace node-sass-chokidar (deprecated) with sass (fixes build on latest node version)
Currently the project will only build using Node 14, and Node 16 would not work.
node-sass-chokidar is deprecated, and sass is recommended instead (which also uses chokidar v3 instead of v2, which means we get Node 16 support!).
I have therefore updated packages.json to use sass instead. However, I have made a slight chance to the watch-css, where it previously was watching/outputting to src/Styles, it now does src/, as I couldn't see it generated anything when using src/Styles. I might however be super wrong :)
Also updated deps using yarn update.
I tried to find deps that are no longer used, using yarn-check, but I don't dare to remove any :) Ie. the flow-type is not used directly, but by devs?
`yarn-check` output.
@apollo/react-hooks 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/apollographql/react-apollo#readme
npm install @apollo/react-hooks@4.0.0 to go from 3.1.5 to 4.0.0
@fortawesome/fontawesome-svg-core 😟 MISSING! Not installed.
😕 NOTUSED? Still using @fortawesome/fontawesome-svg-core?
Depcheck did not find code similar to require('@fortawesome/fontawesome-svg-core') or import from '@fortawesome/fontawesome-svg-core'.
Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
Use --skip-unused to skip this check.
To remove this package: npm uninstall --save @fortawesome/fontawesome-svg-core
@fortawesome/free-regular-svg-icons 😟 MISSING! Not installed.
@fortawesome/free-solid-svg-icons 😟 MISSING! Not installed.
@fortawesome/react-fontawesome 😟 MISSING! Not installed.
apollo-cache-inmemory 😟 MISSING! Not installed.
apollo-client 😟 MISSING! Not installed.
apollo-link 😟 MISSING! Not installed.
apollo-link-error 😟 MISSING! Not installed.
apollo-link-http 😟 MISSING! Not installed.
axios 😟 MISSING! Not installed.
😎 NEW VER! NonSemver update available. https://axios-http.com
npm install axios@0.23.0 to go from 0.19.2 to 0.23.0
bfj 😟 MISSING! Not installed.
😎 PATCH UP Patch update available. https://gitlab.com/philbooth/bfj
npm install bfj@7.0.2 to go from 7.0.1 to 7.0.2
case-sensitive-paths-webpack-plugin 😟 MISSING! Not installed.
😎 MINOR UP Minor update available. https://github.com/Urthen/case-sensitive-paths-webpack-plugin#readme
npm install case-sensitive-paths-webpack-plugin@2.4.0 to go from 2.2.0 to 2.4.0
chalk 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/chalk/chalk#readme
npm install chalk@4.1.2 to go from 2.4.2 to 4.1.2
connected-react-router 😟 MISSING! Not installed.
css-loader 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/webpack-contrib/css-loader
npm install css-loader@6.4.0 to go from 3.2.0 to 6.4.0
dotenv 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/motdotla/dotenv#readme
npm install dotenv@10.0.0 to go from 8.1.0 to 10.0.0
dotenv-expand 😟 MISSING! Not installed.
file-loader 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/webpack-contrib/file-loader
npm install file-loader@6.2.0 to go from 4.2.0 to 6.2.0
fork-ts-checker-webpack-plugin-alt 😟 MISSING! Not installed.
fs-extra 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/jprichardson/node-fs-extra
npm install fs-extra@10.0.0 to go from 8.1.0 to 10.0.0
graphql 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/graphql/graphql-js
npm install graphql@15.6.1 to go from 14.7.0 to 15.6.1
😕 NOTUSED? Still using graphql?
Depcheck did not find code similar to require('graphql') or import from 'graphql'.
Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
Use --skip-unused to skip this check.
To remove this package: npm uninstall --save graphql
graphql-tag 😟 MISSING! Not installed.
history 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/ReactTraining/history#readme
npm install history@5.0.1 to go from 4.10.1 to 5.0.1
html-webpack-plugin 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/jantimon/html-webpack-plugin
npm install html-webpack-plugin@5.4.0 to go from 4.0.0-alpha.2 to 5.4.0
jest 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://jestjs.io/
npm install jest@27.2.5 to go from 24.9.0 to 27.2.5
jwt-decode 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/auth0/jwt-decode#readme
npm install jwt-decode@3.1.2 to go from 2.2.0 to 3.1.2
lodash 😟 MISSING! Not installed.
mini-css-extract-plugin 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/webpack-contrib/mini-css-extract-plugin
npm install mini-css-extract-plugin@2.4.2 to go from 0.8.0 to 2.4.2
optimize-css-assets-webpack-plugin 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. http://github.com/NMFR/optimize-css-assets-webpack-plugin
npm install optimize-css-assets-webpack-plugin@6.0.1 to go from 5.0.3 to 6.0.1
pnp-webpack-plugin 😟 MISSING! Not installed.
😎 MINOR UP Minor update available. https://github.com/arcanis/pnp-webpack-plugin
npm install pnp-webpack-plugin@1.7.0 to go from 1.5.0 to 1.7.0
polished 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://polished.js.org/
npm install polished@4.1.3 to go from 3.7.2 to 4.1.3
postcss-flexbugs-fixes 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/luisrudge/postcss-flexbugs-fixes#readme
npm install postcss-flexbugs-fixes@5.0.2 to go from 4.1.0 to 5.0.2
postcss-loader 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/webpack-contrib/postcss-loader
npm install postcss-loader@6.2.0 to go from 3.0.0 to 6.2.0
postcss-preset-env 😟 MISSING! Not installed.
postcss-safe-parser 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/postcss/postcss-safe-parser#readme
npm install postcss-safe-parser@6.0.0 to go from 4.0.1 to 6.0.0
prop-types 😟 MISSING! Not installed.
react 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://reactjs.org/
npm install react@17.0.2 to go from 16.14.0 to 17.0.2
react-alert 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/schiehll/react-alert#readme
npm install react-alert@7.0.3 to go from 5.5.0 to 7.0.3
react-animations 😟 MISSING! Not installed.
react-apollo 😟 MISSING! Not installed.
react-app-polyfill 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/facebook/create-react-app#readme
npm install react-app-polyfill@2.0.0 to go from 1.0.6 to 2.0.0
😕 NOTUSED? Still using react-app-polyfill?
Depcheck did not find code similar to require('react-app-polyfill') or import from 'react-app-polyfill'.
Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
Use --skip-unused to skip this check.
To remove this package: npm uninstall --save react-app-polyfill
react-autosuggest 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/moroshko/react-autosuggest#readme
npm install react-autosuggest@10.1.0 to go from 9.4.3 to 10.1.0
react-custom-scrollbars 😟 MISSING! Not installed.
😕 NOTUSED? Still using react-custom-scrollbars?
Depcheck did not find code similar to require('react-custom-scrollbars') or import from 'react-custom-scrollbars'.
Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
Use --skip-unused to skip this check.
To remove this package: npm uninstall --save react-custom-scrollbars
react-dev-utils 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/facebook/create-react-app#readme
npm install react-dev-utils@11.0.4 to go from 9.1.0 to 11.0.4
react-device-detect 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/duskload/react-device-detect#readme
npm install react-device-detect@2.0.1 to go from 1.17.0 to 2.0.1
react-dom 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://reactjs.org/
npm install react-dom@17.0.2 to go from 16.14.0 to 17.0.2
react-lazyload 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/jasonslyvia/react-lazyload
npm install react-lazyload@3.2.0 to go from 2.6.9 to 3.2.0
react-load-script 😟 MISSING! Not installed.
😕 NOTUSED? Still using react-load-script?
Depcheck did not find code similar to require('react-load-script') or import from 'react-load-script'.
Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
Use --skip-unused to skip this check.
To remove this package: npm uninstall --save react-load-script
react-player-controls 😟 MISSING! Not installed.
react-redux 😟 MISSING! Not installed.
react-router 😟 MISSING! Not installed.
react-router-dom 😟 MISSING! Not installed.
react-router-prop-types 😟 MISSING! Not installed.
react-select 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/JedWatson/react-select
npm install react-select@5.1.0 to go from 3.2.0 to 5.1.0
react-slick 😟 MISSING! Not installed.
😎 NEW VER! NonSemver update available. https://react-slick.neostack.com
npm install react-slick@0.28.1 to go from 0.25.2 to 0.28.1
react-tooltip 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/wwayne/react-tooltip#readme
npm install react-tooltip@4.2.21 to go from 3.11.6 to 4.2.21
redux 😟 MISSING! Not installed.
redux-responsive 😟 MISSING! Not installed.
resolve 😟 MISSING! Not installed.
😎 MINOR UP Minor update available. https://github.com/browserify/resolve#readme
npm install resolve@1.20.0 to go from 1.12.0 to 1.20.0
shortid 😟 MISSING! Not installed.
style-loader 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/webpack-contrib/style-loader
npm install style-loader@3.3.0 to go from 1.0.0 to 3.3.0
styled-components 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://styled-components.com/
npm install styled-components@5.3.1 to go from 4.4.1 to 5.3.1
terser-webpack-plugin 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/webpack-contrib/terser-webpack-plugin
npm install terser-webpack-plugin@5.2.4 to go from 2.1.1 to 5.2.4
universal-cookie 😟 MISSING! Not installed.
url-loader 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/webpack-contrib/url-loader
npm install url-loader@4.1.1 to go from 2.1.0 to 4.1.1
uuid 😟 MISSING! Not installed.
videojs-contrib-quality-levels 😟 MISSING! Not installed.
😕 NOTUSED? Still using videojs-contrib-quality-levels?
Depcheck did not find code similar to require('videojs-contrib-quality-levels') or import from 'videojs-contrib-quality-levels'.
Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
Use --skip-unused to skip this check.
To remove this package: npm uninstall --save videojs-contrib-quality-levels
videojs-overlay 😟 MISSING! Not installed.
babel-eslint 😟 MISSING! Not installed.
😎 MINOR UP Minor update available. https://github.com/babel/babel-eslint
npm install babel-eslint@10.1.0 to go from 10.0.3 to 10.1.0
babel-jest 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/facebook/jest#readme
npm install babel-jest@27.2.5 to go from 24.9.0 to 27.2.5
babel-loader 😟 MISSING! Not installed.
😎 MINOR UP Minor update available. https://github.com/babel/babel-loader
npm install babel-loader@8.2.2 to go from 8.0.6 to 8.2.2
babel-plugin-module-resolver 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/tleunen/babel-plugin-module-resolver#readme
npm install babel-plugin-module-resolver@4.1.0 to go from 3.2.0 to 4.1.0
babel-plugin-named-asset-import 😟 MISSING! Not installed.
babel-preset-react-app 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/facebook/create-react-app#readme
npm install babel-preset-react-app@10.0.0 to go from 9.1.2 to 10.0.0
eslint 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://eslint.org
npm install eslint@8.0.1 to go from 7.32.0 to 8.0.1
eslint-config-airbnb 😟 MISSING! Not installed.
eslint-config-prettier 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/prettier/eslint-config-prettier#readme
npm install eslint-config-prettier@8.3.0 to go from 6.15.0 to 8.3.0
eslint-loader 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/webpack-contrib/eslint-loader
npm install eslint-loader@4.0.2 to go from 3.0.2 to 4.0.2
eslint-plugin-flowtype 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/gajus/eslint-plugin-flowtype#readme
npm install eslint-plugin-flowtype@6.1.0 to go from 4.3.0 to 6.1.0
eslint-plugin-import 😟 MISSING! Not installed.
eslint-plugin-jsx-a11y 😟 MISSING! Not installed.
😎 MINOR UP Minor update available. https://github.com/evcohen/eslint-plugin-jsx-a11y#readme
npm install eslint-plugin-jsx-a11y@6.4.1 to go from 6.2.3 to 6.4.1
eslint-plugin-react 😟 MISSING! Not installed.
😎 MINOR UP Minor update available. https://github.com/yannickcr/eslint-plugin-react
npm install eslint-plugin-react@7.26.1 to go from 7.14.3 to 7.26.1
eslint-plugin-react-hooks 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://reactjs.org/
npm install eslint-plugin-react-hooks@4.2.0 to go from 2.5.1 to 4.2.0
flow-bin 😟 MISSING! Not installed.
😎 NEW VER! NonSemver update available. https://github.com/flowtype/flow-bin#readme
npm install flow-bin@0.162.0 to go from 0.111.3 to 0.162.0
😕 NOTUSED? Still using flow-bin?
Depcheck did not find code similar to require('flow-bin') or import from 'flow-bin'.
Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
Use --skip-unused to skip this check.
To remove this package: npm uninstall --save-dev flow-bin
flow-typed 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/flow-typed/flow-typed#readme
npm install flow-typed@3.3.1 to go from 2.6.2 to 3.3.1
😕 NOTUSED? Still using flow-typed?
Depcheck did not find code similar to require('flow-typed') or import from 'flow-typed'.
Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
Use --skip-unused to skip this check.
To remove this package: npm uninstall --save-dev flow-typed
npm-run-all 😟 MISSING! Not installed.
😕 NOTUSED? Still using npm-run-all?
Depcheck did not find code similar to require('npm-run-all') or import from 'npm-run-all'.
Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
Use --skip-unused to skip this check.
To remove this package: npm uninstall --save-dev npm-run-all
sass 😟 MISSING! Not installed.
😕 NOTUSED? Still using sass?
Depcheck did not find code similar to require('sass') or import from 'sass'.
Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
Use --skip-unused to skip this check.
To remove this package: npm uninstall --save-dev sass
sass-loader 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/webpack-contrib/sass-loader
npm install sass-loader@12.2.0 to go from 8.0.2 to 12.2.0
😕 NOTUSED? Still using sass-loader?
Depcheck did not find code similar to require('sass-loader') or import from 'sass-loader'.
Check your code before removing as depcheck isn't able to foresee all ways dependencies can be used.
Use --skip-unused to skip this check.
To remove this package: npm uninstall --save-dev sass-loader
webpack 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/webpack/webpack
npm install webpack@5.58.2 to go from 4.41.0 to 5.58.2
webpack-dev-server 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/webpack/webpack-dev-server#readme
npm install webpack-dev-server@4.3.1 to go from 3.8.1 to 4.3.1
webpack-manifest-plugin 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/shellscape/webpack-manifest-plugin
npm install webpack-manifest-plugin@4.0.2 to go from 2.1.2 to 4.0.2
workbox-webpack-plugin 😟 MISSING! Not installed.
😎 MAJOR UP Major update available. https://github.com/GoogleChrome/workbox
npm install workbox-webpack-plugin@6.3.0 to go from 4.3.1 to 6.3.0