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

feat: Add lint for grid-template-areas #8060

Merged
merged 14 commits into from
May 8, 2024
Merged

feat: Add lint for grid-template-areas #8060

merged 14 commits into from
May 8, 2024

Conversation

kdy1
Copy link
Member

@kdy1 kdy1 commented Apr 30, 2024

Description

grid-template-areas and grid-area behaves differently in lightningcss and that leads to some user problems, so we need a check to catches these errors.
Since lightning css in css modules is renaming grid area names, you have to use grid-area and grid-template-areas in the same file together. Using them in different files would be an error.

So it would be great to have a check that emits an error when using grid-area in a CSS file but not declaring the name in grid-template-areas.

Closes PACK-3022

Testing Instructions

I added some tests

Copy link

vercel bot commented Apr 30, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
examples-nonmonorepo ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 7, 2024 4:46am
examples-svelte-web 🔄 Building (Inspect) Visit Preview 💬 Add feedback May 7, 2024 4:46am
rust-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 7, 2024 4:46am
7 Ignored Deployments
Name Status Preview Comments Updated (UTC)
examples-basic-web ⬜️ Ignored (Inspect) Visit Preview May 7, 2024 4:46am
examples-designsystem-docs ⬜️ Ignored (Inspect) Visit Preview May 7, 2024 4:46am
examples-gatsby-web ⬜️ Ignored (Inspect) Visit Preview May 7, 2024 4:46am
examples-kitchensink-blog ⬜️ Ignored (Inspect) Visit Preview May 7, 2024 4:46am
examples-native-web ⬜️ Ignored (Inspect) Visit Preview May 7, 2024 4:46am
examples-tailwind-web ⬜️ Ignored (Inspect) Visit Preview May 7, 2024 4:46am
examples-vite-web ⬜️ Ignored (Inspect) Visit Preview May 7, 2024 4:46am

Copy link
Contributor

github-actions bot commented Apr 30, 2024

🟢 Turbopack Benchmark CI successful 🟢

Thanks

Copy link
Contributor

✅ This change can build next-swc

Copy link
Contributor

github-actions bot commented Apr 30, 2024

⚠️ CI failed ⚠️

The following steps have failed in CI:

  • Turbopack Rust tests (mac/win, non-blocking)
  • Turbopack Rust benchmark tests (mac/win, non-blocking)

See workflow summary for details

@kdy1 kdy1 marked this pull request as draft May 7, 2024 02:13
Co-authored-by: Tobias Koppers <tobias.koppers@googlemail.com>
@kdy1 kdy1 merged commit 2652609 into main May 8, 2024
47 of 50 checks passed
@kdy1 kdy1 deleted the kdy1/pack-3022 branch May 8, 2024 08:15
sokra added a commit to vercel/next.js that referenced this pull request May 8, 2024
* vercel/turborepo#8073 <!-- OJ Kwon -
feat(webpack-loaders): support dummy span interface -->
* vercel/turborepo#8083 <!-- OJ Kwon - fix(webpack):
print resource, project path when relative calc fails -->
* vercel/turborepo#8094 <!-- Tim Neutkens -
Implement bindings for Turbopack trace server -->
* vercel/turborepo#8061 <!-- Tobias Koppers - reduce
memory usage in analyser -->
* vercel/turborepo#8077 <!-- Alexander Lyon - Remove
async-trait from a few crates -->
* vercel/turborepo#8102 <!-- Tobias Koppers - fix
memory counting without custom allocator -->
* vercel/turborepo#8096 <!-- Benjamin Woodruff -
turbo-tasks: Expand `<T as TaskOutput>::Return` values in macros -->
* vercel/turborepo#8105 <!-- Benjamin Woodruff -
turbopack-node: Use path.join for postcss loader -->
* vercel/turborepo#8099 <!-- Tim Neutkens - Replace
websocket with tungstenite for turbo-trace-server -->
* vercel/turborepo#8060 <!-- Donny/강동윤 - feat: Add
lint for `grid-template-areas` -->
* vercel/turborepo#8110 <!-- Tobias Koppers - fix
lockfile -->
kdy1 added a commit that referenced this pull request May 22, 2024
kdy1 added a commit that referenced this pull request May 23, 2024
Reverts #8060

parcel-bundler/lightningcss#739 is now applied so we don't need this lint anymore
Neosoulink pushed a commit to Neosoulink/turbo that referenced this pull request Jun 14, 2024
### Description

> grid-template-areas and grid-area behaves differently in lightningcss
and that leads to some user problems, so we need a check to catches
these errors.
> Since lightning css in css modules is renaming grid area names, you
have to use grid-area and grid-template-areas in the same file together.
Using them in different files would be an error.
> 
> So it would be great to have a check that emits an error when using
grid-area in a CSS file but not declaring the name in
grid-template-areas.

Closes PACK-3022


### Testing Instructions

I added some tests

---------

Co-authored-by: Tobias Koppers <tobias.koppers@googlemail.com>
ForsakenHarmony pushed a commit to vercel/next.js that referenced this pull request Jul 25, 2024
### Description

> grid-template-areas and grid-area behaves differently in lightningcss
and that leads to some user problems, so we need a check to catches
these errors.
> Since lightning css in css modules is renaming grid area names, you
have to use grid-area and grid-template-areas in the same file together.
Using them in different files would be an error.
> 
> So it would be great to have a check that emits an error when using
grid-area in a CSS file but not declaring the name in
grid-template-areas.

Closes PACK-3022


### Testing Instructions

I added some tests

---------

Co-authored-by: Tobias Koppers <tobias.koppers@googlemail.com>
ForsakenHarmony pushed a commit to vercel/next.js that referenced this pull request Jul 25, 2024
ForsakenHarmony pushed a commit to vercel/next.js that referenced this pull request Jul 29, 2024
### Description

> grid-template-areas and grid-area behaves differently in lightningcss
and that leads to some user problems, so we need a check to catches
these errors.
> Since lightning css in css modules is renaming grid area names, you
have to use grid-area and grid-template-areas in the same file together.
Using them in different files would be an error.
> 
> So it would be great to have a check that emits an error when using
grid-area in a CSS file but not declaring the name in
grid-template-areas.

Closes PACK-3022


### Testing Instructions

I added some tests

---------

Co-authored-by: Tobias Koppers <tobias.koppers@googlemail.com>
ForsakenHarmony pushed a commit to vercel/next.js that referenced this pull request Jul 29, 2024
ForsakenHarmony pushed a commit to vercel/next.js that referenced this pull request Jul 29, 2024
### Description

> grid-template-areas and grid-area behaves differently in lightningcss
and that leads to some user problems, so we need a check to catches
these errors.
> Since lightning css in css modules is renaming grid area names, you
have to use grid-area and grid-template-areas in the same file together.
Using them in different files would be an error.
> 
> So it would be great to have a check that emits an error when using
grid-area in a CSS file but not declaring the name in
grid-template-areas.

Closes PACK-3022


### Testing Instructions

I added some tests

---------

Co-authored-by: Tobias Koppers <tobias.koppers@googlemail.com>
ForsakenHarmony pushed a commit to vercel/next.js that referenced this pull request Jul 29, 2024
ForsakenHarmony pushed a commit to vercel/next.js that referenced this pull request Aug 1, 2024
### Description

> grid-template-areas and grid-area behaves differently in lightningcss
and that leads to some user problems, so we need a check to catches
these errors.
> Since lightning css in css modules is renaming grid area names, you
have to use grid-area and grid-template-areas in the same file together.
Using them in different files would be an error.
> 
> So it would be great to have a check that emits an error when using
grid-area in a CSS file but not declaring the name in
grid-template-areas.

Closes PACK-3022


### Testing Instructions

I added some tests

---------

Co-authored-by: Tobias Koppers <tobias.koppers@googlemail.com>
ForsakenHarmony pushed a commit to vercel/next.js that referenced this pull request Aug 1, 2024
ForsakenHarmony pushed a commit to vercel/next.js that referenced this pull request Aug 16, 2024
* vercel/turborepo#8073 <!-- OJ Kwon -
feat(webpack-loaders): support dummy span interface -->
* vercel/turborepo#8083 <!-- OJ Kwon - fix(webpack):
print resource, project path when relative calc fails -->
* vercel/turborepo#8094 <!-- Tim Neutkens -
Implement bindings for Turbopack trace server -->
* vercel/turborepo#8061 <!-- Tobias Koppers - reduce
memory usage in analyser -->
* vercel/turborepo#8077 <!-- Alexander Lyon - Remove
async-trait from a few crates -->
* vercel/turborepo#8102 <!-- Tobias Koppers - fix
memory counting without custom allocator -->
* vercel/turborepo#8096 <!-- Benjamin Woodruff -
turbo-tasks: Expand `<T as TaskOutput>::Return` values in macros -->
* vercel/turborepo#8105 <!-- Benjamin Woodruff -
turbopack-node: Use path.join for postcss loader -->
* vercel/turborepo#8099 <!-- Tim Neutkens - Replace
websocket with tungstenite for turbo-trace-server -->
* vercel/turborepo#8060 <!-- Donny/강동윤 - feat: Add
lint for `grid-template-areas` -->
* vercel/turborepo#8110 <!-- Tobias Koppers - fix
lockfile -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants