fix: Add base field to search worker api

Author: 3y3

src/components/Router/index.ts

@@ -4,10 +4,12 @@ import {createContext, useContext} from 'react';
 
 export interface RouterConfig extends Router {
     depth: number;
+    base: string;
 }
 
 export const RouterContext = createContext<RouterConfig>({
     pathname: '/',
+    base: './',
     depth: 0,
 });
 

src/components/Search/provider/index.ts

@@ -15,7 +15,6 @@ export class DefaultSearchProvider implements ISearchProvider, SearchProviderExt
     init = () => {
         this.worker = initWorker({
             ...this.config,
-            base: this.base,
             mark: 'Suggest__Item__Marker',
         });
     };
@@ -38,10 +37,6 @@ export class DefaultSearchProvider implements ISearchProvider, SearchProviderExt
 
     link = (query: string, page = 1) => buildSearchLink(this.base, this.config, query, page);
 
-    private get base() {
-        return window.location.href.split('/').slice(0, -this.config.depth).join('/');
-    }
-
     private async request(message: object) {
         return request(await this.worker, message);
     }

src/components/Search/types.ts

@@ -1,13 +1,5 @@
 import type {ISearchResult, SearchSuggestPageItem} from '@diplodoc/components';
 
-export interface AlgoliaQuerySettings {
-    hitsPerPage?: number;
-    facetFilters?: string[];
-    attributesToRetrieve?: string[];
-    attributesToHighlight?: string[];
-    [key: string]: unknown;
-}
-
 export interface SearchData {
     api: string;
     link: string;
@@ -17,25 +9,14 @@ export interface SearchData {
 
 export interface SearchConfig extends SearchData {
     depth: number;
-    appId?: string;
-    indexName?: string;
-    searchKey?: string;
-    querySettings?: AlgoliaQuerySettings;
-    search?: SearchData;
+    base: string;
 }
 
 export interface WorkerConfig {
     api?: string;
     base: string;
     mark: string;
     provider?: 'local' | 'algolia';
-
-    appId?: string;
-    indexName?: string;
-    searchKey?: string;
-    querySettings?: {
-        [key: string]: unknown;
-    };
 }
 
 export interface SearchResultItem {

src/components/Search/useProvider.ts

@@ -9,7 +9,7 @@ import {createProvider} from './provider';
 
 export function useProvider() {
     const lang = useLang();
-    const {depth = 0} = useContext(RouterContext);
+    const {base = './'} = useContext(RouterContext);
     const search = useContext(SearchContext);
     const [provider, setProvider] = useState<ISearchProvider | null>(null);
 
@@ -20,10 +20,10 @@ export function useProvider() {
 
         return {
             ...search,
-            depth,
+            base,
             lang,
         };
-    }, [lang, depth, search]);
+    }, [lang, base, search]);
 
     useEffect(() => {
         if (config) {