spawn-term 1.0.7 → 1.0.8

package/dist/cjs/components/App.d.cts

@@ -1 +1,3 @@
-export default function App(): import("react").JSX.Element;
+export default function App({ store }: {
+    store: any;
+}): import("react").JSX.Element;

package/dist/cjs/components/App.d.ts

@@ -1 +1,3 @@
-export default function App(): import("react").JSX.Element;
+export default function App({ store }: {
+    store: any;
+}): import("react").JSX.Element;

package/dist/cjs/components/App.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, "default", {
 });
 var _jsxruntime = require("react/jsx-runtime");
 var _ink = require("ink");
-var _ProcessContext = require("../state/ProcessContext.js");
 var _ChildProcess = /*#__PURE__*/ _interop_require_default(require("./ChildProcess.js"));
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -45,11 +44,11 @@ function _object_spread(target) {
     }
     return target;
 }
-function App() {
-    var processes = (0, _ProcessContext.useProcesses)();
+function App(param) {
+    var store = param.store;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ink.Box, {
         flexDirection: "column",
-        children: processes.map(function(item) {
+        children: store.processes.map(function(item) {
             return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChildProcess.default, _object_spread({}, item), item.id);
         })
     });

package/dist/cjs/components/App.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/App.tsx"],"sourcesContent":["import { Box } from 'ink';\nimport { useProcesses } from '../state/ProcessContext.js';\nimport type { ChildProcess as ChildProcessT } from '../types.js';\nimport ChildProcess from './ChildProcess.js';\n\nexport default function App() {\n  const processes = useProcesses();\n\n  return (\n    <Box flexDirection=\"column\">\n      {processes.map((item: ChildProcessT) => (\n        <ChildProcess key={item.id} {...item} />\n      ))}\n    </Box>\n  );\n}\n"],"names":["App","processes","useProcesses","Box","flexDirection","map","item","ChildProcess","id"],"mappings":";;;;+BAKA;;;eAAwBA;;;;mBALJ;8BACS;mEAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEV,SAASA;IACtB,IAAMC,YAAYC,IAAAA,4BAAY;IAE9B,qBACE,qBAACC,QAAG;QAACC,eAAc;kBAChBH,UAAUI,GAAG,CAAC,SAACC;iCACd,qBAACC,qBAAY,qBAAmBD,OAAbA,KAAKE,EAAE;;;AAIlC"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/App.tsx"],"sourcesContent":["import { Box } from 'ink';\nimport type { ChildProcess as ChildProcessT } from '../types.js';\nimport ChildProcess from './ChildProcess.js';\n\nexport default function App({ store }) {\n  return (\n    <Box flexDirection=\"column\">\n      {store.processes.map((item: ChildProcessT) => (\n        <ChildProcess key={item.id} {...item} />\n      ))}\n    </Box>\n  );\n}\n"],"names":["App","store","Box","flexDirection","processes","map","item","ChildProcess","id"],"mappings":";;;;+BAIA;;;eAAwBA;;;;mBAJJ;mEAEK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEV,SAASA,IAAI,KAAS;QAAT,AAAEC,QAAF,MAAEA;IAC5B,qBACE,qBAACC,QAAG;QAACC,eAAc;kBAChBF,MAAMG,SAAS,CAACC,GAAG,CAAC,SAACC;iCACpB,qBAACC,qBAAY,qBAAmBD,OAAbA,KAAKE,EAAE;;;AAIlC"}

package/dist/cjs/createApp.d.cts

@@ -1,4 +1,4 @@
-import Store from './state/ProcessStore.js';
+import { default as Store } from './state/ProcessStore.js';
 export type RetainCallback = (app: Store) => undefined;
 export type ReleaseCallback = () => undefined;
 export default function createApp(): {

package/dist/cjs/createApp.d.ts

@@ -1,4 +1,4 @@
-import Store from './state/ProcessStore.js';
+import { default as Store } from './state/ProcessStore.js';
 export type RetainCallback = (app: Store) => undefined;
 export type ReleaseCallback = () => undefined;
 export default function createApp(): {

package/dist/cjs/createApp.js

@@ -10,36 +10,43 @@ Object.defineProperty(exports, "default", {
 });
 var _jsxruntime = require("react/jsx-runtime");
 var _ink = require("ink");
+var _lodashthrottle = /*#__PURE__*/ _interop_require_default(require("lodash.throttle"));
 var _App = /*#__PURE__*/ _interop_require_default(require("./components/App.js"));
-var _ProcessContext = require("./state/ProcessContext.js");
 var _ProcessStore = /*#__PURE__*/ _interop_require_default(require("./state/ProcessStore.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+var THROTTLE = 100;
 function createApp() {
     var refCount = 0;
     var store = null;
     var inkApp = null;
+    var previousData = null;
+    var rerender = function() {
+        if (!inkApp || !store) return;
+        if (store.data() === previousData) return;
+        previousData = store.data();
+        inkApp.rerender(/*#__PURE__*/ (0, _jsxruntime.jsx)(_App.default, {
+            store: store
+        }));
+    };
+    var rerenderThrottled = (0, _lodashthrottle.default)(rerender, THROTTLE);
     return {
         retain: function retain(fn) {
             if (++refCount > 1) return fn(store);
             if (store) throw new Error('Not expecting store');
-            store = new _ProcessStore.default();
-            inkApp = (0, _ink.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ProcessContext.ProcessProvider, {
-                store: store,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_App.default, {})
+            store = new _ProcessStore.default(rerenderThrottled);
+            inkApp = (0, _ink.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_App.default, {
+                store: store
             }));
             fn(store);
         },
         release: function release(cb) {
             if (--refCount > 0) return cb();
             if (!store) throw new Error('Expecting store');
-            inkApp.rerender(/*#__PURE__*/ (0, _jsxruntime.jsx)(_ProcessContext.ProcessProvider, {
-                store: store,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_App.default, {})
-            }));
+            rerender();
             inkApp.waitUntilExit().then(function() {
                 return cb();
             }).catch(cb);

package/dist/cjs/createApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/createApp.tsx"],"sourcesContent":["import { type Instance, render } from 'ink';\nimport App from './components/App.js';\nimport { ProcessProvider } from './state/ProcessContext.js';\nimport Store from './state/ProcessStore.js';\n\nexport type RetainCallback = (app: Store) => undefined;\nexport type ReleaseCallback = () => undefined;\n\nexport default function createApp() {\n  let refCount = 0;\n  let store = null;\n  let inkApp: Instance | null = null;\n\n  return {\n    retain(fn: RetainCallback): undefined {\n      if (++refCount > 1) return fn(store);\n      if (store) throw new Error('Not expecting store');\n\n      store = new Store();\n      inkApp = render(\n        <ProcessProvider store={store}>\n          <App />\n        </ProcessProvider>\n      );\n      fn(store);\n    },\n    release(cb: ReleaseCallback): undefined {\n      if (--refCount > 0) return cb();\n      if (!store) throw new Error('Expecting store');\n\n      inkApp.rerender(\n        <ProcessProvider store={store}>\n          <App />\n        </ProcessProvider>\n      );\n      inkApp\n        .waitUntilExit()\n        .then(() => cb())\n        .catch(cb);\n      inkApp.unmount();\n      inkApp = null;\n      store = null;\n      process.stdout.write('\\x1b[?25h'); // show cursor\n    },\n  };\n}\n"],"names":["createApp","refCount","store","inkApp","retain","fn","Error","Store","render","ProcessProvider","App","release","cb","rerender","waitUntilExit","then","catch","unmount","process","stdout","write"],"mappings":";;;;+BAQA;;;eAAwBA;;;;mBARc;0DACtB;8BACgB;mEACd;;;;;;AAKH,SAASA;IACtB,IAAIC,WAAW;IACf,IAAIC,QAAQ;IACZ,IAAIC,SAA0B;IAE9B,OAAO;QACLC,QAAAA,SAAAA,OAAOC,EAAkB;YACvB,IAAI,EAAEJ,WAAW,GAAG,OAAOI,GAAGH;YAC9B,IAAIA,OAAO,MAAM,IAAII,MAAM;YAE3BJ,QAAQ,IAAIK,qBAAK;YACjBJ,SAASK,IAAAA,WAAM,gBACb,qBAACC,+BAAe;gBAACP,OAAOA;0BACtB,cAAA,qBAACQ,YAAG;;YAGRL,GAAGH;QACL;QACAS,SAAAA,SAAAA,QAAQC,EAAmB;YACzB,IAAI,EAAEX,WAAW,GAAG,OAAOW;YAC3B,IAAI,CAACV,OAAO,MAAM,IAAII,MAAM;YAE5BH,OAAOU,QAAQ,eACb,qBAACJ,+BAAe;gBAACP,OAAOA;0BACtB,cAAA,qBAACQ,YAAG;;YAGRP,OACGW,aAAa,GACbC,IAAI,CAAC;uBAAMH;eACXI,KAAK,CAACJ;YACTT,OAAOc,OAAO;YACdd,SAAS;YACTD,QAAQ;YACRgB,QAAQC,MAAM,CAACC,KAAK,CAAC,cAAc,cAAc;QACnD;IACF;AACF"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/createApp.tsx"],"sourcesContent":["import { type Instance, render } from 'ink';\nimport throttle from 'lodash.throttle';\nimport App from './components/App.js';\nimport { default as Store, type StoreData } from './state/ProcessStore.js';\n\nexport type RetainCallback = (app: Store) => undefined;\nexport type ReleaseCallback = () => undefined;\n\nconst THROTTLE = 100;\n\nexport default function createApp() {\n  let refCount = 0;\n  let store = null;\n  let inkApp: Instance | null = null;\n\n  let previousData: StoreData[] = null;\n  const rerender = () => {\n    if (!inkApp || !store) return;\n    if (store.data() === previousData) return;\n    previousData = store.data();\n    inkApp.rerender(<App store={store} />);\n  };\n  const rerenderThrottled = throttle(rerender, THROTTLE);\n\n  return {\n    retain(fn: RetainCallback): undefined {\n      if (++refCount > 1) return fn(store);\n      if (store) throw new Error('Not expecting store');\n\n      store = new Store(rerenderThrottled);\n      inkApp = render(<App store={store} />);\n      fn(store);\n    },\n    release(cb: ReleaseCallback): undefined {\n      if (--refCount > 0) return cb();\n      if (!store) throw new Error('Expecting store');\n\n      rerender();\n      inkApp\n        .waitUntilExit()\n        .then(() => cb())\n        .catch(cb);\n      inkApp.unmount();\n      inkApp = null;\n      store = null;\n      process.stdout.write('\\x1b[?25h'); // show cursor\n    },\n  };\n}\n"],"names":["createApp","THROTTLE","refCount","store","inkApp","previousData","rerender","data","App","rerenderThrottled","throttle","retain","fn","Error","Store","render","release","cb","waitUntilExit","then","catch","unmount","process","stdout","write"],"mappings":";;;;+BAUA;;;eAAwBA;;;;mBAVc;qEACjB;0DACL;mEACiC;;;;;;AAKjD,IAAMC,WAAW;AAEF,SAASD;IACtB,IAAIE,WAAW;IACf,IAAIC,QAAQ;IACZ,IAAIC,SAA0B;IAE9B,IAAIC,eAA4B;IAChC,IAAMC,WAAW;QACf,IAAI,CAACF,UAAU,CAACD,OAAO;QACvB,IAAIA,MAAMI,IAAI,OAAOF,cAAc;QACnCA,eAAeF,MAAMI,IAAI;QACzBH,OAAOE,QAAQ,eAAC,qBAACE,YAAG;YAACL,OAAOA;;IAC9B;IACA,IAAMM,oBAAoBC,IAAAA,uBAAQ,EAACJ,UAAUL;IAE7C,OAAO;QACLU,QAAAA,SAAAA,OAAOC,EAAkB;YACvB,IAAI,EAAEV,WAAW,GAAG,OAAOU,GAAGT;YAC9B,IAAIA,OAAO,MAAM,IAAIU,MAAM;YAE3BV,QAAQ,IAAIW,qBAAK,CAACL;YAClBL,SAASW,IAAAA,WAAM,gBAAC,qBAACP,YAAG;gBAACL,OAAOA;;YAC5BS,GAAGT;QACL;QACAa,SAAAA,SAAAA,QAAQC,EAAmB;YACzB,IAAI,EAAEf,WAAW,GAAG,OAAOe;YAC3B,IAAI,CAACd,OAAO,MAAM,IAAIU,MAAM;YAE5BP;YACAF,OACGc,aAAa,GACbC,IAAI,CAAC;uBAAMF;eACXG,KAAK,CAACH;YACTb,OAAOiB,OAAO;YACdjB,SAAS;YACTD,QAAQ;YACRmB,QAAQC,MAAM,CAACC,KAAK,CAAC,cAAc,cAAc;QACnD;IACF;AACF"}

package/dist/cjs/state/ProcessStore.d.cts

@@ -1,8 +1,11 @@
-import { EventEmitter } from 'events';
 import type { ChildProcess, ChildProcessUpdate } from '../types.js';
-export default class ProcessStore extends EventEmitter {
+export type RenderFunction = () => void;
+export type StoreData = ChildProcess[];
+export default class ProcessStore {
     processes: ChildProcess[];
-    constructor();
-    add(process: ChildProcess): ChildProcess;
+    onRender: RenderFunction;
+    constructor(onRender: RenderFunction);
+    data(): StoreData;
+    add(process: ChildProcess): void;
     update(id: string, update: ChildProcessUpdate): void;
 }

package/dist/cjs/state/ProcessStore.d.ts

@@ -1,8 +1,11 @@
-import { EventEmitter } from 'events';
 import type { ChildProcess, ChildProcessUpdate } from '../types.js';
-export default class ProcessStore extends EventEmitter {
+export type RenderFunction = () => void;
+export type StoreData = ChildProcess[];
+export default class ProcessStore {
     processes: ChildProcess[];
-    constructor();
-    add(process: ChildProcess): ChildProcess;
+    onRender: RenderFunction;
+    constructor(onRender: RenderFunction);
+    data(): StoreData;
+    add(process: ChildProcess): void;
     update(id: string, update: ChildProcessUpdate): void;
 }

package/dist/cjs/state/ProcessStore.js

@@ -8,81 +8,26 @@ Object.defineProperty(exports, "default", {
         return ProcessStore;
     }
 });
-var _events = require("events");
-function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
-}
-function _call_super(_this, derived, args) {
-    derived = _get_prototype_of(derived);
-    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
-}
 function _class_call_check(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _get_prototype_of(o) {
-    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
-        return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _get_prototype_of(o);
-}
-function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-            value: subClass,
-            writable: true,
-            configurable: true
-        }
-    });
-    if (superClass) _set_prototype_of(subClass, superClass);
-}
-function _possible_constructor_return(self, call) {
-    if (call && (_type_of(call) === "object" || typeof call === "function")) {
-        return call;
-    }
-    return _assert_this_initialized(self);
-}
-function _set_prototype_of(o, p) {
-    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-    };
-    return _set_prototype_of(o, p);
-}
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-function _is_native_reflect_construct() {
-    try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
-}
-var ProcessStore = /*#__PURE__*/ function(EventEmitter) {
+var ProcessStore = /*#__PURE__*/ function() {
     "use strict";
-    _inherits(ProcessStore, EventEmitter);
-    function ProcessStore() {
+    function ProcessStore(onRender) {
         _class_call_check(this, ProcessStore);
-        var _this;
-        _this = _call_super(this, ProcessStore), _this.processes = [];
-        if (_this.setMaxListeners) _this.setMaxListeners(Infinity);
-        return _this;
+        if (!onRender) throw new Error('missing on render');
+        this.processes = [];
+        this.onRender = onRender;
     }
     var _proto = ProcessStore.prototype;
+    _proto.data = function data() {
+        return this.processes;
+    };
     _proto.add = function add(process) {
         this.processes.push(process);
-        this.emit('added', process);
-        return process;
+        this.onRender();
     };
     _proto.update = function update(id, update) {
         var found = this.processes.find(function(x) {
@@ -93,8 +38,8 @@ var ProcessStore = /*#__PURE__*/ function(EventEmitter) {
             return;
         }
         Object.assign(found, update);
-        this.emit('changed', found);
+        this.onRender();
     };
     return ProcessStore;
-}(_events.EventEmitter);
+}();
 /* CJS INTEROP */ if (exports.__esModule && exports.default) { try { Object.defineProperty(exports.default, '__esModule', { value: true }); for (var key in exports) { exports.default[key] = exports[key]; } } catch (_) {}; module.exports = exports.default; }

package/dist/cjs/state/ProcessStore.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/state/ProcessStore.ts"],"sourcesContent":["import { EventEmitter } from 'events';\nimport type { ChildProcess, ChildProcessUpdate } from '../types.js';\n\nexport default class ProcessStore extends EventEmitter {\n  processes: ChildProcess[] = [];\n\n  constructor() {\n    super();\n    if (this.setMaxListeners) this.setMaxListeners(Infinity);\n  }\n\n  add(process: ChildProcess): ChildProcess {\n    this.processes.push(process);\n    this.emit('added', process);\n    return process;\n  }\n\n  update(id: string, update: ChildProcessUpdate): void {\n    const found = this.processes.find((x) => x.id === id);\n    if (!found) {\n      console.log(`Process ${id} not found`);\n      return;\n    }\n    Object.assign(found, update);\n    this.emit('changed', found);\n  }\n}\n"],"names":["ProcessStore","processes","setMaxListeners","Infinity","add","process","push","emit","update","id","found","find","x","console","log","Object","assign","EventEmitter"],"mappings":";;;;;;;eAGqBA;;;sBAHQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGd,IAAA,AAAMA,6BAAN;;cAAMA;aAAAA;gCAAAA;;gBAIjB,kBAJiBA,qBACnBC,YAA4B,EAAE;QAI5B,IAAI,MAAKC,eAAe,EAAE,MAAKA,eAAe,CAACC;;;iBAL9BH;IAQnBI,OAAAA,GAIC,GAJDA,SAAAA,IAAIC,OAAqB;QACvB,IAAI,CAACJ,SAAS,CAACK,IAAI,CAACD;QACpB,IAAI,CAACE,IAAI,CAAC,SAASF;QACnB,OAAOA;IACT;IAEAG,OAAAA,MAQC,GARDA,SAAAA,OAAOC,EAAU,EAAED,MAA0B;QAC3C,IAAME,QAAQ,IAAI,CAACT,SAAS,CAACU,IAAI,CAAC,SAACC;mBAAMA,EAAEH,EAAE,KAAKA;;QAClD,IAAI,CAACC,OAAO;YACVG,QAAQC,GAAG,CAAC,AAAC,WAAa,OAAHL,IAAG;YAC1B;QACF;QACAM,OAAOC,MAAM,CAACN,OAAOF;QACrB,IAAI,CAACD,IAAI,CAAC,WAAWG;IACvB;WAtBmBV;EAAqBiB,oBAAY"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/state/ProcessStore.ts"],"sourcesContent":["import type { ChildProcess, ChildProcessUpdate } from '../types.js';\n\nexport type RenderFunction = () => void;\nexport type StoreData = ChildProcess[];\n\nexport default class ProcessStore {\n  processes: ChildProcess[];\n  onRender: RenderFunction;\n\n  constructor(onRender: RenderFunction) {\n    if (!onRender) throw new Error('missing on render');\n    this.processes = [];\n    this.onRender = onRender;\n  }\n\n  data(): StoreData {\n    return this.processes;\n  }\n\n  add(process: ChildProcess): void {\n    this.processes.push(process);\n    this.onRender();\n  }\n\n  update(id: string, update: ChildProcessUpdate): void {\n    const found = this.processes.find((x) => x.id === id);\n    if (!found) {\n      console.log(`Process ${id} not found`);\n      return;\n    }\n    Object.assign(found, update);\n    this.onRender();\n  }\n}\n"],"names":["ProcessStore","onRender","Error","processes","data","add","process","push","update","id","found","find","x","console","log","Object","assign"],"mappings":";;;;;;;eAKqBA;;;;;;;;AAAN,IAAA,AAAMA,6BAAN;;aAAMA,aAIPC,QAAwB;gCAJjBD;QAKjB,IAAI,CAACC,UAAU,MAAM,IAAIC,MAAM;QAC/B,IAAI,CAACC,SAAS,GAAG,EAAE;QACnB,IAAI,CAACF,QAAQ,GAAGA;;iBAPCD;IAUnBI,OAAAA,IAEC,GAFDA,SAAAA;QACE,OAAO,IAAI,CAACD,SAAS;IACvB;IAEAE,OAAAA,GAGC,GAHDA,SAAAA,IAAIC,OAAqB;QACvB,IAAI,CAACH,SAAS,CAACI,IAAI,CAACD;QACpB,IAAI,CAACL,QAAQ;IACf;IAEAO,OAAAA,MAQC,GARDA,SAAAA,OAAOC,EAAU,EAAED,MAA0B;QAC3C,IAAME,QAAQ,IAAI,CAACP,SAAS,CAACQ,IAAI,CAAC,SAACC;mBAAMA,EAAEH,EAAE,KAAKA;;QAClD,IAAI,CAACC,OAAO;YACVG,QAAQC,GAAG,CAAC,AAAC,WAAa,OAAHL,IAAG;YAC1B;QACF;QACAM,OAAOC,MAAM,CAACN,OAAOF;QACrB,IAAI,CAACP,QAAQ;IACf;WA3BmBD"}

package/dist/esm/components/App.d.ts

@@ -1 +1,3 @@
-export default function App(): import("react").JSX.Element;
+export default function App({ store }: {
+    store: any;
+}): import("react").JSX.Element;

package/dist/esm/components/App.js

@@ -28,12 +28,10 @@ function _object_spread(target) {
 }
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from 'ink';
-import { useProcesses } from '../state/ProcessContext.js';
 import ChildProcess from './ChildProcess.js';
-export default function App() {
-    const processes = useProcesses();
+export default function App({ store }) {
     return /*#__PURE__*/ _jsx(Box, {
         flexDirection: "column",
-        children: processes.map((item)=>/*#__PURE__*/ _jsx(ChildProcess, _object_spread({}, item), item.id))
+        children: store.processes.map((item)=>/*#__PURE__*/ _jsx(ChildProcess, _object_spread({}, item), item.id))
     });
 }

package/dist/esm/components/App.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/App.tsx"],"sourcesContent":["import { Box } from 'ink';\nimport { useProcesses } from '../state/ProcessContext.js';\nimport type { ChildProcess as ChildProcessT } from '../types.js';\nimport ChildProcess from './ChildProcess.js';\n\nexport default function App() {\n  const processes = useProcesses();\n\n  return (\n    <Box flexDirection=\"column\">\n      {processes.map((item: ChildProcessT) => (\n        <ChildProcess key={item.id} {...item} />\n      ))}\n    </Box>\n  );\n}\n"],"names":["Box","useProcesses","ChildProcess","App","processes","flexDirection","map","item","id"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,GAAG,QAAQ,MAAM;AAC1B,SAASC,YAAY,QAAQ,6BAA6B;AAE1D,OAAOC,kBAAkB,oBAAoB;AAE7C,eAAe,SAASC;IACtB,MAAMC,YAAYH;IAElB,qBACE,KAACD;QAAIK,eAAc;kBAChBD,UAAUE,GAAG,CAAC,CAACC,qBACd,KAACL,iCAA+BK,OAAbA,KAAKC,EAAE;;AAIlC"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/App.tsx"],"sourcesContent":["import { Box } from 'ink';\nimport type { ChildProcess as ChildProcessT } from '../types.js';\nimport ChildProcess from './ChildProcess.js';\n\nexport default function App({ store }) {\n  return (\n    <Box flexDirection=\"column\">\n      {store.processes.map((item: ChildProcessT) => (\n        <ChildProcess key={item.id} {...item} />\n      ))}\n    </Box>\n  );\n}\n"],"names":["Box","ChildProcess","App","store","flexDirection","processes","map","item","id"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,GAAG,QAAQ,MAAM;AAE1B,OAAOC,kBAAkB,oBAAoB;AAE7C,eAAe,SAASC,IAAI,EAAEC,KAAK,EAAE;IACnC,qBACE,KAACH;QAAII,eAAc;kBAChBD,MAAME,SAAS,CAACC,GAAG,CAAC,CAACC,qBACpB,KAACN,iCAA+BM,OAAbA,KAAKC,EAAE;;AAIlC"}

package/dist/esm/createApp.d.ts

@@ -1,4 +1,4 @@
-import Store from './state/ProcessStore.js';
+import { default as Store } from './state/ProcessStore.js';
 export type RetainCallback = (app: Store) => undefined;
 export type ReleaseCallback = () => undefined;
 export default function createApp(): {

package/dist/esm/createApp.js

@@ -1,30 +1,37 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from 'ink';
+import throttle from 'lodash.throttle';
 import App from './components/App.js';
-import { ProcessProvider } from './state/ProcessContext.js';
-import Store from './state/ProcessStore.js';
+import { default as Store } from './state/ProcessStore.js';
+const THROTTLE = 100;
 export default function createApp() {
     let refCount = 0;
     let store = null;
     let inkApp = null;
+    let previousData = null;
+    const rerender = ()=>{
+        if (!inkApp || !store) return;
+        if (store.data() === previousData) return;
+        previousData = store.data();
+        inkApp.rerender(/*#__PURE__*/ _jsx(App, {
+            store: store
+        }));
+    };
+    const rerenderThrottled = throttle(rerender, THROTTLE);
     return {
         retain (fn) {
             if (++refCount > 1) return fn(store);
             if (store) throw new Error('Not expecting store');
-            store = new Store();
-            inkApp = render(/*#__PURE__*/ _jsx(ProcessProvider, {
-                store: store,
-                children: /*#__PURE__*/ _jsx(App, {})
+            store = new Store(rerenderThrottled);
+            inkApp = render(/*#__PURE__*/ _jsx(App, {
+                store: store
             }));
             fn(store);
         },
         release (cb) {
             if (--refCount > 0) return cb();
             if (!store) throw new Error('Expecting store');
-            inkApp.rerender(/*#__PURE__*/ _jsx(ProcessProvider, {
-                store: store,
-                children: /*#__PURE__*/ _jsx(App, {})
-            }));
+            rerender();
             inkApp.waitUntilExit().then(()=>cb()).catch(cb);
             inkApp.unmount();
             inkApp = null;

package/dist/esm/createApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/createApp.tsx"],"sourcesContent":["import { type Instance, render } from 'ink';\nimport App from './components/App.js';\nimport { ProcessProvider } from './state/ProcessContext.js';\nimport Store from './state/ProcessStore.js';\n\nexport type RetainCallback = (app: Store) => undefined;\nexport type ReleaseCallback = () => undefined;\n\nexport default function createApp() {\n  let refCount = 0;\n  let store = null;\n  let inkApp: Instance | null = null;\n\n  return {\n    retain(fn: RetainCallback): undefined {\n      if (++refCount > 1) return fn(store);\n      if (store) throw new Error('Not expecting store');\n\n      store = new Store();\n      inkApp = render(\n        <ProcessProvider store={store}>\n          <App />\n        </ProcessProvider>\n      );\n      fn(store);\n    },\n    release(cb: ReleaseCallback): undefined {\n      if (--refCount > 0) return cb();\n      if (!store) throw new Error('Expecting store');\n\n      inkApp.rerender(\n        <ProcessProvider store={store}>\n          <App />\n        </ProcessProvider>\n      );\n      inkApp\n        .waitUntilExit()\n        .then(() => cb())\n        .catch(cb);\n      inkApp.unmount();\n      inkApp = null;\n      store = null;\n      process.stdout.write('\\x1b[?25h'); // show cursor\n    },\n  };\n}\n"],"names":["render","App","ProcessProvider","Store","createApp","refCount","store","inkApp","retain","fn","Error","release","cb","rerender","waitUntilExit","then","catch","unmount","process","stdout","write"],"mappings":";AAAA,SAAwBA,MAAM,QAAQ,MAAM;AAC5C,OAAOC,SAAS,sBAAsB;AACtC,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,OAAOC,WAAW,0BAA0B;AAK5C,eAAe,SAASC;IACtB,IAAIC,WAAW;IACf,IAAIC,QAAQ;IACZ,IAAIC,SAA0B;IAE9B,OAAO;QACLC,QAAOC,EAAkB;YACvB,IAAI,EAAEJ,WAAW,GAAG,OAAOI,GAAGH;YAC9B,IAAIA,OAAO,MAAM,IAAII,MAAM;YAE3BJ,QAAQ,IAAIH;YACZI,SAASP,qBACP,KAACE;gBAAgBI,OAAOA;0BACtB,cAAA,KAACL;;YAGLQ,GAAGH;QACL;QACAK,SAAQC,EAAmB;YACzB,IAAI,EAAEP,WAAW,GAAG,OAAOO;YAC3B,IAAI,CAACN,OAAO,MAAM,IAAII,MAAM;YAE5BH,OAAOM,QAAQ,eACb,KAACX;gBAAgBI,OAAOA;0BACtB,cAAA,KAACL;;YAGLM,OACGO,aAAa,GACbC,IAAI,CAAC,IAAMH,MACXI,KAAK,CAACJ;YACTL,OAAOU,OAAO;YACdV,SAAS;YACTD,QAAQ;YACRY,QAAQC,MAAM,CAACC,KAAK,CAAC,cAAc,cAAc;QACnD;IACF;AACF"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/createApp.tsx"],"sourcesContent":["import { type Instance, render } from 'ink';\nimport throttle from 'lodash.throttle';\nimport App from './components/App.js';\nimport { default as Store, type StoreData } from './state/ProcessStore.js';\n\nexport type RetainCallback = (app: Store) => undefined;\nexport type ReleaseCallback = () => undefined;\n\nconst THROTTLE = 100;\n\nexport default function createApp() {\n  let refCount = 0;\n  let store = null;\n  let inkApp: Instance | null = null;\n\n  let previousData: StoreData[] = null;\n  const rerender = () => {\n    if (!inkApp || !store) return;\n    if (store.data() === previousData) return;\n    previousData = store.data();\n    inkApp.rerender(<App store={store} />);\n  };\n  const rerenderThrottled = throttle(rerender, THROTTLE);\n\n  return {\n    retain(fn: RetainCallback): undefined {\n      if (++refCount > 1) return fn(store);\n      if (store) throw new Error('Not expecting store');\n\n      store = new Store(rerenderThrottled);\n      inkApp = render(<App store={store} />);\n      fn(store);\n    },\n    release(cb: ReleaseCallback): undefined {\n      if (--refCount > 0) return cb();\n      if (!store) throw new Error('Expecting store');\n\n      rerender();\n      inkApp\n        .waitUntilExit()\n        .then(() => cb())\n        .catch(cb);\n      inkApp.unmount();\n      inkApp = null;\n      store = null;\n      process.stdout.write('\\x1b[?25h'); // show cursor\n    },\n  };\n}\n"],"names":["render","throttle","App","default","Store","THROTTLE","createApp","refCount","store","inkApp","previousData","rerender","data","rerenderThrottled","retain","fn","Error","release","cb","waitUntilExit","then","catch","unmount","process","stdout","write"],"mappings":";AAAA,SAAwBA,MAAM,QAAQ,MAAM;AAC5C,OAAOC,cAAc,kBAAkB;AACvC,OAAOC,SAAS,sBAAsB;AACtC,SAASC,WAAWC,KAAK,QAAwB,0BAA0B;AAK3E,MAAMC,WAAW;AAEjB,eAAe,SAASC;IACtB,IAAIC,WAAW;IACf,IAAIC,QAAQ;IACZ,IAAIC,SAA0B;IAE9B,IAAIC,eAA4B;IAChC,MAAMC,WAAW;QACf,IAAI,CAACF,UAAU,CAACD,OAAO;QACvB,IAAIA,MAAMI,IAAI,OAAOF,cAAc;QACnCA,eAAeF,MAAMI,IAAI;QACzBH,OAAOE,QAAQ,eAAC,KAACT;YAAIM,OAAOA;;IAC9B;IACA,MAAMK,oBAAoBZ,SAASU,UAAUN;IAE7C,OAAO;QACLS,QAAOC,EAAkB;YACvB,IAAI,EAAER,WAAW,GAAG,OAAOQ,GAAGP;YAC9B,IAAIA,OAAO,MAAM,IAAIQ,MAAM;YAE3BR,QAAQ,IAAIJ,MAAMS;YAClBJ,SAAST,qBAAO,KAACE;gBAAIM,OAAOA;;YAC5BO,GAAGP;QACL;QACAS,SAAQC,EAAmB;YACzB,IAAI,EAAEX,WAAW,GAAG,OAAOW;YAC3B,IAAI,CAACV,OAAO,MAAM,IAAIQ,MAAM;YAE5BL;YACAF,OACGU,aAAa,GACbC,IAAI,CAAC,IAAMF,MACXG,KAAK,CAACH;YACTT,OAAOa,OAAO;YACdb,SAAS;YACTD,QAAQ;YACRe,QAAQC,MAAM,CAACC,KAAK,CAAC,cAAc,cAAc;QACnD;IACF;AACF"}

package/dist/esm/state/ProcessStore.d.ts

@@ -1,8 +1,11 @@
-import { EventEmitter } from 'events';
 import type { ChildProcess, ChildProcessUpdate } from '../types.js';
-export default class ProcessStore extends EventEmitter {
+export type RenderFunction = () => void;
+export type StoreData = ChildProcess[];
+export default class ProcessStore {
     processes: ChildProcess[];
-    constructor();
-    add(process: ChildProcess): ChildProcess;
+    onRender: RenderFunction;
+    constructor(onRender: RenderFunction);
+    data(): StoreData;
+    add(process: ChildProcess): void;
     update(id: string, update: ChildProcessUpdate): void;
 }

package/dist/esm/state/ProcessStore.js

@@ -1,9 +1,10 @@
-import { EventEmitter } from 'events';
-class ProcessStore extends EventEmitter {
+class ProcessStore {
+    data() {
+        return this.processes;
+    }
     add(process) {
         this.processes.push(process);
-        this.emit('added', process);
-        return process;
+        this.onRender();
     }
     update(id, update) {
         const found = this.processes.find((x)=>x.id === id);
@@ -12,11 +13,12 @@ class ProcessStore extends EventEmitter {
             return;
         }
         Object.assign(found, update);
-        this.emit('changed', found);
+        this.onRender();
     }
-    constructor(){
-        super(), this.processes = [];
-        if (this.setMaxListeners) this.setMaxListeners(Infinity);
+    constructor(onRender){
+        if (!onRender) throw new Error('missing on render');
+        this.processes = [];
+        this.onRender = onRender;
     }
 }
 export { ProcessStore as default };

package/dist/esm/state/ProcessStore.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/state/ProcessStore.ts"],"sourcesContent":["import { EventEmitter } from 'events';\nimport type { ChildProcess, ChildProcessUpdate } from '../types.js';\n\nexport default class ProcessStore extends EventEmitter {\n  processes: ChildProcess[] = [];\n\n  constructor() {\n    super();\n    if (this.setMaxListeners) this.setMaxListeners(Infinity);\n  }\n\n  add(process: ChildProcess): ChildProcess {\n    this.processes.push(process);\n    this.emit('added', process);\n    return process;\n  }\n\n  update(id: string, update: ChildProcessUpdate): void {\n    const found = this.processes.find((x) => x.id === id);\n    if (!found) {\n      console.log(`Process ${id} not found`);\n      return;\n    }\n    Object.assign(found, update);\n    this.emit('changed', found);\n  }\n}\n"],"names":["EventEmitter","ProcessStore","add","process","processes","push","emit","update","id","found","find","x","console","log","Object","assign","setMaxListeners","Infinity"],"mappings":"AAAA,SAASA,YAAY,QAAQ,SAAS;AAGvB,MAAMC,qBAAqBD;IAQxCE,IAAIC,OAAqB,EAAgB;QACvC,IAAI,CAACC,SAAS,CAACC,IAAI,CAACF;QACpB,IAAI,CAACG,IAAI,CAAC,SAASH;QACnB,OAAOA;IACT;IAEAI,OAAOC,EAAU,EAAED,MAA0B,EAAQ;QACnD,MAAME,QAAQ,IAAI,CAACL,SAAS,CAACM,IAAI,CAAC,CAACC,IAAMA,EAAEH,EAAE,KAAKA;QAClD,IAAI,CAACC,OAAO;YACVG,QAAQC,GAAG,CAAC,CAAC,QAAQ,EAAEL,GAAG,UAAU,CAAC;YACrC;QACF;QACAM,OAAOC,MAAM,CAACN,OAAOF;QACrB,IAAI,CAACD,IAAI,CAAC,WAAWG;IACvB;IAnBA,aAAc;QACZ,KAAK,SAHPL,YAA4B,EAAE;QAI5B,IAAI,IAAI,CAACY,eAAe,EAAE,IAAI,CAACA,eAAe,CAACC;IACjD;AAiBF;AAvBA,SAAqBhB,0BAuBpB"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/state/ProcessStore.ts"],"sourcesContent":["import type { ChildProcess, ChildProcessUpdate } from '../types.js';\n\nexport type RenderFunction = () => void;\nexport type StoreData = ChildProcess[];\n\nexport default class ProcessStore {\n  processes: ChildProcess[];\n  onRender: RenderFunction;\n\n  constructor(onRender: RenderFunction) {\n    if (!onRender) throw new Error('missing on render');\n    this.processes = [];\n    this.onRender = onRender;\n  }\n\n  data(): StoreData {\n    return this.processes;\n  }\n\n  add(process: ChildProcess): void {\n    this.processes.push(process);\n    this.onRender();\n  }\n\n  update(id: string, update: ChildProcessUpdate): void {\n    const found = this.processes.find((x) => x.id === id);\n    if (!found) {\n      console.log(`Process ${id} not found`);\n      return;\n    }\n    Object.assign(found, update);\n    this.onRender();\n  }\n}\n"],"names":["ProcessStore","data","processes","add","process","push","onRender","update","id","found","find","x","console","log","Object","assign","Error"],"mappings":"AAKe,MAAMA;IAUnBC,OAAkB;QAChB,OAAO,IAAI,CAACC,SAAS;IACvB;IAEAC,IAAIC,OAAqB,EAAQ;QAC/B,IAAI,CAACF,SAAS,CAACG,IAAI,CAACD;QACpB,IAAI,CAACE,QAAQ;IACf;IAEAC,OAAOC,EAAU,EAAED,MAA0B,EAAQ;QACnD,MAAME,QAAQ,IAAI,CAACP,SAAS,CAACQ,IAAI,CAAC,CAACC,IAAMA,EAAEH,EAAE,KAAKA;QAClD,IAAI,CAACC,OAAO;YACVG,QAAQC,GAAG,CAAC,CAAC,QAAQ,EAAEL,GAAG,UAAU,CAAC;YACrC;QACF;QACAM,OAAOC,MAAM,CAACN,OAAOF;QACrB,IAAI,CAACD,QAAQ;IACf;IAvBA,YAAYA,QAAwB,CAAE;QACpC,IAAI,CAACA,UAAU,MAAM,IAAIU,MAAM;QAC/B,IAAI,CAACd,SAAS,GAAG,EAAE;QACnB,IAAI,CAACI,QAAQ,GAAGA;IAClB;AAoBF;AA5BA,SAAqBN,0BA4BpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spawn-term",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Formats spawn with for terminal grouping",
   "keywords": [
     "spawn",
@@ -42,6 +42,7 @@
   "dependencies": {
     "cross-spawn-cb": "^2.2.10",
     "ink": "^6.0.0",
+    "lodash.throttle": "^4.1.1",
     "on-one": "^0.1.9",
     "queue-cb": "^1.5.4",
     "react": "^19.1.0"