')
.addClass('bazaar-container')
.html($container.html());
requestAnimationFrame(() => {
$itemsHeader.after($mobileContainer);
});
setTimeout(() => {
if (sellerListEl && $mobileContainer[0]) {
const observer = new MutationObserver(() => {
if (!document.body.contains(sellerListEl)) {
$mobileContainer.remove();
observer.disconnect();
}
});
observer.observe(document.body, { childList: true, subtree: true });
}
}, 0);
return $mobileContainer;
} else {
const $firstRow = $sellerList.find(CONFIG.SELECTORS.MOBILE_ROW).first();
if ($firstRow.length) {
$firstRow.after($container);
} else {
$sellerList.prepend($container);
}
setTimeout(() => {
if (sellerListEl && $container[0]) {
const observer = new MutationObserver(() => {
if (!document.body.contains(sellerListEl)) {
$container.remove();
observer.disconnect();
}
});
observer.observe(document.body, { childList: true, subtree: true });
}
}, 0);
}
} else {
$sellerList.prepend($container);
}
return $container;
} catch (error) {
console.error('Error inserting bazaar container:', error);
return $container;
}
}
};
class ListingController {
constructor($container, itemID) {
this.$container = $container;
this.itemID = itemID;
this.$cardsWrapper = $container.find('.bazaar-cards-wrapper');
this.$prevBtn = $container.find('.bazaar-nav.prev');
this.$nextBtn = $container.find('.bazaar-nav.next');
this.$firstBtn = $container.find('.bazaar-nav-first');
this.$lastBtn = $container.find('.bazaar-nav-last');
this.$currentPage = $container.find('.current-page');
this.$totalPages = $container.find('.total-pages');
this.$minQty = $container.find('.min-qty');
this.$sortButtons = $container.find('.bazaar-sort-btn');
this.$footerStats = $container.find('.bazaar-footer-stats');
this.allListings = [];
this.itemData = null;
this.currentPage = 0;
this.currentSort = CONFIG.DEFAULT_SORT;
$container.data('controller', this);
if (CONFIG.DEFAULT_MIN_QTY && CONFIG.DEFAULT_MIN_QTY > 0) {
this.$minQty.val(CONFIG.DEFAULT_MIN_QTY);
}
this.setInitialSortState();
this.setupEventHandlers();
this.loadData();
}
setInitialSortState() {
const [category, direction] = CONFIG.DEFAULT_SORT.split('-');
this.$sortButtons.each(function() {
$(this).data('state', 'none').attr('data-state', 'none')
.find('.sort-arrow').text('');
});
const $defaultBtn = this.$sortButtons.filter(`[data-category="${category}"]`);
if ($defaultBtn.length) {
const arrow = direction === 'asc' ? '↑' : '↓';
$defaultBtn.data('state', direction).attr('data-state', direction)
.find('.sort-arrow').text(arrow);
}
}
setupEventHandlers() {
this.$minQty.on('input', () => {
this.currentPage = 0;
this.displayListings();
});
this.$sortButtons.on('click', (e) => {
const $btn = $(e.currentTarget);
this.handleSort($btn);
});
this.$prevBtn.on('click', () => this.navigate(-1));
this.$nextBtn.on('click', () => this.navigate(1));
this.$firstBtn.on('click', () => this.goToFirstPage());
this.$lastBtn.on('click', () => this.goToLastPage());
this.setupSwipeGestures();
}
handleSort($btn) {
const category = $btn.data('category');
const currentState = $btn.data('state');
this.$sortButtons.not($btn).each(function() {
$(this).data('state', 'none').attr('data-state', 'none')
.find('.sort-arrow').text('');
});
const states = ['none', 'asc', 'desc'];
const arrows = ['', '↑', '↓'];
const currentIndex = states.indexOf(currentState);
const newIndex = (currentIndex + 1) % states.length;
const newState = states[newIndex];
$btn.data('state', newState).attr('data-state', newState);
$btn.find('.sort-arrow').text(arrows[newIndex]);
this.currentSort = newState !== 'none' ?
`${category}-${newState}` : CONFIG.DEFAULT_SORT;
this.currentPage = 0;
this.displayListings();
}
navigate(direction) {
const filtered = this.getFilteredListings();
const maxPage = Math.ceil(filtered.length / CONFIG.ITEMS_PER_PAGE) - 1;
this.currentPage = Math.max(0, Math.min(maxPage, this.currentPage + direction));
this.displayListings();
}
goToFirstPage() {
this.currentPage = 0;
this.displayListings();
}
goToLastPage() {
const filtered = this.getFilteredListings();
const maxPage = Math.max(0, Math.ceil(filtered.length / CONFIG.ITEMS_PER_PAGE) - 1);
this.currentPage = maxPage;
this.displayListings();
}
setupSwipeGestures() {
let touchStartX = 0;
let touchStartY = 0;
let touchEndX = 0;
let touchEndY = 0;
const minSwipeDistance = 50;
const maxVerticalDistance = 100;
const swipeArea = this.$container.find('.bazaar-display')[0];
if (!swipeArea) return;
swipeArea.addEventListener('touchstart', (e) => {
touchStartX = e.changedTouches[0].screenX;
touchStartY = e.changedTouches[0].screenY;
}, { passive: true });
swipeArea.addEventListener('touchend', (e) => {
touchEndX = e.changedTouches[0].screenX;
touchEndY = e.changedTouches[0].screenY;
this.handleSwipe();
}, { passive: true });
const handleSwipe = () => {
const horizontalDistance = touchEndX - touchStartX;
const verticalDistance = Math.abs(touchEndY - touchStartY);
if (Math.abs(horizontalDistance) > minSwipeDistance && verticalDistance < maxVerticalDistance) {
if (horizontalDistance > 0) {
this.navigate(-1);
} else {
this.navigate(1);
}
}
};
this.handleSwipe = handleSwipe;
}
async loadData() {
const cacheKey = `item_${this.itemID}`;
const cached = state.apiCache.get(cacheKey);
const now = Date.now();
if (cached && (now - cached.timestamp) < CONFIG.CACHE_DURATION) {
this.allListings = cached.listings || [];
this.itemData = cached.itemData || null;
this.updateFooter();
this.displayListings();
return;
}
try {
const data = await this.fetchData();
this.allListings = data.listings || [];
this.itemData = data;
state.apiCache.set(cacheKey, {
listings: this.allListings,
itemData: data,
timestamp: now
});
this.updateFooter();
this.displayListings();
} catch (error) {
this.showError('Error loading data');
}
}
async fetchData() {
try {
const response = await PDA.httpRequest({
method: 'GET',
url: `https://weav3r.dev/api/marketplace/${this.itemID}`,
headers: { 'Accept': 'application/json' }
});
if (response.status === 200) {
return JSON.parse(response.responseText);
} else {
throw new Error(`API returned status ${response.status}`);
}
} catch (error) {
console.error('Failed to fetch bazaar data:', error);
throw error;
}
}
getFilteredListings() {
const minQty = parseInt(this.$minQty.val()) || 0;
let filtered = this.allListings.filter(listing => listing.quantity >= minQty);
const [category, direction] = this.currentSort.split('-');
const multiplier = direction === 'desc' ? -1 : 1;
const sortFunctions = {
price: (a, b) => (a.price - b.price) * multiplier,
qty: (a, b) => (a.quantity - b.quantity) * multiplier,
time: (a, b) => (a.last_checked - b.last_checked) * multiplier
};
if (sortFunctions[category]) {
filtered.sort(sortFunctions[category]);
}
return filtered;
}
displayListings() {
const filtered = this.getFilteredListings();
const start = this.currentPage * CONFIG.ITEMS_PER_PAGE;
const pageItems = filtered.slice(start, start + CONFIG.ITEMS_PER_PAGE);
const totalPages = Math.max(1, Math.ceil(filtered.length / CONFIG.ITEMS_PER_PAGE));
this.$cardsWrapper.empty();
if (CONFIG.ITEMS_PER_PAGE > 4) {
this.$cardsWrapper.addClass('multi-row');
} else {
this.$cardsWrapper.removeClass('multi-row');
}
if (pageItems.length > 0) {
const marketPrice = this.itemData?.market_price || null;
const cards = pageItems.map(listing =>
dom.createBazaarCard(listing, this.itemID, marketPrice)
).join('');
this.$cardsWrapper.html(cards);
} else if (filtered.length === 0) {
this.showEmpty();
}
const hasNext = start + CONFIG.ITEMS_PER_PAGE < filtered.length;
const maxPage = Math.max(0, totalPages - 1);
this.$prevBtn.prop('disabled', this.currentPage === 0);
this.$nextBtn.prop('disabled', !hasNext);
this.$firstBtn.prop('disabled', this.currentPage === 0);
this.$lastBtn.prop('disabled', this.currentPage === maxPage);
this.$currentPage.text(this.currentPage + 1);
this.$totalPages.text(totalPages);
}
showError(message) {
this.$cardsWrapper.html(`
${message}
`);
}
showEmpty() {
this.$cardsWrapper.html('
No bazaar listings found
');
}
updateFooter() {
if (!this.itemData) return;
const itemName = this.itemData.item_name || 'Unknown Item';
const marketPrice = this.itemData.market_price;
let statsHtml = `
`;
if (marketPrice) {
statsHtml += ``;
}
this.$footerStats.html(statsHtml);
}
}
let displayDebounceTimer = null;
function interceptFetch() {
try {
const targetWindow = typeof unsafeWindow !== 'undefined' ? unsafeWindow : window;
state.originalFetch = targetWindow.fetch;
if (!state.originalFetch) {
console.error('[Bazaar Listings] fetch function not found');
return;
}
targetWindow.fetch = async function(...args) {
const [resource, config] = args;
if (resource?.includes('page.php?sid=iMarket&step=getListing')) {
const itemID = utils.parseItemID(config?.body);
if (itemID) {
const response = await state.originalFetch.apply(this, args);
if (displayDebounceTimer) {
clearTimeout(displayDebounceTimer);
}
displayDebounceTimer = setTimeout(() => {
displayItemID(itemID);
displayDebounceTimer = null;
}, 150);
return response;
}
}
return state.originalFetch.apply(this, args);
};
} catch (error) {
console.error('[Bazaar Listings] Error intercepting fetch:', error);
}
}
let containerCreationInProgress = false;
function displayItemID(itemID) {
if (containerCreationInProgress) {
return;
}
if (state.currentItemID === itemID && state.currentDisplay && state.currentDisplay.parent().length) {
return;
}
containerCreationInProgress = true;
try {
state.currentItemID = itemID;
$('.bazaar-container').each(function() {
const controller = $(this).data('controller');
if (controller) {
$(this).removeData('controller');
}
$(this).remove();
});
$('.rowWrapper___OrFGK .bazaar-container, .itemsHeader___ZTO9r + .bazaar-container, .itemsHeader___ZTO9r + div.bazaar-container').remove();
state.currentDisplay = null;
const $sellerList = dom.findSellerList();
if (!$sellerList.length) {
if (!state.retryCount) state.retryCount = 0;
state.retryCount++;
if (state.retryCount < 5) {
setTimeout(() => {
containerCreationInProgress = false;
if (!state.currentDisplay && state.currentItemID === itemID) {
displayItemID(itemID);
}
}, 500);
} else {
console.error('Could not find seller list after 5 attempts');
state.retryCount = 0;
containerCreationInProgress = false;
}
return;
}
state.retryCount = 0;
if ($('.bazaar-container').length > 0) {
containerCreationInProgress = false;
return;
}
const $container = dom.createContainer();
state.currentDisplay = dom.insertContainer($sellerList, $container);
const containerCount = $('.bazaar-container').length;
if (containerCount > 1) {
$('.bazaar-container').not(state.currentDisplay).remove();
}
new ListingController(state.currentDisplay, itemID);
} finally {
setTimeout(() => {
containerCreationInProgress = false;
}, 100);
}
}
const bazaar = {
parseUrlParams() {
const urlParams = new URLSearchParams(window.location.search);
return {
itemID: urlParams.get('itemID'),
expectedPrice: parseInt(urlParams.get('price')),
expectedQty: parseInt(urlParams.get('qty'))
};
},
findItemInBazaar(itemID) {
const selectors = [
`[data-item="${itemID}"]`,
`[data-itemid="${itemID}"]`,
`.item___GYCYJ:has(img[src*="/items/${itemID}/"])`,
`.item___khvF6:has(img[src*="/items/${itemID}/"])`
];
for (const selector of selectors) {
const element = document.querySelector(selector);
if (element) return element;
}
return null;
},
scrollToItem(element) {
const rect = element.getBoundingClientRect();
const viewportHeight = window.innerHeight;
const elementCenter = rect.top + rect.height / 2;
const targetScroll = window.pageYOffset + elementCenter - viewportHeight / 2;
window.scrollTo({
top: Math.max(0, targetScroll),
behavior: 'smooth'
});
},
highlightItem(element) {
element.style.cssText += `
outline: 3px solid #FFD700 !important;
box-shadow: 0 0 20px rgba(255, 215, 0, 0.6) !important;
background-color: rgba(255, 215, 0, 0.1) !important;
position: relative !important;
z-index: 100 !important;
animation: bazaar-pulse 2s ease-in-out infinite !important;
`;
},
extractItemPrice(element) {
const priceSelectors = [
'.price___dJqda',
'.price',
'[class*="price"]',
'p:nth-child(2)'
];
for (const selector of priceSelectors) {
const priceElement = element.querySelector(selector);
if (priceElement) {
const priceText = priceElement.textContent;
const price = parseInt(priceText.replace(/[$,]/g, ''));
if (!isNaN(price)) return price;
}
}
return null;
},
extractItemQty(element) {
const qtySelectors = [
'.amountValue___cSVqO',
'.amount___K8sOQ',
'[class*="amount"]'
];
for (const selector of qtySelectors) {
const qtyElement = element.querySelector(selector);
if (qtyElement) {
const qtyText = qtyElement.textContent;
const qty = parseInt(qtyText.replace(/[^\d]/g, ''));
if (!isNaN(qty)) return qty;
}
}
return null;
},
showToast(message, type = 'warning') {
const toast = document.createElement('div');
toast.className = 'bazaar-toast';
const bgColor = type === 'error' ? '#ff4444' : type === 'warning' ? '#ff9944' : '#44bb44';
toast.style.cssText = `
position: fixed;
top: 20px;
right: 20px;
background: ${bgColor};
color: white;
padding: 16px 24px;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
z-index: 2147483647;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
animation: bazaar-toast-slide 0.3s ease-out;
max-width: 400px;
line-height: 1.4;
`;
toast.innerHTML = message;
document.body.appendChild(toast);
setTimeout(() => {
toast.style.animation = 'bazaar-toast-fade 0.3s ease-out forwards';
setTimeout(() => toast.remove(), 300);
}, 5000);
},
showPriceWarning(actualPrice, expectedPrice, element) {
const difference = actualPrice - expectedPrice;
const percentDiff = ((difference / expectedPrice) * 100).toFixed(1);
const isHigher = difference > 0;
const message = `⚠️ Price ${isHigher ? 'increased' : 'decreased'} by $${Math.abs(difference).toLocaleString()} (${isHigher ? '+' : ''}${percentDiff}%)`;
const warningDiv = document.createElement('div');
warningDiv.className = 'bazaar-price-warning';
warningDiv.style.cssText = `
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
background: ${isHigher ? '#ff4444' : '#ff9944'};
color: white;
padding: 8px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
z-index: 1000;
white-space: nowrap;
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
animation: bazaar-warning-bounce 0.5s ease-out;
`;
warningDiv.innerHTML = message;
element.style.position = 'relative';
element.appendChild(warningDiv);
},
addAnimationStyles() {
if (!document.querySelector('#bazaar-highlight-styles')) {
const style = document.createElement('style');
style.id = 'bazaar-highlight-styles';
style.textContent = `
@keyframes bazaar-pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.02); }
}
@keyframes bazaar-warning-bounce {
0% { transform: translateX(-50%) translateY(-10px); opacity: 0; }
100% { transform: translateX(-50%) translateY(0); opacity: 1; }
}
@keyframes bazaar-toast-slide {
0% { transform: translateX(400px); opacity: 0; }
100% { transform: translateX(0); opacity: 1; }
}
@keyframes bazaar-toast-fade {
0% { opacity: 1; transform: translateX(0); }
100% { opacity: 0; transform: translateX(100px); }
}
.bazaar-price-warning::after {
content: '';
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid inherit;
}
`;
document.head.appendChild(style);
}
},
init() {
if (!window.location.pathname.includes('bazaar.php')) return;
const params = this.parseUrlParams();
if (!params.itemID || !params.expectedPrice) return;
this.addAnimationStyles();
let attempts = 0;
const maxAttempts = 10;
const attemptHighlight = () => {
if (attempts >= maxAttempts) {
this.showToast('❌ Item not found in this bazaar! It may have been sold or removed.', 'error');
return;
}
attempts++;
try {
const itemElement = this.findItemInBazaar(params.itemID);
if (itemElement) {
requestAnimationFrame(() => {
this.scrollToItem(itemElement);
this.highlightItem(itemElement);
const actualPrice = this.extractItemPrice(itemElement);
if (actualPrice && actualPrice !== params.expectedPrice) {
this.showPriceWarning(actualPrice, params.expectedPrice, itemElement);
}
});
} else {
const delay = utils.isMobile() ? 1000 : 500;
setTimeout(attemptHighlight, delay);
}
} catch (error) {
console.error('Error in bazaar highlight:', error);
this.showToast('❌ An error occurred while highlighting the item.', 'error');
}
};
setTimeout(attemptHighlight, utils.isMobile() ? 500 : 100);
}
};
const settings = {
createModal() {
const modalHtml = `
Display Settings
Choose how listings are sorted: Price, Quantity, Profit, or Last Updated
Features
Show Market Price Comparison
Display price difference from market average
Behavior
How bazaar links should open when clicked
`;
$('body').append(modalHtml);
$('.bazaar-settings-close, #cancelSettingsBtn').on('click', () => {
$('#bazaarSettingsModal').removeClass('show');
});
$('#saveSettingsBtn').on('click', () => {
this.save();
});
$('#marketComparisonToggle').on('click', function() {
$(this).toggleClass('active');
});
$('#bazaarSettingsModal').on('click', function(e) {
if (e.target === this) {
$(this).removeClass('show');
}
});
},
injectSettingsButton() {
if (document.querySelector('#bazaarSettingsBtn')) {
return;
}
const settingsMenu = document.querySelector('.settings-menu');
if (!settingsMenu) {
const altMenu = document.querySelector('ul[class*="settings-menu"]') ||
document.querySelector('[class*="settingsMenu"]') ||
document.querySelector('ul.settings-menu');
if (altMenu) {
settings.injectButtonIntoMenu(altMenu);
}
return;
}
this.injectButtonIntoMenu(settingsMenu);
},
injectButtonIntoMenu(settingsMenu) {
const settingsButton = document.createElement('li');
settingsButton.className = 'link';
settingsButton.id = 'bazaarSettingsBtn';
settingsButton.innerHTML = `
Bazaar Settings
`;
settingsButton.querySelector('.bazaar-settings-link').addEventListener('click', (e) => {
e.preventDefault();
const modal = document.getElementById('bazaarSettingsModal');
if (modal) {
modal.classList.add('show');
} else {
console.error('Bazaar settings modal not found');
this.createModal();
setTimeout(() => {
document.getElementById('bazaarSettingsModal').classList.add('show');
}, 100);
}
});
const logoutItem = Array.from(settingsMenu.querySelectorAll('a')).find(a =>
a.href && a.href.includes('logout.php'))?.parentElement;
if (logoutItem) {
settingsMenu.insertBefore(settingsButton, logoutItem);
} else {
settingsMenu.appendChild(settingsButton);
}
},
save() {
const newSettings = {
ITEMS_PER_PAGE: parseInt($('#itemsPerPage').val()) || 3,
DEFAULT_SORT: $('#defaultSort').val() || 'price-asc',
DEFAULT_MIN_QTY: parseInt($('#defaultMinQty').val()) || 0,
SHOW_MARKET_COMPARISON: $('#marketComparisonToggle').hasClass('active'),
BAZAAR_CLICK_BEHAVIOR: $('#clickBehavior').val() || 'new-tab'
};
const mergedSettings = { ...CONFIG, ...newSettings };
saveSettings(mergedSettings);
$('#bazaarSettingsModal').removeClass('show');
this.showToast('Settings saved successfully!', 'success');
if (state.currentDisplay) {
const controller = state.currentDisplay.data('controller');
if (controller) {
controller.currentSort = CONFIG.DEFAULT_SORT;
controller.displayListings();
}
}
},
showToast(message, type = 'success') {
const toast = $('
').addClass('bazaar-settings-toast').css({
position: 'fixed',
bottom: '20px',
right: '20px',
background: type === 'success' ? '#4CAF50' : type === 'error' ? '#f44336' : '#2196F3',
color: 'white',
padding: '16px 24px',
borderRadius: '4px',
boxShadow: '0 2px 10px rgba(0,0,0,0.2)',
zIndex: 10001,
fontSize: '14px',
fontWeight: '500',
opacity: 0,
transform: 'translateY(20px)',
transition: 'all 0.3s'
}).text(message);
$('body').append(toast);
setTimeout(() => {
toast.css({
opacity: 1,
transform: 'translateY(0)'
});
}, 10);
setTimeout(() => {
toast.css({
opacity: 0,
transform: 'translateY(20px)'
});
setTimeout(() => toast.remove(), 300);
}, 3000);
}
};
async function init() {
try {
injectStyles();
await PDA.detect();
if (PDA.isDetected) {
$('body').attr('data-torn-pda', 'true');
}
const targetWindow = typeof unsafeWindow !== 'undefined' ? unsafeWindow : window;
if (typeof targetWindow.fetch !== 'undefined') {
interceptFetch();
} else {
}
settings.createModal();
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
setTimeout(() => settings.injectSettingsButton(), 1000);
});
} else {
setTimeout(() => settings.injectSettingsButton(), 1000);
}
$(document).ready(() => {
setTimeout(() => {
if (!document.querySelector('#bazaarSettingsBtn')) {
settings.injectSettingsButton();
}
}, 2000);
});
if (window.location.pathname.includes('bazaar.php')) {
bazaar.init();
}
} catch (error) {
console.error('Error initializing:', error);
}
}
if (navigator.userAgent && navigator.userAgent.includes('TornPDA')) {
setTimeout(init, 500);
} else {
init();
}
})(jQuery);