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
- middleware
- redux
- 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