first commits

Author: ladyleet

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "typescript.tsdk": "./node_modules/typescript/lib"
+}

src/app/app.component.html

@@ -1,3 +1,5 @@
 <h1>
   {{title}}
 </h1>
+
+<app-pun-lookup></app-pun-lookup>

src/app/app.module.ts

@@ -4,10 +4,12 @@ import { FormsModule } from '@angular/forms';
 import { HttpModule } from '@angular/http';
 
 import { AppComponent } from './app.component';
+import { PunLookupComponent } from './pun-lookup/pun-lookup.component';
 
 @NgModule({
   declarations: [
-    AppComponent
+    AppComponent,
+    PunLookupComponent
   ],
   imports: [
     BrowserModule,

src/app/app.rx.ts

@@ -0,0 +1,8 @@
+export { Observable } from 'rxjs/Observable';
+export { asap } from 'rxjs/Scheduler/asap';
+export { Subject } from 'rxjs/Subject';
+
+import 'rxjs/add/observable/of';
+import 'rxjs/add/operator/map';
+import 'rxjs/add/operator/filter';
+import 'rxjs/add/operator/do';

src/app/pun-lookup/pun-lookup.component.ts

@@ -0,0 +1,30 @@
+import { Component, OnInit } from '@angular/core';
+import { Subject, Observable } from '../app.rx';
+
+@Component({
+  selector: 'app-pun-lookup',
+  template: `
+    <input #keywords type="text" 
+      (input)="keywordsInputChange$.next(keywords.value)"/>
+    <hr/>
+    <div>{{foo$ | async}}</div>
+  `,
+  styles: []
+})
+export class PunLookupComponent implements OnInit {
+
+  keywordsInputChange$ = new Subject<string>();
+
+  foo$ = this.keywordsInputChange$
+      .map(x => x[x.length - 1] === 'f' ? '' : x + '!')
+      // .filter(x => x.indexOf('f') === -1)
+      // .map(x => x + '!');
+
+
+  constructor() { 
+  }
+
+  ngOnInit() {
+  }
+
+}

src/app/pun-service.service.spec.ts

@@ -0,0 +1,16 @@
+/* tslint:disable:no-unused-variable */
+
+import { TestBed, async, inject } from '@angular/core/testing';
+import { PunService } from './pun-service.service';
+
+describe('PunService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [PunService]
+    });
+  });
+
+  it('should ...', inject([PunService], (service: PunService) => {
+    expect(service).toBeTruthy();
+  }));
+});

src/app/pun-service.service.ts

@@ -0,0 +1,21 @@
+import { Injectable } from '@angular/core';
+import { Observable, asap } from './app.rx';
+
+export interface Pun {
+  keywords: string[],
+  text: string
+}
+
+@Injectable()
+export class PunService {
+
+  constructor() { }
+
+  getPuns(keywords: string[]): Observable<Pun> {
+    return Observable.of({
+      keywords: ['pickle', 'vegetable'],
+      text: 'this is a pun about a pickle'
+    }, asap);
+  }
+
+}