{"repo":"ui-router/visualizer","free":true,"listed":false,"github":"https://github.com/ui-router/visualizer","clone":"git clone https://github.com/ui-router/visualizer.git","description":"UI-Router state visualizer and transition visualizer","language":"TypeScript","stars":209,"topics":["router","transition","visualizer","state-tree","angularjs","angular","react","ui-router","javascript","typescript"],"license":"MIT","category":"ui-components","readme_excerpt":"UI-Router State Visualizer and Transition Visualizer Try the Demo plunker What Visualizes the state tree and transitions in UI-Router 1.0+. This script augments your app with two components: 1. State Visualizer: Your UI-Router state tree, showing the active state and its active ancestors (green nodes) - Clicking a state will transition to that state. - If your app is large, state trees can be collapsed by double-clicking a state. - Supports different layouts and zoom. 2. Transition Visualizer: A list of each transition (from one state to another) - Color coded Transition status (success/error/ignored/redirected) - Hover over a Transition to show which states were entered/exited, or retained during the transition. - Click the Transition to see details (parameter values and resolve data) How The Visualizer is a UI-Router plugin. Register the plugin with the UIRouter object. Locate the Plugin - Using a tag Add the script as a tag in your HTML. The visualizer Plugin can be found (as a global variable) on the window object. - Using require or import (SystemJS, Webpack, etc) Add the npm package to your project - Use require or ES6 import : Register the plugin First get a reference to the UIRouter object instance. This differs by framework (AngularJS, Angular, React, etc. See below for details). After getting a reference to the UIRouter object, register the Visualizer plugin ---   --- Configuring the plugin You can pass a configuration object when registering the plugin. The co","default_branch":null,"files":null,"tree":[],"storefront":"/r/ui-router","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ui-router/visualizer/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}