initial

Author: HackPoint

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+coverage
+typings

.vscode/keybindings.json

@@ -0,0 +1,5 @@
+{
+    "key": "ctrl+d",
+    "command": "editor.action.copyLinesDownAction",
+    "when": "editorTextFocus"
+}

.vscode/launch.json

@@ -0,0 +1,37 @@
+{
+	"version": "0.2.0",
+	"configurations": [
+		{
+			"name": "Launch",
+			"type": "node",
+			"request": "launch",
+			"program": "${workspaceRoot}/index.js",
+			"stopOnEntry": false,
+			"args": [],
+			"cwd": "${workspaceRoot}",
+			"preLaunchTask": null,
+			"runtimeExecutable": null,
+			"runtimeArgs": [
+				"--nolazy"
+			],
+			"env": {
+				"NODE_ENV": "development"
+			},
+			"externalConsole": false,
+			"sourceMaps": false,
+			"outDir": null
+		},
+		{
+			"name": "Attach",
+			"type": "node",
+			"request": "attach",
+			"port": 5858,
+			"address": "localhost",
+			"restart": false,
+			"sourceMaps": false,
+			"outDir": null,
+			"localRoot": "${workspaceRoot}",
+			"remoteRoot": null
+		}
+	]
+}

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+    "files.exclude": {
+        "**/.git": true,
+        "**/.DS_Store": true,
+        "source/**/*.js": true,
+        "test/**/*.js": true
+    }
+}

dist/app.min.js

@@ -0,0 +1,2 @@
+h1 {
+  font-size: 14pt; }

dist/app.min.js.map

@@ -0,0 +1,132 @@
+"use strict";
+
+//******************************************************************************
+//* DEPENDENCIES
+//******************************************************************************
+var gulp        = require("gulp"),
+    browserify  = require("browserify"),
+    sass        = require('gulp-sass'),
+    source      = require("vinyl-source-stream"),
+    buffer      = require("vinyl-buffer"),
+    tslint      = require("gulp-tslint"),
+    tsc         = require("gulp-typescript"),
+    sourcemaps  = require("gulp-sourcemaps"),
+    uglify      = require("gulp-uglify"),
+    runSequence = require("run-sequence"),
+    mocha       = require("gulp-mocha"),
+    istanbul    = require("gulp-istanbul"),
+    browserSync = require('browser-sync').create();
+    
+//******************************************************************************
+//* LINT
+//******************************************************************************
+gulp.task("lint", function() {
+    return gulp.src([
+        "source/**/**.ts",
+        "test/**/**.test.ts"
+    ])
+    .pipe(tslint({ }))
+    .pipe(tslint.report("verbose"));
+});
+
+//******************************************************************************
+//* BUILD
+//******************************************************************************
+var tsProject = tsc.createProject("tsconfig.json");
+
+gulp.task("build-app", function() {
+    return gulp.src([
+            "source/**/**.ts",
+            "typings/main.d.ts/",
+            "source/interfaces/interfaces.d.ts"
+        ])
+        .pipe(tsc(tsProject))
+        .js.pipe(gulp.dest("source/"));
+});
+
+var tsTestProject = tsc.createProject("tsconfig.json");
+
+gulp.task("build-test", function() {
+    return gulp.src([
+            "test/**/*.ts",
+            "typings/main.d.ts/",
+            "source/interfaces/interfaces.d.ts"
+        ])
+        .pipe(tsc(tsTestProject))
+        .js.pipe(gulp.dest("test/"));
+});
+
+gulp.task('build-sass', function () {
+   return gulp.src([
+       "source/assets/sass/**/*.scss"
+   ]) 
+   .pipe(sass().on('error', sass.logError))
+   .pipe(gulp.dest('dist/assets/css'));
+});
+
+gulp.task("build", function(cb) {
+    runSequence(["build-app", "build-test", "build-sass"], cb);
+});
+
+
+//******************************************************************************
+//* TEST
+//******************************************************************************
+gulp.task("istanbul:hook", function() {
+    return gulp.src(['source/**/*.js'])
+        // Covering files
+        .pipe(istanbul())
+        // Force `require` to return covered files
+        .pipe(istanbul.hookRequire());
+});
+
+gulp.task("test", ["istanbul:hook"], function() {
+    return gulp.src('test/**/*.test.js')
+        .pipe(mocha({ui: 'bdd'}))
+        .pipe(istanbul.writeReports());
+});
+
+//******************************************************************************
+//* BUNDLE
+//******************************************************************************
+gulp.task("bundle", function() {
+  
+    var libraryName = "app";
+    var mainTsFilePath = "source/app.js";
+    var outputFolder   = "dist/";
+    var outputFileName = libraryName + ".min.js";
+
+    var bundler = browserify({
+        debug: true,
+        standalone : libraryName
+    });
+    
+    return bundler.add(mainTsFilePath)
+        .bundle()
+        .pipe(source(outputFileName))
+        .pipe(buffer())
+        .pipe(sourcemaps.init({ loadMaps: true }))
+        .pipe(uglify())
+        .pipe(sourcemaps.write('./'))
+        .pipe(gulp.dest(outputFolder));
+});
+
+//******************************************************************************
+//* DEV SERVER
+//******************************************************************************
+gulp.task("watch", ["default"], function () {
+    
+    browserSync.init({
+        server: "./"
+    });
+    
+    gulp.watch([ "source/**/**.ts", "test/**/*.ts"], ["default"]);
+    gulp.watch("dist/*.js").on('change', browserSync.reload); 
+});
+
+//******************************************************************************
+//* DEFAULT
+//******************************************************************************
+gulp.task("default", function (cb) {
+    runSequence("lint", "build", "test", "bundle", cb);
+});

dist/assets/css/main.css

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+     <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Document</title>
+    <link rel="stylesheet" type="text/css" href="./dist/assets/css/main.css">
+</head>
+<body>
+    <ui-view></ui-view>
+    <script src="./dist/app.min.js"></script>
+</body>
+</html>