teradata / vantage-ui-template Goto Github PK

View Code? Open in Web Editor NEW

187.0 37.0 79.0 2.68 MB

Template for UI applications in Vantage

License: MIT License

TypeScript 53.72% JavaScript 22.00% HTML 11.53% CSS 6.08% Shell 4.45% Dockerfile 2.22%

angular angular2 material-design angular-material

vantage-ui-template's Introduction

Teradata Vantage UI Template

Create Apps for Teradata Vantage using the Covalent UI Framework

Setup

Ensure you have Node 10.15.3 (on a Mac use Homebrew and brew install [email protected])
Ensure you have NPM 6+ installed.
Install Docker Engine: https://docs.docker.com/engine/installation/
Install Angular CLI npm i -g @angular/cli
Install Typescript npm i -g typescript
Install TSLint npm i -g tslint
Install Node packages npm ci

Development

Update the serverUrl variable in the proxy.conf.js and loginUrl variable in the cypress.env.json to point to your vantage environment.
Run local webserver npm run serve
In Chrome go to http://localhost:4200

Build Container Image

Clean up the deploy directory.

Mac:

  rm -rf ./deploy/
  mkdir ./deploy/

Win:

  rmdir /S .\deploy\
  mkdir .\deploy\

Build Angular assets

  npm run build:prod

Move assets into deploy directory.

Mac:

  cp -r ./docker/* ./deploy
  cp -r ./dist/* ./deploy

Win:

  copy .\docker\* .\deploy
  copy .\dist\* .\deploy

Build docker image with assets
- Replace WEB_SERVER with nodejs or nginx depending on your need
- Replace IMAGE_NAME with a name of your choice

Mac:

  docker build -f deploy/WEB_SERVER/Dockerfile -t IMAGE_NAME ./deploy

Win:

  docker build -f deploy\WEB_SERVER\Dockerfile -t IMAGE_NAME .\deploy

Run command docker images and see it listed
You can run commands locally now like:
- Replace YOUR_BASE_URL with your Vantage Environment Base URL
- Replace IMAGE_NAME with the image name you used on step 3.

  docker run -e APPCENTER_BASE_URL=YOUR_BASE_URL -p 49160:8080 -d IMAGE_NAME

  docker exec -it CONTAINER_ID /bin/bash

Deployment to Registry

Tag docker image and push to a repository
- Replace IMAGE_NAME with the image name you used when building the image.
- Replace TAG with a tag for the image. e.g. Version number
- Replace REPOSITORY with the URL of the repository where you need to push the image.

  docker tag IMAGE_NAME:latest REPOSITORY/IMAGE_NAME:TAG
  docker push REPOSITORY/IMAGE_NAME:TAG

vantage-ui-template's People

Contributors

Stargazers

Watchers

Forkers

guptaanusha eunicorn ambicabommineni vivekkommidi nikhilkapure saketh1991 kfukue llenroc beeman alexrex mikebellcoder ilianiv trkbrkr2000 hordern javicebrian ianchute joshwiens rifal89 jotatoledo cnsa jribacruz maapteh axel-lanuza jonathanbarton rakmana aciccarello kwintenp andrewtonibm jozu1108 longveeshaw feas1 raquelsv liuliangjia samjaninf vuongvu lastapella juliogold gehhilfe nigelramdial chiller2020 pbagar-xiphix sudhir7890 brliff pauleustice vgellerman ianqueue merqlove jeanlucmoisan 4deeptech marianatteradata davidtrepp jhontoni meets-ecommerce hyeongukryu clevesol davidrock kbalde bensoer cminhho ebdellikhaled lasonjack97 rezwanshubh feldominguez maxdabek alberto-amo-marin corymortimer mohan2783 knighton910 michaelscottpaper jennmedellin thrixton summerwph supersexy harsha00790 bigloupe ypinzon isabella232 ghas-results

vantage-ui-template's Issues

No Intellisense in editor due to missing tsconfig.json

Bug Report

Clone repo
yarn (install)
open in editor

What is the expected behavior?

TypeScript project is discovered and editor features light up.

What is the motivation / use case for changing the behavior?

Editor assistance

Which version of Angular and Material, and which browser and OS does this issue affect?

"dependencies": {
    "@angular/animations": "^4.0.0",
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",
    "@angular/core": "^4.0.0",
    "@angular/forms": "^4.0.0",
    "@angular/http": "^4.0.0",
    "@angular/flex-layout": "2.0.0-beta.7",
    "@angular/material": "2.0.0-beta.2",
    "@angular/platform-browser": "^4.0.0",
    "@angular/platform-browser-dynamic": "^4.0.0",
    "@angular/platform-server": "^4.0.0",
    "@angular/router": "^4.0.0",
    "@covalent/core": "1.0.0-beta.3",
    "@covalent/dynamic-forms": "1.0.0-beta.3",
    "@covalent/highlight": "1.0.0-beta.3",
    "@covalent/http": "1.0.0-beta.3",
    "@covalent/markdown": "1.0.0-beta.3",
    "@swimlane/ngx-charts": "^5.0.0",
    "core-js": "^2.4.1",
    "hammerjs": "^2.0.8",
    "highlight.js": "9.10.0",
    "rxjs": "^5.2.0",
    "showdown": "1.6.4",
    "zone.js": "^0.8.5",
    "d3": "^4.6.0"
  },
  "devDependencies": {
    "@angular/cli": "1.0.0",
    "@angular/compiler-cli": "4.0.0",
    "@types/hammerjs": "2.0.30",
    "@types/jasmine": "2.5.38",
    "@types/node": "~6.0.60",
    "@types/selenium-webdriver": "2.53.36",
    "codelyzer": "~2.0.0",
    "jasmine-core": "~2.5.2",
    "jasmine-spec-reporter": "3.2.0",
    "karma": "~1.4.1",
    "karma-chrome-launcher": "~2.0.0",
    "karma-cli": "~1.0.1",
    "karma-jasmine": "^1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-coverage-istanbul-reporter": "^0.2.0",
    "karma-firefox-launcher": "1.0.0",
    "phantomjs-prebuilt": "2.1.7",
    "protractor": "~5.1.0",
    "ts-node": "~2.1.0",
    "tslint": "^4.5.1",
    "typescript": "~2.2.0"
  },
  "optionalDependencies": {
    "@covalent/data": "0.4.0"
  }

Other information

I worked around the issue by creating a tsconfig.json and adding:

{
  "extends": "./tsconfig.app.json"
}

CovalentCoreModule not available

Hi,

My app is based on : npm install -g yo generator-aspnetcore-spa

Then I removed Bootstrap and now I try to install Angular Material + Covalent

This is my packages.json

"name": "WebApplicationBasic",
"version": "0.0.0",
"scripts": {
"test": "karma start ClientApp/test/karma.conf.js"
},
"dependencies": {
"@angular/animations": "^4.0.0",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/material": "2.0.0-beta.5",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/platform-server": "^4.0.0",
"@angular/router": "^4.0.0",
"@covalent/core": "1.0.0-beta.4",
"@types/node": "7.0.18",
"angular2-template-loader": "0.6.2",
"aspnet-prerendering": "^2.0.5",
"aspnet-webpack": "^1.0.29",
"awesome-typescript-loader": "3.1.3",
"css": "2.2.1",
"css-loader": "0.28.1",
"es6-shim": "0.35.3",
"event-source-polyfill": "0.0.9",
"expose-loader": "0.7.3",
"extract-text-webpack-plugin": "2.1.0",
"file-loader": "0.11.1",
"html-loader": "0.4.5",
"isomorphic-fetch": "2.2.1",
"jquery": "3.2.1",
"json-loader": "0.5.4",
"preboot": "4.5.2",
"reflect-metadata": "0.1.10",
"rxjs": "^5.0.1",
"style-loader": "0.17.0",
"to-string-loader": "1.1.5",
"typescript": "2.3.2",
"url-loader": "0.5.8",
"webpack": "2.5.1",
"webpack-hot-middleware": "2.18.0",
"webpack-merge": "4.1.0",
"zone.js": "^0.8.4",
"raw-loader": "^0.5.1",
"sass-loader": "^6.0.5"
},
"devDependencies": {
"@types/chai": "3.5.2",
"@types/jasmine": "2.5.47",
"chai": "3.5.0",
"jasmine-core": "2.6.1",
"karma": "1.7.0",
"karma-chai": "0.1.0",
"karma-chrome-launcher": "2.1.1",
"karma-cli": "1.0.1",
"karma-jasmine": "1.1.0",
"karma-webpack": "2.0.3",
"node-sass": "^4.5.3"
}
}

In app.module.client, I added:
import { MaterialModule } from '@angular/material';
import {
CovalentCoreModule
} from '@covalent/core';

@NgModule({
bootstrap: sharedConfig.bootstrap,
declarations: sharedConfig.declarations,
imports: [
//...
CovalentCoreModule.forRoot(),
//...

    ...sharedConfig.imports
],
providers: [
    { provide: 'ORIGIN_URL', useValue: location.origin }
]

})
export class AppModule {
}

CovalentCoreModule is not available anymore, what is the workaround to make it work?

I tried by adding all the module available:
CovalentChipsModule,
CovalentCommonModule,
CovalentDataTableModule,
CovalentDialogsModule,
CovalentExpansionPanelModule,
CovalentFileModule,
CovalentJsonFormatterModule,
CovalentLayoutModule,
CovalentLoadingModule,
CovalentMediaModule,
CovalentMenuModule,
CovalentMessageModule,
CovalentNotificationsModule,
CovalentPagingModule,
CovalentSearchModule,
CovalentStepsModule,

But I still have an error:
If 'md-card-content' is an Angular component, then verify that it is part of this module.

What do you suggest?

Update Quickstart to latest Covalent-Data

Use the latest templates & nested objects from Teradata/covalent-highlight-nightly#18

Mock data with nested JSON & templates

update users mock data
update items mock data
update features mock data
create alerts mock data
create favorites mock data
create logs mock data
create products mock data (include Sales data for dashboard chart, usage data for product dashboard charts, stats for product stats chart & datatable, features data for product features page)
create notifications mock data (user, description, timestamp) for notifications menu

Update services to use nested JSON & templates

update users service to use new mock data
update items service to use new mock data
update features service to use new mock data
update alerts service to use new mock data
update products service to use new mock data

Create new services

create favorites service and use mock data
create logs service and use mock data
create notifications service and use mock data

typo in app module preventing app from running

Bug Report

CovalentHttpModule.forRoot({
inteceptors: [{
interceptor: RequestInterceptor, paths: ['**'],
}],
}),

inteceptors should be interceptors

Kindly Update angular-cli to Latest

The Version you specified is depreciated.

If i update it mannually.. i getting Error

Ng Serv not working.. It need both global and local should be same.. So make your angular-cli latest

Placeholder text does not appear for search bar when expanded

This repository's issues are reserved for feature requests and bug reports.

Do you want to request a feature or report a bug?

bug

Feature Request

please first make sure your request falls under the official Material Design spec guidelines https://material.google.com/

Bug Report

please provide steps to reproduce and if possible screenhots or animated Gifs.
you can easily create animated Gif with this free PC/OSX App: http://www.cockos.com/licecap/

Screenshots or link to CodePen/Plunker/JSfiddle

What is the expected behavior?

I'd think the placeholder text should appear when the search is expanded so that they know what the field is for. I ended up adding a block of text to the side for the time being until I play with it more.

What is the motivation / use case for changing the behavior?

Which version of Angular and Material, and which browser and OS does this issue affect?

I'm on the latest build (with 2.4.1) and using chrome

Did this work in previous versions of Angular / Material?
Please also test with the latest stable and snapshot versions.
Haven't checked the others

Other information

(e.g. detailed explanation, stacktraces, related issues, suggestions how to fix)

there is a issue with template label does not actually let you change quite quickly it takes time or label does not open until next button is clicked

This repository's issues are reserved for feature requests and bug reports.

Do you want to request a feature or report a bug?

Feature Request

please first make sure your request falls under the official Material Design spec guidelines https://material.google.com/

Bug Report

please provide steps to reproduce and if possible screenhots or animated Gifs.
you can easily create animated Gif with this free PC/OSX App: http://www.cockos.com/licecap/

Screenshots or link to CodePen/Plunker/JSfiddle

What is the expected behavior?

What is the motivation / use case for changing the behavior?

Which version of Angular and Material, and which browser and OS does this issue affect?

Did this work in previous versions of Angular / Material?
Please also test with the latest stable and snapshot versions.

Other information

(e.g. detailed explanation, stacktraces, related issues, suggestions how to fix)

ng test

ng test fails on standard build of covalent-quickstart

Include new & updates components from 1.0.0 beta.1

Include examples using:

new datatable components & templates (along w/ search & pagination)
search & pagination on a list (features and/or users)
searchbar in main toolbar? (anything we can feaux-search?)
expansion template override
stepper template override
different theme color/class on each section of quickstart
notfications
highlight & markdown
card-over for a detail and/or form

I can't see fab and toolbar after upgrading.

Main covalent was upgraded to "@covalent/core": "^1.0.0-beta.8-1", which has support for "@angular/material": "^2.0.0-beta.12", and "@angular/cdk": "^2.0.0-beta.12",. I upgraded my app but got this error were I can not see <div mat-toolbar td-toolbar-content layout="row" layout-align="start center" flex> and <a mat-fab color="accent" class="mat-fab-bottom-right" [routerLink]="['add']"> <mat-icon>add</mat-icon> </a> ![screen shot 2017-10-13 at 9 44 51 am](https://user-images.githubusercontent.com/4210156/31533491-3555de84-affb-11e7-8342-56f49df4173d.png)

Data table rows don't always display with pagination and searching

Bug Report

Copy from Teradata/covalent#366

With pagination enabled on a data table, if you page and then start searching and it returns less items that can fit on a page, it says there are no results. But there are just no results on the page you currently are on. It should flip you back to page 1 so you can see your search results.

To reproduce:

Go to the following quickstart: https://teradata.github.io/covalent-quickstart/#/product/stats
In the Product Stats table sort the product table in ascending order.
Page to the 2nd page.
Search for Logs.
It says there are no results, but the results are on page 1. Confusing for the end user.

The quickstart is not compatible with the version ^1.0.0-beta.7

Hi all,

It seems that the example is not compatible with beta 7. for example
1- the menu button is not showing (as in your documentation we must add the following which is not present in the quickstart.
<button md-icon-button [tdLayoutToggle]="true"> menu
).

2- The logo is not aligned so i needed to add the folowwin in my css to align it :
.mat-icon.md-icon-logo {
height: auto;
width: 100px
}

Can you please cofirm me if the quickstart is compatible or not?

Thankyou in advance

How to bind java or any backend to this example?

I am trying to start writing an application with covalent-quickstart as starting point.
But when I tries to get data from java rest api, i get an error of cross origin access.

You have to be inside an angular-cli project in order to use the serve command

I ran all the steps with a clean install of node and npm, and got this error on ng serve from the covalent-quickstart directory:

You have to be inside an angular-cli project in order to use the serve command

deploy to heroku

This repository's issues are reserved for feature requests and bug reports.

Do you want to request a feature or report a bug?

Feature

Feature Request

Deploy to heroku

Bug Report

I can't deply to heroku as soon as I have added a new dependency in the package.json.
I get an erro message that says to run yarn install in the covalent reporsitory, but running this command (yarn install) also throw an error..

What is the expected behavior?

A way to easily deployt to heroku and use the sources on Wnidows.

Thank you for your help,

Type script files in @covalent node_module

Bug Report

I can't find typeScript files in @covalent (v1.0.0-beta.2) node_modules anymore, do you plan to put those files back in next releases?
for example, dialog.module.ts and dialog.component.ts are missing in the picture below :

Other information

Typscript files were present in @covalent previous versions

Thanks,

Quick Start nor website load in Edge

This repository's issues are reserved for feature requests and bug reports.

Do you want to request a feature or report a bug?

Bug

Feature Request

please first make sure your request falls under the official Material Design spec guidelines https://material.google.com/

Bug Report

please provide steps to reproduce and if possible screenhots or animated Gifs.
you can easily create animated Gif with this free PC/OSX App: http://www.cockos.com/licecap/

Using Edge on Win 10 navigate to https://teradata.github.io/covalent/#/
It hangs on the logo in the middle of the screen.

Same thing for the Quick Start project (http://localhost:4200/#/). Error from Edge dev tools below.

SCRIPT65535: Argument not optional 
main.bundle.js (154028,13)

Note: Both urls work fine in Chrome and Firefox on the same machine.

Screenshots or link to CodePen/Plunker/JSfiddle

What is the expected behavior?

What is the motivation / use case for changing the behavior?

Which version of Angular and Material, and which browser and OS does this issue affect?

Did this work in previous versions of Angular / Material?
Please also test with the latest stable and snapshot versions.

Other information

(e.g. detailed explanation, stacktraces, related issues, suggestions how to fix)

Update package.json

Greetings, looking forward to checking out Covalent. I was unable to get the quick-start running 'out of the box', I had to update the package.json file with the following dependencies:

"dependencies": {
"@angular/common": "2.0.0-rc.4",
"@angular/compiler": "2.0.0-rc.4",
"@angular/core": "2.0.0-rc.4",
"@angular/forms": "0.2.0",
"@angular/http": "2.0.0-rc.4",
"@angular/platform-browser": "2.0.0-rc.4",
"@angular/platform-browser-dynamic": "2.0.0-rc.4",
"@angular/router": "3.0.0-beta.1",
"@angular/router-deprecated": "2.0.0-rc.2",
"@angular/upgrade": "2.0.0-rc.4",
"@angular2-material/button": "2.0.0-alpha.6-2",
"@angular2-material/card": "2.0.0-alpha.6-2",
"@angular2-material/core": "2.0.0-alpha.6-2",
"@angular2-material/icon": "2.0.0-alpha.6-2",
"@angular2-material/input": "2.0.0-alpha.6-2",
"@angular2-material/list": "2.0.0-alpha.6-2",
"@angular2-material/progress-bar": "2.0.0-alpha.6-2",
"@angular2-material/progress-circle": "2.0.0-alpha.6-2",
"@angular2-material/sidenav": "2.0.0-alpha.6-2",
"@angular2-material/toolbar": "2.0.0-alpha.6-2",
"@covalent/core": "0.5.0",
"@covalent/file-upload": "0.5.0",
"@covalent/highlight": "0.5.0",
"@covalent/markdown": "0.5.0",
"es6-shim": "^0.35.1",
"reflect": "^0.1.3",
"reflect-metadata": "^0.1.3",
"rxjs": "5.0.0-beta.6",
"showdown": "^1.4.2",
"systemjs": "^0.19.35",
"zone.js": "^0.6.12"
},

Note: rxjs has to be 5.0 beta 6, the current beta 10 throws a symbol-observable error.

Thanks!

invalid mock-api schemas

Do you want to request a feature or report a bug?

Bug

Bug Report

It appears that the schemas for the mock-api might be outdated?

The current schema in users.yaml is:

displayName: _firstname_ _lastname_
id: _firstname_._lastname_
email: _firstname_._lastname_@_company_.com
created: _createdtimestamp_
lastAccess: _itemtimestamp_
siteAdmin: _admin_

which produces:

[{"created":"_createdtimestamp_","displayName":"_firstname_ _lastname_","email":"_firstname_._lastname_@_company_.com","id":"_firstname_._lastname_","lastAccess":"_itemtimestamp_","siteAdmin":"_admin_"},{"created":"_createdtimestamp_","displayName":"_firstname_ _lastname_","email":"_firstname_._lastname_@_company_.com","id":"_firstname_._lastname_","lastAccess":"_itemtimestamp_","siteAdmin":"_admin_"},{"created":"_createdtimestamp_","displayName":"_firstname_ _lastname_","email":"_firstname_._lastname_@_company_.com","id":"_firstname_._lastname_","lastAccess":"_itemtimestamp_","siteAdmin":"_admin_"},{"created":"_createdtimestamp_","displayName":"_firstname_ _lastname_","email":"_firstname_._lastname_@_company_.com","id":"_firstname_._lastname_","lastAccess":"_itemtimestamp_","siteAdmin":"_admin_"},{"created":"_createdtimestamp_","displayName":"_firstname_ _lastname_","email":"_firstname_._lastname_@_company_.com","id":"_firstname_._lastname_","lastAccess":"_itemtimestamp_","siteAdmin":"_admin_"}]

The documentation here shows a different syntax:

displayName: {{.firstname}} {{.lastname}}
id: {{toLower(.firstname)}}.{{toLower(.lastname)}}
email: {{toLower(.firstname)}}.{{toLower(.lastname)}}@{{.company}}.com
created: {{.createdtimestamp}}
lastAccess: {{.itemtimestamp}}
siteAdmin: {{randomNumber(1)}}

which produces:

[{"created":"10/01/2015 11:05 AM","displayName":"Aaron Burke","email":"[email protected]","id":"aaron.burke","lastAccess":"7/23/2016 12:05 AM","siteAdmin":0},{"created":"10/01/2015 11:06 AM","displayName":"Olive Park","email":"[email protected]","id":"olive.park","lastAccess":"7/23/2016 12:05 AM","siteAdmin":0},{"created":"10/01/2015 11:05 AM","displayName":"Benjamin Davidson","email":"[email protected]","id":"benjamin.davidson","lastAccess":"7/23/2016 12:05 AM","siteAdmin":0},{"created":"10/01/2015 11:07 AM","displayName":"Edward Gonzales","email":"[email protected]","id":"edward.gonzales","lastAccess":"7/23/2016 12:05 AM","siteAdmin":0},{"created":"10/01/2015 11:06 AM","displayName":"Carl Kim","email":"[email protected]","id":"carl.kim","lastAccess":"7/23/2016 12:05 AM","siteAdmin":0}]

The other two (features.yaml and items.yaml) suffer the same issue. I'd just fix it and create a pull request, but I'm not sure how...

angular-cli webpack branch support

Any chance to test with angular-cliwebpack branch which is landing in master this week?

Fix localhost error for gh-pages

instead for the ghpages-deploy we should search and replace those API endpoints with hosted endpoints on Firebase or Heroku

Feature - Collapsible Sidenav and Navlist Items

Feature Request

Adding collapsible Sidenav and Navlists items. This would allow for options to organize these when used as menus.

Here's a live example

how to call overview.component method from dashboard-product.component in covalent quickstart app

how to call overview.component method from dashboard-product.component in Teradata covalent quickstart app

How to call the function of another component in angular 2. I have two parents and child component and I want to call child method from the parent component.

Actually, I am using service from child class component. and I want to call child method from parents class components. and I tried to call from parents using @ViewChild but it gives an error and not working for me.

please help me

Node 9 Compatibility

On yarn install, the following message is displayed:

error [email protected]: The engine "node" is incompatible with this module. Expected version ">4.4 < 7".

Is there support for Node 9? Of course I can work around this by editing the default package.json but I'm curious if there is some incompatibility I should be aware of.

Custom Theme Documentation?

This repository's issues are reserved for feature requests and bug reports.

Do you want to request a feature or report a bug?

Feature Request...(documentation)

Feature Request

Please add an example of using the custom themes to the docs. I can't for the life of me get them to work...

What is the expected behavior?

Top bar will change color to match the custom theme specs

Other information

I see the custom theme definitions in theme.scss but can't get them to be reflected in the UI following the latest guidance from the Angular Material project...i.e adding a wrapping div with class='white-orange', for example.

ERROR in Cannot read property 'getSymbolByModule' of undefined

Hi!

Do you want to request a feature or report a bug?

Report a bug

Bug Report

I cloned this repo and do all the stuff.. when I run "ng serve", it shows me an error and doesn't compile:
ERROR in Cannot read property 'getSymbolByModule' of undefined

I searched in google and adding this line to tsconfig.app.json:
"files": ["main"],, below of "compileOnSave", and it works...

Do you know if it is right to add this line? maybe you forgotten to add that line? or I'm wrong?

Thanks!

Replace '~@' with relative path in .scss files.

Hi!
I got a problem when I build the covalent with webpack like below:

File to import not found or unreadable: ~@angular/material/core/theming/all-theme.

And when I replace '~' with '../node_modules/@angular/material/core/theming/all-theme' ,it changed to print the error with covalent's theme files.

So is there anyone can help?

You have to be inside an angular-cli project in order to use the serve command.

Bug Report

I just cloned this repo, run all the commands and when I try to run ng serve it has an error:
You have to be inside an angular-cli project in order to use the serve command.
And I'm sure that I'm in the correct folder!

I have another project that works, cloned for this quickstart (version of covalent 0.10.0), but now I want to have the latest version of covalent. I think that is better cloned the repo again and only copy my src folder...

I'm on LinuxMint 18 and have node v6.10.0 and npm v4.3.0

Thanks!

CovalentCoreModule not available

This repository's issues are reserved for feature requests and bug reports.

Do you want to request a feature or report a bug?

Report a Bug

Bug Report

After installing yo aspnetgenerator-spa I am trying to add CovalentCoreModule.
But getting unmet error:
UNMET PEER DEPENDENCY @angular/[email protected]
+-- @covalent/[email protected]
| `-- UNMET PEER DEPENDENCY @angular/[email protected]
+-- @covalent/[email protected]

Which version of Angular and Material, and which browser and OS does this issue affect?

Did this work in previous versions of Angular / Material?
Please also test with the latest stable and snapshot versions.

Other information

My dependencies are:
"dependencies": {
"@angular/animations": "^4.1.3",
"@angular/common": "^4.1.3",
"@angular/compiler": "^4.1.3",
"@angular/compiler-cli": "^4.1.3",
"@angular/core": "^4.1.3",
"@angular/forms": "^4.1.3",
"@angular/http": "^4.1.3",
"@angular/material": "^2.0.0-beta.6",
"@angular/platform-browser": "^4.1.3",
"@angular/platform-browser-dynamic": "^4.1.3",
"@angular/platform-server": "^4.1.3",
"@angular/router": "^4.1.3",
"@covalent/core": "1.0.0-beta.4",
"@covalent/dynamic-forms": "1.0.0-beta.4",
"@covalent/highlight": "1.0.0-beta.4",
"@covalent/http": "1.0.0-beta.4",
"@covalent/markdown": "1.0.0-beta.4",
"@types/node": "7.0.18",
"angular2-template-loader": "0.6.2",
"aspnet-prerendering": "^2.0.5",
"aspnet-webpack": "^1.0.29",
"awesome-typescript-loader": "3.1.3",
"bootstrap": "3.3.7",
"css": "2.2.1",
"css-loader": "0.28.1",
"es6-shim": "0.35.3",
"event-source-polyfill": "0.0.9",
"expose-loader": "0.7.3",
"extract-text-webpack-plugin": "2.1.0",
"file-loader": "0.11.1",
"hammerjs": "^2.0.8",
"html-loader": "0.4.5",
"isomorphic-fetch": "2.2.1",
"jquery": "3.2.1",
"json-loader": "0.5.4",
"less": "^2.7.2",
"less-loader": "^4.0.4",
"preboot": "4.5.2",
"raw-loader": "0.5.1",
"reflect-metadata": "0.1.10",
"rxjs": "5.4.0",
"style-loader": "0.17.0",
"to-string-loader": "1.1.5",
"typescript": "^2.3.4",
"url-loader": "0.5.8",
"webpack": "2.5.1",
"webpack-hot-middleware": "2.18.0",
"webpack-merge": "4.1.0",
"zone.js": "0.8.10"
},

Please help me with installing CovalentCoreModule.
Thank you

Slim down the quickstart or make it clear what can be removed

I'm in the process of trying to use the quickstart for a new project, but it's difficult to figure out what can be removed without breaking some aspect of the project structure. It would be nice if the quickstart was more minimalistic and/or provided instructions outlining the best way to strip out example elements

Custom created pages not rendered on Firefox and Safari?

Hello ,

I have successfully used covalent-quickstart for prototyping this site:

https://mobilskys-events.tk

,but the pages which I have added are not rendered in Firefox and Safari , in Chrome everything works fine ! Really to say the rest of the demo pages are rendered correctly and I'm wondering where is my mistake, If someone could help will be great!

Reggards

Bug Report

Build on production, can't map hammerjs

Bug Report

When I use ng build -prod and upload everything where is on my dist/ folder to a server, I am getting the following error:

DevTools failed to parse SourceMap: http://mysite.com/hammer.min.js.map

And the same error happens with showdown.

Which version of Angular and Material, and which browser and OS does this issue affect?

angular-cli: 1.0.0-beta.15
node: 7.0.0
webpack: 2.1.0-beta.22
os: darwin x64

I'm using covalent 8.0

Angular Universal with AOT and without AOT Server rendering needed

i am new too angular 2, i dont have idea about Angular Universal. i have gone through many articles and universal-cli but i got confused.

Do you want to request a feature or report a bug?

feature

Feature Request

please make this quick start production ready with Angular Universal, so noob developer like me can easily make production ready app.

Example fails on npm i

What is the expected behavior?

The example will install sucessfully on Windows.

Which version of Angular and Material, and which browser and OS does this issue affect?

This affects the most recent version as of 7-13-2017

I am trying to install the example on my Windows laptop, but it fails on the second to last step npm i.

Here is the error message, log file attached below:

PS C:\Users\ks777e\Angular\covalent-quickstart> npm i

> [email protected] postinstall C:\Users\ks777e\Angular\covalent-quickstart
> webdriver-manager update && ./scripts/protractor.sh

[16:25:42] I/update - chromedriver: file exists C:\Users\ks777e\Angular\covalent-quickstart\node_modules\protractor\node
_modules\webdriver-manager\selenium\chromedriver_2.30.zip
[16:25:42] I/update - chromedriver: unzipping chromedriver_2.30.zip
[16:25:42] I/update - chromedriver: chromedriver_2.30.exe up to date
[16:25:42] I/update - selenium standalone: file exists C:\Users\ks777e\Angular\covalent-quickstart\node_modules\protract
or\node_modules\webdriver-manager\selenium\selenium-server-standalone-3.4.0.jar
[16:25:42] I/update - selenium standalone: selenium-server-standalone-3.4.0.jar up to date
[16:25:43] I/update - geckodriver: file exists C:\Users\ks777e\Angular\covalent-quickstart\node_modules\protractor\node_
modules\webdriver-manager\selenium\geckodriver-v0.18.0.zip
[16:25:43] I/update - geckodriver: unzipping geckodriver-v0.18.0.zip
[16:25:43] I/update - geckodriver: geckodriver-v0.18.0.exe up to date
'.' is not recognized as an internal or external command,
operable program or batch file.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any
"} (current: {"os":"win32","arch":"x64"})
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "i"
npm ERR! node v6.11.1
npm ERR! npm  v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] postinstall: `webdriver-manager update && ./scripts/protractor.sh`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'webdriver-manager update && ./scripts/protractor.sh
'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with th
[npm-debug.txt](https://github.com/Teradata/covalent-quickstart/files/1145327/npm-debug.txt)
e covalent-quickstart package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     webdriver-manager update && ./scripts/protractor.sh
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs covalent-quickstart
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls covalent-quickstart
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     C:\Users\ks777e\Angular\covalent-quickstart\npm-debug.log
PS C:\Users\ks777e\Angular\covalent-quickstart> npm bugs covalent-quickstart

Node and npm versions:

PS C:\Users\ks777e\Angular\covalent-quickstart> node --version
v6.11.1
PS C:\Users\ks777e\Angular\covalent-quickstart> npm --version
3.10.10

I also tried converting my postinstall attribute in package.json to "postinstall": "webdriver-manager update && bash ./scripts/protractor.sh", which also did not help.

Any suggestions what to try next?

Stepper methods calls doesn't work

Hi,

I think this is a bug report

Bug Report

Stepper methods doesn't work for TDStepComponent, toogle(), nor open() and close()
for exemple I tried adding a stepper in the userformcomponent please see the code in files below.
The line nextStep.toggle() in form.component.ts should trigger a toggle but it doesn't
I also tried to mix curStep.close() and nextStep.open().... same problems.
Thank you for your help

users.module.ts.txt

form.component.html.txt

form.component.ts.txt

Regards

Quickstart AOT buid not working

i have clone quickstart repo -> npm install -> ng build --prod --aot and i got following error

ERROR in ./~/@covalent/core/index.ts
Module build failed: TypeError: Cannot read property 'text' of undefined
    at Object.getTokenPosOfNode (/home/vinay/covalent-quickstart/node_modules/typescript/lib/typescript.js:6635:71)
    at IdentifierObject.TokenOrIdentifierObject.getStart (/home/vinay/covalent-quickstart/node_modules/typescript/lib/typescript.js:78683:23)
    at IdentifierObject.TokenOrIdentifierObject.getText (/home/vinay/covalent-quickstart/node_modules/typescript/lib/typescript.js:78704:77)
    at refactor.findAstNodes.filter (/home/vinay/covalent-quickstart/node_modules/@ngtools/webpack/src/loader.js:135:44)
    at Array.filter (native)
    at refactor.findAstNodes.forEach.node (/home/vinay/covalent-quickstart/node_modules/@ngtools/webpack/src/loader.js:134:14)
    at Array.forEach (native)
    at _removeDecorators (/home/vinay/covalent-quickstart/node_modules/@ngtools/webpack/src/loader.js:125:10)
    at Promise.resolve.then (/home/vinay/covalent-quickstart/node_modules/@ngtools/webpack/src/loader.js:295:33)
 @ ./src/$$_gendir/app/app.module.ngfactory.ts 68:0-49
 @ ./src/main.ts
 @ multi ./src/main.ts

RTL layout issue

This repository's issues are reserved for feature requests and bug reports.

Do you want to request a feature or report a bug?

Bug Report

please provide steps to reproduce and if possible screenhots or animated Gifs.
you can easily create animated Gif with this free PC/OSX App: http://www.cockos.com/licecap/

Screenshots or link to CodePen/Plunker/JSfiddle

What is the expected behavior? have normal RTL layout

What is the motivation / use case for changing the behavior? adding `dir="rtl"` in `index.html` file cause collapsing the layout.

Which version of Angular and Material, and which browser and OS does this issue affect?

Did this work in previous versions of Angular / Material?
Please also test with the latest stable and snapshot versions.

Windows 10
node v6.9.5
npm 3.10.10
@covalent/core 1.0.0-beta.3

Other information

(e.g. detailed explanation, stacktraces, related issues, suggestions how to fix)

SVG in Firefox are oversized

This repository's issues are reserved for feature requests and bug reports.

Do you want to request a feature or report a bug?

BUG

Bug Report

svg icons are oversized in Firefox vs Chrome.
To check by yourself, go to official Teradata Covalent Template Plnker for Landing page app Template : https://run.plnkr.co/preview/cj81wh64u0007345sb154egxq/

Screenshots or link to CodePen/Plunker/JSfiddle

Chrome Screenshot:

Firefox Screenshot

What is the expected behavior?

svg rendering should be homogeneous across browsers. Chrome seems to render the svg in a corerct way, whereas Firefox doesn't

What is the motivation / use case for changing the behavior?

Web page design is distorted in Firexfox.

Which version of Angular and Material, and which browser and OS does this issue affect?

angular/cli: 1.4.1
node: 7.10.1

FireFox:
55.0.2 (64-bit)

Chrome:
Version 61.0.3163.100 (Official Build) (64-bit)

OS:
Linux Mint 17 Qiana
RELEASE=17
CODENAME=qiana
EDITION="Cinnamon 64-bit"
DESCRIPTION="Linux Mint 17 Qiana"
DESKTOP=Gnome
TOOLKIT=GTK

Did this work in previous versions of Angular / Material?

Don't know

Upgrade to @[email protected]

This repository's issues are reserved for feature requests and bug reports.

Do you want to request a feature or report a bug?

Feature Request

Upgrade to @covalent@0.6.0

What is the motivation / use case for changing the behavior?

Upgrading quickstart to the latest release of @covalent

Use feature modules

Do you want to request a feature or report a bug?

Feature Request

To align better with the Angular 2 Style Guide, the quickstart should have feature modules for each directory under the app folder.

What is the motivation / use case for changing the behavior?

Loading all components into a single app module is not scalable. Demonstrating how to create feature modules would make it easier for users to adapt the quickstart to their needs.

Remove loading Quickstart

Big fan of this; using it to prototype much faster.

Is it possible to remove the "Loading Covalent Quickstart" screen that occurs every time I refresh? It would rapidly increase my development time.

npm install fails on Windows cmd

Bug Report

On Windows, clone the repo and npm i.
Error = '.' is not recognized as an internal or external command,

What is the expected behavior?

Installation works.

What is the motivation / use case for changing the behavior?

Availability to windows users.

Other information

Fix = "webdriver-manager update && bash ./scripts/protractor.sh" in package.json

covalent-data is broken by default

Do you want to request a feature or report a bug?

Bug

Bug Report

Covalent-data doesn't work by default in covalent-quickstart. Running "npm run start-api" fails because covalent-data expects the datum and schemas folders to be within a config folder.

Screenshots or link to CodePen/Plunker/JSfiddle

https://github.com/Teradata/covalent-data/blob/6f9e2afdb161b1d3bae4ed4abb07217b2b8ce2f3/server.go

In order to fix this create a config folder within mock-api/ and move the datum and schemas folders within the config folder.

Addressed in PR #75

Bug: Use behind corporate proxy

When following the getting started instructions from behind a corporate proxy, the command webdriver-manager update fails. Simply adding args --proxy=<proxy> and --ignore_ssl does not help.

md-slide-toggle-focused md-ink-ripple bg color

Need to update this:

md-slide-toggle {
        &.md-checked {
            .md-slide-toggle-thumb {
                background-color: $md-accent;
            }
            .md-slide-toggle-bar {
                background-color: $md-accent-opacity;
            }
        }
    }

md-slide-toggle {
        &.md-checked {
            .md-slide-toggle-thumb {
                background-color: $md-accent;
            }
            .md-slide-toggle-bar {
                background-color: $md-accent-opacity;
            }
        }
        &.md-slide-toggle-focused {
            .md-ink-ripple {
                background-color: $md-accent-opacity;
            }
        }
    }

so the ink-ripple matches the theme we're overriding in app/app.component.scss

Override Expansion Panels in Quickstart

include /components/stepper within quickstart app
customize local stepper differently
use custom stepper in 1 view and covalent stepper in another

BUG: Top left toolbar toggle button missing after upgrading to material beta 8 and covalent beta 6.

Easy steps to reproduce:

It's running fine with the existing develop branch (Aug 19), I can see the toggle button on the top left of the top toolbar. However, after I upgraded to latest version (see below), the toggle button is missing.

Updated @angular/material to "2.0.0-beta.8"
Added "@angular/cdk": "2.0.0-beta.8"
Updated all @covalent packages to "1.0.0-beta.6"

Qing

Improve Lighthouse score

Bug Report

I'm not sure if this counts as a bug - but figured I'd open this issue to see if you all think worth having a discussion. I'm playing around with this starter app (it's great!), and decided to run it through Google's Lighthouse tool to see what it says. Turns out, there may be some low-hanging fruit to improve the baseline performance and demonstrate even more Angular best-practices in this quickstart.

Let me know if there's a better place to chat about this, or if you have any questions for me!

Steps to view results

Load JSON from this Gist into the Lighthouse viewer

Steps to test it yourself

The easiest way is to use the chrome extension.

Install the Lighthouse chrome extension
Go to the Covalent Quickstart App or your local version of the quickstart.
Generate a report with the extension.

NG serve - stop at webpack: compiled succesfully

Follow exactly the setup instructions.

OS: Windows 7 - 64 bit
node -v: 6.9.4
npm -v: 4.1.1

Issue with new version of Typescript 2.1.4

This repository's issues are reserved for feature requests and bug reports.

Bug Report

As the package.json has all the dependencies written with ^, npm is installling typescript version 2.1.4 and this version breaks something in the build process (s-panferov/awesome-typescript-loader#190 (comment)).

Screenshots or link to CodePen/Plunker/JSfiddle

$ ng serve
Could not start watchman; falling back to NodeWatcher for file system events.
Visit http://ember-cli.com/user-guide/#watchman for more info.
** NG Live Development Server is running on http://localhost:4200. **
 11% building modules 9/18 modules 9 active ...s/webpack-dev-server/client/socket.jsTypeError: Cannot read property 'exclude' of undefined
    at applyDefaults (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
    at Object.ensureInstance (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
    at compiler (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:37:20)
    at Object.loader (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:18:18)
    at LOADER_EXECUTION (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
    at runSyncOrAsync (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
    at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
    at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:213:10)
    at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:228:3
    at Object.context.callback (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:106:13)
    at Object.module.exports (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/angular2-template-loader/index.js:32:10)
    at LOADER_EXECUTION (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:114:14)
    at runSyncOrAsync (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:115:4)
    at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:224:2)
    at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:197:4
    at Storage.finished (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:39:16)
    at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/enhanced-resolve/node_modules/graceful-fs/graceful-fs.js:78:16
    at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:445:3) 'TypeError: Cannot read property \'exclude\' of undefined\n    at applyDefaults (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:266:72)\n    at Object.ensureInstance (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:145:5)\n    at compiler (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:37:20)\n    at Object.loader (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:18:18)\n    at LOADER_EXECUTION (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n    at runSyncOrAsync (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n    at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n    at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:213:10)\n    at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:228:3\n    at Object.context.callback (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:106:13)\n    at Object.module.exports (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/angular2-template-loader/index.js:32:10)\n    at LOADER_EXECUTION (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:114:14)\n    at runSyncOrAsync (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:115:4)\n    at iterateNormalLoaders (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:224:2)\n    at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/loader-runner/lib/LoaderRunner.js:197:4\n    at Storage.finished (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:39:16)\n    at /Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/enhanced-resolve/node_modules/graceful-fs/graceful-fs.js:78:16\n    at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:445:3)'
3544ms building modules    1ms add1m309ms c32ms asset15ms emittinggHash: 74b3a6409ee63f01d662
Version: webpack 2.1.0-beta.25
Time: 3980ms
                                 Asset       Size  Chunks             Chunk Names
                     scripts.bundle.js    97.5 kB    2, 3  [emitted]  scripts
  e79bfd88537def476913f3ed52f4f4b3.eot     143 kB          [emitted]
 012cf6a10129e2275d79d6adac7f3b02.woff    57.6 kB          [emitted]
570eb83859dc23dd0eec423a49e147fe.woff2    44.3 kB          [emitted]
                        main.bundle.js     241 kB    0, 3  [emitted]  main
                      styles.bundle.js     354 kB    1, 3  [emitted]  styles
  a37b0c01c0baf1888ca812cc0508f6e2.ttf     128 kB          [emitted]
                             inline.js    5.53 kB       3  [emitted]  inline
                              main.map     299 kB    0, 3  [emitted]  main
                            styles.map     473 kB    1, 3  [emitted]  styles
                           scripts.map     119 kB    2, 3  [emitted]  scripts
                            inline.map    5.59 kB       3  [emitted]  inline
                            index.html  694 bytes          [emitted]

ERROR in ./src/main.ts
Module build failed: TypeError: Cannot read property 'exclude' of undefined
    at applyDefaults (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
    at Object.ensureInstance (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/instance.ts:145:5)
    at compiler (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:37:20)
    at Object.loader (/Users/aletormat/Dev/githubRubbish/covalent-quickstart/node_modules/awesome-typescript-loader/src/index.ts:18:18)
 @ multi main
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  2.97 kB       0
webpack: bundle is now VALID.

Other information

After changing the package.json and install typescript 2.0.10 fixes the problem.
"typescript": "2.0.10". I would suggest to don't declare the versions with ^ in the package.json.