chore(operators): update utility operators to rxjs 6+

Author: btroncone

operators/utility/delay.md

@@ -11,7 +11,7 @@
 ##### Example 1: Delay for increasing durations
 
 (
-[StackBlitz](https://stackblitz.com/edit/typescript-gc7gct?file=index.ts&devtoolsheight=100)
+[StackBlitz](https://stackblitz.com/edit/typescript-twjn8r?file=index.ts&devtoolsheight=100)
 | [jsBin](http://jsbin.com/zebatixije/1/edit?js,console) |
 [jsFiddle](https://jsfiddle.net/btroncone/1kxtzcu6/) )
 

operators/utility/delaywhen.md

@@ -11,7 +11,7 @@
 ##### Example 1: Delay based on observable
 
 (
-[StackBlitz](https://stackblitz.com/edit/typescript-ydbk4j?file=index.ts&devtoolsheight=100)
+[StackBlitz](https://stackblitz.com/edit/typescript-5yzn8g?file=index.ts&devtoolsheight=100)
 | [jsBin](http://jsbin.com/topohekuje/edit?js,console) |
 [jsFiddle](https://jsfiddle.net/btroncone/b057mxkL/) )
 

operators/utility/dematerialize.md

@@ -11,13 +11,13 @@
 ##### Example 1: Converting notifications to values
 
 (
-[StackBlitz](https://stackblitz.com/edit/typescript-xhldsy?file=index.ts&devtoolsheight=100)
+[StackBlitz](https://stackblitz.com/edit/typescript-bxdwbg?file=index.ts&devtoolsheight=100)
 | [jsBin](http://jsbin.com/vafedocibi/1/edit?js,console) |
 [jsFiddle](https://jsfiddle.net/btroncone/jw08mouy/) )
 
 ```js
 // RxJS v6+
-import { from, Notification } from 'rxjs/observable/from';
+import { from, Notification } from 'rxjs';
 import { dematerialize } from 'rxjs/operators';
 
 //emit next and error notifications
@@ -38,7 +38,7 @@ const subscription = source.subscribe({
 
 ### Additional Resources
 
-* [dematerialize](http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-dematerialize)
+- [dematerialize](http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-dematerialize)
   :newspaper: - Official docs
 
 ---

operators/utility/do.md

@@ -17,7 +17,7 @@
 ##### Example 1: Logging with do
 
 (
-[StackBlitz](https://stackblitz.com/edit/typescript-s1aymr?file=index.ts&devtoolsheight=100)
+[StackBlitz](https://stackblitz.com/edit/typescript-cd2gjp?file=index.ts&devtoolsheight=100)
 | [jsBin](http://jsbin.com/jimazuriva/1/edit?js,console) |
 [jsFiddle](https://jsfiddle.net/btroncone/qtyakorq/) )
 
@@ -41,11 +41,11 @@ const subscribe = example.subscribe(val => console.log(val));
 
 ### Additional Resources
 
-* [do](http://reactivex.io/documentation/operators/do.html)
-  :newspaper: - Official docs
-* [Logging a stream with do](https://egghead.io/lessons/rxjs-logging-a-stream-with-do?course=step-by-step-async-javascript-with-rxjs)
+- [do](http://reactivex.io/documentation/operators/do.html) :newspaper: -
+  Official docs
+- [Logging a stream with do](https://egghead.io/lessons/rxjs-logging-a-stream-with-do?course=step-by-step-async-javascript-with-rxjs)
   :video_camera: :dollar: - John Linquist
-* [Utility operator: do](https://egghead.io/lessons/rxjs-utility-operator-do?course=rxjs-beyond-the-basics-operators-in-depth)
+- [Utility operator: do](https://egghead.io/lessons/rxjs-utility-operator-do?course=rxjs-beyond-the-basics-operators-in-depth)
   :video_camera: :dollar: - André Staltz
 
 ---

operators/utility/timeout.md

@@ -11,7 +11,7 @@
 ##### Example 1: Timeout after 2.5 seconds
 
 (
-[StackBlitz](https://stackblitz.com/edit/typescript-gl1hhr?file=index.ts&devtoolsheight=100)
+[StackBlitz](https://stackblitz.com/edit/typescript-eegqyz?file=index.ts&devtoolsheight=100)
 | [jsBin](http://jsbin.com/gonakiniho/edit?js,console) |
 [jsFiddle](https://jsfiddle.net/btroncone/nr4e1ofy/1/) )
 
@@ -44,7 +44,7 @@ of(4000, 3000, 2000)
 
 ### Additional Resources
 
-* [timeout](https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/timeout.md)
+- [timeout](https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/timeout.md)
   :newspaper: - Official Docs
 
 ---

operators/utility/topromise.md

@@ -4,6 +4,12 @@
 
 ## Convert observable to promise.
 
+---
+
+:warning: `toPromise` has been deprecated! (RxJS 5.5+)
+
+---
+
 <div class="ua-ad"><div class="ua-ad"><a href="https://ultimateangular.com/?ref=76683_kee7y7vk"><img src="https://ultimateangular.com/assets/img/banners/ua-leader.svg"></a></div></div>
 
 ### Examples
@@ -14,15 +20,11 @@
 [jsFiddle](https://jsfiddle.net/btroncone/thykc9up/) )
 
 ```js
-// RxJS v6+
-import { of } from 'rxjs/observable/of';
-import { toPromise, delay } from 'rxjs/operators';
-
 //return basic observable
-const sample = val => of(val).pipe(delay(5000));
+const sample = val => Rx.Observable.of(val).delay(5000);
 //convert basic observable to promise
 const example = sample('First Example')
-  .pipe(toPromise())
+  .toPromise()
   //output: 'First Example'
   .then(result => {
     console.log('From Promise:', result);
@@ -35,20 +37,16 @@ const example = sample('First Example')
 [jsFiddle](https://jsfiddle.net/btroncone/xzu6u7hs/) )
 
 ```js
-// RxJS v6+
-import { of, delay } from 'rxjs';
-
 //return basic observable
-const sample = val => of(val).pipe(delay(5000));
+const sample = val => Rx.Observable.of(val).delay(5000);
 /*
   convert each to promise and use Promise.all
   to wait for all to resolve
-  (you should probably use forkJoin and no 'toPromise' instead!)
 */
 const example = () => {
   return Promise.all([
-    sample('Promise 1').pipe(toPromise()),
-    sample('Promise 2').pipe(toPromise())
+    sample('Promise 1').toPromise(),
+    sample('Promise 2').toPromise()
   ]);
 };
 //output: ["Promise 1", "Promise 2"]
@@ -59,7 +57,7 @@ example().then(val => {
 
 ### Additional Resources
 
-* [toPromise](https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/topromise.md)
+- [toPromise](https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/topromise.md)
   :newspaper: - Official Docs
 
 ---