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

package/dist/index.js

@@ -2,6 +2,7 @@
 import { FitAddon } from "@xterm/addon-fit";
 import { SearchAddon } from "@xterm/addon-search";
 import { WebLinksAddon } from "@xterm/addon-web-links";
+import { WebglAddon } from "@xterm/addon-webgl";
 import { Terminal } from "@xterm/xterm";
 import {
   ChevronDown,
@@ -60,6 +61,7 @@ function getTerminalCSSVariables(theme) {
 
 // src/components/ThemedTerminal.tsx
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+var SCROLL_DEBOUNCE_MS = 1000;
 var ThemedTerminal = forwardRef(({
   theme,
   onData,
@@ -91,7 +93,9 @@ var ThemedTerminal = forwardRef(({
   const [terminal, setTerminal] = useState(null);
   const fitAddonRef = useRef(null);
   const searchAddonRef = useRef(null);
+  const webglAddonRef = useRef(null);
   const resizeTimeoutRef = useRef(null);
+  const scrollDebounceRef = useRef(null);
   const isVisibleRef = useRef(isVisible);
   const isScrollLockedRef = useRef(true);
   useEffect(() => {
@@ -115,14 +119,23 @@ var ThemedTerminal = forwardRef(({
       isScrollLocked: isScrollLockedRef.current
     };
   };
+  const scheduleScrollToBottom = () => {
+    if (!terminal || !isScrollLockedRef.current)
+      return;
+    if (scrollDebounceRef.current) {
+      clearTimeout(scrollDebounceRef.current);
+    }
+    scrollDebounceRef.current = setTimeout(() => {
+      if (terminal && isScrollLockedRef.current) {
+        terminal.scrollToBottom();
+      }
+    }, SCROLL_DEBOUNCE_MS);
+  };
   useImperativeHandle(ref, () => ({
     write: (data) => {
       if (terminal) {
-        terminal.write(data, () => {
-          if (isScrollLockedRef.current) {
-            terminal.scrollToBottom();
-          }
-        });
+        terminal.write(data);
+        scheduleScrollToBottom();
       } else {
         console.warn("[ThemedTerminal] write called but terminal is null!");
       }
@@ -130,9 +143,7 @@ var ThemedTerminal = forwardRef(({
     writeln: (data) => {
       if (terminal) {
         terminal.writeln(data);
-        if (isScrollLockedRef.current) {
-          terminal.scrollToBottom();
-        }
+        scheduleScrollToBottom();
       }
     },
     scrollToBottom: () => {
@@ -257,6 +268,19 @@ var ThemedTerminal = forwardRef(({
       term.loadAddon(webLinksAddon);
     }
     term.open(terminalRef.current);
+    try {
+      const webglAddon = new WebglAddon;
+      webglAddonRef.current = webglAddon;
+      webglAddon.onContextLoss(() => {
+        console.warn("[ThemedTerminal] WebGL context lost, falling back to canvas renderer");
+        webglAddon.dispose();
+        webglAddonRef.current = null;
+      });
+      term.loadAddon(webglAddon);
+      console.info("[ThemedTerminal] WebGL renderer enabled");
+    } catch (e) {
+      console.warn("[ThemedTerminal] WebGL not available, using canvas renderer:", e);
+    }
     const scrollDisposable = term.onScroll(() => {
       const scrollY = term.buffer.active.viewportY;
       const scrollback2 = term.buffer.active.baseY;
@@ -303,6 +327,13 @@ var ThemedTerminal = forwardRef(({
       if (resizeTimeoutRef.current) {
         clearTimeout(resizeTimeoutRef.current);
       }
+      if (scrollDebounceRef.current) {
+        clearTimeout(scrollDebounceRef.current);
+      }
+      if (webglAddonRef.current) {
+        webglAddonRef.current.dispose();
+        webglAddonRef.current = null;
+      }
       term.dispose();
     };
   }, [onLinkClick]);
@@ -397,7 +428,7 @@ var ThemedTerminal = forwardRef(({
           display: "flex",
           alignItems: "center",
           justifyContent: "space-between",
-          padding: "8px 16px",
+          padding: "7px 16px 8px",
           borderBottom: `1px solid ${theme.colors.border}`,
           backgroundColor: theme.colors.backgroundSecondary || theme.colors.background
         },
@@ -1578,7 +1609,7 @@ var TabbedTerminalPanelInner = ({
         style: {
           display: "flex",
           alignItems: "stretch",
-          height: "41px",
+          height: "40px",
           flexShrink: 0,
           boxSizing: "border-box"
         },
@@ -1648,7 +1679,7 @@ var TabbedTerminalPanelInner = ({
                 gap: "6px",
                 padding: "6px 8px",
                 backgroundColor: tab.isActive ? theme.colors.background : theme.colors.backgroundSecondary,
-                borderBottom: `1px solid ${theme.colors.border}`,
+                borderBottom: tab.isActive ? `1px solid ${theme.colors.background}` : `1px solid ${theme.colors.border}`,
                 cursor: "pointer",
                 fontSize: theme.fontSizes[1],
                 fontWeight: tab.isActive ? theme.fontWeights.semibold : theme.fontWeights.body,

package/dist/src/components/ThemedTerminal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemedTerminal.d.ts","sourceRoot":"","sources":["../../../src/components/ThemedTerminal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAqB3D,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAEV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB;IACvE,KAAK,EAAE,KAAK,CAAC;CACd;AAsBD,eAAO,MAAM,cAAc,4HAksB1B,CAAC"}
+{"version":3,"file":"ThemedTerminal.d.ts","sourceRoot":"","sources":["../../../src/components/ThemedTerminal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAyB3D,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAEV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB;IACvE,KAAK,EAAE,KAAK,CAAC;CACd;AAsBD,eAAO,MAAM,cAAc,4HAyuB1B,CAAC"}

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;AAsiCD,eAAO,MAAM,mBAAmB,sDAmB9B,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;AAwiCD,eAAO,MAAM,mBAAmB,sDAmB9B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@industry-theme/xterm-terminal-panel",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Industry-themed xterm.js terminal components with panel framework integration",
   "type": "module",
   "main": "dist/index.js",
@@ -24,7 +24,7 @@
   },
   "scripts": {
     "build": "bun run clean && bun run build:esm && bun run build:tools && bun run build:types && bun run build:styles",
-    "build:esm": "NODE_ENV=production bun build ./index.ts --outdir ./dist --entry-naming [dir]/[name].[ext] --format esm --target browser --external react --external react-dom --external @xterm/xterm --external @xterm/addon-fit --external @xterm/addon-search --external @xterm/addon-web-links --external @principal-ade/industry-theme --external @principal-ade/panel-framework-core --external lucide-react --external clsx",
+    "build:esm": "NODE_ENV=production bun build ./index.ts --outdir ./dist --entry-naming [dir]/[name].[ext] --format esm --target browser --external react --external react-dom --external @xterm/xterm --external @xterm/addon-fit --external @xterm/addon-search --external @xterm/addon-web-links --external @xterm/addon-webgl --external @principal-ade/industry-theme --external @principal-ade/panel-framework-core --external lucide-react --external clsx",
     "build:tools": "bun build ./src/tools/index.ts --outfile ./dist/tools.bundle.js --format esm --target browser",
     "build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly --declaration --declarationMap",
     "build:styles": "cp src/styles/terminal-theme.css dist/styles.css",
@@ -63,6 +63,7 @@
     "@xterm/addon-fit": ">=0.10.0",
     "@xterm/addon-search": ">=0.15.0",
     "@xterm/addon-web-links": ">=0.11.0",
+    "@xterm/addon-webgl": ">=0.18.0",
     "@xterm/xterm": ">=5.5.0",
     "lucide-react": ">=0.263.0",
     "react": ">=19.0.0",
@@ -71,6 +72,9 @@
   "peerDependenciesMeta": {
     "lucide-react": {
       "optional": true
+    },
+    "@xterm/addon-webgl": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -90,6 +94,7 @@
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/addon-search": "^0.15.0",
     "@xterm/addon-web-links": "^0.11.0",
+    "@xterm/addon-webgl": "^0.18.0",
     "@xterm/xterm": "^5.5.0",
     "esbuild": "^0.25.8",
     "eslint": "^9.32.0",