npm-check-extras
Version:
CLI app to check for outdated and unused dependencies, and run update/delete action over selected ones
41 lines (40 loc) • 2.45 kB
JavaScript
import React, { useEffect } from 'react';
import { Text, Box } from 'ink';
import * as R from 'ramda';
import { useStore } from '@nanostores/react';
import figureSet from 'figures';
import pluralize from 'pluralize';
import { $travelItems } from './store/travel-items.js';
import { $travelStatus } from './store/travel-status.js';
import { SelectedText, SuccessText } from './components/TextItem.js';
import { prepSpaces, wrasp } from './helpers.js';
export default function Travel() {
const travelItems = useStore($travelItems);
const travelStatus = useStore($travelStatus);
useEffect(() => {
// fetchTravelItems();
}, []);
return (React.createElement(Box, { flexDirection: "column" },
React.createElement(Box, null,
React.createElement(Box, null,
React.createElement(Text, { bold: true, color: "cyan" }, figureSet.arrowUp),
React.createElement(Text, null, ","),
React.createElement(Text, { bold: true, color: "cyan" }, figureSet.arrowDown),
React.createElement(Text, null, " - move up and down")),
React.createElement(Box, null,
React.createElement(Text, { bold: true }, `${prepSpaces('<space>')}`),
React.createElement(Text, null, " - select active item")),
React.createElement(Box, null,
React.createElement(Text, { bold: true }, prepSpaces('<ENTER>')),
React.createElement(Text, null, " - submit"))),
React.createElement(Text, null),
R.map(travelItem => {
return (React.createElement(Box, { key: `${travelItem.date}` },
travelItem.isActive ? (React.createElement(Text, { color: "magenta" }, figureSet.pointer)) : (React.createElement(Text, null, " ")),
React.createElement(Text, null, ` ${travelItem.date} - (${travelItem.items.length} ${pluralize('package', travelItem.items.length)})`),
travelItem.isSelected ? React.createElement(SelectedText, null) : null));
}, travelItems),
React.createElement(Box, { marginLeft: 2, marginTop: 1 },
React.createElement(Text, { bold: true, color: "#800080", backgroundColor: "#ffffff" }, wrasp('Revert')),
travelStatus === 'SUCCEEDED' ? (React.createElement(SuccessText, { spaces: true, text: "Package.json has been changed. You need to issue install command yourself." })) : null)));
}