Google GitGoogle Git
Sign in
chromium/devtools/devtools-frontend/ddb32c39c64f7c26f502e21dfdcc6b4db47f0120
commit
ddb32c39c64f7c26f502e21dfdcc6b4db47f0120
[log]
author
Ergun Erdogmus <ergunsh@chromium.org>
Wed May 07 11:05:04 2025
committer
Devtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Wed May 07 11:46:49 2025
tree
6b6769b2d47e50c2e6c02919cc26211e45a54a33
parent
28fbee169c8a26c6c2ed2ec2550465fe3d697a34 [diff]
[Changes] Remove sorting by file name in sidebar & combined diff view

The issue is, both CombinedDiffView and ChangesSidebar sorts the
`modifiedUISourceCodes` from `workspaceDiff` for rendering. When an
already rendered file is saved, it removes the asterisk from the title,
however it does not cause re-sorting in the changes sidebar. So, the
order of the file changes in CombinedDiffView but stays the same in
ChangesSidebar causing mismatch between where they are rendered.

This CL removes the sorting from these two places and always uses the
order provided by the `modifiedUISourceCodes`, enabling the the order in
two surfaces to be always the same.

Bug: 412968300
Change-Id: I40f63b6b9fab6e8f545d68dbd7af54de415a7511
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6519315
Auto-Submit: Ergün Erdoğmuş <ergunsh@chromium.org>
Commit-Queue: Ergün Erdoğmuş <ergunsh@chromium.org>
Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
2 files changed
tree: 6b6769b2d47e50c2e6c02919cc26211e45a54a33
  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. build
  15. buildtools
  16. .clang-format
  17. .clang-format-ignore
  18. .editorconfig
  19. .git-blame-ignore-revs
  20. .gitallowed
  21. .gitattributes
  22. .gitignore
  23. .gitmodules
  24. .gn
  25. .mailmap
  26. .npmignore
  27. .npmrc
  28. .style.yapf
  29. .stylelintignore
  30. .stylelintrc.json
  31. AUTHORS
  32. BUILD.gn
  33. codereview.settings
  34. CONTRIBUTING.md
  35. DEPS
  36. DIR_METADATA
  37. eslint.config.mjs
  38. favicon.ico
  39. LICENSE
  40. OWNERS
  41. package-lock.json
  42. package.json
  43. PRESUBMIT.py
  44. README.md
  45. tsconfig.json
  46. 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 Chromium DevTools documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

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

There are a few options to keep an eye on the latest and greatest of DevTools development: