sentry/static/app/stores/sentryAppComponentsStore.tsx

import Reflux from 'reflux';

import SentryAppComponentsActions from 'app/actions/sentryAppComponentActions';
import {SentryAppComponent} from 'app/types';

const SentryAppComponentsStore = Reflux.createStore({
  init() {
    this.items = [];
    this.listenTo(SentryAppComponentsActions.loadComponents, this.onLoadComponents);
  },

  getInitialState() {
    return this.items;
  },

  onLoadComponents(items: SentryAppComponent[]) {
    this.items = items;
    this.trigger(items);
  },

  get(uuid: string) {
    const items: SentryAppComponent[] = this.items;
    return items.find(item => item.uuid === uuid);
  },

  getAll() {
    return this.items;
  },

  getComponentByType(type: string | undefined) {
    if (!type) {
      return this.getAll();
    }
    const items: SentryAppComponent[] = this.items;
    return items.filter(item => item.type === type);
  },
});

type SentryAppComponentsStoreType = Reflux.Store & {
  onLoadComponents: (items: SentryAppComponent[]) => void;
  getComponentByType: (type: string | undefined) => SentryAppComponent[];
  getAll: () => SentryAppComponent[];
  getInitialState: () => SentryAppComponent[];
  get: () => SentryAppComponent | undefined;
};

export default SentryAppComponentsStore as SentryAppComponentsStoreType;