Add ARCHITECTURE.md

This document describes the high-level architecture of DevTools. While
not complete yet, this version adds the guiding principles and explains
the core-feature model used in the DevTools startup process.

Future updates will include an explanation of how individual high-level
features are implemented and what their building blocks are.

DISABLE_THIRD_PARTY_CHECK=OWNERS update for new file

Bug: none
Change-Id: I589ae3f646094ec92c27336b6282006ab4534d7f
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2791341
Auto-Submit: Tim van der Lippe <[email protected]>
Commit-Queue: Yang Guo <[email protected]>
Reviewed-by: Yang Guo <[email protected]>
Reviewed-by: Jack Franklin <[email protected]>
Reviewed-by: Andres Olivares <[email protected]>
4 files changed
tree: 2c14c88cc6fd42f170cf824f25d163e08e6a64b5
  1. build_overrides/
  2. docs/
  3. front_end/
  4. inspector_overlay/
  5. node_modules/
  6. scripts/
  7. test/
  8. third_party/
  9. v8/
  10. .clang-format
  11. .editorconfig
  12. .eslintignore
  13. .eslintrc.js
  14. .gitattributes
  15. .gitignore
  16. .gn
  17. .npmignore
  18. .npmrc
  19. .style.yapf
  20. .stylelintignore
  21. .stylelintrc.json
  22. all_devtools_files.gni
  23. all_devtools_modules.gni
  24. ARCHITECTURE.md
  25. AUTHORS
  26. BUILD.gn
  27. COMMON_OWNERS
  28. DEPS
  29. devtools_grd_files.gni
  30. devtools_image_files.gni
  31. devtools_module_entrypoints.gni
  32. ENG_REVIEW_OWNERS
  33. INFRA_OWNERS
  34. LICENSE
  35. LIGHTHOUSE_OWNERS
  36. OWNERS
  37. package-lock.json
  38. package.json
  39. PRESUBMIT.py
  40. README.md
  41. tsconfig.base.json
  42. tsconfig.json
  43. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

The client-side of the Chrome DevTools, including all JS & CSS to run the DevTools webapp.

Source code

The frontend is available on chromium.googlesource.com.

Design guidelines

Please be aware that DevTools follows additional development guidelines.

Issue triage

The issue triage guidelines can be found in docs/triage_guidelines.md.

Workflows

Instructions to set up, use, and maintain a DevTools frontend checkout can be found in docs/workflows.md.

Additional references

Source mirrors

DevTools frontend repository is mirrored on GitHub.

DevTools frontend is also available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES modules, so consuming this package in other tools may require some effort.

The version number of the npm package (e.g. 1.0.373466) refers to the Chromium commit position of latest frontend git commit. It's incremented with every Chromium commit, however the package is updated roughly daily.

Getting in touch