fix(styled-components): Fix escaping issue (#255)

**Related issue:**

 - vercel/next.js#59805

packages/emotion/README.md

@@ -34,6 +34,12 @@ Source code for plugin itself (not transforms) are copied from https://github.co
 
 # @swc/plugin-emotion
 
+## 2.5.115
+
+### Patch Changes
+
+- 906b5dd: Fix panic when trying to unwrap None on setting the context for a function name
+
 ## 2.5.114
 
 ### Patch Changes

packages/styled-components/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @swc/plugin-styled-components
 
+## 1.5.115
+
+### Patch Changes
+
+- 34f9d21: Fix escaping issue
+
 ## 1.5.114
 
 ### Patch Changes

packages/styled-components/README.md

@@ -28,6 +28,12 @@ Then update your `.swcrc` file like below:
 
 # @swc/plugin-styled-components
 
+## 1.5.115
+
+### Patch Changes
+
+- 34f9d21: Fix escaping issue
+
 ## 1.5.114
 
 ### Patch Changes

packages/styled-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swc/plugin-styled-components",
-  "version": "1.5.114",
+  "version": "1.5.115",
   "description": "SWC plugin for styled-components",
   "main": "swc_plugin_styled_components.wasm",
   "scripts": {

packages/styled-components/transform/Cargo.toml

@@ -6,7 +6,7 @@ include = ["Cargo.toml", "src/**/*.rs"]
 license = "Apache-2.0"
 name = "styled_components"
 repository = "https://github.com/swc-project/plugins.git"
-version = "0.96.0"
+version = "0.96.1"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 

packages/styled-components/transform/src/visitors/template_literals.rs

@@ -40,9 +40,21 @@ impl VisitMut for TemplateLiterals {
                 .quasis
                 .into_iter()
                 .map(|q| {
+                    let value = q
+                        .raw
+                        .replace("\\`", "`")
+                        .replace("\\$", "$")
+                        .replace("\\b", "\u{0008}")
+                        .replace("\\f", "\u{000C}")
+                        .replace("\\n", "\n")
+                        .replace("\\r", "\r")
+                        .replace("\\t", "\t")
+                        .replace("\\v", "\u{000B}")
+                        .replace("\\\\", "\\");
+
                     Expr::Lit(Lit::Str(Str {
                         span: q.span,
-                        value: q.cooked.unwrap_or(q.raw),
+                        value: value.into(),
                         raw: None,
                     }))
                 })

packages/styled-components/transform/tests/fixtures/next-59805/code.js

@@ -0,0 +1,18 @@
+'use client';
+
+import styled from 'styled-components';
+
+const ReproElement = styled.p`
+    &::before {
+        content: '\\a9';
+    }
+`;
+
+export function ReproComponent(props) {
+    return (
+        <ReproElement>
+            This should be preceded by a copyright symbol and <i>not</i> backslash,
+            letter A, digit nine
+        </ReproElement>
+    );
+}

packages/styled-components/transform/tests/fixtures/next-59805/config.json

@@ -0,0 +1 @@
+{}

packages/styled-components/transform/tests/fixtures/next-59805/output.js

@@ -0,0 +1,17 @@
+'use client';
+import styled from 'styled-components';
+const ReproElement = styled.p.withConfig({
+    displayName: "code__ReproElement",
+    componentId: "sc-40762e0a-0"
+})([
+    "&::before{content:'\\a9';}"
+]);
+export function ReproComponent(props) {
+    return <ReproElement>
+
+            This should be preceded by a copyright symbol and <i>not</i> backslash,
+
+            letter A, digit nine
+
+        </ReproElement>;
+}

scripts/bump.sh

@@ -11,5 +11,5 @@ done
 
 git commit -am "Merge CHANGELOG into README"
 
-cargo set-version --workspace --bump minor
+cargo set-version --workspace --bump patch
 git commit -a -m "Bump crates" || true