[RPP extensibility] Simplify DevTools object

Did the following changes to the type of the devtools object defined to be inside the `detail` param of performance.measure / mark for passing perf panel extension data:

1. Removed nested metadata field to avoid deep nested objects.
2. Moved the dataType  field to the top level of the devtools object and made it optional  defaulting to ”track-entry” when undefined.


These changes are documented in the changelog at the bottom of the public entry point of the extensibility feature:
https://bit.ly/rpp-e11y

Also updated the ExtensionTraceDataHandler to use hardcoded events instead of a trace fixture, to allow us to test new features / changes without having to update the existing fixture.

Bug: 347681939
Change-Id: Ia2ec0a44dde3a68b116db31dd24d29343d355a6b
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5683046
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
Commit-Queue: Andres Olivares <andoli@chromium.org>
9 files changed
tree: 13976838f64816a06567a9a05bb16f15fcbe9902
  1. .vscode/
  2. build_overrides/
  3. config/
  4. docs/
  5. extension-api/
  6. extensions/
  7. front_end/
  8. inspector_overlay/
  9. node_modules/
  10. scripts/
  11. test/
  12. third_party/
  13. v8/
  14. .clang-format
  15. .editorconfig
  16. .eslintignore
  17. .eslintrc.js
  18. .git-blame-ignore-revs
  19. .gitallowed
  20. .gitattributes
  21. .gitignore
  22. .gitmodules
  23. .gn
  24. .mailmap
  25. .npmignore
  26. .npmrc
  27. .style.yapf
  28. .stylelintignore
  29. .stylelintrc.json
  30. AUTHORS
  31. BUILD.gn
  32. codereview.settings
  33. DEPS
  34. LICENSE
  35. OWNERS
  36. package-lock.json
  37. package.json
  38. PRESUBMIT.py
  39. README.md
  40. tsconfig.json
  41. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

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

Source code and documentation

The frontend is available on chromium.googlesource.com. Check out the project documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

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