porting files in lib/ actions, reducers and utils/plugins to ts (#3887)
* add type definitions * rename files in lib/actions * rename files from lib/reducers to ts * renamed plugins.js to ts * Add hyper types * Fix ts errors in lib/reducers * Fix ts errors in lib/actions * Fix ts errors in plugins.ts
This commit is contained in:
Labhansh Agrawal
Benjamin Staneck
parent
27c9cc3892
commit
537c746c75
14 changed files with 479 additions and 280 deletions
|
|
@ -1,334 +0,0 @@
|
|||
import {php_escapeshellcmd as escapeShellCmd} from 'php-escape-shell';
|
||||
import {isExecutable} from '../utils/file';
|
||||
import getRootGroups from '../selectors';
|
||||
import findBySession from '../utils/term-groups';
|
||||
import notify from '../utils/notify';
|
||||
import rpc from '../rpc';
|
||||
import {requestSession, sendSessionData, setActiveSession} from '../actions/sessions';
|
||||
import {
|
||||
UI_FONT_SIZE_SET,
|
||||
UI_FONT_SIZE_INCR,
|
||||
UI_FONT_SIZE_DECR,
|
||||
UI_FONT_SIZE_RESET,
|
||||
UI_FONT_SMOOTHING_SET,
|
||||
UI_MOVE_LEFT,
|
||||
UI_MOVE_RIGHT,
|
||||
UI_MOVE_TO,
|
||||
UI_MOVE_NEXT_PANE,
|
||||
UI_MOVE_PREV_PANE,
|
||||
UI_WINDOW_GEOMETRY_CHANGED,
|
||||
UI_WINDOW_MOVE,
|
||||
UI_OPEN_FILE,
|
||||
UI_ENTER_FULLSCREEN,
|
||||
UI_LEAVE_FULLSCREEN,
|
||||
UI_OPEN_SSH_URL,
|
||||
UI_CONTEXTMENU_OPEN,
|
||||
UI_COMMAND_EXEC
|
||||
} from '../constants/ui';
|
||||
|
||||
import {setActiveGroup} from './term-groups';
|
||||
import parseUrl from 'parse-url';
|
||||
|
||||
const {stat} = window.require('fs');
|
||||
|
||||
export function openContextMenu(uid, selection) {
|
||||
return (dispatch, getState) => {
|
||||
dispatch({
|
||||
type: UI_CONTEXTMENU_OPEN,
|
||||
uid,
|
||||
effect() {
|
||||
const state = getState();
|
||||
const show = !state.ui.quickEdit;
|
||||
if (show) {
|
||||
rpc.emit('open context menu', selection);
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
export function increaseFontSize() {
|
||||
return (dispatch, getState) => {
|
||||
dispatch({
|
||||
type: UI_FONT_SIZE_INCR,
|
||||
effect() {
|
||||
const state = getState();
|
||||
const old = state.ui.fontSizeOverride || state.ui.fontSize;
|
||||
const value = old + 1;
|
||||
dispatch({
|
||||
type: UI_FONT_SIZE_SET,
|
||||
value
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
export function decreaseFontSize() {
|
||||
return (dispatch, getState) => {
|
||||
dispatch({
|
||||
type: UI_FONT_SIZE_DECR,
|
||||
effect() {
|
||||
const state = getState();
|
||||
const old = state.ui.fontSizeOverride || state.ui.fontSize;
|
||||
// when the font-size is really small, below 5px, xterm starts showing up issues.
|
||||
const value = old > 5 ? old - 1 : old;
|
||||
dispatch({
|
||||
type: UI_FONT_SIZE_SET,
|
||||
value
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
export function resetFontSize() {
|
||||
return {
|
||||
type: UI_FONT_SIZE_RESET
|
||||
};
|
||||
}
|
||||
|
||||
export function setFontSmoothing() {
|
||||
return dispatch => {
|
||||
setTimeout(() => {
|
||||
const devicePixelRatio = window.devicePixelRatio;
|
||||
const fontSmoothing = devicePixelRatio < 2 ? 'subpixel-antialiased' : 'antialiased';
|
||||
|
||||
dispatch({
|
||||
type: UI_FONT_SMOOTHING_SET,
|
||||
fontSmoothing
|
||||
});
|
||||
}, 100);
|
||||
};
|
||||
}
|
||||
|
||||
export function windowGeometryUpdated() {
|
||||
return {
|
||||
type: UI_WINDOW_GEOMETRY_CHANGED
|
||||
};
|
||||
}
|
||||
|
||||
// Find all sessions that are below the given
|
||||
// termGroup uid in the hierarchy:
|
||||
const findChildSessions = (termGroups, uid) => {
|
||||
const group = termGroups[uid];
|
||||
if (group.sessionUid) {
|
||||
return [uid];
|
||||
}
|
||||
|
||||
return group.children.reduce((total, childUid) => total.concat(findChildSessions(termGroups, childUid)), []);
|
||||
};
|
||||
|
||||
// Get the index of the next or previous group,
|
||||
// depending on the movement direction:
|
||||
const getNeighborIndex = (groups, uid, type) => {
|
||||
if (type === UI_MOVE_NEXT_PANE) {
|
||||
return (groups.indexOf(uid) + 1) % groups.length;
|
||||
}
|
||||
|
||||
return (groups.indexOf(uid) + groups.length - 1) % groups.length;
|
||||
};
|
||||
|
||||
function moveToNeighborPane(type) {
|
||||
return () => (dispatch, getState) => {
|
||||
dispatch({
|
||||
type,
|
||||
effect() {
|
||||
const {sessions, termGroups} = getState();
|
||||
const {uid} = findBySession(termGroups, sessions.activeUid);
|
||||
const childGroups = findChildSessions(termGroups.termGroups, termGroups.activeRootGroup);
|
||||
if (childGroups.length === 1) {
|
||||
//eslint-disable-next-line no-console
|
||||
console.log('ignoring move for single group');
|
||||
} else {
|
||||
const index = getNeighborIndex(childGroups, uid, type);
|
||||
const {sessionUid} = termGroups.termGroups[childGroups[index]];
|
||||
dispatch(setActiveSession(sessionUid));
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
export const moveToNextPane = moveToNeighborPane(UI_MOVE_NEXT_PANE);
|
||||
export const moveToPreviousPane = moveToNeighborPane(UI_MOVE_PREV_PANE);
|
||||
|
||||
const getGroupUids = state => {
|
||||
const rootGroups = getRootGroups(state);
|
||||
return rootGroups.map(({uid}) => uid);
|
||||
};
|
||||
|
||||
export function moveLeft() {
|
||||
return (dispatch, getState) => {
|
||||
dispatch({
|
||||
type: UI_MOVE_LEFT,
|
||||
effect() {
|
||||
const state = getState();
|
||||
const uid = state.termGroups.activeRootGroup;
|
||||
const groupUids = getGroupUids(state);
|
||||
const index = groupUids.indexOf(uid);
|
||||
const next = groupUids[index - 1] || groupUids[groupUids.length - 1];
|
||||
if (!next || uid === next) {
|
||||
//eslint-disable-next-line no-console
|
||||
console.log('ignoring left move action');
|
||||
} else {
|
||||
dispatch(setActiveGroup(next));
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
export function moveRight() {
|
||||
return (dispatch, getState) => {
|
||||
dispatch({
|
||||
type: UI_MOVE_RIGHT,
|
||||
effect() {
|
||||
const state = getState();
|
||||
const groupUids = getGroupUids(state);
|
||||
const uid = state.termGroups.activeRootGroup;
|
||||
const index = groupUids.indexOf(uid);
|
||||
const next = groupUids[index + 1] || groupUids[0];
|
||||
if (!next || uid === next) {
|
||||
//eslint-disable-next-line no-console
|
||||
console.log('ignoring right move action');
|
||||
} else {
|
||||
dispatch(setActiveGroup(next));
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
export function moveTo(i) {
|
||||
return (dispatch, getState) => {
|
||||
if (i === 'last') {
|
||||
// Finding last tab index
|
||||
const {termGroups} = getState().termGroups;
|
||||
i =
|
||||
Object.keys(termGroups)
|
||||
.map(uid => termGroups[uid])
|
||||
.filter(({parentUid}) => !parentUid).length - 1;
|
||||
}
|
||||
dispatch({
|
||||
type: UI_MOVE_TO,
|
||||
index: i,
|
||||
effect() {
|
||||
const state = getState();
|
||||
const groupUids = getGroupUids(state);
|
||||
const uid = state.termGroups.activeRootGroup;
|
||||
if (uid === groupUids[i]) {
|
||||
//eslint-disable-next-line no-console
|
||||
console.log('ignoring same uid');
|
||||
} else if (groupUids[i]) {
|
||||
dispatch(setActiveGroup(groupUids[i]));
|
||||
} else {
|
||||
//eslint-disable-next-line no-console
|
||||
console.log('ignoring inexistent index', i);
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
export function windowMove(window) {
|
||||
return dispatch => {
|
||||
dispatch({
|
||||
type: UI_WINDOW_MOVE,
|
||||
window,
|
||||
effect() {
|
||||
dispatch(setFontSmoothing());
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
export function windowGeometryChange() {
|
||||
return dispatch => {
|
||||
dispatch({
|
||||
type: UI_WINDOW_MOVE,
|
||||
effect() {
|
||||
dispatch(setFontSmoothing());
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
export function openFile(path) {
|
||||
return dispatch => {
|
||||
dispatch({
|
||||
type: UI_OPEN_FILE,
|
||||
effect() {
|
||||
stat(path, (err, stats) => {
|
||||
if (err) {
|
||||
notify('Unable to open path', `"${path}" doesn't exist.`, {error: err});
|
||||
} else {
|
||||
let command = escapeShellCmd(path).replace(/ /g, '\\ ');
|
||||
if (stats.isDirectory()) {
|
||||
command = `cd ${command}\n`;
|
||||
} else if (stats.isFile() && isExecutable(stats)) {
|
||||
command += '\n';
|
||||
}
|
||||
rpc.once('session add', ({uid}) => {
|
||||
rpc.once('session data', () => {
|
||||
dispatch(sendSessionData(uid, command));
|
||||
});
|
||||
});
|
||||
}
|
||||
dispatch(requestSession());
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
export function enterFullScreen() {
|
||||
return {
|
||||
type: UI_ENTER_FULLSCREEN
|
||||
};
|
||||
}
|
||||
|
||||
export function leaveFullScreen() {
|
||||
return {
|
||||
type: UI_LEAVE_FULLSCREEN
|
||||
};
|
||||
}
|
||||
|
||||
export function openSSH(url) {
|
||||
return dispatch => {
|
||||
dispatch({
|
||||
type: UI_OPEN_SSH_URL,
|
||||
effect() {
|
||||
let parsedUrl = parseUrl(url, true);
|
||||
let command = parsedUrl.protocol + ' ' + (parsedUrl.user ? `${parsedUrl.user}@` : '') + parsedUrl.resource;
|
||||
|
||||
if (parsedUrl.port) command += ' -p ' + parsedUrl.port;
|
||||
|
||||
command += '\n';
|
||||
|
||||
rpc.once('session add', ({uid}) => {
|
||||
rpc.once('session data', () => {
|
||||
dispatch(sendSessionData(uid, command));
|
||||
});
|
||||
});
|
||||
|
||||
dispatch(requestSession());
|
||||
}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
||||
export function execCommand(command, fn, e) {
|
||||
return dispatch =>
|
||||
dispatch({
|
||||
type: UI_COMMAND_EXEC,
|
||||
command,
|
||||
effect() {
|
||||
if (fn) {
|
||||
fn(e);
|
||||
} else {
|
||||
rpc.emit('command', command);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue