refactor(compiler): rename /compiler_cli to /compiler-cli

modules/@angular/compiler-cli/integrationtest/src/a/multiple_components.html

@@ -0,0 +1 @@
+<div></div>

modules/@angular/compiler-cli/integrationtest/src/a/multiple_components.ts

@@ -0,0 +1,27 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'my-comp',
+  template: '<div></div>',
+})
+export class MyComp {
+}
+
+@Component({
+  selector: 'next-comp',
+  templateUrl: './multiple_components.html',
+})
+export class NextComp {
+}
+
+// Verify that exceptions from DirectiveResolver don't propagate
+export function NotADirective(c: any): void {}
+@NotADirective
+export class HasCustomDecorator {
+}
+
+// Verify that custom decorators have metadata collected, eg Ionic
+export function Page(c: any): (f: Function) => void {return c;}
+
+@Page({template: 'Ionic template'})
+export class AnIonicPage {}

modules/@angular/compiler-cli/integrationtest/src/basic.css

@@ -0,0 +1,3 @@
+@import './shared.css';
+
+.green { color: green }

modules/@angular/compiler-cli/integrationtest/src/basic.html

@@ -0,0 +1,4 @@
+<div [attr.array]="[0]" [attr.map]="{a:1}">{{ctxProp}}</div>
+<form><input type="button" [(ngModel)]="ctxProp"/></form>
+<my-comp *ngIf="ctxBool"></my-comp>
+<div *ngFor="let x of ctxArr" [attr.value]="x"></div>

modules/@angular/compiler-cli/integrationtest/src/basic.ts

@@ -0,0 +1,17 @@
+import {Component, Inject} from '@angular/core';
+import {FORM_DIRECTIVES, NgIf, NgFor} from '@angular/common';
+import {MyComp} from './a/multiple_components';
+
+@Component({
+  selector: 'basic',
+  templateUrl: './basic.html',
+  styles: ['.red { color: red }'],
+  styleUrls: ['./basic.css'],
+  directives: [MyComp, FORM_DIRECTIVES, NgIf, NgFor]
+})
+export class Basic {
+  ctxProp: string;
+  ctxBool: boolean;
+  ctxArr: any[] = [];
+  constructor() { this.ctxProp = 'initialValue'; }
+}

modules/@angular/compiler-cli/integrationtest/src/bootstrap.ts

@@ -0,0 +1,8 @@
+import {coreBootstrap, ReflectiveInjector} from '@angular/core';
+import {browserPlatform, BROWSER_APP_PROVIDERS} from '@angular/platform-browser';
+import {BasicNgFactory} from './basic.ngfactory';
+import {Basic} from './basic';
+
+const appInjector =
+    ReflectiveInjector.resolveAndCreate(BROWSER_APP_PROVIDERS, browserPlatform().injector);
+coreBootstrap(BasicNgFactory, appInjector);

modules/@angular/compiler-cli/integrationtest/src/dep.d.ts

@@ -0,0 +1,2 @@
+// Verify we don't try to extract metadata for .d.ts files
+export declare var a: string;

modules/@angular/compiler-cli/integrationtest/src/features.ts

@@ -0,0 +1,29 @@
+import {Component, Inject, OpaqueToken} from '@angular/core';
+import {NgIf} from '@angular/common';
+
+export const SOME_OPAQUE_TOKEN = new OpaqueToken('opaqueToken');
+
+@Component({
+  selector: 'comp-providers',
+  template: '',
+  providers: [
+    {provide: 'strToken', useValue: 'strValue'},
+    {provide: SOME_OPAQUE_TOKEN, useValue: 10},
+    {provide: 'reference', useValue: NgIf},
+    {provide: 'complexToken', useValue: {a: 1, b: ['test', SOME_OPAQUE_TOKEN]}},
+  ]
+})
+export class CompWithProviders {
+  constructor(@Inject('strToken') public ctxProp: string) {}
+}
+
+@Component({
+  selector: 'cmp-reference',
+  template: `
+    <input #a>{{a.value}}
+    <div *ngIf="true">{{a.value}}</div>
+  `,
+  directives: [NgIf]
+})
+export class CompWithReferences {
+}

modules/@angular/compiler-cli/integrationtest/src/projection.ts

@@ -0,0 +1,15 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'comp-with-proj',
+  template: '<ng-content></ng-content>'
+})
+export class CompWithProjection {
+}
+
+@Component({
+  selector: 'main',
+  template: '<comp-with-proj><span greeting="Hello world!"></span></comp-with-proj>',
+  directives: [CompWithProjection]
+})
+export class MainComp {}

modules/@angular/compiler-cli/integrationtest/src/shared.css

@@ -0,0 +1 @@
+.blue { color: blue }

modules/@angular/compiler-cli/integrationtest/test/basic_spec.ts

@@ -0,0 +1,73 @@
+// Only needed to satisfy the check in core/src/util/decorators.ts
+// TODO(alexeagle): maybe remove that check?
+require('reflect-metadata');
+
+require('@angular/platform-server/src/parse5_adapter.js').Parse5DomAdapter.makeCurrent();
+require('zone.js/dist/zone-node.js');
+require('zone.js/dist/long-stack-trace-zone.js');
+
+import * as fs from 'fs';
+import * as path from 'path';
+import {BasicNgFactory} from '../src/basic.ngfactory';
+import {MyComp} from '../src/a/multiple_components';
+import {ReflectiveInjector, DebugElement, getDebugNode} from '@angular/core';
+import {browserPlatform, BROWSER_APP_PROVIDERS} from '@angular/platform-browser';
+
+describe("template codegen output", () => {
+  const outDir = 'src';
+
+  it("should lower Decorators without reflect-metadata", () => {
+    const jsOutput = path.join(outDir, 'basic.js');
+    expect(fs.existsSync(jsOutput)).toBeTruthy();
+    expect(fs.readFileSync(jsOutput, {encoding: 'utf-8'})).not.toContain('Reflect.decorate');
+  });
+
+  it("should produce metadata.json outputs", () => {
+    const metadataOutput = path.join(outDir, 'basic.metadata.json');
+    expect(fs.existsSync(metadataOutput)).toBeTruthy();
+    const output = fs.readFileSync(metadataOutput, {encoding: 'utf-8'});
+    expect(output).toContain('"decorators":');
+    expect(output).toContain('"module":"@angular/core","name":"Component"');
+  });
+
+  it("should write .d.ts files", () => {
+    const dtsOutput = path.join(outDir, 'basic.d.ts');
+    expect(fs.existsSync(dtsOutput)).toBeTruthy();
+    expect(fs.readFileSync(dtsOutput, {encoding: 'utf-8'})).toContain('Basic');
+  });
+
+  it("should be able to create the basic component", () => {
+    const appInjector = ReflectiveInjector.resolveAndCreate(BROWSER_APP_PROVIDERS,
+      browserPlatform().injector);
+    var comp = BasicNgFactory.create(appInjector);
+    expect(comp.instance).toBeTruthy();
+  });
+
+  it("should support ngIf", () => {
+    const appInjector = ReflectiveInjector.resolveAndCreate(BROWSER_APP_PROVIDERS,
+      browserPlatform().injector);
+    var comp = BasicNgFactory.create(appInjector);
+    var debugElement = <DebugElement>getDebugNode(comp.location.nativeElement);
+    expect(debugElement.children.length).toBe(2);
+
+    comp.instance.ctxBool = true;
+    comp.changeDetectorRef.detectChanges();
+    expect(debugElement.children.length).toBe(3);
+    expect(debugElement.children[2].injector.get(MyComp)).toBeTruthy();
+  });
+
+  it("should support ngFor", () => {
+    const appInjector = ReflectiveInjector.resolveAndCreate(BROWSER_APP_PROVIDERS,
+      browserPlatform().injector);
+    var comp = BasicNgFactory.create(appInjector);
+    var debugElement = <DebugElement>getDebugNode(comp.location.nativeElement);
+    expect(debugElement.children.length).toBe(2);
+
+    // test NgFor
+    comp.instance.ctxArr = [1, 2];
+    comp.changeDetectorRef.detectChanges();
+    expect(debugElement.children.length).toBe(4);
+    expect(debugElement.children[2].attributes['value']).toBe('1');
+    expect(debugElement.children[3].attributes['value']).toBe('2');
+  });
+});

modules/@angular/compiler-cli/integrationtest/test/projection_spec.ts

@@ -0,0 +1,16 @@
+import {MainCompNgFactory} from '../src/projection.ngfactory';
+import {CompWithProjection} from '../src/projection';
+import {ReflectiveInjector, DebugElement, getDebugNode} from '@angular/core';
+import {browserPlatform, BROWSER_APP_PROVIDERS, By} from '@angular/platform-browser';
+
+describe("content projection", () => {
+  it("should support basic content projection", () => {
+    const appInjector = ReflectiveInjector.resolveAndCreate(BROWSER_APP_PROVIDERS, browserPlatform().injector);
+    var mainComp = MainCompNgFactory.create(appInjector);
+
+    var debugElement = <DebugElement>getDebugNode(mainComp.location.nativeElement);
+    var compWithProjection = debugElement.query(By.directive(CompWithProjection));
+    expect(compWithProjection.children.length).toBe(1);
+    expect(compWithProjection.children[0].attributes['greeting']).toEqual('Hello world!');
+  });
+});

modules/@angular/compiler-cli/integrationtest/tsconfig.json

@@ -0,0 +1,18 @@
+{
+    "angularCompilerOptions": {
+      // For TypeScript 1.8, we have to lay out generated files
+      // in the same source directory with your code.
+      "genDir": "."
+    },
+
+    "compilerOptions": {
+        "target": "es5",
+        "experimentalDecorators": true,
+        "noImplicitAny": true,
+        "moduleResolution": "node",
+        "rootDir": "",
+        "declaration": true,
+        "lib": ["es6", "dom"],
+        "baseUrl": "."
+    }
+}