Add partial support for sass

danielarantes · Mar 21, 2017 · 5348299 · 5348299
1 parent 647f409
commit 5348299
Show file tree

Hide file tree

Showing 5 changed files with 70 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -97,6 +97,9 @@ OctoLinker is the easiest and best way to navigate between files and projects on
 ### CSS
 - `@import`
 
+### Sass
+- `@import`
+
 ### HTML
 - `<link rel="import" href="...">`
 
@@ -125,7 +128,7 @@ Show your support to our open source project. Your donation will help us to cove
 
 - [Buy OctoLinker stickers](https://www.stickermule.com/marketplace/16611-the-official-logo)
 - [Donate with PayPal](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=WSXA9GCDRMX7W)
-- [Become a backer or sponsor](https://opencollective.com/octolinker) 
+- [Become a backer or sponsor](https://opencollective.com/octolinker)
 
 # Legal and License
 

diff --git a/lib/pattern-preset.js b/lib/pattern-preset.js
@@ -100,6 +100,14 @@ export const presets = {
     ],
   },
 
+  sass: {
+    pathSubstrings: ['.scss', '.sass'],
+    githubClasses: [
+      'type-sass',
+      'highlight-source-sass',
+    ],
+  },
+
   html: {
     pathSubstrings: [
       '.html',

diff --git a/lib/plugins/sass.js b/lib/plugins/sass.js
@@ -0,0 +1,31 @@
+import { join } from 'path';
+import pathParse from 'path-parse';
+import { CSS_IMPORT } from '../../packages/helper-grammar-regex-collection/index.js';
+import insertLink from '../insert-link';
+import preset from '../pattern-preset';
+import relativeFile from '../resolver/relative-file.js';
+
+export default class Sass {
+
+  static resolve({ path, target }) {
+    const { dir, name } = pathParse(target);
+    const prefixedTarget = join(dir, `_${name}`);
+
+    return [
+      relativeFile({ path, target: `${prefixedTarget}.scss` }),
+      relativeFile({ path, target: `${prefixedTarget}.sass` }),
+    ];
+  }
+
+  getPattern() {
+    return preset('sass');
+  }
+
+  parseBlob(blob) {
+    insertLink(blob.el, CSS_IMPORT, {
+      pluginName: this.constructor.name,
+      target: '$1',
+      path: blob.path,
+    });
+  }
+}
diff --git a/package.json b/package.json
@@ -65,6 +65,7 @@
     "github-url-from-username-repo": "^1.0.2",
     "giturl": "^1.0.0",
     "jquery": "^3.1.1",
+    "path-parse": "^1.0.5",
     "pop-zip": "^1.0.0",
     "querystring": "^0.2.0",
     "semver": "^5.3.0",

diff --git a/test/plugins/sass.test.js b/test/plugins/sass.test.js
@@ -0,0 +1,26 @@
+import assert from 'assert';
+import Sass from '../../lib/plugins/sass';
+
+describe('Sass', () => {
+  const path = '/octo/dog.scss';
+
+  it('resolves link when target does not have a file extension', () => {
+    assert.deepEqual(
+      Sass.resolve({ path, target: 'foo' }),
+      [
+        '{BASE_URL}/octo/_foo.scss',
+        '{BASE_URL}/octo/_foo.sass',
+      ],
+    );
+  });
+
+  it('resolves link when target has a file extension', () => {
+    assert.deepEqual(
+      Sass.resolve({ path, target: 'foo.scss' }),
+      [
+        '{BASE_URL}/octo/_foo.scss',
+        '{BASE_URL}/octo/_foo.sass',
+      ],
+    );
+  });
+});