Ecosystem/basicswap
1
0
Fork 0
mirror of https://github.com/basicswap/basicswap.git synced 2025-01-22 02:24:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

lint: manual eslint

Browse source
This commit is contained in:
nahuhh 2025-01-16 21:36:08 +00:00
parent f473d66de5
commit 62031173f5
4 changed files with 29 additions and 365 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
basicswap/static/js/main.js
View file

@ -19,8 +19,8 @@ document.addEventListener('DOMContentLoaded', function() {
const backdrop = document.querySelectorAll('.navbar-backdrop');
if (close.length) {
for (var i = 0; i < close.length; i++) {
close[i].addEventListener('click', function() {
for (var k = 0; k < close.length; k++) {
close[k].addEventListener('click', function() {
for (var j = 0; j < menu.length; j++) {
menu[j].classList.toggle('hidden');
}
@ -29,12 +29,12 @@ document.addEventListener('DOMContentLoaded', function() {
}
if (backdrop.length) {
for (var i = 0; i < backdrop.length; i++) {
backdrop[i].addEventListener('click', function() {
for (var l = 0; l < backdrop.length; l++) {
backdrop[l].addEventListener('click', function() {
for (var j = 0; j < menu.length; j++) {
menu[j].classList.toggle('hidden');
}
});
}
}
});
});

2
basicswap/static/js/new_offer.js
View file

@ -1,4 +1,4 @@
window.addEventListener('DOMContentLoaded', (event) => {
window.addEventListener('DOMContentLoaded', () => {
const err_msgs = document.querySelectorAll('p.error_msg');
for (let i = 0; i < err_msgs.length; i++) {
err_msg = err_msgs[i].innerText;

363
basicswap/static/js/offerstable.js
View file

@ -74,14 +74,10 @@ let filterTimeout = null;
// CONFIGURATION CONSTANTS
// Time Constants
const MIN_REFRESH_INTERVAL = 60; // 60 sec
const CACHE_DURATION = 5 * 60 * 1000; // 5 minutes
const FALLBACK_CACHE_DURATION = 24 * 60 * 60 * 1000; // 24 hours
// Application Constants
const itemsPerPage = 50;
const PRICE_INIT_RETRIES = 3;
const PRICE_INIT_RETRY_DELAY = 2000;
const isSentOffers = window.offersTableConfig.isSentOffers;
const offersConfig = {
@ -111,12 +107,6 @@ const coinNameToSymbol = {
'Bitcoin Cash': 'bitcoin-cash'
};
const symbolToCoinName = {
...Object.fromEntries(Object.entries(coinNameToSymbol).map(([key, value]) => [value, key])),
'zcoin': 'Firo',
'firo': 'Firo'
};
const coinNameToDisplayName = {
'Bitcoin': 'Bitcoin',
'Litecoin': 'Litecoin',
@ -152,76 +142,6 @@ const totalPagesSpan = document.getElementById('totalPages');
const lastRefreshTimeSpan = document.getElementById('lastRefreshTime');
const newEntriesCountSpan = document.getElementById('newEntriesCount');
const ScrollOptimizer = {
scrollTimeout: null,
isScrolling: false,
tooltipCache: new WeakMap(),
init() {
window.addEventListener('scroll', this.handleScroll.bind(this), { passive: true });
document.body.addEventListener('mouseenter', this.handleTooltipEnter.bind(this), true);
document.body.addEventListener('mouseleave', this.handleTooltipLeave.bind(this), true);
},
handleScroll() {
if (this.scrollTimeout) {
window.cancelAnimationFrame(this.scrollTimeout);
}
if (!this.isScrolling) {
requestAnimationFrame(() => {
document.body.classList.add('is-scrolling');
this.isScrolling = true;
});
}
this.scrollTimeout = window.requestAnimationFrame(() => {
document.body.classList.remove('is-scrolling');
this.isScrolling = false;
});
},
handleTooltipEnter(e) {
const tooltipTrigger = e.target.closest('[data-tooltip-target]');
if (!tooltipTrigger) return;
const tooltipId = tooltipTrigger.getAttribute('data-tooltip-target');
let tooltip = this.tooltipCache.get(tooltipTrigger);
if (!tooltip) {
tooltip = document.getElementById(tooltipId);
if (tooltip) {
this.tooltipCache.set(tooltipTrigger, tooltip);
}
}
if (tooltip) {
tooltip.classList.remove('invisible', 'opacity-0');
}
},
handleTooltipLeave(e) {
const tooltipTrigger = e.target.closest('[data-tooltip-target]');
if (!tooltipTrigger) return;
const tooltip = this.tooltipCache.get(tooltipTrigger);
if (tooltip) {
tooltip.classList.add('invisible', 'opacity-0');
}
},
cleanup() {
if (this.scrollTimeout) {
window.cancelAnimationFrame(this.scrollTimeout);
}
window.removeEventListener('scroll', this.handleScroll);
document.body.removeEventListener('mouseenter', this.handleTooltipEnter);
document.body.removeEventListener('mouseleave', this.handleTooltipLeave);
this.tooltipCache = null;
}
};
// MANAGER OBJECTS
const WebSocketManager = {
ws: null,
@ -550,8 +470,8 @@ const CacheManager = {
try {
localStorage.setItem(key, JSON.stringify(item));
return true;
} catch (retryError) {
//console.error('Storage quota exceeded even after cleanup');
} catch (error) {
console.error('Storage quota exceeded even after cleanup:', error.message);
return false;
}
}
@ -577,6 +497,7 @@ const CacheManager = {
localStorage.removeItem(key);
} catch (error) {
console.error("An error occured:", error.message);
localStorage.removeItem(key);
}
return null;
@ -612,6 +533,7 @@ const CacheManager = {
totalSize += size;
itemCount++;
} catch (error) {
console.error("An error occured:", error.message);
localStorage.removeItem(key);
}
}
@ -662,6 +584,7 @@ const CacheManager = {
expiredCount++;
}
} catch (error) {
console.error("An error occured:", error.message);
}
}
@ -729,6 +652,7 @@ const IdentityManager = {
return await response.json();
} catch (error) {
if (attempt >= this.maxRetries) {
console.error("An error occured:", error.message);
console.warn(`Failed to fetch identity for ${address} after ${attempt} attempts`);
return null;
}
@ -856,10 +780,6 @@ window.tableRateModule = {
};
// CORE SYSTEM FUNCTIONS
function initializeWebSocket() {
return WebSocketManager.initialize();
}
function initializeTableRateModule() {
if (typeof window.tableRateModule !== 'undefined') {
tableRateModule = window.tableRateModule;
@ -871,53 +791,12 @@ function initializeTableRateModule() {
}
}
async function initializePriceData() {
//console.log('Initializing price data...');
let retryCount = 0;
let prices = null;
const PRICES_CACHE_KEY = 'prices_coingecko';
const cachedPrices = CacheManager.get(PRICES_CACHE_KEY);
if (cachedPrices && cachedPrices.value) {
console.log('Using cached price data');
latestPrices = cachedPrices.value;
return true;
}
while (retryCount < PRICE_INIT_RETRIES) {
try {
prices = await fetchLatestPrices();
if (prices && Object.keys(prices).length > 0) {
console.log('Successfully fetched initial price data');
latestPrices = prices;
CacheManager.set(PRICES_CACHE_KEY, prices, CACHE_DURATION);
return true;
}
retryCount++;
if (retryCount < PRICE_INIT_RETRIES) {
await new Promise(resolve => setTimeout(resolve, PRICE_INIT_RETRY_DELAY));
}
} catch (error) {
console.error(`Error fetching prices (attempt ${retryCount + 1}):`, error);
retryCount++;
if (retryCount < PRICE_INIT_RETRIES) {
await new Promise(resolve => setTimeout(resolve, PRICE_INIT_RETRY_DELAY));
}
}
}
return false;
}
function continueInitialization() {
updateCoinFilterImages();
fetchOffers().then(() => {
applyFilters();
if (!isSentOffers) {
return;
}
});
@ -928,32 +807,6 @@ function continueInitialization() {
//console.log('Initialization completed');
}
function checkOfferAgainstFilters(offer, filters) {
if (filters.coin_to !== 'any' && !coinMatches(offer.coin_to, filters.coin_to)) {
return false;
}
if (filters.coin_from !== 'any' && !coinMatches(offer.coin_from, filters.coin_from)) {
return false;
}
if (filters.status && filters.status !== 'any') {
const currentTime = Math.floor(Date.now() / 1000);
const isExpired = offer.expire_at <= currentTime;
const isRevoked = Boolean(offer.is_revoked);
switch (filters.status) {
case 'active':
return !isExpired && !isRevoked;
case 'expired':
return isExpired && !isRevoked;
case 'revoked':
return isRevoked;
default:
return true;
}
}
return true;
}
function initializeFlowbiteTooltips() {
if (typeof Tooltip === 'undefined') {
console.warn('Tooltip is not defined. Make sure the required library is loaded.');
@ -971,65 +824,6 @@ function initializeFlowbiteTooltips() {
}
// DATA PROCESSING FUNCTIONS
async function checkExpiredAndFetchNew() {
if (isSentOffers) return Promise.resolve();
console.log('Starting checkExpiredAndFetchNew');
const OFFERS_CACHE_KEY = 'offers_received';
try {
const response = await fetch('/json/offers');
const data = await response.json();
let newListings = Array.isArray(data) ? data : Object.values(data);
newListings = newListings.map(offer => ({
...offer,
offer_id: String(offer.offer_id || ''),
swap_type: String(offer.swap_type || 'N/A'),
addr_from: String(offer.addr_from || ''),
coin_from: String(offer.coin_from || ''),
coin_to: String(offer.coin_to || ''),
amount_from: String(offer.amount_from || '0'),
amount_to: String(offer.amount_to || '0'),
rate: String(offer.rate || '0'),
created_at: Number(offer.created_at || 0),
expire_at: Number(offer.expire_at || 0),
is_own_offer: Boolean(offer.is_own_offer),
amount_negotiable: Boolean(offer.amount_negotiable),
unique_id: `${offer.offer_id}_${offer.created_at}_${offer.coin_from}_${offer.coin_to}`
}));
newListings = newListings.filter(offer => !isOfferExpired(offer));
originalJsonData = newListings;
CacheManager.set(OFFERS_CACHE_KEY, newListings, CACHE_DURATION);
const currentFilters = new FormData(filterForm);
const hasActiveFilters = currentFilters.get('coin_to') !== 'any' ||
currentFilters.get('coin_from') !== 'any';
if (hasActiveFilters) {
jsonData = filterAndSortData();
} else {
jsonData = [...newListings];
}
updateOffersTable();
updateJsonView();
updatePaginationInfo();
if (jsonData.length === 0) {
handleNoOffersScenario();
}
return jsonData.length;
} catch (error) {
//console.error('Error fetching new listings:', error);
nextRefreshCountdown = 60;
return Promise.reject(error);
}
}
function getValidOffers() {
if (!jsonData) {
//console.warn('jsonData is undefined or null');
@ -1202,42 +996,6 @@ async function calculateProfitLoss(fromCoin, toCoin, fromAmount, toAmount, isOwn
});
}
async function getMarketRate(fromCoin, toCoin) {
return new Promise((resolve) => {
//console.log(`Attempting to get market rate for ${fromCoin} to ${toCoin}`);
if (!latestPrices) {
//console.warn('Latest prices object is not available');
resolve(null);
return;
}
const getPriceKey = (coin) => {
const lowerCoin = coin.toLowerCase();
if (lowerCoin === 'firo' || lowerCoin === 'zcoin') {
return 'zcoin';
}
if (lowerCoin === 'bitcoin cash') {
return 'bitcoin-cash';
}
return coinNameToSymbol[coin] || lowerCoin;
};
const fromSymbol = getPriceKey(fromCoin);
const toSymbol = getPriceKey(toCoin);
const fromPrice = latestPrices[fromSymbol]?.usd;
const toPrice = latestPrices[toSymbol]?.usd;
if (!fromPrice || !toPrice) {
//console.warn(`Missing price data for ${!fromPrice ? fromCoin : toCoin}`);
resolve(null);
return;
}
const rate = toPrice / fromPrice;
//console.log(`Market rate calculated: ${rate} ${toCoin}/${fromCoin}`);
resolve(rate);
});
}
function getEmptyPriceData() {
return {
'bitcoin': { usd: null, btc: null },
@ -1347,7 +1105,7 @@ async function fetchLatestPrices() {
return data;
}
async function fetchOffers(manualRefresh = false) {
async function fetchOffers() {
const refreshButton = document.getElementById('refreshOffers');
const refreshIcon = document.getElementById('refreshIcon');
const refreshText = document.getElementById('refreshText');
@ -1557,7 +1315,7 @@ function updateProfitLoss(row, fromCoin, toCoin, fromAmount, toAmount, isOwnOffe
}
})
.catch(error => {
//console.error('Error in updateProfitLoss:', error);
console.error('Error in updateProfitLoss:', error);
profitLossElement.textContent = 'Error';
profitLossElement.className = 'profit-loss text-lg font-bold text-red-500';
});
@ -1789,10 +1547,6 @@ function handleTableError() {
</tr>`;
}
async function getIdentityData(address) {
return IdentityManager.getIdentityData(address);
}
function getIdentityInfo(address, identity) {
if (!identity) {
return {
@ -1928,10 +1682,6 @@ function createTimeColumn(offer, postedTime, expiresIn) {
`;
}
function shouldShowPublicTag(offers) {
return offers.some(offer => !offer.is_public);
}
function truncateText(text, maxLength = 15) {
if (typeof text !== 'string') return '';
return text.length > maxLength
@ -1977,7 +1727,7 @@ function createDetailsColumn(offer, identity = null) {
`;
}
function createTakerAmountColumn(offer, coinTo, coinFrom) {
function createTakerAmountColumn(offer, coinTo) {
const fromAmount = parseFloat(offer.amount_to);
const toSymbol = getCoinSymbol(coinTo);
return `
@ -2021,7 +1771,7 @@ function createSwapColumn(offer, coinFromDisplay, coinToDisplay, coinFromSymbol,
`;
}
function createOrderbookColumn(offer, coinFrom, coinTo) {
function createOrderbookColumn(offer, coinFrom) {
const toAmount = parseFloat(offer.amount_from);
const fromSymbol = getCoinSymbol(coinFrom);
return `
@ -2055,7 +1805,6 @@ function createRateColumn(offer, coinFrom, coinTo) {
return coinNameToSymbol[coin] || lowerCoin;
};
const fromPriceUSD = latestPrices[getPriceKey(coinFrom)]?.usd || 0;
const toPriceUSD = latestPrices[getPriceKey(coinTo)]?.usd || 0;
const rateInUSD = rate * toPriceUSD;
@ -2126,9 +1875,6 @@ function createActionColumn(offer, isActuallyExpired = false) {
// TOOLTIP FUNCTIONS
function createTooltips(offer, treatAsSentOffer, coinFrom, coinTo, fromAmount, toAmount, postedTime, expiresIn, isActuallyExpired, isRevoked, identity = null) {
const rate = parseFloat(offer.rate);
const fromSymbol = getCoinSymbolLowercase(coinFrom);
const toSymbol = getCoinSymbolLowercase(coinTo);
const uniqueId = `${offer.offer_id}_${offer.created_at}`;
const addrFrom = offer.addr_from || '';
@ -2147,10 +1893,6 @@ function createTooltips(offer, treatAsSentOffer, coinFrom, coinTo, fromAmount, t
((identityInfo.stats.sentBidsSuccessful + identityInfo.stats.recvBidsSuccessful) / totalBids) * 100
).toFixed(1) : 0;
const fromPriceUSD = latestPrices[fromSymbol]?.usd || 0;
const toPriceUSD = latestPrices[toSymbol]?.usd || 0;
const rateInUSD = rate * toPriceUSD;
const combinedRateTooltip = createCombinedRateTooltip(offer, coinFrom, coinTo, treatAsSentOffer);
const percentageTooltipContent = createTooltipContent(treatAsSentOffer, coinFrom, coinTo, fromAmount, toAmount);
@ -2526,13 +2268,6 @@ function clearFilters() {
}
function hasActiveFilters() {
const formData = new FormData(filterForm);
const filters = {
coin_to: formData.get('coin_to'),
coin_from: formData.get('coin_from'),
status: formData.get('status')
};
const selectElements = filterForm.querySelectorAll('select');
let hasChangedFilters = false;
@ -2622,20 +2357,6 @@ function isOfferExpired(offer) {
return isExpired;
}
function getTimeUntilNextExpiration() {
const currentTime = Math.floor(Date.now() / 1000);
const nextExpiration = jsonData.reduce((earliest, offer) => {
const timeUntilExpiration = offer.expire_at - currentTime;
return timeUntilExpiration > 0 && timeUntilExpiration < earliest ? timeUntilExpiration : earliest;
}, Infinity);
return Math.max(MIN_REFRESH_INTERVAL, Math.min(nextExpiration, 300));
}
function calculateInverseRate(rate) {
return (1 / parseFloat(rate)).toFixed(8);
}
function formatTime(timestamp, addAgoSuffix = false) {
const now = Math.floor(Date.now() / 1000);
const diff = Math.abs(now - timestamp);
@ -2796,47 +2517,6 @@ function initializeTableEvents() {
}
}
const eventListeners = {
listeners: [],
add(element, eventType, handler, options = false) {
element.addEventListener(eventType, handler, options);
this.listeners.push({ element, eventType, handler, options });
// console.log(`Added ${eventType} listener to`, element);
},
addWindowListener(eventType, handler, options = false) {
window.addEventListener(eventType, handler, options);
this.listeners.push({ element: window, eventType, handler, options });
// console.log(`Added ${eventType} window listener`);
},
removeAll() {
console.log('Removing all event listeners...');
this.listeners.forEach(({ element, eventType, handler, options }) => {
element.removeEventListener(eventType, handler, options);
//console.log(`Removed ${eventType} listener from`, element);
});
this.listeners = [];
},
removeByElement(element) {
const remainingListeners = [];
this.listeners = this.listeners.filter(listener => {
if (listener.element === element) {
listener.element.removeEventListener(
listener.eventType,
listener.handler,
listener.options
);
console.log(`✂️ Removed ${listener.eventType} listener from`, element);
return false;
}
return true;
});
},
};
function handleTableSort(columnIndex, header) {
if (currentSortColumn === columnIndex) {
currentSortDirection = currentSortDirection === 'asc' ? 'desc' : 'asc';
@ -2870,27 +2550,6 @@ function handleTableSort(columnIndex, header) {
applyFilters();
}
function setupRowEventListeners(row, offer) {
const tooltipTriggers = row.querySelectorAll('[data-tooltip-target]');
tooltipTriggers.forEach(trigger => {
EventManager.add(trigger, 'mouseenter', () => {
const tooltipId = trigger.getAttribute('data-tooltip-target');
const tooltip = document.getElementById(tooltipId);
if (tooltip) {
tooltip.classList.remove('invisible', 'opacity-0');
}
});
EventManager.add(trigger, 'mouseleave', () => {
const tooltipId = trigger.getAttribute('data-tooltip-target');
const tooltip = document.getElementById(tooltipId);
if (tooltip) {
tooltip.classList.add('invisible', 'opacity-0');
}
});
});
}
// TIMER MANAGEMENT
const timerManager = {
intervals: [],

19
basicswap/static/js/pricechart.js
View file

@ -80,7 +80,7 @@ const logger = {
// API
const api = {
makePostRequest: (url, headers = {}) => {
const apiKeys = getAPIKeys();
// unused // const apiKeys = getAPIKeys();
return new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.open('POST', '/json/readurl');
@ -202,7 +202,7 @@ const api = {
//console.error(`Unexpected data structure for WOW:`, response);
}
} catch (error) {
//console.error(`Error fetching CoinGecko data for WOW:`, error);
console.error(`Error fetching CoinGecko data for WOW:`, error);
}
} else {
const resolution = config.resolutions[config.currentResolution];
@ -225,7 +225,7 @@ const api = {
//console.error(`Unexpected data structure for ${coin}:`, response);
}
} catch (error) {
//console.error(`Error fetching CryptoCompare data for ${coin}:`, error);
console.error(`Error fetching CryptoCompare data for ${coin}:`, error);
}
}
});
@ -266,8 +266,8 @@ const cache = {
//console.log(`Cache expired for ${key}`);
localStorage.removeItem(key);
}
} catch (e) {
//console.error('Error parsing cache item:', e);
} catch (error) {
console.error('Error parsing cache item:', error.message);
localStorage.removeItem(key);
}
return null;
@ -288,7 +288,6 @@ const cache = {
// UI
const ui = {
displayCoinData: (coin, data) => {
const coinConfig = config.coins.find(c => c.symbol === coin);
let priceUSD, priceBTC, priceChange1d, volume24h;
const updateUI = (isError = false) => {
const priceUsdElement = document.querySelector(`#${coin.toLowerCase()}-price-usd`);
@ -337,7 +336,7 @@ displayCoinData: (coin, data) => {
updateUI(false);
} catch (error) {
//console.error(`Error displaying data for ${coin}:`, error.message);
console.error(`Error displaying data for ${coin}:`, error.message);
updateUI(true);
}
},
@ -744,6 +743,7 @@ const chartModule = {
y: point.y
}));
} catch (error) {
console.error("An error occured:", error.message);
return [];
}
},
@ -1057,6 +1057,7 @@ const app = {
app.initAutoRefresh();
} catch (error) {
console.error("An error occured:", error.message);
ui.displayErrorMessage('Failed to initialize the dashboard. Please try refreshing the page.');
} finally {
ui.hideLoader();
@ -1084,6 +1085,7 @@ const app = {
}
}
} catch (error) {
console.error("An error occured:", error.message);
ui.displayErrorMessage('Failed to load coin data. Please try refreshing the page.');
}
},
@ -1187,6 +1189,7 @@ const app = {
earliestExpiration = Math.min(earliestExpiration, cachedItem.expiresAt);
}
} catch (error) {
console.error("An error occured:", error.message);
localStorage.removeItem(key);
}
}
@ -1252,6 +1255,7 @@ const app = {
ui.updateLastRefreshedTime();
} catch (error) {
console.error("An error occured:", error.message);
ui.displayErrorMessage('Failed to refresh all data. Please try again.');
} finally {
ui.hideLoader();
@ -1363,6 +1367,7 @@ const app = {
app.btcPriceUSD = 0;
}
} catch (error) {
console.error("An error occured:", error.message);
app.btcPriceUSD = 0;
}
},