feat(devtools): add aurelia devtools sidebar UI#17
Merged
Conversation
Introduces a dedicated Aurelia DevTools sidebar integrated into the Chrome Elements panel, replacing the prior top‑level DevTools UI approach. Adds a full sidebar architecture including a new sidebar app, debug host, and supporting UI components (HTML/CSS/TS), plus e2e/unit test scaffolding and fixtures. Wires CI workflows to run e2e tests against the new flow. This lays groundwork for a richer, in‑panel inspection experience for Aurelia components and DI, with enhanced templates, bindings, and timeline support.
Runs e2e tests under xvfb in CI to provide a virtual display Improves extension fixture by centralising browser launch args to reliably load the unpacked extension in CI, including load-extension, disable-extensions-except, no-first-run, disable-default-apps, and additional flags like --disable-gpu and --disable-dev-shm-usage Enables CI headless mode by appending headless flag when running in CI Removes hard-coded browser channel in favour of default chromium Waits for service worker with a 30s timeout to avoid CI hangs
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Introduces a dedicated Aurelia DevTools sidebar integrated into the Chrome Elements panel, replacing the prior top‑level DevTools UI approach. Adds a full sidebar architecture including a new sidebar app, debug host, and supporting UI components (HTML/CSS/TS), plus e2e/unit test scaffolding and fixtures. Wires CI workflows to run e2e tests against the new flow. This lays groundwork for a richer, in‑panel inspection experience for Aurelia components and DI, with enhanced templates, bindings, and timeline support.
Properties view
Aurelia events recording
Lifecycle hooks per-component
Component search
Bindables view