@rstreamlabs/react 1.6.3 → 1.6.5

package/dist/{chunk-JW275FK7.mjs → chunk-6EXRCHLM.mjs}

@@ -34,7 +34,8 @@ function WebTTYTerminal(props) {
     // xterm.js options
     terminalOptions,
     // Callbacks
-    onTerminalCreated
+    onTerminalCreated,
+    onTitleChange
   } = props;
   const ref = React.useRef(null);
   React.useEffect(() => {
@@ -43,12 +44,15 @@ function WebTTYTerminal(props) {
     }
     let disposeOnData = null;
     let disposeOnResize = null;
+    let disposeOnTitleChange = null;
     let resizeObserver = null;
     const clear = () => {
       disposeOnData?.dispose();
       disposeOnData = null;
       disposeOnResize?.dispose();
       disposeOnResize = null;
+      disposeOnTitleChange?.dispose();
+      disposeOnTitleChange = null;
       resizeObserver?.disconnect();
       resizeObserver = null;
     };
@@ -69,6 +73,9 @@ function WebTTYTerminal(props) {
     }
     terminal.open(ref.current);
     onTerminalCreated?.(terminal);
+    disposeOnTitleChange = terminal.onTitleChange((title) => {
+      onTitleChange?.(title);
+    });
     const webtty = new WebTTY(
       { url, sendHeartbeat, heartbeatIntervalMs },
       { cmdArgs, envVars, allocateTty, interactive, username, workdir },

package/dist/{chunk-MJTSTB5H.mjs → chunk-GFWVYPSE.mjs}

@@ -1,6 +1,6 @@
 import {
   useRstream
-} from "./chunk-2WDUPTYY.mjs";
+} from "./chunk-KZOS6ZKQ.mjs";
 
 // src/providers/rstream.tsx
 import * as React from "react";
@@ -15,10 +15,10 @@ function useRstreamContext() {
   return ctx;
 }
 function RstreamProvider({ options, children }) {
-  const { error, tunnels, clients } = useRstream(options);
+  const { state, error, tunnels, clients } = useRstream(options);
   const value = React.useMemo(
-    () => ({ error, tunnels, clients }),
-    [error, tunnels, clients]
+    () => ({ state, error, tunnels, clients }),
+    [state, error, tunnels, clients]
   );
   const content = isRenderProp(children) ? children(value) : children;
   return /* @__PURE__ */ jsx(RstreamContext.Provider, { value, children: content });

package/dist/{chunk-2WDUPTYY.mjs → chunk-KZOS6ZKQ.mjs}

@@ -124,7 +124,7 @@ function useRstream(options) {
       setTunnels([]);
     }
   }, [options, state]);
-  return { error, tunnels, clients };
+  return { state, error, tunnels, clients };
 }
 
 export {

package/dist/components/index.d.mts

@@ -12,6 +12,10 @@ interface WebTTYTerminalProps extends WebTTYClientConfig, WebTTYExecutionConfig,
      * Can be used to add your own add-ons or manipulate the Terminal instance.
      */
     onTerminalCreated?: (terminal: Terminal) => void;
+    /**
+     * Called whenever the terminal title changes.
+     */
+    onTitleChange?: (title: string) => void;
 }
 /**
  * A React component that binds a WebTTY session to an xterm.js instance.

package/dist/components/index.d.ts

@@ -12,6 +12,10 @@ interface WebTTYTerminalProps extends WebTTYClientConfig, WebTTYExecutionConfig,
      * Can be used to add your own add-ons or manipulate the Terminal instance.
      */
     onTerminalCreated?: (terminal: Terminal) => void;
+    /**
+     * Called whenever the terminal title changes.
+     */
+    onTitleChange?: (title: string) => void;
 }
 /**
  * A React component that binds a WebTTY session to an xterm.js instance.

package/dist/components/index.js

@@ -68,7 +68,8 @@ function WebTTYTerminal(props) {
     // xterm.js options
     terminalOptions,
     // Callbacks
-    onTerminalCreated
+    onTerminalCreated,
+    onTitleChange
   } = props;
   const ref = React.useRef(null);
   React.useEffect(() => {
@@ -77,12 +78,15 @@ function WebTTYTerminal(props) {
     }
     let disposeOnData = null;
     let disposeOnResize = null;
+    let disposeOnTitleChange = null;
     let resizeObserver = null;
     const clear = () => {
       disposeOnData?.dispose();
       disposeOnData = null;
       disposeOnResize?.dispose();
       disposeOnResize = null;
+      disposeOnTitleChange?.dispose();
+      disposeOnTitleChange = null;
       resizeObserver?.disconnect();
       resizeObserver = null;
     };
@@ -103,6 +107,9 @@ function WebTTYTerminal(props) {
     }
     terminal.open(ref.current);
     onTerminalCreated?.(terminal);
+    disposeOnTitleChange = terminal.onTitleChange((title) => {
+      onTitleChange?.(title);
+    });
     const webtty = new import_webtty.WebTTY(
       { url, sendHeartbeat, heartbeatIntervalMs },
       { cmdArgs, envVars, allocateTty, interactive, username, workdir },

package/dist/components/index.mjs

@@ -1,6 +1,6 @@
 import {
   WebTTYTerminal
-} from "../chunk-JW275FK7.mjs";
+} from "../chunk-6EXRCHLM.mjs";
 export {
   WebTTYTerminal
 };

package/dist/hooks/index.d.mts

@@ -30,6 +30,7 @@ interface UseRstreamOptions extends Partial<WatchConfig> {
  * @returns An object with the current error (if any), and arrays of tunnels and clients.
  */
 declare function useRstream(options?: UseRstreamOptions): {
+    state: "disconnected" | "connecting" | "connected";
     error: {
         message: string;
         type: "warning" | "danger";
@@ -42,8 +43,8 @@ declare function useRstream(options?: UseRstreamOptions): {
         workspace_id: string;
         id: string;
         type?: "bytestream" | "datagram" | undefined;
-        name?: string | undefined;
         creation_date?: Date | undefined;
+        name?: string | undefined;
         publish?: boolean | undefined;
         protocol?: "tls" | "dtls" | "quic" | "http" | undefined;
         labels?: Record<string, string | undefined> | undefined;

package/dist/hooks/index.d.ts

@@ -30,6 +30,7 @@ interface UseRstreamOptions extends Partial<WatchConfig> {
  * @returns An object with the current error (if any), and arrays of tunnels and clients.
  */
 declare function useRstream(options?: UseRstreamOptions): {
+    state: "disconnected" | "connecting" | "connected";
     error: {
         message: string;
         type: "warning" | "danger";
@@ -42,8 +43,8 @@ declare function useRstream(options?: UseRstreamOptions): {
         workspace_id: string;
         id: string;
         type?: "bytestream" | "datagram" | undefined;
-        name?: string | undefined;
         creation_date?: Date | undefined;
+        name?: string | undefined;
         publish?: boolean | undefined;
         protocol?: "tls" | "dtls" | "quic" | "http" | undefined;
         labels?: Record<string, string | undefined> | undefined;

package/dist/hooks/index.js

@@ -160,7 +160,7 @@ function useRstream(options) {
       setTunnels([]);
     }
   }, [options, state]);
-  return { error, tunnels, clients };
+  return { state, error, tunnels, clients };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/hooks/index.mjs

@@ -1,7 +1,7 @@
 import "../chunk-2JFL7TS5.mjs";
 import {
   useRstream
-} from "../chunk-2WDUPTYY.mjs";
+} from "../chunk-KZOS6ZKQ.mjs";
 export {
   useRstream
 };

package/dist/index.js

@@ -71,7 +71,8 @@ function WebTTYTerminal(props) {
     // xterm.js options
     terminalOptions,
     // Callbacks
-    onTerminalCreated
+    onTerminalCreated,
+    onTitleChange
   } = props;
   const ref = React.useRef(null);
   React.useEffect(() => {
@@ -80,12 +81,15 @@ function WebTTYTerminal(props) {
     }
     let disposeOnData = null;
     let disposeOnResize = null;
+    let disposeOnTitleChange = null;
     let resizeObserver = null;
     const clear = () => {
       disposeOnData?.dispose();
       disposeOnData = null;
       disposeOnResize?.dispose();
       disposeOnResize = null;
+      disposeOnTitleChange?.dispose();
+      disposeOnTitleChange = null;
       resizeObserver?.disconnect();
       resizeObserver = null;
     };
@@ -106,6 +110,9 @@ function WebTTYTerminal(props) {
     }
     terminal.open(ref.current);
     onTerminalCreated?.(terminal);
+    disposeOnTitleChange = terminal.onTitleChange((title) => {
+      onTitleChange?.(title);
+    });
     const webtty = new import_webtty.WebTTY(
       { url, sendHeartbeat, heartbeatIntervalMs },
       { cmdArgs, envVars, allocateTty, interactive, username, workdir },
@@ -309,7 +316,7 @@ function useRstream(options) {
       setTunnels([]);
     }
   }, [options, state]);
-  return { error, tunnels, clients };
+  return { state, error, tunnels, clients };
 }
 
 // src/providers/rstream.tsx
@@ -325,10 +332,10 @@ function useRstreamContext() {
   return ctx;
 }
 function RstreamProvider({ options, children }) {
-  const { error, tunnels, clients } = useRstream(options);
+  const { state, error, tunnels, clients } = useRstream(options);
   const value = React3.useMemo(
-    () => ({ error, tunnels, clients }),
-    [error, tunnels, clients]
+    () => ({ state, error, tunnels, clients }),
+    [state, error, tunnels, clients]
   );
   const content = isRenderProp(children) ? children(value) : children;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RstreamContext.Provider, { value, children: content });

package/dist/index.mjs

@@ -1,14 +1,14 @@
 import {
   WebTTYTerminal
-} from "./chunk-JW275FK7.mjs";
+} from "./chunk-6EXRCHLM.mjs";
 import "./chunk-2JFL7TS5.mjs";
 import {
   RstreamProvider,
   useRstreamContext
-} from "./chunk-MJTSTB5H.mjs";
+} from "./chunk-GFWVYPSE.mjs";
 import {
   useRstream
-} from "./chunk-2WDUPTYY.mjs";
+} from "./chunk-KZOS6ZKQ.mjs";
 export {
   RstreamProvider,
   WebTTYTerminal,

package/dist/providers/index.d.mts

@@ -5,6 +5,7 @@ import '@rstreamlabs/rstream';
 
 type RstreamContextValue = ReturnType<typeof useRstream>;
 declare function useRstreamContext(): {
+    state: "disconnected" | "connecting" | "connected";
     error: {
         message: string;
         type: "warning" | "danger";
@@ -17,8 +18,8 @@ declare function useRstreamContext(): {
         workspace_id: string;
         id: string;
         type?: "bytestream" | "datagram" | undefined;
-        name?: string | undefined;
         creation_date?: Date | undefined;
+        name?: string | undefined;
         publish?: boolean | undefined;
         protocol?: "tls" | "dtls" | "quic" | "http" | undefined;
         labels?: Record<string, string | undefined> | undefined;

package/dist/providers/index.d.ts

@@ -5,6 +5,7 @@ import '@rstreamlabs/rstream';
 
 type RstreamContextValue = ReturnType<typeof useRstream>;
 declare function useRstreamContext(): {
+    state: "disconnected" | "connecting" | "connected";
     error: {
         message: string;
         type: "warning" | "danger";
@@ -17,8 +18,8 @@ declare function useRstreamContext(): {
         workspace_id: string;
         id: string;
         type?: "bytestream" | "datagram" | undefined;
-        name?: string | undefined;
         creation_date?: Date | undefined;
+        name?: string | undefined;
         publish?: boolean | undefined;
         protocol?: "tls" | "dtls" | "quic" | "http" | undefined;
         labels?: Record<string, string | undefined> | undefined;

package/dist/providers/index.js

@@ -161,7 +161,7 @@ function useRstream(options) {
       setTunnels([]);
     }
   }, [options, state]);
-  return { error, tunnels, clients };
+  return { state, error, tunnels, clients };
 }
 
 // src/providers/rstream.tsx
@@ -177,10 +177,10 @@ function useRstreamContext() {
   return ctx;
 }
 function RstreamProvider({ options, children }) {
-  const { error, tunnels, clients } = useRstream(options);
+  const { state, error, tunnels, clients } = useRstream(options);
   const value = React2.useMemo(
-    () => ({ error, tunnels, clients }),
-    [error, tunnels, clients]
+    () => ({ state, error, tunnels, clients }),
+    [state, error, tunnels, clients]
   );
   const content = isRenderProp(children) ? children(value) : children;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RstreamContext.Provider, { value, children: content });

package/dist/providers/index.mjs

@@ -1,8 +1,8 @@
 import {
   RstreamProvider,
   useRstreamContext
-} from "../chunk-MJTSTB5H.mjs";
-import "../chunk-2WDUPTYY.mjs";
+} from "../chunk-GFWVYPSE.mjs";
+import "../chunk-KZOS6ZKQ.mjs";
 export {
   RstreamProvider,
   useRstreamContext

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rstreamlabs/react",
-  "version": "1.6.3",
+  "version": "1.6.5",
   "description": "React hooks and components for building rstream-enabled UIs.",
   "license": "Apache-2.0",
   "main": "./dist/index.js",
@@ -50,7 +50,7 @@
     "typescript": "5.9.3"
   },
   "dependencies": {
-    "@rstreamlabs/rstream": "1.6.2",
+    "@rstreamlabs/rstream": "1.6.3",
     "@rstreamlabs/webtty": "1.6.2",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-unicode11": "^0.9.0",