enhancement: Add config options to indicate the file extensions that ember-code-snippet needs to use (#411)

Since this PR: https://github.com/ef4/ember-code-snippet/pull/59/files it is possilbe to indicate the extensions to look for snippets, this PR just add the option to use the functionlity

Author: dmuneras

index.js

@@ -103,7 +103,27 @@ module.exports = {
     }, includer.options.snippetRegexes);
     includer.options.includehighlightJS = false;
     includer.options.includeHighlightStyle = false;
-    includer.options.snippetExtensions = ['js', 'css', 'scss', 'hbs', 'md', 'text', 'json', 'handlebars', 'htmlbars', 'html', 'diff'];
+
+    let snippetExtensions = includer.options.snippetExtensions;
+
+    if (!Array.isArray(includer.options.snippetExtensions)) {
+      snippetExtensions = [
+        'ts',
+        'js',
+        'css',
+        'scss',
+        'hbs',
+        'md',
+        'text',
+        'json',
+        'handlebars',
+        'htmlbars',
+        'html',
+        'diff'
+      ];
+    }
+
+    includer.options.snippetExtensions = snippetExtensions;
 
     // This must come after we add our own options above, or else other addons won't see them.
     this._super.included.apply(this, arguments);

tests/dummy/app/pods/docs/build-options/template.md

@@ -0,0 +1,35 @@
+# Build options
+
+To override the default configuration of the addon, use the following options in your `ember-cli-build.js`.
+
+## snippetExtensions
+
+Override the default file extensions where [ember-code-snippet](https://github.com/ef4/ember-code-snippet) looks for snippets.
+
+### Default:
+
+`['js','ts','coffee','html','hbs','md','css','sass','scss','less','emblem','yaml']`
+
+### How to use it
+
+{{#docs-snippet name='build-options-snippet-extensions.js' title='app/ember-cli-build.js'}}
+  /* global require, module */
+  const EmberAddon = require('ember-cli/lib/broccoli/ember-addon');
+
+  module.exports = function(defaults) {
+    let app = new EmberAddon(defaults, {
+      // More config options of your app here
+
+      snippetExtensions: ['js','ts','coffee','html','hbs','md','css','sass','scss','less','emblem','yaml'],
+
+      // More config options of your app here
+    });
+
+    return app.toTree();
+  };
+{{/docs-snippet}}
+
+
+
+
+

tests/dummy/app/pods/docs/template.hbs

@@ -6,6 +6,7 @@
     {{nav.item 'Usage' 'docs.usage'}}
     {{nav.item 'Quickstart' 'docs.quickstart'}}
     {{nav.item 'Patterns' 'docs.patterns'}}
+    {{nav.item 'Build options' 'docs.build-options'}}
     {{nav.item 'Deploying' 'docs.deploying'}}
 
     {{nav.section 'Components'}}

tests/dummy/app/router.js

@@ -12,6 +12,7 @@ Router.map(function() {
     this.route('usage');
     this.route('quickstart');
     this.route('patterns');
+    this.route('build-options');
     this.route('deploying');
 
     this.route('components', function() {