Skip to content

fix(rsc): exclude CSS imports with special queries from collection #580

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

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

hi-ogawa
Copy link
Contributor

CSS imports with special queries (?url, ?inline, ?raw) should not be collected for server-side rendering as they return strings rather than applying styles.

This fix adds a hasSpecialCssQuery() helper function to detect and exclude these imports from the collectCss function, preventing unexpected behavior while ensuring normal CSS imports continue to work correctly.

  • Add hasSpecialCssQuery() helper to detect ?url, ?inline, ?raw queries
  • Modify collectCss() to exclude CSS imports with special queries
  • Add comprehensive e2e tests for both server and client components
  • Test all query patterns with separate CSS files to ensure proper handling

Fixes #571

🤖 Generated with Claude Code

Description

CSS imports with special queries (?url, ?inline, ?raw) should not be
collected for server-side rendering as they return strings rather than
applying styles.

This fix adds a hasSpecialCssQuery() helper function to detect and exclude
these imports from the collectCss function, preventing unexpected behavior
while ensuring normal CSS imports continue to work correctly.

- Add hasSpecialCssQuery() helper to detect ?url, ?inline, ?raw queries
- Modify collectCss() to exclude CSS imports with special queries
- Add comprehensive e2e tests for both server and client components
- Test all query patterns with separate CSS files to ensure proper handling

Fixes #571

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
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.

Test and fix css import queries ?url ?inline ?raw
1 participant
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy