It would be really cool if we could show a framework logo in the source tabs. This would help us differentiate between the Expressions component, actions, and reducer.

To figureout if a file is a component, actions, or reducer we need to check the AST.

Component: imports react and uses createClass or the Component class
Action: has a function with an inner that has an object with dispatch
Reducer: has an update function with a switch statement

canonical actions

export function resumed() {
  return ({ dispatch }) => {
  };
}

export function resumed() {
  return function ({ dispatch }) {
  };
}

canonical reducer:

function update(
  state: Record<BreakpointsState> = initialState(),
  action: Action
) {
  switch (action.type) {
  }
}