From 487c274e232591772ad3b32fbe7ada81a17a2ba4 Mon Sep 17 00:00:00 2001
From: Jonatan Heyman <jonatan@heyman.info>
Date: Mon, 3 Mar 2025 16:47:25 +0100
Subject: [PATCH] Fix issue with highlighting matched string in the buffer
 selector

broke in f1d74bb14f9ce38cb7627a3a8778f1f4009d0c18
---
 src/components/BufferSelector.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/BufferSelector.vue b/src/components/BufferSelector.vue
index 8b81094..2a4693b 100644
--- a/src/components/BufferSelector.vue
+++ b/src/components/BufferSelector.vue
@@ -7,6 +7,15 @@
 
     const pathSep = window.heynote.buffer.pathSeparator
 
+    function escapeHTML(str) {
+        return str
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#039;')
+    }
+
     export default {
         props: {
             headline: String,
@@ -106,8 +115,8 @@
                 this.items = Object.entries(this.buffers).map(([path, metadata]) => {
                     return {
                         "path": path,
-                        "name": metadata?.name || path,
-                        "folder": path.split(pathSep).slice(0, -1).join(pathSep),
+                        "name": escapeHTML(metadata?.name || path),
+                        "folder": escapeHTML(path.split(pathSep).slice(0, -1).join(pathSep)),
                         "scratch": path === SCRATCH_FILE_NAME,
                     }
                 })
@@ -263,8 +272,8 @@
                         @click="selectItem(item)"
                         ref="item"
                     >
-                        <span class="name">{{ item.name }}</span>
-                        <span class="path">{{ item.folder }}</span>
+                        <span class="name" v-html="item.name" />
+                        <span class="path" v-html="item.folder" />
                         <span :class="{'action-buttons':true, 'visible':actionButton > 0 && idx === selected}">
                             <button 
                                 v-if="actionButton > 0 && idx === selected"