cross-link: companies-in-this-story sidebar + unified company search

Feature 1 — sidebar
  Adds a "Companies in this story" panel on every news article that
  surfaces every directory company my linker matched in the body. Each
  tile shows logo, name, Sponsor / NAB 26 / IBC badges, and a one-sentence
  bio. Tiles link to /manufacturers/<slug> and carry data-company-slug so
  the global hover card pops on hover too.

  Extends company-mentions.ts with linkifyAndExtractMentions() that
  returns both the linked HTML and the ordered list of matched slugs in
  one pass, so /news/[slug] doesn't re-scan the body for the sidebar.

Feature 2 — unified typeahead
  /api/search/suggest now returns { companies, items } — companies are
  matched against bb.tracked_companies (directory_visible=true), capped
  at 6, ordered by featured → mention_count, then bumped if they're an
  active advertiser on broadcastbeat (adv schema lookup).

  Header search dropdown renders a "Companies" section at the top with
  logo, name, Sponsor badge (active advertiser) or NAB 26 badge, above
  the existing "Stories" results. Each company link carries
  data-company-slug so the hover card works in the dropdown too.
This commit is contained in:
Ryan Salazar
2026-05-27 12:47:54 +00:00
parent 621d7f45fc
commit a59846a524
6 changed files with 287 additions and 12 deletions

View File

@@ -14,6 +14,7 @@ import type { Article } from "@/lib/articles/types";
interface NewsArticleDetailClientProps {
article: Article;
relatedArticles: Article[];
companiesInStory?: React.ReactNode;
}
function getSessionId(): string {
@@ -29,6 +30,7 @@ function getSessionId(): string {
export default function NewsArticleDetailClient({
article,
relatedArticles,
companiesInStory,
}: NewsArticleDetailClientProps) {
const [isSaved, setIsSaved] = useState(false);
const [savingState, setSavingState] = useState<"idle" | "saving" | "removing">("idle");
@@ -519,6 +521,9 @@ export default function NewsArticleDetailClient({
{/* Blackmagic 300x600 fixed at top + every 300x250 banner stacked */}
<SidebarAdStack />
{/* Companies referenced in the article body */}
{companiesInStory}
{/* Related Articles Sidebar */}
<div className="bg-[#111] border border-[#222] p-5">
<h3 className="font-body font-bold text-xs text-[#3b82f6] uppercase tracking-widest mb-4 pb-2 border-b border-[#222]">