feat: support the .scss extension

Signed-off-by: Joseph Kato <joseph@jdkato.io>

Author: jdkato

internal/core/format.go

@@ -57,19 +57,19 @@ var FormatByExtension = map[string][]string{
 	`\.(?:proto)$`:                           {".proto", "code"},
 	`\.(?:ps1|psm1|psd1)$`:                   {".ps1", "code"},
 	`\.(?:rb|Gemfile|Rakefile|Brewfile|gemspec)$`: {".rb", "code"},
-	`\.(?:rs)$`:        {".rs", "code"},
-	`\.(?:rst|rest)$`:  {".rst", "markup"},
-	`\.(?:r|R)$`:       {".r", "code"},
-	`\.(?:sass|less)$`: {".c", "code"},
-	`\.(?:scala|sbt)$`: {".c", "code"},
-	`\.(?:swift)$`:     {".c", "code"},
-	`\.(?:ts|tsx)$`:    {".ts", "code"},
-	`\.(?:typ)$`:       {".typ", "markup"},
-	`\.(?:txt)$`:       {".txt", "text"},
-	`\.(?:xml|xsd)$`:   {".xml", "markup"},
-	`\.(?:yaml|yml)$`:  {".yml", "data"},
-	`\.(?:json)$`:      {".json", "data"},
-	`\.(?:toml)$`:      {".toml", "data"},
+	`\.(?:rs)$`:             {".rs", "code"},
+	`\.(?:rst|rest)$`:       {".rst", "markup"},
+	`\.(?:r|R)$`:            {".r", "code"},
+	`\.(?:sass|scss|less)$`: {".c", "code"},
+	`\.(?:scala|sbt)$`:      {".c", "code"},
+	`\.(?:swift)$`:          {".c", "code"},
+	`\.(?:ts|tsx)$`:         {".ts", "code"},
+	`\.(?:typ)$`:            {".typ", "markup"},
+	`\.(?:txt)$`:            {".txt", "text"},
+	`\.(?:xml|xsd)$`:        {".xml", "markup"},
+	`\.(?:yaml|yml)$`:       {".yml", "data"},
+	`\.(?:json)$`:           {".json", "data"},
+	`\.(?:toml)$`:           {".toml", "data"},
 }
 
 // FormatFromExt takes a file extension and returns its [normExt, format]

testdata/e2e/lint.yaml

@@ -159,6 +159,19 @@ cases:
       test.cc:20:5:vale.Annotations:'XXX' left in text
       test.cc:23:37:vale.Annotations:'XXX' left in text
 
+  - name: scss
+    about: "#1019 -- SCSS lints like Sass: comments are prose, selectors,
+      values, and strings are code"
+    args: test.scss
+    exit: 0
+    want: |
+      test.scss:1:4:vale.Annotations:'NOTE' left in text
+      test.scss:8:4:vale.Annotations:'XXX' left in text
+      test.scss:18:6:vale.Annotations:'TODO' left in text
+      test.scss:37:50:vale.Annotations:'XXX' left in text
+    absent:
+      - FIXME
+
   - name: clojure
     args: test.clj
     exit: 0

testdata/fixtures/formats/test.scss

@@ -0,0 +1,45 @@
+// NOTE: shared design tokens live in _tokens.scss.
+
+$primary: #4a90d9;
+$radius: 4px;
+$spacing: 8px;
+
+/*
+   XXX: these breakpoints predate the responsive refresh;
+   keep them in sync with the JavaScript constants.
+*/
+$breakpoints: (
+  "small": 480px,
+  "medium": 768px,
+  "large": 1024px,
+);
+
+@mixin elevated($level: 1) {
+  // TODO: derive the shadow from the elevation level.
+  box-shadow: 0 ($level * 1px) ($level * 2px) rgba(0, 0, 0, 0.2);
+}
+
+.card {
+  padding: $spacing * 2;
+  border-radius: $radius;
+  background-color: lighten($primary, 40%);
+  @include elevated(2);
+
+  &__title {
+    font-weight: 700;
+
+    &::after {
+      content: "FIXME is ignored inside a string";
+    }
+  }
+
+  &:hover {
+    background-color: lighten($primary, 35%); // XXX: fails contrast on dark themes.
+  }
+}
+
+@media (min-width: 768px) {
+  .card {
+    max-width: 640px;
+  }
+}