Merge pull request #257 from josemarluedke/jl-template-lint

Add Ember Template Lint

Author: pzuraq

.template-lintrc.js

@@ -0,0 +1,8 @@
+'use strict';
+
+module.exports = {
+  extends: 'recommended',
+  rules: {
+    quotes: 'single'
+  }
+};

package.json

@@ -15,6 +15,7 @@
   },
   "scripts": {
     "build": "ember build",
+    "lint:hbs": "ember-template-lint .",
     "lint:js": "eslint .",
     "start": "ember serve",
     "test": "ember try:each",
@@ -86,7 +87,7 @@
     "broccoli-asset-rev": "^3.0.0",
     "common-tags": "^1.8.0",
     "ember-classy-page-object": "^0.5.0",
-    "ember-cli": "~3.4.0",
+    "ember-cli": "~3.4.3",
     "ember-cli-addon-docs-esdoc": "^0.2.1",
     "ember-cli-addon-docs-yuidoc": "^0.2.1",
     "ember-cli-dependency-checker": "^3.0.0",
@@ -98,15 +99,15 @@
     "ember-cli-inject-live-reload": "^1.8.2",
     "ember-cli-mirage": "^0.4.9",
     "ember-cli-qunit": "^4.3.2",
-    "ember-cli-shims": "^1.2.0",
     "ember-cli-sri": "^2.1.1",
+    "ember-cli-template-lint": "^1.0.0-beta.2",
     "ember-cli-uglify": "^2.1.0",
     "ember-disable-prototype-extensions": "^1.1.3",
     "ember-export-application-global": "^2.0.0",
     "ember-load-initializers": "^1.1.0",
     "ember-maybe-import-regenerator-for-testing": "^1.0.0",
     "ember-resolver": "^5.0.1",
-    "ember-source": "~3.4.0",
+    "ember-source": "~3.4.5",
     "ember-source-channel-url": "^1.1.0",
     "ember-test-selectors": "^1.0.0",
     "ember-try": "^1.0.0",

test-apps/new-addon/package.json

@@ -32,7 +32,6 @@
     "ember-cli-htmlbars-inline-precompile": "*",
     "ember-cli-inject-live-reload": "*",
     "ember-cli-qunit": "*",
-    "ember-cli-shims": "*",
     "ember-cli-sri": "*",
     "ember-cli-uglify": "*",
     "ember-disable-prototype-extensions": "*",

tests/dummy/app/pods/docs/components/docs-demo/demo3/template.hbs

@@ -2,12 +2,16 @@
 {{#docs-demo as |demo|}}
   {{#demo.example name='docs-demo-custom.md'}}
     <pre>
-    # Markdown
-    - Has syntax highlighting, too
+      # Markdown
+      - Has syntax highlighting, too
     </pre>
   {{/demo.example}}
 
   {{demo.snippet 'docs-demo-custom-src.hbs' label='Source'}}
-  {{demo.snippet 'docs-demo-custom.md' label='My Custom Label' language='markdown'}}
+  {{demo.snippet
+    'docs-demo-custom.md'
+    label='My Custom Label'
+    language='markdown'
+  }}
 {{/docs-demo}}
 {{!-- END-SNIPPET --}}

tests/dummy/app/pods/docs/components/docs-hero/demo-2/template.hbs

@@ -3,7 +3,8 @@
     {{docs-hero
       prefix='EmberData'
       heading='Something'
-      byline='The best addon ever. Now playing in theaters.'}}
+      byline='The best addon ever. Now playing in theaters.'
+    }}
   {{/demo.example}}
 
   {{demo.snippet 'docs-hero-2.hbs'}}

tests/dummy/app/pods/docs/components/docs-snippet/demo1/template.hbs

@@ -1,9 +1,10 @@
-<div class="docs-my-8">
-  {{#docs-snippet name="docs-snippet.hbs"}}
+<div class='docs-my-8'>
+  {{#docs-snippet name='docs-snippet.hbs'}}
     <div id='foo'>
       {{#my-awesome-thing
         some=true
-        options=false}}
+        options=false
+      }}
         <p>Something old, something new</p>
       {{/my-awesome-thing}}
     </div>

tests/dummy/app/pods/docs/components/docs-snippet/demo2/template.hbs

@@ -1,5 +1,5 @@
-<div class="docs-my-8">
-  {{#docs-snippet name="my-snippet-src.hbs"}}
+<div class='docs-my-8'>
+  {{#docs-snippet name='my-snippet-src.hbs'}}
     // BEGIN-SNIPPET my-snippet.js
     App = Ember.Application.extend({
       modulePrefix: config.modulePrefix,

tests/dummy/app/pods/docs/components/docs-snippet/demo3/template.hbs

@@ -1,5 +1,5 @@
-<div class="docs-my-8">
-  {{#docs-snippet name="my-snippet-src2.hbs"}}
+<div class='docs-my-8'>
+  {{#docs-snippet name='my-snippet-src2.hbs'}}
     {{docs-snippet name='my-snippet.js'}}
   {{/docs-snippet}}
 </div>

tests/dummy/app/pods/docs/components/docs-snippet/demo4/template.hbs

@@ -1,5 +1,8 @@
-<div class="docs-my-8">
-  {{#docs-snippet name="docs-snippet-title-example.js" title="app/components/my-component.js"}}
+<div class='docs-my-8'>
+  {{#docs-snippet
+    name='docs-snippet-title-example.js'
+    title='app/components/my-component.js'
+  }}
     import Component from '@ember/component';
     export default Component.extend({
       // ...

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

@@ -4,8 +4,11 @@
   <section class='docs-max-w-md docs-mx-auto docs-pb-8'>
     {{index/index-content}}
 
-    <div class="docs-my-16 docs-text-right">
-      {{#link-to 'docs' class='docs-bg-grey-darkest hover:docs-bg-black docs-text-white docs-py-2 docs-px-4 docs-no-underline docs-rounded'}}
+    <div class='docs-my-16 docs-text-right'>
+      {{#link-to
+        'docs'
+        class='docs-bg-grey-darkest hover:docs-bg-black docs-text-white docs-py-2 docs-px-4 docs-no-underline docs-rounded'
+      }}
         Read the docs →
       {{/link-to}}
     </div>