chore(demos): update gitignore, clean up app.module.ts build errors

update gitignore, clean up app.module.ts build errors

.gitignore

@@ -28,3 +28,8 @@ src/themes/version.scss
 scripts/e2e/webpackEntryPoints.json
 scripts/build/e2e-generated-tsconfig.json
 *.css.ts
+
+# demo stuff
+demos/node_modules
+demos/src/**/*.js
+demos/src/**/*.ngfactory.ts

demos/src/events/app.module.ts

@@ -1,18 +1,20 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage } from './app.component';
+import { ApiDemoApp, Login, Logout } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage
+    Login,
+    Logout
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)
   ],
   bootstrap: [IonicApp],
   entryComponents: [
-    ApiDemoPage
+    Login,
+    Logout
   ]
 })
 export class AppModule {}

demos/src/loading/app.component.ts

@@ -2,7 +2,7 @@ import { Component, ViewEncapsulation } from '@angular/core';
 import { LoadingController, NavController } from 'ionic-angular';
 
 @Component({
-  templateUrl: 'main.html'
+  templateUrl: 'page.html'
 })
 export class Page1 {
   constructor(public loadingCtrl: LoadingController, public navCtrl: NavController) {}

demos/src/loading/app.module.ts

@@ -1,18 +1,20 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage } from './app.component';
+import { ApiDemoApp, Page1, Page2 } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage
+    Page1,
+    Page2
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)
   ],
   bootstrap: [IonicApp],
   entryComponents: [
-    ApiDemoPage
+    Page1,
+    Page2
   ]
 })
 export class AppModule {}

demos/src/modal/app.module.ts

@@ -1,18 +1,20 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage } from './app.component';
+import { ApiDemoApp, ModalContentPage, ModalFirstPage } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage
+    ModalFirstPage,
+    ModalContentPage
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)
   ],
   bootstrap: [IonicApp],
   entryComponents: [
-    ApiDemoPage
+    ModalFirstPage,
+    ModalContentPage
   ]
 })
 export class AppModule {}

demos/src/textarea/app.module.ts

@@ -1,12 +1,11 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage, TabPage } from './app.component';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage,
-    TabPage
+    ApiDemoPage
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)

demos/src/title/app.module.ts

@@ -1,12 +1,11 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage, TabPage } from './app.component';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage,
-    TabPage
+    ApiDemoPage
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)

demos/src/toast/app.module.ts

@@ -1,12 +1,11 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage, TabPage } from './app.component';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage,
-    TabPage
+    ApiDemoPage
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)

demos/src/toggle/app.module.ts

@@ -1,12 +1,11 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage, TabPage } from './app.component';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage,
-    TabPage
+    ApiDemoPage
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)

demos/src/toolbar/app.module.ts

@@ -1,12 +1,11 @@
 import { NgModule } from '@angular/core';
 import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage, TabPage } from './app.component';
+import { ApiDemoApp, ApiDemoPage } from './app.component';
 
 @NgModule({
   declarations: [
     ApiDemoApp,
-    ApiDemoPage,
-    TabPage
+    ApiDemoPage
   ],
   imports: [
     IonicModule.forRoot(ApiDemoApp)

demos/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "allowUnreachableCode": false,
+    "declaration": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "lib": ["dom", "es2015"],
+    "module": "es2015",
+    "moduleResolution": "node",
+    "noImplicitAny": false,
+    "removeComments": true,
+    "target": "es6",
+    "types": ["jasmine", "protractor"]
+  },
+  "include": [
+    "./src/**/app.module.ts",
+    "./src/**/main.ts"
+  ],
+  "compileOnSave": false,
+  "buildOnSave": false,
+  "atom": {
+    "rewriteTsconfig": false
+  }
+}

scripts/gulp/constants.ts

@@ -4,6 +4,7 @@ import { join } from 'path';
 // Names
 export const COMPONENTS_NAME = 'components';
 export const DIST_NAME = 'dist';
+export const DEMOS_NAME = 'demos';
 export const E2E_NAME = 'e2e';
 export const PACKAGE_NAME = 'ionic-angular';
 export const SCRIPTS_NAME = 'scripts';
@@ -17,6 +18,8 @@ export const ES_MODULE = 'es2015';
 
 // File Paths
 export const PROJECT_ROOT = join(__dirname, '../..');
+export const DEMOS_ROOT = join(PROJECT_ROOT, DEMOS_NAME);
+export const DEMOS_SRC_ROOT = join(DEMOS_ROOT, SRC_NAME);
 export const DIST_ROOT = join(PROJECT_ROOT, DIST_NAME);
 export const DIST_E2E_ROOT = join(DIST_ROOT, E2E_NAME);
 export const DIST_E2E_COMPONENTS_ROOT = join(DIST_E2E_ROOT, COMPONENTS_NAME);
@@ -26,6 +29,7 @@ export const DIST_VENDOR_ROOT = join(DIST_ROOT, VENDOR_NAME);
 export const NODE_MODULES_ROOT = join(PROJECT_ROOT, NODE_MODULES);
 export const SCRIPTS_ROOT = join(PROJECT_ROOT, SCRIPTS_NAME);
 export const SRC_ROOT = join(PROJECT_ROOT, SRC_NAME);
+
 export const SRC_COMPONENTS_ROOT = join(SRC_ROOT, COMPONENTS_NAME);
 
 

scripts/gulp/tasks/demos.ts

@@ -0,0 +1,5 @@
+
+
+function runNgc() {
+
+}

scripts/gulp/tasks/e2e.ts

@@ -5,8 +5,6 @@ import * as fs from 'fs';
 
 import { compileSass, copyFonts, createTempTsConfig, deleteFiles, runNgc, runWebpack, setSassIonicVersion, createTimestamp } from '../util';
 
-
-
 task('e2e', e2eBuild);
 
 function e2eBuild(done: Function) {