Major Restructuring (#88)

Bugs:

* Fixed reload issue


Enhancements:

* Made close button look clickable
* Folder restructure
* Test refactor

Author: antonybudianto

.gitignore

@@ -3,6 +3,6 @@
 /build
 /report
 /typings
-/tmp
+/src/tmp
 .DS_Store
-assets/styles/*.css
+/src/assets/styles/*.css

.travis.yml

@@ -10,4 +10,5 @@ node_js:
   - "4.3"
 script: gulp build
 after_script:
+  - npm install coveralls
   - npm run-script coveralls

README.md

@@ -2,18 +2,22 @@ var historyApiFallback = require('connect-history-api-fallback')
 
 module.exports = function () {
     var root = '';
-    var app = root + 'app/';
-    var test = root + 'test/';
-    var tmp = root + 'tmp/';
+    var src = root + 'src/';
+    var app = src + 'app/';
+    var test = src + 'test/';
+    var tmp = src + 'tmp/';
+    var tmpApp = tmp + 'app/';
+    var tmpTest = tmp + 'test/';
     var testHelper = test + 'test-helpers/';
     var e2e = test + 'e2e/';
-    var assets = root + 'assets/';
+    var tmpE2E = tmpTest + 'e2e/';
+    var assets = src + 'assets/';
     var assetsPath = {
         styles: assets + 'styles/',
         images: assets + 'images/',
         fonts: assets + 'fonts/'
     };
-    var index = root + 'index.html';
+    var index = src + 'index.html';
     var tsFiles = [
         app + '**/!(*.spec)+(.ts)'
     ];
@@ -41,16 +45,19 @@ module.exports = function () {
         dev: {
             port: 3000,
             server: {
-                baseDir: './',
-                middleware: [historyApiFallback()]
+                baseDir: './src/',
+                middleware: [historyApiFallback()],
+                routes: {
+                    "/node_modules": "node_modules"
+                }
             },
             files: [
-                "index.html",
-                "systemjs.conf.js",
-                "assets/styles/main.css",
-                "tmp/app/**/*.js",
-                "app/**/*.css",
-                "app/**/*.html"
+                src + "index.html",
+                src + "systemjs.conf.js",
+                src + "assets/styles/main.css",
+                tmpApp + "**/*.js",
+                app + "**/*.css",
+                app + "**/*.html"
             ]
         },
         prod: {
@@ -78,9 +85,13 @@ module.exports = function () {
 
     var config = {
         root: root,
+        src: src,
         app: app,
         test: test,
         tmp: tmp,
+        tmpApp: tmpApp,
+        tmpTest: tmpTest,
+        tmpE2E: tmpE2E,
         testHelper: testHelper,
         e2e: e2e,
         e2eConfig: e2eConfig,

assets/styles/bootstrap.scss

@@ -30,7 +30,7 @@ function onlySpecFiles(path) {
 // Normalize paths to module names.
 function file2moduleName(filePath) {
   return filePath.replace(/\\/g, '/')
-    .replace(/^\/base\//, '')
+    .replace(/^\/base\/src\/tmp\//, '')
     .replace(/\.js/, '');
 }
 

gulp.config.js

@@ -1,20 +1,17 @@
 module.exports = function(config) {
+  var gulpConfig = require('./gulp.config')();
   var dependencies = require('./package.json').dependencies;
   var excludedDependencies = [
     'systemjs', 'zone.js', 'font-awesome'
   ];
   var configuration = {
-    basePath: '',
+    basePath: './',
 
     frameworks: ['jasmine'],
     browsers: ['PhantomJS'],
     reporters: ['progress', 'coverage'],
 
-    preprocessors: {
-      'tmp/app/**/!(*.spec)+(.js)': ['coverage'],
-      'tmp/app/**/*.js': ['sourcemap'],
-      'tmp/test/**/*.js': ['sourcemap']
-    },
+    preprocessors: {},
 
     // Generate json used for remap-istanbul
     coverageReporter: {
@@ -26,38 +23,20 @@ module.exports = function(config) {
 
     files: [
       'node_modules/traceur/bin/traceur-runtime.js',
-      // IE required polyfills, in this exact order
       'node_modules/es6-shim/es6-shim.min.js',
       'node_modules/systemjs/dist/system-polyfills.js',
       'node_modules/zone.js/dist/zone.js',
       'node_modules/reflect-metadata/Reflect.js',
       'node_modules/zone.js/dist/async-test.js',
       'node_modules/zone.js/dist/fake-async-test.js',
-      'node_modules/systemjs/dist/system.src.js',
-
-      'tmp/test/test-helpers/global/**/*.js',
-      'systemjs.conf.js',
-      'karma-test-shim.js',
-
-      { pattern: 'tmp/app/**/*.js', included: false },
-      { pattern: 'tmp/test/test-helpers/*.js', included: false },
-
-      // paths loaded via Angular's component compiler
-      // (these paths need to be rewritten, see proxies section)
-      { pattern: 'app/**/*.html', included: false },
-      { pattern: 'app/**/*.css', included: false },
-
-      // paths to support debugging with source maps in dev tools
-      { pattern: 'app/**/*.ts', included: false, watched: false },
-      { pattern: 'tmp/app/**/*.js.map', included: false, watched: false }
+      'node_modules/systemjs/dist/system.src.js'
     ],
 
     // proxied base paths
     proxies: {
       // required for component assests fetched by Angular's compiler
-      "/app/": "/base/app/",
-      "/tmp/app/": "/base/tmp/app/",
-      "/tmp/test/": "/base/tmp/test/",
+      "/app/": "/base/src/app/",
+      "/tmp/": "/base/src/tmp/",
       "/node_modules/": "/base/node_modules/"
     },
 
@@ -67,6 +46,24 @@ module.exports = function(config) {
     autoWatch: true,
   };
 
+  configuration.preprocessors[gulpConfig.tmpApp + '**/!(*.spec)+(.js)'] = ['coverage'];
+  configuration.preprocessors[gulpConfig.tmpApp + '**/*.js'] = ['sourcemap'];
+  configuration.preprocessors[gulpConfig.tmpTest + '**/*.js'] = ['sourcemap'];
+
+  var files = [
+    gulpConfig.tmpTest + 'test-helpers/global/**/*.js',
+    gulpConfig.src + 'systemjs.conf.js',
+    'karma-test-shim.js',
+    createFilePattern(gulpConfig.tmpApp + '**/*.js', { included: false }),
+    createFilePattern(gulpConfig.tmpTest + 'test-helpers/*.js', { included: false }),
+    createFilePattern(gulpConfig.app + '**/*.html', { included: false }),
+    createFilePattern(gulpConfig.app + '**/*.css', { included: false }),
+    createFilePattern(gulpConfig.app + '**/*.ts', { included: false, watched: false }),
+    createFilePattern(gulpConfig.tmpApp + '**/*.js.map', { included: false, watched: false })
+  ];
+
+  configuration.files = configuration.files.concat(files);
+
   Object.keys(dependencies).forEach(function(key) {
     if(excludedDependencies.indexOf(key) >= 0) { return; }
 
@@ -84,4 +81,10 @@ module.exports = function(config) {
   }
 
   config.set(configuration);
+
+  // Helpers
+  function createFilePattern(path, config) {
+    config.pattern = path;
+    return config;
+  }
 }

karma-test-shim.js

@@ -1,9 +1,9 @@
 {
   "name": "angular2-starter",
-  "version": "1.0.0-rc.1",
+  "version": "1.0.0-rc.2",
   "author": "Antony Budianto",
-  "description": "Angular 2 Starter with Gulp, Karma, Jasmine, Protractor using SystemJS",
-  "main": "index.html",
+  "description": "Angular 2 Starter with extensible features",
+  "main": "src/tmp/app/main.js",
   "repository": {
     "type": "git",
     "url": "https://github.com/antonybudianto/angular2-starter.git"
@@ -19,6 +19,8 @@
     "starter",
     "seed",
     "gulp",
+    "webpack",
+    "extensible",
     "systemjs",
     "systemjs builder",
     "travis",
@@ -42,17 +44,16 @@
     "es6-shim": "^0.35.0",
     "font-awesome": "^4.6.1",
     "jquery": "^2.2.3",
-    "lodash": "^4.11.0",
+    "lodash": "^4.13.1",
     "reflect-metadata": "0.1.3",
     "rxjs": "5.0.0-beta.6",
-    "systemjs": "^0.19.27",
+    "systemjs": "^0.19.29",
     "zone.js": "^0.6.12"
   },
   "devDependencies": {
     "browser-sync": "^2.12.8",
     "codelyzer": "0.0.19",
     "connect-history-api-fallback": "^1.2.0",
-    "coveralls": "^2.11.9",
     "del": "~2.2.0",
     "glob": "^7.0.3",
     "gulp": "^3.9.1",
@@ -74,15 +75,14 @@
     "karma-jasmine": "~1.0.2",
     "karma-phantomjs-launcher": "~1.0.0",
     "karma-sourcemap-loader": "^0.3.7",
-    "ngstarter-systemjs-tasks": "^1.0.0-rc.0",
+    "ngstarter-systemjs-tasks": "1.0.0-rc.1",
     "phantomjs-prebuilt": "^2.1.7",
     "remap-istanbul": "~0.6.4",
     "require-dir": "~0.3.0",
-    "run-sequence": "^1.2.0",
-    "systemjs-builder": "~0.15.16",
-    "traceur": "~0.0.108",
+    "run-sequence": "^1.2.1",
+    "traceur": "~0.0.110",
     "tslint": "^3.10.2",
-    "typings": "^1.0.3",
+    "typings": "^1.0.4",
     "yargs": "^4.7.1"
   }
 }