Skip to content
Web debugger for Raj
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
src
test
.gitignore
.travis.yml
LICENSE
README.md
package.json

README.md

Raj Web Deubgger

Web debugger for Raj

npm install raj-web-debugger

npm Build Status Greenkeeper badge

Demo

Embed/Debugger view

Click image for video demonstration.

Usage

Wrap any standard Raj program in raj-web-debugger and use it like normal.

import debug from 'raj-web-debugger'
import myProgram from './my-program'

export default debug(myProgram)

Features

  • View library agnostic. The debugger has its own view, independent of the program's and in a separate window to reduce interfering with the inspected program.

  • Time-travel. The debugger records every message that goes through the program. Rewind to a previous state by selecting the message from the sidebar that caused it, or cycle through time looking for the state you want to inspect. Use J to go backward and K to go forward.

  • Pretty printing. Input and output states print out in pretty colors. Custom formatting for Tagmeme also makes nested messages more readable in the message list sidebar.

Todo

  • Better pretty printing
    • Collapsable value trees
    • ES6 Map and Set support
    • ImmutableJS support
  • Input/output state diff view
  • Effect to message source tracing
  • Keyboard shortcut to open debugger
  • Multi-debugger support
  • Import/export history
You can’t perform that action at this time.