Skip to content

andrejewski/raj-web-debugger

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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