fix: tag search causing regex exception (#938)

app/assets/javascripts/utils/stringUtils.spec.ts

@@ -0,0 +1,65 @@
+import {
+  getIndexOfQueryInString,
+  splitQueryInString,
+  splitRangeWithinString,
+} from './stringUtils';
+
+describe('string utils', () => {
+  describe('splitRangeWithinString', () => {
+    it('should return whole string if range is invalid or out of bounds', () => {
+      const string = 'test-string';
+
+      const outOfBoundsStartResult = splitRangeWithinString(string, 15, 0);
+      expect(outOfBoundsStartResult).toStrictEqual(['test-string']);
+
+      const outOfBoundsEndResult = splitRangeWithinString(string, 0, -15);
+      expect(outOfBoundsEndResult).toStrictEqual(['test-string']);
+
+      const invalidRangeResult = splitRangeWithinString(string, 15, 0);
+      expect(invalidRangeResult).toStrictEqual(['test-string']);
+    });
+
+    it('should return split string if range is valid', () => {
+      const string = 'test-string';
+
+      const case1 = splitRangeWithinString(string, 0, 3);
+      expect(case1).toStrictEqual(['tes', 't-string']);
+
+      const case2 = splitRangeWithinString(string, 2, 6);
+      expect(case2).toStrictEqual(['te', 'st-s', 'tring']);
+
+      const case3 = splitRangeWithinString(string, 4, 9);
+      expect(case3).toStrictEqual(['test', '-stri', 'ng']);
+    });
+  });
+
+  describe('getIndexOfQueryInString', () => {
+    it('should get correct index of query in string', () => {
+      const string = 'tEsT-sTrInG';
+
+      const indexOfQuery1 = getIndexOfQueryInString(string, 'tRi');
+      expect(indexOfQuery1).toBe(6);
+
+      const indexOfQuery2 = getIndexOfQueryInString(string, 'StR');
+      expect(indexOfQuery2).toBe(5);
+
+      const indexOfQuery3 = getIndexOfQueryInString(string, 'stringUtils');
+      expect(indexOfQuery3).toBe(-1);
+    });
+  });
+
+  describe('splitQueryInString', () => {
+    it('should split string if it includes the query', () => {
+      const string = 'TeSt-StRiNg';
+
+      const query1Result = splitQueryInString(string, 'T-sTr');
+      expect(query1Result).toStrictEqual(['TeS', 't-StR', 'iNg']);
+
+      const query2Result = splitQueryInString(string, 'InG');
+      expect(query2Result).toStrictEqual(['TeSt-StR', 'iNg']);
+
+      const query3Result = splitQueryInString(string, 'invalid query');
+      expect(query3Result).toStrictEqual(['TeSt-StRiNg']);
+    });
+  });
+});

app/assets/javascripts/utils/stringUtils.ts

@@ -0,0 +1,39 @@
+export const splitRangeWithinString = (
+  string: string,
+  start: number,
+  end: number
+) => {
+  const isStartOutOfBounds = start > string.length || start < 0;
+  const isEndOutOfBounds = end > string.length || end < 0;
+  const isInvalidRange = start > end;
+
+  if (isStartOutOfBounds || isEndOutOfBounds || isInvalidRange) {
+    return [string];
+  } else {
+    return [
+      string.slice(0, start),
+      string.slice(start, end),
+      string.slice(end),
+    ].filter((slice) => slice.length > 0);
+  }
+};
+
+export const getIndexOfQueryInString = (string: string, query: string) => {
+  const lowercasedTitle = string.toLowerCase();
+  const lowercasedQuery = query.toLowerCase();
+  return lowercasedTitle.indexOf(lowercasedQuery);
+};
+
+export const splitQueryInString = (string: string, query: string) => {
+  const indexOfQueryInTitle = getIndexOfQueryInString(string, query);
+
+  if (indexOfQueryInTitle < 0) {
+    return [string];
+  }
+
+  return splitRangeWithinString(
+    string,
+    indexOfQueryInTitle,
+    indexOfQueryInTitle + query.length
+  );
+};