[fix] move backend entpoints to /api to avoid conflicts with client side routing

Author: asciimoo

server/api.go

@@ -64,14 +64,24 @@ func init() {
 			Handler:      serveSearch,
 			Description:  "Search websocket endpoint",
 		},
+		// tmp added for backward compatibility
 		&Endpoint{
 			Name:         "Add",
-			Path:         "/add",
+			Path:         "/api/add",
 			Method:       GET,
 			CSRFRequired: true,
 			Handler:      serveAdd,
 			Description:  "Add document form",
 		},
+		&Endpoint{
+			Name:         "Add post",
+			Path:         "/api/add",
+			Method:       POST,
+			CSRFRequired: true,
+			Handler:      serveAdd,
+			Description:  "Save added document",
+		},
+		// alias for /api/add - backward compatibility - use /api/add in the future
 		&Endpoint{
 			Name:         "Add post",
 			Path:         "/add",
@@ -82,7 +92,7 @@ func init() {
 		},
 		&Endpoint{
 			Name:         "Get document",
-			Path:         "/document",
+			Path:         "/api/document",
 			Method:       GET,
 			CSRFRequired: false,
 			Handler:      serveGet,
@@ -98,63 +108,63 @@ func init() {
 		},
 		&Endpoint{
 			Name:         "Rules",
-			Path:         "/rules",
+			Path:         "/api/rules",
 			Method:       GET,
 			CSRFRequired: true,
 			Handler:      serveRules,
 			Description:  "Rules page",
 		},
 		&Endpoint{
 			Name:         "Save rules",
-			Path:         "/rules",
+			Path:         "/api/rules",
 			Method:       POST,
 			CSRFRequired: true,
 			Handler:      serveRules,
 			Description:  "Save rules",
 		},
 		&Endpoint{
 			Name:         "History",
-			Path:         "/history",
+			Path:         "/api/history",
 			Method:       GET,
 			CSRFRequired: true,
 			Handler:      serveHistory,
 			Description:  "History page",
 		},
 		&Endpoint{
 			Name:         "Add history item",
-			Path:         "/history",
+			Path:         "/api/history",
 			Method:       POST,
 			CSRFRequired: true,
 			Handler:      serveHistory,
 			Description:  "Add new history item",
 		},
 		&Endpoint{
 			Name:         "Delete",
-			Path:         "/delete",
+			Path:         "/api/delete",
 			Method:       POST,
 			CSRFRequired: true,
 			Handler:      serveDeleteDocument,
 			Description:  "Delete document endpoint",
 		},
 		&Endpoint{
 			Name:         "Delete alias",
-			Path:         "/delete_alias",
+			Path:         "/api/delete_alias",
 			Method:       POST,
 			CSRFRequired: true,
 			Handler:      serveDeleteAlias,
 			Description:  "Delete alias",
 		},
 		&Endpoint{
 			Name:         "Add alias",
-			Path:         "/add_alias",
+			Path:         "/api/add_alias",
 			Method:       POST,
 			CSRFRequired: true,
 			Handler:      serveAddAlias,
 			Description:  "Add alias",
 		},
 		&Endpoint{
 			Name:         "Readable",
-			Path:         "/readable",
+			Path:         "/api/readable",
 			Method:       GET,
 			CSRFRequired: false,
 			Handler:      serveReadable,

webui/app/src/lib/api.ts

@@ -35,7 +35,7 @@ export async function apiFetch(
   if (_csrf && options.method && options.method.toUpperCase() !== 'GET') {
     headers['X-CSRF-Token'] = _csrf;
   }
-  const res = await fetch(url, { ...options, headers });
+  const res = await fetch("/api"+url, { ...options, headers });
   const newTok = res.headers.get('X-CSRF-Token');
   if (newTok) _csrf = newTok;
   return res;

webui/app/src/lib/search.ts

@@ -263,7 +263,7 @@ export function apiRequest(options: APIRequestOptions): void {
     body: options.params?.body as BodyInit,
   };
 
-  fetch(options.url, params).then((r) => {
+  fetch("/api"+options.url, params).then((r) => {
     const newToken = r.headers.get("X-CSRF-Token");
     if (newToken && options.csrfToken !== undefined) {
       options.csrfCallback?.(newToken);