The Debugger's Files

The Debugger now has 100 files, which makes it a fun time to see how it's broken down.

Here are a couple of thoughts:

  • there are a lot of UI components, we recently added three component directories: (shared, editor, secondary pane) that helped a lot
  • there are a lot of utils. We also recently organized the editor utils, which is helpful. We could probably do more there
  • the actions and reducers directory is still pretty small and organized

The project has grown a lot in the last couple months, but I think the react/redux architecture is scaling well.

src

  • constants.js
  • feature.js
  • global-types.js
  • main.js
  • panel.js
  • selectors.js
  • strings.json
  • types.js

Actions

  • breakpoints.js
  • coverage.js
  • event-listeners.js
  • expressions.js
  • index.js
  • navigation.js
  • pause.js
  • sources.js
  • types.js
  • ui.js

Components

  • App.js
  • SourceSearch.js
  • Sources.js
  • SourcesTree.js
  • WelcomeBox.js
Editor
  • Breakpoint.js
  • ConditionalPanel.js
  • EditorMenu.js
  • Footer.js
  • GutterMenu.js
  • HitMarker.js
  • SearchBar.js
  • Tabs.js
  • index.js
SecondaryPanes
  • Breakpoints.js
  • ChromeScopes.js
  • CommandBar.js
  • EventListeners.js
  • Expressions.js
  • Frames.js
  • Scopes.js
  • WhyPaused.js
  • index.js
shared
  • Accordion.js
  • Autocomplete.js
  • Button
    • Close.js
    • PaneToggle.js
  • Dropdown.js
  • ManagedTree.js
  • ObjectInspector.js
  • Rep.js
  • Svg.js
  • menu.js

Reducers

  • async-requests.js
  • breakpoints.js
  • coverage.js
  • event-listeners.js
  • expressions.js
  • index.js
  • pause.js
  • sources.js
  • ui.js

utils

  • DevToolsUtils.js
  • assert.js
  • client.js
  • clipboard.js
  • create-store.js
  • defer.js
  • editor
    • build-query.js
    • index.js
    • source-documents.js
    • source-editor.js
    • source-search.js
  • fromJS.js
  • log.js
  • makeRecord.js
  • object-inspector.js
  • parser.js
  • path.js
  • pause.js
  • prefs.js
  • pretty-print-worker.js
  • pretty-print.js
    • redux
    • middleware
      • history.js
      • log.js
      • promise.js
      • thunk.js
      • wait-service.js
  • source-map-util.js
  • source-map-worker.js
  • source-map.js
  • source.js
  • sources-tree.js
  • task.js
  • test-head.js
  • text.js
  • utils.js

21 Feb 2017