feat: sass support for sass plugin

Author: shadowtime2000

plugins/sass.ts

@@ -5,15 +5,29 @@ export default {
     test: /.(sass|scss)$/,
     acceptHMR: true,
     transform(content: Uint8Array, path: string) {
-        const ret = renderSync({
-            file: path,
-            data: (new TextDecoder).decode(content),
-            sourceMap: true
-        })
-        return {
-            code: (new TextDecoder).decode(ret.css),
-            map: ret.map ? (new TextDecoder).decode(ret.map) : undefined,
-            loader: 'css'
+        if (path.endsWith('.sass')) {
+            const ret = renderSync({
+                file: path,
+                data: (new TextDecoder).decode(content),
+                sourceMap: true,
+                indentedSyntax: true
+            })
+            return {
+                code: (new TextDecoder).decode(ret.css),
+                map: ret.map ? (new TextDecoder).decode(ret.map) : undefined,
+                loader: 'css'
+            }
+        } else {
+            const ret = renderSync({
+                file: path,
+                data: (new TextDecoder).decode(content),
+                sourceMap: true
+            })
+            return {
+                code: (new TextDecoder).decode(ret.css),
+                map: ret.map ? (new TextDecoder).decode(ret.map) : undefined,
+                loader: 'css'
+            }
         }
     }
 }

plugins/sass_test.ts

@@ -1,19 +1,33 @@
 import { assertEquals } from 'https://deno.land/std/testing/asserts.ts';
 import plugin from './sass.ts';
 
-Deno.test('project sass loader plugin', () => {
+Deno.test('project scss loader plugin', () => {
     Object.assign(window, {
         location: {
             href: 'https://localhost/'
         }
     })
     const { code, loader } = plugin.transform(
         (new TextEncoder).encode('$someVar: 123px; .some-selector { width: $someVar; }'),
-        'test.sass'
+        'test.scss'
     )
     assertEquals(plugin.test.test('test.sass'), true)
     assertEquals(plugin.test.test('test.scss'), true)
     assertEquals(plugin.acceptHMR, true)
     assertEquals(code, '.some-selector {\n  width: 123px;\n}')
     assertEquals(loader, 'css')
 })
+
+Deno.test('project sass loader plugin', () => {
+    Object.assign(window, {
+        location: {
+            href: 'https://localhost/'
+        }
+    })
+    const { code, loader } = plugin.transform(
+        (new TextEncoder).encode('$someVar: 123px\n.some-selector\n  width: 123px'),
+        'test.sass'
+    )
+    assertEquals(code, '.some-selector {\n  width: 123px;\n}')
+    assertEquals(loader, 'css')
+})