Ember Engines With Ember Simple Auth

README.md

Using Ember Simple Auth with Ember Engines (In Repo Engine)

• This shows the steps needed to get Ember Simple Auth to work with Ember Engines as if they are the same application

• Things to note

  • engine login page needs to transitionToExternal('login')
  • login has to be passed in as an external route to the engine
  • session and cookie services both need to be passed into engine
  • sessionAuthenticated function needs to be overwritten in the Application Controller of the Engine

• in /app/app.js add to const engines object { [Engine Name]: dependencies }

   	import Ember from 'ember';
   	import Resolver from './resolver';
   	import config from './config/environment';
   	import loadInitializers from 'ember-load-initializers';
  
   	const { Application } = Ember;
   	const { modulePrefix, podModulePrefix } = config;
  
   	const dependencies = {
   		dependencies: {
   			services: ['session', 'cookies'], // You need both session and cookies to be able to route back into the engine from the external login
   			externalRoutes: {
   				'login': 'login' // you can call it whatever you want
   			}
   		}
   	};
  
   	const engines = { // add new engines here
   		[Engine Name]: dependencies,
   	};
  
   	Ember.MODEL_FACTORY_INJECTIONS = true;
  
   	let App = Application.extend({
   		podModulePrefix,
   		modulePrefix,
   		Resolver,
   		engines
   	});
  
   	loadInitializers(App, modulePrefix);
  
   	export default App;

• In /lib/[Engine Name]/addon/engine.js

   	import Resolver from './resolver';
   	import Engine from 'ember-engines/engine';
   	import config from './config/environment';
   	import loadInitializers from 'ember-load-initializers';
  
   	const { modulePrefix } = config;
  
   	const dependencies = {
   		services: ['session', 'cookies'], // Need both to route into engine after authentication
   		externalRoutes: ['login']
   	};
  
   	const Eng = Engine.extend({
   		dependencies,
   		modulePrefix,
   		Resolver
   	});
  
   	loadInitializers(Eng, modulePrefix);
  
   	export default Eng;

• In /lib/[Engine Name]/addon/routes/application.js

   	import Ember from 'ember';
  
   	const { Route } = Ember;
  
   	import ApplicationRouteMixin from 'ember-simple-auth/mixins/application-route-mixin';
  
   	export default Route.extend(ApplicationRouteMixin, {
   		sessionAuthenticated() { } // Needed so sessionAuthenticated only runs on main login
   	});

• In /lib/[Engine Name]/addon/routes/index.js

   	import Ember from 'ember';
  
   	const { Route } = Ember;
  
   	import AuthenticatedRouteMixin from 'ember-simple-auth/mixins/authenticated-route-mixin';
  
   	export default Route.extend(AuthenticatedRouteMixin);

• In /lib/[Engine Name]/addon/routes/login.js

   	import Ember from 'ember';
  
   	const { Route } = Ember;
  
   	export default Route.extend({
   		beforeModel() {
   			this._super(...arguments);
   			this.transitionToExternal('login'); // Transition to whatever you called your external login
   		}
   	});

app\app.js

import Ember from 'ember';
import Resolver from './resolver';
import config from './config/environment';
import loadInitializers from 'ember-load-initializers';

const { Application } = Ember;
const { modulePrefix, podModulePrefix } = config;

const dependencies = {
  dependencies: {
    services: ['session', 'cookies'], // You need both session and cookies to be able to route back into the engine from the external login
    externalRoutes: {
      'login': 'login' // you can call it whatever you want
    }
  }
};

const engines = { // add new engines here
  <engine-name>: dependencies,
};

Ember.MODEL_FACTORY_INJECTIONS = true;

let App = Application.extend({
  podModulePrefix,
  modulePrefix,
  Resolver,
  engines
});

loadInitializers(App, modulePrefix);

export default App;

lib\<engine-name>\addon\engine.js

import Resolver from './resolver';
import Engine from 'ember-engines/engine';
import config from './config/environment';
import loadInitializers from 'ember-load-initializers';

const { modulePrefix } = config;

const dependencies = {
  services: ['session', 'cookies'], // Need both to route into engine after authentication
  externalRoutes: ['login']
};

const Eng = Engine.extend({
  dependencies,
  modulePrefix,
  Resolver
});

loadInitializers(Eng, modulePrefix);

export default Eng;

lib\<engine-name>\addon\routes.js

import buildRoutes from 'ember-engines/routes';

export default buildRoutes(function() {
	this.route('index', { path: '' });
	this.route('login');
});

lib\<engine-name>\addon\routes\application.js

import Ember from 'ember';

const { Route } = Ember;

import ApplicationRouteMixin from 'ember-simple-auth/mixins/application-route-mixin';

export default Route.extend(ApplicationRouteMixin, {
  sessionAuthenticated() { } // Needed so sessionAuthenticated only runs on main login
});

lib\<engine-name>\addon\routes\index.js

import Ember from 'ember';

const { Route } = Ember;

import AuthenticatedRouteMixin from 'ember-simple-auth/mixins/authenticated-route-mixin';

export default Route.extend(AuthenticatedRouteMixin);

lib\<engine-name>\addon\routes\login.js

import Ember from 'ember';

const { Route } = Ember;

export default Route.extend({
  beforeModel() {
    this._super(...arguments);
    this.transitionToExternal('login'); // Transition to whatever you called your external login
  }
});