feat: add automatic local/production backend URL routing and ignore zip files

.gitignore

@@ -58,3 +58,4 @@ reference_voices/
 !.env.example
 *.pem
 *.key
+*.zip

src/main.ts

@@ -77,6 +77,12 @@ const infoProduct = $<HTMLSpanElement>('info-product');
 const infoDelivery = $<HTMLSpanElement>('info-delivery');
 const btnStartCall = $<HTMLButtonElement>('btn-start-call');
 const btnEndCall = $<HTMLButtonElement>('btn-end-call');
+const BACKEND_URL = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1'
+  ? window.location.origin
+  : 'https://jashp2323-call-voice-agent.hf.space';
+const BACKEND_HOST = BACKEND_URL.replace(/^https?:\/\//, '');
+const WS_PROTOCOL = BACKEND_URL.startsWith('https:') ? 'wss:' : 'ws:';
+
 const btnWhatsappFallback = $<HTMLButtonElement>('btn-whatsapp-fallback');
 const callStatusBadge = $<HTMLDivElement>('call-status-badge');
 const callStatusText = $<HTMLSpanElement>('call-status-text');
@@ -155,7 +161,7 @@ document.addEventListener('DOMContentLoaded', async () => {
 
 async function checkServerStatus() {
   try {
-    const res = await fetch('/api/status');
+    const res = await fetch(`${BACKEND_URL}/api/status`);
     const data = await res.json();
     if (data.ready) {
       serverStatus.className = 'status-dot online';
@@ -172,7 +178,7 @@ async function checkServerStatus() {
 
 async function loadOrders() {
   try {
-    const res = await fetch('/api/orders');
+    const res = await fetch(`${BACKEND_URL}/api/orders`);
     state.orders = await res.json();
     renderOrders();
   } catch (e) {
@@ -276,8 +282,7 @@ async function startCall() {
   document.querySelectorAll<HTMLDivElement>('.order-card').forEach(c => c.style.pointerEvents = 'none');
   document.querySelectorAll<HTMLButtonElement>('.agent-tab').forEach(t => t.style.pointerEvents = 'none');
 
-  const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
-  state.ws = new WebSocket(`${protocol}//${location.host}/ws/call`);
+  state.ws = new WebSocket(`${WS_PROTOCOL}//${BACKEND_HOST}/ws/call`);
 
   state.ws.onopen = () => {
     callStatusText.textContent = 'In Call';
@@ -506,8 +511,8 @@ function addSystemMessage(text: string) {
 async function loadFeedback() {
   try {
     const [feedbackRes, callsRes] = await Promise.all([
-      fetch('/api/feedback'),
-      fetch('/api/calls'),
+      fetch(`${BACKEND_URL}/api/feedback`),
+      fetch(`${BACKEND_URL}/api/calls`),
     ]);
     const feedback: Feedback[] = await feedbackRes.json();
     const calls: CallRecord[] = await callsRes.json();
@@ -596,9 +601,9 @@ async function triggerWhatsappFallback() {
   btnWhatsappFallback.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Sending...';
   
   try {
-    let url = `/api/calls/whatsapp-fallback?order_id=${state.selectedOrderId}`;
+    let url = `${BACKEND_URL}/api/calls/whatsapp-fallback?order_id=${state.selectedOrderId}`;
     if (state.sessionId) {
-      url = `/api/calls/whatsapp-fallback?call_id=${state.sessionId}`;
+      url = `${BACKEND_URL}/api/calls/whatsapp-fallback?call_id=${state.sessionId}`;
     }
     
     const res = await fetch(url, { method: 'POST' });
@@ -633,7 +638,7 @@ async function handleCheckoutSubmit(e: Event) {
   btnSubmit.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Processing...';
   
   try {
-    const res = await fetch('/api/orders', {
+    const res = await fetch(`${BACKEND_URL}/api/orders`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
@@ -707,7 +712,7 @@ async function handleNoAnswerFallback() {
   addSystemMessage(`⚠️ Call missed. Progressing sequence...`);
   
   try {
-    await fetch(`/api/calls/whatsapp-fallback?order_id=${state.ringingOrderId}`, { method: 'POST' });
+    await fetch(`${BACKEND_URL}/api/calls/whatsapp-fallback?order_id=${state.ringingOrderId}`, { method: 'POST' });
   } catch (err) {
     console.error(err);
   }
@@ -715,7 +720,7 @@ async function handleNoAnswerFallback() {
 
 async function loadAnalytics() {
   try {
-    const res = await fetch('/api/analytics');
+    const res = await fetch(`${BACKEND_URL}/api/analytics`);
     const data = await res.json();
     
     $('stat-total-calls-val').textContent = String(data.overview.total_calls);
@@ -875,8 +880,7 @@ function renderCharts(data: any) {
 
 
 function connectDashboardWs() {
-  const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
-  const wsUrl = `${protocol}//${location.host}/ws/dashboard`;
+  const wsUrl = `${WS_PROTOCOL}//${BACKEND_HOST}/ws/dashboard`;
   const ws = new WebSocket(wsUrl);
   
   ws.onmessage = (event) => {

static/app.js

@@ -1,3 +1,9 @@
+const BACKEND_URL = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1'
+  ? window.location.origin
+  : 'https://jashp2323-call-voice-agent.hf.space';
+const BACKEND_HOST = BACKEND_URL.replace(/^https?:\/\//, '');
+const WS_PROTOCOL = BACKEND_URL.startsWith('https:') ? 'wss:' : 'ws:';
+
 const state = {
   orders: [],
   selectedOrderId: null,
@@ -102,7 +108,7 @@ document.addEventListener('DOMContentLoaded', async () => {
 
 async function checkServerStatus() {
   try {
-    const res = await fetch('/api/status');
+    const res = await fetch(`${BACKEND_URL}/api/status`);
     const data = await res.json();
     if (data.ready) {
       serverStatus.className = 'status-dot online';
@@ -119,7 +125,7 @@ async function checkServerStatus() {
 
 async function loadOrders() {
   try {
-    const res = await fetch('/api/orders');
+    const res = await fetch(`${BACKEND_URL}/api/orders`);
     state.orders = await res.json();
     renderOrders();
   } catch (e) {
@@ -220,8 +226,7 @@ async function startCall() {
   document.querySelectorAll('.order-card').forEach(c => c.style.pointerEvents = 'none');
   document.querySelectorAll('.agent-tab').forEach(t => t.style.pointerEvents = 'none');
 
-  const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
-  state.ws = new WebSocket(`${protocol}//${location.host}/ws/call`);
+  state.ws = new WebSocket(`${WS_PROTOCOL}//${BACKEND_HOST}/ws/call`);
 
   state.ws.onopen = () => {
     callStatusText.textContent = 'In Call';
@@ -450,8 +455,8 @@ function addSystemMessage(text) {
 async function loadFeedback() {
   try {
     const [feedbackRes, callsRes] = await Promise.all([
-      fetch('/api/feedback'),
-      fetch('/api/calls'),
+      fetch(`${BACKEND_URL}/api/feedback`),
+      fetch(`${BACKEND_URL}/api/calls`),
     ]);
     const feedback = await feedbackRes.json();
     const calls = await callsRes.json();
@@ -540,9 +545,9 @@ async function triggerWhatsappFallback() {
   btnWhatsappFallback.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Sending...';
   
   try {
-    let url = `/api/calls/whatsapp-fallback?order_id=${state.selectedOrderId}`;
+    let url = `${BACKEND_URL}/api/calls/whatsapp-fallback?order_id=${state.selectedOrderId}`;
     if (state.sessionId) {
-      url = `/api/calls/whatsapp-fallback?call_id=${state.sessionId}`;
+      url = `${BACKEND_URL}/api/calls/whatsapp-fallback?call_id=${state.sessionId}`;
     }
     
     const res = await fetch(url, { method: 'POST' });
@@ -577,7 +582,7 @@ async function handleCheckoutSubmit(e) {
   btnSubmit.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i> Processing...';
   
   try {
-    const res = await fetch('/api/orders', {
+    const res = await fetch(`${BACKEND_URL}/api/orders`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
@@ -651,7 +656,7 @@ async function handleNoAnswerFallback() {
   addSystemMessage(`⚠️ Call missed. Progressing sequence...`);
   
   try {
-    await fetch(`/api/calls/whatsapp-fallback?order_id=${state.ringingOrderId}`, { method: 'POST' });
+    await fetch(`${BACKEND_URL}/api/calls/whatsapp-fallback?order_id=${state.ringingOrderId}`, { method: 'POST' });
   } catch (err) {
     console.error(err);
   }
@@ -659,7 +664,7 @@ async function handleNoAnswerFallback() {
 
 async function loadAnalytics() {
   try {
-    const res = await fetch('/api/analytics');
+    const res = await fetch(`${BACKEND_URL}/api/analytics`);
     const data = await res.json();
     
     // Update raw overview values
@@ -809,8 +814,7 @@ function renderCharts(data) {
 
 
 function connectDashboardWs() {
-  const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
-  const wsUrl = `${protocol}//${location.host}/ws/dashboard`;
+  const wsUrl = `${WS_PROTOCOL}//${BACKEND_HOST}/ws/dashboard`;
   const ws = new WebSocket(wsUrl);
   
   ws.onmessage = (event) => {