Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(deps): update dependency vite to v4 #438

Merged
merged 5 commits into from
Apr 26, 2023
Merged

Conversation

bcgov-devops
Copy link
Collaborator

@bcgov-devops bcgov-devops commented Apr 20, 2023

This PR contains the following updates:

Package Type Update Change Pending
vite (source) dependencies major ^2.8.6 -> ^4.0.0 4.3.0 (+1)

Release Notes

vitejs/vite

v4.2.1

Compare Source

v4.2.0

Compare Source

Vite 4.2 is out!

Support env variables replacement in HTML files

Vite now supports replacing env variables in HTML files. Any properties in import.meta.env can be used in HTML files with a special %ENV_NAME% syntax:

<h1>Vite is running in %MODE%</h1>
<p>Using data from %VITE_API_URL%</p>
Sourcemaps improvements

The Chrome Dev Tools team has been working to improve the DX of Vite and Vite-powered frameworks in the dev tools. Vite 4.2 brings an improved experience and tools for framework authors to hide 3rd party code and build artifacts from the user from console log traces using server.sourcemapIgnoreList and build.rollupOptions.output.sourcemapIgnoreList.

ESM subpath imports

Vite 4.2 now supports subpath imports, thanks to @​lukeed05's resolve.exports library.

TypeScript 5 support

Vite 4.2 also supports TypeScript 5's tsconfig extends array format, thanks to tsconfck.

esbuild 0.17

esbuild v0.17.0 improved the design of its incremental, watch, and serve APIs. Check out #​11908 for the rationale of why we didn't consider the backward-incompatible changes breaking for our use cases. The updated esbuild design now allows Vite to properly cancel in-fly builds and improve server restarts.

Use Rollup types from the vite package

Expose Rollup types as a namespace. This is helpful to avoid type conflicts because of different versions of Rollup types in environments like vite-ecosystem-ci (#​12316).

import type { Rollup } from 'vite'
Português Docs Translation

The Vite documentation is now translated to Português at pt.vitejs.dev thanks to Nazaré Da Piedade .

Features
Bug Fixes
Previous Changelogs
4.2.0-beta.2 (2023-03-13)

See 4.2.0-beta.2 changelog

4.2.0-beta.1 (2023-03-07)

See 4.2.0-beta.1 changelog

4.2.0-beta.0 (2023-02-27)

See 4.2.0-beta.0 changelog

v4.1.4

Compare Source

v4.1.3

Compare Source

v4.1.2

Compare Source

v4.1.1

Compare Source

v4.1.0

Compare Source

Vite 4.1 updates to the latest versions of Rollup and esbuild. Check out the new Rollup docs, that are now powered by VitePress making the navigation between Vite and Rollup docs easier for users.

Vite docs got a theme update migrating to the latest version of VitePress.

As part of Vite 4, the Vue and React plugins have been extracted out of the monorepo. Although their release cycle will no longer follow Vite releases moving forward, Vite 4.1 is released in parallel with new versions of @​vitejs/plugin-react and @​vitejs/plugin-react-swc. @​vitejs/plugin-react 3.1.0 reworks the way HMR is handled fixing many edge cases and @​vitejs/plugin-react-swc 3.1.0 adds support for SWC plugins.

There is also a new major for @​vitejs/plugin-legacy, see changelog for v4.0.0. This version contains breaking changes:

Features
Bug Fixes
Previous Changelogs
4.1.0-beta.2 (2023-02-01)

See 4.1.0-beta.2 changelog

4.1.0-beta.1 (2023-01-26)

See 4.1.0-beta.1 changelog

4.1.0-beta.0 (2023-01-09)

See 4.1.0-beta.0 changelog

v4.0.4

Compare Source

v4.0.3

Compare Source

v4.0.2

Compare Source

v4.0.1

Compare Source

v4.0.0

Compare Source

Vite 4 Announcement Cover Image

Read the announcement blog post: Announcing Vite 4

Quick links:

Docs in other languages:

Main Changes

This major is smaller in scope compared to Vite 3, with the main objective of upgrading to Rollup 3. We've worked with the ecosystem to ensure a smooth upgrade path for this new major.

Rollup 3

Vite is now using Rollup 3, which allowed us to simplify Vite's internal asset handling and has many improvements. See the Rollup 3 release notes here.

Framework Plugins out of the Vite core monorepo

@vitejs/plugin-vue and @vitejs/plugin-react have been part of Vite core monorepo since the first versions of Vite. This helped us to get a close feedback loop when making changes as we were getting both Core and the plugins tested and released together. With vite-ecosystem-ci we can get this feedback with these plugins developed on independent repositories, so from Vite 4, they have been moved out of the Vite core monorepo. This is meaningful for Vite's framework-agnostic story, and will allow us to build independent teams to maintain each of the plugins. If you have bugs to report or features to request, please create issues on the new repositories moving forward: vitejs/vite-plugin-vue and vitejs/vite-plugin-react.

New React plugin using SWC during development

SWC is now a mature replacement for Babel, especially in the context of React projects. SWC's React Fast Refresh implementation is a lot faster than Babel, and for some projects, it is now a better alternative. From Vite 4, two plugins are available for React projects with different tradeoffs. We believe that both approaches are worth supporting at this point, and we'll continue to explore improvements to both plugins in the future.

@​vitejs/plugin-react

@​vitejs/plugin-react is a plugin that uses esbuild and Babel, achieving fast HMR with a small package footprint and the flexibility of being able to use the babel transform pipeline.

@​vitejs/plugin-react-swc (new)

@​vitejs/plugin-react-swc is a new plugin that uses esbuild during build, but replaces Babel with SWC during development. For big projects that don't require non-standard React extensions, cold start and Hot Module Replacement (HMR) can be significantly faster.

Compatibility

The modern browser build now targets safari14 by default for wider ES2020 compatibility (https://github.com/vitejs/vite/issues/9063). This means that modern builds can now use BigInt and that the nullish coallessing operator isn't transpiled anymore. If you need to support older browsers, you can add @vitejs/plugin-legacy as usual.

Importing CSS as a string

In Vite 3, importing the default export of a .css file could introduce a double loading of CSS.

import cssString from './global.css';

This double loading could occur since a .css file will be emitted and it's likely that the CSS string will also be used by the application code — for example, injected by the framework runtime. From Vite 4, the .css default export has been deprecated. The ?inline query suffix modifier needs to be used in this case, as that doesn't emit the imported .css styles.

import stuff from './global.css?inline'
Other features
  • Support for patch-package when pre bundling dependencies (#​10286)
  • Cleaner build logs output (#​10895) and switch to kB to align with browser dev tools (#​10982)
  • Improved error messages during SSR (#​11156)
Features

Configuration

📅 Schedule: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined).

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

Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


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

This PR has been generated by Renovate Bot.


Thanks for the PR!

Any successful deployments (not always required) will be available below.
Backend available
Frontend available
Legacy available

Once merged, code will be promoted and handed off to following workflow run.
Main Merge Workflow

@github-actions github-actions bot added configuration changes related to configuration file frontend javascript Pull requests that update Javascript code fix labels Apr 20, 2023
@github-actions
Copy link

github-actions bot commented Apr 20, 2023

Current changelog

Bug Fixes

  • deps: update dependency @vitejs/plugin-vue to v4 (14d75d3)
  • deps: update dependency vite to v4 (d1c6ec3)

@github-actions github-actions bot added fix and removed fix labels Apr 20, 2023
@github-actions github-actions bot added fix and removed fix labels Apr 22, 2023
@DerekRoberts DerekRoberts temporarily deployed to dev April 22, 2023 20:36 — with GitHub Actions Inactive
@DerekRoberts DerekRoberts temporarily deployed to dev April 22, 2023 20:36 — with GitHub Actions Inactive
@DerekRoberts DerekRoberts temporarily deployed to dev April 22, 2023 20:36 — with GitHub Actions Inactive
@DerekRoberts DerekRoberts temporarily deployed to dev April 22, 2023 20:36 — with GitHub Actions Inactive
@DerekRoberts DerekRoberts temporarily deployed to dev April 22, 2023 20:38 — with GitHub Actions Inactive
@DerekRoberts
Copy link
Member

Cherry picked in corequisite from #437.

@bcgov-devops
Copy link
Collaborator Author

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

Warning: custom changes will be lost.

@DerekRoberts DerekRoberts self-assigned this Apr 23, 2023
@github-actions github-actions bot added fix and removed fix labels Apr 24, 2023
@paulushcgcj paulushcgcj temporarily deployed to dev April 24, 2023 20:30 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 24, 2023 20:31 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 24, 2023 20:31 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 24, 2023 20:31 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 24, 2023 20:31 — with GitHub Actions Inactive
@sonarcloud
Copy link

sonarcloud bot commented Apr 26, 2023

[forest-client-frontend] Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
No Duplication information No Duplication information

@github-actions github-actions bot added fix and removed fix labels Apr 26, 2023
@paulushcgcj paulushcgcj temporarily deployed to dev April 26, 2023 15:42 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 26, 2023 15:43 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 26, 2023 15:43 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 26, 2023 15:43 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 26, 2023 15:55 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 26, 2023 15:55 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 26, 2023 15:55 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 26, 2023 15:55 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj temporarily deployed to dev April 26, 2023 15:55 — with GitHub Actions Inactive
@paulushcgcj paulushcgcj merged commit c9adcc1 into main Apr 26, 2023
22 checks passed
@paulushcgcj paulushcgcj deleted the renovate/vite-4.x branch April 26, 2023 16:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
configuration changes related to configuration file fix frontend javascript Pull requests that update Javascript code
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

None yet

4 participants