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

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.33",
   description: "Industry-themed xterm.js terminal components with panel framework integration",
   type: "module",
   main: "dist/index.js",
@@ -1767,9 +1767,19 @@ var TerminalPanel = ({
   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) {
@@ -1779,20 +1789,25 @@ var TerminalPanel = ({
           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) {
-            dataPortRef.current = port;
-            if (typeof port.start === "function") {
-              port.start();
-            }
-            if (mounted) {
-              setUsingMessagePort(true);
-            }
+            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);
         }

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,EAAiB,MAAM,gBAAgB,CAAC;AAqBxE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgdtD,CAAC"}

package/package.json

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