ember-inspector 4.13.1 → 4.15.0

package/app/controllers/promise-tree.js

@@ -1,130 +0,0 @@
-// eslint-disable-next-line ember/no-observers
-import { action, observer } from '@ember/object';
-import Controller from '@ember/controller';
-import { inject as service } from '@ember/service';
-import { isEmpty } from '@ember/utils';
-import { equal, bool, and, not, filter } from '@ember/object/computed';
-import { debounce, next, once } from '@ember/runloop';
-
-export default Controller.extend({
-  queryParams: ['filter'],
-
-  adapter: service(),
-  port: service(),
-
-  createdAfter: null,
-
-  // below used to show the "refresh" message
-  isEmpty: equal('model.length', 0),
-  wasCleared: bool('createdAfter'),
-  neverCleared: not('wasCleared'),
-  shouldRefresh: and('isEmpty', 'neverCleared'),
-
-  // Keep track of promise stack traces.
-  // It is opt-in due to performance reasons.
-  instrumentWithStack: false,
-
-  /* jscs:disable validateIndentation */
-  filtered: filter(
-    'model.@each.{createdAt,fulfilledBranch,rejectedBranch,pendingBranch,isVisible}',
-    function (item) {
-      // exclude cleared promises
-      if (this.createdAfter && item.get('createdAt') < this.createdAfter) {
-        return false;
-      }
-
-      if (!item.get('isVisible')) {
-        return false;
-      }
-
-      // Exclude non-filter complying promises
-      // If at least one of their children passes the filter,
-      // then they pass
-      let include = true;
-      if (this.filter === 'pending') {
-        include = item.get('pendingBranch');
-      } else if (this.filter === 'rejected') {
-        include = item.get('rejectedBranch');
-      } else if (this.filter === 'fulfilled') {
-        include = item.get('fulfilledBranch');
-      }
-      if (!include) {
-        return false;
-      }
-
-      // Search filter
-      // If they or at least one of their children
-      // match the search, then include them
-      let search = this.effectiveSearch;
-      if (!isEmpty(search)) {
-        return item.matches(search);
-      }
-      return true;
-    }
-  ),
-  /* jscs:enable validateIndentation */
-
-  filter: 'all',
-  searchValue: null,
-  effectiveSearch: null,
-
-  // eslint-disable-next-line ember/no-observers
-  searchChanged: observer('searchValue', function () {
-    debounce(this, this.notifyChange, 500);
-  }),
-
-  notifyChange() {
-    this.set('effectiveSearch', this.searchValue);
-    next(() => {
-      this.notifyPropertyChange('model');
-    });
-  },
-
-  toggleExpand: action(function (promise) {
-    let isExpanded = !promise.get('isExpanded');
-    promise.set('isManuallyExpanded', isExpanded);
-    promise.recalculateExpanded();
-    let children = promise._allChildren();
-    if (isExpanded) {
-      children.forEach((child) => {
-        let isManuallyExpanded = child.get('isManuallyExpanded');
-        if (isManuallyExpanded === undefined) {
-          child.set('isManuallyExpanded', isExpanded);
-          child.recalculateExpanded();
-        }
-      });
-    }
-  }),
-
-  tracePromise: action(function (promise) {
-    this.port.send('promise:tracePromise', { promiseId: promise.get('guid') });
-  }),
-
-  inspectObject: action(function () {
-    this.target.send('inspectObject', ...arguments);
-  }),
-
-  sendValueToConsole: action(function (promise) {
-    this.port.send('promise:sendValueToConsole', {
-      promiseId: promise.get('guid'),
-    });
-  }),
-
-  setFilter: action(function (filter) {
-    this.set('filter', filter);
-    next(() => {
-      this.notifyPropertyChange('filtered');
-    });
-  }),
-
-  updateInstrumentWithStack: action(function (bool) {
-    this.port.send('promise:setInstrumentWithStack', {
-      instrumentWithStack: bool,
-    });
-  }),
-
-  clear: action(function () {
-    this.set('createdAfter', new Date());
-    once(this, this.notifyChange);
-  }),
-});

package/app/libs/promise-assembler.js

@@ -1,169 +0,0 @@
-import { assert } from '@ember/debug';
-import { later } from '@ember/runloop';
-import EmberObject from '@ember/object';
-import EventedMixin from '@ember/object/evented';
-import Promise from 'ember-inspector/models/promise';
-
-export default class PromiseAssembler extends EmberObject.extend(EventedMixin) {
-  // Used to track whether current message received
-  // is the first in the request
-  // Mainly helps in triggering 'firstMessageReceived' event
-  firstMessageReceived = false;
-
-  init() {
-    super.init(...arguments);
-
-    this.all = [];
-    this.topSort = [];
-    this.topSortMeta = {};
-    this.promiseIndex = {};
-  }
-
-  start() {
-    this.port.on('promise:promisesUpdated', this, this.addOrUpdatePromises);
-    this.port.send('promise:getAndObservePromises');
-  }
-
-  stop() {
-    this.port.off('promise:promisesUpdated', this, this.addOrUpdatePromises);
-    this.port.send('promise:releasePromises');
-    this.reset();
-  }
-
-  reset() {
-    this.set('topSortMeta', {});
-    this.set('promiseIndex', {});
-    this.topSort.clear();
-
-    this.set('firstMessageReceived', false);
-    let all = this.all;
-    // Lazily destroy promises
-    // Allows for a smooth transition on deactivate,
-    // and thus providing the illusion of better perf
-    later(
-      this,
-      function () {
-        this.destroyPromises(all);
-      },
-      500
-    );
-    this.set('all', []);
-  }
-
-  destroyPromises(promises) {
-    promises.forEach(function (item) {
-      item.destroy();
-    });
-  }
-
-  addOrUpdatePromises(message) {
-    this.rebuildPromises(message.promises);
-
-    if (!this.firstMessageReceived) {
-      this.set('firstMessageReceived', true);
-      this.trigger('firstMessageReceived');
-    }
-  }
-
-  rebuildPromises(promises) {
-    promises.forEach((props) => {
-      props = Object.assign({}, props);
-      let childrenIds = props.children;
-      let parentId = props.parent;
-      delete props.children;
-      delete props.parent;
-      if (parentId && parentId !== props.guid) {
-        props.parent = this.updateOrCreate({ guid: parentId });
-      }
-      let promise = this.updateOrCreate(props);
-      if (childrenIds) {
-        childrenIds.forEach((childId) => {
-          // avoid infinite recursion
-          if (childId === props.guid) {
-            return;
-          }
-          let child = this.updateOrCreate({ guid: childId, parent: promise });
-          promise.get('children').pushObject(child);
-        });
-      }
-    });
-  }
-
-  updateTopSort(promise) {
-    let topSortMeta = this.topSortMeta;
-    let guid = promise.get('guid');
-    let meta = topSortMeta[guid];
-    let isNew = !meta;
-    let hadParent = false;
-    let hasParent = !!promise.get('parent');
-    let topSort = this.topSort;
-    let parentChanged = isNew;
-
-    if (isNew) {
-      meta = topSortMeta[guid] = {};
-    } else {
-      hadParent = meta.hasParent;
-    }
-    if (!isNew && hasParent !== hadParent) {
-      // todo: implement recursion to reposition children
-      topSort.removeObject(promise);
-      parentChanged = true;
-    }
-    meta.hasParent = hasParent;
-    if (parentChanged) {
-      this.insertInTopSort(promise);
-    }
-  }
-
-  insertInTopSort(promise) {
-    let topSort = this.topSort;
-    if (promise.get('parent')) {
-      let parentIndex = topSort.indexOf(promise.get('parent'));
-      topSort.insertAt(parentIndex + 1, promise);
-    } else {
-      topSort.pushObject(promise);
-    }
-    promise.get('children').forEach((child) => {
-      topSort.removeObject(child);
-      this.insertInTopSort(child);
-    });
-  }
-
-  updateOrCreate(props) {
-    let guid = props.guid;
-    let promise = this.findOrCreate(guid);
-
-    promise.setProperties(props);
-
-    this.updateTopSort(promise);
-
-    return promise;
-  }
-
-  createPromise(props) {
-    let promise = Promise.create(props);
-    let index = this.get('all.length');
-
-    this.all.pushObject(promise);
-    this.promiseIndex[promise.get('guid')] = index;
-    return promise;
-  }
-
-  find(guid) {
-    if (guid) {
-      let index = this.promiseIndex[guid];
-      if (index !== undefined) {
-        return this.all.objectAt(index);
-      }
-    } else {
-      return this.all;
-    }
-  }
-
-  findOrCreate(guid) {
-    if (!guid) {
-      assert('You have tried to findOrCreate without a guid');
-    }
-    return this.find(guid) || this.createPromise({ guid });
-  }
-}

package/app/routes/model-types.js

@@ -1,47 +0,0 @@
-import { inject as service } from '@ember/service';
-import { set, action } from '@ember/object';
-import { Promise } from 'rsvp';
-import TabRoute from 'ember-inspector/routes/tab';
-
-export default class ModelTypesRoute extends TabRoute {
-  @service port;
-
-  model() {
-    const port = this.port;
-    return new Promise(function (resolve) {
-      port.one('data:modelTypesAdded', function (message) {
-        resolve(message.modelTypes);
-      });
-      port.send('data:getModelTypes');
-    });
-  }
-
-  setupController(controller, model) {
-    super.setupController(controller, model);
-    this.port.on('data:modelTypesAdded', this, this.addModelTypes);
-    this.port.on('data:modelTypesUpdated', this, this.updateModelTypes);
-  }
-
-  deactivate() {
-    this.port.off('data:modelTypesAdded', this, this.addModelTypes);
-    this.port.off('data:modelTypesUpdated', this, this.updateModelTypes);
-    this.port.send('data:releaseModelTypes');
-  }
-
-  @action
-  addModelTypes(message) {
-    this.currentModel.pushObjects(message.modelTypes);
-  }
-
-  @action
-  updateModelTypes(message) {
-    let route = this;
-    message.modelTypes.forEach(function (modelType) {
-      const currentType = route.currentModel.findBy(
-        'objectId',
-        modelType.objectId
-      );
-      set(currentType, 'count', modelType.count);
-    });
-  }
-}

package/app/routes/promise-tree.js

@@ -1,48 +0,0 @@
-import { get, set } from '@ember/object';
-import { inject as service } from '@ember/service';
-import { Promise } from 'rsvp';
-import TabRoute from 'ember-inspector/routes/tab';
-import PromiseAssembler from 'ember-inspector/libs/promise-assembler';
-
-export default class PromiseTreeRoute extends TabRoute {
-  @service port;
-
-  assembler = PromiseAssembler.create({
-    port: this.port,
-  });
-
-  model() {
-    // block rendering until first batch arrives
-    // Helps prevent flashing of "please refresh the page"
-    return new Promise((resolve) => {
-      this.assembler.one('firstMessageReceived', () => {
-        resolve(get(this, 'assembler.topSort'));
-      });
-      this.assembler.start();
-    });
-  }
-
-  setupController() {
-    super.setupController(...arguments);
-
-    this.port.on(
-      'promise:instrumentWithStack',
-      this,
-      this.setInstrumentWithStack
-    );
-    this.port.send('promise:getInstrumentWithStack');
-  }
-
-  deactivate() {
-    this.assembler.stop();
-    this.port.off(
-      'promise:instrumentWithStack',
-      this,
-      this.setInstrumentWithStack
-    );
-  }
-
-  setInstrumentWithStack(message) {
-    set(this, 'controller.instrumentWithStack', message.instrumentWithStack);
-  }
-}

package/app/routes/records.js

@@ -1,55 +0,0 @@
-import { inject as service } from '@ember/service';
-import { set } from '@ember/object';
-import TabRoute from 'ember-inspector/routes/tab';
-
-export default class RecordsRoute extends TabRoute {
-  @service port;
-
-  model() {
-    return [];
-  }
-
-  setupController(controller, model) {
-    super.setupController(controller, model);
-
-    const type = this.modelFor('model_type');
-
-    controller.set('modelType', type);
-
-    this.port.on('data:recordsAdded', this, this.addRecords);
-    this.port.on('data:recordsUpdated', this, this.updateRecords);
-    this.port.on('data:recordsRemoved', this, this.removeRecords);
-    this.port.one('data:filters', this, function (message) {
-      set(this, 'controller.filters', message.filters);
-    });
-    this.port.send('data:getFilters');
-    this.port.send('data:getRecords', { objectId: type.objectId });
-  }
-
-  deactivate() {
-    this.port.off('data:recordsAdded', this, this.addRecords);
-    this.port.off('data:recordsUpdated', this, this.updateRecords);
-    this.port.off('data:recordsRemoved', this, this.removeRecords);
-    this.port.send('data:releaseRecords');
-  }
-
-  addRecords(message) {
-    this.currentModel.pushObjects(message.records);
-  }
-
-  removeRecords(message) {
-    this.currentModel.removeAt(message.index, message.count);
-  }
-
-  updateRecords(message) {
-    message.records.forEach((record) => {
-      let currentRecord = this.currentModel.findBy('objectId', record.objectId);
-      if (currentRecord) {
-        set(currentRecord, 'columnValues', record.columnValues);
-        set(currentRecord, 'filterValues', record.filterValues);
-        set(currentRecord, 'searchIndex', record.searchIndex);
-        set(currentRecord, 'color', record.color);
-      }
-    });
-  }
-}

package/app/routes/render-tree.js

@@ -1,66 +0,0 @@
-import EmberObject, { get, set } from '@ember/object';
-import { inject as service } from '@ember/service';
-import { Promise } from 'rsvp';
-import TabRoute from 'ember-inspector/routes/tab';
-
-export default class RenderTreeRoute extends TabRoute {
-  @service port;
-
-  model() {
-    const port = this.port;
-    return new Promise(function (resolve) {
-      port.one(
-        'render:profilesAdded',
-        function ({ profiles, isHighlightSupported }) {
-          resolve(EmberObject.create({ profiles, isHighlightSupported }));
-        }
-      );
-      port.send('render:watchProfiles');
-    });
-  }
-
-  setupController(controller, model) {
-    super.setupController(...arguments);
-
-    if (get(model, 'profiles.length') === 0) {
-      controller.set('initialEmpty', true);
-    }
-    const port = this.port;
-    port.on('render:profilesUpdated', this, this.profilesUpdated);
-    port.on('render:profilesAdded', this, this.profilesAdded);
-  }
-
-  deactivate() {
-    super.deactivate(...arguments);
-
-    const port = this.port;
-    port.off('render:profilesUpdated', this, this.profilesUpdated);
-    port.off('render:profilesAdded', this, this.profilesAdded);
-    port.send('render:releaseProfiles');
-  }
-
-  profilesUpdated(message) {
-    set(this, 'controller.model.profiles', message.profiles);
-  }
-
-  profilesAdded(message) {
-    const currentProfiles = get(this, 'controller.model.profiles');
-    const profiles = message.profiles;
-    if (
-      message.isHighlightSupported !== undefined &&
-      message.isHighlightSupported !==
-        get(this, 'controller.model.isHighlightSupported')
-    ) {
-      set(
-        this,
-        'controller.model.isHighlightSupported',
-        message.isHighlightSupported
-      );
-    }
-
-    currentProfiles.pushObjects(profiles);
-    if (currentProfiles.length > 100) {
-      set(this, 'controller.model.profiles', currentProfiles.slice(0, 100));
-    }
-  }
-}

package/app/services/adapters/websocket.js

@@ -1,31 +0,0 @@
-import { run } from '@ember/runloop';
-import BasicAdapter from './basic';
-
-export default class Websocket extends BasicAdapter {
-  init() {
-    super.init();
-    this.socket = window.EMBER_INSPECTOR_CONFIG.remoteDebugSocket;
-    this._connect();
-  }
-
-  sendMessage(options) {
-    options = options || {};
-    this.socket.emit('emberInspectorMessage', options);
-  }
-
-  _connect() {
-    this.socket.on('emberInspectorMessage', (message) => {
-      run(() => {
-        this._messageReceived(message);
-      });
-    });
-  }
-
-  _disconnect() {
-    this.socket.removeAllListeners('emberInspectorMessage');
-  }
-
-  willDestroy() {
-    this._disconnect();
-  }
-}

package/app/services/layout.js

@@ -1,39 +0,0 @@
-/**
- * Layout service used to broadcast changes to the application's
- * layout due to resizing of the main nav or the object inspector toggling.
- *
- * Whenever something resizes it triggers an event on this service. For example
- * when the main nav is resized.
- * Elements dependant on the app's layout listen to events on this service. For
- * example the `list` component.
- *
- * @class Layout
- * @extends Service
- */
-import Service from '@ember/service';
-import { tracked } from '@glimmer/tracking';
-import Evented from '@ember/object/evented';
-
-export default class LayoutService extends Service.extend(Evented) {
-  /**
-   * Stores the app's content height. This property is kept up-to-date
-   * by the `monitor-content-height` component.
-   *
-   * @property contentHeight
-   * @type {Number}
-   */
-  @tracked contentHeight = null;
-
-  /**
-   * This is called by `monitor-content-height` whenever a window resize is detected
-   * and the app's content height has changed. We therefore update the
-   * `contentHeight` property and notify all listeners (mostly lists).
-   *
-   * @method updateContentHeight
-   * @param  {Number} height The new app content height
-   */
-  updateContentHeight(height) {
-    this.contentHeight = height;
-    this.trigger('content-height-update', height);
-  }
-}

package/app/services/port.js

@@ -1,90 +0,0 @@
-import { set } from '@ember/object';
-import Evented from '@ember/object/evented';
-import Service, { inject as service } from '@ember/service';
-
-export default class PortService extends Service.extend(Evented) {
-  @service adapter;
-  @service router;
-
-  applicationId = undefined;
-  applicationName = undefined;
-
-  init() {
-    super.init(...arguments);
-
-    /*
-     * A dictionary of the form:
-     * { applicationId: applicationName }
-     */
-    this.detectedApplications = {};
-    this.applicationId = undefined;
-    this.applicationName = undefined;
-
-    this.adapter.onMessageReceived((message) => {
-      if (message.type === 'apps-loaded') {
-        message.apps.forEach(({ applicationId, applicationName }) => {
-          set(this.detectedApplications, applicationId, applicationName);
-        });
-
-        return;
-      }
-
-      let { applicationId, applicationName } = message;
-
-      if (!applicationId) {
-        return;
-      }
-
-      // save the application, in case we haven't seen it yet
-      set(this.detectedApplications, applicationId, applicationName);
-
-      if (!this.applicationId) {
-        this.selectApplication(applicationId);
-      }
-
-      if (this.applicationId === applicationId) {
-        if (!this.has(message.type)) {
-          throw new Error('unknown message type ' + message.type);
-        }
-        this.trigger(message.type, message, applicationId);
-      }
-    });
-
-    this.on('view:inspectJSValue', this, ({ name }) =>
-      this.adapter.inspectJSValue(name)
-    );
-  }
-
-  selectApplication(applicationId) {
-    if (
-      applicationId in this.detectedApplications &&
-      applicationId !== this.applicationId
-    ) {
-      let applicationName = this.detectedApplications[applicationId];
-      const currentApplication = this.applicationId;
-      this.setProperties({ applicationId, applicationName });
-      if (currentApplication) {
-        // this is only required when switching apps
-        this.router.transitionTo('app-detected');
-      }
-      this.send('app-selected', { applicationId, applicationName });
-    }
-  }
-
-  send(type, message) {
-    message = message || {};
-    message.type = type;
-    message.from = 'devtools';
-    message.applicationId = this.applicationId;
-    message.applicationName = this.applicationName;
-    this.adapter.sendMessage(message);
-  }
-
-  off(...args) {
-    try {
-      super.off(...args);
-    } catch (e) {
-      console.error(e);
-    }
-  }
-}