/* global React, ReactDOM, window */ const { CATEGORIES_EXT, ARTICLES, AUTHORS, TAGS_EXT } = window.cynixDataExt; const { TAGS_V2 } = window.cynixDataExtV2; const { SharedMasthead, Breadcrumb, Colophon, findAuthor, findCategory } = window.cynixShared; const QUERY = "ConoHa VPS"; // Build mock results — re-rank by simple keyword presence const candidates = ARTICLES.map((a) => { let score = 0; const haystack = [a.title, a.deck, ...(a.tags || [])].join(" ").toLowerCase(); ["conoha", "vps", "wordpress", "ベンチ", "高速化"].forEach((kw, i) => { if (haystack.includes(kw.toLowerCase())) score += [40, 35, 18, 12, 10][i]; }); return { ...a, score: score + (a.featured ? 8 : 0) }; }).filter((a) => a.score > 8).sort((a, b) => b.score - a.score); const RESULTS = candidates.length >= 4 ? candidates : ARTICLES.slice(0, 6); const TAG_HITS = Array.from( new Map( [...TAGS_EXT, ...TAGS_V2] .filter((t) => /vps|conoha|wordpress|高速/i.test(t.label)) .map((t) => [t.slug, t]) ).values() ).slice(0, 6); const AUTHOR_HITS = AUTHORS.filter((a) => /vps|conoha|レビュー|編集長/i.test(`${a.role_jp} ${a.bio || ""}`)).slice(0, 3); // Result row const ResultRow = ({ a, i }) => { const cat = findCategory(a.category); const auth = findAuthor(a.author); // highlight matched terms const highlight = (text) => { if (!text) return ""; const parts = String(text).split(/(ConoHa|VPS|WordPress|高速化)/gi); return parts.map((p, idx) => /^(ConoHa|VPS|WordPress|高速化)$/i.test(p) ? {p} : p ); }; return (
  • RANK #{String(i + 1).padStart(2, "0")} SCORE {a.score}
    {cat.title.toUpperCase()} · {a.published} · P.{a.pageNum} · {a.readTime} MIN READ
    {highlight(a.title)}

    {highlight(a.deck)}

    cynix.jp / {cat.title} / {a.author} / …/{a.slug}
    {(a.tags || []).slice(0, 5).map((t) => ( #{t} ))}
    {auth.name_jp}
    {auth.role_en}
    • ); }; const App = () => (
    {/* Search bar — large, like a card catalog */}
    SEARCH
    QUERY
    {QUERY}
    {/* Filters / facets row */}
    {[ { label: "RESULTS", val: RESULTS.length, sub: "ARTICLES" }, { label: "TAGS", val: TAG_HITS.length, sub: "MATCHED" }, { label: "AUTHORS", val: AUTHOR_HITS.length, sub: "MATCHED" }, { label: "TIME", val: "0.08", sub: "SECONDS" }, ].map((m, i, arr) => (
    {m.label} {m.val} {m.sub}
    ))}
    {/* Sort + filter controls */}
    SORT {["RELEVANCE", "DATE ↓", "MOST READ", "READ TIME"].map((s, i) => ( ))}
    FILTER {CATEGORIES_EXT.slice(0, 4).map((c) => ( {c.title} ))}
      {RESULTS.map((a, i) => )}
    {/* Pagination */}
    SHOWING 1–{RESULTS.length} OF {RESULTS.length}
    {["←", "1", "2", "3", "→"].map((n, i) => ( ))}
    ); ReactDOM.createRoot(document.getElementById("root")).render();