Skip to content
This repository has been archived by the owner. It is now read-only.
Chrome DevTools for rxjs-spy
TypeScript HTML JavaScript CSS
Branch: master
Clone or download

README.md

rxjs-spy-devtools

This is a WIP Chrome DevTools extension for rxjs-spy.

It's not yet ready to be released on the Chrome Web Store, but if you want to check it out, it's installable as an unpacked Chrome extension. Just follow these steps:

  1. Clone the repo:

     git clone https://github.com/cartant/rxjs-spy-devtools.git
     cd rxjs-spy-devtools
    
  2. Install extension dependencies (for rxjs-spy devtools)

     cd extension
     yarn install
    
  3. Build the panel:

     cd ../panel
     yarn install
     yarn build:p
    
  4. Build the extension:

     cd ../extension
     yarn build:p
    
  5. Install the extension:

    • In Chrome, navigate to "chrome://extensions".
    • Click the "Load unpacked extension..." button.
    • Navigate to the rxjs-spy-devtools/extension/dist directory and click OK.
  6. If you open the DevTools, you should have an "RxJS" entry in the tab panel. (You might have to click the >> button to see it.)

  7. If you navigate to a page in which a spy has been created (using at least version 6.0.0 of rxjs-spy), you should see a list of observables (filterable on tag and type) in the "RxJS" panel. The simplest way to do this is to run the following command from within the extension directory:

     yarn harness
    

    You might find that you need to refresh the page after opening to the "RxJS" panel - as I said, it still needs some work.

    The panel's UI isn't indicative of what the released tools will look like - it's pretty basic and is just there to expose/test the logging and pausing functionality, etc.

You can’t perform that action at this time.