/* global React, Icon, fmtViews, fmtDate, ytThumb, CARS, TOPICS, DIFF_LABEL, DIY_LABEL, TYPE_LABEL */ // ============================================================ // BUSCA FULL-TEXT NAS TRANSCRIÇÕES (rev. 14) // Índice lazy-loaded (transcript-fulltext-index.json, ~3.7MB gzip) — só // baixa na primeira busca. Cada segmento tem timestamp → link pro momento exato. // ============================================================ let _ftIndex = null; // [{id, s:[[start,text],...]}] let _ftIndexPromise = null; function _normalize(s) { // remove acentos para casar "valvula"/"válvula" return (s || '').toLowerCase().normalize('NFD').replace(/[̀-ͯ]/g, ''); } async function loadFullTextIndex() { if (_ftIndex) return _ftIndex; if (_ftIndexPromise) return _ftIndexPromise; _ftIndexPromise = fetch('transcript-fulltext-index.json') .then(r => r.ok ? r.json() : []) .then(data => { _ftIndex = data; return data; }) .catch(() => { _ftIndex = []; return []; }); return _ftIndexPromise; } // Busca termos no texto das transcrições. Retorna até `limit` vídeos, cada um com // o melhor segmento (mais termos casados) + timestamp + snippet. async function fullTextSearch(query, limit = 12) { const terms = _normalize(query).split(/\s+/).filter(w => w.length > 2); if (terms.length === 0) return []; const index = await loadFullTextIndex(); const out = []; for (const entry of index) { let best = null, bestHits = 0, totalHits = 0; for (const [start, text] of entry.s) { const norm = _normalize(text); let hits = 0; for (const t of terms) if (norm.includes(t)) hits++; if (hits === 0) continue; totalHits += hits; if (hits > bestHits) { bestHits = hits; best = { start, text }; } } if (best) { out.push({ id: entry.id, timestamp_s: best.start, snippet: best.text, termsMatched: bestHits, totalHits, }); } } // Ranqueia: mais termos distintos no melhor segmento, depois total de ocorrências out.sort((a, b) => (b.termsMatched - a.termsMatched) || (b.totalHits - a.totalHits)); return out.slice(0, limit); } // ============================================================ // BUSCA HÍBRIDA — semântica (Voyage/Vectorize) + keyword merge // pool: vídeos candidatos (filtrado por carro/tópico, ou allVideos) // allVideosMap: map id→v para lookup rápido dos resultados do Worker // ============================================================ async function hybridSearch(text, pool, allVideos) { const words = text.toLowerCase().split(/\s+/).filter(w => w.length > 2); const vidMap = Object.fromEntries(allVideos.map(v => [v.id, v])); const poolIds = new Set(pool.map(v => v.id)); // 1. Keyword search no pool (título/resumo/tags) const kwScored = pool.map(v => { const hay = [v.title, v.summaryCard, v.sintomaPrincipal, v.tags] .filter(Boolean).join(' ').toLowerCase(); let score = 0; words.forEach(w => { if (hay.includes(w)) score += 1; }); return { v, kwScore: score }; }).filter(x => x.kwScore > 0); // 2. Semântica via Worker let semanticScored = []; try { const resp = await fetch('https://tucho-search-worker.paulosgarage.workers.dev/search', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://paulosgarage.com' }, body: JSON.stringify({ q: text, top_k: 20 }), signal: AbortSignal.timeout(5000), }); if (resp.ok) { const data = await resp.json(); semanticScored = (data.results || []) .map(r => ({ v: vidMap[r.id], score: r.score })) .filter(x => x.v && poolIds.has(x.v.id)); } } catch (_) { /* sem semântica */ } // 3. Full-text search nas transcrições (lazy-loaded, ~3.7MB na 1ª busca depois cache) // Crucial para ferramentas que só aparecem no transcript (ex: "aerógrafo" não está no título) const ftScoreMap = new Map(); // id → score (0.38–0.52) try { const ftResults = await fullTextSearch(text, 15); if (ftResults.length > 0) { const maxFtHits = Math.max(...ftResults.map(r => r.termsMatched), 1); ftResults .filter(r => poolIds.has(r.id) && vidMap[r.id]) .forEach(r => { ftScoreMap.set(r.id, 0.38 + (r.termsMatched / maxFtHits) * 0.14); }); } } catch (_) { /* sem full-text */ } if (semanticScored.length === 0 && ftScoreMap.size === 0) { // Só keyword const result = kwScored.sort((a, b) => b.kwScore - a.kwScore); return result.length > 0 ? result.map(x => ({ v: x.v, score: x.kwScore })) : pool.slice(0, 20).map(v => ({ v, score: 0 })); } // Merge: semântico + boost keyword + boost full-text const kwMap = new Map(kwScored.map(x => [x.v.id, x.kwScore])); const maxKw = Math.max(...kwScored.map(x => x.kwScore), 1); // Mapa final: id → {v, score} const scoreMap = new Map(); // Seed com resultados semânticos (+ boost kw + boost ft) for (const x of semanticScored) { const kw = kwMap.get(x.v.id) || 0; const kwBoost = (kw / maxKw) * 0.08; const ftScore = ftScoreMap.get(x.v.id) || 0; // Se full-text score > semântico, eleva parcialmente em direção ao ft score const ftBoost = ftScore > x.score ? (ftScore - x.score) * 0.6 : 0; scoreMap.set(x.v.id, { v: x.v, score: Math.min(x.score + kwBoost + ftBoost, 0.99) }); } // Full-text que NÃO apareceu no top semântico (caso crítico: aerógrafo só no transcript) ftScoreMap.forEach((ftScore, id) => { if (!scoreMap.has(id) && vidMap[id]) { const kw = kwMap.get(id) || 0; const kwBoost = (kw / maxKw) * 0.05; scoreMap.set(id, { v: vidMap[id], score: ftScore + kwBoost }); } }); // Keyword-only (NÃO está em semântico nem full-text) for (const x of kwScored) { if (!scoreMap.has(x.v.id)) { scoreMap.set(x.v.id, { v: x.v, score: 0.30 + (x.kwScore / maxKw) * 0.12 }); } } return [...scoreMap.values()].sort((a, b) => b.score - a.score).slice(0, 15); } // ============================================================ // AFFILIATE MODAL — popup de opções de compra no Mercado Livre // ============================================================ // Preços embutidos no build (fetch_ml_prices.py) — sem chamada live. function AffiliateModal({ name, group, onClose }) { // Ordena por preço crescente (sem preço fica por último) const sorted = React.useMemo(() => { return [...group].sort((a, b) => { if (a.price == null && b.price == null) return 0; if (a.price == null) return 1; if (b.price == null) return -1; return a.price - b.price; }); }, [group]); const fmtBRL = v => v != null ? 'R$ ' + v.toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : null; // Nota de data da ultima atualizacao de preco const priceDate = group.find(g => g.price_updated_at)?.price_updated_at || null; // fecha com Esc React.useEffect(() => { const handler = e => { if (e.key === 'Escape') onClose(); }; document.addEventListener('keydown', handler); return () => document.removeEventListener('keydown', handler); }, [onClose]); // Portal direto no document.body — evita que transform/overflow do pai quebre o fixed const modalContent = (
e.stopPropagation()} style={{ background: '#ffffff', borderRadius: 8, maxWidth: 420, width: '100%', maxHeight: '82vh', overflowY: 'auto', boxShadow: '0 8px 40px rgba(0,0,0,0.45)', border: '1px solid var(--pg-rule)', }}> {/* cabeçalho fixo */}
🛒 Comprar no Mercado Livre
{name}
{/* lista de itens */}
{sorted.map((item) => { const displayTitle = item.title; const price = fmtBRL(item.price); const unavailable = item.available === false; return (
{/* thumbnail */}
{item.thumbnail ? : 🔧 }
{/* info */}
{displayTitle}
{price ? {price} : preço indisponível } {unavailable && (
sem estoque
)}
Ver oferta ↗
); })}
{/* rodapé */}
* Links de parceiro — se comprar através deles, ajuda a manter o canal sem custo extra pra você. {priceDate ? `Preços atualizados em ${priceDate}.` : 'Preços atualizados periodicamente.'}
); return ReactDOM.createPortal(modalContent, document.body); } // ============================================================ // VIDEO PAGE — individual video view // ============================================================ function VideoPage({ video, allVideos, onBack, onOpen, onOpenCar }) { if (!video) return null; // Relacionados: (mesmo carro + mesmo tópico) > mesmo carro > mesmo tópico > resto // Prioridade intersection garante que vídeo de pintura mostre outros de pintura antes // de vídeos genéricos do mesmo carro. const related = (() => { const pool = allVideos.filter(v => v.id !== video.id); const byCar = pool.filter(v => video.car && v.car === video.car); const byTopic = pool.filter(v => video.topics && v.topics && v.topics.some(t => (video.topics||[]).includes(t))); const byTopicSet = new Set(byTopic.map(v => v.id)); const byCarSet = new Set(byCar.map(v => v.id)); const both = byCar.filter(v => byTopicSet.has(v.id)); const carOnly = byCar.filter(v => !byTopicSet.has(v.id)); const topicOnly = byTopic.filter(v => !byCarSet.has(v.id)); const seen = new Set(); const out = []; for (const v of [...both, ...carOnly, ...topicOnly, ...pool]) { if (!seen.has(v.id)) { seen.add(v.id); out.push(v); } if (out.length === 10) break; } return out; })(); // Série: outros episódios da mesma série const seriesVideos = video.isSeries && video.seriesName ? allVideos .filter(v => v.id !== video.id && v.seriesName === video.seriesName) .sort((a, b) => (a.seriesPart || 0) - (b.seriesPart || 0)) : []; // Descrição: summaryCard como principal; se muito curto (<80 chars), usa a descrição original do YouTube const rawSummary = video.summaryCard || ''; const rawDescription = (video.description || '').split('\n')[0].trim(); // só primeiro parágrafo const description = rawSummary.length >= 80 ? rawSummary : rawSummary ? rawSummary + (rawDescription && rawDescription !== rawSummary ? ' ' + rawDescription : '') : rawDescription; // helper — cabeçalho de seção da sidebar const SideH = ({children}) => (
{children}
); // helper — formata torque para exibição const fmtTorque = (t) => { if (t.display) return t.display; const comp = t.component && t.component !== 'desconhecido' ? ` — ${t.component}` : ''; return `${t.value_nm} kgf·m${comp}`; }; const isLowConf = (t) => t.confidence === 'low' || t.confidence === 'medium_low'; // formata segundos → M:SS, MM:SS ou H:MM:SS const fmtTs = (s) => { const h = Math.floor(s / 3600); const m = Math.floor((s % 3600) / 60); const sec = s % 60; if (h > 0) return `${h}:${String(m).padStart(2,'0')}:${String(sec).padStart(2,'0')}`; return `${m}:${String(sec).padStart(2,'0')}`; }; // dados técnicos curados const torques = (video.curatedTorqueSpecs || []).filter(t => t.display || t.value_nm); // jump points — tool/part mentions merged into Dados Técnicos (dedup by nome) const jumpPoints = video.jumpPoints || []; const jpToolItems = jumpPoints .filter(jp => jp.t === 'tool_mention' && jp.l) .map(jp => ({name: jp.l, timestamp_s: jp.s})); const jpPartItems = jumpPoints .filter(jp => jp.t === 'part_mention' && jp.l) .map(jp => ({name: jp.l, timestamp_s: jp.s})); const _mergeByName = (curated, extras) => { const seen = new Set(curated.map(x => (x.name || x).toLowerCase().trim())); return [...curated, ...extras.filter(x => !seen.has((x.name || x).toLowerCase().trim()))]; }; const tools = _mergeByName(video.curatedTools || [], jpToolItems); const replaced = _mergeByName(video.curatedPartsReplaced || [], jpPartItems); const hasTechData = torques.length || tools.length || replaced.length; // estado para "ver mais" nas listas de peças e ferramentas const TECH_LIMIT = 5; const [showAllParts, setShowAllParts] = React.useState(false); const [showAllTools, setShowAllTools] = React.useState(false); // modal de afiliados ML const [affModal, setAffModal] = React.useState(null); // {name, group:[{item_id,aff_url,title}]} return (
{e.preventDefault();onBack();}}> ◂ VOLTAR AO PORTAL
{/* ── grid principal: player + sidebar ── */}
{/* coluna esquerda: player + título + tags + descrição */}