Skip to content

fix(oxfmt): Avoid double-escaping in css-in-js#20211

Merged
graphite-app[bot] merged 1 commit intomainfrom
03-11-fix_oxfmt_avoid_double-escaping_in_css-in-js
Mar 11, 2026
Merged

fix(oxfmt): Avoid double-escaping in css-in-js#20211
graphite-app[bot] merged 1 commit intomainfrom
03-11-fix_oxfmt_avoid_double-escaping_in_css-in-js

Conversation

@leaysgur
Copy link
Member

Fixes #20208

Copilot AI review requested due to automatic review settings March 11, 2026 00:43
Copy link
Member Author


How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

  • 0-merge - adds this PR to the back of the merge queue
  • hotfix - for urgent changes, fast-track this PR to the front of the merge queue

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has enabled the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

@github-actions github-actions bot added A-cli Area - CLI A-formatter Area - Formatter C-bug Category - Bug labels Mar 11, 2026
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adjusts oxfmt’s Prettier-Doc→IR conversion for embedded templates to prevent backslashes from being escaped twice in CSS-in-JS template literals, fixing the repeated-run “ever-growing backslashes” behavior reported in #20208.

Changes:

  • Add a flag to conditionally skip template-character escaping during Doc postprocessing.
  • Disable template-character escaping for tagged-css (CSS-in-JS) while keeping it enabled for tagged-graphql.
  • Add a css-in-js conformance fixture and update snapshot totals.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File Description
apps/oxfmt/src/prettier_compat/from_prettier_doc.rs Make template escaping configurable so CSS-in-JS can avoid double-escaping backslashes.
apps/oxfmt/conformance/snapshots/conformance.snap.md Update css-in-js conformance totals after adding a new fixture.
apps/oxfmt/conformance/fixtures/edge-cases/css-in-js/escaped.js New regression fixture covering escaped backslashes in styled-components templates.

You can also share your feedback on Copilot code review. Take the survey.

@Dunqing Dunqing added the 0-merge Merge with Graphite Merge Queue label Mar 11, 2026
Copy link
Member

Dunqing commented Mar 11, 2026

Merge activity

@graphite-app graphite-app bot force-pushed the 03-11-fix_oxfmt_avoid_double-escaping_in_css-in-js branch from 1805b88 to e483569 Compare March 11, 2026 04:48
@graphite-app graphite-app bot merged commit e483569 into main Mar 11, 2026
19 checks passed
@graphite-app graphite-app bot deleted the 03-11-fix_oxfmt_avoid_double-escaping_in_css-in-js branch March 11, 2026 04:59
@graphite-app graphite-app bot removed the 0-merge Merge with Graphite Merge Queue label Mar 11, 2026
leaysgur added a commit that referenced this pull request Mar 11, 2026
# Oxlint
### 🚀 Features

- 04a5ce0 oxlint: Support `vite.config.ts` `.lint` field (#20214)
(leaysgur)
- 1735215 linter: Implement `react/no-clone-element` rule. (#20129)
(connorshea)
- 68e6f6f linter: Implement `react/no-react-children` rule. (#20104)
(connorshea)
- fe3b32e linter/plugins: Add `oxlint-plugin-eslint` package (#20009)
(overlookmotel)

### 🐛 Bug Fixes

- 05f6a09 linter/no-inline-comments: Deserialize rule options with serde
(#20207) (camc314)
- c7eb09d linter/default-case: Deserialize rule options with serde
(#20206) (camc314)
- f85e16c linter/plugins: Fix types for visitor compilation (#20203)
(overlookmotel)
- 44e24e0 linter/exhaustive-deps: Ignore type-only typeof deps (#20201)
(camc314)
- 0b04998 linter/no-fallthrough: Deserialize rule options with serde
(#20192) (camc314)
- a1031cb linter/new-cap: Deserialize rule options with serde (#20161)
(camc314)
- ad27fd6 linter: Add help messages to import plugin diagnostics
(#20158) (John Costa)
- 1340307 linter/plugins: Ensure `after` hooks always run (#20167)
(overlookmotel)
- c4812ec linter/plugins: Reset visitor compilation state if error
during compilation (#20166) (overlookmotel)
- 887eecc linter/plugins: Add license notice to `oxlint-plugin-eslint`
package (#20164) (overlookmotel)
- e1713a4 linter/plugins: Include common chunks in
`oxlint-plugin-eslint` package (#20163) (overlookmotel)
- a9acb2b linter: Check `globals` entry for `no-undef`, only check
es2026 globals for `no-extend-native` and
`no-constant-binary-expression` (#20089) (Sysix)
- 5559f0d linter/no-unused-vars: `reportUsedIgnorePattern` should not
report used rest siblings (#20108) (Don Isaac)
- de7c0e2 linter/plugins: Correct error message for `markVariableAsUsed`
(#20152) (overlookmotel)

### ⚡ Performance

- 3a86427 linter/plugins: Pre-populate cache of `EnterExit` objects at
startup (#20194) (overlookmotel)
- d243391 linter/plugins: Replace arrays with `Uint8Array`s (#20190)
(overlookmotel)
- 8742f8b linter/plugins: Pre-populate cache of `VisitProp` objects
(#20189) (overlookmotel)
- 3061acb linter/plugins: Pre-populate cache of `EnterExit` objects
(#20187) (overlookmotel)
- c73912b linter/plugins: Free visit functions earlier (#20186)
(overlookmotel)
- d9f8ff4 linter/plugins: Faster reset of visitor state (#20185)
(overlookmotel)
- 42aff15 oxlint/lsp: Avoid computing diagnostics for non invoked code
actions requests (#20080) (Sysix)

### 📚 Documentation

- a080650 linter/plugins: Fix documentation of visitor compilation
(#20202) (overlookmotel)
- 542a04a linter: Add a link to the cyclomatic complexity Wikipedia
article in `eslint/complexity` (#20174) (connorshea)
# Oxfmt
### 🚀 Features

- 95943aa oxfmt: Support `vite.config.*` `.fmt` field (#20197)
(leaysgur)
- 172fc07 oxfmt: .js/.ts config file support (#20135) (leaysgur)

### 🐛 Bug Fixes

- e483569 oxfmt: Avoid double-escaping in css-in-js (#20211) (leaysgur)

Co-authored-by: leaysgur <6259812+leaysgur@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

A-cli Area - CLI A-formatter Area - Formatter C-bug Category - Bug

Projects

None yet

Development

Successfully merging this pull request may close these issues.

formatter: Incorrectly escaping backslash inside styled components template strings

3 participants