(function () { try { // Type and icons are site-wide (server). Drop personal dial caches. // 20261013h: clear local/cookie dial leftovers; stock paints until SSR dials hydrate. var LOOK = "20261013h"; var demo = /[?&]demo=1(?:&|$)/.test(location.search); // Legacy pref prefix (pre-2mb rename); built so view-source does not advertise the old name. var oldPref = String.fromCharCode(97, 116, 108, 97, 115) + "-"; if (localStorage.getItem("mb-look-v") !== LOOK) { var wipeLocal = [ "mb-type-v2", "mb-icon-map", "mb-icon-tune", "mb-chrome-tune", "mb-mark-tune", oldPref + "type", oldPref + "icon-map", oldPref + "icon-tune", oldPref + "zoom-v2", "hero-type", "mb-type" ]; var wipeCookie = wipeLocal.concat(["mb-zoom-v2"]); for (var w = 0; w < wipeLocal.length; w++) localStorage.removeItem(wipeLocal[w]); for (var c = 0; c < wipeCookie.length; c++) { document.cookie = wipeCookie[c] + "=; path=/; max-age=0; samesite=lax"; document.cookie = wipeCookie[c] + "=; path=/; max-age=0; samesite=lax; domain=.2manybooks.com"; } localStorage.setItem("mb-look-v", LOOK); } // Type/icon tokens come from site dials (SSR + React). Do not stamp stock // sizes on here — inline styles beat the dial stylesheet and freeze the UI. if (!demo) { var suffixes = [ "view", "sidebar", "theme", "zoom-v2", "icon-map", "icon-tune", "cover-colors-v2", "edit-requests", "insure-costs", "local-maker-claims", "chat", "chat-seen", "premium-start", "premium-paid", "library-visibility" ]; for (var p = 0; p < suffixes.length; p++) { var nextKey = "mb-" + suffixes[p]; var prevKey = oldPref + suffixes[p]; if (!localStorage.getItem(nextKey)) { var prev = localStorage.getItem(prevKey); if (prev) localStorage.setItem(nextKey, prev); } localStorage.removeItem(prevKey); } var storedView = localStorage.getItem("mb-view"); if (storedView === "canvas" || storedView === "infinity") localStorage.setItem("mb-view", "grid"); // View / theme / zoom may cookie for SSR. Type and icons are server site dials. var keys = ["mb-view", "mb-sidebar", "mb-theme", "mb-zoom-v2"]; var dialCookies = ["mb-type-v2", "mb-icon-map", "mb-icon-tune", "mb-mark-tune", "mb-chrome-tune"]; for (var d = 0; d < dialCookies.length; d++) { document.cookie = dialCookies[d] + "=; path=/; max-age=0; samesite=lax"; document.cookie = dialCookies[d] + "=; path=/; max-age=0; samesite=lax; domain=.2manybooks.com"; } var changed = false; var onBrand = /(?:^|\.)2manybooks\.com$/i.test(location.hostname); var domain = onBrand ? "; domain=.2manybooks.com" : ""; for (var i = 0; i < keys.length; i++) { var value = localStorage.getItem(keys[i]); if (!value) continue; var match = document.cookie.match(new RegExp("(?:^|; )" + keys[i] + "=([^;]*)")); var current = match ? decodeURIComponent(match[1]) : null; if (current === value) continue; document.cookie = keys[i] + "=" + encodeURIComponent(value) + "; path=/; max-age=31536000; samesite=lax" + domain; changed = true; } if (changed) sessionStorage.setItem("mb-prefs-synced", "1"); } } catch (e) {} function packColumns(available, gap, zoom) { if (zoom == null) zoom = 4; var factor = 1 + (zoom - 7) * 0.18; if (available < 260) return 2; var ideal = 268 * factor; var min = 228 * factor; var max = 320 * factor; var columns = Math.max(2, Math.round((available + gap) / (ideal + gap))); function size(count) { return (available - (count - 1) * gap) / count; } while (columns > 2 && size(columns) < min) columns -= 1; while (columns < 12 && size(columns) > max) columns += 1; return columns; } function measurePack(node, zoom) { if (node.clientWidth < 40) return false; var style = getComputedStyle(node); var pad = (Number.parseFloat(style.paddingLeft) || 0) + (Number.parseFloat(style.paddingRight) || 0); var gap = Number.parseFloat(style.columnGap) || 22; var available = node.clientWidth - pad; var factor = 1 + (zoom - 7) * 0.18; var columns = packColumns(available, gap, zoom); var raw = Math.floor((available - (columns - 1) * gap) / columns); var size = Math.max(Math.round(160 * factor), Math.min(Math.round(340 * factor), raw)); var cols = String(columns); var tile = size + "px"; if (node.dataset.cols === cols && node.style.getPropertyValue("--cols") === cols && node.style.getPropertyValue("--tile") === tile) return true; node.dataset.cols = cols; node.style.setProperty("--cols", cols); node.style.setProperty("--tile", tile); return true; } function mbZoom() { var zoom = 4; var found = false; try { var stored = localStorage.getItem("mb-zoom-v2"); if (stored) { var parsed = Number(stored); if (parsed >= 3 && parsed <= 8) { zoom = parsed; found = true; } } } catch (e) {} if (!found) { var match = document.cookie.match(/(?:^|; )mb-zoom-v2=([^;]*)/); if (match) { var fromCookie = Number(decodeURIComponent(match[1])); if (fromCookie >= 3 && fromCookie <= 8) zoom = fromCookie; } } return zoom; } function mbPackNow() { var node = document.getElementById("books"); if (!node) return false; if (!node.classList.contains("grid")) return true; var app = node.closest(".app"); if (app && app.classList.contains("is-infinity")) return true; var packed = measurePack(node, mbZoom()); if (packed) document.documentElement.dataset.mbPack = "packed"; return packed; } // Marketing home has no library grid — skip the MutationObserver / rAF spin. var mbPackPath = location.pathname || ""; if (mbPackPath === "/" || mbPackPath === "/onboard" || mbPackPath.indexOf("/onboard/") === 0) { document.documentElement.dataset.mbPack = "skip"; } else { document.documentElement.dataset.mbPack = "boot"; var mbPackFrames = 0; var mbPackQueued = false; var mbPackObserver = null; function mbPackSoon() { var node = document.getElementById("books"); if (node && node.classList.contains("grid") && !node.__mbWatch) { node.__mbWatch = 1; var ro = new ResizeObserver(function () { if (!mbPackNow()) return; ro.disconnect(); if (mbPackObserver) mbPackObserver.disconnect(); }); node.__mbRo = ro; ro.observe(node.parentElement || node); } if (mbPackNow()) { if (node && node.__mbRo) node.__mbRo.disconnect(); if (mbPackObserver) mbPackObserver.disconnect(); return; } if (mbPackQueued || mbPackFrames >= 120) return; mbPackQueued = true; mbPackFrames += 1; requestAnimationFrame(function () { mbPackQueued = false; mbPackSoon(); }); } mbPackObserver = new MutationObserver(function () { mbPackSoon(); }); mbPackObserver.observe(document.documentElement, { childList: true, subtree: true }); if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", mbPackSoon); else mbPackSoon(); } })();