2.0.0

Breaking Changes

Removed shim libraries and thereby out of the box support for Internet Explorer

This version drops out of the box support for Internet Explorer. This means a lot of the shim libraries have been removed in favor of adding the following code to your index.html:

<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6"></script>

Note that this will also be the last major version of the Vidyano web client that will support Internet Explorer at all.

Upgraded Typescript to version 3

This update together with the removal of the shim libraries (see below) will require you to add a lib section to the tsconfig.json file:

tsconfig.json

{
  "compilerOptions": {
    "lib": [
      "dom",
      "es2015"
    ],
    ...

Deprecated LINQ for JavaScript and removed all references from base library

The most major breaking change is the deprecation of the linq.js base library.

The bad news

all code using LINQ for JavaScript will write a deprecation warning to the console. The next major version of the client will no longer include the library by default.

The good news

we added replacements for the most used functions directly on the native JavaScript Array prototype.
you can easily include the library if you choose not to migrate your code. Simply add the following line of code to the ```<head>``` element in your index.html file:

<script src="web2/Libs/linqjs/linq.min.js"></script>

adding this code below the Vidyano import will also get rid of the deprecation warning in version 2.

Migrating away from linq.js

Enumerable.from

Can be omitted in most cases as the argument will most likely be an array already. In case the argument is for example a DOM NodeList, you can use the native Array.from() function instead:

// Array.from for DOM NodeList
Array.from(this.querySelectorAll(".item")).forEach(item => ...

Array extensions

// distinct
arr.distinct<T, U>( selector?: (element: T) => T | U): T[];

// groupBy
arr.groupBy<T>(selector: (element: T) => string): KeyValuePair<string, T[]>[];
arr.groupBy<T>(selector: (element: T) => number): KeyValuePair<number, T[]>[];

// orderBy
arr.orderBy<T>(selector: (element: T) => number | string): T[];
arr.orderBy<T>(property: string): T[];

// orderByDescending
arr.orderByDescending<T>(selector: (element: T) => number): T[];
arr.orderByDescending<T>(property: string): T[];

// min
arr.min<T>(selector: (element: T) => number): number;

// max
arr.max<T>(selector: (element: T) => number): number;

// sum
arr.sum<T>(selector: (element: T) => number): number;

Enumerable.SelectMany

SelectMany can be easily written with native JavaScript:

// E.g. select all detailLines from lines
[].concat(...this.lines.map(d => d.detailLines))

What's New

is-ie attribute on vi-app

This attribute is now added automatically to the vi-app element so the child elements can more easily add custom styles via :host-context specifically for Internet Explorer.

Previous3.0 NextService

Last updated 6 years ago

Was this helpful?

hashtagBreaking Changes

hashtagRemoved shim libraries and thereby out of the box support for Internet Explorer

hashtagUpgraded Typescript to version 3

hashtagDeprecated LINQ for JavaScript and removed all references from base library

hashtagThe bad news

hashtagThe good news

hashtagMigrating away from linq.js

hashtagWhat's New

hashtagTags

hashtagis-ie attribute on vi-app

Breaking Changes

Removed shim libraries and thereby out of the box support for Internet Explorer

Upgraded Typescript to version 3

Deprecated LINQ for JavaScript and removed all references from base library

The bad news

The good news

Migrating away from linq.js

What's New

Tags

is-ie attribute on vi-app