sentry/static/app/stores/settingsBreadcrumbStore.tsx

import {PlainRoute} from 'react-router';
import Reflux from 'reflux';

import SettingsBreadcrumbActions from 'app/actions/settingsBreadcrumbActions';
import getRouteStringFromRoutes from 'app/utils/getRouteStringFromRoutes';

type UpdateData = {
  routes: PlainRoute<any>[];
  title: string;
};

type SettingsBreadcrumbStoreInterface = {
  init: () => void;
  reset: () => void;
  onUpdateRouteMap: (update: UpdateData) => void;
  onTrimMappings: (routes: PlainRoute<any>[]) => void;
};

type Internals = {
  pathMap: Record<string, string>;
};

const storeConfig: Reflux.StoreDefinition &
  SettingsBreadcrumbStoreInterface &
  Internals = {
  pathMap: {},
  init() {
    this.reset();
    this.listenTo(SettingsBreadcrumbActions.mapTitle, this.onUpdateRouteMap);
    this.listenTo(SettingsBreadcrumbActions.trimMappings, this.onTrimMappings);
  },

  reset() {
    this.pathMap = {};
  },

  onUpdateRouteMap({routes, title}) {
    this.pathMap[getRouteStringFromRoutes(routes)] = title;
    this.trigger(this.pathMap);
  },

  onTrimMappings(routes) {
    const routePath = getRouteStringFromRoutes(routes);
    for (const fullPath in this.pathMap) {
      if (!routePath.startsWith(fullPath)) {
        delete this.pathMap[fullPath];
      }
    }
    this.trigger(this.pathMap);
  },
};

type SettingsBreadcrumbStore = Reflux.Store & SettingsBreadcrumbStoreInterface;

const SettingsBreadcrumbStore = Reflux.createStore(
  storeConfig
) as SettingsBreadcrumbStore;

export default SettingsBreadcrumbStore;