For #469: Create private fork when users register

Author: dhruvit-r

.editorconfig

@@ -2,7 +2,7 @@ root = true
 
 [*]
 indent_style = space
-indent_size = 4
+indent_size = 2
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true

.gitignore

@@ -43,3 +43,6 @@ Thumbs.db
 
 src/public/
 .tmp
+
+.env
+.envrc

gulp/browserify.js

@@ -1,24 +1,21 @@
-var gulp = require('gulp');
+const gulp = require('gulp');
+const browserify = require('browserify');
+const uglify = require('gulp-uglify');
+const buffer = require('vinyl-buffer');
+const source = require('vinyl-source-stream');
+const gutil = require('gulp-util');
+const fs = require('fs');
+const { styles } = require('./styles');
 
-var paths = gulp.paths;
+const browserifyFn = () => {
+  const cssFilePath = gulp.paths.tmp + '/serve/app/bundle.css';
 
-var browserify = require('browserify');
-var uglify = require('gulp-uglify');
-var buffer = require('vinyl-buffer');
-var source = require('vinyl-source-stream');
-var gutil = require('gulp-util');
-var fs = require('fs');
-
-gulp.task('browserify', ['styles'], function () {
-
-  var cssFilePath = paths.tmp + '/serve/app/bundle.css';
-
-  //delete file if exist
+  // Delete file if exists
   if (fs.existsSync(cssFilePath)) {
     fs.unlinkSync(cssFilePath);
   }
 
- return browserify('./src/front/src/index.js')
+  return browserify('./src/front/src/index.js')
     .transform(require('browserify-css'), {
       rootDir: 'src',
       debug: true,
@@ -30,12 +27,16 @@ gulp.task('browserify', ['styles'], function () {
       }
     })
     .bundle()
-    .on('error', function (e) {
-      gutil.log("Browserify Error", gutil.colors.red(e.message))
-    })
-    //Pass desired output filename to vinyl-source-stream
     .pipe(source('bundle.js'))
     .pipe(buffer())
     .pipe(uglify())
-    .pipe(gulp.dest(paths.tmp + '/serve/app'))
-});
+    .on('error', function (e) {
+      gutil.log("Browserify Error", gutil.colors.red(e.message));
+    })
+    .pipe(gulp.dest(gulp.paths.tmp + '/serve/app'));
+};
+
+const _browserify = gulp.series(styles, browserifyFn);
+gulp.task('browserify', _browserify);
+
+module.exports = { browserify: _browserify }

gulp/build.js

@@ -1,15 +1,15 @@
-'use strict';
+const gulp = require('gulp');
+const eslint = require('gulp-eslint');
+const gulpIf = require('gulp-if');
+const { inject } = require('./inject')
 
-var gulp = require('gulp');
-var eslint = require('gulp-eslint');
+const paths = gulp.paths;
 
-var paths = gulp.paths;
-
-var $ = require('gulp-load-plugins')({
+const $ = require('gulp-load-plugins')({
   pattern: ['gulp-*', 'uglify-save-license', 'del']
 });
 
-gulp.task('partials', function () {
+const partialsFn = () => {
   return gulp.src([
     paths.src + '/{app,components}/**/*.html',
     paths.tmp + '/{app,components}/**/*.html'
@@ -23,53 +23,49 @@ gulp.task('partials', function () {
       module: 'topcoderX'
     }))
     .pipe(gulp.dest(paths.tmp + '/partials/'));
-});
+}
+gulp.task('partials', partialsFn);
 
-gulp.task('html', ['inject', 'partials'], function () {
-  var partialsInjectFile = gulp.src(paths.tmp + '/partials/templateCacheHtml.js', { read: false });
-  var partialsInjectOptions = {
-    starttag: '<!-- inject:partials -->',
-    ignorePath: paths.tmp + '/partials',
-    addRootSlash: false
-  };
+const html = () => {
+  return new Promise(async (resolve, reject) => {
+    const partialsInjectFile = gulp.src(paths.tmp + '/partials/templateCacheHtml.js', { read: false });
+    const partialsInjectOptions = {
+      starttag: '<!-- inject:partials -->',
+      ignorePath: paths.tmp + '/partials',
+      addRootSlash: false
+    };
+    const rev = (await import('gulp-rev')).default;
 
-  var htmlFilter = $.filter('*.html');
-  var jsFilter = $.filter('**/*.js');
-  var cssFilter = $.filter('**/*.css');
-  var assets;
-
-  return gulp.src(paths.tmp + '/serve/*.html')
-    .pipe($.inject(partialsInjectFile, partialsInjectOptions))
-    .pipe(assets = $.useref.assets())
-    .pipe($.rev())
-    .pipe(jsFilter)
-    .pipe($.ngAnnotate())
-    .pipe($.uglify({ preserveComments: $.uglifySaveLicense }))
-    .pipe(jsFilter.restore())
-    .pipe(cssFilter)
-    .pipe($.replace(/\.?\.?\/node_modules\/\w+-?\/?\w+\/fonts\/?/g, '../fonts/'))
-    .pipe($.csso())
-    .pipe(cssFilter.restore())
-    .pipe(assets.restore())
-    .pipe($.useref())
-    .pipe($.revReplace())
-    .pipe(htmlFilter)
-    .pipe($.minifyHtml({
-      empty: true,
-      spare: true,
-      quotes: true
-    }))
-    .pipe(htmlFilter.restore())
-    .pipe(gulp.dest(paths.dist + '/'))
-    .pipe($.size({ title: paths.dist + '/', showFiles: true }));
-});
+    return gulp.src(paths.tmp + '/serve/*.html')
+      .pipe($.inject(partialsInjectFile, partialsInjectOptions))
+      .pipe($.useref())
+      .pipe(rev())
+      .pipe(gulpIf('**/*.js', $.ngAnnotate()))
+      .pipe(gulpIf('**/*.js', $.uglify()))
+      .pipe(gulpIf('**/*.css', $.replace(/\.?\.?\/node_modules\/\w+-?\/?\w+\/fonts\/?/g, '../fonts/')))
+      .pipe(gulpIf('**/*.css', $.csso()))
+      .pipe($.revReplace())
+      .pipe(gulpIf('**/*.html', $.minifyHtml({
+        empty: true,
+        spare: true,
+        quotes: true,
+        conditionals: true
+      })))
+      .pipe(gulp.dest(paths.dist + '/'))
+      .pipe($.size({ title: paths.dist + '/', showFiles: true }))
+      .on('finish', resolve)
+      .on('error', reject);
+  });
+}
+gulp.task('html', gulp.series(inject, partialsFn, html));
 
-gulp.task('images', function () {
+const images = () => {
   return gulp.src(paths.src + '/assets/images/**/*')
     .pipe(gulp.dest(paths.dist + '/assets/images/'));
-});
+}
+gulp.task('images', images);
 
-gulp.task('fonts', function () {
+const fonts = () => {
   return gulp.src([
     "node_modules/bootstrap/dist/fonts/*.{eot,svg,ttf,woff,woff2}",
     "node_modules/footable/css/fonts/*.{eot,svg,ttf,woff,woff2}"
@@ -78,28 +74,34 @@ gulp.task('fonts', function () {
     .pipe($.flatten())
     .pipe(gulp.dest(paths.dist + '/fonts/'))
     .pipe(gulp.dest(paths.dist + '/styles/fonts/'));
-});
+}
+gulp.task('fonts', fonts);
 
-gulp.task('fontawesome', function () {
+const fontAwesome = () => {
   return gulp.src('node_modules/font-awesome/fonts/*.{eot,svg,ttf,woff,woff2}')
     .pipe(gulp.dest(paths.dist + '/fonts/'));
-});
+}
+gulp.task('fontawesome', fontAwesome);
 
-gulp.task('misc', function () {
+const misc = () => {
   return gulp.src(paths.src + '/**/*.ico')
     .pipe(gulp.dest(paths.dist + '/'));
-});
+}
+gulp.task('misc', misc);
 
-gulp.task('clean', function (done) {
+const cleanFn = (done) => {
   $.del([paths.dist + '/', paths.tmp + '/', paths.src + '/app/config.js'], done);
-});
+}
+const clean = gulp.series(cleanFn);
+gulp.task('clean', cleanFn);
 
-gulp.task('lint', () => {
+const lint = () => {
   // ESLint ignores files with "node_modules" paths.
   // So, it's best to have gulp ignore the directory as well.
   // Also, Be sure to return the stream from the task;
   // Otherwise, the task may end before the stream has finished.
-  return gulp.src(['src/**/*.js', '!src/front/e2e/**/*.js', '!src/public/**', '!gulp/**', '!node_modules/**'])
+  return gulp
+    .src(['src/**/*.js', '!src/front/e2e/**/*.js', '!src/public/**', '!gulp/**', '!node_modules/**'])
     // eslint() attaches the lint output to the "eslint" property
     // of the file object so it can be used by other modules.
     .pipe(eslint({
@@ -111,7 +113,10 @@ gulp.task('lint', () => {
     // To have the process exit with an error code (1) on
     // lint error, return the stream and pipe to failAfterError last.
     .pipe(eslint.failAfterError());
-});
+}
+gulp.task('lint', lint);
+
+const build = gulp.series(lint, html, images, fonts, fontAwesome, misc);
+gulp.task('build', build);
 
-gulp.task('build', ['lint', 'html', 'images', 'fonts', 'fontawesome', 'misc']);
-gulp.task('build:watch', ['watch:build']);
+module.exports = { clean, build };

gulp/e2e-tests.js

@@ -1,20 +1,17 @@
-'use strict';
+const gulp = require('gulp');
 
-var gulp = require('gulp');
+const $ = require('gulp-load-plugins')();
 
-var $ = require('gulp-load-plugins')();
+const browserSync = require('browser-sync').create();
 
-var browserSync = require('browser-sync');
-
-var paths = gulp.paths;
+const paths = gulp.paths;
 
 // Downloads the selenium webdriver
 gulp.task('webdriver-update', $.protractor.webdriver_update);
 
 gulp.task('webdriver-standalone', $.protractor.webdriver_standalone);
 
 function runProtractor (done) {
-
   gulp.src(paths.e2e + '/**/*.js')
     .pipe($.protractor.protractor({
       configFile: 'src/front/protractor.conf.js',
@@ -30,6 +27,6 @@ function runProtractor (done) {
     });
 }
 
-gulp.task('protractor', ['protractor:src']);
-gulp.task('protractor:src', ['serve:e2e', 'webdriver-update'], runProtractor);
-gulp.task('protractor:dist', ['serve:e2e-dist', 'webdriver-update'], runProtractor);
+gulp.task('protractor', gulp.series('protractor:src'));
+gulp.task('protractor:src', gulp.series('serve:e2e', 'webdriver-update', runProtractor));
+gulp.task('protractor:dist', gulp.series('serve:e2e-dist', 'webdriver-update', runProtractor));

gulp/inject.js

@@ -1,33 +1,34 @@
-'use strict';
+const gulp = require('gulp');
+const { browserify } = require('./browserify');
 
-var gulp = require('gulp');
+const paths = gulp.paths;
 
-var paths = gulp.paths;
+const $ = require('gulp-load-plugins')();
 
-var $ = require('gulp-load-plugins')();
-
-
-gulp.task('inject', ['browserify'], function () {
-
-  var injectStyles = gulp.src([
+const injectFn = () => {
+  const injectStyles = gulp.src([
     paths.tmp + '/serve/{app,components}/**/*.css',
     '!' + paths.tmp + '/serve/app/vendor.css'
   ], { read: false });
 
-  var injectScripts = gulp.src([
+  const injectScripts = gulp.src([
     paths.src + '/{app,components}/**/*.js',
     '!' + paths.src + '/{app,components}/**/*.spec.js',
     '!' + paths.src + '/{app,components}/**/*.mock.js'
   ]).pipe($.angularFilesort());
 
-  var injectOptions = {
+  const injectOptions = {
     ignorePath: [paths.src, paths.tmp + '/serve'],
     addRootSlash: false
   };
-  
+
   return gulp.src(paths.src + '/*.html')
     .pipe($.inject(injectStyles, injectOptions))
     .pipe($.inject(injectScripts, injectOptions))
     .pipe(gulp.dest(paths.tmp + '/serve'));
+}
+
+const inject = gulp.series(browserify, injectFn);
+gulp.task('inject', inject);
 
-});
+module.exports = { inject }

gulp/proxy.js

@@ -1,5 +1,3 @@
- /*jshint unused:false */
-
 /***************
 
   This file allow to configure a proxy system plugged into BrowserSync
@@ -13,21 +11,19 @@
 
 ***************/
 
-'use strict';
-
-var httpProxy = require('http-proxy');
-var chalk = require('chalk');
+const httpProxy = require('http-proxy');
+const chalk = require('chalk');
 
 /*
  * Location of your backend server
  */
-var proxyTarget = 'http://server/context/';
+const proxyTarget = 'http://server/context/';
 
-var proxy = httpProxy.createProxyServer({
+const proxy = httpProxy.createProxyServer({
   target: proxyTarget
 });
 
-proxy.on('error', function(error, req, res) {
+proxy.on('error', function (error, req, res) {
   res.writeHead(500, {
     'Content-Type': 'text/plain'
   });