This commit is contained in:
BhagwanSingh 2025-11-13 15:48:25 +05:30
parent d0e8ded221
commit f3eb099e18
3 changed files with 16 additions and 12 deletions

View File

@ -6,7 +6,7 @@ import chalk from "chalk";
const TOKEN_KEY = 'ACCESS_TOKEN'; const TOKEN_KEY = 'ACCESS_TOKEN';
const api: AxiosInstance = axios.create({ const api: AxiosInstance = axios.create({
baseURL: 'https://dreadingly-unfighting-pandora.ngrok-free.dev/api/v1/va', // 🔁 your backend baseURL: 'https://wired-terminally-muskrat.ngrok-free.app/api/v1/va', // 🔁 your backend
// timeout: 10000, // timeout: 10000,
}); });

View File

@ -57,7 +57,7 @@ export const handleLogin = async (credentials: { email: string, password: string
try { try {
console.log("➡️ Calling API..."); console.log("➡️ Calling API...");
const response = await axios.post( const response = await axios.post(
'https://dreadingly-unfighting-pandora.ngrok-free.dev/api/v1/va/login', 'https://wired-terminally-muskrat.ngrok-free.app/api/v1/va/login',
{ userDetails: { ...credentials } }, { userDetails: { ...credentials } },
{ headers: { "ngrok-skip-browser-warning": 69420 } } { headers: { "ngrok-skip-browser-warning": 69420 } }
); );

View File

@ -219,19 +219,23 @@ const DashboardLayout: React.FC<DashboardLayoutProps> = ({ setUser }) => {
}; };
// Connect and start sending // Connect and start sending
const handleConnect = () => { const handleConnect = async () => {
const token = await window.electron.getToken("ACCESS_TOKEN");
if (socketRef.current) { if (socketRef.current) {
console.warn("Already connected"); console.warn("Already connected");
return; return;
} }
if(!selectedProject?.id) return if(!selectedProject?.projectId) return
console.log(selectedProject?.id, "SelectedProject ID") console.log(selectedProject?.projectId, "SelectedProject ID")
socketRef.current = io("http://localhost:3000", { socketRef.current = io("https://wired-terminally-muskrat.ngrok-free.app", {
transports: ["websocket"], transports: ["websocket"],
secure: true,
auth: { auth: {
token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjY5MGIzMjhkMDkxMDFmNzRjZjUyNGMwNyIsImVtYWlsIjoiYmhhZ3dhbi5yQGhpY2dsb2JhbHNvbHV0aW9ucy5jb20iLCJuYW1lIjoiUm9oaXQiLCJpYXQiOjE3NjI4NTgxOTMsImV4cCI6MTc2Mjk0NDU5M30.UlHy3RU9W5LOid7smG7WzyNT7dnqhQT4qqzRrN1axmU", token: token,
projectId: selectedProject?.id, projectId: selectedProject?.projectId,
userType: "va" userType: "va"
}, },
}); });
@ -243,7 +247,7 @@ const DashboardLayout: React.FC<DashboardLayoutProps> = ({ setUser }) => {
// Start sending every 5 seconds // Start sending every 5 seconds
intervalRef.current = setInterval(async () => { intervalRef.current = setInterval(async () => {
const apps = await window.electron.getRunningApps() const apps = await window.electron.getRunningApps()
socketRef.current?.emit("getVisibleApps", { token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjY5MGIzMjhkMDkxMDFmNzRjZjUyNGMwNyIsImVtYWlsIjoiYmhhZ3dhbi5yQGhpY2dsb2JhbHNvbHV0aW9ucy5jb20iLCJuYW1lIjoiUm9oaXQiLCJpYXQiOjE3NjI4NTgxOTMsImV4cCI6MTc2Mjk0NDU5M30.UlHy3RU9W5LOid7smG7WzyNT7dnqhQT4qqzRrN1axmU", apps }); socketRef.current?.emit("getVisibleApps", { token: await token, apps });
// const base64String = await window.electron.captureAppScreenShot("Screen 1"); // const base64String = await window.electron.captureAppScreenShot("Screen 1");
// if (base64String) { // if (base64String) {
@ -258,7 +262,7 @@ const DashboardLayout: React.FC<DashboardLayoutProps> = ({ setUser }) => {
const base64String = await window.electron.captureAppScreenShot(appTitle); const base64String = await window.electron.captureAppScreenShot(appTitle);
if (base64String && socketRef.current) { if (base64String && socketRef.current) {
socketRef.current.emit("sendImage", { socketRef.current.emit("sendImage", {
token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjY5MGIzMjhkMDkxMDFmNzRjZjUyNGMwNyIsImVtYWlsIjoiYmhhZ3dhbi5yQGhpY2dsb2JhbHNvbHV0aW9ucy5jb20iLCJuYW1lIjoiUm9oaXQiLCJpYXQiOjE3NjI4NTgxOTMsImV4cCI6MTc2Mjk0NDU5M30.UlHy3RU9W5LOid7smG7WzyNT7dnqhQT4qqzRrN1axmU", token: token,
image: base64String, image: base64String,
title: appTitle title: appTitle
}); });
@ -652,9 +656,9 @@ const DashboardLayout: React.FC<DashboardLayoutProps> = ({ setUser }) => {
{/* Layout Body */} {/* Layout Body */}
<div className={`flex ${!isTracking ? "max-h-screen" : " h-[calc(100vh-3rem)]"} bg-base-200 overflow-hidden`}> <div className={`flex ${!isTracking ? "max-h-screen" : " h-[calc(100vh-3rem)]"} bg-base-200 overflow-hidden`}>
{/* Sidebar */} {/* Sidebar */}
<aside className="w-20 bg-base-100 border-r border-base-300 flex-shrink-0 flex flex-col items-center py-4 space-y-4"> <aside className="w-20 bg-base-100 border-r border-base-300 flex flex-col items-center py-4 space-y-4">
{menuItems.map((item) => ( {menuItems.map((item) => (
<div className="tooltip z-100 tooltip-right" data-tip={item.label}> <div className="tooltip z-100 tooltip-right" key={item.label} data-tip={item.label}>
<NavLink <NavLink
key={item.label} key={item.label}
to={item.path} to={item.path}