Add support for formatting sass, scss, and less files using js-beautify. (#114)

Author: awused

README.md

@@ -12,7 +12,7 @@ helpfiles in the `doc/` directory. The helpfiles are also available via
 
 * [Bazel](https://www.github.com/bazelbuild/bazel) BUILD files (buildifier)
 * C, C++ (clang-format)
-* CSS (js-beautify)
+* CSS, Sass, SCSS, Less (js-beautify)
 * Chrome GN files (gn)
 * Dart (dartfmt)
 * Go (gofmt)
@@ -82,7 +82,7 @@ augroup autoformat_settings
   autocmd FileType dart AutoFormatBuffer dartfmt
   autocmd FileType go AutoFormatBuffer gofmt
   autocmd FileType gn AutoFormatBuffer gn
-  autocmd FileType html,css,json AutoFormatBuffer js-beautify
+  autocmd FileType html,css,sass,scss,less,json AutoFormatBuffer js-beautify
   autocmd FileType java AutoFormatBuffer google-java-format
   autocmd FileType python AutoFormatBuffer yapf
   " Alternative: autocmd FileType python AutoFormatBuffer autopep8

autoload/codefmt/jsbeautify.vim

@@ -43,6 +43,8 @@ function! codefmt#jsbeautify#GetFormatter() abort
     let l:cmd = [s:plugin.Flag('js_beautify_executable'), '-f', '-']
     if &filetype is# 'javascript' || &filetype is# 'json'
       let l:cmd = l:cmd + ['--type', 'js']
+    elseif &filetype is# 'sass' || &filetype is# 'scss' || &filetype is# 'less'
+      let l:cmd = l:cmd + ['--type', 'css']
     elseif &filetype != ""
       let l:cmd = l:cmd + ['--type', &filetype]
     endif

vroom/jsbeautify.vroom

@@ -84,6 +84,21 @@ here we specify js-beautify explicitly.
   ! js-beautify -f - --type css 2>.*
   $ f();
 
+  :set filetype=sass
+  :FormatCode js-beautify
+  ! js-beautify -f - --type css 2>.*
+  $ f();
+
+  :set filetype=scss
+  :FormatCode js-beautify
+  ! js-beautify -f - --type css 2>.*
+  $ f();
+
+  :set filetype=less
+  :FormatCode js-beautify
+  ! js-beautify -f - --type css 2>.*
+  $ f();
+
   :set filetype=