Working search!

Author: fallaciousreasoning

package.json

@@ -12,10 +12,10 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "25.0.7",
     "@rollup/plugin-json": "6.1.0",
-    "@rollup/plugin-wasm": "6.2.2",
     "@rollup/plugin-node-resolve": "15.2.3",
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "11.1.5",
+    "@rollup/plugin-wasm": "6.2.2",
     "@tsconfig/svelte": "5.0.2",
     "@types/human-date": "^1.4.0",
     "autoprefixer": "10.4.13",

src/components/MapSearch.svelte

@@ -42,7 +42,7 @@
     } catch {}
     searching = false;
     debouncedQuery = query;
-  }, 500);
+  }, 0);
 
   $: searching = debouncedQuery !== query;
   $: {

src/search/geocode.ts

@@ -10,6 +10,19 @@ export interface GeocodeResult {
     type: string;
 }
 
+let initPromise: Promise<typeof import('nz-search')>;
+function getSearch() {
+    if (!initPromise) {
+        initPromise = (async () => {
+            const [places, searchApi] = await Promise.all([(await fetch('data/places.json')).arrayBuffer(), import('nz-search')])
+            await searchApi.default()
+            searchApi.load_data(new Uint8Array(places))
+            return searchApi
+        })()
+    }
+    return initPromise
+}
+
 const searchOsm = async (query: string): Promise<GeocodeResult[]> => {
     // Hackily include the country because the nominatim API is terrible.
     query = query + ", NZ";
@@ -23,17 +36,10 @@ const searchOsm = async (query: string): Promise<GeocodeResult[]> => {
 }
 
 const searchNzPlaces = async (query: string): Promise<GeocodeResult[]> => {
-    const api = await import('nz-search').then(async search => {
-        await search.default();
-        return search
-    })
+    const api = await getSearch()
 
-    const results = api.search(query)
+    const results = api.search(query, 100)
     return results
-    // const url = `${nzPlacesUrl}?query=${encodeURIComponent(query)}`;
-    // const response = await fetch(url);
-    // const data = await response.json();
-    // return data;
 }
 
 export default async (query: string, sources=[searchNzPlaces]): Promise<GeocodeResult[]> => {