Fix wildcard syntax in @forward (#11482)

prettier · Sep 10, 2021 · f83ec5c · f83ec5c
1 parent d3d1bc1
commit f83ec5c
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 2 deletions.
diff --git a/changelog_unreleased/scss/11487.md b/changelog_unreleased/scss/11487.md
@@ -0,0 +1,13 @@
+#### Fix wildcard syntax in `@forward` (#11482) (#11487 by @niksy)
+
+<!-- prettier-ignore -->
+```scss
+// Input
+@forward "library" as btn-*;
+
+// Prettier stable
+@forward "library" as btn- *;
+
+// Prettier main
+@forward "library" as btn-*;
+```
diff --git a/src/language-css/printer-postcss.js b/src/language-css/printer-postcss.js
@@ -550,6 +550,22 @@ function genericPrint(path, options, print) {
           continue;
         }
 
+        // Ignore SCSS @forward wildcard suffix
+        if (
+          insideAtRuleNode(path, "forward") &&
+          iNode.type === "value-word" &&
+          iNode.value &&
+          iNode.value.endsWith("-") &&
+          iPrevNode.type === "value-word" &&
+          iPrevNode.value &&
+          iPrevNode.value === "as" &&
+          iNextNode.type === "value-operator" &&
+          iNextNode.value &&
+          iNextNode.value === "*"
+        ) {
+          continue;
+        }
+
         // Ignore after latest node (i.e. before semicolon)
         if (!iNextNode) {
           continue;

diff --git a/tests/format/scss/quotes/__snapshots__/jsfmt.spec.js.snap b/tests/format/scss/quotes/__snapshots__/jsfmt.spec.js.snap
@@ -47,7 +47,7 @@ singleQuote: true
 
 @forward 'library' hide gradient;
 
-@forward 'library' as btn- *;
+@forward 'library' as btn-*;
 
 ================================================================================
 `;
@@ -98,7 +98,7 @@ printWidth: 80
 
 @forward "library" hide gradient;
 
-@forward "library" as btn- *;
+@forward "library" as btn-*;
 
 ================================================================================
 `;