Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

ssh rdp vnc telnet sftp bastion/jump web putty xshell terminal jumpserver audit realtime monitor rz/sz 堡垒机云桌面 linux devops sftp websocket file management rz/sz otp 自动化运维审计录像文件管理 sftp上传实时监控录像回放网页版rz/sz上传下载/动态口令 django

Stars: ✭ 1,124 (+1656.25%)

Mutual labels: terminal-emulators

React Router Form

Stars: ✭ 58 (-9.37%)

Mutual labels: react-component

View All Similar Projects ➔

react-console

Simple React.js console emulator.

Example

Simple prompt that echoes back input:

let EchoConsole = React.createClass({
	echo: function(text) {
		this.refs.console.log(text);
		this.refs.console.return();
	},
	render: function() {
		return <Console ref="console"
			handler={this.echo}
			autofocus={true}
		/>;
	}
});

See the example project used in the live demo.

Installation

npm install --save-dev react-console-component

Features

Readline emulation
Mobile friendly
Input Method Editor (IME) support

Props

Properties you can pass to the console element

Prop	Type	Description
autofocus?	bool	Autofocus the console on component mount.
cancel?	()=>any	Function that should stop execution of the current command and call `this.return()`.
complete?	(words: string[], cursor: number, prompt: string)=>string[]	Return a list of possible completions given a list of (`words`), index of the word containing the cursor (`cursor`) , and the full prompt text (`prompt`).
continue?	(prompt: string)=>bool	Return a boolean indicating whether to continue asking for user input on a newline given the current prompt text (`prompt`).
handler	(command: string)=>any	Handle a command (`command`), logging data with `this.log()` or `this.logX()`, and calling `this.return()` when finished.
promptLabel?	string \| ()=>string	String or function that generates a string displayed to prompt user for input.
welcomeMessage?	string	Initial message displayed after mount.

Public members

Member	Type	Description
log	(...messages: any)=>void	Log messages to the console. If string, print the value, otherwise, print the JSON value of the message.
logX	(type: string, ...messages: any)=>void	Log messages of a particular type to the console. The messages will be given the class `react-console-message-{type}`.
return	()=>void	Signal the current command has finished and a new prompt should be displayed.

Awknoledgements

React-console is inspired by chrisdone/jquery-console.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].

Stars: ✭ 64

Visit Git Page 🔗Visit User Page 🔗Visit Issues Page (6) 🔗