@next_term/react 0.1.0-next.0

package/dist/Terminal.d.ts

@@ -0,0 +1,34 @@
+import type { Theme } from "@next_term/core";
+import type React from "react";
+export interface TerminalProps {
+    cols?: number;
+    rows?: number;
+    fontSize?: number;
+    fontFamily?: string;
+    theme?: Partial<Theme>;
+    scrollback?: number;
+    onData?: (data: Uint8Array) => void;
+    onResize?: (size: {
+        cols: number;
+        rows: number;
+    }) => void;
+    onTitleChange?: (title: string) => void;
+    autoFit?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    /** Force main-thread rendering ('main') or use auto-detection ('auto'). */
+    renderMode?: "auto" | "offscreen" | "main";
+    /** Renderer backend: 'auto', 'webgl', or 'canvas2d'. */
+    renderer?: "auto" | "webgl" | "canvas2d";
+    /** Whether to use a Web Worker for VT parsing. */
+    useWorker?: boolean;
+}
+export interface TerminalHandle {
+    write(data: string | Uint8Array): void;
+    resize(cols: number, rows: number): void;
+    focus(): void;
+    blur(): void;
+    fit(): void;
+}
+export declare const Terminal: React.ForwardRefExoticComponent<TerminalProps & React.RefAttributes<TerminalHandle>>;
+//# sourceMappingURL=Terminal.d.ts.map

package/dist/Terminal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Terminal.d.ts","sourceRoot":"","sources":["../src/Terminal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;IAC3C,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IACzC,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC;IACvC,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,KAAK,IAAI,IAAI,CAAC;IACd,IAAI,IAAI,IAAI,CAAC;IACb,GAAG,IAAI,IAAI,CAAC;CACb;AAED,eAAO,MAAM,QAAQ,sFA+KnB,CAAC"}

package/dist/Terminal.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { calculateFit, WebTerminal } from "@next_term/web";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+export const Terminal = forwardRef(function Terminal(props, ref) {
+    const { cols = 80, rows = 24, fontSize = 16, fontFamily = "'Courier New', monospace", theme, scrollback = 1000, onData, onResize, onTitleChange, autoFit = false, className, style, renderMode, renderer: rendererProp, useWorker, } = props;
+    const containerRef = useRef(null);
+    const termRef = useRef(null);
+    const initialized = useRef(false);
+    // Keep callback refs stable to avoid re-creating the terminal
+    const onDataRef = useRef(onData);
+    const onResizeRef = useRef(onResize);
+    const onTitleChangeRef = useRef(onTitleChange);
+    useEffect(() => {
+        onDataRef.current = onData;
+    }, [onData]);
+    useEffect(() => {
+        onResizeRef.current = onResize;
+    }, [onResize]);
+    useEffect(() => {
+        onTitleChangeRef.current = onTitleChange;
+    }, [onTitleChange]);
+    // Expose imperative handle
+    useImperativeHandle(ref, () => ({
+        write(data) {
+            termRef.current?.write(data);
+        },
+        resize(cols, rows) {
+            termRef.current?.resize(cols, rows);
+        },
+        focus() {
+            termRef.current?.focus();
+        },
+        blur() {
+            termRef.current?.blur();
+        },
+        fit() {
+            const terminal = termRef.current;
+            const container = containerRef.current;
+            if (!terminal || !container)
+                return;
+            const { width, height } = terminal.getCellSize();
+            if (width <= 0 || height <= 0)
+                return;
+            const { cols: fitCols, rows: fitRows } = calculateFit(container, width, height);
+            terminal.resize(fitCols, fitRows);
+        },
+    }), []);
+    // Initialize WebTerminal on mount (handles StrictMode double-mount)
+    useEffect(() => {
+        if (initialized.current)
+            return;
+        initialized.current = true;
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const terminal = new WebTerminal(container, {
+            cols,
+            rows,
+            fontSize,
+            fontFamily,
+            theme,
+            scrollback,
+            renderMode,
+            renderer: rendererProp,
+            useWorker,
+            onData: (data) => onDataRef.current?.(data),
+            onResize: (size) => onResizeRef.current?.(size),
+            onTitleChange: (title) => onTitleChangeRef.current?.(title),
+        });
+        termRef.current = terminal;
+        return () => {
+            termRef.current?.dispose();
+            termRef.current = null;
+            initialized.current = false;
+        };
+    }, [cols, fontFamily, fontSize, renderMode, rendererProp, rows, scrollback, theme, useWorker]); // eslint-disable-line react-hooks/exhaustive-deps
+    // Update theme when it changes
+    useEffect(() => {
+        if (termRef.current && theme) {
+            termRef.current.setTheme(theme);
+        }
+    }, [theme]);
+    // Update font when it changes
+    useEffect(() => {
+        if (termRef.current) {
+            termRef.current.setFont(fontSize, fontFamily);
+        }
+    }, [fontSize, fontFamily]);
+    // AutoFit: observe container size via ResizeObserver, debounced with rAF.
+    // Also listen to visualViewport resize for iOS keyboard show/hide.
+    useEffect(() => {
+        if (!autoFit)
+            return;
+        const container = containerRef.current;
+        if (!container)
+            return;
+        let rafId = null;
+        const doFit = () => {
+            if (rafId !== null)
+                cancelAnimationFrame(rafId);
+            rafId = requestAnimationFrame(() => {
+                rafId = null;
+                const terminal = termRef.current;
+                if (!terminal || !container)
+                    return;
+                // On iOS, when the virtual keyboard is open, visualViewport.height
+                // is the visible area above the keyboard. Use it to constrain the
+                // container height so the terminal fits the visible viewport.
+                // Only update when values actually change to avoid ResizeObserver loop.
+                const vv = window.visualViewport;
+                if (vv) {
+                    const newHeight = `${vv.height}px`;
+                    const newMargin = `${vv.offsetTop}px`;
+                    if (container.style.height !== newHeight)
+                        container.style.height = newHeight;
+                    if (container.style.marginTop !== newMargin)
+                        container.style.marginTop = newMargin;
+                }
+                const { width, height } = terminal.getCellSize();
+                if (width <= 0 || height <= 0)
+                    return;
+                const { cols: fitCols, rows: fitRows } = calculateFit(container, width, height);
+                terminal.resize(fitCols, fitRows);
+            });
+        };
+        const observer = new ResizeObserver(doFit);
+        observer.observe(container);
+        // Listen for visualViewport resize (keyboard show/hide on iOS/Android)
+        const vv = window.visualViewport;
+        if (vv) {
+            vv.addEventListener("resize", doFit);
+            vv.addEventListener("scroll", doFit);
+        }
+        return () => {
+            observer.disconnect();
+            if (vv) {
+                vv.removeEventListener("resize", doFit);
+                vv.removeEventListener("scroll", doFit);
+            }
+            if (rafId !== null)
+                cancelAnimationFrame(rafId);
+            // Reset container styles
+            if (container) {
+                container.style.height = "";
+                container.style.marginTop = "";
+            }
+        };
+    }, [autoFit]);
+    return _jsx("div", { ref: containerRef, className: className, style: style });
+});
+//# sourceMappingURL=Terminal.js.map

package/dist/Terminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Terminal.js","sourceRoot":"","sources":["../src/Terminal.tsx"],"names":[],"mappings":"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"}

package/dist/TerminalPane.d.ts

@@ -0,0 +1,31 @@
+/**
+ * TerminalPane — a container component that manages multiple terminal
+ * instances in a split-pane layout.
+ *
+ * All panes share rendering resources (e.g. the same WebGL context when
+ * using the WebGL backend), which avoids hitting Chrome's 16-context limit.
+ *
+ * Layout is described as a recursive tree of horizontal / vertical splits.
+ */
+import type { Theme } from "@next_term/core";
+import type React from "react";
+import { type PaneLayout } from "./pane-layout.js";
+import type { TerminalHandle } from "./Terminal.js";
+export type { PaneLayout } from "./pane-layout.js";
+export interface TerminalPaneProps {
+    layout: PaneLayout;
+    onData?: (paneId: string, data: Uint8Array) => void;
+    theme?: Partial<Theme>;
+    fontSize?: number;
+    fontFamily?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface TerminalPaneHandle {
+    /** Get the terminal handle for a specific pane by id. */
+    getTerminal(paneId: string): TerminalHandle | null;
+    /** Get all pane ids. */
+    getPaneIds(): string[];
+}
+export declare const TerminalPane: React.ForwardRefExoticComponent<TerminalPaneProps & React.RefAttributes<TerminalPaneHandle>>;
+//# sourceMappingURL=TerminalPane.d.ts.map

package/dist/TerminalPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalPane.d.ts","sourceRoot":"","sources":["../src/TerminalPane.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAMnD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAkB;IACjC,yDAAyD;IACzD,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI,CAAC;IACnD,wBAAwB;IACxB,UAAU,IAAI,MAAM,EAAE,CAAC;CACxB;AAiID,eAAO,MAAM,YAAY,8FA8CxB,CAAC"}

package/dist/TerminalPane.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from "react";
+import { collectPaneIds } from "./pane-layout.js";
+import { Terminal } from "./Terminal.js";
+function PaneLeaf({ id, onData, theme, fontSize, fontFamily, onRef }) {
+    const termRef = useRef(null);
+    useEffect(() => {
+        onRef(id, termRef.current);
+        return () => {
+            onRef(id, null);
+        };
+    }, [id, onRef]);
+    const handleData = useCallback((data) => {
+        onData?.(id, data);
+    }, [id, onData]);
+    return (_jsx(Terminal, { ref: termRef, autoFit: true, theme: theme, fontSize: fontSize, fontFamily: fontFamily, onData: handleData, style: { width: "100%", height: "100%" } }));
+}
+function PaneNode({ layout, onData, theme, fontSize, fontFamily, onRef }) {
+    if (layout.type === "single") {
+        return (_jsx(PaneLeaf, { id: layout.id, onData: onData, theme: theme, fontSize: fontSize, fontFamily: fontFamily, onRef: onRef }));
+    }
+    const isHorizontal = layout.type === "horizontal";
+    const children = layout.children;
+    const sizes = layout.sizes ?? children.map(() => 1 / children.length);
+    return (_jsx("div", { style: {
+            display: "flex",
+            flexDirection: isHorizontal ? "row" : "column",
+            width: "100%",
+            height: "100%",
+        }, children: children.map((child, i) => {
+            const basis = `${(sizes[i] ?? 1 / children.length) * 100}%`;
+            return (_jsx("div", { style: {
+                    flexBasis: basis,
+                    flexGrow: 0,
+                    flexShrink: 0,
+                    overflow: "hidden",
+                    position: "relative",
+                    // Add a small border between panes
+                    ...(i > 0
+                        ? isHorizontal
+                            ? { borderLeft: "1px solid #444" }
+                            : { borderTop: "1px solid #444" }
+                        : {}),
+                }, children: _jsx(PaneNode, { layout: child, onData: onData, theme: theme, fontSize: fontSize, fontFamily: fontFamily, onRef: onRef }) }, child.type === "single" ? child.id : `split-${i}`));
+        }) }));
+}
+// ---------------------------------------------------------------------------
+// TerminalPane
+// ---------------------------------------------------------------------------
+export const TerminalPane = forwardRef(function TerminalPane(props, ref) {
+    const { layout, onData, theme, fontSize, fontFamily, className, style } = props;
+    const terminalsRef = useRef(new Map());
+    const handleRef = useCallback((id, handle) => {
+        if (handle) {
+            terminalsRef.current.set(id, handle);
+        }
+        else {
+            terminalsRef.current.delete(id);
+        }
+    }, []);
+    useImperativeHandle(ref, () => ({
+        getTerminal(paneId) {
+            return terminalsRef.current.get(paneId) ?? null;
+        },
+        getPaneIds() {
+            return collectPaneIds(layout);
+        },
+    }), [layout]);
+    return (_jsx("div", { className: className, style: {
+            position: "relative",
+            overflow: "hidden",
+            ...style,
+        }, children: _jsx(PaneNode, { layout: layout, onData: onData, theme: theme, fontSize: fontSize, fontFamily: fontFamily, onRef: handleRef }) }));
+});
+//# sourceMappingURL=TerminalPane.js.map

package/dist/TerminalPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalPane.js","sourceRoot":"","sources":["../src/TerminalPane.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { collectPaneIds } from "./pane-layout.js";
+export { Terminal } from "./Terminal.js";
+export { TerminalPane } from "./TerminalPane.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/pane-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pane-layout.d.ts","sourceRoot":"","sources":["../src/pane-layout.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,GAChE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAEnE,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,EAAE,CAS3D"}

package/dist/pane-layout.js

@@ -0,0 +1,17 @@
+/**
+ * PaneLayout — recursive layout tree for TerminalPane.
+ * Kept in a separate module so pure layout logic can be unit-tested without
+ * pulling in React/JSX.
+ */
+/** Collect all leaf pane ids from a layout tree (depth-first, left-to-right). */
+export function collectPaneIds(layout) {
+    if (layout.type === "single") {
+        return [layout.id];
+    }
+    const ids = [];
+    for (const child of layout.children) {
+        ids.push(...collectPaneIds(child));
+    }
+    return ids;
+}
+//# sourceMappingURL=pane-layout.js.map

package/dist/pane-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pane-layout.js","sourceRoot":"","sources":["../src/pane-layout.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,iFAAiF;AACjF,MAAM,UAAU,cAAc,CAAC,MAAkB;IAC/C,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC;IACD,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;QACpC,GAAG,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IACrC,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@next_term/react",
+  "version": "0.1.0-next.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rahulpandita/react-term",
+    "directory": "packages/react"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc"
+  },
+  "files": [
+    "dist",
+    "!dist/__tests__"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@next_term/core": "workspace:*",
+    "@next_term/web": "workspace:*"
+  },
+  "devDependencies": {
+    "typescript": "^5.5.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0"
+  }
+}