Google Git
Sign in
chromium / devtools / devtools-frontend / 7ef094bba8beb70d9e9b20cacfb0a153679406b6
commit7ef094bba8beb70d9e9b20cacfb0a153679406b6[log] [tgz]
authorSimon Zünd <szuend@chromium.org>Wed May 14 07:43:04 2025
committerDevtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>Wed May 14 12:57:32 2025
treee31b2a2f453c2d953c6e7ade7a23ba7547d4664b
parentad8ed9dbb72d2c66eb5b17a2c7c4f17ab8ca72fc [diff]
[ui] Migrate EditFileSystemView to new style and add tests

This CL updates the EditFileSystemView widget from the "Settings"
panel.

The CL replaces the use of `ListWidget` with a one-column DataGrid.
Adding and editing happens in-place while deleting entries is done
via context menu.

The internal implementation of the widget also changes: No longer do
we listen for removed/added events from the model. This is not
strictly necessary since the user is the only one who can update the
excluded sub-directory list so it's enough to get the latest list of
entries when we show the widget.

Another reason is that we also have to show "invalid" entries in the
table, which are not actually synced with the model, only valid ones
are.

R=dsv@chromium.org

Fixed: 407735766
Change-Id: I4ffb7e9baf963b6e5e55ba94fc4e70e7483dc719
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6540466
Reviewed-by: Danil Somsikov <dsv@chromium.org>
Commit-Queue: Simon Zünd <szuend@chromium.org>
10 files changed
tree: e31b2a2f453c2d953c6e7ade7a23ba7547d4664b
  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: