/** * Copyright (c) HashiCorp, Inc. * SPDX-License-Identifier: MPL-2.0 */ import Service, { inject as service } from '@ember/service'; import { schedule } from '@ember/runloop'; import { get } from '@ember/object'; 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; @service('repository/permission') permissions; ready() { return this._transition; } exists(routeName) { if (get(routes, routeName)) { return this.allowed(routeName); } return false; } allowed(routeName) { const abilities = get(routes, `${routeName}._options.abilities`) || []; if (abilities.length > 0) { if (!abilities.every((ability) => this.permissions.can(ability))) { return false; } } return true; } 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; } outletFor(routeName) { const keys = [...outlets.keys()]; const pos = keys.indexOf(routeName); const key = pos + 1; return outlets.get(keys[key]); } /** * 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, }; } // 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; } } addRoute(name, route) { const outlet = this.outletFor(name); if (typeof outlet !== 'undefined') { outlet.route = route; // TODO: Try to avoid the double computation bug schedule('afterRender', () => { outlet.routeName = name; }); } } removeRoute(name, route) { const outlet = this.outletFor(name); route._model = undefined; if (typeof outlet !== 'undefined') { schedule('afterRender', () => { outlet.route = undefined; }); } } addOutlet(name, outlet) { outlets.set(name, outlet); } removeOutlet(name) { schedule('afterRender', () => { outlets.delete(name); }); } }