Missive

What's new in this version:

WebStorm 2019.1.1

- The first bug-fix update for the recently released WebStorm 2019.1, is now available
- Update to it using Toolbox App, or from the IDE. You can also download WebStorm 2019.1.1 from our website
- Syntax highlighting in the type info tooltip and documentation
- The tooltip that shows the expression type (Cmd/Ctrl-hover) in JavaScript and TypeScript files now has a syntax highlighting

Type info highlighting:
- We’ve also added highlighting for the code samples shown in the documentation popup

Highlighting in docs:
- Configuration for the use of aliases and path mappings in imports
- It is now possible to configure how aliases and path mappings will be used when adding imports automatically in JavaScript and TypeScript files. If you want to use relative paths when importing a symbol in the nearby file and use path mappings or aliases everywhere else in your app, you can select Only in files outside specified paths in the new option Use path mappings/aliases in Preferences / Settings | Editor | Code Style | JavaScript or TypeScript – Imports.

Other improvements and fixes in WebStorm 2019.1.1:
- Support for Cucumber step definitions written using strings
- New Reload in Browser action in the JavaScript debug tool window
- Performance problem when editing some TypeScript types was fixed
- Jump from the terminal to the editor for Esc
- Improved font rendering on macOS

The WebStorm Team:
- Posted in Release Announcements | Tagged newsletter, WebStorm 2019.1 | Leave a comment
- Featured plugin: JS GraphQL
- Posted on April 16, 2019 by Ekaterina Prigara
- The JS GraphQL plugin is one the most popular plugins for WebStorm, IntelliJ IDEA, and other JetBrains IDEs, and we are very excited about the release of its second version
- In this blog post we’ll have a closer look at the updated plugin and how it can help you work with GraphQL in your JavaScript apps
- We want to thank Jim Meyer, the author of the plugin, for the amazing work he has done to build this plugin!

Working with schema files:
- The plugin brings full support for the GraphQL Schema Definition Language (SDL). That means your .graphql file will include syntax highlighting, and as you start typing, you will get suggestions for the keywords and built-in and custom types, as well as interfaces and enums

Completion in schema file:
- Cmd/Ctrl-click the type name to navigate to its definition
- The plugin will check that all the types you’ve used are defined somewhere in the file, and it will show an error message if they’re not. Press Alt-Enter to fix the problem with one of the available quick-fixes


WebStorm 2019.1

Here are the features and improvements grouped by the WebStorm subsystems:
- JavaScript and TypeScript support: intentions for destructuring; convert function with Promise to async function; convert properties in constructor to class fields; inspections for switch statements; add or remove export; extended error messages in TypeScript
- Style sheets support: updated docs for CSS and browser compatibility check; extract CSS variable; camel case support for CSS Modules; support for Less 3.0 features
- HTML support: improved HTML documentation
- Development with Angular: new inspections for Angular projects; easier navigation in Angular projects
- Development with React: improved completion for merged props; Extract Method refactoring for custom React Hooks
- Development with Vue.js: better support for Vue projects with TypeScript
- Node.js and npm: completion for npm scripts; version range tooltip for dependencies; run and debug Node.js app when using Docker Compose; simple Node.js project template
- Linters integrations: improved support for ESLint and TSLint in complex projects; support for TSLint as TypeScript plugin
- Debugging: new debugger console
- Testing: highlighting for failed line in test; testing with Cucumber and TypeScript
- IDE improvements: Recent Locations popup; save project as a template; soft-wraps for selected file types
- Version Control: cherry-pick a file from a commit from the VCS log; incoming and outgoing commits


WebStorm 2018.3.5
- Change log not available for this version


WebStorm 2018.3.4
- Change log not available for this version


WebStorm 2018.3.3

New:
- Support for Set Literals in Dart
- Completion for attribute bindings in Angular (e.g. [atrr.foo] )
- Better coding assistance for some Ionic and @angular/flex-layout attributes

Fixed:
- Wrong indent after self-closing JSX tags in JavaScript and TypeScript files (WEB-36263)
- Decorators are now supported in the class expressions like let newTest = @test class Test or export default @observer class Test
- When using the bundled TypeScript service in Angular apps, the Angular language service is now disabled. Its current version is not compatible with TypeScript 3.2.1 and was reporting false errors in the template files


WebStorm 2018.3.2 Build 183.4886.41

New:
- Completion for Bootstrap Vue and Shards Vue components
- Better support for Prettier 1.15 and above
- The Extract interface refactoring now works for objects
- The IDE now bundles TypeScript 3.2

Fixed:
- The Optimize imports action now keeps the comment on top when ‘Sort imports
- by modules’ is on
- The usage of the Angular template reference variable in the ViewChild selector is now resolved
- The problem with using Hebrew in Find in path dialog was fixed


WebStorm 2018.3.1 Build 183.4588.47
- Change log not available for this version


WebStorm 2018.3 Build 183.4284.130
- Change log not available for this version


WebStorm 2018.2.6 Build 182.5107.19

Fixes
- The Search everywhere dialog on Linux no longer closes when you press Enter
- The usual UI for Find in path on Linux is now back
- On macOS Mojave, the input no longer freezes after adding the accented characters from the popup


WebStorm 2018.2.5 Build 182.4892.25
- Change log not available for this version


WebStorm 2018.2.4 Build 182.4505.50
- Change log not available for this version


WebStorm 2018.2.2 Build 182.4323.44

New:
- You can now pass additional option to Angular CLI when creating a new project from the IDE Welcome screen. As you start typing the option name or press Ctrl-Space, WebStorm will show you available options and their description
- We have also improved the way the new Add all missing TypeScript import action works: before, the action wasn’t available for symbols with multiple import options, and now, if you invoke the action for such symbol, WebStorm will add all unambiguous missing imports in this file and then will show you a popup where you can select the desired import for this symbol

Fixed:
- Vue component imports are now resolved correctly in the Vue CLI 3 apps located not in the root of the project
- The problem with the slash symbol in the CoffeeScript files has been fixed
- The Extract React Component refactoring now handles better the key attribute


WebStorm 2018.2.2 Build 182.4129.32

JavaScript and TypeScript:
New inspection tooltip:
- The new inspection tooltip now not only shows the description of an error or warning, but also the best quick fix for it
- Press Alt-Shift-Enter to apply it or press Alt-Enter to see a full list of the available automatic fixes that WebStorm offers there

Find unused code:
- With the new Code Coverage feature, you can find any unused code in your client-side app. Start a JavaScript Debug configuration with coverage in WebStorm, interact with your app in Chrome, and then stop the configuration. The report will show you what and how much code was used in each file and folder

New intentions:
- To make you even more productive when working with JavaScript and TypeScript, WebStorm has a bunch of new intentions that are available when you press Alt-Enter. Here are just some of them: Implement interface, Create derived class, Implement members of an interface or abstract class, Generate cases for 'switch', and Iterate with 'for..of'

TypeScript improvements:
- WebStorm now supports all the new language features that were added in the latest TypeScript 2.9 and the upcoming TypeScript 3.0 releases
- In addition to that, WebStorm now offers more quick fixes provided by the TypeScript language service itself, like Annotate with type from JSDoc

Frameworks:
Extract and convert React component:
- Need to refactor your React component into two? Forget copy and paste: select the JSX code in the render method and use Refactor - Extract Component
- And with the new intentions, you can now convert React class components into functional components and back again

New integrations with Angular CLI:
- Add features to your app with the New… | Angular Dependency… action. The IDE will use the Angular CLI ng add command which installs the dependency and updates the app with a special installation script
- You can now also generate the code with the Angular schematics defined in libraries like @angular/material using the New… | Angular Schematic… action

Completion for events in Vue.js:
- In Vue templates, WebStorm now provides code completion for events. Event names are suggested after v-on: or if you use the shorthand notation @event. There’s also code completion for event modifiers

Testing:
Rerun failed tests:
- When you run tests with Karma, Jest, or Mocha in WebStorm, you can now rerun only the failed tests, instead of running all the tests after you’ve made a fix

Diff view for Jest snapshots:
- If your Jest test has failed because of the mismatch in the snapshot, you can now see why using the familiar IDE side-by-side diff view
- It’s also now possible to quickly jump from the test file to the related snapshot by clicking on the new icon next to the test in the editor

Tools:
Support for Node.js on WSL:
- You can now use Node.js on Windows Subsystem for Linux to run and debug your Node.js application in WebStorm as well as for all other development tasks in the IDE, like running tests, using linters, and build tools

Reconnect Node.js debugger:
- Thanks to the new Reconnect automatically option in the Attach to Node.js/Chrome debug configuration, it is now easier to debug Node.js apps that use nodemon. When the node process is reloaded after the change, you don’t need to restart the debugger yourself to continue debugging

Global file watchers:
- You can now store the configured File Watchers in the IDE settings and use them in different projects. Before, a File Watcher could only be configured for a specific project. With File Watchers you can automatically run a command-line tool when you change or save a file in the IDE

Other improvements:
- New cleaner, simpler icons on the IDE toolbar and tool windows ensure readability and reduce visual clutter
- Run and debug your app, commit changes and update the project right from the Touch Bar on MacBook
- A new collection of over 50 code snippets for React development
- WebStorm now indexes a new Angular project two times faster, with no compromises affecting the quality of code completion and resolve
- You can now add custom templates for postfix completion in the JavaScript and TypeScript files
- With the new Drop frame action in the JavaScript and Node.js debuggers, you can re-enter a function if you missed a critical spot you would like to see again
- Press Alt-Enter on a line with a breakpoint and see the breakpoint-related actions in the list of intentions
- Support for JSON5 is now available in the files with the .json5 extension
- JSON Schemas files are now automatically downloaded from schemastore.org and applied to your files, based on the file name
- You can be logged into multiple GitHub accounts
- New Browse Repository at Revision action allows you to explore files in your project at any given revision without a checkout


WebStorm 2018.2.1 Build 182.3911.37

New:
- Auto imports now work better in projects that use lerna, yarn workspaces or TypeScript 3.0 project references
- The bundled TypeScript version was update to 3.0
- “Surround selection on typing quote or brace” option is now on by default
- Support for the Nullish Coalescing proposal in JavaScript

Fixed:
- JavaScript code completion now works better in webpack configuration files
- Changing the opening tag of the Vue component now updates the closing tag as well


WebStorm 2018.2 Build 182.3684.70
Here are the features and improvements grouped by the WebStorm subsystems:
- Development with React: Extract React Component refactoring, convert class components into functional components, code snippets, and improved completion for props in React and React Native apps
- Development with Angular: faster project startup, add new features using the integration with ng add, and run schematics from the IDE
- Development with Vue.js: completion for Vue events and event modifiers
- Node.js development: support for Node.js on Windows Subsystem for Linux, an ability to automatically reconnect the debugger to the running node process, and remote mappings in Attach to Node.js configuration
- Built-in tools: find unused code in the client-side app with Code Coverage reports, global File Watchers
- Editor: new UI for inspection tooltip
- JavaScript and TypeScript support: custom templates for postfix completion, and TypeScript 2.9 and 3.0 supported
- JSON support: JSON5, and Iimproved support for JSON Schemas
- Linters integrations: different highlighting for TSLint errors and warnings, and an ability to automatically apply code style rules from all types of ESLint and TSLint configuration files
- Debugging: breakpoint intentions, Drop Frame action, and debugging JavaScript scratch files
- Testing: rerun failed tests, navigate to Jest snapshot, compare Jest snapshots, and debugging Karma tests using Chrome Headless
- Version Control: Browse Repository at Revision action, completion for tags, register roots automatically
- Other IDE improvements: Touch Bar support


WebStorm 2018.1.5 Build 181.5281.31
- JavaScript Bug WEB-32790 WebStorm decides to stop accessing .d.ts files for es features for a project
- Node.js Bug WEB-32719 Add v8 to Node.js core modules
- TypeScript Bug WEB-32634 False positive Type mismatch error inside Angular Injectable
- No subsystem Bug IDEA-193747 Clicking Help | Register does nothing in a Toolbox-installed PhpStorm
- User Interface Bug IDEA-192713 focus is lost on opening Find Usages tool window
- Performance IDEA-192184 Goto Class/File/Symbol popups leak via native window and focus traversal policy
- Version Control Performance IDEA-192017 Unshelving creates a thread for each shelved file
- Version Control. Git Bug IDEA-191656 Git commit history with control characters causes intellij to spin, consuming CPU and repeating the same stack in the idea.log


WebStorm 2018.1.4 Build 181.5087.27
- It’s now possible to run and debug tests using Karma run/debug configurations in projects generated with Angular CLI 6 (WEB-32653)
- In Flow files, you can now press Cmd/Ctrl and hover over a symbol to see its type info. That works in projects where Flow server is used for navigation, code completion, and type hinting – the corresponding checkbox in Preferences | Languages and Frameworks | JavaScript should be checked. Navigation to the definition in Flow now works significantly faster than before


WebStorm 2018.1.3 Build 181.4892.44
- Change log not available for this version


WebStorm 2018.1.2 Build 181.4668.60
- Change log not available for this version


WebStorm 2018.1.1 Build 181.4445.68

New:
- Better support for Yarn workspaces: WebStorm now provides proper code completion for the dependencies listed in the workspace’s package.json
- In the JavaScript and TypeScript code style settings you can now configure whether to add file extensions in imports or not
- The bundled TypeScript package has been updated to version 2.8
- Stylelint now works in the Vue single-file components and the HTML files

Fixed:
- Move statement up and down now works for the JSX code (Shift-Cmd-Up/Down on macOS or Ctrl-Shift-Up/Down on Windows and Linux)
- The code completion for methods and properties defined in the CommonJS modules has been improved
- The problem with editing the Pug files is now fixed
- There is more about some of the improvements below

Support for Yarn workspaces:
- Yarn workspaces help you organize multiple packages into a single repo. When using Yarn workspaces, the dependencies of all the packages are installed together and are put into the node_modules folder at the root of your project and not next to the package.json file of each workspace


WebStorm 2017.3.3 Build 173.4301.22
New:
- Responses from the new REST Client are now formatted automatically
- Node.js debugger now supports –experimental-modules flag

Fixed:
- False positive errors from the eslint-plugin-import ESLint plugin were fixed
- Debug for apps created with Angular CLI 1.5.5+
- Debugging the app’s main process with Electron 1.8.1+
- Meteor debugger now uses –inspect by default


WebStorm 2017.3.1 Build 173.3942.31
New:
- Support for Fragments in React 16.2
- Configuration for the auto-completion after the = sign in JSX attributes is now available in the HTML Code Style preferences
- Customizable syntax highlighting for TypeScript decorators
- Extended error messages in the Flow tool window
- New option "Start template string interpolation on $"

Fixed:
- Unresolved React props when using @types/react
- Slow code completion for CSS classes in HTML files
- Optimize imports in Vue files
- Updating tasks from the issue trackers in the IDE
- Extend selection inside the script tag


WebStorm 2017.3 Build 173.3727.108
- Enjoy improved code completion and documentation for standard JavaScript objects and methods
- Move class methods up the class hierarchy safely with the new ‘Pull member up’ refactoring
- Use the new ‘Extract type’ and ‘Extract interface’ refactorings in TypeScript
- Enjoy better code completion and navigation and new code snippets for Vue.js
- Run tests with Jest in watch mode, update failing snapshots in one click, and explore code coverage reports in the IDE
- Test REST APIs right from the editor