@industry-theme/xterm-terminal-panel 0.5.33 → 0.5.35

package/dist/index.js

@@ -35,7 +35,7 @@ import {
 // package.json
 var package_default = {
   name: "@industry-theme/xterm-terminal-panel",
-  version: "0.5.33",
+  version: "0.5.35",
   description: "Industry-themed xterm.js terminal components with panel framework integration",
   type: "module",
   main: "dist/index.js",
@@ -1756,68 +1756,29 @@ var TerminalPanel = ({
   const [sessionId, setSessionId] = useState3(null);
   const [error, setError] = useState3(null);
   const [isInitializing, setIsInitializing] = useState3(true);
-  const [usingMessagePort, setUsingMessagePort] = useState3(false);
   const [scrollPosition, setScrollPosition] = useState3({
     isAtTop: false,
     isAtBottom: true,
     isScrollLocked: false
   });
   const terminalRef = useRef2(null);
-  const dataPortRef = useRef2(null);
   const isScrollLockedRef = useRef2(scrollPosition.isScrollLocked);
   const terminalDirectory = getTerminalDirectory(context2, terminalScope);
   const pendingSessionIdRef = useRef2(null);
-  const pendingPortEventsRef = useRef2([]);
   useEffect3(() => {
     let mounted = true;
-    let unsubscribePortReady = null;
-    const adoptPort = (port) => {
-      dataPortRef.current = port;
-      if (typeof port.start === "function") {
-        port.start();
-      }
-      if (mounted) {
-        setUsingMessagePort(true);
-      }
-    };
     const initTerminal = async () => {
       try {
         if (!actions.createTerminalSession) {
           throw new Error("Terminal actions not available. Host must provide createTerminalSession action.");
         }
-        if (!actions.onTerminalPortReady) {
-          throw new Error("MessagePort support not available. Host must provide onTerminalPortReady action.");
-        }
-        unsubscribePortReady = actions.onTerminalPortReady((data, port) => {
-          if (pendingSessionIdRef.current === null) {
-            pendingPortEventsRef.current.push({ data, port });
-            return;
-          }
-          if (data.sessionId === pendingSessionIdRef.current || data.sessionId === sessionId) {
-            adoptPort(port);
-          }
-        });
         const id = await actions.createTerminalSession({
           cwd: terminalDirectory || undefined
         });
         pendingSessionIdRef.current = id;
-        const buffered = pendingPortEventsRef.current;
-        pendingPortEventsRef.current = [];
-        for (const evt of buffered) {
-          if (evt.data.sessionId === id && !dataPortRef.current) {
-            adoptPort(evt.port);
-          }
-        }
         if (actions.claimTerminalOwnership) {
           await actions.claimTerminalOwnership(id);
         }
-        if (!dataPortRef.current && actions.requestTerminalDataPort) {
-          try {
-            await actions.requestTerminalDataPort(id);
-          } catch (portErr) {
-            console.warn("[TerminalPanel] requestTerminalDataPort failed:", portErr);
-          }
-        }
         if (mounted) {
           setSessionId(id);
           setIsInitializing(false);
@@ -1832,73 +1793,48 @@ var TerminalPanel = ({
     initTerminal();
     return () => {
       mounted = false;
-      if (unsubscribePortReady) {
-        unsubscribePortReady();
-      }
       if (pendingSessionIdRef.current && actions.destroyTerminalSession) {
         actions.destroyTerminalSession(pendingSessionIdRef.current);
       }
-      if (dataPortRef.current) {
-        if (typeof dataPortRef.current.close === "function") {
-          dataPortRef.current.close();
-        }
-        dataPortRef.current = null;
-      }
     };
   }, []);
   useEffect3(() => {
-    if (usingMessagePort)
-      return;
     if (!sessionId)
       return;
-    const timeout = setTimeout(() => {
-      if (!dataPortRef.current) {
-        console.error("[TerminalPanel] MessagePort not received after timeout - terminal data will not be displayed");
-        setError("MessagePort not available. Terminal data streaming requires MessagePort support from the host.");
-      }
-    }, 5000);
-    return () => clearTimeout(timeout);
-  }, [sessionId, usingMessagePort]);
-  useEffect3(() => {
-    if (!usingMessagePort || !dataPortRef.current) {
+    if (!actions.onTerminalData) {
+      setError("Host does not provide onTerminalData. Terminal data cannot be displayed.");
       return;
     }
-    const port = dataPortRef.current;
-    let lastWriteTime = 0;
     let cursorMovedToHome = false;
+    let lastWriteTime = 0;
     let autoScrollTimeout = null;
-    const handleMessage = (event) => {
-      if (event.data?.type === "DATA" && terminalRef.current) {
-        const data = event.data.data;
-        if (data.includes("\x1B[H")) {
-          cursorMovedToHome = true;
-          lastWriteTime = Date.now();
-        }
-        terminalRef.current.write(data);
-        if (cursorMovedToHome && isScrollLockedRef.current) {
-          if (autoScrollTimeout) {
-            clearTimeout(autoScrollTimeout);
-          }
-          autoScrollTimeout = setTimeout(() => {
-            const now = Date.now();
-            const timeSinceLastWrite = now - lastWriteTime;
-            if (timeSinceLastWrite >= 100 && cursorMovedToHome && terminalRef.current) {
-              terminalRef.current.write("\x1B[9999;1H");
-              cursorMovedToHome = false;
-            }
-          }, 100);
-        }
+    const unsubscribe = actions.onTerminalData(sessionId, (data) => {
+      if (!terminalRef.current)
+        return;
+      if (data.includes("\x1B[H")) {
+        cursorMovedToHome = true;
         lastWriteTime = Date.now();
       }
-    };
-    port.onmessage = handleMessage;
+      terminalRef.current.write(data);
+      if (cursorMovedToHome && isScrollLockedRef.current) {
+        if (autoScrollTimeout)
+          clearTimeout(autoScrollTimeout);
+        autoScrollTimeout = setTimeout(() => {
+          const timeSinceLastWrite = Date.now() - lastWriteTime;
+          if (timeSinceLastWrite >= 100 && cursorMovedToHome && terminalRef.current) {
+            terminalRef.current.write("\x1B[9999;1H");
+            cursorMovedToHome = false;
+          }
+        }, 100);
+      }
+      lastWriteTime = Date.now();
+    });
     return () => {
-      port.onmessage = null;
-      if (autoScrollTimeout) {
+      if (autoScrollTimeout)
         clearTimeout(autoScrollTimeout);
-      }
+      unsubscribe();
     };
-  }, [usingMessagePort]);
+  }, [sessionId, actions.onTerminalData]);
   const handleTerminalData = useCallback4((data) => {
     if (sessionId && actions.writeToTerminal) {
       actions.writeToTerminal(sessionId, data);
@@ -1920,6 +1856,21 @@ var TerminalPanel = ({
   useEffect3(() => {
     hasNotifiedPtyRef.current = false;
   }, [sessionId]);
+  useEffect3(() => {
+    if (!sessionId || !actions.resizeTerminal)
+      return;
+    if (hasNotifiedPtyRef.current)
+      return;
+    const term = terminalRef.current?.getTerminal();
+    if (!term || !term.cols || !term.rows)
+      return;
+    actions.resizeTerminal(sessionId, term.cols, term.rows);
+    hasNotifiedPtyRef.current = true;
+    if (actions.writeToTerminal) {
+      const writeFn = actions.writeToTerminal;
+      setTimeout(() => writeFn(sessionId, "\f"), 50);
+    }
+  }, [sessionId, actions.resizeTerminal, actions.writeToTerminal]);
   const handleScrollPositionChange = useCallback4((position) => {
     setScrollPosition(position);
     isScrollLockedRef.current = position.isScrollLocked;

package/dist/src/panels/TerminalPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TerminalPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAiB,MAAM,gBAAgB,CAAC;AAqBxE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgdtD,CAAC"}
+{"version":3,"file":"TerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TerminalPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AA+BzD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2XtD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@industry-theme/xterm-terminal-panel",
-  "version": "0.5.33",
+  "version": "0.5.35",
   "description": "Industry-themed xterm.js terminal components with panel framework integration",
   "type": "module",
   "main": "dist/index.js",