Introducing Socket Firewall: Free, Proactive Protection for Your Software Supply Chain.Learn More
Socket
Book a DemoInstallSign in
Socket

simflux-viz

Package Overview
Dependencies
Maintainers
1
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

simflux-viz

Application-flow graphing for simflux

latest
Source
npmnpm
Version
0.0.2
Version published
Maintainers
1
Created
Source

simflux-viz

Application-flow graphing for simflux. Still in early stages of development, but fully functional. Here's what it looks like...

screenshot

install

  • build:

        npm install
        gulp
    
  • Manually Load unpacked extension (chrome://extensions/) using this repo's devtool/ dir in chrome.

  • Optionally, you can directly include simflux-viz-bundle.js in your project which will ensure that all actions (including actions dispatched during application startup) are recorded. If you don't include simflux-viz-bundle.js it will be loaded on-the-fly directly from rawgit.

  • Open your page which uses simflux

  • Open devtools and click simflux tab

  • Refresh the page, and you should see simflux-viz loaded in the console in orange

  • Now every time an action occurs in the application, you will see a flow chart generated in real time.

why?

simflux flow charts can help developers quickly grasp the underpinnings of an application.

how?

By combining zone.js with the predictability of Flux architecture we can easily abstract application flow. simflux-viz uses zone.js and monkey patches the simflux library in order to record application flow in real-time.

cred

  • This project borrowed a lot from devtools-extension project

Keywords

flux

FAQs

Package last updated on 03 Dec 2014

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts