ilucin

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  session = {user: {name: 'Ivan'}};
}

ilucin

function proxyMethods(proxyObj, originalObj, props) {
  props.forEach(function(method) {
    proxyObj[method] = function() {
      return originalObj[method](...arguments);
    };
  });
}

function proxyProps(proxyObj, originalObj, props) {
  props.forEach(function(prop) {

ilucin

(function() {
  var trix = document.querySelector('trix-editor');
  var btn = document.createElement('button');
  btn.innerHTML = 'Press me';
  btn.addEventListener('click', function() {
    trix.editor.loadJSON({document: []});
    trix.editor.insertHTML('');
  });
  trix.parentElement.appendChild(btn);
})();

ilucin

The problem

Applications often need to expose a part of the app in different context without breaking the current context. The simplified example would be the "settings" modal. You want to be able to open the settings modal from everywhere in you app without losing the current context.

Let's say we have a really simple app:

Router.map(function() {
  this.route('projects', {}, function() {
    this.route('dashboard');

ilucin

import Ember from 'ember';

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

ilucin

import InfinityLoaderComponent from 'ember-infinity/components/infinity-loader';

InfinityLoaderComponent.reopen({
  loadingText: 'Loading data...',
  loadedText: 'All data loaded.',
  classNameBindings: ['infinityModel.reachedInfinity:has-reached-infinity'],

  // Remove this hack when https://github.com/hhff/ember-infinity/issues/100 gets resolved
  _shouldLoadMore() {
    if (this.get('developmentMode') || this.isDestroying || this.isDestroyed) {

ilucin

function() {
  var isFixed = false;

  $(window).on('scroll', function() {
    if (isFixed && shouldGoToStaticCondition) {
      $(el).removeClass('fixed');
      isFixed = false;
    }
    else if (!isFixed && shouldGoToFixCondition) {
       $(el).addClass('fixed');