consul/ui-v2/app/utils/computed/purify.js

import { get, computed } from '@ember/object';

/**
 * Converts a conventional non-pure Ember `computed` function into a pure one
 * (see https://github.com/emberjs/rfcs/blob/be351b059f08ac0fe709bc7697860d5064717a7f/text/0000-tracked-properties.md#avoiding-dependency-hell)
 *
 * @param {function} computed - a computed function to 'purify' (convert to a pure function)
 * @param {function} filter - Optional string filter function to pre-process the names of computed properties
 * @returns {function} - A pure `computed` function
 */
const _success = function(value) {
  return value;
};
const purify = function(computed, filter = args => args) {
  return function() {
    let args = [...arguments];
    let success = _success;
    // pop the user function off the end
    if (typeof args[args.length - 1] === 'function') {
      success = args.pop();
    }
    args = filter(args);
    // this is the 'conventional' `computed`
    const cb = function(name) {
      return success.apply(
        this,
        args.map(item => {
          // Right now this just takes the first part of the path so:
          // `items.[]` or `items.@each.prop` etc
          // gives you `items` which is 'probably' what you expect
          // it won't work with something like `item.objects.[]`
          // it could potentially be made to do so, but we don't need that right now at least
          return get(this, item.split('.')[0]);
        })
      );
    };
    // concat/push the user function back on
    return computed(...args.concat([cb]));
  };
};
export const subscribe = purify(computed);
export default purify;