{
+ return (
+
+
+ {icon}
+ {label}
+
+ }
+ secondary={
+ {details}
+ }
+ />
+
+
+
-
-);
+
+
+
+
+
+
+ );
+};
+
+ActionItem.propTypes = {
+ classes: PropTypes.objectOf(PropTypes.string).isRequired,
+ mode: PropTypes.string.isRequired,
+ label: PropTypes.string.isRequired,
+ title: PropTypes.string.isRequired,
+ details: PropTypes.string.isRequired,
+ handler: PropTypes.func.isRequired,
+};
+
+const WithStylesActionItem = withStyles(styles)(ActionItem);
+
+const ActionsTab = ({
+ classes,
+ mode,
+ onInstallPackagesFromJson,
+ onCacheClean,
+ onCacheVerify,
+ onShrinkWrap,
+ onDedupe,
+}) => {
+ const actions = [
+ {
+ label: 'npm install',
+ details: 'Install packages from package.json',
+ title: 'Run npm install',
+ handler: onInstallPackagesFromJson,
+ icon: ,
+ },
+ {
+ label: 'npm cache clean',
+ details: 'Delete all data out of the cache folder.',
+ title: 'Run npm cache clean',
+ handler: onCacheClean,
+ icon: ,
+ },
+ {
+ label: 'npm cache verify',
+ details: 'Verify the contents of the cache folder',
+ title: 'Run npm cache verify',
+ handler: onCacheVerify,
+ icon: ,
+ },
+ {
+ label: 'npm shrinkwrap',
+ details:
+ 'Repurposes package-lock.json into a publishable npm-shrinkwrap.json',
+ title: 'Run npm shrinkwrap',
+ handler: onShrinkWrap,
+ icon: ,
+ },
+ {
+ label: 'npm dedupe',
+ details: 'Mode dependencies further up the tree',
+ title: 'Run npm dedupe',
+ handler: onDedupe,
+ icon: ,
+ },
+ ];
+
+ return (
+ <>
+
+
+ {iMessage('title', 'actions')}
+
+
+
+
+ {actions.map((action) => (
+
+ ))}
+
+
+
+ );
+};
ActionsTab.propTypes = {
classes: PropTypes.objectOf(PropTypes.string).isRequired,
onInstallPackagesFromJson: PropTypes.func.isRequired,
+ onCacheClean: PropTypes.func.isRequired,
mode: PropTypes.string.isRequired,
};
diff --git a/app/models/notifications/epics.js b/app/models/notifications/epics.js
index 27c9cd06..60b8a364 100755
--- a/app/models/notifications/epics.js
+++ b/app/models/notifications/epics.js
@@ -1,5 +1,5 @@
import { of } from 'rxjs';
-import { mergeMap, catchError, withLatestFrom } from 'rxjs/operators';
+import { map, mergeMap, catchError, withLatestFrom } from 'rxjs/operators';
import { v1 as uuidv1 } from 'uuid';
import semver from 'semver';
import { combineEpics, ofType } from 'redux-observable';
@@ -13,7 +13,7 @@ const parseNotificationEpic = (action$, state$) =>
action$.pipe(
ofType(parseNotification.type),
withLatestFrom(state$),
- mergeMap((values) => {
+ map((values) => {
const [notification, state] = values;
const {
notifications: { notifications: stateNotifications },
@@ -25,7 +25,14 @@ const parseNotificationEpic = (action$, state$) =>
const [reason, details] = notificationText.split(':');
const isExtraneous = reason === 'extraneous';
const detailsArr = details.trim().split(',');
- const [requiredDetails, requiredByName] = detailsArr;
+
+ return {
+ isExtraneous,
+ details: detailsArr,
+ };
+ }),
+ mergeMap(({ details, isExtraneous }) => {
+ const [requiredDetails, requiredByName] = details;
const [requiredName, requiredVersion] = requiredDetails.split('@');
const isValidVersion = semver.valid(requiredVersion);