#195 - Fixed highlighting for cyrillic chars

src/components/ResultItemInFile.svelte

@@ -1,6 +1,10 @@
 <script lang="ts">
   import type { ResultNote } from '../globals'
-  import { highlighter, makeExcerpt, stringsToRegex } from '../tools/utils'
+  import {
+    highlighterGroups,
+    makeExcerpt,
+    stringsToRegex,
+  } from '../tools/utils'
   import ResultItemContainer from './ResultItemContainer.svelte'
 
   export let offset: number
@@ -12,8 +16,12 @@
   $: cleanedContent = makeExcerpt(note?.content ?? '', offset)
 </script>
 
-<ResultItemContainer id={index.toString()} {selected} on:mousemove on:click>
+<ResultItemContainer
+  id="{index.toString()}"
+  selected="{selected}"
+  on:mousemove
+  on:click>
   <div class="omnisearch-result__body">
-    {@html cleanedContent.replace(reg, highlighter)}
+    {@html cleanedContent.replace(reg, highlighterGroups)}
   </div>
 </ResultItemContainer>

src/components/ResultItemVault.svelte

@@ -3,18 +3,16 @@
   import type { ResultNote } from '../globals'
   import {
     getExtension,
-    highlighter,
+    highlighterGroups,
     isFileCanvas,
     isFileImage,
     isFilePDF,
-    isFilePlaintext,
     makeExcerpt,
     pathWithoutFilename,
     removeDiacritics,
     stringsToRegex,
   } from '../tools/utils'
   import ResultItemContainer from './ResultItemContainer.svelte'
-  import { onMount } from 'svelte'
   import { setIcon } from 'obsidian'
 
   export let selected = false
@@ -54,7 +52,8 @@
     if (elFilePathIcon) {
       if (isFileImage(note.path)) setIcon(elFilePathIcon, 'image')
       else if (isFilePDF(note.path)) setIcon(elFilePathIcon, 'file-text')
-      else if (isFileCanvas(note.path)) setIcon(elFilePathIcon, 'layout-dashboard')
+      else if (isFileCanvas(note.path))
+        setIcon(elFilePathIcon, 'layout-dashboard')
       else setIcon(elFilePathIcon, 'file')
     }
   }
@@ -70,7 +69,7 @@
     <div class="omnisearch-result__title-container">
       <span class="omnisearch-result__title">
         <span bind:this="{elFilePathIcon}"></span>
-        <span>{@html title.replace(reg, highlighter)}</span>
+        <span>{@html title.replace(reg, highlighterGroups)}</span>
         <span class="omnisearch-result__extension"
           >.{getExtension(note.path)}</span>
 
@@ -96,7 +95,7 @@
     <div style="display: flex; flex-direction: row;">
       {#if $showExcerpt}
         <div class="omnisearch-result__body">
-          {@html cleanedContent.replace(reg, highlighter)}
+          {@html cleanedContent.replace(reg, highlighterGroups)}
         </div>
       {/if}
 

src/tools/utils.ts

@@ -15,6 +15,7 @@ import {
   regexLineSplit,
   regexStripQuotes,
   regexYaml,
+  SPACE_OR_PUNCTUATION,
   type SearchMatch,
 } from '../globals'
 import { settings } from '../settings'
@@ -25,6 +26,8 @@ export function highlighter(str: string): string {
   return `<span class="${highlightClass}">${str}</span>`
 }
 
+export const highlighterGroups = `$1<span class="${highlightClass}">$2</span>`
+
 export function escapeHTML(html: string): string {
   return html
     .replaceAll('&', '&amp;')
@@ -78,12 +81,16 @@ export function getAllIndices(text: string, regex: RegExp): SearchMatch[] {
  */
 export function stringsToRegex(strings: string[]): RegExp {
   if (!strings.length) return /^$/g
-  // \\b is "word boundary", and is not applied if the user uses the cm-chs-patch plugin
-  const joined = strings
-    .map(s => (getChsSegmenter() ? '' : '\\b') + escapeRegex(s))
-    .join('|')
-  const reg = new RegExp(`(${joined})`, 'gi')
-  // console.log(reg)
+  // Default word split is not applied if the user uses the cm-chs-patch plugin
+  const joined =
+    '(' +
+    (getChsSegmenter() ? '' : SPACE_OR_PUNCTUATION.source) +
+    ')' +
+    '(' +
+    strings.map(s => escapeRegex(s)).join('|') +
+    ')'
+
+  const reg = new RegExp(`${joined}`, 'giu')
   return reg
 }
 
@@ -256,7 +263,7 @@ export function isFileIndexable(path: string): boolean {
 
 export function isFileImage(path: string): boolean {
   const ext = getExtension(path)
-  return (ext === 'png' || ext === 'jpg' || ext === 'jpeg')
+  return ext === 'png' || ext === 'jpg' || ext === 'jpeg'
 }
 
 export function isFilePDF(path: string): boolean {