WebStorm 10 EAP, 140.2424: spy-js Application Dependency Diagram and Fixes

Posted on by Ekaterina Prigara

The second Early Access build for WebStorm 10 (140.2424) is now available for download.

If you missed the announcement last week, let us remind you about WebStorm 10 EAP new features: JavaScript support improvement, simultaneous HTML tag editing, advanced search features and source map support in spy-js, distraction free mode and more.

This update addresses some issues found in the first EAP build as well as previously known problems and adds some new features. The full list of issues fixed in WebStorm 10 EAP, 140.2424 you can see in the release notes.

spy-js application dependency diagram

Meet yet another amazing new feature available in spy-js: runtime app/event diagrams for client-side and Node.js apps. Check out a gif (about 3 mb) to see how it works.

You need to start spy-js or spy-js for Node.js session, in the context menu of the app or even in the spy-js events pane select Show application dependency diagram and start exploring the dependencies.

spy-js-diagrams

The nodes in the diagram are project files, while the edges represent the fact that there’s one or more functions in the source file that invoke functions in the target file.

Details tree on the right hand side is displayed for a selected node or an edge, it displays the connecting function combinations, along with event(s) the calls are made within (and how many times).

Improvements

Other new features and improvements include:

  • HiDPI support for Windows/Linux (scaled icons/font-size, no blur); if you have any troubles with that, please, go to the corresponding issue;
  • new project template for ReactJS and Flux apps based on ReactJS starter kit;
  • a new option to Copy as rich text by default (you can read about that in a post in IntelliJ IDEA blog);
  • opportunity to add multiple selections with the mouse;
  • version control integration improvements: log viewer with filtering by repository, annotation coloring now indicates the dates of changes: green for recent changes, red for older changes.

Please note that EAP builds do NOT require an active license and can be used for up to 30 days. To get notifications of new EAP builds as they become available, subscribe to the EAP channel in Preferences | Appearance & Behavior | System Settings | Updates.

You can download and install WebStorm 10 EAP (build 140.2424) right now. Patch update available from WebStorm 10 first EAP build.
Please submit your feedback in our issue tracker.

Develop with pleasure!
– JetBrains WebStorm Team

Comments below can no longer be edited.

14 Responses to WebStorm 10 EAP, 140.2424: spy-js Application Dependency Diagram and Fixes

  1. WebStorm 10 EAP | JetBrains WebStorm Blog says:

    February 13, 2015

    […] ← io.js already in WebStorm WebStorm 10 EAP, 140.2424: spy-js application dependency diagram and fixes → […]

  2. Derek says:

    February 13, 2015

    Your link to the 3MB gif for spy-js trys to get it from slack, which I am not a member of. How do we either join your slack community or just get the gif?

    • Ekaterina Prigara says:

      February 13, 2015

      Derek, thanks! I’ve updated a link some time ago, please reload the page with the post, now link should be correct.

  3. Sergey says:

    February 14, 2015

    For those folks, who would like to pause gif or even go back couple of steps back: http://slbkbs.org/jsgif/ 😉

  4. Sergey says:

    February 14, 2015

    Artem is a badass, just Wow! Spy-js is getting more and more exciting features :D. I’ve seen other improvements everywhere too and I’m very happy about them. Thank you WS team!

    • Ekaterina Prigara says:

      February 15, 2015

      Artem rocks!
      Thanks!

  5. Zaoza says:

    February 14, 2015

    Still no TypeScript 1.4 support? 🙁

  6. Roman says:

    February 15, 2015

    Hey!
    Add webpack + https://youtrack.jetbrains.com/issue/WEB-14019

    • Ekaterina Prigara says:

      February 15, 2015

      Vote for the feature request and follow the updates.

  7. WebStorm 10 EAP, 140.2543: performance fixes | JetBrains WebStorm Blog says:

    February 18, 2015

    […] ← WebStorm 10 EAP, 140.2424: spy-js application dependency diagram and fixes […]

  8. alian says:

    March 19, 2015

    Hello, i need ask if it is possible that the REST client configuration can be define by default to responce only in json views mode and reformat for organizate and clean responce.

    I hope thah you can be possible, i use the POSTMAN chromium but don’t like.
    If you can possible it’s very nice for the API developers.

    Thank you.

    • Dennis Ushakov says:

      March 19, 2015

      If I understand you correctly, what you need to do is specify application/json as Accept header on response tab. You can reformat response with standard shortcut or toolbar button.

      • alian says:

        March 20, 2015

        The response of the api is as application/vnd.api+json.
        The Rest client show that a text type and unreformated, i need by default that the response automatically set json and reformated views in the response tab. i lost time reformated all responses.

        Its possible define by default json reformate views?