(() => { if (window.__cgStockSearchFallback) return; window.__cgStockSearchFallback = true; const KEY = "cg:stocks-v1"; const TTL = 6 * 60 * 60 * 1000; let memory = null; let inflight = null; function localItems() { try { const raw = window.localStorage.getItem(KEY); if (!raw) return null; const parsed = JSON.parse(raw); if (!parsed || !parsed.ts || !Array.isArray(parsed.items)) return null; if (Date.now() - parsed.ts > TTL) return null; return parsed.items; } catch { return null; } } function setLocal(items) { try { window.localStorage.setItem(KEY, JSON.stringify({ ts: Date.now(), items })); } catch {} } function loadStocks() { if (memory && memory.length) return Promise.resolve(memory); const local = localItems(); if (local && local.length) { memory = local; return Promise.resolve(memory); } if (inflight) return inflight; inflight = fetch("/api/stocks/all", { cache: "default" }) .then((res) => (res.ok ? res.json() : { items: [] })) .then((json) => { const items = Array.isArray(json.items) ? json.items : []; if (items.length) { memory = items; setLocal(items); } return items; }) .catch(() => []) .finally(() => { inflight = null; }); return inflight; } function rank(stock, q, ql) { if (stock.symbol === q) return 1000; if (stock.name === q) return 900; if (stock.symbol && stock.symbol.startsWith(q)) return 800; if (stock.name && stock.name.startsWith(q)) return 700; if (stock.name && stock.name.toLowerCase().startsWith(ql)) return 600; if (stock.name && stock.name.includes(q)) return 500; if (stock.name && stock.name.toLowerCase().includes(ql)) return 400; if (stock.symbol && stock.symbol.includes(q)) return 300; return 0; } function ensureBox(root) { const input = root.querySelector("[data-cg-stock-search-input]"); let box = document.querySelector('[data-cg-fallback-results][data-owner="' + root.dataset.cgSearchId + '"]'); if (box) return box; box = document.createElement("div"); box.setAttribute("data-cg-fallback-results", ""); box.setAttribute("data-owner", root.dataset.cgSearchId || ""); box.className = "fixed z-[1000] max-h-[360px] overflow-auto rounded-md border border-[#2b303b] bg-[#0d1117] shadow-[0_12px_36px_rgba(0,0,0,0.45)]"; if (input) { const rect = input.getBoundingClientRect(); box.style.left = rect.left + "px"; box.style.top = rect.bottom + 4 + "px"; box.style.width = rect.width + "px"; } document.body.appendChild(box); return box; } function escapeHtml(value) { return String(value) .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'"); } function hide(root) { const box = root && document.querySelector('[data-cg-fallback-results][data-owner="' + root.dataset.cgSearchId + '"]'); if (box) box.remove(); } function paint(root, input, items) { if (root.querySelector("[data-cg-react-results]")) { hide(root); return; } const q = input.value.trim(); const ql = q.toLowerCase(); if (!q) { hide(root); return; } const matches = items .map((stock) => ({ stock, score: rank(stock, q, ql) })) .filter((item) => item.score > 0) .sort((a, b) => b.score - a.score) .slice(0, 8) .map((item) => item.stock); const box = ensureBox(root); if (!matches.length) { box.innerHTML = '

검색 결과가 없습니다.엔터로 인덱스 검색

'; return; } box.innerHTML = "

' + escapeHtml(name) + '' + escapeHtml(symbol) + '' + (market ? '' + escapeHtml(market) + '' : '') + '

"; } function schedule(input) { const root = input.closest("[data-cg-stock-search-root]"); if (!root) return; if (!root.dataset.cgSearchId) { root.dataset.cgSearchId = "search-" + Math.random().toString(36).slice(2); } const current = localItems() || memory; if (current && current.length) { paint(root, input, current); return; } const box = ensureBox(root); box.innerHTML = '

종목 데이터 불러오는 중...

'; loadStocks().then((items) => paint(root, input, items)); } document.addEventListener("focusin", (event) => { const input = event.target && event.target.closest && event.target.closest("[data-cg-stock-search-input]"); if (input) { loadStocks(); schedule(input); } }); document.addEventListener("input", (event) => { const input = event.target && event.target.closest && event.target.closest("[data-cg-stock-search-input]"); if (input) schedule(input); }); document.addEventListener("keydown", (event) => { const input = event.target && event.target.closest && event.target.closest("[data-cg-stock-search-input]"); if (!input) return; if (event.key === "Enter" && input.value.trim()) { const root = input.closest("[data-cg-stock-search-root]"); const first = root && root.querySelector("[data-cg-fallback-results] a"); if (first) { event.preventDefault(); window.location.href = first.href; } } if (event.key === "Escape") hide(input.closest("[data-cg-stock-search-root]")); }); document.addEventListener("mousedown", (event) => { document.querySelectorAll("[data-cg-stock-search-root]").forEach((root) => { const box = document.querySelector('[data-cg-fallback-results][data-owner="' + root.dataset.cgSearchId + '"]'); if (!root.contains(event.target) && !box?.contains(event.target)) hide(root); }); }); const observer = new MutationObserver(() => { document.querySelectorAll("[data-cg-stock-search-root]").forEach((root) => { if (root.querySelector("[data-cg-react-results]")) hide(root); }); }); observer.observe(document.documentElement, { childList: true, subtree: true }); })();