\n Why gamers choose GOG?\n

\n \n

Home of classics

\n Relive the classics with best PC versions. We enhance classic games and make sure they work on modern PCs, today and in the future. Almost 200 games joined GOG Preservation Program this year.\n

\n \n

Freedom to play

\n Download game installers, create backups and play offline. Or use our optional game launcher GOG Galaxy and manage your library there.\n

\n \n

30-day refund

\n We offer full refunds up to 30 days after purchase.\n

\n\n

"; var gt_top_section = "

\n \n Categories\n \n

\n \n

\n \n \n GOG Galaxy\n \n

\n\n

\n \n

Tag

\n \n \n

Tag

\n \n \n

Tag

\n \n

"; //'use strict'; // ======== CONFIG ======== const CONFIG = { distribution: { control: 0.8, a: 0.2 }, localStorageKey: 'ggt_abtf_test_2_variation_17_10_25_12_41', catalogApiUrl: 'https://catalog.gog.com/v1/catalog', insightsApiUrl: 'https://insights-collector.gog.com/clients/46755278331571209/events', gamesApiUrl: 'https://api.gog.com/v2/games', tags: [ { tag_name: 'role-playing', title: 'RPG', link: '/en/games?tags=role-playing&order=desc:bestselling', cover: 'https://images.gog-statics.com/75fbf3c988f1c815f57ac04859b0f6e5fb4a2c649804e57052796dc10b4e959e_product_tile_extended_432x243_2x.webp', recommended: true }, { tag_name: 'strategy', title: 'Strategy', link: '/en/games?tags=strategy&order=desc:bestselling', cover: 'https://images.gog-statics.com/aff1c3073ce9d97908964c38c6b67597bdd1f664e5f7392a43d27df3da1aaac6_product_tile_extended_432x243_2x.webp', recommended: false }, { tag_name: 'sci-fi', title: 'Sci-fi', link: '/en/games?tags=sci-fi&order=desc:bestselling', cover: 'https://images.gog-statics.com/fb681f9ec219169674a65f1d59e2e95323840dec14bafb791b1802565b21ce2e_product_tile_extended_432x243_2x.webp', recommended: false }, { tag_name: 'story-rich', title: 'Story Rich', link: '/en/games?tags=story-rich&order=desc:bestselling', cover: 'https://images.gog-statics.com/df288acb58bf26fe78588374116ed1e5bdf49b3c6b536feb3de3c48957da2a74_product_tile_extended_432x243_2x.webp', recommended: false }, { tag_name: 'indie', title: 'Indie', link: '/en/games?tags=indie&order=desc:bestselling', cover: 'https://images.gog-statics.com/3f56b69c38b21a44c8e1b526dd8835a1e391caf121339dcaf7ed0cb5b173e24a_product_tile_extended_432x243_2x.webp', recommended: false }, { tag_name: 'action', title: 'Action', link: '/en/games?tags=action&order=desc:bestselling', cover: 'https://images.gog-statics.com/34de48b25e3ae04bad23b96d17dc1669778cf2447ce2f83ed7ce3af801939730_product_tile_extended_432x243_2x.webp', recommended: false }, { tag_name: 'adventure', title: 'Adventure', link: '/en/games?tags=adventure&order=desc:bestselling', cover: 'https://images.gog-statics.com/eeafa3378ebf49f11941532abe766e5f3814d732b83bda6ce2d73ac41d46e930_product_tile_extended_432x243_2x.webp', recommended: false }, { tag_name: 'atmospheric', title: 'Atmospheric', link: '/en/games?tags=atmospheric&order=desc:bestselling', cover: 'https://images.gog-statics.com/a96816e9ba7764fe1a60b154f5f9edcf7e3441171900deb23917372467bcdaa7_product_tile_extended_432x243_2x.webp', recommended: false } ], menuCategories: [ { id: 'category-1', title: 'Adrenaline overdrive', link: '/en/games?genres=action&tags=shooter&hideDLCs=true&hideOwned=true' }, { id: 'category-2', title: 'Strategy for hours', link: '/en/games?genres=strategy&tags=grand-strategy&hideDLCs=true' }, { id: 'category-3', title: 'Fantasy Worlds', link: '/en/games?genres=rpg&tags=fantasy,open-world&hideDLCs=true&hideOwned=true' }, { id: 'category-4', title: 'Pixel Nostalgia', link: '/en/games?tags=pixel-graphics,retro&order=desc:bestselling&hideDLCs=true&hideOwned=true' }, { id: 'category-5', title: 'Scary Nights, Dark Secrets', link: '/en/games?tags=horror,psychological-horror&order=desc:bestselling&hideDLCs=true&hideOwned=true' }, { id: 'category-6', title: 'Race Like the Wind', link: '/en/games?genres=racing&order=desc:bestselling&hideDLCs=true&hideOwned=true' }, { id: 'category-7', title: 'Build, Craft, Conquer', link: '/en/games?genres=simulation&tags=crafting&order=desc:bestselling&hideDLCs=true&hideOwned=true' }, { id: 'category-8', title: 'Couch Co-Op Chaos', link: '/en/games?genres=action&tags=local-co-op&hideDLCs=true&hideOwned=true' }, { id: 'category-9', title: 'Deep Space Adventures', link: '/en/games?tags=space&hideDLCs=true&hideOwned=true' }, { id: 'category-10', title: 'Puzzles & Brain Teasers', link: '/en/games?tags=puzzle,logic&hideDLCs=true&hideOwned=true' } ], targetElement: 'body' }; // ======== STATE ======== const STATE = { version: '0.1', variation: null, recommendationsProductIds: [], recommendationsItems: [], domObserver: null, urlHooked: false, globalEventsBound: false, searchDebounceTimer: null, searchAbortController: null, trendingFetched: false, lastPathname: window.location.pathname, buildSignature: "20_10_25_17_04" }; // ======== SELECTORS ======== const SEL = { appRoot: 'app-root', appPage: 'app-page', bigSpotSection: 'big-spot-section', takeOverSection: 'takeover', container: '.ggt-container', topSection: '.ggt-top-section', smallSpots: '.ggt-small-spots', categoriesMenu: '.ggt-categories-menu', categoriesMenuButton: '.ggt-categories-menu-button', categoriesMenuItems: '.ggt-categories-menu .ggt-categories-menu-items', tagsContainer: '.ggt-tags', searchBarInput: '#ggt-search-bar-input', searchDropdown: '.ggt-search-dropdown', searchDropdownHidden: 'ggt-search-dropdown--hidden', searchDropdownItems: '.ggt-search-dropdown-items', searchDropdownItem: '.ggt-search-dropdown-item', searchDropdownTitle: '#ggt-search-dropdown-title', recommendationsRow: '.ggt-recommendations-items-row', recTileWrapper: '.ggt-recommendations .ggt-product-tile-wrapper', addToCartButton: '.ggt-add-to-cart', galaxyDownloadLink: '.ggt-galaxy-download-link' }; // ======== UTILS ======== const q = (s, root = document) => root.querySelector(s); const qa = (s, root = document) => Array.from(root.querySelectorAll(s)); const encode = (val) => encodeURIComponent(val); const on = (el, type, handler, opts) => el && el.addEventListener(type, handler, opts); const off = (el, type, handler, opts) => el && el.removeEventListener(type, handler, opts); const nowIso = () => new Date().toISOString(); const clone = (obj) => JSON.parse(JSON.stringify(obj)); const getUserData = () => { try { return JSON.parse(localStorage.getItem('ngStorage-user')) || {}; } catch { return {}; } }; const getLocale = () => getUserData().selectedLanguage || 'en-US'; const getCountryCode = () => getUserData().currentCountry || 'PL'; const getCurrencyCode = () => (getUserData().selectedCurrency && getUserData().selectedCurrency.code) || 'PLN'; const getBearer = () => { try { const token = window.gogAccessToken; return token ? 'Bearer ' + token : null; } catch { return null; } }; // ======== WHEN TO RUN ======== function isEligiblePath() { return /^\/en\/?$/.test(window.location.pathname) && !window.location.pathname.includes('embed'); } function shouldRun() { if (window.matchMedia('(max-width: 1100px)').matches) return false; return isEligiblePath(); } // ======== VARIATION ======== function getVariation() { const key = CONFIG.localStorageKey; let v = localStorage.getItem(key); if (!v) { const r = Math.random(); const ctrl = Number(CONFIG.distribution.control) || 0; const a = Number(CONFIG.distribution.a) || 0; // If you use b, add it here if (r < ctrl) { v = '0'; } else if (r < ctrl + a) { v = '1'; } else { // default fallback: control v = '0'; } localStorage.setItem(key, v); } return String(v); } function setVariation(variation, { reinit = true } = {}) { const v = String(variation); localStorage.setItem(CONFIG.localStorageKey, v); STATE.variation = v; if (reinit) { destroy(); init(true); } sendDataLayerEvent(STATE.variation); updateDevPanel(); return v; } function nextVariation() { const current = STATE.variation || getVariation(); const choices = ['0', '1']; // add '2' if you need it const idx = choices.indexOf(current); const next = choices[(idx + 1) % choices.length]; return setVariation(next, { reinit: true }); } // ======== API CLIENT ======== function buildHeaders(json = true) { const headers = {}; if (json) headers['accept'] = 'application/json, text/plain, */*'; const bearer = getBearer(); if (bearer) headers['authorization'] = bearer; return headers; } function buildCatalogUrl(params) { const base = CONFIG.catalogApiUrl; const u = new URL(base); Object.keys(params).forEach((k) => { if (params[k] !== undefined && params[k] !== null) u.searchParams.set(k, params[k]); }); return u.toString(); } async function fetchTrendingProducts() { const titleEl = q(SEL.searchDropdownTitle); if (!titleEl) return; titleEl.textContent = 'Loading...'; const url = buildCatalogUrl({ limit: '4', order: 'desc:trending', productType: 'in:game,pack,dlc,extras', page: '2', countryCode: getCountryCode(), locale: getLocale(), currencyCode: getCurrencyCode() }); try { const resp = await fetch(url, { headers: buildHeaders() }); if (!resp.ok) throw new Error('HTTP ' + resp.status); const data = await resp.json(); titleEl.textContent = '🔥 Trending Games'; renderSearchDropdownItems(data); bindSearchDropdownItemClicks('input-search-trending-products'); STATE.trendingFetched = true; } catch (err) { //console.error('fetchTrendingProducts error:', err); titleEl.textContent = 'Failed to load trending'; } } async function fetchSearchResults(query) { const titleEl = q(SEL.searchDropdownTitle); if (!titleEl) return; titleEl.textContent = 'Loading...'; if (STATE.searchAbortController) { STATE.searchAbortController.abort(); } STATE.searchAbortController = new AbortController(); const url = buildCatalogUrl({ countryCode: getCountryCode(), currencyCode: getCurrencyCode(), limit: '20', locale: getLocale(), order: 'desc:bestselling', page: '1', productType: 'in:game,pack,dlc,extras', query: 'like:' + encode(query) }); try { const resp = await fetch(url, { headers: buildHeaders(), signal: STATE.searchAbortController.signal }); if (!resp.ok) throw new Error('HTTP ' + resp.status); const data = await resp.json(); if (data.searchAlgo === 'similarity') { titleEl.textContent = '🔍 Close, but not an exact hit. Check out these similar games you might like.'; } else { titleEl.textContent = 'Search results for: ' + query; } renderSearchDropdownItems(data); bindSearchDropdownItemClicks('input-search-results'); } catch (err) { if (err.name !== 'AbortError') { //console.error('fetchSearchResults error:', err); titleEl.textContent = 'Failed to load results'; } } } async function fetchRecommendations() { const slider = q('item-slider[selenium-id="productsSectionSlider"]'); if (!slider) return; const ids = qa('[selenium-id="productTile"]', slider) .map((el) => el.getAttribute('data-product-id')) .filter(Boolean); STATE.recommendationsProductIds = ids; if (!ids.length) return; const url = buildCatalogUrl({ offerIds: ids.join(','), countryCode: getCountryCode(), currencyCode: getCurrencyCode(), locale: getLocale(), order: 'asc:title' }); try { const resp = await fetch(url, { headers: buildHeaders() }); if (!resp.ok) throw new Error('HTTP ' + resp.status); const data = await resp.json(); STATE.recommendationsItems = data.products || []; renderRecommendations(); } catch (err) { //console.error('fetchRecommendations error:', err); } } // ======== ANALYTICS ======== function sendDataLayerEvent(variation) { if (!window.dataLayer || !variation || variation === '0') return; window.dataLayer.push({ event: 'abtf_test_' + variation }); } function sendInsightEvent(type, eventData) { const visitId = localStorage.getItem('insightsVisit_id'); const instanceId = localStorage.getItem('insightsInstance_id'); if (!visitId || !instanceId) { return; } const meta = { url: { protocol: window.location.protocol, hostname: window.location.hostname, page_path: window.location.pathname, query_params: window.location.search || '', anchor_params: window.location.hash || '' }, page_variant: 'abtf_v2_version_' + STATE.variation }; const body = { type, date: nowIso(), uuid: 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => { const r = (Math.random() * 16) | 0; const v = c === 'x' ? r : (r & 0x3) | 0x8; return v.toString(16); }), meta }; switch (type) { case 'product_tile_clicked': body.data = { product_id: eventData.product_id, final_value: eventData.final_value || 0, currency: getCurrencyCode(), base_value: eventData.base_value || 0, context: eventData.context || 'recommendations' }; break; case 'item_added_to_cart': body.data = { product_id: eventData.product_id, final_value: eventData.final_value || 0, currency: getCurrencyCode(), base_value: eventData.base_value || 0, context: eventData.context || '', cart: [ { product_id: eventData.product_id, final_value: eventData.final_value || 0, base_value: eventData.base_value || 0 } ] }; break; case 'section_item_clicked': body.data = { context: eventData.context || '' }; break; case 'search_query_submitted': body.data = { query: eventData.query || '', more_results_button: false, context: eventData.context || '' }; break; case 'galaxy_download_link_clicked': case 'search_input_focused': case 'menu_categories_opened': body.data = { context: eventData.context || '' }; break; case 'menu_categories_clicked': body.data = { context: eventData.context || '', filters: eventData.filters || [{ filter_type: '', filter_value: '' }] }; break; case 'page_visited': default: break; } const headers = { 'content-type': 'application/json', 'x-instance': instanceId, 'x-visit': visitId }; const bearer = getBearer(); if (bearer) headers['authorization'] = bearer; fetch(CONFIG.insightsApiUrl, { headers, referrer: 'https://www.gog.com/', body: JSON.stringify(body), method: 'POST', mode: 'cors', credentials: 'include' }).catch(() => {}); } // ======== RENDERERS ======== function ensureStyles() { if (!document.querySelector('style[data-ggt-styles]') && typeof gt_styles === 'string') { const style = document.createElement('style'); style.setAttribute('data-ggt-styles', 'true'); style.textContent = gt_styles; const host = q(CONFIG.targetElement) || document.head; host.appendChild(style); } } function ensureTopSection() { if (q(SEL.topSection)) return; const bigspot = q(SEL.bigSpotSection); const host = bigspot || q(SEL.appPage) || q(SEL.appRoot) || document.body; if (typeof gt_top_section === 'string') { if (bigspot) { bigspot.insertAdjacentHTML('beforebegin', gt_top_section); renderMenuCategories(); renderTags(); bindUiEventsOnce(); fetchTrendingProducts(); bindSearchInputEvents(); } } } function ensureSmallSpots() { if (q(SEL.smallSpots)) return; const bigspot = q(SEL.bigSpotSection); if (bigspot && typeof gt_small_spots === 'string') { bigspot.insertAdjacentHTML('afterend', gt_small_spots); fetchRecommendations(); } } function renderMenuCategories() { const menu = q(SEL.categoriesMenuItems); if (!menu) return; menu.innerHTML = CONFIG.menuCategories .map((c) => ``) .join(''); } function renderTags() { const container = q(SEL.tagsContainer); if (!container) return; container.innerHTML = CONFIG.tags .map( (t) => `

${escapeHtml(t.title)}

` ) .join(''); } function renderSearchDropdownItems(data) { const sel = q('.ggt-search-dropdown-item.selected'); if (sel) sel.classList.remove('selected'); const itemsRoot = q(SEL.searchDropdownItems); if (!itemsRoot) return; const products = (data && data.products) || []; itemsRoot.innerHTML = products .map((p) => { const discountPart = p.price && p.price.discount ? `` : ''; const finalPrice = p.price && p.price.final ? escapeHtml(p.price.final) : ''; return ` `; }) .join(''); } function bindSearchDropdownItemClicks(context) { qa(SEL.searchDropdownItem).forEach((item) => { on(item, 'click', (ev) => { ev.preventDefault(); sendInsightEvent('product_tile_clicked', { product_id: item.getAttribute('data-ggt-product-id'), final_value: 0, base_value: 0, context }); window.location.href = item.getAttribute('href'); }); }); } function bindSearchInputEvents() { const searchInput = q(SEL.searchBarInput); if (searchInput) { on(searchInput, 'input', () => { clearTimeout(STATE.searchDebounceTimer); const value = searchInput.value || ''; if (value.length === 0) { STATE.searchDebounceTimer = setTimeout(() => { showSearchDropdown(); if (!STATE.trendingFetched) { fetchTrendingProducts(); } }, 300); } else if (value.length > 2) { STATE.searchDebounceTimer = setTimeout(() => { showSearchDropdown(); fetchSearchResults(value); sendInsightEvent('search_query_submitted', { query: value, context: 'search-input' }); }, 500); } }); const onFocusOrClick = () => { showSearchDropdown(); sendInsightEvent('search_input_focused', { context: 'search-input' }); if (!STATE.trendingFetched && (searchInput.value || '').length < 3) { fetchTrendingProducts(); } }; on(searchInput, 'focus', onFocusOrClick); on(searchInput, 'click', onFocusOrClick); } } function renderRecommendations() { const row = q(SEL.recommendationsRow); if (!row) { setTimeout(renderRecommendations, 400); return; } const data = STATE.recommendationsItems.slice(0, 4); row.innerHTML = data .map( (p) => `

${escapeHtml(p.title)}

${p.price && p.price.discount ? `${escapeHtml(p.price.discount)}` : ''}

${p.price && p.price.final ? escapeHtml(p.price.final) : ''} ${p.price && p.price.discount ? `${escapeHtml(p.price.base)}` : ''}

` ) .join(''); on(row, 'click', (ev) => { const addBtn = ev.target.closest(SEL.addToCartButton); const tile = ev.target.closest('.ggt-product-tile-wrapper'); if (!tile) return; const productId = tile.getAttribute('data-ggt-product-id'); if (addBtn) { addToCart(productId); sendInsightEvent('item_added_to_cart', { product_id: productId, final_value: 0, base_value: 0, context: 'recommendations' }); addBtn.classList.add('ggt-add-to-cart-added'); ev.preventDefault(); ev.stopPropagation(); return; } ev.preventDefault(); sendInsightEvent('product_tile_clicked', { product_id: productId, final_value: 0, base_value: 0, context: 'recommendations' }); window.location.href = tile.getAttribute('href'); }, { passive: false }); } function addToCart(productId) { try { if (window.gogEventBus) { window.gogEventBus.publish('product', 'addToCart', { productId }); } } catch {} } function escapeHtml(str) { if (typeof str !== 'string') return str; return str.replace(/[&<>"']/g, (m) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[m])); } // ======== EVENTS & CONTROLLERS ======== function showCategoriesMenu() { const menu = q(SEL.categoriesMenu); if (menu) menu.classList.add('ggt-categories-menu--visible'); } function hideCategoriesMenu() { const menu = q(SEL.categoriesMenu); if (menu) menu.classList.remove('ggt-categories-menu--visible'); } function showSearchDropdown() { const dropdown = q(SEL.searchDropdown); if (dropdown) dropdown.classList.remove(SEL.searchDropdownHidden); } function hideSearchDropdown() { const dropdown = q(SEL.searchDropdown); if (dropdown) dropdown.classList.add(SEL.searchDropdownHidden); const selected = q('.ggt-search-dropdown-item.selected'); if (selected) selected.classList.remove('selected'); } function focusSearchInput() { const input = q(SEL.searchBarInput); if (input) input.focus(); } function unbindUiEvents() { if (!STATE.globalEventsBound) return; STATE.globalEventsBound = false; off(document, 'keydown', handleShortcuts); } function bindUiEventsOnce() { if (STATE.globalEventsBound) return; STATE.globalEventsBound = true; on(document, 'keydown', handleShortcuts); on(document, 'click', (ev) => { const menuBtn = q(SEL.categoriesMenuButton); const menu = q(SEL.categoriesMenu); const searchInput = q(SEL.searchBarInput); const dropdown = q(SEL.searchDropdown); if (menuBtn && menuBtn.contains(ev.target)) { if (menu && menu.classList.contains('ggt-categories-menu--visible')) { hideCategoriesMenu(); } else { showCategoriesMenu(); sendInsightEvent('menu_categories_opened', { context: 'categories-menu-opened' }); } return; } const catLink = ev.target.closest('.ggt-categories-menu-item a'); if (catLink) { ev.preventDefault(); const title = catLink.getAttribute('data-title') || (catLink.textContent || '').trim(); sendInsightEvent('menu_categories_clicked', { context: (title || '').replace(/\s+/g, '-').toLowerCase(), filters: [{ filter_type: 'category', filter_value: title }] }); window.location.href = catLink.getAttribute('href'); return; } const tag = ev.target.closest('.ggt-tag'); if (tag) { ev.preventDefault(); const tagName = tag.getAttribute('data-ggt-tag-name') || 'tag'; sendInsightEvent('section_item_clicked', { context: 'tags-section-' + tagName }); window.location.href = tag.getAttribute('href'); return; } const galaxyLink = ev.target.closest(SEL.galaxyDownloadLink); if (galaxyLink) { ev.preventDefault(); sendInsightEvent('galaxy_download_link_clicked', { context: 'galaxy-download-link' }); window.location.href = galaxyLink.getAttribute('href'); return; } if (menu && !menu.contains(ev.target) && menuBtn && !menuBtn.contains(ev.target)) { hideCategoriesMenu(); } if (dropdown && searchInput && !dropdown.contains(ev.target) && !searchInput.contains(ev.target)) { hideSearchDropdown(); } }); } function handleShortcuts(event) { if (event.key === '/') { event.preventDefault(); focusSearchInput(); showSearchDropdown(); sendInsightEvent('search_input_focused', { context: 'search-input-focused-with-shortcut' }); } if (event.key === 'Escape') { hideSearchDropdown(); const input = q(SEL.searchBarInput); if (input) input.blur(); event.preventDefault(); } const dropdown = q(SEL.searchDropdown); if (!dropdown || dropdown.classList.contains(SEL.searchDropdownHidden)) return; const items = qa(SEL.searchDropdownItem); if (!items.length) return; const getIndex = () => items.findIndex((el) => el.classList.contains('selected')); const setIndex = (idx) => { items.forEach((el) => el.classList.remove('selected')); if (idx >= 0 && idx < items.length) { items[idx].classList.add('selected'); items[idx].scrollIntoView({ block: 'nearest', behavior: 'smooth' }); } }; if (event.key === 'ArrowDown') { event.preventDefault(); const i = getIndex(); setIndex(i < 0 ? 0 : (i + 1) % items.length); } if (event.key === 'ArrowUp') { event.preventDefault(); const i = getIndex(); setIndex(i < 0 ? items.length - 1 : (i - 1 + items.length) % items.length); } if (event.key === 'Enter') { event.preventDefault(); const i = getIndex(); if (i >= 0) items[i].click(); } } // ======== OBSERVERS & URL HOOKS ======== function ensureObserver() { const target = q(SEL.appRoot); if (!target) return; if (STATE.domObserver) return; STATE.domObserver = new MutationObserver(() => { if (!isEligiblePath()) return; ensureTopSection(); ensureSmallSpots(); }); STATE.domObserver.observe(target, { childList: true, subtree: true }); } function hookUrlChangesOnce() { if (STATE.urlHooked) return; STATE.urlHooked = true; const originalPushState = history.pushState; const originalReplaceState = history.replaceState; function onUrlChange() { const newPath = window.location.pathname; if (newPath === STATE.lastPathname) return; STATE.lastPathname = newPath; if (!shouldRun()) { destroy(); } else { init(true); } } history.pushState = function () { const result = originalPushState.apply(this, arguments); onUrlChange(); return result; }; history.replaceState = function () { const result = originalReplaceState.apply(this, arguments); onUrlChange(); return result; }; window.addEventListener('popstate', onUrlChange); } function destroy() { if (STATE.domObserver) { STATE.domObserver.disconnect(); STATE.domObserver = null; } const top = q(SEL.topSection); if (top) top.remove(); const small = q(SEL.smallSpots); if (small) small.remove(); const styles = q('style[data-ggt-styles]'); if (styles) styles.remove(); } function renderAll(force = false) { if (!force && STATE.variation === '0') return; // control does not render ensureStyles(); ensureTopSection(); ensureSmallSpots(); ensureObserver(); } function init(isSpaNavigation = false) { //If we dont' want to show here, but still need to observe url if (!shouldRun()) { hookUrlChangesOnce(); maybeShowDevPanel(); return; } STATE.variation = getVariation(); hookUrlChangesOnce(); renderAll(false); sendDataLayerEvent(STATE.variation); sendInsightEvent('page_visited', {}); maybeShowDevPanel(); } // ======== DEV PANEL ======== function shouldShowDevPanel() { return false; //return /preprod|staging/i.test(window.location.href); } function maybeShowDevPanel() { if (!shouldShowDevPanel()) return; //ensureDevPanel(); } function ensureDevPanel() { if (document.getElementById('ggt-devpanel')) { updateDevPanel(); return; } const styleId = 'ggt-devpanel-styles'; if (!document.getElementById(styleId)) { const st = document.createElement('style'); st.id = styleId; st.textContent = ` #ggt-devpanel { position: fixed; bottom: 12px; right: 12px; z-index: 999999; background: rgba(20,20,20,0.95); color: #fff; font-family: system-ui, sans-serif; border: 1px solid #444; border-radius: 8px; padding: 10px; width: 280px; box-shadow: 0 6px 20px rgba(0,0,0,0.35); font-size: 12px; } #ggt-devpanel h4 { margin: 0 0 8px 0; font-size: 14px; } #ggt-devpanel .row { margin: 6px 0; display: flex; align-items: center; gap: 6px; } #ggt-devpanel label { min-width: 80px; } #ggt-devpanel select, #ggt-devpanel input[type=text] { flex: 1; padding: 4px; background: #1e1e1e; color: #fff; border: 1px solid #555; border-radius: 4px; } #ggt-devpanel button { padding: 6px 8px; border: 1px solid #666; background: #2b2b2b; color: #fff; border-radius: 4px; cursor: pointer; } #ggt-devpanel button:hover { background: #3b3b3b; } #ggt-devpanel .tiny { font-size: 11px; color: #bbb; } #ggt-devpanel .btnrow { display: flex; gap: 6px; flex-wrap: wrap; } `; document.head.appendChild(st); } const el = document.createElement('div'); el.id = 'ggt-devpanel'; el.innerHTML = `

Test Control Panel

version

build signature 20_10_25_17_04

Variation

`; document.body.appendChild(el); on(el.querySelector('#ggt-dev-apply'), 'click', () => { const v = el.querySelector('#ggt-dev-var').value; setVariation(v, { reinit: true }); }); on(el.querySelector('#ggt-dev-toggle'), 'click', () => nextVariation()); on(el.querySelector('#ggt-dev-render'), 'click', () => { renderAll(true); }); on(el.querySelector('#ggt-dev-destroy'), 'click', () => { destroy(); }); on(el.querySelector('#ggt-dev-dropdown'), 'click', () => { const dd = q(SEL.searchDropdown); if (!dd) renderAll(true); const hidden = dd && dd.classList.contains(SEL.searchDropdownHidden); if (hidden) showSearchDropdown(); else hideSearchDropdown(); }); on(el.querySelector('#ggt-dev-trending'), 'click', () => { renderAll(true); const titleEl = q(SEL.searchDropdownTitle); if (titleEl) { titleEl.textContent = 'Loading...'; } showSearchDropdown(); fetchTrendingProducts(); }); on(el.querySelector('#ggt-dev-search-run'), 'click', () => { renderAll(true); const inp = el.querySelector('#ggt-dev-search'); if (inp && inp.value) { showSearchDropdown(); fetchSearchResults(inp.value); } }); updateDevPanel(); } function updateDevPanel() { const el = document.getElementById('ggt-devpanel'); if (!el) return; const v = STATE.variation || getVariation(); const varSelect = el.querySelector('#ggt-dev-var'); const versionEl = el.querySelector('#ggt-dev-version'); if (varSelect) { varSelect.value = v; } if (versionEl) { versionEl.textContent = STATE.version; } } // ======== PUBLIC API ======== const API = { version: () => STATE.version, config: () => clone(CONFIG), state: () => clone({ variation: STATE.variation || getVariation(), trendingFetched: STATE.trendingFetched, lastPathname: STATE.lastPathname }), setVariation, getVariation: () => STATE.variation || getVariation(), nextVariation, render: (force = false) => renderAll(!!force), destroy, refresh: () => init(true), sendEvent: (type, data) => sendInsightEvent(type, data), fetchTrending: () => fetchTrendingProducts(), fetchSearch: (query) => fetchSearchResults(query), showSearchDropdown, hideSearchDropdown, focusSearch: () => focusSearchInput(), showDevPanel: () => ensureDevPanel(), hideDevPanel: () => { const el = document.getElementById('ggt-devpanel'); if (el) el.remove(); } }; window.GGT_ABTF_Test = API; window.__ggt = API; // ======== BOOT ======== init(); })();

Cozy games

Zeige Spiele