refactor(Global): Move to a bundle architecture (rollup & angular cli for demo app)

Fix all component to be compliant with Cli-compiler

BREAKING CHANGE: Move all .module.ts files to index.ts

#111

Author: rtrompier

.angular-cli.json

@@ -0,0 +1,62 @@
+{
+    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+    "project": {
+        "name": "dejajs-component"
+    },
+    "apps": [
+        {
+            "root": "demo",
+            "outDir": "dist-demo",
+            "assets": [
+                "assets",
+                "favicon.ico",
+                "vs"
+            ],
+            "index": "index.html",
+            "main": "main.ts",
+            "polyfills": "../polyfills.ts",
+            "test": "test.ts",
+            "tsconfig": "tsconfig.app.json",
+            "testTsconfig": "tsconfig.spec.json",
+            "prefix": "app",
+            "styles": [
+                "styles.scss"
+            ],
+            "scripts": [
+                "../node_modules/moment/min/moment.min.js",
+                "../send-action.js",
+                "send-action-demo.js"
+            ],
+            "environmentSource": "environments/environment.ts",
+            "environments": {
+                "dev": "environments/environment.ts",
+                "prod": "environments/environment.prod.ts"
+            }
+        }
+    ],
+    "e2e": {
+        "protractor": {
+            "config": "./protractor.conf.js"
+        }
+    },
+    "lint": [
+        {
+            "project": "demo/tsconfig.app.json"
+        },
+        {
+            "project": "demo/tsconfig.spec.json"
+        },
+        {
+            "project": "e2e/tsconfig.e2e.json"
+        }
+    ],
+    "test": {
+        "karma": {
+            "config": "./karma.conf.js"
+        }
+    },
+    "defaults": {
+        "styleExt": "scss",
+        "component": {}
+    }
+}

.editorconfig

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

.gitignore

@@ -1,67 +1,59 @@
-# Created by .ignore support plugin (hsz.mobi)
-### Node template
-# Logs
-logs
-*.log
-npm-debug.log*
-*.bat
-
-# 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
-# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
-id_rsa
-id_rsa.pub
-node_modules
-dist
-*.d.ts
-*.js
-*.js.map
-!webpack.*
-!send-action.js
-!send-action-test.js
-!bs-config.js
-!specs/**/*.js
-
-src/polyfills.js
-src/**/*.css
-src/**/*.css.map
-
-dejajs-angular2.css
-
-# IntelliJ project files 
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/dist-demo
+/build
+/.tmp
+/out-tsc
+/docs
+
+# dependencies
+/node_modules
+
+# 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
+
+# IDE - IntelliJ
 *.iml
 *.iws
 *.ipr
 .idea/
 
-# vscode project file
-.vscode/
-
-# Typings
-typings/
-!src/common/global-event/typings
-
-# docs
-docs/
-
-# The output file for cyclic dependencies
-stats.json
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+testem.log
+/typings
+
+# e2e
+/e2e/*.js
+/e2e/*.map
+
+# System Files
+.DS_Store
+Thumbs.db
+
+# Ignore in source
+src/*.js
+src/*.js.map
+src/**/*.d.ts
+
+# Ignore in demo
+demo/vs

.npmignore

@@ -1,21 +1,34 @@
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
+# Node
+node_modules/*
+npm-debug.log
+docs/*
+# DO NOT IGNORE TYPESCRIPT FILES FOR NPM
+# TypeScript
+# *.js
+# *.map
+# *.d.ts
 
-# Dependency directory
-# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
-node_modules
-
-# IntelliJ project files
+# JetBrains
+.idea
+.project
+.settings
+.idea/*
 *.iml
-*.iws
-*.ipr
-.idea/
 
-#VS code project files
-.vscode/
+# VS Code
+.vscode/*
+
+# Windows
+Thumbs.db
+Desktop.ini
+
+# Mac
+.DS_Store
+**/.DS_Store
 
-#Typings
-typings/
+# Ngc generated files
+**/*.ngfactory.ts
 
-#npm-debug logs horodated
-npm-debug.log*
+# Library files
+src/*
+build/*

.travis.yml

@@ -25,21 +25,20 @@ branches:
   - dev
 before_install:
 - rm -rf node_modules
-- bash ./scripts/test-latest-versions.sh
+- bash ./tools/scripts/test-latest-versions.sh
 before_script:
 - "export DISPLAY=:99.0"
 - "sh -e /etc/init.d/xvfb start"
 - sleep 3
 - npm prune
-- npm run licensecheck
+- yarn run licensecheck
+- yarn run lint
 script:
-- npm test
+- yarn run e2e
 env:
   global:
   - ENCRYPTION_LABEL: d9215e5535f8
   - COMMIT_AUTHOR_EMAIL: [email protected]
-before_deploy:
-- bash ./scripts/fix-versions.sh
 deploy:
   provider: npm
   email: [email protected]

bs-config.js

@@ -5,7 +5,7 @@
         </md-card>
     </md-tab>-->
     <md-tab label="API REFERENCE"></md-tab>
-    <md-tab label="EXAMPLES"></md-tab>
+    <md-tab label="EXAMPLES 2"></md-tab>
 </md-tab-group>
 
 <md-card class="demo-card demo-basic" *ngIf="tabIndex === 0">

demo-app/demo-app/theme.scss

@@ -10,8 +10,8 @@ import { Component } from '@angular/core';
 
 @Component({
     selector: 'deja-accordion-demo',
-    styleUrls: ['./accordion-demo.scss'],
-    templateUrl: './accordion-demo.html',
+    styleUrls: ['./accordion-demo.component.scss'],
+    templateUrl: './accordion-demo.component.html',
 })
 export class DejaAccordionDemoComponent {
     protected tabIndex = 1;

404.html renamed to demo/404.html

@@ -0,0 +1,4 @@
+export declare class DejaAccordionDemoComponent {
+    protected tabIndex: number;
+    constructor();
+}

demo-app/accordion/accordion-demo.html renamed to demo/app/accordion/accordion-demo.component.html

@@ -1,5 +1,5 @@
 <md-toolbar color="primary" id="toolbar-demo">
-    <img src="hug-logo-bw.svg" alt="HUG Logo" height="30">
+    <img src="/assets/img/logo/hug-logo-bw.svg" alt="HUG Logo" height="30">
     <a md-button routerLink="/">DEJA JS</a>
     <a md-button routerLink="/components">COMPONENTS</a>
     <a md-button routerLink="/guides">GUIDES</a>

demo-app/accordion/accordion-demo.scss renamed to demo/app/accordion/accordion-demo.component.scss

@@ -1,29 +1,5 @@
 @import '~@angular/material/theming';
-@import '../../src/scss/index.scss';
-@import '../home/home-theme';
-
-@mixin create-theme($color1, $color2) {
-    @include mat-core();
-
-    // Define color scheme
-    $primary: mat-palette($color1);
-    $accent: mat-palette($color2);
-    $warn: mat-palette($mat-red);
-
-    // Create the theme object from colors
-    $pink-theme: mat-light-theme($primary, $accent, $warn);
-
-    // Include theme styles for core and each component used in the app.
-    @include angular-material-theme($pink-theme);
-
-    /* ------ FAKE THEME ----- */
-    /* WE NEED TO CREATE A FAKE THEME AND OVERRIDE THE COMPONENT MIXIN TO FIX THE MATERIAL COMPONENT COLOR ISSUE */
-    /* https://github.com/angular/material2/issues/947 */ 
-    $fake-theme: mat-light-theme($primary, $primary, $warn);
-    @include mat-radio-theme($fake-theme);
-    @include deja-theme($pink-theme);
-    @include home-demo-theme($pink-theme);
-}
+/*@import '../home/home-theme';*/
 
 html,
 body {
@@ -32,24 +8,6 @@ body {
     padding: 0;
 }
 
-demo-app {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    // overflow: hidden;
-
-    &[theme="hug"] {
-        @import '../../src/scss/variables/themeHUG';
-        @include deja-theme($theme);
-        @include home-demo-theme($theme);
-    }
-
-    &[theme="pink"] { @include create-theme($mat-pink, $mat-indigo); }
-    &[theme="teal"] { @include create-theme($mat-teal, $mat-green); }
-    &[theme="amber"] { @include create-theme($mat-amber, $mat-orange); }
-}
-
 body {
     font-family: Roboto, 'Helvetica Neue', sans-serif;
     // Helps fonts on OSX looks more consistent with other systems