MixPad

What's new in this version:

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