From a3dcd1a0a80804e9f448058ace486731aa0d685d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20B=C3=B6hmer?= <mail@jan-boehmer.de>
Date: Tue, 27 Feb 2024 00:39:38 +0100
Subject: [PATCH] Added recent searches to search

---
 assets/controllers/elements/part_livesearch_controller.js | 8 ++++++++
 package.json                                              | 2 +-
 yarn.lock                                                 | 6 +++---
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/assets/controllers/elements/part_livesearch_controller.js b/assets/controllers/elements/part_livesearch_controller.js
index a1ad936b..338cb775 100644
--- a/assets/controllers/elements/part_livesearch_controller.js
+++ b/assets/controllers/elements/part_livesearch_controller.js
@@ -20,6 +20,7 @@
 import { Controller } from "@hotwired/stimulus";
 import { autocomplete } from '@algolia/autocomplete-js';
 import "@algolia/autocomplete-theme-classic/dist/theme.css";
+import { createLocalStorageRecentSearchesPlugin } from '@algolia/autocomplete-plugin-recent-searches';
 import {marked} from "marked";
 
 export default class extends Controller {
@@ -36,10 +37,17 @@ export default class extends Controller {
 
         const that = this;
 
+        const recentSearchesPlugin = createLocalStorageRecentSearchesPlugin({
+            key: 'RECENT_SEARCH',
+            limit: 5,
+        });
+
         this._autocomplete = autocomplete({
             container: this.element,
             panelContainer: document.body,
             panelPlacement: 'end',
+            plugins: [recentSearchesPlugin],
+            openOnFocus: true,
             placeholder: "Search for parts",
             onSubmit({state, event, ...setters}) {
                 //Put the current text into each target input field
diff --git a/package.json b/package.json
index bd0e7701..bafa31e2 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     },
     "dependencies": {
         "@algolia/autocomplete-js": "^1.17.0",
-        "@algolia/autocomplete-plugin-redirect-url": "^1.17.0",
+        "@algolia/autocomplete-plugin-recent-searches": "^1.17.0",
         "@algolia/autocomplete-theme-classic": "^1.17.0",
         "@ckeditor/ckeditor5-alignment": "^41.0.0",
         "@ckeditor/ckeditor5-autoformat": "^41.0.0",
diff --git a/yarn.lock b/yarn.lock
index bf65595e..ab8b5e62 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -28,10 +28,10 @@
   dependencies:
     "@algolia/autocomplete-shared" "1.17.0"
 
-"@algolia/autocomplete-plugin-redirect-url@^1.17.0":
+"@algolia/autocomplete-plugin-recent-searches@^1.17.0":
   version "1.17.0"
-  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-plugin-redirect-url/-/autocomplete-plugin-redirect-url-1.17.0.tgz#843a7af551a29e6c5d2a6585c17b7dcff50bee12"
-  integrity sha512-C/xvPKKM0+uHRvKDi7sE/P8qEtlo9lhDEB2YQJRY9X90osqlqwY4HqRZbauz4wGnHckrG0iqIN+xcCNEFN3Jxg==
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-plugin-recent-searches/-/autocomplete-plugin-recent-searches-1.17.0.tgz#ed340649481398feee12a9e7f1bfd66f90e1fbab"
+  integrity sha512-di5ZEFx0UgK7sR5pxon9NKiFrLL26J5xwL7ihhK4rHrSdRhSvRATr9d8uaShAZIveEUTMd/cZd6C+95Y1YrcdQ==
   dependencies:
     "@algolia/autocomplete-core" "1.17.0"
     "@algolia/autocomplete-js" "1.17.0"