sourcemap path problem #444

yoyo930021 · 2020-10-09T06:40:36Z

Thanks to the author for amazing work.

I will try to use esbuild in Vetur project vuejs/vetur#2301.
This project have a lot of dependencies that make it hard to bundle and minify.
The esbuild is 128x faster than rollup.
The cost time is from 6m 24.9s to 3s.

The VSCode debugger is broken with esbuild sourcemap.
I find two problems with sourcemap.

The sourcemap sources path is base on esbuild execution path.
To be precise, it should be based on outFile path.
I need to hack process.cwd() for pin it.
https://github.com/vuejs/vetur/blob/2dd9fa83678a1f40cf78d4f1a13756eef78bd1e2/build/rollup-plugins.js#L30.
The sourcemap don't have sourceRoot.
vscode debugger can't resolve path.
so I need to overrides to absoulte path.
https://github.com/vuejs/vetur/blob/2dd9fa83678a1f40cf78d4f1a13756eef78bd1e2/.vscode/launch.json#L32.

If we're fixing the first problem, it seems the second one isn't necessary.

The text was updated successfully, but these errors were encountered:

evanw · 2020-10-13T08:27:28Z

The fix has now been published. Can you verify that source map paths are now working in VSCode?

yoyo930021 · 2020-10-13T10:15:45Z

The fix has now been published. Can you verify that source map paths are now working in VSCode?

The new version works well.
Thanks for help.

Bumps [esbuild](https://github.com/evanw/esbuild) from 0.17.12 to 0.17.14. <details> <summary>Release notes</summary> Sourced from <a href="https://github.com/evanw/esbuild/releases">esbuild's releases</a>. <blockquote> <h2>v0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ :is(div, p) :is(.warning, .error) { </code></pre> </li> </ul> </blockquote> ... (truncated) </details> <details> <summary>Changelog</summary> Sourced from <a href="https://github.com/evanw/esbuild/blob/main/CHANGELOG.md">esbuild's changelog</a>. <blockquote> <h2>0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ </code></pre> </li> </ul> </blockquote> ... (truncated) </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/evanw/esbuild/commit/b2b897870564a6b8e8bc802a140c55bf602de31b"><code>b2b8978</code></a> publish 0.17.14 to npm</li> <li><a href="https://github.com/evanw/esbuild/commit/079eca4992344201185864c9282221c917c9a3d5"><code>079eca4</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>: add support for <code>const</code> in object types</li> <li><a href="https://github.com/evanw/esbuild/commit/72c837935d74ab1f421c0d96e9d1ce1052438737"><code>72c8379</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>: initial lowering code for css nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/96e09b40f73b29aaf4f419d45f603ee1353be800"><code>96e09b4</code></a> cannot inline no-op nesting with pseudo-elements</li> <li><a href="https://github.com/evanw/esbuild/commit/cd62fa131daecaf8eb4b4bb032331158b2b2d8db"><code>cd62fa1</code></a> minify: remove unnecessary <code>&</code> selectors</li> <li><a href="https://github.com/evanw/esbuild/commit/0546cf7a8cb1d89409e4634bdb3b5d6c65e0a6c5"><code>0546cf7</code></a> css combinator can be a single byte</li> <li><a href="https://github.com/evanw/esbuild/commit/39c39620829dad7f871e32090d4273ed4fdc0ae2"><code>39c3962</code></a> minify: removes duplicates from CSS selector lists</li> <li><a href="https://github.com/evanw/esbuild/commit/8362c373289da762f5636691fc070f630678607c"><code>8362c37</code></a> Chrome 112+ can now use CSS nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/366b632dec741af6f199ef2931b2f0936a9ff822"><code>366b632</code></a> <a href="https://redirect.github.com/evanw/esbuild/issues/2940">#2940</a>: switch to <code>node-compat-table</code> for node data</li> <li><a href="https://github.com/evanw/esbuild/commit/daf372df0bea9109b89ddf3bf1703eb5daef4d52"><code>daf372d</code></a> run <code>make compat-table</code> again</li> <li>Additional commits viewable in <a href="https://github.com/evanw/esbuild/compare/v0.17.12...v0.17.14">compare view</a></li> </ul> </details> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=esbuild&package-manager=npm_and_yarn&previous-version=0.17.12&new-version=0.17.14)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details>

Bumps [esbuild](https://github.com/evanw/esbuild) from 0.17.12 to 0.17.14. <details> <summary>Release notes</summary> Sourced from <a href="https://github.com/evanw/esbuild/releases">esbuild's releases</a>. <blockquote> <h2>v0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ :is(div, p) :is(.warning, .error) { </code></pre> </li> </ul>  </blockquote> ... (truncated) </details> <details> <summary>Changelog</summary> Sourced from <a href="https://github.com/evanw/esbuild/blob/main/CHANGELOG.md">esbuild's changelog</a>. <blockquote> <h2>0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ </code></pre> </li> </ul>  </blockquote> ... (truncated) </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/evanw/esbuild/commit/b2b897870564a6b8e8bc802a140c55bf602de31b"><code>b2b8978</code></a> publish 0.17.14 to npm</li> <li><a href="https://github.com/evanw/esbuild/commit/079eca4992344201185864c9282221c917c9a3d5"><code>079eca4</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>: add support for <code>const</code> in object types</li> <li><a href="https://github.com/evanw/esbuild/commit/72c837935d74ab1f421c0d96e9d1ce1052438737"><code>72c8379</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>: initial lowering code for css nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/96e09b40f73b29aaf4f419d45f603ee1353be800"><code>96e09b4</code></a> cannot inline no-op nesting with pseudo-elements</li> <li><a href="https://github.com/evanw/esbuild/commit/cd62fa131daecaf8eb4b4bb032331158b2b2d8db"><code>cd62fa1</code></a> minify: remove unnecessary <code>&</code> selectors</li> <li><a href="https://github.com/evanw/esbuild/commit/0546cf7a8cb1d89409e4634bdb3b5d6c65e0a6c5"><code>0546cf7</code></a> css combinator can be a single byte</li> <li><a href="https://github.com/evanw/esbuild/commit/39c39620829dad7f871e32090d4273ed4fdc0ae2"><code>39c3962</code></a> minify: removes duplicates from CSS selector lists</li> <li><a href="https://github.com/evanw/esbuild/commit/8362c373289da762f5636691fc070f630678607c"><code>8362c37</code></a> Chrome 112+ can now use CSS nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/366b632dec741af6f199ef2931b2f0936a9ff822"><code>366b632</code></a> <a href="https://redirect.github.com/evanw/esbuild/issues/2940">#2940</a>: switch to <code>node-compat-table</code> for node data</li> <li><a href="https://github.com/evanw/esbuild/commit/daf372df0bea9109b89ddf3bf1703eb5daef4d52"><code>daf372d</code></a> run <code>make compat-table</code> again</li> <li>Additional commits viewable in <a href="https://github.com/evanw/esbuild/compare/v0.17.12...v0.17.14">compare view</a></li> </ul> </details> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=esbuild&package-manager=npm_and_yarn&previous-version=0.17.12&new-version=0.17.14)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details>

Bumps [esbuild](https://github.com/evanw/esbuild) from 0.17.13 to 0.17.14. <details> <summary>Release notes</summary> Sourced from <a href="https://github.com/evanw/esbuild/releases">esbuild's releases</a>. <blockquote> <h2>v0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ :is(div, p) :is(.warning, .error) { </code></pre> </li> </ul> </blockquote> ... (truncated) </details> <details> <summary>Changelog</summary> Sourced from <a href="https://github.com/evanw/esbuild/blob/main/CHANGELOG.md">esbuild's changelog</a>. <blockquote> <h2>0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ </code></pre> </li> </ul> </blockquote> ... (truncated) </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/evanw/esbuild/commit/b2b897870564a6b8e8bc802a140c55bf602de31b"><code>b2b8978</code></a> publish 0.17.14 to npm</li> <li><a href="https://github.com/evanw/esbuild/commit/079eca4992344201185864c9282221c917c9a3d5"><code>079eca4</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>: add support for <code>const</code> in object types</li> <li><a href="https://github.com/evanw/esbuild/commit/72c837935d74ab1f421c0d96e9d1ce1052438737"><code>72c8379</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>: initial lowering code for css nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/96e09b40f73b29aaf4f419d45f603ee1353be800"><code>96e09b4</code></a> cannot inline no-op nesting with pseudo-elements</li> <li><a href="https://github.com/evanw/esbuild/commit/cd62fa131daecaf8eb4b4bb032331158b2b2d8db"><code>cd62fa1</code></a> minify: remove unnecessary <code>&</code> selectors</li> <li><a href="https://github.com/evanw/esbuild/commit/0546cf7a8cb1d89409e4634bdb3b5d6c65e0a6c5"><code>0546cf7</code></a> css combinator can be a single byte</li> <li><a href="https://github.com/evanw/esbuild/commit/39c39620829dad7f871e32090d4273ed4fdc0ae2"><code>39c3962</code></a> minify: removes duplicates from CSS selector lists</li> <li><a href="https://github.com/evanw/esbuild/commit/8362c373289da762f5636691fc070f630678607c"><code>8362c37</code></a> Chrome 112+ can now use CSS nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/366b632dec741af6f199ef2931b2f0936a9ff822"><code>366b632</code></a> <a href="https://redirect.github.com/evanw/esbuild/issues/2940">#2940</a>: switch to <code>node-compat-table</code> for node data</li> <li><a href="https://github.com/evanw/esbuild/commit/daf372df0bea9109b89ddf3bf1703eb5daef4d52"><code>daf372d</code></a> run <code>make compat-table</code> again</li> <li>See full diff in <a href="https://github.com/evanw/esbuild/compare/v0.17.13...v0.17.14">compare view</a></li> </ul> </details> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=esbuild&package-manager=npm_and_yarn&previous-version=0.17.13&new-version=0.17.14)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details>

Bumps [esbuild](https://github.com/evanw/esbuild) from 0.17.12 to 0.17.14. <details> <summary>Release notes</summary> Sourced from <a href="https://github.com/evanw/esbuild/releases">esbuild's releases</a>. <blockquote> <h2>v0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ :is(div, p) :is(.warning, .error) { </code></pre> </li> </ul> </blockquote> ... (truncated) </details> <details> <summary>Changelog</summary> Sourced from <a href="https://github.com/evanw/esbuild/blob/main/CHANGELOG.md">esbuild's changelog</a>. <blockquote> <h2>0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ </code></pre> </li> </ul> </blockquote> ... (truncated) </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/evanw/esbuild/commit/b2b897870564a6b8e8bc802a140c55bf602de31b"><code>b2b8978</code></a> publish 0.17.14 to npm</li> <li><a href="https://github.com/evanw/esbuild/commit/079eca4992344201185864c9282221c917c9a3d5"><code>079eca4</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>: add support for <code>const</code> in object types</li> <li><a href="https://github.com/evanw/esbuild/commit/72c837935d74ab1f421c0d96e9d1ce1052438737"><code>72c8379</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>: initial lowering code for css nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/96e09b40f73b29aaf4f419d45f603ee1353be800"><code>96e09b4</code></a> cannot inline no-op nesting with pseudo-elements</li> <li><a href="https://github.com/evanw/esbuild/commit/cd62fa131daecaf8eb4b4bb032331158b2b2d8db"><code>cd62fa1</code></a> minify: remove unnecessary <code>&</code> selectors</li> <li><a href="https://github.com/evanw/esbuild/commit/0546cf7a8cb1d89409e4634bdb3b5d6c65e0a6c5"><code>0546cf7</code></a> css combinator can be a single byte</li> <li><a href="https://github.com/evanw/esbuild/commit/39c39620829dad7f871e32090d4273ed4fdc0ae2"><code>39c3962</code></a> minify: removes duplicates from CSS selector lists</li> <li><a href="https://github.com/evanw/esbuild/commit/8362c373289da762f5636691fc070f630678607c"><code>8362c37</code></a> Chrome 112+ can now use CSS nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/366b632dec741af6f199ef2931b2f0936a9ff822"><code>366b632</code></a> <a href="https://redirect.github.com/evanw/esbuild/issues/2940">#2940</a>: switch to <code>node-compat-table</code> for node data</li> <li><a href="https://github.com/evanw/esbuild/commit/daf372df0bea9109b89ddf3bf1703eb5daef4d52"><code>daf372d</code></a> run <code>make compat-table</code> again</li> <li>Additional commits viewable in <a href="https://github.com/evanw/esbuild/compare/v0.17.12...v0.17.14">compare view</a></li> </ul> </details> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=esbuild&package-manager=npm_and_yarn&previous-version=0.17.12&new-version=0.17.14)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details>

…sreimann.safeds.vscode (#442) Bumps [esbuild](https://github.com/evanw/esbuild) from 0.17.11 to 0.17.14. <details> <summary>Release notes</summary> Sourced from <a href="https://github.com/evanw/esbuild/releases">esbuild's releases</a>. <blockquote> <h2>v0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ :is(div, p) :is(.warning, .error) { </code></pre> </li> </ul>  </blockquote> ... (truncated) </details> <details> <summary>Changelog</summary> Sourced from <a href="https://github.com/evanw/esbuild/blob/main/CHANGELOG.md">esbuild's changelog</a>. <blockquote> <h2>0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ </code></pre> </li> </ul>  </blockquote> ... (truncated) </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/evanw/esbuild/commit/b2b897870564a6b8e8bc802a140c55bf602de31b"><code>b2b8978</code></a> publish 0.17.14 to npm</li> <li><a href="https://github.com/evanw/esbuild/commit/079eca4992344201185864c9282221c917c9a3d5"><code>079eca4</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>: add support for <code>const</code> in object types</li> <li><a href="https://github.com/evanw/esbuild/commit/72c837935d74ab1f421c0d96e9d1ce1052438737"><code>72c8379</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>: initial lowering code for css nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/96e09b40f73b29aaf4f419d45f603ee1353be800"><code>96e09b4</code></a> cannot inline no-op nesting with pseudo-elements</li> <li><a href="https://github.com/evanw/esbuild/commit/cd62fa131daecaf8eb4b4bb032331158b2b2d8db"><code>cd62fa1</code></a> minify: remove unnecessary <code>&</code> selectors</li> <li><a href="https://github.com/evanw/esbuild/commit/0546cf7a8cb1d89409e4634bdb3b5d6c65e0a6c5"><code>0546cf7</code></a> css combinator can be a single byte</li> <li><a href="https://github.com/evanw/esbuild/commit/39c39620829dad7f871e32090d4273ed4fdc0ae2"><code>39c3962</code></a> minify: removes duplicates from CSS selector lists</li> <li><a href="https://github.com/evanw/esbuild/commit/8362c373289da762f5636691fc070f630678607c"><code>8362c37</code></a> Chrome 112+ can now use CSS nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/366b632dec741af6f199ef2931b2f0936a9ff822"><code>366b632</code></a> <a href="https://redirect.github.com/evanw/esbuild/issues/2940">#2940</a>: switch to <code>node-compat-table</code> for node data</li> <li><a href="https://github.com/evanw/esbuild/commit/daf372df0bea9109b89ddf3bf1703eb5daef4d52"><code>daf372d</code></a> run <code>make compat-table</code> again</li> <li>Additional commits viewable in <a href="https://github.com/evanw/esbuild/compare/v0.17.11...v0.17.14">compare view</a></li> </ul> </details> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=esbuild&package-manager=npm_and_yarn&previous-version=0.17.11&new-version=0.17.14)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details> Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

[//]: # (dependabot-start) ⚠️ **Dependabot is rebasing this PR** ⚠️ Rebasing might not happen immediately, so don't worry if this takes some time. Note: if you make any changes to this PR yourself, they will take precedence over the rebase. --- [//]: # (dependabot-end) Bumps [esbuild](https://github.com/evanw/esbuild) from 0.17.10 to 0.17.14. <details> <summary>Release notes</summary> Sourced from <a href="https://github.com/evanw/esbuild/releases">esbuild's releases</a>. <blockquote> <h2>v0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ :is(div, p) :is(.warning, .error) { </code></pre> </li> </ul>  </blockquote> ... (truncated) </details> <details> <summary>Changelog</summary> Sourced from <a href="https://github.com/evanw/esbuild/blob/main/CHANGELOG.md">esbuild's changelog</a>. <blockquote> <h2>0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ </code></pre> </li> </ul>  </blockquote> ... (truncated) </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/evanw/esbuild/commit/b2b897870564a6b8e8bc802a140c55bf602de31b"><code>b2b8978</code></a> publish 0.17.14 to npm</li> <li><a href="https://github.com/evanw/esbuild/commit/079eca4992344201185864c9282221c917c9a3d5"><code>079eca4</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>: add support for <code>const</code> in object types</li> <li><a href="https://github.com/evanw/esbuild/commit/72c837935d74ab1f421c0d96e9d1ce1052438737"><code>72c8379</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>: initial lowering code for css nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/96e09b40f73b29aaf4f419d45f603ee1353be800"><code>96e09b4</code></a> cannot inline no-op nesting with pseudo-elements</li> <li><a href="https://github.com/evanw/esbuild/commit/cd62fa131daecaf8eb4b4bb032331158b2b2d8db"><code>cd62fa1</code></a> minify: remove unnecessary <code>&</code> selectors</li> <li><a href="https://github.com/evanw/esbuild/commit/0546cf7a8cb1d89409e4634bdb3b5d6c65e0a6c5"><code>0546cf7</code></a> css combinator can be a single byte</li> <li><a href="https://github.com/evanw/esbuild/commit/39c39620829dad7f871e32090d4273ed4fdc0ae2"><code>39c3962</code></a> minify: removes duplicates from CSS selector lists</li> <li><a href="https://github.com/evanw/esbuild/commit/8362c373289da762f5636691fc070f630678607c"><code>8362c37</code></a> Chrome 112+ can now use CSS nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/366b632dec741af6f199ef2931b2f0936a9ff822"><code>366b632</code></a> <a href="https://redirect.github.com/evanw/esbuild/issues/2940">#2940</a>: switch to <code>node-compat-table</code> for node data</li> <li><a href="https://github.com/evanw/esbuild/commit/daf372df0bea9109b89ddf3bf1703eb5daef4d52"><code>daf372d</code></a> run <code>make compat-table</code> again</li> <li>Additional commits viewable in <a href="https://github.com/evanw/esbuild/compare/v0.17.10...v0.17.14">compare view</a></li> </ul> </details> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=esbuild&package-manager=npm_and_yarn&previous-version=0.17.10&new-version=0.17.14)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details> Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Bumps [esbuild](https://github.com/evanw/esbuild) from 0.17.11 to 0.17.14. <details> <summary>Release notes</summary> Sourced from <a href="https://github.com/evanw/esbuild/releases">esbuild's releases</a>. <blockquote> <h2>v0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ :is(div, p) :is(.warning, .error) { </code></pre> </li> </ul>  </blockquote> ... (truncated) </details> <details> <summary>Changelog</summary> Sourced from <a href="https://github.com/evanw/esbuild/blob/main/CHANGELOG.md">esbuild's changelog</a>. <blockquote> <h2>0.17.14</h2> <ul> <li> Allow the TypeScript 5.0 <code>const</code> modifier in object type declarations (<a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>) The new TypeScript 5.0 <code>const</code> modifier was added to esbuild in version 0.17.5, and works with classes, functions, and arrow expressions. However, support for it wasn't added to object type declarations (e.g. interfaces) due to an oversight. This release adds support for these cases, so the following TypeScript 5.0 code can now be built with esbuild: <pre lang="ts"><code>interface Foo { <const T>(): T } type Bar = { new <const T>(): T } </code></pre> </li> <li> Implement preliminary lowering for CSS nesting (<a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>) Chrome has <a href="https://developer.chrome.com/articles/css-nesting/">implemented the new CSS nesting specification</a> in version 112, which is currently in beta but will become stable very soon. So CSS nesting is now a part of the web platform! This release of esbuild can now transform nested CSS syntax into non-nested CSS syntax for older browsers. The transformation relies on the <code>:is()</code> pseudo-class in many cases, so the transformation is only guaranteed to work when targeting browsers that support <code>:is()</code> (e.g. Chrome 88+). You'll need to set esbuild's <a href="https://esbuild.github.io/api/#target"><code>target</code></a> to the browsers you intend to support to tell esbuild to do this transformation. You will get a warning if you use CSS nesting syntax with a <code>target</code> which includes older browsers that don't support <code>:is()</code>. The lowering transformation looks like this: <pre lang="css"><code>/* Original input */ a.btn { color: [#333](evanw/esbuild#333); &:hover { color: [#444](evanw/esbuild#444) } &:active { color: [#555](evanw/esbuild#555) } } /* New output (with --target=chrome88) */ a.btn { color: <a href="https://redirect.github.com/evanw/esbuild/issues/333">#333</a>; } a.btn:hover { color: <a href="https://redirect.github.com/evanw/esbuild/issues/444">#444</a>; } a.btn:active { color: <a href="https://redirect.github.com/evanw/esbuild/issues/555">#555</a>; } </code></pre> More complex cases may generate the <code>:is()</code> pseudo-class: <pre lang="css"><code>/* Original input */ div, p { .warning, .error { padding: 20px; } } /* New output (with --target=chrome88) */ </code></pre> </li> </ul>  </blockquote> ... (truncated) </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/evanw/esbuild/commit/b2b897870564a6b8e8bc802a140c55bf602de31b"><code>b2b8978</code></a> publish 0.17.14 to npm</li> <li><a href="https://github.com/evanw/esbuild/commit/079eca4992344201185864c9282221c917c9a3d5"><code>079eca4</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/3021">#3021</a>: add support for <code>const</code> in object types</li> <li><a href="https://github.com/evanw/esbuild/commit/72c837935d74ab1f421c0d96e9d1ce1052438737"><code>72c8379</code></a> fix <a href="https://redirect.github.com/evanw/esbuild/issues/1945">#1945</a>: initial lowering code for css nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/96e09b40f73b29aaf4f419d45f603ee1353be800"><code>96e09b4</code></a> cannot inline no-op nesting with pseudo-elements</li> <li><a href="https://github.com/evanw/esbuild/commit/cd62fa131daecaf8eb4b4bb032331158b2b2d8db"><code>cd62fa1</code></a> minify: remove unnecessary <code>&</code> selectors</li> <li><a href="https://github.com/evanw/esbuild/commit/0546cf7a8cb1d89409e4634bdb3b5d6c65e0a6c5"><code>0546cf7</code></a> css combinator can be a single byte</li> <li><a href="https://github.com/evanw/esbuild/commit/39c39620829dad7f871e32090d4273ed4fdc0ae2"><code>39c3962</code></a> minify: removes duplicates from CSS selector lists</li> <li><a href="https://github.com/evanw/esbuild/commit/8362c373289da762f5636691fc070f630678607c"><code>8362c37</code></a> Chrome 112+ can now use CSS nesting</li> <li><a href="https://github.com/evanw/esbuild/commit/366b632dec741af6f199ef2931b2f0936a9ff822"><code>366b632</code></a> <a href="https://redirect.github.com/evanw/esbuild/issues/2940">#2940</a>: switch to <code>node-compat-table</code> for node data</li> <li><a href="https://github.com/evanw/esbuild/commit/daf372df0bea9109b89ddf3bf1703eb5daef4d52"><code>daf372d</code></a> run <code>make compat-table</code> again</li> <li>Additional commits viewable in <a href="https://github.com/evanw/esbuild/compare/v0.17.11...v0.17.14">compare view</a></li> </ul> </details> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=esbuild&package-manager=npm_and_yarn&previous-version=0.17.11&new-version=0.17.14)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details>

yoyo930021 changed the title ~~sourcemap relative path problem~~ sourcemap path problem Oct 9, 2020

This was referenced Oct 9, 2020

Reduce release size by bundling client/browser/vti vuejs/vetur#2301

Merged

Fix sourcemap path problem #450

Merged

evanw closed this as completed in #450 Oct 13, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

sourcemap path problem #444

sourcemap path problem #444

yoyo930021 commented Oct 9, 2020 •

edited

Loading

evanw commented Oct 13, 2020

yoyo930021 commented Oct 13, 2020

sourcemap path problem #444

sourcemap path problem #444

Comments

yoyo930021 commented Oct 9, 2020 • edited Loading

evanw commented Oct 13, 2020

yoyo930021 commented Oct 13, 2020

yoyo930021 commented Oct 9, 2020 •

edited

Loading