From e92c30b7a38beecbc2ee1d42412b2e300e6b0a61 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sun, 10 Mar 2024 10:31:37 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Clicking=20on=20a=20External=20U?=
 =?UTF-8?q?RL=20page=20from=20search=20results=20does=20not=20navigate=20t?=
 =?UTF-8?q?o=20external=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/js/search.js         | 9 +++++++--
 layouts/_default/index.json | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/assets/js/search.js b/assets/js/search.js
index 3f08cb37..3035d562 100644
--- a/assets/js/search.js
+++ b/assets/js/search.js
@@ -149,12 +149,17 @@ function executeQuery(term) {
 
   if (results.length > 0) {
     results.forEach(function (value, key) {
+      var title = value.item.externalUrl?  value.item.title + '<span class="text-xs ml-2 align-center cursor-default text-neutral-400 dark:text-neutral-500">'+value.item.externalUrl+'</span>' : value.item.title;
+      var linkconfig = value.item.externalUrl? 'target="_blank" rel="noopener" href="'+value.item.externalUrl+'"' : 'href="'+value.item.permalink+'"';
       resultsHTML =
         resultsHTML +
         `<li class="mb-2">
-          <a class="flex items-center px-3 py-2 rounded-md appearance-none bg-neutral-100 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-900 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2" href="${value.item.permalink}" tabindex="0">
+          <a class="flex items-center px-3 py-2 rounded-md appearance-none bg-neutral-100 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-900 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2" 
+          ${linkconfig} tabindex="0">
             <div class="grow">
-              <div class="-mb-1 text-lg font-bold">${value.item.title}</div>
+              <div class="-mb-1 text-lg font-bold">
+                ${title}
+              </div>
               <div class="text-sm text-neutral-500 dark:text-neutral-400">${value.item.section}<span class="px-2 text-primary-500">&middot;</span>${value.item.date}</span></div>
               <div class="text-sm italic">${value.item.summary}</div>
             </div>
diff --git a/layouts/_default/index.json b/layouts/_default/index.json
index d431d3d7..fee2c39b 100644
--- a/layouts/_default/index.json
+++ b/layouts/_default/index.json
@@ -8,6 +8,7 @@
     "summary" (.Summary | emojify | safeJS)
     "content" (.Plain | emojify | safeJS)
     "permalink" .RelPermalink
+    "externalUrl" .Params.externalUrl
   ) -}}
 {{- end -}}
 {{- $index | jsonify -}}