Make tui-app work with draw dependencies

...instead of using the old loop system.

2 files changed, 8 insertions, 15 deletions

diff --git a/package-lock.json b/package-lock.json
index aa06ee1..33f839f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "tui-lib",
-  "version": "0.0.0",
+  "version": "0.0.3",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/util/tui-app.js b/util/tui-app.js
index 0b845ea..a695e57 100644
--- a/util/tui-app.js
+++ b/util/tui-app.js
@@ -20,6 +20,7 @@ module.exports = async function tuiApp(callback) {
     root.w = size.width;
     root.h = size.height;
     flushable.resizeScreen(size);
+    root.on('rendered', () => flushable.flush());
 
     interfacer.on('resize', newSize => {
         root.w = newSize.width;
@@ -48,26 +49,18 @@ module.exports = async function tuiApp(callback) {
         process.kill(process.pid, 'SIGTSTP');
     };
 
-    const startRenderLoop = function () {
+    process.on('SIGCONT', () => {
+        flushable.clearLastFrame();
+        process.stdin.setRawMode(false);
+        process.stdin.setRawMode(true);
         dirtyTerminal();
+    });
 
-        process.on('SIGCONT', () => {
-            flushable.clearLastFrame();
-            process.stdin.setRawMode(false);
-            process.stdin.setRawMode(true);
-            dirtyTerminal();
-        });
-
-        setInterval(() => {
-            root.renderTo(flushable);
-            flushable.flush();
-        });
-    };
+    dirtyTerminal();
 
     try {
         return await callback({
             root,
-            startRenderLoop,
             suspendProgram,
             quitProgram
         });