// ==UserScript==
// @name FUSE
// @namespace https://github.com/jarekb84/FUSE
// @version 2.1.1
// @author Jerry Batorski
// @license Apache-2.0
// @description FUSE (Fantasy User Stat Enhancer) easily integrates BorisChen tiers, SubvertADown streaming values, and your own data directly into your preferred fantasy platform to simplify roster selection, free agent scouting, and trade evaluations.
// @grant GM.xmlHttpRequest
// @match https://fantasy.espn.com/*
// @match https://fantasy.nfl.com/*
// @match https://football.fantasysports.yahoo.com/*
// @match https://*.football.cbssports.com/*
// @match https://sleeper.com/*
// ==/UserScript==
(async function () {
const version = '2.1.1';
const STORE = makeStoreModule();
const UI = makeUIModule();
const DOM = makeDOMModule();
const UTILS = makeUtilsModule();
const FUSE = makeFUSEConfiguratorModule();
const DATASOURCESTAB = makeDataSourcesTabModule()
const BORISCHEN = makeBorisChenModule();
const SUBVERTADOWN = makeSubvertADownModule();
const CUSTOMDATA = makeCustomDataModule();
const SETTINGSTAB = makeSettingsTabModule();
const PLAYERS = makePlayersModule();
const DSTNames = PLAYERS.getDSTNames();
await BORISCHEN.runBorisChenAutoUpdate();
UI.autoInjectFUSEOnDOMChange();
const showConfiguratorBtn = DOM.makePageButton('fuseOpenConfigurator', '⚙', 100, FUSE.openConfigurator);
function makeUIModule() {
const self = {
autoInjectFUSEOnDOMChange,
injectFUSEInfoIntoFantasySite,
makeSelector,
selectors: {
playerInfo: 'fusePlayerInfo'
}
}
return self;
function makeSelector(idBase, attribute = 'value') {
return {
id: `${idBase}`,
get: () => document.getElementById(`${idBase}`),
getValue: function () {
if (attribute === 'value') {
return this.get() ? this.get()[attribute] : '';
}
return this.get() ? this.get().getAttribute(attribute) : '';
},
setValue: function (value) {
return this.get().setAttribute(attribute, value);
}
};
}
function autoInjectFUSEOnDOMChange() {
if (window.fuse?.autoUpdateObserver) {
window.fuse.autoUpdateObserver.disconnect();
} else {
window.fuse = {};
}
// Update player info whenever the user causes the page content to update
// ie when applying position filters on the free agents page
const observer = new MutationObserver(function () {
// pause mutation checks while FUSE updates the page
// avoids an infinite loop of updates
observer.disconnect();
injectFUSEInfoIntoFantasySite();
// resume monitoring for mutations
observer.observe(document.body, {
childList: true,
subtree: true
});
});
observer.observe(document.body, {
childList: true,
subtree: true
});
window.fuse.autoUpdateObserver = observer;
}
function injectFUSEInfoIntoFantasySite() {
const spans = document.querySelectorAll(`.${self.selectors.playerInfo}`);
const state = STORE.getState();
const dataSources = state.data;
const settings = state.settings;
spans.forEach(span => {
span.remove();
});
if (window.location.host === 'fantasy.espn.com') {
updatePlatformPlayerInfo('espn');
}
if (window.location.host === 'football.fantasysports.yahoo.com') {
updatePlatformPlayerInfo('yahoo');
}
if (window.location.host === 'fantasy.nfl.com') {
updatePlatformPlayerInfo('nfl');
}
if (window.location.host === 'sleeper.com') {
updatePlatformPlayerInfo('sleeper');
}
if (window.location.host.includes('football.cbssports.com')) {
updatePlatformPlayerInfo('cbs');
}
function updatePlatformPlayerInfo(platformName) {
let platform = SETTINGSTAB.platformSelectors[platformName]
for (const [pageName, page] of Object.entries(platform)) {
let pageOverrides = settings.platformSelectors[platformName]?.[pageName];
const playerName = pageOverrides?.playerName?.playerName_override || page.playerName;
const parent = pageOverrides?.parent?.parent_override || page.parent;
const rowAfterPlayerName = pageOverrides?.rowAfterPlayerName?.rowAfterPlayerName_override || page.rowAfterPlayerName;
document.querySelectorAll(playerName).forEach(playerNameEl => {
insertFUSEPlayerInfo(playerNameEl, parent, rowAfterPlayerName, {}, settings.general.delimiters);
});
}
}
function insertFUSEPlayerInfo(playerNameEl, parentSelector, rowAfterPlayerNameSelector, styles, delimiters) {
const name = playerNameEl.innerText;
const info = constructPlayerInfo(name, delimiters);
if (info) {
const fuseInfo = createPlayerInfoElement(info, styles);
const parentElement = playerNameEl.closest(parentSelector);
const rowAfterPlayerName = parentElement?.querySelector(rowAfterPlayerNameSelector);
if (rowAfterPlayerName) {
rowAfterPlayerName.insertBefore(fuseInfo, rowAfterPlayerName.firstChild);
} else {
playerNameEl.after(fuseInfo);
}
}
}
function constructPlayerInfo(name, delimiters) {
if (!name) {
return '';
}
const playerName = name.replace(' D/ST', '').trim();
let info = [
BORISCHEN.getPlayerInfo(dataSources.borisChen, playerName),
SUBVERTADOWN.getPlayerInfo(dataSources.subvertADown, playerName),
CUSTOMDATA.getPlayerInfo(dataSources.customData, playerName),
];
return info.filter(i => i).join(delimiters.betweenDataSources);
}
function createPlayerInfoElement(info, { marginLeft = '0', marginRight = '2px', fontWeight = '900' } = {}) {
const span = document.createElement('span');
span.className = self.selectors.playerInfo;
span.style.cssText = `
margin-right: ${marginRight};
margin-left: ${marginLeft};
font-weight: ${fontWeight};
`;
span.textContent = info;
return span;
}
}
}
function makeStoreModule() {
const self = {
getState,
saveState,
selectors: {
localStorage: 'fuseStorage'
}
}
return self;
function getState() {
const storedData = localStorage.getItem(self.selectors.localStorage);
const parsedData = JSON.parse(storedData) || {};
let defaults = {
data: {
borisChen: BORISCHEN.getDefaultState(),
subvertADown: SUBVERTADOWN.getDefaultState(),
customData: CUSTOMDATA.getDefaultState()
},
settings: SETTINGSTAB.getDefaultState(),
};
const result = UTILS.mergeDeep(defaults, parsedData)
console.log(result)
return result;
}
function saveState(data) {
localStorage.setItem(self.selectors.localStorage, JSON.stringify(data));
}
}
function makePlayersModule() {
return {
addPlayerInfoToDictionary,
getDSTNames
}
function addPlayerInfoToDictionary(player, newInfo, playerDictionary, delimiters) {
const playerName = player.replace(' III', '').replace(' II', '').trim();
let infoToSave = playerDictionary[playerName]
if (infoToSave) {
infoToSave += `${delimiters.multipleStatsForPlayer}${newInfo}`;
} else {
infoToSave = newInfo;
}
const distNames = DSTNames[playerName] || [];
if (distNames.length) {
distNames.forEach(distName => {
playerDictionary[distName] = infoToSave;
});
return playerDictionary;
}
playerDictionary[playerName] = infoToSave;
playerDictionary[player.trim()] = infoToSave; // some sites do use the II/III name
const [first, ...rest] = playerName.split(' ');
// Some sites truncate player names on some, but not all pages
// ie Christian McCaffrey is sometimes shown as C. McCaffrey
// storing both the long and short name allows the playerDictionary lookup
// to work on all pages
const shortName = `${first[0]}. ${rest.join(' ')}`
playerDictionary[shortName] = infoToSave;
// Sleeper shows Christian McCaffrey as C McCaffrey
const shortNameWithoutPeriod = `${first[0]} ${rest.join(' ')}`
playerDictionary[shortNameWithoutPeriod] = infoToSave;
return playerDictionary;
}
function getDSTNames() {
const teamNames = {
'49ers': ['49ers', 'San Francisco', 'San Francisco 49ers', 'San Francisco. 49ers', 'SF'],
'Bears': ['Bears', 'Chicago', 'Chicago Bears', 'Chicago. Bears', 'CHI'],
'Bengals': ['Bengals', 'Cincinnati', 'Cincinnati Bengals', 'Cincinnati. Bengals', 'CIN'],
'Bills': ['Bills', 'Buffalo', 'Buffalo Bills', 'Buffalo. Bills', 'BUF'],
'Broncos': ['Broncos', 'Denver', 'Denver Broncos', 'Denver. Broncos', 'DEN'],
'Browns': ['Browns', 'Cleveland', 'Cleveland Browns', 'Cleveland. Browns', 'CLE'],
'Buccaneers': ['Buccaneers', 'Tampa Bay', 'Tampa Bay Buccaneers', 'Tampa Bay. Buccaneers', 'TB'],
'Cardinals': ['Cardinals', 'Arizona', 'Arizona Cardinals', 'Arizona. Cardinals', 'ARI'],
'Chargers': ['Chargers', 'Los Angeles', 'Los Angeles Chargers', 'Los Angeles. Chargers', 'LAC'],
'Chiefs': ['Chiefs', 'Kansas City', 'Kansas City Chiefs', 'Kansas City. Chiefs', 'KC'],
'Colts': ['Colts', 'Indianapolis', 'Indianapolis Colts', 'Indianapolis. Colts', 'IND'],
'Commanders': ['Commanders', 'Washington', 'Washington Commanders', 'Washington. Commanders', 'WAS'],
'Cowboys': ['Cowboys', 'Dallas', 'Dallas Cowboys', 'Dallas. Cowboys', 'DAL'],
'Dolphins': ['Dolphins', 'Miami', 'Miami Dolphins', 'Miami. Dolphins', 'MIA'],
'Eagles': ['Eagles', 'Philadelphia', 'Philadelphia Eagles', 'Philadelphia. Eagles', 'PHI'],
'Falcons': ['Falcons', 'Atlanta', 'Atlanta Falcons', 'Atlanta. Falcons', 'ATL'],
'Giants': ['Giants', 'New York', 'New York Giants', 'New York. Giants', 'NYG'],
'Jaguars': ['Jaguars', 'Jacksonville', 'Jacksonville Jaguars', 'Jacksonville. Jaguars', 'JAX'],
'Jets': ['Jets', 'New York', 'New York Jets', 'New York. Jets', 'NYJ'],
'Lions': ['Lions', 'Detroit', 'Detroit Lions', 'Detroit. Lions', 'DET'],
'Packers': ['Packers', 'Green Bay', 'Green Bay Packers', 'Green Bay. Packers', 'GB'],
'Panthers': ['Panthers', 'Carolina', 'Carolina Panthers', 'Carolina. Panthers', 'CAR'],
'Patriots': ['Patriots', 'New England', 'New England Patriots', 'New England. Patriots', 'NE'],
'Raiders': ['Raiders', 'Las Vegas', 'Las Vegas Raiders', 'Las Vegas. Raiders', 'LV'],
'Rams': ['Rams', 'Los Angeles', 'Los Angeles Rams', 'Los Angeles. Rams', 'LA'],
'Ravens': ['Ravens', 'Baltimore', 'Baltimore Ravens', 'Baltimore. Ravens', 'BAL'],
'Saints': ['Saints', 'New Orleans', 'New Orleans Saints', 'New Orleans. Saints', 'NO'],
'Seahawks': ['Seahawks', 'Seattle', 'Seattle Seahawks', 'Seattle. Seahawks', 'SEA'],
'Steelers': ['Steelers', 'Pittsburgh', 'Pittsburgh Steelers', 'Pittsburgh. Steelers', 'PIT'],
'Texans': ['Texans', 'Houston', 'Houston Texans', 'Houston. Texans', 'HOU'],
'Titans': ['Titans', 'Tennessee', 'Tennessee Titans', 'Tennessee. Titans', 'TEN'],
'Vikings': ['Vikings', 'Minnesota', 'Minnesota Vikings', 'Minnesota. Vikings', 'MIN']
}
let dynamicTeamNames = {};
Object.values(teamNames).forEach(teamNamePermutations => {
teamNamePermutations.forEach(teamName => {
dynamicTeamNames[teamName] = teamNamePermutations;
})
});
return dynamicTeamNames;
}
}
function makeFUSEConfiguratorModule() {
const self = {
openConfigurator,
closeConfigurator,
selectors: {
panel: UI.makeSelector('fuseConfiguratorPanel'),
tabs: UI.makeSelector('fuseConfiguratorPanel__tabs'),
}
}
return self;
function openConfigurator() {
if (self.selectors.panel.get()) {
closeConfigurator();
return;
}
let configModal = createConfiguratorModal();
const dataSourcesTab = DATASOURCESTAB.makeDataSourcesTabContent();
let settingsTab = SETTINGSTAB.makeSettingsTabContent();
configModal.appendChild(DOM.makeTabs([
{ label: 'Data', default: true, contents: dataSourcesTab },
{ label: 'Settings', contents: settingsTab },
], {
selector: FUSE.selectors.tabs.id,
tabLabels: {
backgroundColor: '#eee',
activeBackgroundColor: 'rgb(249, 249, 249)',
padding: '5px',
beforeContent: true,
},
tabContent: {
padding: '0'
}
}));
configModal.appendChild(createActionsSection());
configModal.appendChild(createInfoSection());
document.body.insertBefore(configModal, document.getElementById(showConfiguratorBtn.id).nextSibling);
function createInfoSection() {
const info = document.createElement('div');
info.style.cssText = `
font-size: smaller;
display: flex;
justify-content: space-between;
`;
info.innerHTML = `
<span>Bugs/Feedback in <a href="https://discord.gg/xkGjENez5c" target="_blank">discord</a></span>
<span> v${version}</span>
`;
return info;
}
function createConfiguratorModal() {
const dataSourcesTab = document.createElement('div');
dataSourcesTab.setAttribute('id', self.selectors.panel.id);
dataSourcesTab.style.cssText = `
position: fixed;
top: 125px;
right: 0;
background-color: #f9f9f9;
width: 410px;
z-index: 9999999;
text-align: left;
border: 1px solid #ccc;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
`;
return dataSourcesTab
}
function createActionsSection() {
let actionsSection = document.createElement('div');
actionsSection.style.cssText = `
padding: 10px;
border-top: 1px solid #ccc;
`;
const saveBtn = DOM.makeButton('Save', () => {
let state = STORE.getState();
state.settings = SETTINGSTAB.updateState();
// the data source parcers use the updated settings state
// so if you modify settings, we'll need to save them to local storage
// before running update state on the data sources
STORE.saveState(state);
state.data.borisChen = BORISCHEN.updateState(state.data.borisChen);
state.data.subvertADown = SUBVERTADOWN.updateState(state.data.subvertADown);
state.data.customData = CUSTOMDATA.updateState(state.data.customData);
STORE.saveState(state);
closeConfigurator();
UI.injectFUSEInfoIntoFantasySite();
});
actionsSection.appendChild(saveBtn);
actionsSection.appendChild(DOM.makeButton('Hide', closeConfigurator));
return actionsSection;
}
}
function closeConfigurator() {
document.body.removeChild(self.selectors.panel.get());
}
}
function makeDataSourcesTabModule() {
function dataSourcesTabSelector() {
return UI.makeSelector(`${FUSE.selectors.tabs.id}__dataSources`);
}
const self = {
makeDataSourcesTabContent,
selectors: {
root: dataSourcesTabSelector()
}
}
return self;
function makeDataSourcesTabContent() {
const state = STORE.getState().data
let tabContent = document.createElement('div');
const borisChenTab = BORISCHEN.dataSourcesTab.createTabContent(state.borisChen)
const subvertADownTab = SUBVERTADOWN.dataSourcesTab.createTabContent(state.subvertADown);
const customDataTab = CUSTOMDATA.dataSourcesTab.createTabContent(state.customData);
tabContent.appendChild(DOM.makeTabs([
{ label: 'BorisChen', default: true, contents: borisChenTab },
{ label: 'SubvertADown', contents: subvertADownTab },
{ label: 'CustomData', contents: customDataTab }
], {
selector: self.selectors.root.id,
tabLabels: {
backgroundColor: '#eee',
activeBackgroundColor: 'rgb(249, 249, 249)',
beforeContent: true,
padding: '10px',
},
tabContent: {
padding: '10px',
level: 1
}
}));
return tabContent
}
}
function makeBorisChenModule() {
const rootSelector = `${DATASOURCESTAB.selectors.root.id}__borisChen`;
function borisChenSelector(id, attribute) {
return UI.makeSelector(`${rootSelector}_${id}`, attribute);
}
const scoreSuffix = {
"Standard": "",
"0.5 PPR": "-HALF",
"PPR": "-PPR"
}
const self = {
runBorisChenAutoUpdate,
getDefaultState,
updateState,
getPlayerInfo,
dataSourcesTab: {
createTabContent,
selectors: {
tab: borisChenSelector('tab'),
prefix: borisChenSelector('prefix'),
scoring: borisChenSelector('scoring'),
autoFetch: borisChenSelector('autoFetch'),
lastFetched: borisChenSelector('lastFetched', 'data-state'),
fetchDataBtn: borisChenSelector('fetchDataBtn'),
positions: {
id: (position) => `${rootSelector}_${position}`,
get: (position) => document.getElementById(`${rootSelector}_${position}`),
getValue: function (position) {
const el = this.get(position);
return el ? el.value : '';
},
setValue: function (position, value) {
return this.get(position).value = value;
}
}
}
}
}
return self;
function getDefaultState() {
return {
raw: {},
parsed: {},
scoring: 'Standard',
autoFetch: 'Daily',
lastFetched: ''
}
}
function updateState(oldState) {
let newState = {
...oldState, ...getFormData()
}
newState.parsed = parseBorischenRawData(newState.raw, newState);
return newState;
}
function getPlayerInfo(state, playerName) {
let playerInfo = state.parsed[playerName];
if (!playerInfo) return;
return `${state.prefix || ''}${playerInfo}`
}
async function runBorisChenAutoUpdate() {
let state = STORE.getState();
const isDaily = state.data.borisChen.autoFetch === 'Daily';
const hasBeenFetched = !!state.data.borisChen.lastFetched;
const ranAsUserScript = !!GM?.info
const eligibleForAutoUpdate = isDaily && hasBeenFetched && ranAsUserScript;
if (!eligibleForAutoUpdate) {
return Promise.resolve();
}
const lastFetched = parseInt(state.data.borisChen.lastFetched, 10);
const currentTime = Date.now();
const twentyFourHoursInMs = 24 * 60 * 60 * 1000;
const isBelow24HoursOld = (currentTime - lastFetched) < twentyFourHoursInMs;
if (isBelow24HoursOld) {
return Promise.resolve();
}
const rawData = await fetchDataFromBorisChenWebsite(state.data.borisChen.scoring);
state.data.borisChen.raw = rawData;
state.data.borisChen.parsed = parseBorischenRawData(rawData);
state.data.borisChen.lastFetched = Date.now();
STORE.saveState(state);
return Promise.resolve();
}
function parseBorischenRawData(rawTierData) {
const delimiters = STORE.getState().settings.general.delimiters;
const playerDictionary = {};
parseTierInfo(rawTierData.QB, playerDictionary);
parseTierInfo(rawTierData.RB, playerDictionary);
parseTierInfo(rawTierData.WR, playerDictionary);
parseTierInfo(rawTierData.TE, playerDictionary);
parseTierInfo(rawTierData.FLEX, playerDictionary);
parseTierInfo(splitUpDSTByPlatform(rawTierData.DST), playerDictionary);
parseTierInfo(rawTierData.K, playerDictionary);
return playerDictionary;
function parseTierInfo(raw, playerDictionary) {
if (!raw) {
return
}
const tiers = raw.split('\n');
tiers.forEach(tierRow => {
const row = tierRow.split(': ');
const tier = row[0].replace('Tier ', '');
const playersInTier = row[1];
playersInTier?.split(', ').forEach((player, index) => {
PLAYERS.addPlayerInfoToDictionary(player, `${tier}.${index + 1}`, playerDictionary, delimiters);
});
});
return playerDictionary;
}
function splitUpDSTByPlatform(raw) {
if (!raw) {
return;
}
const tiers = raw.split('\n');
const output = [];
tiers.forEach(tierRow => {
const row = tierRow.split(': ');
const tier = row[0];
const teams = row[1];
let rowOutput = `${tier}: `;
teams?.split(', ').forEach((team, index) => {
// Team name is the last word
const teamName = team.split(' ').pop();
if (index !== 0) {
rowOutput += `, `;
}
rowOutput += `${teamName}`;
});
output.push(rowOutput);
});
return output.join('\n');
}
}
async function fetchDataFromBorisChenWebsite(scoring) {
const positionsToGet = [
{ key: 'QB', val: `QB` },
{ key: 'RB', val: `RB${scoreSuffix[scoring]}` },
{ key: 'WR', val: `WR${scoreSuffix[scoring]}` },
{ key: 'TE', val: `TE${scoreSuffix[scoring]}` },
{ key: 'FLEX', val: `FLX${scoreSuffix[scoring]}` },
{ key: 'K', val: `K` },
{ key: 'DST', val: `DST` },
]
let rawTierData = {};
const promises = positionsToGet.map(position => {
return new Promise((resolve, reject) => {
GM.xmlHttpRequest({
method: "GET",
url: makeUrlString(position.val),
headers: {
"Accept": "text/plain"
},
onload: (response) => {
if (response.status >= 200 && response.status < 400) {
rawTierData[position.key] = response.responseText;
resolve();
} else {
reject(new Error('Request failed'));
}
},
onerror: () => {
reject(new Error('Network error'));
}
});
});
});
await Promise.all(promises);
return rawTierData;
function makeUrlString(position) {
return `https://s3-us-west-1.amazonaws.com/fftiers/out/text_${position}.txt`;
}
}
function createTabContent(savedData) {
const { selectors } = self.dataSourcesTab;
const tabContent = document.createElement('div');
const helpText = document.createElement('p');
helpText.textContent = 'Configure your league scoring setting and automatically fetch data from from www.borisChen.co or paste it in manually.';
helpText.style.marginBottom = '10px';
tabContent.appendChild(helpText);
const prefixField = DOM.makeInputField(
'Prefix (optional)',
selectors.prefix.id,
savedData.prefix,
{
placeholder: 'Ex: BC'
}
);
tabContent.appendChild(prefixField);
const positions = ['QB', 'RB', 'WR', 'TE', 'FLEX', 'DST', 'K'];
if (GM?.info) {
const autoFetchSettings = document.createElement('div');
autoFetchSettings.style.cssText = `
display: flex;
justify-content: space-between;
margin-bottom: 10px;
`;
const scoringField = DOM.makeDropdownField(
'Scoring',
selectors.scoring.id,
Object.keys(scoreSuffix),
savedData.scoring
);
const autoFetchField = DOM.makeDropdownField(
'AutoFetch',
selectors.autoFetch.id,
['Never', 'Daily'],
savedData.autoFetch
);
autoFetchField.style.visibility = !!savedData.lastFetched ? 'visible' : 'hidden';
const lastFetchedDateTime = UTILS.formatTimestamp(savedData.lastFetched)
const lastFetchedField = DOM.makeReadOnlyField(
'Last Fetched',
selectors.lastFetched.id,
lastFetchedDateTime,
savedData.lastFetched
);
lastFetchedField.style.visibility = !!savedData.lastFetched ? 'visible' : 'hidden';
const fetchDataBtn = DOM.makeButton('Fetch', async () => {
const btn = selectors.fetchDataBtn.get();
btn.disabled = true;
const scoring = selectors.scoring.getValue();
const rawData = await fetchDataFromBorisChenWebsite(scoring);
btn.disabled = false;
const lastFetchedTimestamp = Date.now()
selectors.lastFetched.setValue(lastFetchedTimestamp)
selectors.lastFetched.get().textContent = UTILS.formatTimestamp(lastFetchedTimestamp);
lastFetchedField.style.visibility = 'visible';
autoFetchField.style.visibility = 'visible';
for (const position of positions) {
selectors.positions.setValue(position, rawData[position]);
}
}, selectors.fetchDataBtn.id);
autoFetchSettings.appendChild(scoringField);
autoFetchSettings.appendChild(autoFetchField);
autoFetchSettings.appendChild(lastFetchedField);
tabContent.appendChild(autoFetchSettings);
tabContent.appendChild(fetchDataBtn);
}
for (const position of positions) {
const positionField = DOM.makeTextAreaField(
position,
selectors.positions.id(position),
savedData.raw[position],
);
tabContent.appendChild(positionField);
}
return tabContent;
}
function getFormData() {
const { selectors } = self.dataSourcesTab;
const data = {
raw: {},
prefix: selectors.prefix.getValue(),
scoring: selectors.scoring.getValue(),
autoFetch: selectors.autoFetch.getValue(),
lastFetched: selectors.lastFetched.getValue()
};
const positions = ['QB', 'RB', 'WR', 'TE', 'FLEX', 'DST', 'K'];
for (const position of positions) {
data.raw[position] = selectors.positions.getValue(position);
}
return data;
}
}
function makeSubvertADownModule() {
const rootSelector = `${DATASOURCESTAB.selectors.root.id}__subvertADown`;
function subvertADownSelector(id, attribute) {
return UI.makeSelector(`${rootSelector}_${id}`, attribute);
}
const self = {
getDefaultState,
updateState,
getPlayerInfo,
dataSourcesTab: {
createTabContent,
selectors: {
tab: subvertADownSelector('tab'),
prefix: subvertADownSelector('prefix'),
raw: subvertADownSelector('raw'),
positions: {
id: (position) => `${rootSelector}_${position}`,
get: (position) => document.getElementById(`${rootSelector}_${position}`),
getValue: function (position) {
const el = this.get(position);
return el ? el.value : '';
}
}
}
}
}
return self;
function getDefaultState() {
return {
raw: {},
parsed: {}
}
}
function updateState(oldState) {
let newState = {
...oldState, ...getSubvertADownFormData()
}
newState.parsed = parseSubvertADownFormRawData(newState.raw, newState);
return newState;
}
function getPlayerInfo(state, playerName) {
let playerInfo = state.parsed[playerName];
if (!playerInfo) return;
return `${state.prefix || ''}${playerInfo}`
}
function createTabContent(savedData) {
const tabContent = document.createElement('div');
const helpText = document.createElement('p');
helpText.textContent = 'Copy data from https://subvertadown.com and paste the raw tier info into the below text areas.';
helpText.style.marginBottom = '10px';
tabContent.appendChild(helpText);
const prefixField = DOM.makeInputField(
'Prefix (optional)',
self.dataSourcesTab.selectors.prefix.id,
savedData.prefix,
{
placeholder: 'Ex: SD'
}
);
tabContent.appendChild(prefixField);
const positions = ['DST', 'QB', 'K'];
for (const position of positions) {
const positionField = DOM.makeTextAreaField(
position,
self.dataSourcesTab.selectors.positions.id(position),
savedData.raw[position],
);
tabContent.appendChild(positionField);
}
return tabContent;
}
function getSubvertADownFormData() {
const data = {
raw: {},
prefix: self.dataSourcesTab.selectors.prefix.getValue(),
};
const positions = ['QB', 'DST', 'K'];
for (const position of positions) {
data.raw[position] = self.dataSourcesTab.selectors.positions.getValue(position)
}
return data;
}
function parseSubvertADownFormRawData(rawData) {
const delimiters = STORE.getState().settings.general.delimiters;
const playersDictionary = {};
processData(rawData.DST, playersDictionary, true);
processData(rawData.QB, playersDictionary);
processData(rawData.K, playersDictionary);
return playersDictionary;
function processData(input, playersDictionary, isDST) {
const lines = input.trim().split('\n');
let player = '';
lines.forEach(line => {
// skip blank lines
if (!line.trim()) {
return;
}
if (!player) {
// first line is player, next line is the value
player = line.split('|')[0].trim();
if (isDST) {
player = `${player}`;
}
} else {
PLAYERS.addPlayerInfoToDictionary(player, line.trim(), playersDictionary, delimiters);
// reset for next iteration
player = ''
}
})
return playersDictionary;
}
}
}
function makeCustomDataModule() {
const rootSelector = `${DATASOURCESTAB.selectors.root.id}__customData`;
function customDataSelector(id, attribute) {
return UI.makeSelector(`${rootSelector}_${id}`, attribute);
}
const self = {
getDefaultState,
updateState,
getPlayerInfo,
dataSourcesTab: {
createTabContent,
selectors: {
tab: customDataSelector('tab'),
prefix: customDataSelector('prefix'),
raw: customDataSelector('raw'),
delimiter: customDataSelector('delimiter'),
playerColumn: customDataSelector('playerColumn'),
displayColumn: customDataSelector('displayColumn'),
custom: customDataSelector('custom'),
}
}
}
return self;
function getDefaultState() {
return {
raw: {},
parsed: {},
delimiter: 'Tab',
playerColumn: 1,
displayColumn: 'All'
}
}
function updateState(oldState) {
let newState = {
...oldState, ...getCustomDataFormData()
}
newState.parsed = parseCustomDataFormData(newState.raw, newState);
return newState;
}
function getPlayerInfo(state, playerName) {
let playerInfo = state.parsed[playerName];
if (!playerInfo) return;
return `${state.prefix || ''}${playerInfo}`
}
function createTabContent(savedData) {
const { selectors } = self.dataSourcesTab;
const tabContent = document.createElement('div');
const helpText = document.createElement('p');
helpText.textContent = 'Paste in your own data from a spreadsheet or another website.';
helpText.style.marginBottom = '10px';
tabContent.appendChild(helpText);
const prefixField = DOM.makeInputField(
'Prefix (optional)',
selectors.prefix.id,
savedData.prefix,
{
placeholder: 'Ex: C'
}
);
tabContent.appendChild(prefixField);
const customDataSettings = document.createElement('div');
customDataSettings.style.cssText = `
display: flex;
justify-content: space-between;
margin-bottom: 10px;
`;
const delimiterField = DOM.makeDropdownField(
'Delimiter',
selectors.delimiter.id,
['Tab', 'Space', 'Comma'],
savedData.delimiter
);
customDataSettings.appendChild(delimiterField);
const playerColumnField = DOM.makeDropdownField(
'Player Column',
selectors.playerColumn.id,
Array(20).fill().map((_, i) => i + 1),
savedData.playerColumn
);
customDataSettings.appendChild(playerColumnField);
const displayColumnField = DOM.makeDropdownField(
'Display Columns',
selectors.displayColumn.id,
['All', ...Array(20).fill().map((_, i) => i + 1)],
savedData.displayColumn
);
customDataSettings.appendChild(displayColumnField);
tabContent.appendChild(customDataSettings);
const positionField = DOM.makeTextAreaField(
'Custom',
selectors.custom.id,
savedData.raw['custom'],
{ height: '200px', placeholder: 'Patrick Mahomes, Regress to mean' }
);
tabContent.appendChild(positionField);
return tabContent;
}
function getCustomDataFormData() {
const { selectors } = self.dataSourcesTab;
const data = {
raw: {},
prefix: selectors.prefix.getValue(),
delimiter: selectors.delimiter.getValue(),
playerColumn: selectors.playerColumn.getValue(),
displayColumn: selectors.displayColumn.getValue()
};
data.raw['custom'] = selectors.custom.getValue();
return data;
}
function parseCustomDataFormData(rawData, savedData) {
const delimiters = STORE.getState().settings.general.delimiters;
const playersDictionary = {};
const lines = rawData.custom.split('\n');
const inputDelimiters = {
'Tab': '\t',
'Space': ' ',
'Comma': ','
}
for (let i = 0; i < lines.length; i++) {
const line = lines[i].trim();
if (line.length === 0) continue;
const columns = line.split(inputDelimiters[savedData.delimiter]);
const playerName = columns[savedData.playerColumn - 1];
if (!playerName) continue;
let restOfData = [];
if (savedData.displayColumn === 'All') {
restOfData = [...columns.slice(0, savedData.playerColumn - 1), ...columns.slice(savedData.playerColumn)];
} else {
restOfData.push(columns[savedData.displayColumn - 1]);
}
restOfData = restOfData.map(d => d.trim());
PLAYERS.addPlayerInfoToDictionary(playerName, restOfData.join(',').trim(), playersDictionary, delimiters);
}
return playersDictionary;
}
}
function makeSettingsTabModule() {
const rootSelector = `${FUSE.selectors.tabs.id}__settings`;
function settingsTabSelector(id, attribute) {
return UI.makeSelector(`${rootSelector}_${id}`, attribute);
}
function platformSelectorsSelector(id, attribute) {
return settingsTabSelector(`platformSelectors__${id}`, attribute)
}
function generalSettingsSelector(id, attribute) {
return settingsTabSelector(`general__${id}`, attribute)
}
const platformSelectors = {
espn: {
common: {
playerName: '.player-column__bio .AnchorLink.link',
parent: '.player-column__bio',
rowAfterPlayerName: '.player-column__position'
}
},
yahoo: {
common: {
playerName: '.ysf-player-name a',
parent: 'td',
rowAfterPlayerName: '.ysf-player-detail'
}
},
nfl: {
common: {
playerName: '.playerName',
parent: '.playerNameAndInfo',
rowAfterPlayerName: 'em',
}
},
cbs: {
common: {
playerName: '.playerLink',
parent: 'td',
rowAfterPlayerName: '.playerPositionAndTeam'
}
},
sleeper: {
matchup: {
playerName: '.matchup-player-item .player-name > div:first-child',
parent: '.player-name',
rowAfterPlayerName: '.player-pos'
},
team: {
playerName: '.team-roster-item .player-name',
parent: '.cell-player-meta',
rowAfterPlayerName: '.game-schedule-live-description'
},
players: {
playerName: '.player-meta-container .name',
parent: '.name-container',
rowAfterPlayerName: '.position'
},
trend: {
playerName: '.trending-list-item .name',
parent: '.player-details',
rowAfterPlayerName: '.position'
},
scores: {
playerName: '.scores-content .player-meta .name',
parent: '.player-meta',
rowAfterPlayerName: '.position'
},
}
}
const self = {
getDefaultState,
updateState,
makeSettingsTabContent,
platformSelectors,
selectors: {
root: settingsTabSelector(),
generalSettings: {
delimiters: {
betweenDataSources: generalSettingsSelector('delimiters__betweenDataSources'),
multipleStatsForPlayer: generalSettingsSelector('delimiters__multipleStatsForPlayer'),
}
}
}
}
return self;
function getDefaultState() {
return {
general: {
delimiters: {
betweenDataSources: '/',
multipleStatsForPlayer: '|'
}
},
platformSelectors: {}
}
}
function updateState(oldState) {
let newState = {
...oldState, ...getSettingsTabFormData()
}
return newState;
}
function getSettingsTabFormData() {
const data = {
general: {
delimiters: {
betweenDataSources: self.selectors.generalSettings.delimiters.betweenDataSources.getValue(),
multipleStatsForPlayer: self.selectors.generalSettings.delimiters.multipleStatsForPlayer.getValue(),
}
},
platformSelectors: {}
}
for (const [platformName, platform] of Object.entries(platformSelectors)) {
data.platformSelectors[platformName] = {};
for (const [pageName, page] of Object.entries(platform)) {
data.platformSelectors[platformName][pageName] = {};
for (const [keyName] of Object.entries(page)) {
if (keyName !== 'selectors') {
let keyOverrideValue = platformSelectors[platformName][pageName].selectors[keyName].keyOverrideSelector.getValue();
if (keyOverrideValue) {
data.platformSelectors[platformName][pageName][keyName] = {
[`${keyName}_override`]: keyOverrideValue
}
}
}
}
}
}
return data;
}
function makeSettingsTabContent() {
const state = STORE.getState().settings;
const tabContent = document.createElement('div');
tabContent.style.cssText = `
padding: 10px;
`
const platformSelectorsSubTab = document.createElement('div');
for (const [platformName, platform] of Object.entries(platformSelectors)) {
let platformHeading = document.createElement('h4');
platformHeading.textContent = platformName;
platformSelectorsSubTab.appendChild(platformHeading);
for (const [pageName, page] of Object.entries(platform)) {
if (pageName !== 'common') {
let pageHeading = document.createElement('h5');
pageHeading.textContent = `${pageName} Page`;
platformSelectorsSubTab.appendChild(pageHeading);
}
for (const [keyName, keyValue] of Object.entries(page)) {
let keySelector = platformSelectorsSelector(`${platformName}_${pageName}_${keyName}`)
let keyOverrideSelector = platformSelectorsSelector(`${keySelector.id}_override`);
platformSelectorsSubTab.appendChild(
DOM.makeInputField(
keyName,
keySelector.id,
keyValue,
{ disabled: true }
)
);
let fieldInput = DOM.makeInputField(
`${keyName} Override`,
keyOverrideSelector.id,
state.platformSelectors[platformName]?.[pageName]?.[keyName]?.[`${keyName}_override`] || '',
{ styles: 'width: 100%' }
);
if (!platformSelectors[platformName][pageName].selectors) {
platformSelectors[platformName][pageName].selectors = {}
}
platformSelectors[platformName][pageName].selectors[keyName] = {
keySelector,
keyOverrideSelector
};
platformSelectorsSubTab.appendChild(fieldInput)
}
}
}
const generalTab = document.createElement('div');
let delimiterSectionHeading = document.createElement('h3');
delimiterSectionHeading.textContent = `Delimiters`;
generalTab.appendChild(delimiterSectionHeading);
let dataSourceDelimiterField = DOM.makeInputField(
'Between Data Sources',
self.selectors.generalSettings.delimiters.betweenDataSources.id,
state.general.delimiters.betweenDataSources,
{
styles: 'width: 100%',
placeholder: 'Ex: /'
}
);
let samePlayerWithinDataSourcesField = DOM.makeInputField(
'Player listed multiple times in a given data set',
self.selectors.generalSettings.delimiters.multipleStatsForPlayer.id,
state.general.delimiters.multipleStatsForPlayer,
{ styles: 'width: 100%', placeholder: 'Ex: |' }
);
generalTab.appendChild(dataSourceDelimiterField)
generalTab.appendChild(samePlayerWithinDataSourcesField)
tabContent.appendChild(DOM.makeTabs([
{ label: 'General', default: true, contents: generalTab },
{ label: 'Platform Selectors', contents: platformSelectorsSubTab },
], {
selector: self.selectors.root.id,
tabLabels: {
backgroundColor: '#eee',
activeBackgroundColor: 'rgb(249, 249, 249)',
padding: '5px',
beforeContent: true,
},
tabContent: {
padding: '10px',
level: 1
}
}));
return tabContent
}
}
function makeUtilsModule() {
return {
isObject,
mergeDeep,
formatTimestamp
}
function isObject(item) {
return (item && typeof item === 'object' && !Array.isArray(item));
}
// copy pasta from https://stackoverflow.com/a/34749873/276681
// didn't want to pull in lodash just yet
function mergeDeep(target, ...sources) {
if (!sources.length) return target;
const source = sources.shift();
if (isObject(target) && isObject(source)) {
for (const key in source) {
if (isObject(source[key])) {
if (!target[key]) Object.assign(target, { [key]: {} });
mergeDeep(target[key], source[key]);
} else {
Object.assign(target, { [key]: source[key] });
}
}
}
return mergeDeep(target, ...sources);
}
function formatTimestamp(timestamp) {
const date = new Date(parseInt(timestamp, 10));
if (isNaN(date.getTime())) {
return '';
}
// Extracting the date in YYYY/MM/DD format
const dateOptions = { year: 'numeric', month: '2-digit', day: '2-digit' };
const formattedDate = new Intl.DateTimeFormat('en-US', dateOptions).format(date);
// Extracting the time in 12-hour format with AM/PM
const timeOptions = { hour: '2-digit', minute: '2-digit', hour12: true };
const formattedTime = new Intl.DateTimeFormat('en-US', timeOptions).format(date).toLowerCase(); // Convert to lowercase to get "am/pm"
return `${formattedDate} @ ${formattedTime}`;
}
}
function makeDOMModule() {
const self = {
makePageButton,
makeButton,
makeTabElement,
makeLabelElement,
makeReadOnlyField,
makeInputField,
makeTextAreaField,
makeDropdownField,
makeTabs
}
return self;
function makePageButton(id, text, offset, onClick) {
const existingBtn = document.getElementById(id);
if (document.contains(existingBtn)) {
existingBtn.remove();
}
const button = makeButton(text, onClick, id);
button.style.cssText = `
position: fixed;
top: ${offset}px;
right: 0;
color: green;
z-index: 9999999;
font-size: 16px;
padding: 1px 6px;
margin-right: 0;
`;
const body = document.getElementsByTagName('body')[0];
body.appendChild(button);
return button;
}
function makeButton(text, onClick, id) {
const button = document.createElement('button');
button.id = id;
button.innerHTML = text;
button.style.cssText = `
padding: 5px;
margin-right: 5px;
background-color: lightgray;
border: 1px solid black;
border-radius: 5px;
cursor: pointer;
`;
button.addEventListener('click', onClick);
return button;
}
function makeLabelElement(text) {
const label = document.createElement('label');
label.textContent = text;
label.style.display = 'block';
return label;
}
function makeReadOnlyField(labelText, id, value, state) {
const field = document.createElement('div');
const label = makeLabelElement(labelText);
const displayValue = document.createElement('span');
displayValue.id = id;
displayValue.setAttribute('data-state', state);
displayValue.style.marginBottom = '10px';
displayValue.textContent = value;
field.appendChild(label);
field.appendChild(displayValue);
return field;
}
function makeInputField(labelText, id, value, options = {}) {
const field = document.createElement('div');
const label = makeLabelElement(labelText)
const input = document.createElement('input');
input.id = id;
input.placeholder = options.placeholder || '';
input.value = value || '';
input.disabled = options.disabled;
input.style.cssText = `
margin-bottom: 10px;
${options.disabled ? '' : 'background-color: white'};
border: 1px solid black;
padding: 3px;
${options.styles}
`;
field.appendChild(label);
field.appendChild(input);
return field;
}
function makeTextAreaField(labelText, id, value = '', { width = '350px', height = '60px', placeholder = '' } = {}) {
const field = document.createElement('div');
const label = makeLabelElement(labelText);
const textarea = document.createElement('textarea');
textarea.id = id;
textarea.value = value;
textarea.style.cssText = `
width: ${width};
height: ${height};
margin-bottom: 10px;
background-color: white;
border: 1px solid black;
padding: 3px;
`;
textarea.placeholder = placeholder;
field.appendChild(label);
field.appendChild(textarea);
return field;
}
function makeDropdownField(labelText, id, options, selectedValue) {
const field = document.createElement('div');
const label = makeLabelElement(labelText);
field.appendChild(label);
const selectElement = document.createElement('select');
selectElement.id = id;
options.forEach((option) => {
const optionElement = document.createElement('option');
optionElement.value = option;
optionElement.textContent = option;
if (option.toString() === selectedValue?.toString()) {
optionElement.selected = true;
}
selectElement.appendChild(optionElement);
});
field.appendChild(selectElement);
return field;
}
function makeTabs(tabs, options) {
const tabContainer = document.createElement('div');
const tabLabels = document.createElement('div');
tabLabels.style.cssText = `
display: flex;
justify-content: space-between;
background-color: ${options.tabLabels.backgroundColor};
`;
const tabContents = document.createElement('div');
tabs.forEach((tab, index) => {
const tabNameLabel = document.createElement('div');
tabNameLabel.textContent = tab.label;
tabNameLabel.id = `${options.selector}_${index}_label`;
tabNameLabel.classList.add(`${options.selector}_label`);
tabNameLabel.style.cssText = `
padding: ${options.tabLabels.padding};
width: 100%;
cursor: pointer;
border-bottom: 1px solid #ccc;
background-color: inherit;
`;
if (tab.default) {
tabNameLabel.style.borderBottom = 'none';
tabNameLabel.style.backgroundColor = options.tabLabels.activeBackgroundColor;
}
tabNameLabel.addEventListener('click', () => {
hideAllTabs();
showTab(`${options.selector}_${index}`);
});
tabLabels.appendChild(tabNameLabel);
tabContents.appendChild(
makeTabElement(
`${options.selector}_${index}_content`,
`${options.selector}_content`,
tab.contents,
{
active: tab.default,
padding: options.tabContent.padding,
level: options.tabContent.level
}
)
);
});
if (options.tabLabels.beforeContent) {
tabContainer.appendChild(tabLabels);
}
tabContainer.appendChild(tabContents);
if (options.tabLabels.afterContent) {
tabContainer.appendChild(tabLabels);
}
return tabContainer;
function hideAllTabs() {
const tabLabel = document.querySelectorAll(`.${options.selector}_label`);
tabLabel.forEach(tab => {
tab.style.borderBottom = '1px solid #ccc';
tab.style.backgroundColor = 'inherit';
});
const tabContents = document.querySelectorAll(`.${options.selector}_content`);
tabContents.forEach(tab => {
tab.style.display = 'none';
});
};
function showTab(contentSelector) {
let tabNameLabel = document.getElementById(`${contentSelector}_label`);
tabNameLabel.style.borderBottom = 'none';
tabNameLabel.style.backgroundColor = options.tabLabels.activeBackgroundColor;
let tabContent = document.getElementById(`${contentSelector}_content`);
tabContent.style.display = 'block';
}
}
function makeTabElement(id, classSelector, content, options) {
const tab = document.createElement('div');
tab.id = id;
tab.className = classSelector;
tab.style.cssText += `
padding: ${options.padding};
max-height: ${70 - (options.level || 0) * 5}vh;
overflow-y: auto;
display: ${options?.active ? 'block' : 'none'};
`;
tab.appendChild(content);
return tab;
}
}
}
)();
