feat: add (but paused) logic to add viewed word to recent searches

Author: babblebey

src/components/islands/search.jsx

@@ -156,6 +156,10 @@ function SearchDialog() {
       e.preventDefault();
       if (document.querySelector("._cursor")) {
         const word = document.querySelector("._cursor");
+        /**
+         * @todo extract this `$addToRecentSearchesFn` operation to `word` layout..
+         * ..so words are added to recent searches when viewed (not only when searched)
+         */
         $addToRecentSearchesFn({
           word: word.textContent,
           url: word.href
@@ -245,6 +249,10 @@ function SearchResult({ result = [], cursor, searchTerm }) {
             href={`/browse/${doc.slug}`}  
             onClick={(e) => {
               e.preventDefault();
+              /**
+               * @todo extract this `$addToRecentSearchesFn` operation to `word` layout..
+               * ..so words are added to recent searches when viewed (not only when searched)
+               */
               $addToRecentSearchesFn({
                 word: e.currentTarget.textContent,
                 url: e.currentTarget.href

src/layouts/word.astro

@@ -54,5 +54,26 @@ const editUrl = `/editor/edit/${frontmatter.url.split("/")[3].split(".")[0]}`;
     <article class="w-full max-w-screen-lg prose">
       <slot /> 
     </article>
+
+    <!-- Scripts 
+    TODO [THOUGHTS]: I didn't want to implement anything using the `script` tag at all, but this looked to be..
+    ..the only means of adding current word to recent searches when word is opened on client-side, will be..
+    ..nice if we can find another means ;)
+    -->
+    <script>
+      /**
+       * This (Commented out for now) should rightfully add current word to recentSearches on view; which should..
+       * ..extract the functionality from the `search` island `onClick` search result..
+       * ..but see @todo below
+       * 
+       * @todo it's exhibiting similar behaviour reported in issue @link below
+       * @link https://github.com/babblebey/jargons.dev/issues/10
+       */
+      // import { $addToRecentSearchesFn } from "../lib/stores/search.js";
+      // $addToRecentSearchesFn({
+      //   word: document.querySelector("h1").textContent.trim(),
+      //   url: document.location.href
+      // });
+    </script>
   </main>
 </BaseLayout>