Commit graph

36 commits

Author SHA1 Message Date
Minko Gechev
e19dc3efb4 fix(devtools): delayed angular detection with app_initializer (rangle/angular-devtools#827)
This PR sets a timeout for repetitive check if there's an Angular app
on the page. Fix rangle/angular-devtools#826.
2021-05-27 21:19:19 -07:00
mgechev
681feff8d0 fix(devtools): recognize app after reopening devtools
Previously, Angular DevTools did not recognize the Angular application the second time the user reopens the extension tab. Webpack was preventing us to invoke twice a module with the same name. This PR changes the `content-script` to a library, allowing us to invoke it multiple times.
2021-05-11 08:38:07 -07:00
mgechev
26d1d3df1c refactor(devtools): remove log statements and update styles when no ng app found 2021-05-11 08:38:07 -07:00
mgechev
cf682b59b5 fix(devtools): set proper icon sizes 2021-05-03 15:48:01 -07:00
mgechev
2e8fe67864 fix(devtools): change the isIvy detection 2021-04-19 17:26:20 -07:00
AleksanderBodurri
dbcf91bbe0 feat(devtools): allow user to click on component properties of type HTMLElement to inspect the element in the browser 2020-10-12 19:59:48 +03:00
Minko Gechev
0169295122 fix(devtools): linting errors to prevent ci failing (rangle/angular-devtools#469) 2020-08-25 14:22:58 +03:00
mgechev
0e10241b5c fix(devtools): set extension icon and popup only on DevTools background message
The script handles messages globally, for all extensions running on the page. I this case, we don't want to do anything if the message does not come from Angular DevTools itself.
2020-08-11 21:18:48 +03:00
mgechev
815d697efe fix(devtools): show not-angular popup for non-angular apps 2020-05-13 12:11:15 -07:00
mgechev
4fc8a075c0 fix(devtools): initialization and popup logic
- Rename the popups and introduce a new one - supported version but no ivy
- Change the initialization logic to reflect the latest profiling updates
2020-05-04 18:33:17 -04:00
AleksanderBodurri
12a3de91ce refactor(devtools): change console log messaging to be more informative without exposing message layer abstractions 2020-04-28 12:23:43 -07:00
AleksanderBodurri
e55a24cf30 fix(devtools): remove runOutsideAngular wrapper on mouse move event 2020-04-24 09:45:46 -07:00
AleksanderBodurri
363f7954c4 feat(devtools): clicking on element with component inspector enabled will select that component in the directive explorer 2020-04-14 15:27:59 -07:00
AleksanderBodurri
67a89a02d6 feat(devtools): allow user to click on function properties to inspect that function in the chrome devtools (rangle/angular-devtools#234) 2020-04-06 15:02:51 -07:00
AleksanderBodurri
a7ea578507 feat(devtools): display latest commit SHA in application (rangle/angular-devtools#243)
* build: set latest SHA commit as system environment variable for chrome build

* build: set latest SHA commit as sys variable for demo build

* feat: create application environment abstraction to reference environment variables inside the ng-devtools library

* test: fix devtools component test
2020-04-02 16:23:03 -07:00
AleksanderBodurri
0ba899bfd5 refactor(devtools): remove ng.getComponent calls in places it is no longer needed 2020-04-01 15:17:52 -07:00
mgechev
ae6acce53e fix(devtools): highlighting of newly added nodes
This PR also simplifies the imperative ordering of async methods. It moves the logic into a generic abstraction `PriorityAwareMessageBus`.
2020-03-23 21:24:27 -07:00
mgechev
60cc2d8fc0 fix(devtools): proper typings in shell-chrome for strictNullChecks 2020-03-20 16:05:53 -07:00
mgechev
2f115a2448 refactor(devtools): use DI for the messageBus instead of passing it as props 2020-03-19 21:17:26 -04:00
mgechev
48c140038b fix(devtools): refresh & reinitialize on navigation 2020-03-13 18:49:46 -07:00
AleksanderBodurri
059da5d908 feat(devtools): implement reload message bus event that calls window.location.reload inside of the dev tools 2020-03-12 15:54:47 -07:00
AleksanderBodurri
a4b748de75 fix(devtools): properly emit shutdown event on cleanup and call change detector ref to update ui into loading state 2020-03-12 15:54:47 -07:00
AleksanderBodurri
5b10bf2e38 refactor(devtools): add tslint typing rule and fix tslint warnings 2020-03-10 09:50:00 -07:00
mgechev
dba943a4e2 feat(devtools): detect directives added to non-elements 2020-02-24 11:09:10 -05:00
mgechev
a5ab7ba5e7 refactor(devtools): rename id to position 2020-02-24 11:09:10 -05:00
Sumit Arora
f06aedc28c feat(devtools): adding icon popups displaying app status (rangle/angular-devtools#70) 2020-02-19 12:55:16 -05:00
AleksanderBodurri
9500ec6617 feat(devtools): create copy to clipboard button for properties view wrapper (rangle/angular-devtools#38)
add snack bar notification
2020-02-10 21:17:48 -08:00
AleksanderBodurri
70bddc85f3 refactor(devtools): remove unnecessary calls to handshakeWithBackend and unused syn event (rangle/angular-devtools#55) 2020-02-10 16:14:22 -08:00
AleksanderBodurri
8414aa52b8 refactor(devtools): remove console logging events (rangle/angular-devtools#56) 2020-02-10 11:28:19 -08:00
AleksanderBodurri
3e05c31979 feat(devtools): select dom element on double click of node (rangle/angular-devtools#51) 2020-02-07 19:56:11 -08:00
Ricardo Mattiazzi Baumgartner
a20b4ea5c7 feat(devtools): added prettier for formatting code on pre-commit (rangle/angular-devtools#50)
* feat(prettier): added prettier for formatting code on pre-commit and linted files

* feat(prettier): formatted code after merge
2020-02-07 13:25:16 -08:00
AleksanderBodurri
e4784bc3b0 feat(devtools): add view source button to properties view tab (rangle/angular-devtools#42) 2020-02-07 13:09:36 -08:00
Ricardo Mattiazzi Baumgartner
a3ac38041f feat(devtools): synchronizing highlight between source application and component in presentation tree (rangle/angular-devtools#35)
* rangle/angular-devtools#13 - Highlight from the component tree to the application

* rangle/angular-devtools#13 - Highlight from the application to the component tree when using inspector

* Fixes on broken unit tests + added all files to coverage reports

* Setting test default to always generate coverage report

* rangle/angular-devtools#13 - Added basic test for component inspector

* feat(frontend): Moving component hover to tree to avoid passing messageBus rangle/angular-devtools#13

* feat(frontend): Sync hover from inspector to component tree rangle/angular-devtools#13

* feat(frontend): Rename function to retrieve ElementID from native element

* feat(frontend): Use separate handler to unhighlight from component instead of using highlight without ID

* feat(frontend): de-coupling inspector from the message bus

* feat(frontend): fix unit tests
2020-02-07 11:43:49 -08:00
mgechev
72a7788589 refactor(devtools): remove unused type 2020-02-04 20:36:52 -05:00
AleksanderBodurri
a0f118e7a5 refactor(devtools): clean up typing; refactor some component files (rangle/angular-devtools#1) 2020-01-29 11:52:42 -08:00
mgechev
98a96608a6 Initial commit for Angular DevTools 2020-01-29 11:52:19 -08:00