jpka / devtool

Cycle.js DevTool for Chrome to visualize the dataflow graph

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cycle.js DevTool for Chrome

A DevTool panel that renders a visualization of the dataflow graph between source streams and sink streams of your Cycle.js app in the inspected page.

Demonstration

Usage

  • Alpha version. In many cases it may not work. We need your help in these stages, please give small improvement suggestions, specially bug fixes. We also appreciate pull requests.
  • Only supports Cycle.js apps built with xstream. In practice, this means apps written with xstream v2.3.0+, xstream-run v1.1.0+, and drivers that support "Cycle Diversity" (i.e., streamAdapter property attached to the driver function).

Install the plugin from the Chrome Web Store (link pending) or run npm run dist in this repository to compile the DevTool in the dist directory, then open chrome://extensions/ in Chrome and Load unpacked extension... and point to the dist directory.

Enjoy :)

Why are Issues unavailable?

We use only one repository for issues. Open the issue at Cycle Core repo.

About

Cycle.js DevTool for Chrome to visualize the dataflow graph

License:MIT License


Languages

Language:JavaScript 70.1%Language:CSS 25.8%Language:HTML 4.0%