Sync with guidemaker-ember-template (#9)

* Sync with guidemaker-ember-template. WIP
* Add volta
* Show TOC open by default
* put groupings back in
* Fix dependencies and tests
* update node versions
* update travis.yml
* linting fixes
* Update error template
* Simplify error page
* update ember-composable-helpers

Author: jenweber

.travis.yml

@@ -3,7 +3,7 @@ language: node_js
 node_js:
   # we recommend testing addons with the same minimum supported node version as Ember CLI
   # so that your addon works for all apps
-  - "6"
+  - "10"
 
 sudo: false
 dist: trusty
@@ -15,10 +15,17 @@ cache:
   directories:
     - $HOME/.npm
 
+branches:
+  only:
+    - master
+    # npm version tags
+    - /^v\d+\.\d+\.\d+/
+
 env:
   global:
     # See https://git.io/vdao3 for details.
     - JOBS=1
+    - PERCY_ENABLE=0 # disable percy by default
 
 branches:
   only:
@@ -36,26 +43,24 @@ jobs:
 
     - stage: "Tests"
       name: "Tests"
+      env:
+        - RUN_PERCY_TESTS=true
+        - PERCY_ENABLE=1
       script:
+        - npm run lint:hbs
         - npm run lint:js
         - npm test
 
     # we recommend new addons test the current and previous LTS
     # as well as latest stable release (bonus points to beta/canary)
     - stage: "Additional Tests"
-      env: EMBER_TRY_SCENARIO=ember-lts-2.12
-    - env: EMBER_TRY_SCENARIO=ember-lts-2.16
-    - env: EMBER_TRY_SCENARIO=ember-lts-2.18
-    - env: EMBER_TRY_SCENARIO=ember-lts-3.4
+      env: EMBER_TRY_SCENARIO=ember-lts-3.4
+    - env: EMBER_TRY_SCENARIO=ember-lts-3.8
+    - env: EMBER_TRY_SCENARIO=ember-lts-3.12
     - env: EMBER_TRY_SCENARIO=ember-release
     - env: EMBER_TRY_SCENARIO=ember-beta
     - env: EMBER_TRY_SCENARIO=ember-canary
     - env: EMBER_TRY_SCENARIO=ember-default-with-jquery
 
-before_install:
-  - npm config set spin false
-  - npm install -g npm@4
-  - npm --version
-
 script:
-  - node_modules/.bin/ember try:one $EMBER_TRY_SCENARIO
+  - node_modules/.bin/ember try:one $EMBER_TRY_SCENARIO

addon/components/info-banner.js

@@ -0,0 +1,14 @@
+import Component from '@ember/component';
+import layout from '../templates/components/info-banner';
+
+import { getOwner } from '@ember/application';
+
+export default Component.extend({
+  layout,
+  tagName: '',
+  init() {
+    this._super(...arguments);
+    const config = getOwner(this).resolveRegistration('config:environment');
+    this.config = config[this.configName];
+  },
+});

addon/helpers/html-safe.js

@@ -0,0 +1,8 @@
+import { helper } from '@ember/component/helper';
+import { htmlSafe } from '@ember/string';
+
+export function htmlSafeHelper(params) {
+  return htmlSafe(params.join(''))
+}
+
+export default helper(htmlSafeHelper);

addon/helpers/includes.js

@@ -0,0 +1,7 @@
+import { helper } from "@ember/component/helper";
+
+export function includes([collection, item] /*, hash*/) {
+  return (collection || []).includes(item);
+}
+
+export default helper(includes);

addon/initializers/regiser-showdown-extenions.js

@@ -0,0 +1,40 @@
+$dusty-blue: #1e719b;
+$white: #fdfdfd;
+
+.info-banner-wrapper {
+  background-color: $dusty-blue;
+  color: $white;
+  text-align: center;
+  line-height: 1.5;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  font-size: 100%;
+  border-bottom: 1px solid #e5dbd6;
+  strong {
+    font-weight: bold;
+  }
+  a {
+    text-decoration: underline;
+    color: $white;
+  }
+
+  &.hidden {
+    display: none;
+  }
+
+  p {
+    margin: 0;
+  }
+}
+.info-banner-container {
+  width: 960px;
+  margin: auto;
+}
+
+@media (max-width: 53.75rem) {
+  .info-banner-container {
+    width: inherit;
+    line-height: 1.5;
+    padding: 0.8rem 1rem;
+  }
+}

addon/styles/_info-banner.scss

@@ -1335,7 +1335,7 @@ article.x404 img {
 @import 'table-of-contents';
 
 .old-version-warning {
-  background-color: #dd6a58;
+  background-color: #333;
   color: $white;
   padding: 0.5em;
   border-radius: 3px;
@@ -1348,7 +1348,7 @@ article.x404 img {
   font-size: 12px;
   color: $white;
   padding: 0.3em 0.8em;
-  background-color: #e69082;
+  background-color: #555;
   border-radius: 3px;
 }
 

addon/styles/addon.scss

@@ -0,0 +1,7 @@
+{{#if config}}
+  <div class="info-banner-wrapper">
+    <div class="info-banner-container">
+      {{markdown-to-html config.content}}
+    </div>
+  </div>
+{{/if}}

addon/templates/components/info-banner.hbs

@@ -1,4 +1,4 @@
-{{#if searchFunction}}
+{{!-- {{#if searchFunction}}
 <input
   id='search-input'
   type='search'
@@ -8,7 +8,6 @@
   autocomplete="off"
 >
 
-{{!-- Search results dropdown --}}
 {{#ember-tether
   target='#search-input'
   targetAttachment='bottom right'
@@ -39,4 +38,4 @@
     </span>
   {{/if}}
 {{/ember-tether}}
-{{/if}}
+{{/if}} --}}

addon/templates/components/search-input.hbs

@@ -1,24 +1,8 @@
 import Component from '@ember/component';
-import { get, computed } from '@ember/object';
 import { inject as service } from '@ember/service';
 
 export default Component.extend({
   tagName: 'footer',
 
   page: service(),
-
-  nextSectionPage: computed('page.nextSection.pages.[]', function() {
-    let pages = get(this, 'page.nextSection.pages');
-
-    if(pages && pages.length) {
-      return pages[0];
-    }
-  }),
-  previousSectionPage: computed('page.previousSection.pages.[]', function() {
-    let pages = get(this, 'page.previousSection.pages');
-
-    if(pages && pages.length) {
-      return pages[pages.length - 1];
-    }
-  })
 });