fix(hmr): resolve HMR connection issues and environment variable hand…

…ling

BREAKING CHANGES:
- Update Vite configuration for remote HMR
- Remove dotenv direct usage in frontend
- Use Vite's environment variable system
- Fix process not defined error

Features Added:
- Configure HMR for remote development
- Add proper public IP configuration
- Implement proper host/port settings

Technical Updates:
- Add VITE_PUBLIC_IP environment variable
- Configure Vite HMR client port and host
- Update environment variable access pattern
- Remove process-dependent code
- Fix WebSocket connection issues

src/lib/consts.ts

@@ -5,4 +5,4 @@ export const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || "http://kenyare
 export const FINANCIAL_AUDITS_DIR = 'audits';
 export const PROPOSAL_FORMS_DIR = 'proposals';
 export const QUOTATIONS_DIR = 'quotations';
-export const DELETE_UPLOADS = process.env.DELETE_UPLOADS === "1";
+export const DELETE_UPLOADS = import.meta.env.VITE_DELETE_UPLOADS === "1";

vite.config.ts

@@ -4,12 +4,13 @@ import "dotenv/config";
 
 export default defineConfig({
 	plugins: [sveltekit()],
-	preview: {
-		host: '0.0.0.0',
-		port: parseInt(process.env.VITE_PROD_PORT ?? "5173")
-	},
 	server: {
 		host: '0.0.0.0',
-		port: parseInt(process.env.VITE_DEV_PORT ?? "5173")
+		port: 5173,
+		hmr: {
+			// Set proper HMR configuration
+			clientPort: 5173,
+			host: '206.189.134.228' // Your server's public IP
+		}
 	}
 });