@claude-code-kit/ink-renderer 0.1.1 → 0.2.0

package/dist/index.js

@@ -80,9 +80,96 @@ var import_stream = require("stream");
 // src/ink.tsx
 var import_auto_bind = __toESM(require("auto-bind"));
 var import_fs3 = require("fs");
-var import_noop2 = __toESM(require("lodash-es/noop"));
-var import_throttle = __toESM(require("lodash-es/throttle"));
-var import_constants4 = require("react-reconciler/constants");
+
+// src/lodash-replacements.ts
+function noop() {
+}
+function throttle(func, wait, options = {}) {
+  let timerId;
+  let lastCallTime;
+  let lastInvokeTime = 0;
+  let lastArgs;
+  let result;
+  const leading = options.leading !== false;
+  const trailing = options.trailing !== false;
+  function invokeFunc(time) {
+    lastInvokeTime = time;
+    const args = lastArgs;
+    lastArgs = void 0;
+    result = func(...args);
+    return result;
+  }
+  function startTimer(pendingFunc, remainingWait2) {
+    timerId = setTimeout(pendingFunc, remainingWait2);
+  }
+  function shouldInvoke(time) {
+    const timeSinceLastCall = lastCallTime === void 0 ? wait : time - lastCallTime;
+    const timeSinceLastInvoke = time - lastInvokeTime;
+    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || timeSinceLastInvoke >= wait;
+  }
+  function remainingWait(time) {
+    const timeSinceLastCall = time - (lastCallTime ?? 0);
+    return Math.max(0, wait - timeSinceLastCall);
+  }
+  function timerExpired() {
+    const time = Date.now();
+    if (shouldInvoke(time)) {
+      trailingEdge(time);
+      return;
+    }
+    startTimer(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = void 0;
+    if (trailing && lastArgs) {
+      invokeFunc(time);
+    }
+    lastArgs = void 0;
+  }
+  function leadingEdge(time) {
+    lastInvokeTime = time;
+    startTimer(timerExpired, wait);
+    if (leading) {
+      invokeFunc(time);
+    }
+  }
+  const throttled = function(...args) {
+    const time = Date.now();
+    const isInvoking = shouldInvoke(time);
+    lastArgs = args;
+    lastCallTime = time;
+    if (isInvoking) {
+      if (timerId === void 0) {
+        leadingEdge(time);
+        return result;
+      }
+    }
+    if (timerId === void 0) {
+      startTimer(timerExpired, wait);
+    }
+    return result;
+  };
+  throttled.cancel = function() {
+    if (timerId !== void 0) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = void 0;
+    lastCallTime = void 0;
+    timerId = void 0;
+  };
+  throttled.flush = function() {
+    if (timerId === void 0) {
+      return result;
+    }
+    trailingEdge(Date.now());
+    return result;
+  };
+  return throttled;
+}
+
+// src/ink.tsx
+var import_constants4 = require("react-reconciler/constants.js");
 var import_signal_exit = require("signal-exit");
 var import_yoga_layout3 = require("@claude-code-kit/shared/yoga-layout");
 var import_shared13 = require("@claude-code-kit/shared");
@@ -172,6 +259,22 @@ var colorize = (str, color, type) => {
     const thirdValue = Number(matches[3]);
     return type === "foreground" ? import_chalk.default.rgb(firstValue, secondValue, thirdValue)(str) : import_chalk.default.bgRgb(firstValue, secondValue, thirdValue)(str);
   }
+  const PLAIN_ANSI = {
+    black: type === "foreground" ? import_chalk.default.black : import_chalk.default.bgBlack,
+    red: type === "foreground" ? import_chalk.default.red : import_chalk.default.bgRed,
+    green: type === "foreground" ? import_chalk.default.green : import_chalk.default.bgGreen,
+    yellow: type === "foreground" ? import_chalk.default.yellow : import_chalk.default.bgYellow,
+    blue: type === "foreground" ? import_chalk.default.blue : import_chalk.default.bgBlue,
+    magenta: type === "foreground" ? import_chalk.default.magenta : import_chalk.default.bgMagenta,
+    cyan: type === "foreground" ? import_chalk.default.cyan : import_chalk.default.bgCyan,
+    white: type === "foreground" ? import_chalk.default.white : import_chalk.default.bgWhite,
+    gray: type === "foreground" ? import_chalk.default.gray : import_chalk.default.bgBlackBright,
+    grey: type === "foreground" ? import_chalk.default.gray : import_chalk.default.bgBlackBright
+  };
+  const fn = PLAIN_ANSI[color];
+  if (fn) {
+    return fn(str);
+  }
   return str;
 };
 function applyTextStyles(text, styles2) {
@@ -2153,7 +2256,7 @@ function findOwnerChainAtRow(root, y) {
 }
 
 // src/events/dispatcher.ts
-var import_constants = require("react-reconciler/constants");
+var import_constants = require("react-reconciler/constants.js");
 var import_shared3 = require("@claude-code-kit/shared");
 
 // src/events/event-handlers.ts
@@ -7986,8 +8089,7 @@ function dropSubtreeCache(node) {
 var render_node_to_output_default = renderNodeToOutput;
 
 // src/render-to-screen.ts
-var import_noop = __toESM(require("lodash-es/noop"));
-var import_constants3 = require("react-reconciler/constants");
+var import_constants3 = require("react-reconciler/constants.js");
 var import_shared11 = require("@claude-code-kit/shared");
 var timing = { reconcile: 0, yoga: 0, paint: 0, scan: 0, calls: 0 };
 function scanPositions(screen, query) {
@@ -8384,7 +8486,7 @@ var Ink = class {
       stylePool: this.stylePool
     });
     const deferredRender = () => queueMicrotask(this.onRender);
-    this.scheduleRender = (0, import_throttle.default)(deferredRender, FRAME_INTERVAL_MS, {
+    this.scheduleRender = throttle(deferredRender, FRAME_INTERVAL_MS, {
       leading: true,
       trailing: true
     });
@@ -8430,13 +8532,13 @@ var Ink = class {
       false,
       null,
       "id",
-      import_noop2.default,
+      noop,
       // onUncaughtError
-      import_noop2.default,
+      noop,
       // onCaughtError
-      import_noop2.default,
+      noop,
       // onRecoverableError
-      import_noop2.default
+      noop
       // onDefaultTransitionIndicator
     );
     if (false) {
@@ -9227,7 +9329,7 @@ var Ink = class {
   render(node) {
     this.currentNode = node;
     const tree = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(App, { stdin: this.options.stdin, stdout: this.options.stdout, stderr: this.options.stderr, exitOnCtrlC: this.options.exitOnCtrlC, onExit: this.unmount, terminalColumns: this.terminalColumns, terminalRows: this.terminalRows, selection: this.selection, onSelectionChange: this.notifySelectionChange, onClickAt: this.dispatchClick, onHoverAt: this.dispatchHover, getHyperlinkAt: this.getHyperlinkAt, onOpenHyperlink: this.openHyperlink, onMultiClick: this.handleMultiClick, onSelectionDrag: this.handleSelectionDrag, onStdinResume: this.reassertTerminalModes, onCursorDeclaration: this.setCursorDeclaration, dispatchKeyboardEvent: this.dispatchKeyboardEvent, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TerminalWriteProvider, { value: this.writeRaw, children: node }) });
-    reconciler_default.updateContainerSync(tree, this.container, null, import_noop2.default);
+    reconciler_default.updateContainerSync(tree, this.container, null, noop);
     reconciler_default.flushSyncWork();
   }
   unmount(error) {
@@ -9263,7 +9365,7 @@ var Ink = class {
       clearTimeout(this.drainTimer);
       this.drainTimer = null;
     }
-    reconciler_default.updateContainerSync(null, this.container, null, import_noop2.default);
+    reconciler_default.updateContainerSync(null, this.container, null, noop);
     reconciler_default.flushSyncWork();
     instances_default.delete(this.options.stdout);
     this.rootNode.yogaNode?.free();

package/dist/index.mjs

@@ -5,9 +5,96 @@ import { Stream } from "stream";
 // src/ink.tsx
 import autoBind from "auto-bind";
 import { closeSync, constants as fsConstants, openSync, readSync, writeSync } from "fs";
-import noop2 from "lodash-es/noop";
-import throttle from "lodash-es/throttle";
-import { ConcurrentRoot } from "react-reconciler/constants";
+
+// src/lodash-replacements.ts
+function noop() {
+}
+function throttle(func, wait, options = {}) {
+  let timerId;
+  let lastCallTime;
+  let lastInvokeTime = 0;
+  let lastArgs;
+  let result;
+  const leading = options.leading !== false;
+  const trailing = options.trailing !== false;
+  function invokeFunc(time) {
+    lastInvokeTime = time;
+    const args = lastArgs;
+    lastArgs = void 0;
+    result = func(...args);
+    return result;
+  }
+  function startTimer(pendingFunc, remainingWait2) {
+    timerId = setTimeout(pendingFunc, remainingWait2);
+  }
+  function shouldInvoke(time) {
+    const timeSinceLastCall = lastCallTime === void 0 ? wait : time - lastCallTime;
+    const timeSinceLastInvoke = time - lastInvokeTime;
+    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || timeSinceLastInvoke >= wait;
+  }
+  function remainingWait(time) {
+    const timeSinceLastCall = time - (lastCallTime ?? 0);
+    return Math.max(0, wait - timeSinceLastCall);
+  }
+  function timerExpired() {
+    const time = Date.now();
+    if (shouldInvoke(time)) {
+      trailingEdge(time);
+      return;
+    }
+    startTimer(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = void 0;
+    if (trailing && lastArgs) {
+      invokeFunc(time);
+    }
+    lastArgs = void 0;
+  }
+  function leadingEdge(time) {
+    lastInvokeTime = time;
+    startTimer(timerExpired, wait);
+    if (leading) {
+      invokeFunc(time);
+    }
+  }
+  const throttled = function(...args) {
+    const time = Date.now();
+    const isInvoking = shouldInvoke(time);
+    lastArgs = args;
+    lastCallTime = time;
+    if (isInvoking) {
+      if (timerId === void 0) {
+        leadingEdge(time);
+        return result;
+      }
+    }
+    if (timerId === void 0) {
+      startTimer(timerExpired, wait);
+    }
+    return result;
+  };
+  throttled.cancel = function() {
+    if (timerId !== void 0) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = void 0;
+    lastCallTime = void 0;
+    timerId = void 0;
+  };
+  throttled.flush = function() {
+    if (timerId === void 0) {
+      return result;
+    }
+    trailingEdge(Date.now());
+    return result;
+  };
+  return throttled;
+}
+
+// src/ink.tsx
+import { ConcurrentRoot } from "react-reconciler/constants.js";
 import { onExit } from "signal-exit";
 import { getYogaCounters as getYogaCounters2 } from "@claude-code-kit/shared/yoga-layout";
 import { logForDebugging as logForDebugging7 } from "@claude-code-kit/shared";
@@ -97,6 +184,22 @@ var colorize = (str, color, type) => {
     const thirdValue = Number(matches[3]);
     return type === "foreground" ? chalk.rgb(firstValue, secondValue, thirdValue)(str) : chalk.bgRgb(firstValue, secondValue, thirdValue)(str);
   }
+  const PLAIN_ANSI = {
+    black: type === "foreground" ? chalk.black : chalk.bgBlack,
+    red: type === "foreground" ? chalk.red : chalk.bgRed,
+    green: type === "foreground" ? chalk.green : chalk.bgGreen,
+    yellow: type === "foreground" ? chalk.yellow : chalk.bgYellow,
+    blue: type === "foreground" ? chalk.blue : chalk.bgBlue,
+    magenta: type === "foreground" ? chalk.magenta : chalk.bgMagenta,
+    cyan: type === "foreground" ? chalk.cyan : chalk.bgCyan,
+    white: type === "foreground" ? chalk.white : chalk.bgWhite,
+    gray: type === "foreground" ? chalk.gray : chalk.bgBlackBright,
+    grey: type === "foreground" ? chalk.gray : chalk.bgBlackBright
+  };
+  const fn = PLAIN_ANSI[color];
+  if (fn) {
+    return fn(str);
+  }
   return str;
 };
 function applyTextStyles(text, styles2) {
@@ -2095,7 +2198,7 @@ import {
   DefaultEventPriority,
   DiscreteEventPriority,
   NoEventPriority
-} from "react-reconciler/constants";
+} from "react-reconciler/constants.js";
 import { logError } from "@claude-code-kit/shared";
 
 // src/events/event-handlers.ts
@@ -7937,8 +8040,7 @@ function dropSubtreeCache(node) {
 var render_node_to_output_default = renderNodeToOutput;
 
 // src/render-to-screen.ts
-import noop from "lodash-es/noop";
-import { LegacyRoot } from "react-reconciler/constants";
+import { LegacyRoot } from "react-reconciler/constants.js";
 import { logForDebugging as logForDebugging5 } from "@claude-code-kit/shared";
 var timing = { reconcile: 0, yoga: 0, paint: 0, scan: 0, calls: 0 };
 function scanPositions(screen, query) {
@@ -8381,13 +8483,13 @@ var Ink = class {
       false,
       null,
       "id",
-      noop2,
+      noop,
       // onUncaughtError
-      noop2,
+      noop,
       // onCaughtError
-      noop2,
+      noop,
       // onRecoverableError
-      noop2
+      noop
       // onDefaultTransitionIndicator
     );
     if (false) {
@@ -9178,7 +9280,7 @@ var Ink = class {
   render(node) {
     this.currentNode = node;
     const tree = /* @__PURE__ */ jsx7(App, { stdin: this.options.stdin, stdout: this.options.stdout, stderr: this.options.stderr, exitOnCtrlC: this.options.exitOnCtrlC, onExit: this.unmount, terminalColumns: this.terminalColumns, terminalRows: this.terminalRows, selection: this.selection, onSelectionChange: this.notifySelectionChange, onClickAt: this.dispatchClick, onHoverAt: this.dispatchHover, getHyperlinkAt: this.getHyperlinkAt, onOpenHyperlink: this.openHyperlink, onMultiClick: this.handleMultiClick, onSelectionDrag: this.handleSelectionDrag, onStdinResume: this.reassertTerminalModes, onCursorDeclaration: this.setCursorDeclaration, dispatchKeyboardEvent: this.dispatchKeyboardEvent, children: /* @__PURE__ */ jsx7(TerminalWriteProvider, { value: this.writeRaw, children: node }) });
-    reconciler_default.updateContainerSync(tree, this.container, null, noop2);
+    reconciler_default.updateContainerSync(tree, this.container, null, noop);
     reconciler_default.flushSyncWork();
   }
   unmount(error) {
@@ -9214,7 +9316,7 @@ var Ink = class {
       clearTimeout(this.drainTimer);
       this.drainTimer = null;
     }
-    reconciler_default.updateContainerSync(null, this.container, null, noop2);
+    reconciler_default.updateContainerSync(null, this.container, null, noop);
     reconciler_default.flushSyncWork();
     instances_default.delete(this.options.stdout);
     this.rootNode.yogaNode?.free();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@claude-code-kit/ink-renderer",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Terminal rendering engine extracted from Claude Code — React reconciler + Yoga layout + TTY output",
   "license": "MIT",
   "main": "./dist/index.js",
@@ -27,7 +27,6 @@
     "emoji-regex": "*",
     "get-east-asian-width": "*",
     "indent-string": "*",
-    "lodash-es": "*",
     "semver": "*",
     "signal-exit": "*",
     "stack-utils": "*",
@@ -36,7 +35,7 @@
     "type-fest": "*",
     "usehooks-ts": "*",
     "wrap-ansi": "*",
-    "@claude-code-kit/shared": "0.1.1"
+    "@claude-code-kit/shared": "0.2.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -74,6 +73,6 @@
   "scripts": {
     "build": "tsup",
     "typecheck": "tsc --noEmit -p tsconfig.json",
-    "lint": "pnpm run typecheck"
+    "lint": "biome check src/"
   }
 }