optimization: put HTML templates into templates.js

Author: alalek

.gitignore

@@ -1,4 +1,5 @@
 .git*
+dist
 !.gitkeep
 node_modules/
 !.bowerrc

gulpfile.js

@@ -0,0 +1,43 @@
+var gulp = require('gulp');
+var runSequence = require('run-sequence');
+var del = require('del');
+var templateCache = require('gulp-angular-templatecache');
+
+gulp.task('clean', function (cb) {
+  return del([
+    'dist/**/*',
+  ], function (err, deletedFiles) {
+    console.log('Files deleted:', deletedFiles.join(', '));
+    cb(err, deletedFiles);
+  });
+});
+
+gulp.task('build:copy', function() {
+  return gulp.src([
+        'src/**/*',
+        '!src/partials/**/*'
+     ])
+    .pipe(gulp.dest('dist'));
+});
+
+gulp.task('templates', ['build:copy'], function () {
+  return gulp.src('src/partials/**/*.html')
+    .pipe(templateCache('js/templates.js', {root: 'partials'}))
+    .pipe(gulp.dest('dist'));
+});
+
+gulp.task('build:all', ['templates', 'build:copy']);
+
+gulp.task('build', function(cb) {
+  console.log("Build started");
+  runSequence(
+      'clean',
+      'build:all',
+      cb);
+});
+
+gulp.task('watch', function() {
+  gulp.watch('src/**/*', ['build']);
+});
+
+gulp.task('default', ['build']);

package.json

@@ -3,8 +3,12 @@
   "private": true,
   "devDependencies": {
     "bower": "^1.3.1",
+    "del": "^2.0.2",
     "grunt": "~0.4.2",
-    "grunt-bowercopy": "~1.0.0"
+    "grunt-bowercopy": "~1.0.0",
+    "gulp": "^3.9.0",
+    "gulp-angular-templatecache": "^1.8.0",
+    "run-sequence": "^1.1.4"
   },
   "scripts": {
     "postinstall": "grunt bowercopy",

scripts/build_dist.sh

@@ -1,4 +1,4 @@
 rm -rf dist
 mkdir -p dist
 npm install
-cp -rf src/* dist/
+gulp

src/index.html

@@ -15,6 +15,7 @@
   <script src="3rdparty/marked/marked.js"></script>
   <script src="js/alert.js"></script>
   <script src="js/app.js"></script>
+  <script src="js/templates.js"></script>
   <script src="js/controllers.js"></script>
   <script src="js/directives.js"></script>
   <script src="js/filters.js"></script>

src/js/app.js

@@ -8,6 +8,7 @@ var app = angular.module('app', [
   'ui.bootstrap',
   'ngSanitize',
   'ngRoute',
+  'templates',
   'prControllers',
   'appFilters',
   'appDirectives',
@@ -41,3 +42,5 @@ var app = angular.module('app', [
       $rootScope.repoName = current.params.repoName;
   });
 });
+
+angular.module("templates", []);

src/js/templates.js

@@ -0,0 +1 @@
+// Placeholder for HTML templates