[major] react 17 and other major dependency upgrades

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@emotion/core	10.1.1 -> 11.0.0
@emotion/styled	10.0.27 -> 11.0.0
@stencil/core (source)	1.17.4 -> 2.3.0
@types/jest	25.2.3 -> 26.0.20
@types/react	16.14.2 -> 17.0.0
@types/react-dom	16.9.10 -> 17.0.0
@types/react-helmet	5.0.16 -> 6.1.0
@types/react-test-renderer	16.9.4 -> 17.0.0
@typescript-eslint/eslint-plugin	2.34.0 -> 4.14.0
@typescript-eslint/parser	2.34.0 -> 4.14.0
babel-jest	24.9.0 -> 26.6.3
cypress	5.6.0 -> 6.2.1
eslint (source)	6.8.0 -> 7.18.0
eslint-config-prettier	6.15.0 -> 7.1.0
eslint-plugin-react-hooks (source)	2.5.1 -> 4.2.0
firebase (source, changelog)	7.24.0 -> 8.2.3
jest-emotion (source)	10.0.32 -> 11.0.0
react (source)	16.14.0 -> 17.0.1
react-dom (source)	16.14.0 -> 17.0.1
react-scripts	3.4.4 -> 4.0.1
react-test-renderer (source)	16.14.0 -> 17.0.1
typeface-fira-sans	0.0.75 -> 1.1.13
typescript (source)	3.9.7 -> 4.1.3
webpack-bundle-analyzer	3.9.0 -> 4.3.0

---

Release Notes

emotion-js/emotion

v11.0.0

Compare Source

Major Changes

• b8476e08 #​1675 Thanks @​mitchellhamilton! - Rename jest-emotion to @emotion/jest. Please replace "snapshotSerializers": ["jest-emotion"] with "snapshotSerializers": ["@​emotion/jest/serializer"] if you're using the snapshot serializer. Also replace any imports of jest-emotion with @emotion/jest or use the @emotion/pkg-renaming ESLint rule from @emotion/eslint-plugin.

ionic-team/stencil

v2.3.0

Compare Source

Features

• config: env (#​2732) (ab6dff1)
• devserver: dev server startup timeout configurable (#​2719) (455adb3)
• jest: update to jest 26.6.3 (b6ca680)
• rollup: update to rollup 2.33.1 (bb1f55e)

Bug Fixes

• path: export win32 (a536654)

v2.2.0

Compare Source

Bug Fixes

• prerender: cache writing hashed assets (96c44f8)
• prerender: fix component graph tmp file (bb9b6a8)

Features

• jest: update to jest 26.6.1 (aafb1a3)
• prerender: do not inline external styles by default (044aa96)
• puppeteer: update to puppeteer 5.4.1 (cf8847b)
• rollup: update to rollup 2.32.1 (83236f9)
• terser: update to terser 5.3.8 (46a0207)
• typescript: update to typescript 4.0.5 (0ca07a1)

🍗 2.1.2 (2020-10-26)

Bug Fixes

• devserver: fix dev server static data with trailing slash (d70423d)
• hydrate: do not add html comments inside inline scripts (3c16737)

🎂 2.1.1 (2020-10-23)

Bug Fixes

• prerender: fix slot relocation and inline styles (2af380f)
• worker: capture worker errors (#​2709) (dcd49c0)

v2.1.2

Compare Source

Bug Fixes

• devserver: fix dev server static data with trailing slash (d70423d)
• hydrate: do not add html comments inside inline scripts (3c16737)

v2.1.1

Compare Source

Bug Fixes

• prerender: fix slot relocation and inline styles (2af380f)
• worker: capture worker errors (#​2709) (dcd49c0)

v2.1.0

Compare Source

Features

• TypeScript 4.0.3

• Rollup 2.32.0

• Terser 5.3.7

• Jest 26.6.0

• Puppeteer 5.3.1

• Open 7.3.0

• Node Fetch 2.6.1

• prerender: hash assets and add version querystring (e20c284)

• prerender: hash assets in page.state static content (baeb842)

• prerender: add buildId, hydrate externals, DOMContentLoaded (4d49c63)

• prerender: server-side only bundle modules w/ .server directory (d8fcb60)

• prerender: write page.state.json data from hydrat

• add setErrorHandler() (#​2704) (5d2780a)

• docs-custom: add config argument (#​2696) (d285879)

• sys: add encoding option to readFile (99ef518)

• sys: add sys.generateFileHash() for more efficient file hashing (d762c6d)

• dev-server: add ssr option for dev server for prerending dev (2574094)

• e2e: e2e timeout configurable (8b69731), closes #​2662

• nodeRequire: export nodeRequire utility from compiler (10ea2fb)e builds (a2c93f6)

Bug Fixes

• hmr: reload from changed css import in global styles (4f8934d)
• runtime: do regular clone of normal slotting (#​2694) (602c1e2)
• mock-doc: set hostname when location is updated (#​2689) (9598a05)
• worker: Build.isDev in worker (#​2702) (e8ced45)
• dev-server: clear module cache on ssr reload (cfd5d39)
• mock-doc: no indentation w/in whitespace sensitive elements (46ff715)
• dev-server: improve exiting dev server process (eb02517)
• e2e: update to use page.waitForTimeout() (e48d306)
• hydrate: improve dev server console error (9cb31a5)
• mock-doc: do not pretty print whitespace senstive elements (de0dc65)
• mock-doc: provide mocked global fetch() fn (8fbc694)
• types: do not require @​types/node because of puppeteer types (1a907f7)
• types: export h() function types (be20372)

🍮 2.0.3 (2020-09-03)

Bug Fixes

• watch: do not rebuild on docs output target file changes (4529de7)

Features

• worker: can import Build from @​stencil/core (3058143)

🐡 2.0.2 (2020-09-02)

Bug Fixes

• prerender: export Fragment for prerender builds (142adc8)
• test: do not build docs from test command (557b371)
• watch: fix config.watchIgnoredRegex and update w/ RegExp array (981e0ae)

👽 2.0.1 (2020-08-31)

Bug Fixes

• custom-elements: update package json module recommendation (9f29dbd)
• jest: update to jest 26.4.2 (6aeb2f7)
• rollup: update to rollup 2.26.8 (cac6482)
• testing: use default jest maxConcurrency (c5d216f)

Features

• cli: add changlog link to stencil version update message (5fa5991)

v2.0.3

Compare Source

Bug Fixes

• watch: do not rebuild on docs output target file changes (4529de7)

Features

• worker: can import Build from @​stencil/core (3058143)

v2.0.2

Compare Source

Bug Fixes

• prerender: export Fragment for prerender builds (142adc8)
• test: do not build docs from test command (557b371)
• watch: fix config.watchIgnoredRegex and update w/ RegExp array (981e0ae)

v2.0.1

Compare Source

Bug Fixes

• custom-elements: update package json module recommendation (9f29dbd)
• jest: update to jest 26.4.2 (6aeb2f7)
• rollup: update to rollup 2.26.8 (cac6482)
• testing: use default jest maxConcurrency (c5d216f)

Features

• cli: add changlog link to stencil version update message (5fa5991)

v2.0.0

Compare Source

In keeping with Semver, Stencil 2.0.0 was released due to changes in the API (mainly from some updates to the config API). But even though this is a new major version, there are few breaking changes, and any changes will be flagged and described by the compiler during development. For the most part, most of the changes are removal of deprecated APIs that have been printing out warning logs for quite some time now.

Opt-in for IE11, Edge 16-18 and Safari 10 Builds

• config: update config extra defaults to not build IE11, Edge 16-18 and Safari 10 by default (363bf59)

A change in Stencil 2 is that the IE11, Edge 16-18 and Safari 10 builds will not be enabled by default. However, the ability to opt-in is still available, and can be enabled by setting each extras config flag to true. An advantage of this is less runtime within your builds. See the config.extras docs for more info.

Opt-in for ES5 and SystemJS Builds

• config: do not build es5 by default (fa67d97)

Just like having to opt-in for IE11, the same goes for opting-in for ES5 and SystemJS builds. For a production build in Stencil 1, it would build both ES2017/ESM files, and ES5/SystemJS files. As of Stencil 2, both dev and prod builds do not create ES5/SystemJS builds. An advantage of this is having faster production builds by not having to also downlevel to es5. See the buildEs5 for more info.

Use disconnectedCallback() instead of componentDidUnload()

• componentDidUnload: use disconnectedCallback instead of componentDidUnload (4e45862)

When Stencil is used within other frameworks, DOM elements may be reused, making it impossible for componentDidUnload() to be accurate 100% of the time if it is disconnected, then re-connected, and disconnected again. Instead, disconnectedCallback() is the preferred way to always know if a component was disconnected from the DOM.

Note that the runtime still works for any collections that have been built with componentDidUnload(). However, updates to Stencil 2 will require it's changed to disconnectedCallback().

Default to async task queue

• taskQueue: set "async" taskQueue as default (f3bb121)

Update taskQueue default to "async". Stencil 1 default was "congestionAsync". See config.taskQueue for more info.

Restore Stencil 1 defaults

export const config: Config = {
  buildEs5: 'prod',
  extras: {
    cssVarsShim: true,
    dynamicImportShim: true,
    safari10: true,
    shadowDomShim: true,
  }
};

dist package.json

To ensure the extensions are built for the future and work with today's bundlers, we've found it best to use .cjs.js extension for CommonJS files, and .js for ESM files, with the idea that cjs files will no longer be needed some day, and the ESM files are the standard. (We were using .mjs files, but not all of today's tooling and bundlers work well with that extension).

If you're using the dist output target, update the package.json in the root of your project, like this:

  {
-    "main": "dist/index.js",
+    "main": "dist/index.cjs.js",

-    "module": "dist/index.mjs",
+    "module": "dist/index.js",

-    "es2015": "dist/esm/index.mjs",
+    "es2015": "dist/esm/index.js",

-    "es2017": "dist/esm/index.mjs",
+    "es2017": "dist/esm/index.js",

-    "jsnext:main": "dist/esm/index.mjs",
+    "jsnext:main": "dist/esm/index.js",
  }

Additionally the dist/loader output directory has renamed its extensions too, but since its dist/loader/package.json file is auto-generated, the entries were renamed too. So unless you were referencing the loader files directly you will not have to do external updates.

See the Output Folder Structure Defaults for more info.

NodeJS Update

• node: minimum of Node 12.10.0, recommend 14.5.0 or greater (55331be)

With the major release, now's a good time to update the minimum and recommended version of NodeJS.

• Node Releases
• node.green

TypeScript 4

• typescript: bundle typescript (1973032)
• typescript: update to typescript 4.0.0-beta (a274e11)
• typescript: update to typescript 4.0.1-rc (def2e6b)
• typescript: update to typescript 4.0.2 (f55f0bf)

The other change is the update to TypeScript 4. With Stencil 2, TypeScript will no longer be a dependency, but instead included within the Stencil compiler. There are a few advantages to this we'll be experimenting with:

• Faster compiler startup times and overall smaller install size.
• The custom elements build should have a dependency of @stencil/core, so not having TypeScript as a dependency of @stencil/core simplifies the dependency graph for end-users and libraries.
• Drastically simplifies the Stencil compiler by not having to dynamically import TypeScript, which quickly gets complicated since the compiler can work within Node, Deno, web workers and the browser's main thread. By bundling internally many of the complexities are no longer an issue.
• Stencil compiler guaranteed to run with the exact version of TypeScript it was designed with.
• Easier to adjust to breaking changes. For example, TypeScript 4 introduced a few breaking changes, but with this update it made it easier for the compiler to adjust internally.

Removal of Deprecated APIs

• assetsDir: remove deprecated component assetsDir (b5cba6a)
• attr: remove deprecated prop attr/reflectToAttr (133dd49)
• collection: remove deprecated collection parsing (1a94d1e)
• compiler: remove deprecated compile/compileSync (58a27d2)
• config: remove deprecated includeSrc/excludeSrc (c18cb1f)
• context: remove deprecated prop context/connect (a87b738)
• copy: remove deprecated copy config (6cf3134)
• docs: remove deprecated 'docs' type (043e2d8)
• experimental-dist-module: remove deprecated experimental-dist-module (41189a6)
• forceUpdate: remove deprecated elm.forceUpdate() (dfc1e59)
• legacyLoader: remove deprecated legacy loader (7480f92)
• listen: remove Listen target: 'parent' option (ed63707)
• listen: remove deprecated listen target (1a3b519)
• reflectToAttr: remove deprecated prop reflectToAttr (6eae6f8)
• prerender: use internal typescript (8f0bb51)
• test: do not require typescript for tests (43c5d98)
• test: remove deprecated testing configs (fb8a02b)
• transpile: remove deprecated "script" option (75dfebb)
• watch: remove deprecated PropWillChange/PropDidChange (fa2b400)

Removal of Context

The Context object was originally added in the 0.x.x versions of Stencil, before ES Modules were widely adopted. Since then we've deprecated it in Stencil 1, and have ported any external libraries off of it. The remaining one was @stencil/redux, and we've released 0.2.0 to be used with Stencil 2 (and can also work with Stencil 1). Additionally, now might be a good time to look into using @​stencil/store instead.

Bug Fixes

• assetsDirs: allow same destination asset dir copy task (b6379b3), closes #​2615
• compiler: normalizePath result from fs.realpathSync (#​2625) (df83c83)
• dist: ensure src dts files not emitted still get shipped in dist (dea56be), closes #​1797
• dist: export Components, JSX types from custom-elements build (abae5d1)
• Fragment: fix tsconfig Fragment (ba0ea8d)
• exit: ensure all node processes are destroyed on exit (73a04c2)
• exit: sys.exit() returns a promise (208ef8c)
• export: export client runtime from @​stencil/core (4c6cb60)
• hmr: fix dev server hmr (fa480b6)
• hydrate: ensure all timers are cleared (db1d747)
• monorepos: do not lazy require missing dependencies (7f739a0)
• parse: parse decorator shorthand property assignment (6b9e035)
• plugin: ensure external plugin css do not require physical file (b5a2536), closes #​2622
• prerender: flatten hAsync children to resolve promises (363d258)
• prerender: hAsync only returns promise if it has to (25a547a)
• safari: fix safari10 builds (63f02f8)
• sys: set ts.getExecutingFilePath() from stencil sys (2b21f2d)
• taskQueue: fix "immediate" rendering (#​2630) (62ea511)
• testing: add collectCoverageFrom jest parameter (#​2613) (370a701)
• treeshaking: move environment helpers out of utils (c9306b9)
• ts: update ts lib default local module path (16f30bc)
• watch: fix rebuild components on e2e w/ watch (7cd28ca), closes #​2642
• watch: hmr scss _partial reload on file change (4ffbe4a), closes #​2205
• worker: error passing (03864f2)

Features

• buildEs5: add "prod" as an option for config.buildEs5 (1af30a2)
• dev-server: single-threaded dev-server for debugging (cf335e3)
• runtime: add jsx Fragment (#​2647) (f3abee7)
• jest: update to jest 26.4.0 (9e3a6a8)
• prerendering: async h() function (d6eabb9)
• rollup: update to rollup 2.26.6 (6424254)
• terser: update to terser 5.1.0 and use its esm build (4b67c5a)
• terser: update to terser 5.2.1 (7582974)

⛱ 1.17.3 (2020-08-04)

Bug Fixes

• build: dist-custom-elements-bundle types (#​2597) (7f2f5ad), closes #​2596
• test: update module ext order (79ba207), closes #​2608

☎️ 1.17.2 (2020-07-28)

Bug Fixes

• dev-server: fix dev client requesting build results (91564f4)
• env: add os.plaform() polyfill (93b53e2)
• resolve: fix ts resolve module for transpile sync (7e538f4)
• sys: node sys prerender applyPrerenderGlobalPatch (517891d)
• worker: mock worker instance for hydrate builds (207ce44)

🐚 1.17.1 (2020-07-26)

Bug Fixes

• bundling: downgrade @rollup/plugin-commonjs (#​2589) (be1bdd1)
• Parse5 6.0.1

typescript-eslint/typescript-eslint

v4.14.0

Compare Source

Features

• add support for decorator metadata in scope analysis and in consistent-type-imports (#​2751) (445e416), closes #​2559
• eslint-plugin: add object-curly-spacing rule (#​2892) (32bd18d)

v4.13.0

Compare Source

Bug Fixes

• eslint-plugin: support eslint@5 (#​2917) (f606846)

Features

• eslint-plugin: [sort-type-union-intersection-members] add nullish group (#​2919) (5558f41)

v4.12.0

Compare Source

Bug Fixes

• eslint-plugin: [comma-spacing] handle empty type params (#​2915) (4d69fbb)

Features

• eslint-plugin: add rule sort-type-union-intersection-members (#​2913) (9092c04)

4.11.1 (2020-12-28)

Bug Fixes

• eslint-plugin: [naming-convention] fix precedence of method and property meta selectors (#​2877) (2f10e1a)

v4.11.1

Compare Source

Bug Fixes

• eslint-plugin: [naming-convention] fix precedence of method and property meta selectors (#​2877) (2f10e1a)

v4.11.0

Compare Source

Bug Fixes

• eslint-plugin: [non-nullable-type-assertion-style] handle const assertion (#​2881) (53dc34d)

Features

• eslint-plugin: [prom-func-async] add automatic fix (#​2845) (717e718)

v4.10.0

Compare Source

Bug Fixes

• eslint-plugin: [naming-convention] fix wrong member of method and property meta selectors (#​2856) (9a6c362)

Features

• eslint-plugin: add rule non-nullable-type-assertion-style (#​2624) (7eee44f)

4.9.1 (2020-12-07)

Bug Fixes

• eslint-plugin: [method-signature-style] fix crash with methods without a return type (#​2836) (fed89f2), closes #​2834
• eslint-plugin: [no-unused-vars] false-positive with class expressions (#​2833) (aadb39f), closes #​2831
• eslint-plugin: [no-unused-vars] fix race condition between naming-convention and no-unused-vars (#​2848) (ccb6b94), closes #​2844

v4.9.1

Compare Source

Bug Fixes

• eslint-plugin: [method-signature-style] fix crash with methods without a return type (#​2836) (fed89f2), closes #​2834
• eslint-plugin: [no-unused-vars] false-positive with class expressions (#​2833) (aadb39f), closes #​2831
• eslint-plugin: [no-unused-vars] fix race condition between naming-convent

---

Renovate configuration

📅 Schedule: "before 3am on the first day of the month" (UTC).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻️ Rebasing: Renovate will not automatically rebase this PR, because other commits have been found.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

---

• If you want to rebase/retry this PR, check this box

---

This PR has been generated by WhiteSource Renovate. View repository job log here.