@industry-theme/xterm-terminal-panel 0.5.32 → 0.5.34

package/dist/index.js

@@ -35,7 +35,7 @@ import {
 // package.json
 var package_default = {
   name: "@industry-theme/xterm-terminal-panel",
-  version: "0.5.32",
+  version: "0.5.34",
   description: "Industry-themed xterm.js terminal components with panel framework integration",
   type: "module",
   main: "dist/index.js",
@@ -1756,39 +1756,22 @@ 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);
   useEffect3(() => {
     let mounted = true;
-    let unsubscribePortReady = null;
     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 (data.sessionId === pendingSessionIdRef.current || data.sessionId === sessionId) {
-            dataPortRef.current = port;
-            if (typeof port.start === "function") {
-              port.start();
-            }
-            if (mounted) {
-              setUsingMessagePort(true);
-            }
-          }
-        });
         const id = await actions.createTerminalSession({
           cwd: terminalDirectory || undefined
         });
@@ -1796,13 +1779,6 @@ var TerminalPanel = ({
         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);
@@ -1817,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);

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,CAobtD,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,CA+VtD,CAAC"}

package/package.json

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