honeymoose/angular-cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

build(aio): upgrade to CLI beta.32 and MD beta.2

Browse Source
This commit is contained in:
Ward Bell 2017-02-20 19:05:40 -08:00 committed by Igor Minar
parent a26eb4c04e
commit 9a2ea55bff
15 changed files with 648 additions and 676 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
aio/angular-cli.json → aio/.angular-cli.json
View File

@ -1,6 +1,6 @@
{ {
"project": { "project": {
"version": "1.0.0-beta.26", "version": "1.0.0-beta.32.3",
"name": "site" "name": "site"
}, },
"apps": [ "apps": [
@ -24,8 +24,8 @@
"scripts": [ "scripts": [
], ],
"environmentSource": "environments/environment.ts",
"environments": { "environments": {
"source": "environments/environment.ts",
"dev": "environments/environment.ts", "dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts" "prod": "environments/environment.prod.ts"
} }
@ -36,13 +36,24 @@
"config": "./protractor.conf.js" "config": "./protractor.conf.js"
} }
}, },
"lint": [
{
"files": "src/**/*.ts",
"project": "src/tsconfig.json"
},
{
"files": "e2e/**/*.ts",
"project": "e2e/tsconfig.json"
}
],
"test": { "test": {
"karma": { "karma": {
"config": "./karma.conf.js" "config": "./karma.conf.js"
} }
}, },
"defaults": { "defaults": {
"styleExt": "css", "styleExt": "scss",
"component": {},
"prefixInterfaces": false, "prefixInterfaces": false,
"inline": { "inline": {
"style": false, "style": false,

20
aio/karma.conf.js
View File

@ -7,9 +7,13 @@ module.exports = function (config) {
plugins: [ plugins: [
require('karma-jasmine'), require('karma-jasmine'),
require('karma-chrome-launcher'), require('karma-chrome-launcher'),
require('karma-remap-istanbul'), require('karma-jasmine-html-reporter'),
require('karma-coverage-istanbul-reporter'),
require('@angular/cli/plugins/karma') require('@angular/cli/plugins/karma')
], ],
client:{
clearContext: false // leave Jasmine Spec Runner output visible in browser
},
files: [ files: [
{ pattern: './src/test.ts', watched: false } { pattern: './src/test.ts', watched: false }
], ],
@ -19,19 +23,17 @@ module.exports = function (config) {
mime: { mime: {
'text/x-typescript': ['ts','tsx'] 'text/x-typescript': ['ts','tsx']
}, },
remapIstanbulReporter: { coverageIstanbulReporter: {
reports: { reports: [ 'html', 'lcovonly' ],
html: 'coverage', fixWebpackSourcePaths: true
lcovonly: './coverage/coverage.lcov'
}
}, },
angularCli: { angularCli: {
config: './angular-cli.json', config: './.angular-cli.json',
environment: 'dev' environment: 'dev'
}, },
reporters: config.angularCli && config.angularCli.codeCoverage reporters: config.angularCli && config.angularCli.codeCoverage
? ['progress', 'karma-remap-istanbul'] ? ['progress', 'coverage-istanbul']
: ['progress'], : ['progress', 'kjhtml'],
port: 9876, port: 9876,
colors: true, colors: true,
logLevel: config.LOG_INFO, logLevel: config.LOG_INFO,

57
aio/package.json
View File

@ -10,54 +10,55 @@
"ng": "ng", "ng": "ng",
"start": "ng serve", "start": "ng serve",
"build": "ng build", "build": "ng build",
"lint": "tslint \"src/**/*.ts\" --project src/tsconfig.json --type-check && tslint \"e2e/**/*.ts\" --project e2e/tsconfig.json --type-check",
"test": "ng test", "test": "ng test",
"lint": "ng lint",
"pree2e": "webdriver-manager update --standalone false --gecko false", "pree2e": "webdriver-manager update --standalone false --gecko false",
"e2e": "protractor", "e2e": "ng e2e --no-webdriver-update",
"deploy-staging": "firebase use staging --token \"$FIREBASE_TOKEN\" && yarn run ~~deploy", "deploy-staging": "firebase use staging --token \"$FIREBASE_TOKEN\" && yarn run ~~deploy",
"pre~~deploy": "ng build --prod", "pre~~deploy": "ng build --prod",
"~~deploy": "firebase deploy --message \"Commit: $TRAVIS_COMMIT\" --non-interactive --token \"$FIREBASE_TOKEN\"" "~~deploy": "firebase deploy --message \"Commit: $TRAVIS_COMMIT\" --non-interactive --token \"$FIREBASE_TOKEN\""
}, },
"private": true, "private": true,
"dependencies": { "dependencies": {
"@angular/cli": "^1.0.0-beta.31", "@angular/common": "^2.4.0",
"@angular/common": "^2.4.7", "@angular/compiler": "^2.4.0",
"@angular/compiler": "^2.4.7", "@angular/core": "^2.4.0",
"@angular/core": "^2.4.7", "@angular/forms": "^2.4.0",
"@angular/forms": "^2.4.7", "@angular/http": "^2.4.0",
"@angular/http": "^2.4.7", "@angular/material": "https://github.com/angular/material2-builds",
"@angular/material": "^2.0.0-beta.1", "@angular/platform-browser": "^2.4.0",
"@angular/platform-browser": "^2.4.7", "@angular/platform-browser-dynamic": "^2.4.0",
"@angular/platform-browser-dynamic": "^2.4.7", "@angular/router": "^3.4.0",
"@angular/router": "^3.4.7",
"core-js": "^2.4.1", "core-js": "^2.4.1",
"rxjs": "^5.0.1", "rxjs": "^5.1.0",
"ts-helpers": "^1.1.1", "ts-helpers": "^1.1.1",
"zone.js": "^0.7.2" "zone.js": "^0.7.6"
}, },
"devDependencies": { "devDependencies": {
"@angular/compiler-cli": "^2.4.7", "@angular/cli": "^1.0.0-beta.32.3",
"@angular/compiler-cli": "^2.4.0",
"@types/jasmine": "2.5.38", "@types/jasmine": "2.5.38",
"@types/node": "^6.0.42", "@types/node": "~6.0.60",
"canonical-path": "^0.0.2", "canonical-path": "^0.0.2",
"codelyzer": "~2.0.0-beta.1", "codelyzer": "~2.0.0-beta.4",
"dgeni": "^0.4.7", "dgeni": "^0.4.7",
"dgeni-packages": "^0.16.8", "dgeni-packages": "^0.16.8",
"entities": "^1.1.1", "entities": "^1.1.1",
"firebase-tools": "^3.2.1", "firebase-tools": "^3.2.1",
"gulp": "^3.9.1", "gulp": "^3.9.1",
"jasmine-core": "2.5.2", "jasmine-core": "~2.5.2",
"jasmine-spec-reporter": "2.5.0", "jasmine-spec-reporter": "~3.2.0",
"karma": "1.2.0", "karma": "~1.4.1",
"karma-chrome-launcher": "^2.0.0", "karma-chrome-launcher": "~2.0.0",
"karma-cli": "^1.0.1", "karma-cli": "~1.0.1",
"karma-jasmine": "^1.0.2", "karma-coverage-istanbul-reporter": "^0.2.0",
"karma-remap-istanbul": "^0.2.1", "karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"lodash": "^4.17.4", "lodash": "^4.17.4",
"protractor": "~4.0.13", "protractor": "~5.1.0",
"rho": "^0.3.0", "rho": "^0.3.0",
"ts-node": "1.2.1", "ts-node": "~2.0.0",
"tslint": "^4.3.0", "tslint": "~4.4.2",
"typescript": "2.0.10" "typescript": "~2.0.0"
} }
} }

9
aio/protractor.conf.js
View File

@ -2,16 +2,16 @@
// https://github.com/angular/protractor/blob/master/lib/config.ts // https://github.com/angular/protractor/blob/master/lib/config.ts
/*global jasmine */ /*global jasmine */
var SpecReporter = require('jasmine-spec-reporter'); const { SpecReporter } = require('jasmine-spec-reporter');
exports.config = { exports.config = {
allScriptsTimeout: 11000, allScriptsTimeout: 11000,
getPageTimeout: 30000,
specs: [ specs: [
'./e2e/**/*.e2e-spec.ts' './e2e/**/*.e2e-spec.ts'
], ],
capabilities: { capabilities: {
browserName: 'chrome', browserName: 'chrome',
// For Travis
chromeOptions: { chromeOptions: {
binary: process.env.CHROME_BIN binary: process.env.CHROME_BIN
} }
@ -24,13 +24,12 @@ exports.config = {
defaultTimeoutInterval: 30000, defaultTimeoutInterval: 30000,
print: function() {} print: function() {}
}, },
useAllAngular2AppRoots: true,
beforeLaunch: function() { beforeLaunch: function() {
require('ts-node').register({ require('ts-node').register({
project: 'e2e' project: 'e2e'
}); });
}, },
onPrepare: function() { onPrepare() {
jasmine.getEnv().addReporter(new SpecReporter()); jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
} }
}; };

2
aio/src/app/app.component.html
View File

@ -2,7 +2,7 @@
<button *ngIf="isHamburgerVisible" class="hamburger" md-button (click)="toggleSideNav()"><md-icon>menu</md-icon></button> <button *ngIf="isHamburgerVisible" class="hamburger" md-button (click)="toggleSideNav()"><md-icon>menu</md-icon></button>
<aio-menu></aio-menu> <aio-menu></aio-menu>
<md-input-container > <md-input-container >
<input #search md-input placeholder="Search"> <input #search mdInput placeholder="Search">
</md-input-container> </md-input-container>
<span class="fill-remaining-space"></span> <span class="fill-remaining-space"></span>
</md-toolbar> </md-toolbar>

10
aio/src/app/app.module.ts
View File

@ -26,11 +26,11 @@ import { MenuComponent } from './sidenav/menu.component';
imports: [ imports: [
BrowserModule, BrowserModule,
HttpModule, HttpModule,
MdButtonModule.forRoot(), MdButtonModule,
MdIconModule.forRoot(), MdIconModule,
MdInputModule.forRoot(), MdInputModule,
MdToolbarModule.forRoot(), MdToolbarModule,
MdSidenavModule.forRoot() MdSidenavModule
], ],
declarations: [ declarations: [
AppComponent, AppComponent,

4
aio/src/content/features.html
View File

@ -59,6 +59,6 @@
</div> </div>
</div> </div>
<div class="cta-bar"><a href="/docs/ts/latest/quickstart.html" md-button="md-button" <div class="cta-bar"><a href="/docs/ts/latest/quickstart.html" md-button="md-button"
class="button button-large button-shield md-raised md-primary">Get class="button button-large button-shield mat-raised mat-primary">Get
Started</a></div> Started</a></div>
</article> </article>

6
aio/src/content/home.html
View File

@ -3,12 +3,12 @@
src="assets/images/logos/angular2/angular.svg" class="hero-logo"/> src="assets/images/logos/angular2/angular.svg" class="hero-logo"/>
<h1 class="text-headline">One framework.<br>Mobile &amp; desktop.</h1><a <h1 class="text-headline">One framework.<br>Mobile &amp; desktop.</h1><a
href="/docs/ts/latest/quickstart.html" md-button="md-button" href="/docs/ts/latest/quickstart.html" md-button="md-button"
class="hero-cta md-raised button button-large button-plain">Get Started</a></div> class="hero-cta mat-raised button button-large button-plain">Get Started</a></div>
<announcement-bar class="announcement-bar"> <announcement-bar class="announcement-bar">
<div class="announcement-bar-slide cleafix is-visible"><img <div class="announcement-bar-slide cleafix is-visible"><img
src="assets/images/logos/anglebrackets/devintersection.png" width="64"/> src="assets/images/logos/anglebrackets/devintersection.png" width="64"/>
<p>Join us for <strong>DEVintersection Amsterdam</strong> Nov 14-16!</p><a <p>Join us for <strong>DEVintersection Amsterdam</strong> Nov 14-16!</p><a
href="https://www.devintersectioneurope.com/#!/" target="_blank" class="button md-button">Register href="https://www.devintersectioneurope.com/#!/" target="_blank" class="button mat-button">Register
now</a></div> now</a></div>
</announcement-bar> </announcement-bar>
</header> </header>
@ -66,7 +66,7 @@
</div> </div>
</div> </div>
<div class="cta-bar"><a href="/docs/ts/latest/quickstart.html" md-button="md-button" <div class="cta-bar"><a href="/docs/ts/latest/quickstart.html" md-button="md-button"
class="button button-large button-shield md-raised md-primary">Get class="button button-large button-shield mat-raised mat-primary">Get
Started</a></div> Started</a></div>
</div> </div>
</article> </article>

18
aio/src/styles/_typography-theme.scss
View File

@ -10,16 +10,16 @@
.docs-component-viewer-tabbed-content, .docs-component-viewer-tabbed-content,
.docs-guide-content { .docs-guide-content {
h1 { h1 {
color: md-color($primary, 800); color: mat-color($primary, 800);
background: rgba(md-color($foreground, secondary-text), .03); background: rgba(mat-color($foreground, secondary-text), .03);
} }
h3, h2, h4, h5, p, ol, li{ h3, h2, h4, h5, p, ol, li{
color: md-color($foreground, secondary-text); color: mat-color($foreground, secondary-text);
} }
a { a {
color: md-color($primary); color: mat-color($primary);
} }
table { table {
@ -27,17 +27,17 @@
} }
table tbody th{ table tbody th{
border: 1px solid rgba(md-color($foreground, secondary-text), .03); border: 1px solid rgba(mat-color($foreground, secondary-text), .03);
} }
td { td {
color: md-color($foreground, secondary-text); color: mat-color($foreground, secondary-text);
border: 1px solid rgba(md-color($foreground, secondary-text), .03); border: 1px solid rgba(mat-color($foreground, secondary-text), .03);
} }
th { th {
color: md-color($foreground, secondary-text); color: mat-color($foreground, secondary-text);
background: rgba(md-color($foreground, secondary-text), .03); background: rgba(mat-color($foreground, secondary-text), .03);
} }
} }
} }

2
aio/src/styles/_typography.scss
View File

@ -23,7 +23,7 @@
font-size: 16px; font-size: 16px;
} }
.md-tab-body-wrapper h2 { .mat-tab-body-wrapper h2 {
margin-top: 0px; margin-top: 0px;
} }

10
aio/src/styles/main.scss
View File

@ -4,15 +4,15 @@
// Include material core styles. // Include material core styles.
@include md-core(); @include mat-core();
@include docs-site-typography(); @include docs-site-typography();
// Define the light theme. // Define the light theme.
$primary: md-palette($md-cyan); $primary: mat-palette($mat-cyan);
$accent: md-palette($md-amber, A200, A100, A400); $accent: mat-palette($mat-amber, A200, A100, A400);
$theme: md-light-theme($primary, $accent); $theme: mat-light-theme($primary, $accent);
@include angular-material-theme($theme); @include angular-material-theme($theme);
body { body {
@ -20,7 +20,7 @@ body {
margin: 0; margin: 0;
} }
[md-button], [md-raised-button] { [md-button], [md-raised-button], [mat-button], [mat-raised-button] {
text-transform: uppercase; text-transform: uppercase;
} }

10
aio/src/styles/ng-io-theme.scss
View File

@ -3,20 +3,20 @@
// Include the base styles for Angular Material core. We include this here so that you only // Include the base styles for Angular Material core. We include this here so that you only
// have to load a single css file for Angular Material in your app. // have to load a single css file for Angular Material in your app.
@include md-core(); @include mat-core();
// Define the palettes for your theme using the Material Design palettes available in palette.scss // Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker // (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. // hue.
$ng-io-primary: md-palette($md-indigo); $ng-io-primary: mat-palette($mat-indigo);
$ng-io-accent: md-palette($md-pink, A200, A100, A400); $ng-io-accent: mat-palette($mat-pink, A200, A100, A400);
// The warn palette is optional (defaults to red). // The warn palette is optional (defaults to red).
$ng-io-warn: md-palette($md-red); $ng-io-warn: mat-palette($mat-red);
// Create the theme object (a Sass map containing all of the palettes). // Create the theme object (a Sass map containing all of the palettes).
$ng-io-theme: md-light-theme($ng-io-primary, $ng-io-accent, $ng-io-warn); $ng-io-theme: mat-light-theme($ng-io-primary, $ng-io-accent, $ng-io-warn);
// Include theme styles for core and each component used in your app. // Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component // Alternatively, you can import and @include the theme mixins for each component

2
aio/tslint.json
View File

@ -46,7 +46,7 @@
"no-empty": false, "no-empty": false,
"no-empty-interface": true, "no-empty-interface": true,
"no-eval": true, "no-eval": true,
"no-inferrable-types": true, "no-inferrable-types": [true, "ignore-params"],
"no-shadowed-variable": true, "no-shadowed-variable": true,
"no-string-literal": false, "no-string-literal": false,
"no-string-throw": true, "no-string-throw": true,

1156
aio/yarn.lock
View File

File diff suppressed because it is too large Load Diff

1
scripts/ci-lite/test_aio.sh
View File

@ -50,7 +50,6 @@ echo 'travis_fold:end:test.aio.unit'
echo 'travis_fold:start:test.aio.e2e' echo 'travis_fold:start:test.aio.e2e'
# Run e2e tests # Run e2e tests
cd ../../aio cd ../../aio
yarn start &
yarn run e2e yarn run e2e
cd - cd -
echo 'travis_fold:end:test.aio.e2e' echo 'travis_fold:end:test.aio.e2e'