results.html

results.js

$(function () {
        var tags = [];
        var source = new EventSource("/hashtags/stream");
        source.onmessage = function (event) {
            // Parse hashtag & weight
            var input = event.data.split(":");
            var tag = [{ word: input[0], weight: input[1] }];

            // Check if the same hashtag exists in the tag cloud and get its index in the array
            const objIndex = tags.findIndex((obj => obj.word === input[0]));

            //If exists, then replace just the weight for the hashtag with the new incoming weight
            if (objIndex > -1) {
                // create a new element with hashtag and its new weight
                const updatedObj = { ...tags[objIndex], weight: input[1] };
                // create a new array with the updated element; 
                // doing an in-place replace of the existing element
                const updatedTags = [
                    ...tags.slice(0, objIndex),
                    updatedObj,
                    ...tags.slice(objIndex + 1),
                ];
                // assign updated array to the existing array variable
                tags = updatedTags;
            } else {
                // Add the new incoming hash tag to the tag cloud
                Array.prototype.push.apply(tags, tag);
            }

            $("#wordCloud").jQWCloud({ words: tags });
            document.getElementById("content").innerHTML = event.data;
        };
    });