HenryVonfire

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
    navIntro() {
      this.transitionToRoute('index');
    },
    navExample() {
      this.transitionToRoute('example');
    }

HenryVonfire

app.import() works with node_modules now! As of Ember 2.15. Previously it only worked with bower_components and vendor.

Docs for app.import are here: https://ember-cli.com/managing-dependencies#standard-non-amd-asset

This method (vendor-shim) wraps the global export into an es6 module (but the global one is still present). It doesn't use an es6 interface even if the library offers one, but that's okay for my use case.

Things could still be easier, see this thread for the current state of that.

HenryVonfire

/**
 * This is an example of importing https://github.com/component/color-picker
 * into an Ember app. However, you can import any node module.
 *
 * Create an in-repo addon:
 *
 *   $ ember g in-repo-addon rollup
 *
 * You should have a file `lib/rollup/index.js`.
 * Replace the contents of that file with the stuff below.

HenryVonfire

import Ember from 'ember';

export default Ember.Component.extend({
});

HenryVonfire

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  router: Ember.inject.service(),
  
  actions: {
    goToRoute(routeName) {
      this.get('router').transitionTo(routeName);
    }

HenryVonfire

import Ember from 'ember';
import InViewportMixin from 'ember-in-viewport';

const { Component, computed, String: { htmlSafe } } = Ember;

function outerHeight(el) {
  var height = el.offsetHeight;
  var style = getComputedStyle(el);

  height += parseInt(style.marginTop) + parseInt(style.marginBottom);

HenryVonfire

import Ember from 'ember';

export default Ember.Component.extend({
  
  classNames: 'chat-box',
  
  didRender() {
    if (this.get('isScrolledToBottom')) {
      this.$('ul')[0].scrollTop = this.$('ul')[0].scrollHeight;
    }

HenryVonfire

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Nested Routes - Loading'
});

HenryVonfire

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

HenryVonfire

import Ember from 'ember';
import userValidations from '../validations/user';
const { get } = Ember;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  init() {
  	this._super(...arguments);
    this.userValidations = userValidations;