challenge #30057920 remove bower dependancies

Author: dulanja33

README.md

@@ -12,12 +12,10 @@ Internal application used to administer specific support tasks related to the To
 
 ## Installation
 
-To install npm and bower dependencies run:
+To install npm  dependencies run:
 
 > npm install
 
-Bower is set to run as a npm postinstall script.
-
 ## Configuration
 
 The configuration is provided in `config.json` in the base directory.
@@ -64,13 +62,12 @@ Before executing the end-to-end (e2e) protractor tests, these environment variab
 
 ### Install global dependencies
 
-```npm install -g [email protected] bower```
+```npm install -g [email protected]```
 
 ### Install project dependencies
 
 ```
 npm install
-bower install
 ```
 
 ### Start the Application

bower.json

@@ -12,7 +12,6 @@ dependencies:
     - curl -s https://raw.githubusercontent.com/chronogolf/circleci-google-chrome/master/use_chrome_stable_version.sh | bash
 
   override:
-    - rm -rf bower_components
     - npm install
 
   post:

circle.yml

@@ -0,0 +1,40 @@
+var gulp = require('gulp');
+
+var paths = gulp.paths;
+
+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
+  if (fs.existsSync(cssFilePath)) {
+    fs.unlinkSync(cssFilePath);
+  }
+
+  browserify('./src/index.js')
+    .transform(require('browserify-css'), {
+      rootDir: 'src',
+      onFlush: function (options, done) {
+        fs.appendFileSync(cssFilePath, options.data);
+
+        // Do not embed CSS into a JavaScript bundle
+        done(null);
+      }
+    })
+    .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'));
+});

gulp/browserify.js

@@ -5,7 +5,7 @@ var gulp = require('gulp');
 var paths = gulp.paths;
 
 var $ = require('gulp-load-plugins')({
-  pattern: ['gulp-*', 'main-bower-files', 'uglify-save-license', 'del']
+  pattern: ['gulp-*', 'uglify-save-license', 'del']
 });
 
 gulp.task('partials', function () {
@@ -46,7 +46,7 @@ gulp.task('html', ['inject', 'partials'], function () {
     .pipe($.uglify({preserveComments: $.uglifySaveLicense}))
     .pipe(jsFilter.restore())
     .pipe(cssFilter)
-    .pipe($.replace('../bootstrap/fonts', 'fonts'))
+    .pipe($.replace(/\.?\.?\/node_modules\/\w+-?\/?\w+\/fonts\/?/g, '../fonts/'))
     .pipe($.csso())
     .pipe(cssFilter.restore())
     .pipe(assets.restore())
@@ -69,15 +69,18 @@ gulp.task('images', function () {
 });
 
 gulp.task('fonts', function () {
-  return gulp.src($.mainBowerFiles())
+  return gulp.src([
+    "node_modules/bootstrap/dist/fonts/*.{eot,svg,ttf,woff}",
+    "node_modules/footable/css/fonts/*.{eot,svg,ttf,woff}"
+    ])
     .pipe($.filter('**/*.{eot,svg,ttf,woff}'))
     .pipe($.flatten())
     .pipe(gulp.dest(paths.dist + '/fonts/'))
     .pipe(gulp.dest(paths.dist + '/styles/fonts/'));
 });
 
 gulp.task('fontawesome', function () {
-    return gulp.src('bower_components/font-awesome/fonts/*.{eot,svg,ttf,woff}')
+    return gulp.src('node_modules/font-awesome/fonts/*.{eot,svg,ttf,woff}')
      .pipe(gulp.dest(paths.dist + '/fonts/'));
 });
 

gulp/build.js

@@ -6,9 +6,8 @@ var paths = gulp.paths;
 
 var $ = require('gulp-load-plugins')();
 
-var wiredep = require('wiredep').stream;
 
-gulp.task('inject', ['styles'], function () {
+gulp.task('inject', ['browserify'], function () {
 
   var injectStyles = gulp.src([
     paths.tmp + '/serve/{app,components}/**/*.css',
@@ -26,15 +25,9 @@ gulp.task('inject', ['styles'], function () {
     addRootSlash: false
   };
 
-  var wiredepOptions = {
-    directory: 'bower_components',
-    exclude: [/bootstrap\.js/, /bootstrap\.css/, /bootstrap\.css/, /foundation\.css/]
-  };
-
   return gulp.src(paths.src + '/*.html')
     .pipe($.inject(injectStyles, injectOptions))
     .pipe($.inject(injectScripts, injectOptions))
-    .pipe(wiredep(wiredepOptions))
     .pipe(gulp.dest(paths.tmp + '/serve'));
 
 });

gulp/inject.js

@@ -16,7 +16,7 @@ function browserSyncInit(baseDir, files, browser) {
   var routes = null;
   if(baseDir === paths.src || (util.isArray(baseDir) && baseDir.indexOf(paths.src) !== -1)) {
     routes = {
-      '/bower_components': 'bower_components'
+      '/node_modules': 'node_modules'
     };
   }
 

gulp/server.js

@@ -10,7 +10,7 @@ gulp.task('styles', function () {
 
   var lessOptions = {
     paths: [
-      'bower_components',
+      'node_modules',
       paths.src + '/app',
       paths.src + '/components'
     ]

gulp/styles.js

@@ -10,7 +10,7 @@ var paths = gulp.paths;
 
 function runTests (singleRun, done) {
   var bowerDeps = wiredep({
-    directory: 'bower_components',
+    directory: 'node_modules',
     exclude: ['bootstrap-sass-official'],
     dependencies: true,
     devDependencies: true

gulp/unit-tests.js

@@ -7,8 +7,10 @@ var paths = gulp.paths;
 gulp.task('watch', ['inject'], function () {
   gulp.watch([
     paths.src + '/*.html',
+    paths.src + '/*.css',
+    paths.src + '/*.js',
     paths.src + '/{app,components}/**/*.less',
     paths.src + '/{app,components}/**/*.js',
-    'bower.json'
+    'package.json'
   ], ['inject']);
 });

gulp/watch.js

@@ -1,12 +1,46 @@
 {
   "name": "support-admin-app",
   "version": "2.3.0",
-  "dependencies": {},
+  "dependencies": {
+    "pace-js": "~1.0.2",
+    "angular": "~1.4.4",
+    "angular-animate": "~1.4.4",
+    "angular-ui-bootstrap": "~2.5.0",
+    "angular-clipboard": "~1.2.1",
+    "angular-cookies": "~1.4.4",
+    "angular-footable": "~0.0.3",
+    "angular-jwt": "~0.0.9",
+    "angular-moment": "~1.0.0-beta.3",
+    "angular-resource": "~1.4.4",
+    "angular-sanitize": "~1.4.4",
+    "angular-storage": "~0.0.11",
+    "angular-touch": "~1.4.4",
+    "angular-bootstrap-multiselect": "git+https://github.com/bentorfs/angular-bootstrap-multiselect.git#master",
+    "angular-ui-router": "~0.2.13",
+    "auth0-angular": "~4.0.4",
+    "auth0-js": "~6.4.2",
+    "auth0-lock": "~7.6.2",
+    "bootstrap": "~3.3.5",
+    "bootstrap-ui-datetime-picker": "^2.4.0",
+    "font-awesome": "~4.3.0",
+    "footable": "~2.0.3",
+    "icheck": "1.0.2",
+    "jquery": "~2.1.1",
+    "lodash": "~4.2.0",
+    "metismenu": "~2.0.2",
+    "moment": "~2.11.2",
+    "moment-timezone": "~0.5.0",
+    "ng-file-model": "~0.0.4"
+  },
   "devDependencies": {
-    "bower": "~1.8.0",
+    "brfs": "1.4.3",
     "browser-sync": "~2.18.8",
+    "browserify": "^9.0.3",
+    "browserify-css": "0.10.1",
+    "browserify-shim": "^3.8.10",
     "chalk": "~0.5.1",
     "del": "~2.2.2",
+    "ejsify": "1.0.0",
     "gulp": "~3.8.10",
     "gulp-angular-filesort": "~1.0.4",
     "gulp-angular-templatecache": "~1.4.2",
@@ -35,17 +69,18 @@
     "jasmine-core": "^2.5.2",
     "jshint": "~2.9.4",
     "jshint-stylish": "~1.0.0",
-    "main-bower-files": "~2.13.1",
     "protractor": "~5.1.1",
     "require-dir": "~0.1.0",
     "uglify-save-license": "~0.4.1",
-    "wiredep": "~4.0.0"
+    "vinyl-buffer": "1.0.0",
+    "vinyl-source-stream": "1.1.0",
+    "wiredep": "~4.0.0",
+    "angular-mocks": "~1.4.4"
   },
   "engines": {
     "node": ">=0.10.0"
   },
   "scripts": {
-    "postinstall": "bower install --config.interactive=false",
     "clean": "gulp clean",
     "build": "gulp build",
     "start": "gulp publish",

package.json

@@ -15,7 +15,7 @@ angular.module('supportAdminApp', [
     'app.constants',
     'angular-clipboard',
     'ng-file-model',
-    'ui.multiselect',
+    'btorfs.multiselect',
     'ui.bootstrap.datetimepicker',
     'angularMoment',
     'angular-jwt'])

src/app/app.js

@@ -55,7 +55,7 @@ <h2><strong>Details</strong></h2>
                 </div>
                 <div class="form-group col-md-2">
                     <label>Category</label>
-                    <multiselect options="c.name for c in tagCategories" ng-model="editCategories.options" data-multiple="true">
+                    <multiselect ng-model="editCategories.options" options="tagCategories" id-prop="value" display-prop="name">
                     </multiselect>
                 </div>
             </div>

src/app/tags/tags.edit.html

@@ -46,7 +46,7 @@ <h2>Details</h2>
                 </div>
                 <div class="form-group col-md-2">
                     <label>Category</label>
-                    <multiselect options="c.name for c in tagCategories" ng-model="addForm.categories" data-multiple="true">
+                    <multiselect ng-model="addForm.categories" options="tagCategories" id-prop="value" display-prop="name">
                     </multiselect>
                 </div>
             </div>

src/app/tags/tags.new.html

@@ -1,9 +1,9 @@
-@import '../../bower_components/font-awesome/less/font-awesome.less';
-@import '../../bower_components/bootstrap/less/bootstrap.less';
+@import '../../node_modules/font-awesome/less/font-awesome.less';
+@import '../../node_modules/bootstrap/less/bootstrap.less';
 
 // SERVE
-@icon-font-path: '/bower_components/bootstrap/fonts/';
-@fa-font-path: '/bower_components/font-awesome/fonts';
+@icon-font-path: '/node_modules/bootstrap/fonts/';
+@fa-font-path: '/node_modules/font-awesome/fonts';
 
 // SERVE:DIST
 //@icon-font-path: '/fonts/';

src/app/vendor.less

@@ -0,0 +1,4 @@
+/*add css dependencies in node_modules here*/
+
+@import url("../node_modules/metismenu/dist/metisMenu.css");
+@import url("../node_modules/footable/css/footable.core.css");

src/index.css

@@ -10,11 +10,8 @@
     <link rel="shortcut icon" href="favicon.ico" />
 
     <!-- build:css({.tmp/serve,src}) styles/vendor.css -->
+    <link rel="stylesheet" href="app/bundle.css">
     <link rel="stylesheet" href="app/vendor.css">
-    <!-- bower:css -->
-    <!-- run `gulp wiredep` to automaticaly populate bower styles dependencies -->
-    <!-- endbower -->
-    <!-- endbuild -->
 
     <!-- build:css({.tmp/serve,src}) styles/app.css -->
     <!-- inject:css -->
@@ -40,10 +37,8 @@
       ga('create','UA-XXXXX-X');ga('send','pageview');
     </script>
 
-    <!-- build:js(src) scripts/vendor.js -->
-    <!-- bower:js -->
-    <!-- run `gulp wiredep` to automaticaly populate bower script dependencies -->
-    <!-- endbower -->
+    <!-- build:js(.tmp/serve) scripts/vendor.js -->
+    <script src="app/bundle.js"></script>
     <!-- endbuild -->
 
     <!-- build:js({.tmp/serve,.tmp/partials,src}) scripts/app.js -->