Skip to content

Commit

Permalink
Readme Polishing
Browse files Browse the repository at this point in the history
  • Loading branch information
swissmanu committed May 15, 2021
1 parent bd5815c commit a01dfb4
Show file tree
Hide file tree
Showing 26 changed files with 182 additions and 18 deletions.
6 changes: 3 additions & 3 deletions CONTRIBUTING.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
# Contributing

This project welcomes any type of contribution! ❤️ [Opening an issue](https://github.com/swissmanu/rxjs-debugging-for-vscode/issues/new/choose) to discuss a problem you encountered or suggesting a new feature is always a good start.
This project welcomes any type of contribution! ❤️ [Opening an issue](https://github.com/swissmanu/rxjs-debugging-for-vscode/issues/new/choose) to document a problem you encountered or suggesting a new feature is always a good start.

Before you submit a pull request, please discuss potential changes with the maintainer either in an [issue](https://github.com/swissmanu/rxjs-debugging-for-vscode/issues/new/choose) or via email.
Before you submit a pull request, please discuss potential changes with the maintainer either in an [issue](https://github.com/swissmanu/rxjs-debugging-for-vscode/issues/new/choose), using [GitHub Discussions](https://github.com/swissmanu/rxjs-debugging-for-vscode/discussions) or via email.

## Development

Expand All @@ -11,4 +11,4 @@ To get started with development, follow these four steps:
1. Clone the repo and run `yarn` to install all dependencies.
2. Open the clone in Visual Studio Code.
3. Run the "Run and Watch" task which will continuously (re-)build the extension.
4. Run the "Run Extension" launch configuration.
4. Run the "Run Extension" launch configuration.
50 changes: 38 additions & 12 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,30 +1,56 @@
# ![Archie](./docs/archie-small.png) RxJS Debugger for Visual Studio Code
# ![Archie the Debugger Owl](./docs/brand/archie-small.png) RxJS Debugger for Visual Studio Code

Adds non-intrusive debugging capabilities for [RxJS](https://rxjs.dev/) applications to [Visual Studio Code](https://code.visualstudio.com/).
> Never, ever use `tap(console.log)` again.
Add non-intrusive debugging capabilities for [RxJS](https://rxjs.dev/) applications to [Visual Studio Code](https://code.visualstudio.com/).

![Operator Log Points with RxJS Debugger for Visual Studio Code](./docs/demo.gif)

## Video

todo

## Features

- Intuitive user interface integrated in Visual Studio Code
- Support for RxJS 6
- Support for NodeJS applications
- Browser support is in the pipeline. See [Roadmap](#Roadmap) below
- RxJS debugging, fully integrated with Visual Studio Code
- Works with RxJS 6 (see [v1.0.0 milestone](https://github.com/swissmanu/rxjs-debugging-for-vscode/milestone/2) for planned RxJS 7 support)
- Support for NodeJS-based RxJS applications (see [v1.0.0 milestone](https://github.com/swissmanu/rxjs-debugging-for-vscode/milestone/2) for planned browser support)

### Operator Log Points

todo
Operator log points make manually added `console.log` statements a thing of the past: RxJS Debugger detects [operators](https://rxjs.dev/guide/operators) automatically and recommends a log point, indicated with an empty diamond:

![Manage Operator Log Points](./docs/manage-operator-log-points.gif)

Once you launch your application with the JavaScript debugger built-in to Visual Studio Code, enabled log points display [events of interest](https://rxjs.dev/guide/observable#anatomy-of-an-observable) directly inline in the editor:

## Roadmap
- Subscribe
- Emitted values (next, error, complete)
- Unsubscribe

todo
![Live Operator Log Points](./docs/live-operator-logs.gif)

By default, RxJS Debugger clears logged events from the editor after you stop the JavaScript debugger. You can customize this behavior in the settings.

![Toggle Display of Log Point Recommendations](./docs/toggle-log-points.png)

You can toggle the display of recommended log points via the command palette.

## Requirements

- [Visual Studio Code 1.55](https://code.visualstudio.com/) or newer
- [NodeJS 12](https://nodejs.org/) or newer
- [TypeScript 4.2](https://www.typescriptlang.org/) or newer
- [RxJS 6](https://rxjs.dev/)

## Roadmap & Future Development

Refer to the [milestones overview](https://github.com/swissmanu/rxjs-debugging-for-vscode/milestones) for planned, future iterations. The [issue list](https://github.com/swissmanu/rxjs-debugging-for-vscode/issues) provides an overview on all open development topics.

## Contributing

"RxJS Debugger for Visual Studio Code" welcomes any type of contribution! ❤️
Have a look at [CONTRIBUTING.md](./CONTRIBUTING.md) for further details.

## Research

This extension is based on research by Manuel Alabor. Have a look at [RESEARCH.md](./RESEARCH.md) for further information.
This extension is based on research by Manuel Alabor. See [RESEARCH.md](./RESEARCH.md) for more information.

2 changes: 1 addition & 1 deletion RESEARCH.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Research

"RxJS Debugging for VS Code" is the result of my master studies research on the topic how developers debug RxJS-based code. Following publications and papers lead to this extension:
"RxJS Debugging for Visual Studio Code" is the result the master studies research by Manuel Alabor on the topic how developers debug RxJS-based code.

- Manuel Alabor and Markus Stolze. 2020. Debugging of RxJS-based applications. In Proceedings of the 7th ACM SIGPLAN International Workshop on Reactive and Event-Based Languages and Systems (REBLS 2020). Association for Computing Machinery, New York, NY, USA, 15–24. DOI: https://doi.org/10.1145/3427763.3428313

Expand Down
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes.
File renamed without changes
Binary file added docs/brand/logo-gh-social.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/brand/logo-no-margin.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
70 changes: 70 additions & 0 deletions docs/brand/logo-no-margin.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/brand/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/brand/logo.sketch
Binary file not shown.
Loading

0 comments on commit a01dfb4

Please sign in to comment.