fix(recent-searches): escape highlighted query regex (#387)

shortcuts · web-flow · commit d23f13366246 · 2021-01-12T09:18:06.000+01:00
* Fix special char escaping for highlighted recent searches
diff --git a/packages/autocomplete-plugin-recent-searches/src/usecases/localStorage/search.ts b/packages/autocomplete-plugin-recent-searches/src/usecases/localStorage/search.ts
@@ -15,7 +15,7 @@ function highlight<TItem extends RecentSearchesItem>({
       query: {
         value: query
           ? item.query.replace(
-              new RegExp(query, 'g'),
+              new RegExp(query.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g'),
               `__aa-highlight__${query}__/aa-highlight__`
             )
           : item.query,

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@ function highlight<TItem extends RecentSearchesItem>({`
`15`	`15`	`query: {`
`16`	`16`	`value: query`
`17`	`17`	`? item.query.replace(`
`18`		`- new RegExp(query, 'g'),`
	`18`	`+ new RegExp(query.replace(/[-/\\^$*+?.()\|[\]{}]/g, '\\$&'), 'g'),`
`19`	`19`	`__aa-highlight__${query}__/aa-highlight__`
`20`	`20`	`)`
`21`	`21`	`: item.query,`