WebStorm 2016.2.1 EAP, 162.1447: UI-Router State Diagram and Bug Fixes

Ekaterina Prigara

We are rolling out a preview for the WebStorm 2016.2.1 (162.1447), a bug-fix update to the recently released major WebStorm update.

You can download it here and install side by side with the stable version of WebStorm or, if you have WebStorm 2016.2 installed and you’re subscribed to the EAP update channel, you should soon get a notification in the IDE about a patch update.

ui-router state diagram

With this new feature (that we were still finishing at the moment of the initial WebStorm 2016.2 release), you can see a diagram illustrating the relations between views, states and templates in AngularJS app that use ui-router. You can invoke Show AngularJS ui-router State Diagram from the Find action dialog (Shift-Cmd-A on OS X or Shift-Ctrl-A on Windows and Linux) or from the file context menu in the editor.


WebStorm 2016.2.1 EAP also brings lots of bug fixes and minor improvements. We’ve addressed the issue with debugging Karma tests from the IDE. The full list of addressed issues can be found in the Release notes.

Please report any issues to our tracker. Thanks!

The WebStorm team


Comments below can no longer be edited.

12 Responses to WebStorm 2016.2.1 EAP, 162.1447: UI-Router State Diagram and Bug Fixes

  1. lizhihua says:

    July 22, 2016

    funct -> function () {
    Is there any method i can use tab to shortcut convert arrow function like this?

    My expect is like this:
    xxx -> () => {


    • Ekaterina Prigara says:

      July 22, 2016

      Sorry, not sure I understand the question. There’s a quick-fix that allows to convert functions to arrow functions: https://www.jetbrains.com/webstorm/whatsnew/#v2016-2-upgrading-to-es6

      • lizhihua says:

        July 24, 2016

        oh, sorry! My English is not well.
        ‘funct’ enter ‘tab'(Near Caps Lock key), convert ‘function () {}’
        I wonder like something enter ‘tab’ convert ‘() => {}’

        • Ekaterina Prigara says:

          July 25, 2016

          You can create a new Live template that would expand into the arrow function in Preferences | Editor | Live templates: https://www.jetbrains.com/help/webstorm/2016.2/live-templates-2.html

          • lizhihua says:

            July 26, 2016

            It’s awfully nice of you to do me this favor.(It’s a english book example sentence, to thank you very much!)

  2. Ethan Kravitz says:

    July 23, 2016

    Is there any timeline for adding emoji support in the editor? We develop modern mobile apps and this is killing me.

    • Ekaterina Prigara says:

      July 25, 2016

      Sorry, no estimates on that yet. Please vote for and follow this issue: https://youtrack.jetbrains.com/issue/IDEA-111788

      • Ethan Kravitz says:

        July 25, 2016


        I did vote and comment, but the ticket has been open for 3 years! The last comment before me was: “100 votes, 50 comments and 15 similar issues, it’s time to do it please.” What else do you need? It is still in the Submitted state 3 years later with no comments or updates from Jetbrains team. If I need to switch editors and get a refund for my license, I will be sad. I have been an otherwise happy paying customer for many years. Please light some fire under the appropriate decision makers! Thank you.

  3. Tom says:

    August 4, 2016

    I really appreciate the “ui-router state diagram” feature, but it lacks a key feature.
    Currently the diagram can only be generated if ui-router states are declared with the name parameter containing a plain string.
    If this parameter contains a variable (in our case, all state ids are stored in a service to improve overall maintainability) is doesn’t work.

    Are you planning to improve this feature ?

    Thanks in advance

    • Ekaterina Prigara says:

      August 4, 2016

      Thank you for your feedback! Sure, we plan to improve it. Would really appreciate if you submit your comment as a feature request on https://youtrack.jetbrains.com/issues/WEB and attach the sample code for the patterns you’ve mentioned you are using in your project. Thanks!

  4. Konrad Kleine says:

    August 17, 2016

    Hi! When I run the command “Show AngularJS ui-router State Diagram” I get the error: “no router states found”. What can I do about it?