`;
//No sticky anything for mobile styles - would take up too much space
settingsDialogHtml += createSettingsCheckbox("stickyTopBar", "Sticky Top Bar", thorStyles.mobile, "not available with Thor mobile styles");
settingsDialogHtml += createSettingsCheckbox("stickySidebar", "Sticky Sidebar", thorStyles.mobile, "not available with Thor mobile styles");
let paginationDisableReason = thorStyles.mobile ? "not available with Thor mobile styles" : "";
if (thorStyles.paginationOnTop) {
paginationDisableReason = 'not available with Thor "pagination on top" styles';
}
settingsDialogHtml += createSettingsCheckbox("stickyPagination", "Sticky Pagination", thorStyles.mobile || thorStyles.paginationOnTop, paginationDisableReason);
settingsDialogHtml += createSettingsCheckbox("addUiButtonEtv", 'Add "Get ETV" button to the UI');
settingsDialogHtml += createSettingsCheckbox("addUiButtonFixInfiniteSpinner", 'Add "fix infinite spinner" button to the UI');
settingsDialogHtml += createSettingsCheckbox("useCustomItemFontSize", "Use a custom item font size");
settingsDialogHtml += createSettingsNumberInput("useCustomItemFontSize", "customItemFontSize", 7, 30);
settingsDialogHtml += createSettingsCheckbox("hideWordMatches", "Hide word list matches instead of dimming");
const allowCustomItemSize = thorStyles.smallItems || thorStyles.mobile;
const itemSizeDisableReason = allowCustomItemSize ? "" : 'Only available when using Thor mobile or "small items" styles';
settingsDialogHtml += createSettingsCheckbox("useCustomItemSize", "Use a custom item display size", !allowCustomItemSize, itemSizeDisableReason);
if (allowCustomItemSize) {
settingsDialogHtml += createSettingsNumberInput("useCustomItemSize", "customItemSize", 100, 500);
}
settingsDialogHtml += createSettingsCheckbox("hideAmazonHeader", "Hide Amazon Header and Sidebar");
settingsDialogHtml += createSettingsCheckbox("hideVineHeader", "Hides Vine Header");
settingsDialogHtml += `
`;
}
ulWordListEl.innerHTML = wordListHtml;
ulWordListEl.querySelectorAll("button").forEach((btn) => {
btn.addEventListener("click", () => {
const word = btn.getAttribute("data-word");
const shouldAddDefaultList = !!btn.getAttribute("data-default-list");
if (word) {
removeWordFromList(word);
} else if (shouldAddDefaultList) {
addDefaultWordList();
}
});
});
}
function addWordFromUI() {
const word = txtWordListEl.value.trim().toLowerCase();
if (word.length > 0 && !wordList.includes(word)) {
wordList.unshift(word);
localStorage.setItem(storageKeyWordList, JSON.stringify(wordList));
renderList();
txtWordListEl.value = "";
}
}
function removeWordFromList(word) {
const idx = wordList.indexOf(word);
wordList.splice(idx, 1);
renderList();
localStorage.setItem(storageKeyWordList, JSON.stringify(wordList));
}
function addDefaultWordList() {
const defaultList = [
//Hair stuff
"wig",
"hair extension",
"dreadlock extension",
"ponytail extension",
"crochet hair",
"baby hair",
"braiding hair",
"eyelash extension",
"false eyelash",
//Printer ink/toner
"ink cartridge",
"ink refill",
"toner",
//Cakes & party decorations
"cake topper",
"cupcake wrapper",
"cake decoration",
"party decoration",
//Misc.
"castor oil",
"pulling oil",
"shower pan liner",
"anti-colic bottle",
"tub spout",
];
defaultList.reverse().forEach((w) => wordList.unshift(w));
//Save list and render the HTML once
localStorage.setItem(storageKeyWordList, JSON.stringify(wordList));
renderList();
}
//Show the top most common words
settingsDialogEl.querySelector("#VINE-UIE-show-top-words-btn").addEventListener("click", (ev) => {
ev.preventDefault();
const ignoreWords = ["the", "and", "for", "with", "to", "of", "in", "-", "&"];
const allWords = [...$$(".a-truncate-full")]
//Split anything with space, commas, dashes, semicolons, parenthesis into any array
.flatMap((el) => el.innerText.toLowerCase().split(/[,;\s-\(\)]/g))
//remove anything from the ignore list, anything that is just a number, or anything 1 character long
.filter((w) => !ignoreWords.includes(w) && w.length > 1 && !/^\d+(\.\d+)?$/.test(w));
const wordMap = {};
allWords.forEach((i) => (wordMap[i] = (wordMap[i] || 0) + 1));
const topWords = Object.keys(wordMap)
.map((k) => ({ word: k, count: wordMap[k] }))
.sort((a, b) => a.count - b.count) //sort by count
.reverse() //largest numbers at the top
.slice(0, 10);
let displayString = "";
topWords.forEach((x) => {
displayString += `[${x.count}] - ${x.word}\n`;
});
alert(displayString);
});
//=========================================================================
//Sticky top bar with search ==============================================
//Steal the margin value and use it as padding instead for the header so we can have a colored BG
const btnAndSearchStyles = getComputedStyle(btnAndSearchEl);
if (!thorStyles.mobile && userPreferences.stickyTopBar) {
btnAndSearchEl.style.padding = btnAndSearchStyles.margin;
btnAndSearchEl.style.margin = "0 !important";
}
//=========================================================================
//Sticky side bar with categories =========================================
const elCategories = $("#vvp-browse-nodes-container");
//Set the sticky top position of the categories to the height of the top bar
//unless the categories are taller than the screen
if (!thorStyles.mobile && userPreferences.stickySidebar && elCategories.offsetHeight + btnAndSearchEl.offsetHeight <= document.documentElement.clientHeight) {
elCategories.style.top = `${btnAndSearchEl.offsetHeight}px`;
}
//=========================================================================
//Loop over each product tile and run functions for each one
$$("#vvp-items-grid > .vvp-item-tile").forEach((itemElement) => {
dimTileWithDescriptionWordInList(itemElement);
if (userPreferences.addUiButtonEtv || userPreferences.addUiButtonFixInfiniteSpinner) {
addTileLinks(itemElement);
}
});
}
})();