http methods return observables

Author: SamVerschueren

angular2-polyfill/bundles/angular2-polyfill.d.ts

@@ -168,17 +168,18 @@ declare module "angular2-polyfill/src/http/interfaces/Response" {
     }
 }
 declare module "angular2-polyfill/src/http/http.service" {
+    import { Observable } from 'rxjs';
     import { RequestOptionsArgs } from "angular2-polyfill/src/http/interfaces/RequestOptionsArgs";
     import { Response } from "angular2-polyfill/src/http/interfaces/Response";
     export class Http {
         private http;
         constructor(http: any);
-        get(url: string, options?: RequestOptionsArgs): Promise<Response>;
-        post(url: string, body: any, options?: RequestOptionsArgs): Promise<Response>;
-        put(url: string, body: any, options?: RequestOptionsArgs): Promise<Response>;
-        delete(url: string, options?: RequestOptionsArgs): Promise<Response>;
-        patch(url: string, body: any, options?: RequestOptionsArgs): Promise<Response>;
-        head(url: string, options?: RequestOptionsArgs): Promise<Response>;
+        get(url: string, options?: RequestOptionsArgs): Observable<Response>;
+        post(url: string, body: any, options?: RequestOptionsArgs): Observable<Response>;
+        put(url: string, body: any, options?: RequestOptionsArgs): Observable<Response>;
+        delete(url: string, options?: RequestOptionsArgs): Observable<Response>;
+        patch(url: string, body: any, options?: RequestOptionsArgs): Observable<Response>;
+        head(url: string, options?: RequestOptionsArgs): Observable<Response>;
     }
 }
 declare module "angular2-polyfill/src/http/providers" {

angular2-polyfill/bundles/angular2-polyfill.js

@@ -14,6 +14,10 @@
   "scripts": {
     "prepublish": "cd .. && npm run build"
   },
+  "peerDependencies": {
+    "reflect-metadata": "0.1.3",
+    "rxjs": "5.0.0-beta.6"
+  },
   "dependencies": {
     "camelcase": "^2.1.1",
     "decamelize": "^1.2.0",

angular2-polyfill/package.json

@@ -1,3 +1,4 @@
+import {Observable} from 'rxjs';
 import {Inject} from '../../core';
 import {RequestOptionsArgs} from './interfaces/RequestOptionsArgs';
 import {Response} from './interfaces/Response';
@@ -14,27 +15,27 @@ export class Http {
 	//
 	// }
 
-	get(url: string, options?: RequestOptionsArgs): Promise<Response> {
-		return this.http.get(url, options);
+	get(url: string, options?: RequestOptionsArgs): Observable<Response> {
+		return Observable.fromPromise<Response>(this.http.get(url, options));
 	}
 
-	post(url: string, body: any, options?: RequestOptionsArgs): Promise<Response> {
-		return this.http.post(url, body, options);
+	post(url: string, body: any, options?: RequestOptionsArgs): Observable<Response> {
+		return Observable.fromPromise<Response>(this.http.post(url, body, options));
 	}
 
-	put(url: string, body: any, options?: RequestOptionsArgs): Promise<Response> {
-		return this.http.put(url, body, options);
+	put(url: string, body: any, options?: RequestOptionsArgs): Observable<Response> {
+		return Observable.fromPromise<Response>(this.http.put(url, body, options));
 	}
 
-	delete(url: string, options?: RequestOptionsArgs): Promise<Response> {
-		return this.http.delete(url, options);
+	delete(url: string, options?: RequestOptionsArgs): Observable<Response> {
+		return Observable.fromPromise<Response>(this.http.delete(url, options));
 	}
 
-	patch(url: string, body: any, options?: RequestOptionsArgs): Promise<Response> {
-		return this.http.patch(url, body, options);
+	patch(url: string, body: any, options?: RequestOptionsArgs): Observable<Response> {
+		return Observable.fromPromise<Response>(this.http.patch(url, body, options));
 	}
 
-	head(url: string, options?: RequestOptionsArgs): Promise<Response> {
-		return this.http.head(url, options);
+	head(url: string, options?: RequestOptionsArgs): Observable<Response> {
+		return Observable.fromPromise<Response>(this.http.head(url, options));
 	}
 }

angular2-polyfill/src/http/http.service.ts

@@ -8,7 +8,8 @@
     "experimentalDecorators": true
   },
   "exclude": [
-		"bundles",
+	"bundles",
+	"node_modules",
     "typings/browser",
     "typings/browser.d.ts"
   ]

angular2-polyfill/tsconfig.json

@@ -14,12 +14,22 @@ const ANGULAR2_POLYFILL_BUNDLE_CONFIG = [
 
 const NG2_POLYFILL_BUNDLE_CONTENT = ANGULAR2_POLYFILL_BUNDLE_CONFIG.join(' + ');
 
+const BASE = path.join(__dirname, 'angular2-polyfill');
+
 const bundleConfig = {
+	map: {
+		'dot-prop': path.join(BASE, '/node_modules/dot-prop/index.js'),
+		'is-obj': path.join(BASE, '/node_modules/is-obj/index.js'),
+		'camelcase': path.join(BASE, '/node_modules/camelcase/index.js'),
+		'decamelize': path.join(BASE, '/node_modules/decamelize/index.js'),
+		'rxjs': path.join(BASE, '/node_modules/rxjs/Rx.js')
+	},
+	meta: {
+		rxjs: {
+			build: false
+		}
+	},
 	paths: {
-		'dot-prop': path.join(__dirname, '/node_modules/dot-prop/index.js'),
-		'is-obj': path.join(__dirname, '/node_modules/is-obj/index.js'),
-		'camelcase': path.join(__dirname, '/node_modules/camelcase/index.js'),
-		'decamelize': path.join(__dirname, '/node_modules/decamelize/index.js'),
 		'*': '*.js'
 	}
 };

gulpfile.js

@@ -18,7 +18,7 @@
     "pub": "cd angular2-polyfill && npm publish",
     "typings": "cd angular2-polyfill && typings",
     "link": "cd angular2-polyfill && jspm link npm:angular2-polyfill@dev -y",
-    "tsd-gen": "tsc -p angular2-polyfill --outFile angular2-polyfill/bundles/angular2-polyfill.js --module system -d --moduleResolution classic --rootDir \"./\""
+    "tsd-gen": "tsc -p angular2-polyfill --outFile angular2-polyfill/bundles/angular2-polyfill.js --module system -d --moduleResolution node --rootDir \"./\""
   },
   "devDependencies": {
     "gulp": "^3.9.1",