It would be best if you can continue this project and make it available for react-native :)

In some cases，it will be:

I am trying to use react-bash. But, I require it without the title bar.

hi
is it possible to add bash command like npm or python ?
thanks

^ :)

ctrl + L click jumps to URL line instead of clearing the terminal.
After that, every click on 'L' (without ctrl) does a clear and every 'C' clears the line.

hacker@default ~ $echo foo
-bash: echo foo: command not found

What is should say:

hacker@default ~ $echo foo
-bash: echo: command not found

Happy to build this out if you have any ideas :)

We're working on an implementation to help demo some web3 concepts at web3-terminal.theblockchaininstitute.org.

Really love your work!

First of all thanks for the great library, it's exactly what I was looking for!

I have an issue with overriding existing commands, I tried for example to override the help, but my custom function is never called. It works perfectly well with new commands.

Here there's a snippet of my code.

const help = {
  exec: (state) => {
    console.log('Help', state)
  }
}

const navigate = {
  exec: (state, { args }) => {
    const location = get(args, '0')
    history.push('/')
  }
}

const extension = { navigate, help }

<Terminal extensions={extensions} />

I'm using React 16.3.0, so maybe it might depends on that

Per the man pages, -a is the equivalent to --all and should include the current directory (.) and parent directory (..) in its listings.

The current functionality of -a in react-bash is more of -A which is --almost-all and does "not list implied . and .."

It is currently impossible to override the base commands, although it might be desirable for a user to change the behaviour of a given command. One possible use case might be to link a structure modifying command to an actual request to an external API:

import * as builtin from 'react-bash/commands';

const mkdir = {
    exec: (state, { args }) => {
        someExternalAPI.execute('mkdir', args);
        return builtin.mkdir(state, args);
    },
};

const extensions = { mkdir };
<Terminal extensions={extensions} />

I think it should suffice to replace src/bash.js:9 with the following:

this.commands = Object.assign({}, BaseCommands, extensions);

I would like to be able to execute commands asynchronously.

For example:

const extensions = {
  asyncCommand1: {
    exec: (state, command) => {
      return Promise.resolve(state)
    }
  }
}

How can i do it?

Hi,
Help me to get whatever things I am typing on a terminal.
In the below I type 'cd list' and I want to console value. How to get value?

Hi, thank you for the great library, I was just wondering when using whoami shouldn't it return the first part of the prefix because usually it is user@host?

Hi there - As I understand, each time something is typed/returned, it appends to the history array and state.

Is there a way to access history on an ongoing basis?

I'd like to do something like:

1. user cat's some file
2. file prints UUID
3. if history.find UUID then trigger some action.. maybe show a button

Similarly if, history gets beyond some count, maybe i auto trigger help.

Is this possible?

Pressing enter without having any commands results in a "command not found" error. Should just start a new prompt, without error.

In the example below, I have the public directory, the only directory that starts with a p. But when I try cd p + tab, it doesn't autocomplete. It works if I add a u, but since it's the only item starting with a p the autocomplete should work anyways.

When bottom of the terminal window is reached, the white background scrolls up-

should be 0

I used yarn to install the package: yarn add react-bash
I'm trying to include it on a page. As soon as I add the import statement import Terminal from "react-bash";` I get the following in the console:

Unhandled promise rejection 
TypeError: _react.PropTypes is undefined
Stack trace:
./node_modules/react-bash/lib/component.js@http://0.0.0.0:8000/commons.js:40810:6
__webpack_require__@http://0.0.0.0:8000/commons.js:556:12
fn@http://0.0.0.0:8000/commons.js:87:20
./node_modules/react-bash/lib/index.js@http://0.0.0.0:8000/commons.js:40889:19
__webpack_require__@http://0.0.0.0:8000/commons.js:556:12
fn@http://0.0.0.0:8000/commons.js:87:20
./src/pages/index.js@http://0.0.0.0:8000/commons.js:2876:19
__webpack_require__@http://0.0.0.0:8000/commons.js:556:12
fn@http://0.0.0.0:8000/commons.js:87:20
./.cache/sync-requires.js@http://0.0.0.0:8000/commons.js:2323:52
__webpack_require__@http://0.0.0.0:8000/commons.js:556:12
fn@http://0.0.0.0:8000/commons.js:87:20
./.cache/root.js@http://0.0.0.0:8000/commons.js:2026:22
__webpack_require__@http://0.0.0.0:8000/commons.js:556:12
fn@http://0.0.0.0:8000/commons.js:87:20
./.cache/app.js/<@http://0.0.0.0:8000/commons.js:912:15
run@http://0.0.0.0:8000/commons.js:6019:23
notify/<@http://0.0.0.0:8000/commons.js:6032:31
flush@http://0.0.0.0:8000/commons.js:5506:10

Removing the import statement fixes the issue.

I want to modify the history like this :

export default class ShellManager extends Component {
  constructor(props) {
    super(props);
    this.extensions = {
      clear: {
        exec: ({structure, history, cwd}, command) => {
          return {structure, cwd, history: []}
        }
      },

      somethingAsync: {
        exec: ({structure, history, cwd}, command) => {
          console.log(command.input);
          this.props.socket.emit("toto", "toto")
          return {structure, cwd, history}
        }
      }
    }
  }

 socket.on('returnData', (someData) {
    "historyofterminal" = historyofterminal.concat({value: someData});  <=====  HERE
 }

  render() {
    return(
      <Terminal  extensions={this.extensions} prefix={"tozzo"}/>
    );
  }
}

Ability to execute commands on the filesystem using a regular expression to specify files.