Analyze Word Frequency in Any Text Count word frequencies and show percentage breakdown.

The tool uses React's useState hook to store the case sensitivity setting, which determines whether the input text is lowercased before word extraction using the regex /\b[\w']+\b/g. This regular expression matches sequences of word characters and apostrophes, allowing for contractions like "don't" to be treated as single words. The match function returns an array of words, which is then used to populate a frequency map, implemented as a Record<string, number> object in TypeScript. Each word in the array increments its corresponding count in the frequency map.

When sorting the results, the tool uses the Array.prototype.sort method with a compare function that subtracts the counts of two entries, effectively sorting them in descending order. The sorted entries are then formatted into a table with padded columns for word, count, and percentage. The percentage is calculated by dividing each word's count by the total number of words and multiplying by 100, using the toFixed method to limit the result to one decimal place. The output also includes the total word count and unique word count, which are obtained from the length of the input array and the number of entries in the frequency map, respectively.

The TextToolLayout component from the '@/components/shared' module is used to render the tool's UI, including the input field, output label, and case sensitivity checkbox. The onProcess function is called when the user submits the input text, and its result is displayed in the output area. The useCallback hook is used to memoize the onProcess function, so it is only recreated when the case sensitivity setting changes. This optimization helps prevent unnecessary re-renders of the component. The tool's output can be used for further analysis or as a standalone word frequency report, and its format is designed to be easy to read and understand.