feat!: migrate to websockets

backend-mock/index.js

@@ -19,7 +19,7 @@ require("dotenv").config();
 const app = express();
 const server = createServer(app);
 
-const wss = new WebSocket.Server({ server, path: "/websocket" });
+const wss = new WebSocket.Server({ server, path: "/ws" });
 
 app.use(
   cors({ credentials: true, origin: "http://localhost:3000" }),
@@ -38,17 +38,15 @@ const PORT = 8000;
 
 server.listen(PORT, () => {
   console.info(`Server listening on http://localhost:${PORT}`);
-  console.info(
-    `WebSocket server is running on ws://localhost:${PORT}/websocket`,
-  );
+  console.info(`WebSocket server is running on ws://localhost:${PORT}/ws`);
 });
 
 /**
  * Main WebSocket Handler
  */
 
 wss.on("connection", (ws) => {
-  console.info("WebSocket connection established on /websocket");
+  console.info("WebSocket connection established on /ws");
 
   // Handle incoming messages
   ws.on("message", (message) => {

backend-mock/lightning.js

@@ -3,7 +3,7 @@ const router = express.Router();
 const transactions = require("./transactions");
 const util = require("./sse/util");
 
-let WALLET_LOCKED = false;
+let WALLET_LOCKED = true;
 
 router.post("/add-invoice", (req, res) => {
   console.info(

src/context/ws-context.tsx

@@ -1,3 +1,4 @@
+import { WEBSOCKET_URL } from "@/hooks/use-ws";
 import { AppStatus } from "@/models/app-status";
 import { App } from "@/models/app.model";
 import { BtcInfo } from "@/models/btc-info";
@@ -69,8 +70,6 @@ export const WebSocketContext = createContext<WebSocketContextType>(
   websocketContextDefault,
 );
 
-export const WEBSOCKET_URL = "ws://your-websocket-server-url"; // Replace with your WebSocket server URL
-
 const WebSocketContextProvider: FC<PropsWithChildren> = (props) => {
   const [systemInfo, setSystemInfo] = useState<SystemInfo>({
     alias: "",

src/hooks/use-ws.tsx

@@ -15,7 +15,7 @@ import { useCallback, useContext, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "react-toastify";
 
-const WEBSOCKET_URL = "/websocket";
+export const WEBSOCKET_URL = "/ws";
 
 function useWebSocket() {
   const { t } = useTranslation();

src/pages/Home/index.tsx

@@ -105,7 +105,7 @@ const Home: FC = () => {
       }
     } catch (err: any) {
       if (err.response.status === HttpStatusCode.Locked) {
-        setWalletLocked(false);
+        setWalletLocked(true);
       } else {
         setTxError(checkError(err));
       }

src/utils/test-utils.tsx

@@ -4,18 +4,18 @@ import {
   AppContextType,
 } from "@/context/app-context";
 import {
-  SSEContext,
-  sseContextDefault,
-  SSEContextType,
-} from "@/context/sse-context";
+  WebSocketContext,
+  websocketContextDefault,
+  WebSocketContextType,
+} from "@/context/ws-context";
 import i18n from "@/i18n/test_config";
 import { render, RenderOptions } from "@testing-library/react";
 import { FC, PropsWithChildren, ReactElement } from "react";
 import { I18nextProvider } from "react-i18next";
 import { BrowserRouter } from "react-router-dom";
 
 type Props = {
-  sseProps: SSEContextType;
+  sseProps: WebSocketContextType;
   appProps: AppContextType;
 };
 
@@ -26,9 +26,9 @@ const AllTheProviders: FC<PropsWithChildren<Props>> = ({
 }) => {
   return (
     <BrowserRouter>
-      <SSEContext.Provider
+      <WebSocketContext.Provider
         value={{
-          ...sseContextDefault,
+          ...websocketContextDefault,
           ...sseProps,
         }}
       >
@@ -40,7 +40,7 @@ const AllTheProviders: FC<PropsWithChildren<Props>> = ({
         >
           <I18nextProvider i18n={i18n}>{children}</I18nextProvider>
         </AppContext.Provider>
-      </SSEContext.Provider>
+      </WebSocketContext.Provider>
     </BrowserRouter>
   );
 };
@@ -49,7 +49,7 @@ const customRender = (
   ui: ReactElement,
   options?: Omit<RenderOptions, "wrapper"> & {
     providerOptions?: {
-      sseProps?: Partial<SSEContextType>;
+      sseProps?: Partial<WebSocketContextType>;
       appProps?: Partial<AppContextType>;
     };
   },

vite.config.ts

@@ -32,7 +32,7 @@ export default defineConfig({
         changeOrigin: true,
         secure: false,
       },
-      "/websocket": {
+      "/ws": {
         target: "ws://localhost:8000",
         changeOrigin: true,
         secure: false,