`;
return container;
}
// Wait for Steam page to fully load (including age gate) and handle tab visibility
let isInitialized = false;
// Queue for batching price requests
const requestQueue = {
items: [],
processing: false,
add: function(item) {
this.items.push(item);
if (!this.processing) {
this.processQueue();
}
},
processQueue: async function() {
if (this.items.length === 0) {
this.processing = false;
return;
}
this.processing = true;
// Process items in batches of 3 with a small delay between batches
const BATCH_SIZE = 3;
const BATCH_DELAY = 300; // ms
// Process a batch
const batch = this.items.splice(0, BATCH_SIZE);
const promises = batch.map(item => {
return fetchGamePrices(
item.gameTitle,
item.containerId,
item.forceRefresh,
item.idInfo
).catch(err => {
console.warn(`GG.deals: Error processing queue item:`, {
error: err.message,
containerId: item.containerId,
gameTitle: item.gameTitle,
forceRefresh: item.forceRefresh,
idInfo: item.idInfo,
stack: err.stack,
timestamp: new Date().toISOString()
});
// Update the display to show error
const container = document.getElementById(item.containerId);
if (container) {
const priceElements = container.querySelectorAll('.gg-price-value:not(.historical)');
priceElements.forEach(el => {
el.textContent = 'Error';
});
}
});
});
// Wait for batch to complete
await Promise.all(promises);
// Small delay before next batch to avoid overwhelming browser
if (this.items.length > 0) {
setTimeout(() => this.processQueue(), BATCH_DELAY);
} else {
this.processing = false;
}
}
};
function initializeWhenVisible() {
if (document.visibilityState === "visible" && !isInitialized) {
const urlMatch = window.location.pathname.match(/\/(app|sub|bundle)\/(\d+)/);
if (!urlMatch) return;
const [, pageType, pageId] = urlMatch;
isInitialized = true;
// For app pages, show the full container at the top
if (pageType === 'app') {
const purchaseSection = document.querySelector("#game_area_purchase");
if (purchaseSection) {
const mainContainer = createPriceContainer();
mainContainer.id = 'gg-deals-main';
purchaseSection.parentNode.insertBefore(mainContainer, purchaseSection);
// Prioritize the main container request
requestQueue.add({
gameTitle: null,
containerId: 'gg-deals-main',
forceRefresh: false,
idInfo: { type: pageType, id: pageId }
});
}
}
// For sub/bundle pages, show only one display at the top
if (pageType === 'sub' || pageType === 'bundle') {
// Try to find the first purchase game section
const firstPurchaseGame = document.querySelector('.game_area_purchase_game');
if (firstPurchaseGame) {
const mainContainer = createPriceContainer();
mainContainer.id = `gg-deals-${pageType}-${pageId}`;
firstPurchaseGame.parentNode.insertBefore(mainContainer, firstPurchaseGame);
requestQueue.add({
gameTitle: null,
containerId: mainContainer.id,
forceRefresh: false,
idInfo: { type: pageType, id: pageId }
});
}
return; // Exit early to prevent additional displays
}
// Only process additional items if we're on an app page
if (pageType === 'app') {
// Get all purchase sections up front
const purchaseSections = document.querySelectorAll('.game_area_purchase_game');
let delayIndex = 0;
// Function to process sections with delay
const processSections = () => {
// Process each purchase game with the bundle/sub displays
purchaseSections.forEach((element, index) => {
// Skip if this is a demo section
if (element.closest('.demo_above_purchase')) {
return;
}
// Get the ID and type from the inputs
const bundleInput = element.querySelector('input[name="bundleid"]');
const subInput = element.querySelector('input[name="subid"]');
if (!bundleInput && !subInput) {
// If no inputs found, try to get ID from the element ID
const elementId = element.id.match(/\d+$/)?.[0];
// Skip main app on app pages (main app already handled above)
if (pageType === 'app' && elementId === pageId) {
return;
}
}
let itemType, itemId;
if (bundleInput) {
itemType = 'bundle';
itemId = bundleInput.value;
} else if (subInput) {
itemType = 'sub';
itemId = subInput.value;
} else {
// Skip this item if we can't identify it
return;
}
const containerId = `gg-deals-${itemType}-${itemId}`;
// Check if a display already exists for this ID
if (document.getElementById(containerId)) {
return; // Skip if already exists
}
const compactDisplay = createCompactPriceDisplay(containerId);
// Insert before game_purchase_action
const purchaseAction = element.querySelector('.game_purchase_action');
if (purchaseAction) {
purchaseAction.parentNode.insertBefore(compactDisplay, purchaseAction);
// Add to request queue with lower priority
requestQueue.add({
gameTitle: null,
containerId: containerId,
forceRefresh: false,
idInfo: { type: itemType, id: itemId }
});
}
});
};
// Use requestIdleCallback if available, otherwise use setTimeout
if (typeof window.requestIdleCallback === 'function') {
window.requestIdleCallback(() => processSections(), { timeout: 1000 });
} else {
// Small delay to let the main page render first
setTimeout(processSections, 200);
}
}
}
}
// Utility function to debounce function calls - useful for event handlers
function debounce(func, wait) {
let timeout;
return function(...args) {
const context = this;
clearTimeout(timeout);
timeout = setTimeout(() => func.apply(context, args), wait);
};
}
// Check for visibility changes with debounce
document.addEventListener("visibilitychange", debounce(initializeWhenVisible, 100));
// Initial check (in case the tab is already visible)
// Use setTimeout to ensure the page is fully loaded
setTimeout(() => {
if (document.visibilityState === "visible") {
initializeWhenVisible();
}
}, 500);
// Cleanup interval check after a reasonable time
const checkTitle = setInterval(() => {
if (document.visibilityState === "visible") {
initializeWhenVisible();
if (isInitialized) {
clearInterval(checkTitle);
}
}
}, 1000);
// Clear the interval after 10 seconds regardless to avoid resource waste
setTimeout(() => {
clearInterval(checkTitle);
}, 10000);
})();