feat: implement search history

src/routes/Search/Search.js

@@ -8,6 +8,7 @@ const { useTranslation } = require('react-i18next');
 const { default: Icon } = require('@stremio/stremio-icons/react');
 const { Image, MainNavBars, MetaRow, MetaItem, withCoreSuspender, getVisibleChildrenRange } = require('stremio/common');
 const useSearch = require('./useSearch');
+const useSearchHistory = require('./useSearchHistory');
 const styles = require('./styles');
 
 const THRESHOLD = 100;
@@ -15,6 +16,8 @@ const THRESHOLD = 100;
 const Search = ({ queryParams }) => {
     const { t } = useTranslation();
     const [search, loadSearchRows] = useSearch(queryParams);
+    const searchHistory = useSearchHistory();
+    console.log(searchHistory);
     const query = React.useMemo(() => {
         return search.selected !== null ?
             search.selected.extra.reduceRight((query, [name, value]) => {

src/routes/Search/useSearchHistory.d.ts

@@ -0,0 +1,2 @@
+declare const useSearchHistory: () => SearchHistory;
+export = useSearchHistory;

src/routes/Search/useSearchHistory.js

@@ -0,0 +1,10 @@
+// Copyright (C) 2017-2023 Smart code 203358507
+
+const useModelState = require('stremio/common/useModelState');
+
+const useSearchHistory = () => {
+    const { searchHistory } = useModelState({ model: 'ctx' });
+    return searchHistory;
+};
+
+module.exports = useSearchHistory;

src/types/models/Ctx.d.ts

@@ -56,7 +56,10 @@ type NotificationItem = {
     videoReleased: string,
 }
 
+type SearchHistory = string[];
+
 type Ctx = {
     profile: Profile,
     notifications: Notifications,
+    searchHistory: SearchHistory,
 };