NewAndNoteworthyNB81

Contents 1 JavaScript Frameworks 1.1 KnockoutJS 1.1.1 Code completion for Knockout custom components 1.1.2 Go to Declaration 1.2 AngularJS 1.2.1 Editor support and CC improvements 1.2.2 Editor 2 JavaScript Editor 2.1 Code Completion 3 JSON Editor 3.1 Code Folding 4 Web Application Inspection 4.1 Shadow DOM Support 4.2 DOM Breakpoints 5 JavaScript Debugging 5.1 Conditional Breakpoints 6 Node.js Support 6.1 Node.js Editor 7 Gulp Support 8 Java EE 8.1 Remote WebLogic

JavaScript Frameworks

KnockoutJS

Added support for Knockout 3.2.0.

• New bindings in code completion for data-bind
  • component
  • textInput
• Updated model for code completion
  • Includes e.g., pureComputed observables
• Support for Knockout custom components

Code completion for Knockout custom components

Custom HTML elements registered in Knockout JavaScript file using ko.components.register function

Code completion for component binding

Code completion for custom component's parameters

Go to Declaration

Supports multiple source locations (e.g., component is registered in debug and minified JS files, both are present in the project)

AngularJS

Added support for Angular 1.2 and 1.3

Editor support and CC improvements

• "Controller As"

• One-time binding expressions

• Tracking expressions "track by" and Alias expressions "as" in ng-repeat

• ModelOptions directive

Editor

JavaScript Editor

Code Completion

If the code completion is called inside the string of parameter in method of document.getElementsById(), then it is able to offer all used values of ids attributes in the html and css files in the project.

Similarly the code completion offers CSS classes defined in css file inside the string of parameter in method document.getElementsByClassName().

JSON Editor

Code Folding

The code folding of the JSON editor was improved. It's possible to fold arrays of objects.

Also there are new options for folding editor in the Options dialog.

Web Application Inspection

Shadow DOM Support

• Shadow DOM nodes are shown in Browser DOM view
• Elements of shadow DOM can be selected/inspected in Chrome browser
• Styling information for shadow DOM nodes is shown in CSS Styles view

DOM Breakpoints

DOM breakpoints are visualized in Browser DOM view (elements with a breakpoint are marked by a breakpoint badge).

JavaScript Debugging

Conditional Breakpoints

It is possible to specify condition on a JavaScript breakpoint. The breakpoint is hit when the condition evaluates to true.

Node.js Support

Support for Node.js has been added. This includes:

• Configuration of the Node.js executable

• New project wizard

• Project problems detection

• Running JS files via Node.js

• Project specific configuration of Node.js

• Configuration of start file

• Node.js project can have Site Root (its own frontend part)

• In this case, browser can be opened on project run

• Synchronization of changes between project and its package.json (project name, start file)

• Libraries node in the Projects view

• Running any npm script

Node.js Editor

• Control - hover functionality

When you place the mouse cursor over an runtime module name in require method and press CTRL / Command, then the documentation for the module is displayed.

Gulp Support

Support for Gulp has been added, it works exactly the same way as the existing Grunt support. This includes:

• Configuration of the Gulp executable

• gulpfile is shown among Important Files

• Gulp tasks can be assigned to common IDE actions in the Project Properties dialog

• Any Gulp task can be run via project's context menu

• Gulp output can be reviewed in the Output window

Java EE

Remote WebLogic

Support for development on remote WebLogic instances.