WebStorm 10 EAP, 140.2424: spy-js application dependency diagram and fixes

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

About Ekaterina Prigara

Ekaterina Prigara is WebStorm product marketing manager at JetBrains. She's passionate about new technologies, UX and coffee.
This entry was posted in Cool Feature, Early Access Preview and tagged , . Bookmark the permalink.

14 Responses to WebStorm 10 EAP, 140.2424: spy-js application dependency diagram and fixes

  1. Pingback: WebStorm 10 EAP | JetBrains WebStorm Blog

  2. Derek says:

    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:

      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:

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

  4. Sergey says:

    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!

  5. Zaoza says:

    Still no TypeScript 1.4 support? :(

  6. Pingback: WebStorm 10 EAP, 140.2543: performance fixes | JetBrains WebStorm Blog

  7. alian says:

    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:

      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:

        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?

Leave a Reply

Your email address will not be published. Required fields are marked *