@fluid-topics/ft-search-context 2.1.0 → 2.1.2

package/build/store/FtSearchStateManager.d.ts

@@ -18,6 +18,9 @@ export declare class FtSearchStateManager extends FtStateManager {
     constructor(store: FtReduxStore<FtSearchPageState, FtSearchPageStateReducers>, service?: FtSearchService);
     onNewNeededRequest: (neededRequest: string) => void;
     initService(): Promise<boolean>;
+    addWindowListeners(): void;
+    removeWindowListeners(): void;
+    private onStorageEvent;
     private updateSearchRequest;
     setQuery(query: string): void;
     setContentLocale(contentLocale?: string): string | undefined;
@@ -53,6 +56,10 @@ export declare class FtSearchStateManager extends FtStateManager {
     setIgnoreEmptyQuery(ignoreEmptyQuery: boolean): void;
     setOpenExternalDocumentInNewTab(openExternalDocumentInNewTab: boolean): void;
     setCanUpdateUiLocale(canUpdateUiLocale: boolean): void;
+    private loadRecentQueries;
+    addRecentQuery(query: string): void;
+    removeRecentQuery(query: string): void;
+    private setRecentQueries;
     private localesDebouncer;
     updateLocales(): Promise<boolean>;
     private searchDebouncer;

package/build/store/FtSearchStateManager.js

@@ -8,6 +8,8 @@ import { ftAppStateManager } from "@fluid-topics/ft-app-context";
 export const searchInDocumentTitlesOnlySelector = (s) => s.request.virtualField === FtVirtualField.TITLE_ONLY
     && s.request.scope === FtSearchScope.DOCUMENTS;
 export const keywordMatchSelector = (s) => s.request.keywordMatch == FtSearchKeywordMatch.MANDATORY;
+const recentQueriesStorageKey = "ft-recent-queries";
+const maxRecentQueries = 20;
 export class FtSearchStateManager extends FtStateManager {
     static build(id, service) {
         return new FtSearchStateManager(createSearchPageStore(id.trim() || "context"), service);
@@ -23,6 +25,12 @@ export class FtSearchStateManager extends FtStateManager {
                 this.launchSearch(this.buildSearchRequest(this.store.getState()));
             }
         };
+        this.onStorageEvent = (e) => {
+            // detect changes from any context
+            if (e.key === recentQueriesStorageKey) {
+                this.loadRecentQueries();
+            }
+        };
         this.localesDebouncer = new Debouncer(10);
         this.searchDebouncer = new Debouncer(100);
         this.launchSearch = (request) => {
@@ -65,8 +73,15 @@ export class FtSearchStateManager extends FtStateManager {
             this.store.actions.configuration(conf);
             this.setSortId(this.store.getState().request.sortId);
         });
+        this.loadRecentQueries();
         return this.launchSearch();
     }
+    addWindowListeners() {
+        window.addEventListener("storage", this.onStorageEvent);
+    }
+    removeWindowListeners() {
+        window.removeEventListener("storage", this.onStorageEvent);
+    }
     updateSearchRequest(partialRequest, resetPaging = false) {
         const request = deepCopy(this.store.getState().request);
         delete request.changedByConfiguration;
@@ -289,6 +304,39 @@ export class FtSearchStateManager extends FtStateManager {
     setCanUpdateUiLocale(canUpdateUiLocale) {
         this.canUpdateUiLocale = canUpdateUiLocale;
     }
+    loadRecentQueries() {
+        var _a;
+        this.store.actions.recentQueries(JSON.parse((_a = window.localStorage.getItem(recentQueriesStorageKey)) !== null && _a !== void 0 ? _a : "[]"));
+    }
+    addRecentQuery(query) {
+        query = query.trim();
+        if (query.length === 0) {
+            return;
+        }
+        const normalizedQuery = query.toLowerCase();
+        const newValue = this.store.getState().recentQueries.filter((q) => q.toLowerCase() !== normalizedQuery).slice(0, maxRecentQueries - 1);
+        newValue.unshift(query);
+        this.setRecentQueries(newValue);
+    }
+    removeRecentQuery(query) {
+        const normalizedQuery = query.trim().toLowerCase();
+        const original = this.store.getState().recentQueries;
+        const otherQueries = original.filter((q) => q.toLowerCase() !== normalizedQuery);
+        if (original.length !== otherQueries.length) {
+            this.setRecentQueries(otherQueries);
+        }
+    }
+    setRecentQueries(queries) {
+        const newValue = JSON.stringify(queries);
+        window.localStorage.setItem(recentQueriesStorageKey, newValue);
+        // notify all contexts
+        window.dispatchEvent(new StorageEvent("storage", {
+            key: recentQueriesStorageKey,
+            newValue,
+            storageArea: window.localStorage,
+            url: window.location.href,
+        }));
+    }
     updateLocales() {
         return this.localesDebouncer.run(async () => this.store.actions.locales((await this.service.getAvailableSearchLocales()).contentLocales));
     }
@@ -343,10 +391,8 @@ export class FtSearchStateManager extends FtStateManager {
         var _a;
         try {
             (_a = this.cancelableSuggest) === null || _a === void 0 ? void 0 : _a.cancel();
-            // We want to keep empty request, and request greater than 3 chars
-            // This is done to keep usage of first "empty" request, which prefill
-            // suggestions. This will be replace with last inputs.
-            if (request.input.length != 0 && request.input.length < 3) {
+            if (request.input.length < 3) {
+                this.store.actions.suggestResults([]);
                 return;
             }
             this.cancelableSuggest = cancelable(this.service.launchSuggest(request));

package/build/store/model.d.ts

@@ -10,6 +10,7 @@ export interface FtSearchPageState {
     paging: FtSearchResultsPageInfo | undefined;
     spellcheck: FtSpellcheck | undefined;
     liveQuery: string;
+    recentQueries: string[];
     suggestResults: Array<FtSuggestResult> | undefined;
 }
 export interface FtSearchResultsChangeEventDetail {

package/build/store/redux.js

@@ -21,6 +21,7 @@ export const createSearchPageStore = (id) => FtReduxStore.get({
             keywordMatch: undefined,
         },
         liveQuery: "",
+        recentQueries: [],
         paging: undefined,
         facets: undefined,
         spellcheck: undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-search-context",
-    "version": "2.1.0",
+    "version": "2.1.2",
     "description": "Context block for integrated search components",
     "keywords": [
         "Lit"
@@ -19,12 +19,12 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-app-context": "2.1.0",
-        "@fluid-topics/ft-wc-utils": "2.1.0",
+        "@fluid-topics/ft-app-context": "2.1.2",
+        "@fluid-topics/ft-wc-utils": "2.1.2",
         "lit": "3.1.0"
     },
     "devDependencies": {
-        "@fluid-topics/public-api": "1.0.126"
+        "@fluid-topics/public-api": "1.0.127"
     },
-    "gitHead": "4727cf19d04236ad1d2b2cb43ce1c46298834c7e"
+    "gitHead": "b6e91c3f0ecf77e454885c936913c7bed396b536"
 }