feat: have routing by default for new applications

Author: sis0k0

package-lock.json

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { NativeScriptRouterModule } from 'nativescript-angular/router';
+import { Routes } from '@angular/router';
+
+import { HomeComponent } from './home/home.component';
+
+const routes: Routes = [
+  { path: '', redirectTo: '/home', pathMatch: 'full' },
+  { path: 'home', component: HomeComponent },
+];
+
+@NgModule({
+  imports: [NativeScriptRouterModule.forRoot(routes)],
+  exports: [NativeScriptRouterModule]
+})
+export class AppRoutingModule { }

src/ng-new/application/_files/__sourcedir__/app-routing.module.ts

@@ -2,31 +2,7 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: '<%= prefix %>-root',
-  template: `<%
-  if (!minimal) {
-    if (routing) { %>
-      <page-router-outlet></page-router-outlet><%
-    } else { %>
-      <!--The content below is only a placeholder and can be replaced.-->
-      <StackLayout<% if (theme) { %> class="p-20"<% } %>>
-        <Label text="Tap the button"<% if (theme) { %> class="h1 text-center"<% } %>></Label>
-        <Button text="tap" (tap)="onTap()"<% if (theme) { %> class="btn btn-primary btn-active"<% } %>></Button>
-        <Label [text]="getMessage()"<% if (theme) { %> class="h2 text-center"<% } %> textWrap="true"></Label>
-      </StackLayout><%
-    }
-  } %>`
+  template: `<page-router-outlet></page-router-outlet>`
 })
-export class AppComponent {<% if (!minimal && !routing) { %>
-  private counter = 42;
-
-  public getMessage() {
-    return this.counter > 0 ?
-      `${this.counter} taps left` :
-      'Hoorraaay! You unlocked the NativeScript clicker achievement!';
-  }
-
-  public onTap() {
-    this.counter--;
-  }
-  <% } %>
+export class AppComponent {
 }

src/ng-new/application/_files/__sourcedir__/app.component.ts

@@ -1,12 +1,9 @@
 import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
-import { NativeScriptModule } from 'nativescript-angular/nativescript.module';<% if (routing) { %>
+import { NativeScriptModule } from 'nativescript-angular/nativescript.module';
 import { AppRoutingModule } from './app-routing.module';
 
-import { ItemService } from "./item/item.service";
-import { ItemsComponent } from "./item/items.component";
-import { ItemDetailComponent } from "./item/item-detail.component";<% } %>
-
 import { AppComponent } from './app.component';
+import { HomeComponent } from './home/home.component';
 
 // Uncomment and add to NgModule imports if you need to use two-way binding
 // import { NativeScriptFormsModule } from "nativescript-angular/forms";
@@ -16,17 +13,13 @@ import { AppComponent } from './app.component';
 
 @NgModule({
   declarations: [
-      AppComponent,<% if (routing) { %>
-      ItemsComponent,
-      ItemDetailComponent,<% } %>
+      AppComponent,
+      HomeComponent,
   ],
   imports: [
-      NativeScriptModule,<% if (routing) { %>
-      AppRoutingModule,<% } %>
-  ],<% if (routing) { %>
-  providers: [
-      ItemService,
-  ],<% } %>
+      NativeScriptModule,
+      AppRoutingModule,
+  ],
   bootstrap: [AppComponent],
   schemas: [NO_ERRORS_SCHEMA],
 })

src/ng-new/application/_files/__sourcedir__/app.module.ts

@@ -0,0 +1,6 @@
+<!--The content below is only a placeholder and can be replaced.-->
+<StackLayout<% if (theme) { %> class="p-20"<% } %>>
+  <Label text="Tap the button"<% if (theme) { %> class="h1 text-center"<% } %>></Label>
+  <Button text="tap" (tap)="onTap()"<% if (theme) { %> class="btn btn-primary btn-active"<% } %>></Button>
+  <Label [text]="getMessage()"<% if (theme) { %> class="h2 text-center"<% } %> textWrap="true"></Label>
+</StackLayout>

src/ng-new/application/_files/__sourcedir__/home/home.component.css

@@ -0,0 +1,26 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: '<%= prefix %>-home',
+  templateUrl: './home.component.html',
+  styleUrls: ['./home.component.css'],
+  moduleId: module.id,
+})
+export class HomeComponent implements OnInit {
+  private counter = 42;
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  public getMessage() {
+    return this.counter > 0 ?
+      `${this.counter} taps left` :
+      'Hoorraaay! You unlocked the NativeScript clicker achievement!';
+  }
+
+  public onTap() {
+    this.counter--;
+  }
+}

src/ng-new/application/_files/__sourcedir__/home/home.component.html

@@ -18,19 +18,15 @@
         "nativescript-angular": "~6.1.0-rc.0",<% if(theme) { %>
         "nativescript-theme-core": "~1.0.4",
         <% } %>"reflect-metadata": "~0.1.8",
-        "rxjs": "~6.1.0",
+        "rxjs": "~6.2.0",
         "tns-core-modules": "~4.1.0",
         "zone.js": "^0.8.26"
     },
     "devDependencies": {
-        "@angular/cli": "6.1.0",
+        "@angular/cli": "~6.1.0",
         "@angular/compiler-cli": "~6.1.0",
-        "@angular-devkit/core": "0.7.0",
+        "@angular-devkit/core": "~0.7.0",
         "@nativescript/schematics": "~0.2.0",
-        "babel-traverse": "6.26.0",
-        "babel-types": "6.26.0",
-        "babylon": "6.18.0",
-        "lazy": "1.0.11",
         "nativescript-dev-typescript": "~0.7.0",
         "typescript": "~2.7.2"
     }