Fix Web UI logs in compiled server

crates/librqbit/webui/src/components/LogStream.tsx

@@ -14,7 +14,7 @@ import { LogLine } from "./LogLine";
 import { JSONLogLine } from "../api-types";
 
 interface LogStreamProps {
-  httpApiBase: string;
+  url: string;
   maxLines?: number;
 }
 
@@ -39,7 +39,7 @@ const mergeBuffers = (a1: Uint8Array, a2: Uint8Array): Uint8Array => {
 };
 
 const streamLogs = (
-  httpApiBase: string,
+  url: string,
   addLine: (text: string) => void,
   setError: (error: ErrorWithLabel | null) => void
 ): (() => void) => {
@@ -55,7 +55,7 @@ const streamLogs = (
   };
 
   const runOnce = async () => {
-    let response = await fetch(httpApiBase + "/stream_logs", { signal });
+    let response = await fetch(url, { signal });
 
     if (!response.ok) {
       let text = await response.text();
@@ -128,10 +128,7 @@ const streamLogs = (
   };
 };
 
-export const LogStream: React.FC<LogStreamProps> = ({
-  httpApiBase,
-  maxLines,
-}) => {
+export const LogStream: React.FC<LogStreamProps> = ({ url, maxLines }) => {
   const [logLines, setLogLines] = useState<Line[]>([]);
   const [error, setError] = useState<ErrorWithLabel | null>(null);
   const [filter, setFilter] = useState<string>("");
@@ -189,12 +186,8 @@ export const LogStream: React.FC<LogStreamProps> = ({
   useEffect(() => updateFilter.cancel, []);
 
   useEffect(() => {
-    return streamLogs(
-      httpApiBase,
-      (line) => addLineRef.current(line),
-      setError
-    );
-  }, [httpApiBase]);
+    return streamLogs(url, (line) => addLineRef.current(line), setError);
+  }, [url]);
 
   return (
     <div>

crates/librqbit/webui/src/components/LogStreamModal.tsx

@@ -11,7 +11,7 @@ interface Props {
 
 export const LogStreamModal: React.FC<Props> = ({ show, onClose }) => {
   const api = useContext(APIContext);
-  const apiBase = api.getHttpBaseUrl();
+  let logsUrl = api.getStreamLogsUrl();
 
   return (
     <Modal size="xl" show={show} onHide={onClose}>
@@ -19,8 +19,8 @@ export const LogStreamModal: React.FC<Props> = ({ show, onClose }) => {
         <Modal.Title>rqbit server logs</Modal.Title>
       </Modal.Header>
       <Modal.Body>
-        {apiBase ? (
-          <LogStream httpApiBase={apiBase} />
+        {logsUrl ? (
+          <LogStream url={logsUrl} />
         ) : (
           <ErrorComponent
             error={{ text: "HTTP API not available to stream logs" }}