he4et/tabswitcher
1
0
Fork 0
mirror of https://github.com/He4eT/tabswitcher.git synced 2026-05-04 17:07:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

pages/search: escape tab text

Browse source
This commit is contained in:
He4eT 2024-01-26 17:46:42 +01:00
commit 4924efd0b6
1 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

13
pages/search/modules/dom.js
View file

@ -1,18 +1,27 @@
const fuzzysort = window.fuzzysort const fuzzysort = window.fuzzysort
/* */
const highlightTagName = crypto.randomUUID().slice(0, 4)
const unescapeHighlight = (innerText) =>
innerText
.replaceAll(`&lt;${highlightTagName}&gt;`, '<b>')
.replaceAll(`&lt;/${highlightTagName}&gt;`, '</b>')
/* https://png-pixel.com/ */ /* https://png-pixel.com/ */
const defaultFavicon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII=' const defaultFavicon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII='
const tabView = (result) => { const tabView = (result) => {
const tab = result.obj const tab = result.obj
const [label, title, url] = result.map((field) => const [label, title, url] = result.map((field) =>
fuzzysort.highlight(field)) fuzzysort.highlight(field, `<${highlightTagName}>`, `</${highlightTagName}>`))
/* Parts */ /* Parts */
const labelSpan = document.createElement('span') const labelSpan = document.createElement('span')
labelSpan.classList.add('label') labelSpan.classList.add('label')
labelSpan.textContent = label ?? tab.label labelSpan.textContent = label ?? tab.label
labelSpan.innerHTML = unescapeHighlight(labelSpan.innerHTML)
const faviconImg = document.createElement('img') const faviconImg = document.createElement('img')
faviconImg.classList.add('favicon') faviconImg.classList.add('favicon')
@ -25,10 +34,12 @@ const tabView = (result) => {
const titleSpan = document.createElement('span') const titleSpan = document.createElement('span')
titleSpan.classList.add('title') titleSpan.classList.add('title')
titleSpan.textContent = title ?? tab.title titleSpan.textContent = title ?? tab.title
titleSpan.innerHTML = unescapeHighlight(titleSpan.innerHTML)
const urlSpan = document.createElement('span') const urlSpan = document.createElement('span')
urlSpan.classList.add('url') urlSpan.classList.add('url')
urlSpan.textContent = url ?? tab.url urlSpan.textContent = url ?? tab.url
urlSpan.innerHTML = unescapeHighlight(urlSpan.innerHTML)
const parts = [ const parts = [
labelSpan, labelSpan,