Update dependency upgrades - non-major #128

renovate · 2024-10-24T16:10:19Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@crxjs/vite-plugin	`2.0.0-beta.25` -> `2.0.0-beta.26`
@types/chrome (source)	`0.0.278` -> `0.0.279`
@types/node (source)	`22.7.6` -> `22.7.9`
@types/react (source)	`18.3.11` -> `18.3.12`
@typescript-eslint/utils (source)	`8.10.0` -> `8.11.0`
@vitejs/plugin-react (source)	`4.3.2` -> `4.3.3`
eslint-config-upleveled	`8.8.0` -> `8.11.1`
vite (source)	`5.4.9` -> `5.4.10`

Release Notes

crxjs/rollup-plugin-chrome-extension (@crxjs/vite-plugin)

`v2.0.0-beta.26`

Compare Source

Major Changes

f4eb4d4: fix: workaround for the issue with chrome.runtime.getURL introduced
in Chrome 130 causing CSP rejecting script due to different origin (GUID
instead of chrome extension id)

typescript-eslint/typescript-eslint (@typescript-eslint/utils)

`v8.11.0`

Compare Source

This was a version bump only for utils to align it with other projects, there were no code changes.

You can read about our versioning strategy and releases on our website.

vitejs/vite-plugin-react (@vitejs/plugin-react)

`v4.3.3`

Compare Source

React Compiler runtimeModule option removed

React Compiler was updated to accept a target option and runtimeModule was removed. vite-plugin-react will still detect runtimeModule for backwards compatibility.

When using a custom runtimeModule or target !== '19', the plugin will not try to pre-optimize react/compiler-runtime dependency.

The react-compiler-runtime is now available on npm can be used instead of the local shim for people using the compiler with React < 19.

Here is the configuration to use the compiler with React 18 and correct source maps in development:

npm install babel-plugin-react-compiler react-compiler-runtime @&#8203;babel/plugin-transform-react-jsx-development

export default defineConfig(({ command }) => {
  const babelPlugins = [['babel-plugin-react-compiler', { target: '18' }]]
  if (command === 'serve') {
    babelPlugins.push(['@&#8203;babel/plugin-transform-react-jsx-development', {}])
  }

  return {
    plugins: [react({ babel: { plugins: babelPlugins } })],
  }
})