[web] Restructure and fix builds.

web/apps/gulp-common.js

 /*
   Copyright 2016 The LUCI Authors. All rights reserved.
   Use of this source code is governed under the Apache License, Version 2.0
   that can be found in the LICENSE file.
 
   This document has been largely derived from the Polymer Starter Kit:
   https://github.com/PolymerElements/polymer-starter-kit
 */
 
 'use strict';
@@ skipping 41 matching lines @@
   'bb >= 10'
 ];
 
 // Include directory (/web/inc/)
 exports.incDir = path.join(exports.base, 'inc');
 
 // Common (global) tasks.
 exports.setup_common = function(gulp) {
   // Verify TypeScript file integrity and formatting.
   gulp.task('tslint', function() {
-    process.chdir(exports.base);
+    process.chdir(exports.incDir);
 
-    return gulp.src('inc/*/*.ts')
+    return gulp.src(['**/*.ts', '!bower_components/**'])
         .pipe(tslint({
-            configuration: path.join(exports.base, 'inc', 'tslint.json'),
+            configuration: './tslint.json',
             formatter: 'verbose',
         }))
         .pipe(tslint.report());
   });
 
   gulp.task('check-ts', function() {
+    process.chdir(exports.incDir);
+
     // Transpile each TypeScript module independently into JavaScript.
     var tsconfigPath = path.join(exports.incDir, 'tsconfig.json');
 
     // Compile the files in "scripts-ts/*.ts" into a single out file.
     var tsProj = ts.createProject(tsconfigPath, {
       typeRoots: [path.join(exports.base, 'node_modules', '@types')],
     });
 
-    return gulp.src(['**/*.ts', '!bower_components/**'], {cwd: exports.incDir})
+    return gulp.src(['**/*.ts', '!bower_components/**'])
         .pipe(tsProj());
   });
 
   gulp.task('check-format', function() {
-    process.chdir(exports.base);
-    return gulp.src('inc/*/*.ts')
+    process.chdir(exports.incDir);
+    return gulp.src(['**/*.ts', '!bower_components/**'])
         .pipe(format.checkFormat())
         .on('warning', function(e) {
           process.stdout.write(e.message);
           process.exit(1)
         });
   });
 
   gulp.task('format', function() {
-    process.chdir(exports.base);
+    process.chdir(exports.incDir);
 
     // The base option ensures the glob doesn't strip prefixes.
-    return gulp.src('inc/*/*.ts', {base: '.'})
+    return gulp.src(['**/*.ts', '!bower_components/**'])
         .pipe(format.format())
         .pipe(gulp.dest('.'));
   });
 
   // Build production files, the default task
   gulp.task('lint', ['tslint']);
 
   // Build production files, the default task
   gulp.task('presubmit', ['lint', 'check-format', 'check-ts']);
 };
 
 // Project-specific tasks.
-exports.setup = function(gulp, config) {
-  var APP = path.basename(config.dir);
+exports.setup = function(gulp, appDir, config) {
+  var APP = path.basename(appDir);
   var DIST = path.join(exports.out, 'dist', APP);
 
   var layout = {
     app: APP,
+    dir: process.cwd(),
+    web: '../..',
+    inc: './inc',
     distPath: DIST,
 
     // NOTE: Takes vararg via "arguments".
     dist: function() {
       return extendPath(DIST).apply(null, arguments);
     },
   };
 
   var extendPath = function() {
     var base = [].slice.call(arguments);
@@ skipping 25 matching lines @@
       .pipe($.imagemin({
         progressive: true,
         interlaced: true
       }))
       .pipe(gulp.dest(dest))
       .pipe($.size({title: 'images'}));
   };
 
   var optimizeHtmlTask = function(src, dest) {
     var assets = $.useref.assets({
-      searchPath: ['.tmp', config.dir]
+      searchPath: ['.tmp', '.']
     });
 
     return gulp.src(src)
       .pipe(assets)
       // Concatenate and minify JavaScript
       .pipe($.if('*.js', $.uglify({
         preserveComments: 'some'
       })))
       // Concatenate and minify styles
       // In case you are still using useref build blocks
       .pipe($.if('*.css', cleanCSS()))
       .pipe(assets.restore())
       .pipe($.useref())
       // Minify any HTML
       .pipe($.if('*.html', htmlmin({
         remoteAttributeQuotes: false,
         remoteEmptyAttributes: false,
         remoteRedundantAttributes: false,
       })))
       // Output files
       .pipe(gulp.dest(dest))
       .pipe($.size({
         title: 'html'
       }));
   };
 
   // Transpiles "inc/*/*.ts" and deposits the result alongside their source
   // "ts" files.
   gulp.task('ts', function() {
-    // Transpile each TypeScript module independently into JavaScript.
-    var tsconfigPath = path.join(exports.incDir, 'tsconfig.json');
-
     // Compile the files in "scripts-ts/*.ts" into a single out file.
-    var scriptsTs = path.join(config.dir, 'scripts-ts');
-    var tsProj = ts.createProject(tsconfigPath, {
+    var appTsDir = path.join(layout.inc, 'apps', layout.app);
+    var tsProj = ts.createProject(path.join(layout.inc, 'tsconfig.json'), {
       typeRoots: [path.join(exports.base, 'node_modules', '@types')],
-      outFile: 'main.js',
+      outFile: path.join(appTsDir, 'main.js'),
     });
 
-    return gulp.src('*.ts', {cwd: scriptsTs, exclude: ['*_test.ts']})
+    return gulp.src(path.join(layout.inc, 'apps', layout.app, '*.ts'), {
+          exclude: ['*_test.ts'],
+        })
         .pipe(sourcemaps.init())
-            .pipe(tsProj())
-            .pipe(sourcemaps.write('.'))
-            .pipe(gulp.dest(scriptsTs));
+        .pipe(tsProj())
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest(layout.inc))
   });
 
   // Compile and automatically prefix stylesheets
   gulp.task('styles', function() {
     return styleTask('styles', ['**/*.css']);
   });
 
   gulp.task('elements', function() {
     return styleTask('elements', ['**/*.css']);
   });
@@ skipping 143 matching lines @@
   });
 
   // Install common targets.
   exports.setup_common(gulp);
 };
 
 // Load custom tasks from the `tasks` directory
 try {
   require('require-dir')('tasks');
 } catch (err) {}