├── .gitignore
├── README.md
├── app.sublime-snippet
├── component.sublime-snippet
├── controller.sublime-snippet
├── handlebars_action.sublime-snippet
├── handlebars_block.sublime-snippet
├── handlebars_each.sublime-snippet
├── handlebars_eachelse.sublime-snippet
├── handlebars_if.sublime-snippet
├── handlebars_ifelse.sublime-snippet
├── handlebars_linkto.sublime-snippet
├── handlebars_linkto_block.sublime-snippet
├── handlebars_outlet.sublime-snippet
├── handlebars_partial.sublime-snippet
├── handlebars_unless.sublime-snippet
├── handlebars_view.sublime-snippet
├── helper.sublime-snippet
├── mixin.sublime-snippet
├── model.sublime-snippet
├── object.sublime-snippet
├── observes.sublime-snippet
├── property.sublime-snippet
├── route.sublime-snippet
├── router.sublime-snippet
├── service.sublime-snippet
├── store.sublime-snippet
├── view.sublime-snippet
└── x-handlebars.sublime-snippet


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Ember CLI snippets for Sublime Text 3
 2 | ====================================
 3 | 
 4 | ## Installation
 5 | 
 6 | Use Package Control to Install `Ember CLI Snippets`. Updated with newest syntax such as block params and const.
 7 | 
 8 | ## Ember.js
 9 | 
10 | - app ⇥
11 | - component ⇥
12 | - controller ⇥
13 | - helper ⇥
14 | - mixin ⇥
15 | - model ⇥
16 | - object ⇥
17 | - route ⇥
18 | - router ⇥
19 | - store ⇥
20 | - view ⇥
21 | 
22 | ## Handlebars helpers
23 | 
24 | - action ⇥
25 | - each ⇥
26 | - eachelse ⇥
27 | - if ⇥
28 | - ifelse ⇥
29 | - linkto ⇥
30 | - linktoblock ⇥
31 | - partial ⇥
32 | - unless ⇥
33 | - viewb ⇥
34 | 
35 | ### Handlebars script tag
36 | 
37 | - hbs ⇥
38 | 


--------------------------------------------------------------------------------
/app.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import Ember from 'ember';
 4 | import Resolver from 'ember/resolver';
 5 | import loadInitializers from 'ember/load-initializers';
 6 | import config from './config/environment';
 7 | 
 8 | var App;
 9 | 
10 | Ember.MODEL_FACTORY_INJECTIONS = true;
11 | 
12 | App = Ember.Application.extend({
13 |   modulePrefix: config.modulePrefix,
14 |   podModulePrefix: config.podModulePrefix,
15 |   Resolver: Resolver
16 | });
17 | 
18 | loadInitializers(App, config.modulePrefix);
19 | 
20 | export default App;
21 | 
22 | ]]></content>
23 |     <description>Ember.Application.create()</description>
24 |     <tabTrigger>app</tabTrigger>
25 |     <scope>source.js</scope>
26 | </snippet>
27 | 


--------------------------------------------------------------------------------
/component.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import Ember from 'ember';
 4 | 
 5 | export default Ember.Component.extend({
 6 |   tagName: 'div',
 7 |   classNames: [],
 8 |   // ${1:didInsertElement}: function() {
 9 |   //  ${2}
10 |   // }.on('${3:didInsertElement}')
11 | });
12 | 
13 | ]]></content>
14 |     <description>Ember.Component.extend()</description>
15 |     <tabTrigger>component</tabTrigger>
16 |     <scope>source.js</scope>
17 | </snippet>
18 | 


--------------------------------------------------------------------------------
/controller.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import Ember from 'ember';
 4 | 
 5 | export default Ember.Controller.extend({
 6 |   // needs: [],
 7 | });
 8 | 
 9 | ]]></content>
10 |     <description>Ember.Controller.extend()</description>
11 |     <tabTrigger>controller</tabTrigger>
12 |     <scope>source.js</scope>
13 | </snippet>
14 | 


--------------------------------------------------------------------------------
/handlebars_action.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 |   <content><![CDATA[
3 | {{action "${1}"}}
4 | ]]></content>
5 |   <description>{{action }}</description>
6 |   <tabTrigger>action</tabTrigger>
7 |   <scope>text.html.handlebars</scope>
8 | </snippet>
9 | 


--------------------------------------------------------------------------------
/handlebars_block.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | {{#${1:block}}}
 4 |   ${2}
 5 | {{/${1:block}}}
 6 | ]]></content>
 7 |   <description>{{#block}} {{/block}}</description>
 8 |   <tabTrigger>block</tabTrigger>
 9 |   <scope>text.html.handlebars</scope>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/handlebars_each.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | {{#each ${1:model} as |${2:item}|}}
 4 |   ${3}
 5 | {{/each}}
 6 | ]]></content>
 7 |   <description>{{#each }} {{/each}}</description>
 8 |   <tabTrigger>each</tabTrigger>
 9 |   <scope>text.html.handlebars</scope>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/handlebars_eachelse.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | {{#each ${1:model} as |${2:item}|}}
 4 |   ${3}
 5 | {{else}}
 6 |   ${4}
 7 | {{/each}}
 8 | ]]></content>
 9 |   <description>{{#each }} {{else}} {{/each}}</description>
10 |   <tabTrigger>eachelse</tabTrigger>
11 |   <scope>text.html.handlebars</scope>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/handlebars_if.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | {{#if ${1:property}}}
 4 |   ${2}
 5 | {{/if}}
 6 | ]]></content>
 7 |   <description>{{#if }} {{/if}}</description>
 8 |   <tabTrigger>if</tabTrigger>
 9 |   <scope>text.html.handlebars</scope>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/handlebars_ifelse.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | {{#if ${1:property}}}
 4 |   ${2}
 5 | {{else}}
 6 |   ${3}
 7 | {{/if}}
 8 | ]]></content>
 9 |   <description>{{#if }} {{else}} {{/if}}</description>
10 |   <tabTrigger>ifelse</tabTrigger>
11 |   <scope>text.html.handlebars</scope>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/handlebars_linkto.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 |   <content><![CDATA[
3 | {{link-to "${1:text}" "${2:route}"}}
4 | ]]></content>
5 |   <description>{{link-to }}</description>
6 |   <tabTrigger>linkto</tabTrigger>
7 |   <scope>text.html.handlebars</scope>
8 | </snippet>
9 | 


--------------------------------------------------------------------------------
/handlebars_linkto_block.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 |   <content><![CDATA[
3 | {{#link-to "${1:route}"}}${2:text}{{/link-to}}
4 | ]]></content>
5 |   <description>{{#link-to}} {{/link-to}}</description>
6 |   <tabTrigger>linktoblock</tabTrigger>
7 |   <scope>text.html.handlebars</scope>
8 | </snippet>
9 | 


--------------------------------------------------------------------------------
/handlebars_outlet.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 |   <content><![CDATA[
3 | {{outlet "${1}"}}
4 | ]]></content>
5 |   <description>{{outlet }}</description>
6 |   <tabTrigger>outlet</tabTrigger>
7 |   <scope>text.html.handlebars</scope>
8 | </snippet>
9 | 


--------------------------------------------------------------------------------
/handlebars_partial.sublime-snippet:
--------------------------------------------------------------------------------
1 | <snippet>
2 |   <content><![CDATA[
3 | {{partial "${1}"}}
4 | ]]></content>
5 |   <description>{{partial }}</description>
6 |   <tabTrigger>partial</tabTrigger>
7 | </snippet>
8 | 


--------------------------------------------------------------------------------
/handlebars_unless.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | {{#unless ${1:property}}}
 4 |   ${2}
 5 | {{/unless}}
 6 | ]]></content>
 7 |   <description>{{#unless }} {{unless}}</description>
 8 |   <tabTrigger>unless</tabTrigger>
 9 |   <scope>text.html.handlebars</scope>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/handlebars_view.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | {{#view "${1:viewClass}"}}
 4 |   ${2}
 5 | {{/view}}
 6 | ]]></content>
 7 |   <description>{{#view }} {{/view}}</description>
 8 |   <tabTrigger>viewb</tabTrigger>
 9 |   <scope>text.html.handlebars</scope>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/helper.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import Ember from 'ember';
 4 | 
 5 | export default Ember.Helper.helper((${1:params}${2: ,hash}) => {
 6 | 
 7 |   return ${3:value};
 8 | });
 9 | 
10 | ]]></content>
11 |     <description>Ember.Helper.helper()</description>
12 |     <tabTrigger>helper</tabTrigger>
13 |     <scope>source.js</scope>
14 | </snippet>
15 | 


--------------------------------------------------------------------------------
/mixin.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import Ember from 'ember';
 4 | 
 5 | export default Ember.Mixin.create({
 6 |   ${1}
 7 | });
 8 | 
 9 | ]]></content>
10 |     <description>Ember.Mixin.create()</description>
11 |     <tabTrigger>mixin</tabTrigger>
12 |     <scope>source.js</scope>
13 | </snippet>
14 | 


--------------------------------------------------------------------------------
/model.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import DS from 'ember-data';
 4 | const attr = DS.attr;
 5 | 
 6 | export default DS.Model.extend({
 7 |   ${1:attr}: attr('${2:string}')
 8 | });
 9 | ]]></content>
10 |     <description>DS.Model.extend()</description>
11 |     <tabTrigger>model</tabTrigger>
12 |     <scope>source.js</scope>
13 | </snippet>
14 | 


--------------------------------------------------------------------------------
/object.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import Ember from "ember";
 4 | 
 5 | export default Ember.Object.extend({
 6 |   init: function() {
 7 |     // Setup
 8 |   },
 9 | 
10 |   ${1:method}: function(${2:value}) {
11 |     ${3}
12 |   }
13 | });
14 | 
15 | ]]></content>
16 |     <description>Ember.Object.extend()</description>
17 |     <tabTrigger>object</tabTrigger>
18 |     <scope>source.js</scope>
19 | </snippet>
20 | 


--------------------------------------------------------------------------------
/observes.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | ${1:method}: function() {
 4 |   var ${2:anotherAttribute} = this.get('${2}');
 5 |   ${3}
 6 | }.observes('${2}')
 7 | 
 8 | ]]></content>
 9 |     <description>Ember.Observable</description>
10 |     <tabTrigger>emberObserver</tabTrigger>
11 |     <scope>source.js</scope>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/property.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | ${1:attr}: function() {
 4 |   var ${2:anotherAttribute} = this.get('${2}');
 5 |   ${3}
 6 | }.property('${2}')
 7 | 
 8 | ]]></content>
 9 |     <description>Ember.ComputedProperty</description>
10 |     <tabTrigger>emberProperty</tabTrigger>
11 |     <scope>source.js</scope>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/route.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import Ember from "ember";
 4 | 
 5 | export default Ember.Route.extend({
 6 |   // activate: function() {},
 7 |   // deactivate: function() {},
 8 |   // setupController: function(controller, model) {},
 9 |   // renderTemplate: function() {},
10 |   // beforeModel: function() {},
11 |   // afterModel: function() {},
12 | 
13 |   model: function() {
14 |       return ${1};
15 |   }
16 | });
17 | 
18 | ]]></content>
19 |     <description>Ember.Route.extend()</description>
20 |     <tabTrigger>route</tabTrigger>
21 |     <scope>source.js</scope>
22 | </snippet>
23 | 


--------------------------------------------------------------------------------
/router.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import Ember from 'ember';
 4 | import config from './config/environment';
 5 | 
 6 | var Router = Ember.Router.extend({
 7 |   location: config.locationType
 8 | });
 9 | 
10 | Router.map(function() {
11 |   this.route('${1:home}');
12 | });
13 | 
14 | export default Router;
15 | 
16 | ]]></content>
17 |     <description>App.Router.map()</description>
18 |     <tabTrigger>router</tabTrigger>
19 |     <scope>source.js</scope>
20 | </snippet>
21 | 


--------------------------------------------------------------------------------
/service.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import Ember from 'ember';
 4 | 
 5 | export default Ember.Service.extend({
 6 |   ${1}
 7 | });
 8 | 
 9 | ]]></content>
10 |     <description>Ember.Service.extend()</description>
11 |     <tabTrigger>service</tabTrigger>
12 |     <scope>source.js</scope>
13 | </snippet>
14 | 


--------------------------------------------------------------------------------
/store.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import DS from 'ember-data';
 4 | 
 5 | App.Adapter = DS.RESTAdapter.extend();
 6 | 
 7 | App.RESTSerializer = DS.RESTSerializer.extend({
 8 |   init: function() {
 9 |     this._super();
10 | 
11 |   }
12 | });
13 | 
14 | App.Store = DS.Store.extend({
15 |   revision: 12,
16 |   adapter: App.Adapter.create({
17 |     namespace: 'api',
18 |     serializer: App.RESTSerializer
19 |   })
20 | });
21 | 
22 | ]]></content>
23 |     <description>DS.Store.extend()</description>
24 |     <tabTrigger>store</tabTrigger>
25 |     <scope>source.js</scope>
26 | </snippet>
27 | 


--------------------------------------------------------------------------------
/view.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | import Ember from 'ember';
 4 | 
 5 | export default Ember.View.extend({
 6 |   tagName: 'div',
 7 |   // classNames: [],
 8 |   didInsertElement: function() {
 9 |     ${1}
10 |   }
11 | });
12 | 
13 | ]]></content>
14 |     <description>Ember.View.extend()</description>
15 |     <tabTrigger>view</tabTrigger>
16 |     <scope>source.js</scope>
17 | </snippet>
18 | 


--------------------------------------------------------------------------------
/x-handlebars.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |   <content><![CDATA[
 3 | <script type="text/x-handlebars" data-template-name="${1}">
 4 |   ${2}
 5 | </script>
 6 | ]]></content>
 7 |   <description>text/x-handlebars script tag</description>
 8 |   <tabTrigger>hbs</tabTrigger>
 9 |   <scope>text.html</scope>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------