@industry-theme/xterm-terminal-panel 0.1.3 → 0.1.5

package/dist/index.js

@@ -1049,7 +1049,8 @@ import React, {
   useRef as useRef3
 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var TerminalTabContentInner = ({ tab, sessionId, isActive, isVisible, actions, terminalContext, onSessionCreated, onScrollPositionChange, isForeign = false }, ref) => {
+function TerminalTabContentInner(props, ref) {
+  const { tab, sessionId, isActive, isVisible, actions, terminalContext, onSessionCreated, onScrollPositionChange, isForeign = false } = props;
   const terminalRef = useRef3(null);
   const [localSessionId, setLocalSessionId] = useState3(sessionId);
   const [isInitialized, setIsInitialized] = useState3(false);
@@ -1249,8 +1250,26 @@ var TerminalTabContentInner = ({ tab, sessionId, isActive, isVisible, actions, t
       overlayState
     }, shouldRenderTerminal ? "active" : "overlay")
   });
+}
+var areTerminalTabContentPropsEqual = (prevProps, nextProps) => {
+  const tabEqual = prevProps.tab.id === nextProps.tab.id && prevProps.tab.directory === nextProps.tab.directory && prevProps.tab.isActive === nextProps.tab.isActive && prevProps.tab.label === nextProps.tab.label;
+  const changes = [];
+  if (!tabEqual)
+    changes.push("tab");
+  if (prevProps.sessionId !== nextProps.sessionId)
+    changes.push("sessionId");
+  if (prevProps.isActive !== nextProps.isActive)
+    changes.push("isActive");
+  if (prevProps.isVisible !== nextProps.isVisible)
+    changes.push("isVisible");
+  if (prevProps.terminalContext !== nextProps.terminalContext)
+    changes.push("terminalContext");
+  if (prevProps.isForeign !== nextProps.isForeign)
+    changes.push("isForeign");
+  return changes.length === 0;
 };
-var TerminalTabContent = React.memo(React.forwardRef(TerminalTabContentInner));
+var TerminalTabContentForwarded = React.forwardRef(TerminalTabContentInner);
+var TerminalTabContent = React.memo(TerminalTabContentForwarded, areTerminalTabContentPropsEqual);
 TerminalTabContent.displayName = "TerminalTabContent";
 var TabbedTerminalPanelInner = ({
   context: _context,
@@ -1288,6 +1307,21 @@ var TabbedTerminalPanelInner = ({
     return [...labeledOwnedTabs, ...sortedForeignTabs];
   }, [ownedTabs, foreignTabs, getOwnedTabLabel]);
   const tabRefsMap = useRef3(new Map);
+  const refCallbacksMap = useRef3(new Map);
+  const getRefCallback = useCallback((tabId) => {
+    let callback = refCallbacksMap.current.get(tabId);
+    if (!callback) {
+      callback = (ref) => {
+        if (ref) {
+          tabRefsMap.current.set(tabId, ref);
+        } else {
+          tabRefsMap.current.delete(tabId);
+        }
+      };
+      refCallbacksMap.current.set(tabId, callback);
+    }
+    return callback;
+  }, []);
   const hasInitializedRef = useRef3(false);
   const isCreatingTabRef = useRef3(false);
   const headerRef = useRef3(null);
@@ -1748,13 +1782,7 @@ var TabbedTerminalPanelInner = ({
         },
         children: [
           tabs.map((tab) => /* @__PURE__ */ jsx4(TerminalTabContent, {
-            ref: (ref) => {
-              if (ref) {
-                tabRefsMap.current.set(tab.id, ref);
-              } else {
-                tabRefsMap.current.delete(tab.id);
-              }
-            },
+            ref: getRefCallback(tab.id),
             tab,
             sessionId: sessionIds.get(tab.id) || null,
             isActive: tab.id === activeTabId,
@@ -1806,7 +1834,28 @@ var TabbedTerminalPanelInner = ({
 };
 TabbedTerminalPanelInner.displayName = "TabbedTerminalPanelInner";
 var TabbedTerminalPanel = React.memo(TabbedTerminalPanelInner, (prevProps, nextProps) => {
-  return prevProps.terminalContext === nextProps.terminalContext && prevProps.directory === nextProps.directory && prevProps.hideHeader === nextProps.hideHeader && prevProps.isVisible === nextProps.isVisible && prevProps.showAllTerminals === nextProps.showAllTerminals && prevProps.tabLabelPrefix === nextProps.tabLabelPrefix && prevProps.actions === nextProps.actions && prevProps.onTabsChange === nextProps.onTabsChange && prevProps.onShowAllTerminalsChange === nextProps.onShowAllTerminalsChange && prevProps.initialTabs === nextProps.initialTabs;
+  const changes = [];
+  if (prevProps.terminalContext !== nextProps.terminalContext)
+    changes.push("terminalContext");
+  if (prevProps.directory !== nextProps.directory)
+    changes.push("directory");
+  if (prevProps.hideHeader !== nextProps.hideHeader)
+    changes.push("hideHeader");
+  if (prevProps.isVisible !== nextProps.isVisible)
+    changes.push("isVisible");
+  if (prevProps.showAllTerminals !== nextProps.showAllTerminals)
+    changes.push("showAllTerminals");
+  if (prevProps.tabLabelPrefix !== nextProps.tabLabelPrefix)
+    changes.push("tabLabelPrefix");
+  if (prevProps.actions !== nextProps.actions)
+    changes.push("actions");
+  if (prevProps.onTabsChange !== nextProps.onTabsChange)
+    changes.push("onTabsChange");
+  if (prevProps.onShowAllTerminalsChange !== nextProps.onShowAllTerminalsChange)
+    changes.push("onShowAllTerminalsChange");
+  if (prevProps.initialTabs !== nextProps.initialTabs)
+    changes.push("initialTabs");
+  return changes.length === 0;
 });
 TabbedTerminalPanel.displayName = "TabbedTerminalPanel";
 // src/tools/index.ts

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

@@ -1 +1 @@
-{"version":3,"file":"TabbedTerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TabbedTerminalPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAKN,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,wBAAwB,EAGzB,MAAM,gBAAgB,CAAC;AAuBxB,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AA6/BD,eAAO,MAAM,mBAAmB,sDAgB9B,CAAC"}
+{"version":3,"file":"TabbedTerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/TabbedTerminalPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAKN,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,wBAAwB,EAGzB,MAAM,gBAAgB,CAAC;AAuBxB,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAsiCD,eAAO,MAAM,mBAAmB,sDAmB9B,CAAC"}

package/package.json

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