@industry-theme/xterm-terminal-panel 0.9.0 → 0.9.1

package/dist/index.js

@@ -38,7 +38,7 @@ import {
 // package.json
 var package_default = {
   name: "@industry-theme/xterm-terminal-panel",
-  version: "0.9.0",
+  version: "0.9.1",
   description: "Industry-themed xterm.js terminal components with panel framework integration",
   type: "module",
   sideEffects: [
@@ -1650,6 +1650,9 @@ var GhosttyRenderer = forwardRef4(
     const termRef = useRef3(null);
     const fitRef = useRef3(null);
     const readyRef = useRef3(false);
+    const pendingWritesRef = useRef3([]);
+    const autoFocusRef = useRef3(autoFocus);
+    autoFocusRef.current = autoFocus;
     const callbacks = useRef3({ onData, onResize, onReady, onScrollPositionChange, onShortcut });
     callbacks.current = { onData, onResize, onReady, onScrollPositionChange, onShortcut };
     const readScrollPosition = useCallback2(() => {
@@ -1677,6 +1680,14 @@ var GhosttyRenderer = forwardRef4(
         }
       }
     }, []);
+    const write = useCallback2((data) => {
+      const term = termRef.current;
+      if (term) {
+        term.write(data);
+      } else {
+        pendingWritesRef.current.push(data);
+      }
+    }, []);
     useEffect2(() => {
       const container = containerRef.current;
       if (!container) return;
@@ -1725,7 +1736,12 @@ var GhosttyRenderer = forwardRef4(
           return false;
         });
         fit();
-        if (autoFocus) term.focus();
+        if (pendingWritesRef.current.length > 0) {
+          const pending = pendingWritesRef.current;
+          pendingWritesRef.current = [];
+          for (const chunk of pending) term.write(chunk);
+        }
+        if (autoFocusRef.current) term.focus();
       };
       init2();
       return () => {
@@ -1743,7 +1759,6 @@ var GhosttyRenderer = forwardRef4(
       scrollback,
       transparent,
       backgroundColor,
-      autoFocus,
       theme.colors.background,
       theme.colors.text,
       theme.fonts.monospace,
@@ -1758,12 +1773,16 @@ var GhosttyRenderer = forwardRef4(
       return () => observer.disconnect();
     }, [fit]);
     useEffect2(() => {
-      if (isVisible) fit();
+      if (!isVisible) return;
+      fit();
     }, [isVisible, fit]);
+    useEffect2(() => {
+      if (isVisible && autoFocus) termRef.current?.focus();
+    }, [isVisible, autoFocus]);
     useImperativeHandle3(
       ref,
       () => ({
-        write: (data) => termRef.current?.write(data),
+        write,
         clear: () => termRef.current?.clear(),
         focus: () => termRef.current?.focus(),
         blur: () => termRef.current?.blur(),
@@ -1778,7 +1797,7 @@ var GhosttyRenderer = forwardRef4(
         },
         getScrollPosition: readScrollPosition
       }),
-      [fit, readScrollPosition]
+      [fit, readScrollPosition, write]
     );
     return /* @__PURE__ */ jsx6(
       "div",

package/dist/src/renderer/GhosttyRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GhosttyRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderer/GhosttyRenderer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAO5B,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,KAAK,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAeD,eAAO,MAAM,eAAe,yHA0M3B,CAAC"}
+{"version":3,"file":"GhosttyRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderer/GhosttyRenderer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,oBAAoB,CAAC;AAO5B,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,KAAK,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAuBD,eAAO,MAAM,eAAe,yHA0O3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@industry-theme/xterm-terminal-panel",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Industry-themed xterm.js terminal components with panel framework integration",
   "type": "module",
   "sideEffects": [