Merge pull request #178 from artemv/https-dev-mode

feat(dev): support https dev mode with EgisUI and plugins

Author: Egis-Kevin

Gulpfile.js

@@ -39,7 +39,7 @@ gulp.task('test', function() {});
 
 gulp.task('dev-package', devPackageTaskDeps, pack);
 
-gulp.task('watch', ['dev-package', 'dev-bundle-tests', 'webserver'], function() {
+gulp.task('watch', common.addWebserver(['dev-package', 'dev-bundle-tests']), function() {
     _.each(common.bundleKinds, function(kind) {
         watch(path.join(common.srcDirs[kind], '**', '*.js'), function() {
             gulp.start('dev-recompile-' + kind);

README.md

@@ -130,6 +130,27 @@ For SSL mode, just specify https protocol:
 yarn browsersync -- --proxied-host=https://testbox.papertrail.co.za
 ```
 
+In case you also want dev mode of EgisUI and a plugin while proxying an https UAT and access it from another machine you can do it following way:
+```
+# open terminal tab
+cd [egis-ui-path]
+yarn dev --serve=false --scheme=https --host=[your-ip]
+
+# open another terminal tab
+yarn browser-sync start --server --https --files "dist/**/*" --port 8101 --cors
+
+# open another terminal tab
+cd [plugin-path]
+yarn dev --serve=false --scheme=https --host=[your-ip]
+
+# open another terminal tab
+yarn browser-sync start --server --https --files "dist/**/*" --port 8120 --cors
+
+# open another terminal tab
+cd [build-tools-path]
+yarn browsersync --proxied-host=https://bidshows-dev.papertrail.co.za --plugin=[your-plugin-name]
+```
+
 #### Caveats
  * URLs with default pages other than index.html, e.g. `http://papertrail.lvh.me:3001/web/eSign/?3760` don't work, so 
  you'll get "page not found" if you try to use Sign action. Specify `http://papertrail.lvh.me:3001/web/eSign/sign.html?3760` 

gulp/common.js

@@ -107,6 +107,7 @@ var config = {
     },
     dependenciesJson: dependenciesJson,
     watch: options.watch,
+    scheme: argv.scheme || 'http',
     host: argv.host || pkg.host || 'localhost',
     port: argv.port || pkg.port || '8101',
     prod: !process.env.DEV && options.env === 'production',
@@ -135,6 +136,12 @@ var config = {
     dependsOnEgisUi: function() {
         return pkg.devDependencies && pkg.devDependencies[config.egisUiPkgName] ||
             pkg.dependencies && pkg.dependencies[config.egisUiPkgName];
+    },
+    addWebserver: function(deps) {
+        if (argv.serve !== 'false') {
+            deps.push('webserver')
+        }
+        return deps
     }
 };
 

gulp/dev-bundle.js

@@ -84,6 +84,7 @@ _.each(common.bundleKinds, function(kind) {
         }
         return gulp.src(s1)
             .pipe(sourcemaps.init())
+            .pipe(replace('http:', common.scheme + ':'))
             .pipe(replace('HOST', common.host))
             .pipe(replace('PORT', common.port))
             .pipe(concat('dev-loader.js'))   //not with dot 'cause Gulp webserver doesn't serve .dotfiles
@@ -107,7 +108,7 @@ _.each(common.bundleKinds, function(kind) {
         return gulp.src(sources)
             .pipe(sourcemaps.init({loadMaps: true}))
             .pipe(pseudoconcat(common.bundles[kind], {
-                host: 'http://' + common.host + ':' + common.port + '/'
+                host: common.scheme + '://' + common.host + ':' + common.port + '/'
             }))
             .pipe(sourcemaps.write('.', {includeContent: true}))
             .pipe(gulp.dest(destDir))

gulp/plugin.js

@@ -46,7 +46,7 @@ gulp.task('plugin-dev-package', ['dev-bundle-main', 'styles', 'resources'], func
     return packagePlugin();
 });
 
-gulp.task('plugin_watch', ['plugin-dev-package', 'dev-bundle-tests', 'webserver'], function() {
+gulp.task('plugin_watch', common.addWebserver(['plugin-dev-package', 'dev-bundle-tests']), function() {
     _.each(common.bundleKinds, function(kind) {
         watch([common.srcDirs[kind] + '/**/*.js'], function() {
             gulp.start('dev-recompile-' + kind);