Rebuild projects from contextmenu right click

Author: 45kb

lib/js/interface/left.js

@@ -15,7 +15,42 @@ angular.module(moduleName, [])
           this.editorFilePath = data.dirName;
         });
       })
-      , unregisterLeftBarSelectedProjectNpmInstall = $rootScope.$on('left-bar:selected-project-npm-install', (eventInformation, data) => {
+    , unregisterLeftBarSelectedProjectNpmReinstall = $rootScope.$on('left-bar:selected-project-npm-reinstall', (eventInformation, data) => {
+        let folder = data.path.path
+          , projectName = data.path.dirName
+          , deleteProjectName = item => {
+
+            $scope.$apply(() => {
+              delete this.npmReinstallingProjects[item];
+            });
+          };
+
+        $scope.$apply(() => {
+          this.npmReinstallingProjects[projectName] = true;
+        });
+        //delete old node_modules
+        rmRf(`${folder}/node_modules`, errRm => {
+          if (errRm) {
+            errorsService.showErrorBox('Warning', `Error deleting node_modules/ in folder ${folder} for clean installation: \n${errRm}`);
+          }
+          npm.npmInFolder(folder).catch(error => {
+            deleteProjectName(projectName);
+            $log.error(`Configuring npm for clean $ npm install,  in ${folder}...`, error);
+            errorsService.handleError('Error', `Error configuring npm for clean installation in folder ${folder}: ${error}`);
+          }).then(npmInFolder => {
+            npmInFolder.launchInstall().then(() => {
+              $log.info(`Finished npm reinstall in project ${folder}`);
+              notificationFactory.notify(`Finished $ npm install in project ${projectName}`);
+              deleteProjectName(projectName);
+            }).catch(err => {
+                deleteProjectName(projectName);
+                $log.error(err);
+                errorsService.showErrorBox('Error', `Error running $ npm install for clean installation in folder ${folder}: ${err}`);
+            });
+          });
+        });
+      })
+    , unregisterLeftBarSelectedProjectNpmInstall = $rootScope.$on('left-bar:selected-project-npm-install', (eventInformation, data) => {
         let folder = data.path.path
           , projectName = data.path.dirName
           , deleteProjectName = item => {
@@ -38,13 +73,13 @@ angular.module(moduleName, [])
             $log.info(`Finished npm install in project ${folder}`);
             notificationFactory.notify(`Finished $ npm install in project ${projectName}`);
             deleteProjectName(projectName);
-        }).catch(err => {
-          deleteProjectName(projectName);
-          $log.error(err);
-          errorsService.showErrorBox('Error', `Error running $ npm install in folder ${folder}: ${err}`);
+          }).catch(err => {
+            deleteProjectName(projectName);
+            $log.error(err);
+            errorsService.showErrorBox('Error', `Error running $ npm install in folder ${folder}: ${err}`);
+          });
         });
-      });
-    })
+      })
     , unregisterLeftBarSelectedProjectNpmPrune = $rootScope.$on('left-bar:selected-project-npm-prune', (eventInformation, data) => {
       let folder = data.path.path
         , projectName = data.path.dirName
@@ -215,8 +250,7 @@ angular.module(moduleName, [])
     this.restoreSnapshot = () => {
 
       let projectKey = this.turnPathToKey(this.rightClickedProject.path)
-        , selectedSnapshot = this.selectedSnapshot
-        , toRestoreSnapshot;
+        , selectedSnapshot = this.selectedSnapshot;
 
       this.restoredSnapshot = false;
       this.restoringSnapshot = true;
@@ -238,7 +272,7 @@ angular.module(moduleName, [])
           fs.writeFileSync(`${selectedSnapshot.path}/package.json`, data[projectKey][indexItem].status, {'flag': 'w'}, 'utf8');
           //delete old node_modules
           rmRf(`${selectedSnapshot.path}/node_modules`, errRm => {
-            if (err) {
+            if (errRm) {
               errorsService.showErrorBox('Warning', `Error deleting node_modules/ in folder ${selectedSnapshot.path} : \n${errRm}`);
             }
             npm.npmInFolder(selectedSnapshot.path).catch(error => {
@@ -343,6 +377,17 @@ angular.module(moduleName, [])
         }
       }));
 
+      projectsContextMenu.append(new MenuItem({
+        'label': 'Reinstall',
+        click() {
+          $rootScope.$emit('left-bar:selected-project-npm-reinstall', {
+            'path': item
+          });
+        }
+      }));
+      projectsContextMenu.append(new MenuItem({
+        'type': 'separator'
+      }));
       projectsContextMenu.append(new MenuItem({
         'label': 'Build',
         click() {
@@ -360,7 +405,9 @@ angular.module(moduleName, [])
           });
         }
       }));
-
+      projectsContextMenu.append(new MenuItem({
+        'type': 'separator'
+      }));
       projectsContextMenu.append(new MenuItem({
         'label': 'Prune',
         click() {
@@ -369,7 +416,6 @@ angular.module(moduleName, [])
           });
         }
       }));
-
       projectsContextMenu.append(new MenuItem({
         'label': 'Dedupe',
         click() {
@@ -458,6 +504,7 @@ angular.module(moduleName, [])
     };
 
     this.npmInstallingProjects = [];
+    this.npmReinstallingProjects = [];
     this.npmBuildingProjects = [];
     this.npmRebuildingProjects = [];
     this.npmPruningProjects = [];
@@ -466,6 +513,7 @@ angular.module(moduleName, [])
     $scope.$on('$destroy', () => {
 
       unregisterLeftBarSelectedProjectNpmInstall();
+      unregisterLeftBarSelectedProjectNpmReinstall();
       unregisterLeftBarSelectedProjectNpmPrune();
       unregisterLeftBarSelectedProjectNpmDedupe();
       unregisterLeftBarSelectedProjectNpmBuild();

lib/left.pug

@@ -20,6 +20,8 @@ div(ng-controller='LeftBarController as leftBar')
         div
           .left-progress.color-white(ng-show="leftBar.npmInstallingProjects[item.dirName]")
             | Installing ...
+          .left-progress.color-white(ng-show="leftBar.npmReinstallingProjects[item.dirName]")
+            | Reinstalling ...
           .left-progress.color-white(ng-show="leftBar.npmBuildingProjects[item.dirName]")
             | Building ...
           .left-progress.color-white(ng-show="leftBar.npmRebuildingProjects[item.dirName]")