import Service, { inject as service } from '@ember/service'; import { schedule } from '@ember/runloop'; import wildcard from 'consul-ui/utils/routing/wildcard'; import { routes } from 'consul-ui/router'; const isWildcard = wildcard(routes); class Outlets { constructor() { this.map = new Map(); this.sorted = []; } sort() { this.sorted = [...this.map.keys()]; this.sorted.sort((a, b) => { if (a === 'application') { return 1; } if (b === 'application') { return -1; } const al = a.split('.').length; const bl = b.split('.').length; switch (true) { case al > bl: return -1; case al < bl: return 1; default: return 0; } }); } set(name, value) { this.map.set(name, value); // TODO: find, splice to insert at the correct index instead of sorting // all the time this.sort(); } get(name) { return this.map.get(name); } delete(name) { // TODO: find, splice to delete at the correct index instead of sorting // all the time this.map.delete(name); this.sort(); } keys() { return this.sorted; } } const outlets = new Outlets(); export default class RoutletService extends Service { @service('container') container; @service('env') env; @service('router') router; ready() { return this._transition; } transition() { let endTransition; this._transition = new Promise(resolve => { endTransition = resolve; }); return endTransition; } findOutlet(name) { const keys = [...outlets.keys()]; const key = keys.find(item => name.indexOf(item) !== -1); return key; } addOutlet(name, outlet) { outlets.set(name, outlet); } removeOutlet(name) { outlets.delete(name); } // modelFor gets the model for Outlet specified by `name`, not the Route modelFor(name) { const outlet = outlets.get(name); if (typeof outlet !== 'undefined') { return outlet.model || {}; } return {}; } /** * Adds urldecoding to any wildcard route `params` */ normalizeParamsFor(name, params = {}) { if (isWildcard(name)) { return Object.keys(params).reduce(function(prev, item) { if (typeof params[item] !== 'undefined') { prev[item] = decodeURIComponent(params[item]); } else { prev[item] = params[item]; } return prev; }, {}); } else { return params; } } paramsFor(name) { let outletParams = {}; const outlet = outlets.get(name); if (typeof outlet !== 'undefined' && typeof outlet.args.params !== 'undefined') { outletParams = outlet.args.params; } let route = this.router.currentRoute; if (route === null) { route = this.container.lookup('route:application'); } // TODO: Opportunity to dry out this with transitionable // walk up the entire route/s replacing any instances // of the specified params with the values specified let current = route; let parent; let routeParams = this.normalizeParamsFor(name, current.params); // TODO: Not entirely sure whether we are ok exposing queryParams here // seeing as accessing them from here means you can get them but not set // them as yet // let queryParams = {}; while ((parent = current.parent)) { routeParams = { ...this.normalizeParamsFor(parent.name, parent.params), ...routeParams, }; // queryParams = { // ...parent.queryParams, // ...queryParams // }; current = parent; } return { ...this.container.get(`location:${this.env.var('locationType')}`).optionalParams(), ...routeParams, // ...queryParams ...outletParams, }; } addRoute(name, route) { const keys = [...outlets.keys()]; const pos = keys.indexOf(name); const key = pos + 1; const outlet = outlets.get(keys[key]); if (typeof outlet !== 'undefined') { route._model = outlet.model; outlet.route = route; // TODO: Try to avoid the double computation bug schedule('afterRender', () => { outlet.routeName = route.args.name; }); } } removeRoute(name, route) {} }