const { useState: useStateU, useEffect: useEffectU } = React; function AdapterIllus({ adapter }) { const c = adapter.svgAccent; if (adapter.kind === "cable") { return ( {[...Array(8)].map((_,i)=> )} {[...Array(8)].map((_,i)=> )} OBD-II {[...Array(8)].map((_,i)=> )} RJ45 {adapter.protocol.toUpperCase()} ); } const hasWifi = adapter.connection === "wifi"; const hasBt = adapter.connection === "bt" || adapter.connection === "ble"; return ( {adapter.name.split(" ")[0].toUpperCase()} READY {[...Array(8)].map((_,i)=> )} {[...Array(8)].map((_,i)=> )} {(hasWifi || hasBt) && ( {hasWifi && <> } {hasBt && <> } )} {adapter.protocol.toUpperCase()} ); } function AdaptLogo({ size = 40 }) { return ( OBDThink ); } function AdaptNav({ t, lang, setLang }) { const [menuOpen, setMenuOpen] = useStateU(false); const links = Object.entries(t.nav).filter(([k]) => k !== "download").map(([k,v]) => { const href = k === "adapters" ? `/${lang}/adapters` : k === "faq" ? `/${lang}/faq` : k === "blog" ? `/${lang}/blog` : `/#${k}`; return { k, v, href, active: k === "adapters" }; }); return (); } function AdaptHero({ t }) { return (
{t.hero.eyebrow}

{t.hero.title1}
{t.hero.title2}

{t.hero.sub}

{t.hero.note}
); } function FilterBar({ t, filter, setFilter, counts }) { const options = [{id:"all",label:t.legend.all},{id:"bt",label:t.legend.bt},{id:"wifi",label:t.legend.wifi},{id:"ble",label:t.legend.ble},{id:"cable",label:t.legend.cable}]; return (
{options.map(o => ())}
); } function SupportCell({ value, t }) { const map = { yes:{icon:,color:"var(--ok)",label:t.labels.yes}, partial:{icon:"~",color:"var(--warn)",label:t.labels.partial}, no:{icon:,color:"var(--fg-mute)",label:t.labels.no} }; const s = map[value]; return ( {s.icon} {s.label} ); } function ConnBadge({ type, t }) { const m = { bt:{icon:,label:t.legend.bt}, ble:{icon:,label:"BLE"}, wifi:{icon:,label:t.legend.wifi}, cable:{icon:,label:t.legend.cable} }; const s = m[type]; return ({s.icon} {s.label}); } function AdapterCard({ adapter, t, lang }) { const tagLabel = { recommended:t.labels.recommended, best:t.labels.best, essential:t.labels.essential }[adapter.tag]; const summary = lang === "tr" ? adapter.summaryTr : (adapter.summary?.[lang] || adapter.summaryEn); return (
{adapter.image ? ( {adapter.name} ) : ()} {tagLabel && (
{tagLabel}
)}
{adapter.rating}
{adapter.protocol}

{adapter.name}

{adapter.series}

{summary}

{adapter.platforms.map(p => ({p}))}
{t.labels.coding.toUpperCase()} {t.labels.diag.toUpperCase()} {t.labels.live.toUpperCase()}
{t.labels.estPrice}
{adapter.priceRange}
); } function AdapterGrid({ t, lang, filter }) { const filtered = ADAPTERS.filter(a => filter === "all" ? true : a.connection === filter); return (
{filtered.map(a => )}
); } function FitGuide({ t }) { return (
{t.fit.eyebrow}

{t.fit.title}

{t.fit.sub}

{t.fit.cards.map((c,i) => (
0{i+1} · {c.tag}

{c.title}

{t.labels.recommended}
{c.rec}
{c.price}

{c.reason}

))}
); } function WarningBlock({ t }) { return (

{t.warn.title}

{t.warn.body}

); } function AdaptCTA({ t }) { return (

{t.cta.title}

{t.cta.sub}

); } function AdaptFooter({ t, lang }) { return (); } function AdaptersApp() { const [lang, setLang] = useStateU(() => { if (typeof window.__INITIAL_LANG__ === "string" && window.__INITIAL_LANG__) return window.__INITIAL_LANG__; return typeof readSharedLang === "function" ? readSharedLang() : "tr"; }); const [filter, setFilter] = useStateU("all"); useEffectU(() => { if (typeof writeSharedLang === "function") writeSharedLang(lang); }, [lang]); useEffectU(() => { document.documentElement.lang = lang; }, [lang]); useEffectU(() => { const tt = T_ADAPT[lang]?.metaTitle; if (tt) document.title = tt; }, [lang]); const t = T_ADAPT[lang]; const counts = { all: ADAPTERS.length, bt: ADAPTERS.filter(a => a.connection === "bt").length, wifi: ADAPTERS.filter(a => a.connection === "wifi").length, ble: ADAPTERS.filter(a => a.connection === "ble").length, cable: ADAPTERS.filter(a => a.connection === "cable").length, }; return (<> ); } ReactDOM.createRoot(document.getElementById("root")).render();