@rstreamlabs/react 1.4.0 → 1.6.1

package/dist/providers/index.js

@@ -0,0 +1,191 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/providers/index.ts
+var providers_exports = {};
+__export(providers_exports, {
+  RstreamProvider: () => RstreamProvider,
+  useRstreamContext: () => useRstreamContext
+});
+module.exports = __toCommonJS(providers_exports);
+
+// src/hooks/use-rstream.ts
+var import_rstream = require("@rstreamlabs/rstream");
+var React = __toESM(require("react"));
+function hasAuth(options) {
+  return !!options && !!options.auth;
+}
+function useRstream(options) {
+  const [state, setState] = React.useState("disconnected");
+  const [error, setError] = React.useState(null);
+  const { reconnectTimeout = 1e3, errorTimeout = 5e3 } = options || {};
+  const [clients, setClients] = React.useState([]);
+  const [tunnels, setTunnels] = React.useState([]);
+  React.useEffect(() => {
+    if (!hasAuth(options)) return;
+    let active = true;
+    let watch = null;
+    let timeout = null;
+    const schedule = () => {
+      if (!active) return;
+      if (timeout) return;
+      setState("connecting");
+      timeout = setTimeout(() => {
+        if (!active) return;
+        timeout = null;
+        run();
+      }, reconnectTimeout);
+    };
+    const run = async () => {
+      if (!hasAuth(options)) return;
+      setState("connecting");
+      watch = new import_rstream.Watch(options, {
+        onEvent: (event) => {
+          if (!active) return;
+          if (event.type.startsWith("client")) {
+            setClients((previous) => {
+              if (event.type === "client.created") {
+                return [...previous, event.object];
+              } else if (event.type === "client.updated") {
+                return previous.map((client) => {
+                  if (client.id === event.object.id) {
+                    return event.object;
+                  }
+                  return client;
+                });
+              } else if (event.type === "client.deleted") {
+                return previous.filter(
+                  (client) => client.id !== event.object.id
+                );
+              }
+              return previous;
+            });
+          } else if (event.type.startsWith("tunnel")) {
+            setTunnels((previous) => {
+              if (event.type === "tunnel.created") {
+                return [...previous, event.object];
+              } else if (event.type === "tunnel.updated") {
+                return previous.map((tunnel) => {
+                  if (tunnel.id === event.object.id) {
+                    return event.object;
+                  }
+                  return tunnel;
+                });
+              } else if (event.type === "tunnel.deleted") {
+                return previous.filter(
+                  (tunnel) => tunnel.id !== event.object.id
+                );
+              }
+              return previous;
+            });
+          }
+        },
+        onConnect: () => {
+          if (!active) return;
+          setState("connected");
+        },
+        onClose: () => {
+          if (!active) return;
+          watch = null;
+          schedule();
+        }
+      });
+      try {
+        await watch.connect();
+      } catch {
+        schedule();
+      }
+    };
+    run();
+    return () => {
+      active = false;
+      if (watch) {
+        watch.disconnect();
+        watch = null;
+      }
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+    };
+  }, [options, reconnectTimeout]);
+  React.useEffect(() => {
+    if (options?.auth) {
+      if (error && error.type === "danger") return;
+      if (state !== "connected") {
+        const timeout = setTimeout(() => {
+          setError({
+            message: "Failed to fetch rstream ressources. Retrying...",
+            type: "warning"
+          });
+        }, errorTimeout);
+        return () => {
+          clearTimeout(timeout);
+        };
+      } else if (state === "connected") {
+        setError(null);
+      }
+    } else {
+      setError(null);
+    }
+  }, [options, state, error, errorTimeout]);
+  React.useEffect(() => {
+    if (options?.auth === void 0 || state !== "connected") {
+      setClients([]);
+      setTunnels([]);
+    }
+  }, [options, state]);
+  return { error, tunnels, clients };
+}
+
+// src/providers/rstream.tsx
+var React2 = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var RstreamContext = React2.createContext(
+  void 0
+);
+function useRstreamContext() {
+  const ctx = React2.useContext(RstreamContext);
+  if (!ctx)
+    throw new Error("useRstreamContext must be used within a RstreamProvider");
+  return ctx;
+}
+function RstreamProvider({ options, children }) {
+  const { error, tunnels, clients } = useRstream(options);
+  const value = React2.useMemo(
+    () => ({ error, tunnels, clients }),
+    [error, tunnels, clients]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RstreamContext.Provider, { value, children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RstreamProvider,
+  useRstreamContext
+});

package/dist/providers/index.mjs

@@ -0,0 +1,9 @@
+import {
+  RstreamProvider,
+  useRstreamContext
+} from "../chunk-TAYPWKHF.mjs";
+import "../chunk-2WDUPTYY.mjs";
+export {
+  RstreamProvider,
+  useRstreamContext
+};

package/package.json

@@ -1,11 +1,33 @@
 {
   "name": "@rstreamlabs/react",
-  "version": "1.4.0",
+  "version": "1.6.1",
   "description": "React hooks and components for building rstream-enabled UIs.",
   "license": "Apache-2.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.mjs",
+      "require": "./dist/components/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.mjs",
+      "require": "./dist/hooks/index.js"
+    },
+    "./providers": {
+      "types": "./dist/providers/index.d.ts",
+      "import": "./dist/providers/index.mjs",
+      "require": "./dist/providers/index.js"
+    }
+  },
   "files": [
     "dist",
     "README.md"
@@ -18,24 +40,25 @@
     "type-check": "tsc --noEmit"
   },
   "devDependencies": {
-    "@turbo/gen": "^2.5.8",
-    "@types/node": "^24.6.0",
-    "@types/react-dom": "19.1.9",
-    "@types/react": "19.1.16",
+    "@turbo/gen": "^2.7.4",
+    "@types/node": "^25.0.9",
+    "@types/react-dom": "19.2.3",
+    "@types/react": "19.2.8",
     "eslint-config": "*",
+    "tsup": "^8.5.1",
     "typescript-config": "*",
-    "typescript": "5.9.2"
+    "typescript": "5.9.3"
   },
   "dependencies": {
-    "@rstreamlabs/rstream": "1.4.0",
-    "@rstreamlabs/webtty": "1.4.0",
-    "@xterm/addon-fit": "^0.10.0",
-    "@xterm/addon-unicode11": "^0.8.0",
-    "@xterm/addon-web-links": "^0.11.0",
-    "@xterm/addon-webgl": "^0.18.0",
-    "@xterm/xterm": "^5.5.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
+    "@rstreamlabs/rstream": "1.6.1",
+    "@rstreamlabs/webtty": "1.6.1",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/addon-unicode11": "^0.9.0",
+    "@xterm/addon-web-links": "^0.12.0",
+    "@xterm/addon-webgl": "^0.19.0",
+    "@xterm/xterm": "^6.0.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
   },
   "peerDependencies": {
     "@types/react": "*",