Merge pull request #80 from d4rky-pl/79_allow_other_blessed_libraries

Add createBlessedRenderer function

.gitignore

@@ -2,3 +2,4 @@
 *.log
 node_modules
 dist
+.idea

README.md

@@ -16,6 +16,7 @@ This renderer should currently be considered as experimental, is subject to chan
   * [Refs](#refs)
   * [Events](#events)
   * [Classes](#classes)
+  * [Using blessed forks](#using-blessed-forks)
 * [Roadmap](#roadmap)
 * [FAQ](#faq)
 * [Contribution](#contribution)
@@ -236,6 +237,18 @@ class App extends Component {
 }
 ```
 
+### Using blessed forks
+
+Because [blessed](https://github.com/chjj/blessed) is not actively maintained in quite a while, you might want to use one of it's forks. To do that, import `createBlessedRenderer` function instead:
+
+```
+import React, {Component} from 'react';
+import blessed from 'neo-blessed';
+import {createBlessedRenderer} from 'react-blessed';
+
+const render = createBlessedRenderer(blessed);
+```
+
 ## Roadmap
 
 * Full support (meaning every tags and options should be handled by the renderer).

examples/neo-blessed.jsx

@@ -0,0 +1,29 @@
+import React, {Component} from 'react';
+import blessed from 'neo-blessed';
+import {createBlessedRenderer} from '../src';
+
+const render = createBlessedRenderer(blessed);
+
+class App extends Component {
+  render() {
+    return (
+      <box label="react-blessed demo"
+           border={{type: 'line'}}
+           style={{border: {fg: 'cyan'}}}>
+        This example uses neo-blessed fork of blessed library.
+      </box>
+    );
+  }
+}
+
+const screen = blessed.screen({
+  autoPadding: true,
+  smartCSR: true,
+  title: 'react-blessed demo app'
+});
+
+screen.key(['escape', 'q', 'C-c'], function(ch, key) {
+  return process.exit(0);
+});
+
+const component = render(<App />, screen);

package.json

@@ -35,6 +35,7 @@
     "babel-preset-stage-0": "^6.22.0",
     "babel-register": "^6.22.0",
     "blessed": "^0.1.81",
+    "neo-blessed": "^0.2.0",
     "mocha": "^4.0.1",
     "react": "^16.2.0"
   },

run.js

@@ -7,6 +7,7 @@ const examples = [
   'demo',
   'form',
   'framer',
+  'neo-blessed',
   'progressbar',
   'remove',
 ];