API: use Piped for search autocompletion (#44)

README.md

@@ -33,8 +33,6 @@ Musicale is a free and open source alternative to those players and streams musi
 
 The interesting thing about Musicale is that there is no backend and the API it's from [Piped](https://github.com/TeamPiped/Piped) (a privacy-friendly alternative YouTube frontend), which is well documented [here](https://piped-docs.kavin.rocks/).
 
-There is also an autocomplete API, made by me, to get the search suggestions. You can find more info about it [here](https://musicautocomplete.deno.dev/) and the source code [here](https://github.com/Bellisario/musicautocomplete).
-
 ## Legal
 
 We do NOT host or scrape any Youtube Music content, we use a PUBLIC available API to provide user a playable URL of the music through a good-looking interface, WITHOUT violating any laws.

src/components/Autocomplete.svelte

@@ -6,16 +6,7 @@
   
   const dispatch = createEventDispatcher();
 
-  type ApiResponse =
-    | {
-        error: true;
-        type: 'no-query' | 'invalid' | 'server-error';
-        results: [];
-      }
-    | {
-        error: false;
-        results: string[];
-      };
+  type ApiResponse = string[]
 
   export let query: string;
   export let searchFocus: boolean;
@@ -43,7 +34,7 @@
     controller = new AbortController();
     try {
       response = await fetch(
-      `https://musicautocomplete.deno.dev/search?q=${encodeURIComponent(query)}`,
+      `https://pipedapi.kavin.rocks/suggestions?query=${encodeURIComponent(query.trim())}`,
       {
         signal: controller.signal,
       }
@@ -53,8 +44,9 @@
         return;
       }
     }
+    if (response === undefined) return items = []
     const data: ApiResponse = await response.json();
-    items = data.results.slice(0, 5);
+    items = data.slice(0, 5);
   }
 
   // function updateFocus() {