import React from 'react'; // eslint-disable-line
import { render } from 'react-dom';
import PseudoFileSystem from 'terminal-in-react-pseudo-file-system-plugin'; // eslint-disable-line
// Bundle generated with npm run build:production ('../lib/js/index') or use '../src/js'
import Terminal from '../src/js';
import '../src/styles/index.scss'; // (../lib/css/index.css) or  '../src/styles/index.scss'

const App = () => (
  <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100vh' }}>
    <Terminal
      startState="maximised"
      commands={{
        color: {
          method: (args) => {
            console.log(`The color is ${args._[0] || args.color}`); // eslint-disable-line
          },
          options: [
            {
              name: 'color',
              description: 'The color the output should be',
              defaultValue: 'white',
            },
          ],
        },
        'type-text': (args, print, runCommand) => {
          const text = args.slice(1).join(' ');
          print('');
          for (let i = 0; i < text.length; i += 1) {
            setTimeout(() => {
              runCommand(`edit-line ${text.slice(0, i + 1)}`);
            }, 100 * i);
          }
        },
        open: () => window.open('https://www.nitintulswani.surge.sh', '_blank'),
      }}
      descriptions={{
        color: 'option for color. For eg - color red',
        'type-text': 'Types out input text',
        open: 'Open a website',
      }}
      shortcuts={{
        'darwin,win,linux': {
          'ctrl + a': 'echo whoo',
        },
      }}
    />
  </div>
);

render(<App />, document.getElementById('app'));

@@ -83,16 +83,19 @@
 m';%0A
+// 
 import 
-P
+p
 seud
@@ -105,16 +105,22 @@
 leSystem
+Plugin
  from 't
@@ -187,16 +187,107 @@
 le-line%0A
+// import NodeEvalPlugin from 'terminal-in-react-node-eval-plugin'; // eslint-disable-line%0A
 // Bundl
@@ -494,16 +494,71 @@
 .scss'%0A%0A
+// const FileSystemPlugin = pseudoFileSystemPlugin();%0A%0A
 const Ap
@@ -1440,29 +1440,28 @@
 http
-s
 ://
-www.nitintulswani
+terminal-in-react
 .sur
@@ -1632,16 +1632,25 @@
 'Open a 
+terminal 
 website'
@@ -1751,24 +1751,24 @@
 %0A        %7D,%0A
-
       %7D%7D%0A   
@@ -1760,24 +1760,244 @@
 %7D,%0A      %7D%7D%0A
+      // plugins=%7B%5B%0A      //   FileSystemPlugin,%0A      //   %7B%0A      //     class: NodeEvalPlugin,%0A      //     config: %7B%0A      //       filesystem: FileSystemPlugin.displayName,%0A      //     %7D,%0A      //   %7D,%0A      // %5D%7D%0A
     /%3E%0A  %3C/d

update the base app