feat(Http): add Http class

Fixes angular#2530

Author: jeffbcross

modules/angular2/http.ts

@@ -2,10 +2,14 @@ import {bind, Binding} from 'angular2/di';
 import {Http, HttpFactory} from './src/http/http';
 import {XHRBackend} from 'angular2/src/http/backends/xhr_backend';
 import {BrowserXHR} from 'angular2/src/http/backends/browser_xhr';
+import {BaseRequestOptions} from 'angular2/src/http/base_request_options';
 
 export {Http};
 export var httpInjectables: List<any> = [
+  bind(BrowserXHR)
+      .toValue(BrowserXHR),
   XHRBackend,
-  bind(BrowserXHR).toValue(BrowserXHR),
-  bind(Http).toFactory(HttpFactory, [XHRBackend])
+  BaseRequestOptions,
+  bind(HttpFactory).toFactory(HttpFactory, [XHRBackend, BaseRequestOptions]),
+  Http
 ];

modules/angular2/src/http/base_request_options.ts

@@ -6,10 +6,10 @@ import {RequestOptions} from './interfaces';
 import {Injectable} from 'angular2/di';
 import {ListWrapper, StringMapWrapper} from 'angular2/src/facade/collection';
 
-export class RequestOptionsClass {
+export class RequestOptionsClass implements RequestOptions {
   method: RequestMethods = RequestMethods.GET;
   headers: Headers;
-  body: URLSearchParams | FormData | string;
+  body: URLSearchParams | FormData | Blob | string;
   mode: RequestModesOpts = RequestModesOpts.Cors;
   credentials: RequestCredentialsOpts;
   cache: RequestCacheOpts;

modules/angular2/src/http/enums.ts

@@ -5,7 +5,7 @@ export enum RequestCacheOpts {Default, NoStore, Reload, NoCache, ForceCache, Onl
 
 export enum RequestCredentialsOpts {Omit, SameOrigin, Include};
 
-export enum RequestMethods {GET, POST, PUT, DELETE, OPTIONS, HEAD};
+export enum RequestMethods {GET, POST, PUT, DELETE, OPTIONS, HEAD, PATCH};
 
 export enum ReadyStates {UNSENT, OPEN, HEADERS_RECEIVED, LOADING, DONE, CANCELLED};
 

modules/angular2/src/http/http.ts

@@ -6,6 +6,8 @@ import {Request} from './static_request';
 import {Response} from './static_response';
 import {XHRBackend} from './backends/xhr_backend';
 import {BaseRequestOptions} from './base_request_options';
+import {RequestMethods} from './enums';
+import {URLSearchParams} from './url_search_params';
 import * as Rx from 'rx';
 
 /**
@@ -43,9 +45,59 @@ import * as Rx from 'rx';
  *
  **/
 
+function httpRequest(backend: XHRBackend, request: Request) {
+  return <Rx.Observable<Response>>(Observable.create(observer => {
+    var connection: Connection = backend.createConnection(request);
+    var internalSubscription = connection.response.subscribe(observer);
+    return () => {
+      internalSubscription.dispose();
+      connection.dispose();
+    }
+  }))
+}
+
 // Abstract
 @Injectable()
 export class Http {
+  constructor(private backend: XHRBackend, private defaultOptions: BaseRequestOptions) {}
+
+  request(url: string, options?: RequestOptions): Rx.Observable<Response> {
+    return httpRequest(this.backend, new Request(url, this.defaultOptions.merge(options)));
+  }
+
+  get(url: string, options?: RequestOptions) {
+    return httpRequest(this.backend, new Request(url, this.defaultOptions.merge(options)
+                                                          .merge({method: RequestMethods.GET})));
+  }
+
+  post(url: string, body: URLSearchParams | FormData | Blob | string, options?: RequestOptions) {
+    return httpRequest(this.backend,
+                       new Request(url, this.defaultOptions.merge(options)
+
+                                            .merge({body: body, method: RequestMethods.POST})));
+  }
+
+  put(url: string, body: URLSearchParams | FormData | Blob | string, options?: RequestOptions) {
+    return httpRequest(this.backend,
+                       new Request(url, this.defaultOptions.merge(options)
+                                            .merge({body: body, method: RequestMethods.PUT})));
+  }
+
+  delete (url: string, options?: RequestOptions) {
+    return httpRequest(this.backend, new Request(url, this.defaultOptions.merge(options)
+                                                          .merge({method: RequestMethods.DELETE})));
+  }
+
+  patch(url: string, body: URLSearchParams | FormData | Blob | string, options?: RequestOptions) {
+    return httpRequest(this.backend,
+                       new Request(url, this.defaultOptions.merge(options)
+                                            .merge({body: body, method: RequestMethods.PATCH})));
+  }
+
+  head(url: string, options?: RequestOptions) {
+    return httpRequest(this.backend, new Request(url, this.defaultOptions.merge(options)
+                                                          .merge({method: RequestMethods.HEAD})));
+  }
 }
 
 var Observable;
@@ -56,13 +108,6 @@ if (Rx.hasOwnProperty('default')) {
 }
 export function HttpFactory(backend: XHRBackend, defaultOptions: BaseRequestOptions) {
   return function(url: string, options?: RequestOptions) {
-    return <Rx.Observable<Response>>(Observable.create(observer => {
-      var connection: Connection = backend.createConnection(new Request(url, options));
-      var internalSubscription = connection.response.subscribe(observer);
-      return () => {
-        internalSubscription.dispose();
-        connection.dispose();
-      }
-    }))
+    return httpRequest(backend, new Request(url, defaultOptions.merge(options)));
   }
 }

modules/angular2/src/http/interfaces.ts

@@ -14,7 +14,7 @@ import {URLSearchParams} from './url_search_params';
 export interface RequestOptions {
   method?: RequestMethods;
   headers?: Headers;
-  body?: URLSearchParams | FormData | string;
+  body?: URLSearchParams | FormData | Blob | string;
   mode?: RequestModesOpts;
   credentials?: RequestCredentialsOpts;
   cache?: RequestCacheOpts;

modules/angular2/test/http/base_request_options_spec.ts

@@ -24,8 +24,8 @@ export function main() {
     it('should retain previously merged values when merging again', () => {
       var options1 = new BaseRequestOptions();
       var options2 = options1.merge({method: RequestMethods.DELETE});
-      var options3 = options2.merge({mode: RequestModesOpts.NoCors}) expect(options3.mode)
-                         .toBe(RequestModesOpts.NoCors);
+      var options3 = options2.merge({mode: RequestModesOpts.NoCors});
+      expect(options3.mode).toBe(RequestModesOpts.NoCors);
       expect(options3.method).toBe(RequestMethods.DELETE);
     });
   });