Skip to content

Latest commit

 

History

History
44 lines (28 loc) · 1.4 KB

STRUCTURE.md

File metadata and controls

44 lines (28 loc) · 1.4 KB

Project Structure

###/

The root folder contains the main files used by the Chrome extension. main.html bootstraps the extension.

###/blink

This Git submodule contains a copy of the DevTools from the Blink project.

This folder should never diverge from the upstream version. That way we can keep a consistent look and reuse a lot of UI elements from the built-in Chrome Developer Tools.

Only a small subset of these files are currently in use. The holes are patched using files from the views folder.

###/views

The views folder contains views that are specific to the React Developer Tools.

WebInspectorPatch.js monkey patches all the WebInspector components that hook into internals that we don't have access to from a Chrome extension.

###/agents

These are stubs APIs to access the pseudo DOM representation of React components and JavaScript runtime objects. The ReactInspectorAgent is the client that communicates cross-process to the inspected page. Since this is done cross-process, these APIs are all asynchronous.

###/injected

These files gets evaluated the context of the inspected page. They're essentially the host that the agents communicate with.

The format of these files is a single function that gets passed it's dependencies by ReactInspectorAgent.

###/tests

This folder contains a sample React page. It's intended as a relatively stable page intended to make sure all features works as expected.