update top list items functions to (1) replace special characters by symbols when building the dict and (2) take a built array with custom regex as input.

src/pages/tools/list/find-most-popular/service.ts

@@ -9,7 +9,20 @@ function dictMaker(
 ): { [key: string]: number } {
   const dict: { [key: string]: number } = {};
   for (const item of array) {
-    const key = ignoreItemCase ? item.toLowerCase() : item;
+    let key = ignoreItemCase ? item.toLowerCase() : item;
+
+    const specialCharMap: { [key: string]: string } = {
+      ' ': '␣',
+      '\n': '↲',
+      '\t': '⇥',
+      '\r': '␍',
+      '\f': '␌',
+      '\v': '␋'
+    };
+    if (key in specialCharMap) {
+      key = specialCharMap[key];
+    }
+
     dict[key] = (dict[key] || 0) + 1;
   }
   return dict;
@@ -74,12 +87,15 @@ export function TopItemsList(
   sortingMethod: SortingMethod,
   displayFormat: DisplayFormat,
   splitSeparator: string,
-  input: string,
+  input: string | string[],
   deleteEmptyItems: boolean,
   ignoreItemCase: boolean,
   trimItems: boolean
 ): string {
+  if (!input) return '';
+
   let array: string[];
+  if (typeof input === 'string') {
     switch (splitOperatorType) {
       case 'symbol':
         array = input.split(splitSeparator);
@@ -90,6 +106,9 @@ export function TopItemsList(
           .filter((item) => item !== '');
         break;
     }
+  } else {
+    array = input;
+  }
 
   // Trim items if required
   if (trimItems) {