@industry-theme/xterm-terminal-panel 0.4.1 → 0.4.3

package/dist/index.js

@@ -1439,6 +1439,7 @@ import React2, {
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function TerminalTabContentInner(props, ref) {
   const { tab, sessionId, isActive, isVisible, actions, events, terminalContext, onSessionCreated, onScrollPositionChange, isForeign = false, defaultScrollLocked } = props;
+  console.log("[TerminalTabContent] RENDER", { tabId: tab.id, isActive, sessionId });
   const terminalRef = useRef3(null);
   const [localSessionId, setLocalSessionId] = useState4(sessionId);
   const [isInitialized, setIsInitialized] = useState4(false);
@@ -1521,15 +1522,17 @@ function TerminalTabContentInner(props, ref) {
     if (!actions.onTerminalData) {
       return;
     }
+    console.log("[TerminalTabContent] SUBSCRIBING to terminal data", { tabId: tab.id, sessionId: localSessionId });
     const unsubscribe = actions.onTerminalData(localSessionId, (data) => {
       if (terminalRef.current) {
         terminalRef.current.write(data);
       }
     });
     return () => {
+      console.log("[TerminalTabContent] UNSUBSCRIBING from terminal data", { tabId: tab.id, sessionId: localSessionId });
       unsubscribe();
     };
-  }, [localSessionId, isInitialized, actions, shouldRenderTerminal]);
+  }, [localSessionId, isInitialized, actions, shouldRenderTerminal, tab.id]);
   const handleData = useCallback3((data) => {
     if (localSessionId && actions.writeToTerminal) {
       actions.writeToTerminal(localSessionId, data);
@@ -1687,6 +1690,9 @@ var areTerminalTabContentPropsEqual = (prevProps, nextProps) => {
     changes.push("terminalContext");
   if (prevProps.isForeign !== nextProps.isForeign)
     changes.push("isForeign");
+  if (changes.length > 0) {
+    console.log("[TerminalTabContent] MEMO - will re-render, props changed:", changes, { tabId: nextProps.tab.id });
+  }
   return changes.length === 0;
 };
 var TerminalTabContentForwarded = React2.forwardRef(TerminalTabContentInner);
@@ -1715,6 +1721,7 @@ var TabbedTerminalPanelInner = ({
   requestFocusTabId,
   onFocusTabHandled
 }) => {
+  console.log("[TabbedTerminalPanel] RENDER", { terminalContext, directory, width });
   const { theme } = useTheme6();
   const [ownedTabs, setOwnedTabs] = useState4(initialTabs);
   const [foreignTabs, setForeignTabs] = useState4([]);
@@ -1737,7 +1744,6 @@ var TabbedTerminalPanelInner = ({
   }, [initialTabs]);
   useEffect4(() => {
     const customTabsFromProp = initialTabs.filter((tab) => tab.contentType !== "terminal");
-    console.log("[DEBUG TabbedTerminalPanel] Sync useEffect triggered. customTabsFromProp:", customTabsFromProp.map((t) => t.id));
     setOwnedTabs((prevTabs) => {
       const existingTerminalTabs = prevTabs.filter((tab) => tab.contentType === "terminal");
       const customTabIds = new Set(customTabsFromProp.map((t) => t.id));
@@ -1747,8 +1753,6 @@ var TabbedTerminalPanelInner = ({
         ...existingCustomTabs,
         ...customTabsFromProp
       ];
-      console.log("[DEBUG TabbedTerminalPanel] prevTabs custom:", prevTabs.filter((t) => t.contentType !== "terminal").map((t) => t.id));
-      console.log("[DEBUG TabbedTerminalPanel] mergedTabs custom:", mergedTabs.filter((t) => t.contentType !== "terminal").map((t) => t.id));
       const prevCustomTabs = prevTabs.filter((tab) => tab.contentType !== "terminal");
       const customTabsChanged = prevCustomTabs.length !== customTabsFromProp.length || !customTabsFromProp.every((tab) => {
         const prev = prevCustomTabs.find((p) => p.id === tab.id);
@@ -1756,12 +1760,9 @@ var TabbedTerminalPanelInner = ({
           return false;
         return JSON.stringify(tab) === JSON.stringify(prev);
       });
-      console.log("[DEBUG TabbedTerminalPanel] customTabsChanged:", customTabsChanged);
       if (!customTabsChanged) {
-        console.log("[DEBUG TabbedTerminalPanel] No change, returning prevTabs");
         return prevTabs;
       }
-      console.log("[DEBUG TabbedTerminalPanel] Updating to mergedTabs");
       return mergedTabs;
     });
   }, [customTabsKey]);
@@ -2002,8 +2003,6 @@ var TabbedTerminalPanelInner = ({
     } else {
       setOwnedTabs((prevTabs) => {
         const newTabs = prevTabs.filter((t) => t.id !== tabId);
-        console.log("[DEBUG TabbedTerminalPanel] closeTab removing:", tabId);
-        console.log("[DEBUG TabbedTerminalPanel] closeTab calling onTabsChange with:", newTabs.map((t) => t.id));
         const nextActiveId = findNextActiveTab([...newTabs, ...foreignTabs]);
         if (nextActiveId !== activeTabId) {
           setActiveTabId(nextActiveId);
@@ -2278,6 +2277,19 @@ var TabbedTerminalPanelMemoized = React2.memo(TabbedTerminalPanelInner, (prevPro
     changes.push("activeTabId");
   if (prevProps.onActiveTabChange !== nextProps.onActiveTabChange)
     changes.push("onActiveTabChange");
+  const ignoredChanges = [];
+  if (prevProps.context !== nextProps.context)
+    ignoredChanges.push("context");
+  if (prevProps.events !== nextProps.events)
+    ignoredChanges.push("events");
+  console.log("[TabbedTerminalPanel] MEMO check", {
+    willRerender: changes.length > 0,
+    propsChanged: changes.length > 0 ? changes : "none",
+    ignoredPropsChanged: ignoredChanges.length > 0 ? ignoredChanges : "none"
+  });
+  if (changes.length > 0) {
+    console.log("[TabbedTerminalPanel] MEMO - will re-render, props changed:", changes);
+  }
   return changes.length === 0;
 });
 TabbedTerminalPanelMemoized.displayName = "TabbedTerminalPanel";

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

@@ -1 +1 @@
-{"version":3,"file":"TabbedTerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TabbedTerminalPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAKN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EACV,wBAAwB,EACxB,WAAW,EAIZ,MAAM,gBAAgB,CAAC;AA2BxB,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAmoCD,eAAO,MAAM,mBAAmB,EAAkC,CAAC,IAAI,SAAS,OAAO,cAAc,EAAE,OAAO,GAAG,WAAW,EAC1H,KAAK,EAAE,wBAAwB,CAAC,IAAI,CAAC,KAClC,KAAK,CAAC,YAAY,CAAC"}
+{"version":3,"file":"TabbedTerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TabbedTerminalPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAKN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EACV,wBAAwB,EACxB,WAAW,EAIZ,MAAM,gBAAgB,CAAC;AA2BxB,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AA6pCD,eAAO,MAAM,mBAAmB,EAAkC,CAAC,IAAI,SAAS,OAAO,cAAc,EAAE,OAAO,GAAG,WAAW,EAC1H,KAAK,EAAE,wBAAwB,CAAC,IAAI,CAAC,KAClC,KAAK,CAAC,YAAY,CAAC"}

package/package.json

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