chore(deps): update dependency esbuild to v0.14.12 #1413

renovate · 2022-01-21T00:02:23Z

renovate commented

2022-01-21 00:02:23 +00:00

This PR contains the following updates:

Package	Type	Update	Change
esbuild	devDependencies	patch	`0.14.11` -> `0.14.12`

Release Notes

evanw/esbuild

`v0.14.12`

Compare Source

Ignore invalid @import rules in CSS (#1946)

In CSS, @import rules must come first before any other kind of rule (except for @charset rules). Previously esbuild would warn about incorrectly ordered @import rules and then hoist them to the top of the file. This broke people who wrote invalid @import rules in the middle of their files and then relied on them being ignored. With this release, esbuild will now ignore invalid @import rules and pass them through unmodified. This more accurately follows the CSS specification. Note that this behavior differs from other tools like Parcel, which does hoist CSS @import rules.

Print invalid CSS differently (#1947)

This changes how esbuild prints nested @import statements that are missing a trailing ;, which is invalid CSS. The result is still partially invalid CSS, but now printed in a better-looking way:

/* Original code */
.bad { @&#8203;import url("other") }
.red { background: red; }

/* Old output (with --minify) */
.bad{@&#8203;import url(other) } .red{background: red;}}

/* New output (with --minify) */
.bad{@&#8203;import url(other);}.red{background:red}

Warn about CSS nesting syntax (#1945)

There's a proposed CSS syntax for nesting rules using the & selector, but it's not currently implemented in any browser. Previously esbuild silently passed the syntax through untransformed. With this release, esbuild will now warn when you use nesting syntax with a --target= setting that includes a browser.
Warn about } and > inside JSX elements

The } and > characters are invalid inside JSX elements according to the JSX specification because they commonly result from typos like these that are hard to catch in code reviews:
```
function F() {
  return <div>></div>;
}
function G() {
  return <div>{1}}</div>;
}
```
The TypeScript compiler already treats this as an error, so esbuild now treats this as an error in TypeScript files too. That looks like this:
```
✘ [ERROR] The character ">" is not valid inside a JSX element

    example.tsx:2:14:
      2 │   return <div>></div>;
        │               ^
        ╵               {'>'}

  Did you mean to escape it as "{'>'}" instead?

✘ [ERROR] The character "}" is not valid inside a JSX element

    example.tsx:5:17:
      5 │   return <div>{1}}</div>;
        │                  ^
        ╵                  {'}'}

  Did you mean to escape it as "{'}'}" instead?
```
Babel doesn't yet treat this as an error, so esbuild only warns about these characters in JavaScript files for now. Babel 8 treats this as an error but Babel 8 hasn't been released yet. If you see this warning, I recommend fixing the invalid JSX syntax because it will become an error in the future.

Warn about basic CSS property typos

This release now generates a warning if you use a CSS property that is one character off from a known CSS property:

▲ [WARNING] "marign-left" is not a known CSS property

    example.css:2:2:
      2 │   marign-left: 12px;
        │   ~~~~~~~~~~~
        ╵   margin-left

  Did you mean "margin-left" instead?

Configuration

📅 Schedule: At any time (no schedule defined).

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

♻ Rebasing: Whenever PR becomes conflicted, 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.

This PR contains the following updates: | Package | Type | Update | Change | |---|---|---|---| | [esbuild](https://github.com/evanw/esbuild) | devDependencies | patch | [`0.14.11` -> `0.14.12`](https://renovatebot.com/diffs/npm/esbuild/0.14.11/0.14.12) | --- ### Release Notes <details> <summary>evanw/esbuild</summary> ### [`v0.14.12`](https://github.com/evanw/esbuild/blob/master/CHANGELOG.md#01412) [Compare Source](https://github.com/evanw/esbuild/compare/v0.14.11...v0.14.12) - Ignore invalid `@import` rules in CSS ([#1946](https://github.com/evanw/esbuild/issues/1946)) In CSS, `@import` rules must come first before any other kind of rule (except for `@charset` rules). Previously esbuild would warn about incorrectly ordered `@import` rules and then hoist them to the top of the file. This broke people who wrote invalid `@import` rules in the middle of their files and then relied on them being ignored. With this release, esbuild will now ignore invalid `@import` rules and pass them through unmodified. This more accurately follows the CSS specification. Note that this behavior differs from other tools like Parcel, which does hoist CSS `@import` rules. - Print invalid CSS differently ([#1947](https://github.com/evanw/esbuild/issues/1947)) This changes how esbuild prints nested `@import` statements that are missing a trailing `;`, which is invalid CSS. The result is still partially invalid CSS, but now printed in a better-looking way: ```css /* Original code */ .bad { @import url("other") } .red { background: red; } /* Old output (with --minify) */ .bad{@import url(other) } .red{background: red;}} /* New output (with --minify) */ .bad{@import url(other);}.red{background:red} ``` - Warn about CSS nesting syntax ([#1945](https://github.com/evanw/esbuild/issues/1945)) There's a proposed [CSS syntax for nesting rules](https://drafts.csswg.org/css-nesting/) using the `&` selector, but it's not currently implemented in any browser. Previously esbuild silently passed the syntax through untransformed. With this release, esbuild will now warn when you use nesting syntax with a `--target=` setting that includes a browser. - Warn about `}` and `>` inside JSX elements The `}` and `>` characters are invalid inside JSX elements according to [the JSX specification](https://facebook.github.io/jsx/) because they commonly result from typos like these that are hard to catch in code reviews: ```jsx function F() { return <div>></div>; } function G() { return <div>{1}}</div>; } ``` The TypeScript compiler already [treats this as an error](https://github.com/microsoft/TypeScript/issues/36341), so esbuild now treats this as an error in TypeScript files too. That looks like this: ✘ [ERROR] The character ">" is not valid inside a JSX element example.tsx:2:14: 2 │ return <div>></div>; │ ^ ╵ {'>'} Did you mean to escape it as "{'>'}" instead? ✘ [ERROR] The character "}" is not valid inside a JSX element example.tsx:5:17: 5 │ return <div>{1}}</div>; │ ^ ╵ {'}'} Did you mean to escape it as "{'}'}" instead? Babel doesn't yet treat this as an error, so esbuild only warns about these characters in JavaScript files for now. Babel 8 [treats this as an error](https://github.com/babel/babel/issues/11042) but Babel 8 [hasn't been released yet](https://github.com/babel/babel/issues/10746). If you see this warning, I recommend fixing the invalid JSX syntax because it will become an error in the future. - Warn about basic CSS property typos This release now generates a warning if you use a CSS property that is one character off from a known CSS property: ▲ [WARNING] "marign-left" is not a known CSS property example.css:2:2: 2 │ marign-left: 12px; │ ~~~~~~~~~~~ ╵ margin-left Did you mean "margin-left" instead? </details> --- ### Configuration 📅 **Schedule**: At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, 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](https://github.com/renovatebot/renovate).

renovate added the

dependencies

label 2022-01-21 00:02:23 +00:00

renovate added 1 commit 2022-01-21 00:02:23 +00:00

continuous-integration/drone/pr Build is passing Details

8f970b2501 chore(deps): update dependency esbuild to v0.14.12

frederick commented

2022-01-21 00:06:18 +00:00

Hi renovate!

Thank you for creating a PR!

I've deployed the changes of this PR on a preview environment under this URL: https://1413-renovateesbuild-0.x--vikunja-frontend-preview.netlify.app

You can use this url to view the changes live and test them out.
You will need to manually connect this to an api running somehwere. The easiest to use is https://try.vikunja.io/.

Have a nice day!

Beep boop, I'm a bot.

Hi renovate! Thank you for creating a PR! I've deployed the changes of this PR on a preview environment under this URL: https://1413-renovateesbuild-0.x--vikunja-frontend-preview.netlify.app You can use this url to view the changes live and test them out. You will need to manually connect this to an api running somehwere. The easiest to use is https://try.vikunja.io/. Have a nice day! > Beep boop, I'm a bot.

konrad merged commit 9f5754ee42 into main

2022-01-21 07:11:57 +00:00

konrad deleted branch renovate/esbuild-0.x

2022-01-21 07:11:57 +00:00

konrad referenced this issue from a commit

2022-01-21 07:11:57 +00:00

chore(deps): update dependency esbuild to v0.14.12 (#1413)

This repo is archived. You cannot comment on pull requests.

No reviewers