Git Product home page Git Product logo

vscode-realtime-debugging's Introduction

Real-Time Debugging

Features

  • Highlights statements that write to stdout when they are executed.
  • Statements that have a Logpoint on them write to stdout when they are executed ;)
  • Shows the text that was written to stdout next to the statement.
  • Theoretically supports every debugger and language out there (there is nothing in the implementation specific to JavaScript).

Demo NodeJS

Demo Web

Logpoints

If you are familiar with logpoints, you will never ever need console.log for debugging again! I highly recommend binding the command Debug: Add Logpoint... to a shortcut that is easy to reach (I put it on Shift+F2).

With logpoints you don't need to restart a program when you want to visualize its execution.

Caveats

Does not work when debugging VS Code extension, since they don't write to stdout (console.log is patched and the output event is not sent by the debug adapter).

vscode-realtime-debugging's People

Contributors

hediet avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

vscode-realtime-debugging's Issues

Publish this extension to Open VSX

Dear extension author,
Please publish this extension to the Open VSX marketplace.

Context

Unfortunately, as Microsoft prohibits usages of the Microsoft marketplace by any other products or redistribution of .vsix files from it, in order to use VS Code extensions in non-Microsoft products, we kindly ask that you take ownership of the VS Code extension namespace in Open VSX and publish this extension on Open VSX.

What is Open VSX? Why does it exist?

Open VSX is a vendor neutral alternative to the MS marketplace used by most other derivatives of VS Code like VSCodium, Gitpod, OpenVSCode, Theia-based IDEs, and so on.

You can read on about Open VSX at the Eclipse Foundation's Open VSX FAQ.

How can you publish to Open VSX?

The docs to publish an extension can be found here. This process is straightforward and shouldn't take too long. Essentially, you need an authentication token and to execute the ovsx publish command to publish your extension. There's also a doc explaining the whole process with an example GitHub Action workflow.

Naming

This might be a bit pedantic, but this seems like "live" debugging rather than real-time, especially since it's dependent on the underlying debugger as well (e.g. this chrome doc referring to 'live expressions' as near real-time)

Adjust position of stdout-statements when document changes

First of all, great extension! The statement highlighting and annotation of stdout-text work like a charm!

To make better use of the annotated stdout-text when editing I tried to keep track of document-changes and adjust the position of the annotations instead of deleting them. (#15) The PR is not tested properly but seems to work fine with the examples that I tried.

Is this a feature you'd consider implementing?

Explore the idea of an extension that improves Logpoint UX

Also, I would like to have a command to set a logpoint that stores a local variable to global, so that you can later access the object in the debug console.

I think it would be cool if comments could set logpoints:

const x = new Obj(); // @log-ref
const y = 1 + 2; // @log: y

Since source maps are line based, the comment does not change anything. It could cause a recompile though.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.