Ng cli migrate (#302)

* Initial structure on migrating the repo to ng cli

* Migrate the remaing samples to the new structure

* Remove 'sh -e /etc/init.d/xvfb start' and add services for xvfb

* Configure the tests according to the new structure

* Change node version to 10

* Revert the waiting in before_install as Chrome seems to be not ready

* Add jquery and ignite-ui type definitions when building the lib

* Fix scripts for bundling the library

* Fix coverage in travis CI

* Fix coverage

* Add watch=false when running test

* Fix parsing travis file

* Add combo tests

* Fix travis configuration

* Attemp to resolve travis build issues

* Add the tests for all components

* Fix the routing paths

* Ignore coverage of dummy methods used for intellisence

* Add test for data source

* Add { optional: true } to query of animations so it wont throw an error

* Fix pivot grid styling

* Remove lint from scripts and fix readme

* Remove animations and fix some styling issues

Author: dkamburov

.editorconfig

@@ -0,0 +1,13 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.gitignore

@@ -1,60 +1,46 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directory
-node_modules
-bower_components
-
-# Optional npm cache directory
-.npm
-
-# Optional REPL history
-.node_repl_history
-
-# Typings
-typings
-
-# Typescript output
-app/*.d.ts
-app/*.js
-app/*.js.map
-
-samples/**/*.d.ts
-samples/**/*.js
-samples/**/*.js.map
-
-src/**/*.d.ts
-src/**/*.js
-src/**/*.js.map
-src/**/*.metadata.json
-
-tests/unit/**/*.d.ts
-tests/unit/**/*.js
-tests/unit/**/*.js.map
-
-# Build:
-dist/npm
-!dist/npm/README.md
-!dist/npm/package.json
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+# Only exists if Bazel was run
+/bazel-out
+
+# dependencies
+/node_modules
+
+# profiling files
+chrome-profiler-events.json
+speed-measure-plugin.json
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db

.travis.yml

@@ -1,19 +1,27 @@
+sudo: required
+dist: trusty
 language: node_js
 node_js:
-- '8'
+- '10.12.0'
 before_install:
-- export CHROME_BIN=chromium-browser
+- export NG_CLI_ANALYTICS=false
+- export CHROME_BIN=/usr/bin/google-chrome
 - export DISPLAY=:99.0
 - sh -e /etc/init.d/xvfb start
+- sudo apt-get -qq update
+- sudo apt-get install -y libappindicator1 fonts-liberation
+- wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
+- sudo dpkg -i google-chrome*.deb
 - sleep 3
+
 script:
-- npm run test
-- cat ./coverage/lcov.info | coveralls
+- npm run test:lib
+- cat ./coverage/igniteui-angular-wrappers/lcov.info | coveralls
 
 before_deploy:
 # package and navigate to dist
-- npm run bundle
-- cd dist/npm
+- npm run build:lib
+- cd dist/igniteui-angular-wrappers
 # update package version
 - npm version "$TRAVIS_TAG" --no-git-tag-version --save
 

README.md

@@ -4,7 +4,7 @@
 [![Coverage Status](https://coveralls.io/repos/github/IgniteUI/igniteui-angular-wrappers/badge.svg?branch=master)](https://coveralls.io/github/IgniteUI/igniteui-angular-wrappers?branch=master)  
 [![npm version](https://badge.fury.io/js/igniteui-angular-wrappers.svg)](https://badge.fury.io/js/igniteui-angular-wrappers)
 
-Use the components found in `src\main.ts` to use [Ignite UI](http://igniteui.com) controls in [Angular](https://angular.io/) applications. [Work with the running samples here](http://igniteui.github.io/igniteui-angular-wrappers).
+Use the components found in `projects\igniteui-angular-wrappers\src\public-api.ts` to use [Ignite UI](http://igniteui.com) controls in [Angular](https://angular.io/) applications. [Work with the running samples here](http://igniteui.github.io/igniteui-angular-wrappers).
 
 **IMPORTANT** The repository has been renamed from `igniteui-angular2` to `igniteui-angular-wrappers`. Read more on our new [naming convention](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-github-repo-name-changes). 
 
@@ -339,91 +339,6 @@ Component methods can be called by accessing the component from the view. For ex
         }
     }
 
-## Using Ignite UI Wrappers for Angular inside AOT app
-As a starting point, you can review the [Angular documentation on the subject](https://angular.io/docs/ts/latest/cookbook/aot-compiler.html), which provides a guide how to compile an app with AOT. Follow their instructions to AOT compile the quickstart app.
-
-Once you have a running application compiled with AOT, the next step is to add the Ignite UI Components into this app. In this demo IgComboComponent is being added to the app, igCombo is an OSS widget and it is part of the ignite-ui npm package.
-First we need to install the required packages:
-- `npm install ignite-ui`
-- `npm install igniteui-angular-wrappers`
-- `npm install jquery-ui-bundle`
-
-**Note**: You have to download the full Ignite UI product if you would like to use widgets which are not part of the OSS widgets. This is a [list](https://github.com/IgniteUI/ignite-ui#available-features-in-ignite-ui-open-source-version) of the controls available in the Open-source version
-
-Then go to the app module and import the combo - `import 'ignite-ui/js/modules/infragistics.ui.combo.js';`. But before that add all the dependencies for it:
-
-    import 'jquery';
-    import 'jquery-ui-bundle/jquery-ui.min.js';
-    import 'ignite-ui/js/modules/infragistics.util.js';
-    import 'ignite-ui/js/modules/infragistics.templating.js';
-    import 'ignite-ui/js/modules/infragistics.datasource.js';
-    import 'ignite-ui/js/modules/infragistics.ui.combo.js';
-
-In addition, at the end import the IgniteUIModule:
-
-    import { IgniteUIModule } from 'igniteui-angular-wrappers';
-    @NgModule({
-    imports: [ BrowserModule, IgniteUIModule ],
-    …
-    })
-    export class AppModule {}
-
-In order to take advantage of the [Tree shaking](https://angular.io/docs/ts/latest/cookbook/aot-compiler.html#!#tree-shaking) the Rollup has to be set up.
-Open rollup-config.js, include igniteui-angular-wrappers to `commonjs` plugin and add `namedExport` for jquery:
-
-    commonjs({
-        include: ['node_modules/rxjs/**',
-            'node_modules/igniteui-angular-wrappers/**',
-        ],
-        namedExports: {
-            'node_modules/jquery/dist/jquery.min.js': [ 'jquery' ]
-        }
-    }),
-
-Additional plugin rollup-plugin-replace should be installed
-`npm install rollup-plugin-replace` in order to fix the offline compilation of Ignite UI util module.
-`this.Class` should be changed to `window.Class`, because the offline compilation is not having the same [context and this is changed to undefined](https://github.com/rollup/rollup/issues/942).
-
-      replace({
-        // this is undefined for the specified context, so replace it with window to access Class
-        include: 'node_modules/ignite-ui/js/modules/infragistics.util.js',
-        values: { 'this.Class': 'window.Class' }
-      }),
-
-Now we are ready to use the IgComboComponent
-`<ig-combo [dataSource]="heroesCombo" [widgetId]="comboId" [textKey]="'name'" [valueKey]="'id'"></ig-combo>` in app.component.html 
-And also define the used properties in AppComponent class:
-
-    export class AppComponent {
-    comboId = 'combo1';
-    showHeading = true;
-    heroes = ['Magneta', 'Bombasto', 'Magma', 'Tornado'];
-    heroesCombo = [{id: 0, name: 'Magneta'}, {id: 1, name:'Bombasto'}, {id: 2, name:'Magma'}, {id: 3, name:'Tornado'}];
-
-    toggleHeading() {
-        this.showHeading = !this.showHeading;
-    }
-    }
-
-At the end, apply Ignite UI styling. To achieve this, postcss plugin should be installed
-`npm install rollup-plugin-postcss` 
-
-Open rollup-config.js file and import postcss:
-
-    import postcss from 'rollup-plugin-postcss'
-    …
-      postcss({
-        extensions: ['.css']
-      }),
-
-
-[Download](https://github.com/IgniteUI/igniteui-angular-wrappers/files/975676/quickstart-igniteui-angular-wrappers-aot.zip) the modified app which uses the specified product. To run it with AOT:
-1. npm install
-2. npm run build:aot
-3. npm run serve
-
-
-
 ## Two-way Data Binding
 The following controls currently support two-way data binding:
 
@@ -465,12 +380,9 @@ The command for running the tests is:
 
     npm test
 
-After that, if all tests successfully passed a code coverage for the `main.ts` filse will be generated under the `./coverage` folder.
-
-To see the code coverage you can open one of the html files under `./coverage/html-report/src`.
+After that, if all tests successfully passed a code coverage for the `public-api.ts` file will be generated under the `./coverage/igniteui-angular-wrappers` folder.
 
-**Note:** The code coverage is actually being generated on the `main.js` file (comes from compilation of the source .ts file). That coverage is saved under the `coverage/karma-tmp` folder.
-Since we need the code coverage of the `main.js` file itself, we use the remap-istanbul module to remap the report from the .js file to the .ts file and save it under the `coverage/html-report` and `coverage/lcov.info`.
+To see the code coverage you can open one of the html files under `./coverage/igniteui-angular-wrappers/src`.
 
 ---------------------------------------