manufacturers + NAB Show naming sweep

- Standardize "NAB Show" / "2026 NAB Show" across badges, filter chips, and headings; never bare "NAB" in user-facing copy. - /manufacturers/[slug]: normalize show name at render, strip randomstring suffix on booth, hide booth unless the show is within 90 days, filter single-letter junk out of category display. - News filter "NAB Show" chip loose-matches any nab-tagged article so legacy "NAB 2026" tags still surface. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-27 22:07:29 +00:00
parent ec3118e7bc
commit 95eba5794b
9 changed files with 101 additions and 50 deletions
--- a/src/app/manufacturers/DirectoryClient.tsx
+++ b/src/app/manufacturers/DirectoryClient.tsx
@@ -129,12 +129,12 @@ export default function ManufacturerDirectoryClient({
              <div className="flex items-center gap-1.5 mt-1 mb-1.5 flex-wrap">
                {m.exhibits_nab && (
                  <span className="text-[10px] font-semibold uppercase tracking-wider bg-amber-50 text-amber-700 px-1.5 py-0.5 rounded">
-                    NAB 26
+                    2026 NAB Show
                  </span>
                )}
                {m.exhibits_ibc && (
                  <span className="text-[10px] font-semibold uppercase tracking-wider bg-blue-50 text-blue-700 px-1.5 py-0.5 rounded">
-                    IBC
+                    IBC 2026
                  </span>
                )}
                {m.featured && (
--- a/src/app/manufacturers/[slug]/page.tsx
+++ b/src/app/manufacturers/[slug]/page.tsx
@@ -9,6 +9,36 @@ export const revalidate = 1800;

 type Params = { slug: string };

+// Known show date ranges. Booth numbers only render when the show is
+// upcoming within 90 days; otherwise the row is shown without a booth.
+const SHOW_DATES: Record<string, { start: string; end: string }> = {
+  "NAB Show:2026": { start: "2026-04-11", end: "2026-04-16" },
+  "NAB Show NY:2026": { start: "2026-10-21", end: "2026-10-23" },
+  "IBC:2026": { start: "2026-09-11", end: "2026-09-14" },
+  "NAB Show:2027": { start: "2027-04-17", end: "2027-04-22" },
+};
+
+function normaliseShowName(raw: string | null | undefined): string {
+  const s = (raw || "").trim();
+  if (!s) return s;
+  if (/^nab(\s*show)?$/i.test(s)) return "NAB Show";
+  if (/^nab\s*(show\s*)?(ny|new\s*york)$/i.test(s)) return "NAB Show NY";
+  if (/^ibc(\s*show)?$/i.test(s)) return "IBC";
+  return s;
+}
+
+function shouldShowBooth(show: string, year: number | null): boolean {
+  if (!year) return false;
+  const dates = SHOW_DATES[`${show}:${year}`];
+  if (!dates) return false;
+  const today = new Date();
+  const start = new Date(dates.start + "T00:00:00Z");
+  const end = new Date(dates.end + "T23:59:59Z");
+  if (today > end) return false;
+  const daysUntilStart = (start.getTime() - today.getTime()) / 86_400_000;
+  return daysUntilStart <= 90;
+}
+
 async function loadManufacturer(slug: string) {
  const supabase = await createClient();
  const { data } = await supabase
@@ -163,12 +193,12 @@ export default async function ManufacturerProfile({
            <div className="flex items-center gap-2 flex-wrap text-xs">
              {company.exhibits_nab && (
                <span className="bg-amber-500/15 text-amber-300 px-2 py-0.5 rounded font-semibold uppercase tracking-wider">
-                  NAB Show 2026
+                  2026 NAB Show
                </span>
              )}
              {company.exhibits_ibc && (
                <span className="bg-blue-500/15 text-blue-300 px-2 py-0.5 rounded font-semibold uppercase tracking-wider">
-                  IBC
+                  IBC 2026
                </span>
              )}
              {(company.hq_city || company.hq_country) && (
@@ -315,21 +345,27 @@ export default async function ManufacturerProfile({
          </section>
        )}

-        {company.categories && company.categories.length > 0 && (
-          <section className="mb-10">
-            <h2 className="text-lg font-display font-bold text-[#e0e0e0] mb-2">Categories</h2>
-            <div className="flex flex-wrap gap-2">
-              {company.categories.map((c: string) => (
-                <span
-                  key={c}
-                  className="text-xs bg-[#1a1a1a] text-[#aaa] px-2.5 py-1 rounded-full"
-                >
-                  {c}
-                </span>
-              ))}
-            </div>
-          </section>
-        )}
+        {(() => {
+          const cleanCategories = (company.categories || []).filter(
+            (c: string) => typeof c === "string" && c.trim().length >= 2
+          );
+          if (cleanCategories.length === 0) return null;
+          return (
+            <section className="mb-10">
+              <h2 className="text-lg font-display font-bold text-[#e0e0e0] mb-2">Categories</h2>
+              <div className="flex flex-wrap gap-2">
+                {cleanCategories.map((c: string) => (
+                  <span
+                    key={c}
+                    className="text-xs bg-[#1a1a1a] text-[#aaa] px-2.5 py-1 rounded-full"
+                  >
+                    {c}
+                  </span>
+                ))}
+              </div>
+            </section>
+          );
+        })()}

        {shows.length > 0 && (
          <section className="mb-10">
@@ -337,21 +373,27 @@ export default async function ManufacturerProfile({
              Trade-show appearances
            </h2>
            <ul className="space-y-2">
-              {shows.map((s) => (
-                <li
-                  key={`${s.show}-${s.show_year}-${s.booth || "?"}`}
-                  className="bg-[#111] border border-[#252525] rounded-md px-4 py-3 flex items-center justify-between gap-4"
-                >
-                  <div className="min-w-0">
-                    <span className="font-semibold text-[#e0e0e0]">
-                      {s.show} {s.show_year}
-                    </span>
-                    {s.booth && (
-                      <span className="ml-3 text-sm text-[#888]">Booth {s.booth}</span>
-                    )}
-                  </div>
-                </li>
-              ))}
+              {shows.map((s) => {
+                const showName = normaliseShowName(s.show);
+                const label = showName === "NAB Show"
+                  ? `${s.show_year} NAB Show`
+                  : `${showName} ${s.show_year}`;
+                const cleanBooth = (s.booth || "").replace(/randomstring\s*$/i, "").trim();
+                const renderBooth = cleanBooth && shouldShowBooth(showName, s.show_year);
+                return (
+                  <li
+                    key={`${s.show}-${s.show_year}-${s.booth || "?"}`}
+                    className="bg-[#111] border border-[#252525] rounded-md px-4 py-3 flex items-center justify-between gap-4"
+                  >
+                    <div className="min-w-0">
+                      <span className="font-semibold text-[#e0e0e0]">{label}</span>
+                      {renderBooth && (
+                        <span className="ml-3 text-sm text-[#888]">Booth {cleanBooth}</span>
+                      )}
+                    </div>
+                  </li>
+                );
+              })}
            </ul>
          </section>
        )}
--- a/src/app/nab-2026/page.tsx
+++ b/src/app/nab-2026/page.tsx
@@ -9,14 +9,14 @@ import CompanyMentionsHover from "@/components/CompanyMentionsHover";
 export const revalidate = 600;

 export const metadata: Metadata = {
-  title: "NAB Show 2026 — Live Coverage Hub | Broadcast Beat",
+  title: "2026 NAB Show — Live Coverage Hub | Broadcast Beat",
  description:
-    "Broadcast Beat's live coverage of NAB Show 2026: 1,100+ exhibitors, the latest product launches, booth-by-booth news, and editorial pick stories from the show floor.",
+    "Broadcast Beat's live coverage of 2026 NAB Show: 1,100+ exhibitors, the latest product launches, booth-by-booth news, and editorial pick stories from the show floor.",
  alternates: { canonical: "/nab-2026" },
  openGraph: {
-    title: "NAB Show 2026 — Live Coverage Hub",
+    title: "2026 NAB Show — Live Coverage Hub",
    description:
-      "Live coverage, exhibitor list, and breaking product news from NAB Show 2026.",
+      "Live coverage, exhibitor list, and breaking product news from 2026 NAB Show.",
    type: "website",
    url: "https://broadcastbeat.com/nab-2026",
  },
@@ -101,7 +101,7 @@ export default async function NabHub() {
            <span className="text-xs text-[#888]">April 11–16, 2026 · Las Vegas</span>
          </div>
          <h1 className="text-3xl md:text-5xl font-display font-bold text-[#e0e0e0] mb-3">
-            NAB Show 2026
+            2026 NAB Show
          </h1>
          <p className="text-[#aaa] text-base max-w-3xl">
            {exhibitors.length.toLocaleString()} exhibitors confirmed.
@@ -118,7 +118,7 @@ export default async function NabHub() {
          <section>
            <header className="flex items-baseline justify-between mb-4">
              <h2 className="text-xl font-display font-bold text-[#e0e0e0]">
-                Coverage Partners at NAB
+                Coverage Partners at the 2026 NAB Show
              </h2>
              <span className="text-xs text-[#888]">{sponsorRows.length} exhibiting partner{sponsorRows.length === 1 ? "" : "s"}</span>
            </header>
@@ -193,7 +193,7 @@ export default async function NabHub() {
        <section>
          <header className="flex items-baseline justify-between mb-4">
            <h2 className="text-xl font-display font-bold text-[#e0e0e0]">
-              All NAB 2026 exhibitors
+              All 2026 NAB Show exhibitors
            </h2>
            <Link href="/manufacturers" className="text-xs text-[#3b82f6] hover:underline">
              Full directory →
--- a/src/app/news/NewsPageClient.tsx
+++ b/src/app/news/NewsPageClient.tsx
@@ -10,7 +10,7 @@ import type { Article } from "@/lib/articles/types";
 import AISuggestedArticles from "@/components/AISuggestedArticles";
 import SidebarAdStack from "@/components/SidebarAdStack";

-const CATEGORIES = ["All", "Cloud", "AI", "IP Workflows", "Live Production", "Streaming", "Audio", "Cameras", "NAB 2026", "EAS", "Sports Broadcasting", "Ad Tech"];
+const CATEGORIES = ["All", "Cloud", "AI", "IP Workflows", "Live Production", "Streaming", "Audio", "Cameras", "NAB Show", "EAS", "Sports Broadcasting", "Ad Tech"];

 // Map URL category slugs (?category=live-production) to a matching CATEGORIES label.
 function categoryFromSlug(slug: string | null): string {
@@ -72,9 +72,18 @@ export default function NewsPage({ articles }: { articles: Article[] }) {
    // Category filter
    if (activeCategory !== "All") {
      const cat = activeCategory.toLowerCase();
+      // The NAB Show chip should match any NAB-tagged article regardless of
+      // year suffix in the legacy tag (e.g. "NAB 2026", "NAB", "NAB Show").
+      const isNabChip = /\bnab\b/.test(cat);
      result = result.filter((a) => {
        const tags = Array.isArray(a?.tags) ? a.tags : [];
        const category = (a?.category ?? "").toLowerCase();
+        if (isNabChip) {
+          return (
+            tags.some((t) => /\bnab\b/.test((t ?? "").toLowerCase())) ||
+            /\bnab\b/.test(category)
+          );
+        }
        return (
          tags.some((t) => (t ?? "").toLowerCase() === cat) ||
          category.includes(cat)
@@ -302,7 +311,7 @@ export default function NewsPage({ articles }: { articles: Article[] }) {
                Popular Tags
              </h3>
              <div className="flex flex-wrap gap-2">
-                {["IP Workflows", "Cloud", "AI", "Live Production", "Streaming", "NAB 2026", "Audio", "Cameras"].map((tag) => (
+                {["IP Workflows", "Cloud", "AI", "Live Production", "Streaming", "NAB Show", "Audio", "Cameras"].map((tag) => (
                  <button
                    key={tag}
                    onClick={() => setActiveCategory(tag)}
--- a/src/components/AISuggestedArticles.tsx
+++ b/src/components/AISuggestedArticles.tsx
@@ -19,7 +19,7 @@ interface Article {

 const TOPIC_OPTIONS = [
  'Cloud', 'AI', 'IP Workflows', 'Live Production', 'Streaming',
-  'Audio', 'Cameras', 'NAB 2026', 'EAS', 'Sports Broadcasting', 'Ad Tech',
+  'Audio', 'Cameras', 'NAB Show', 'EAS', 'Sports Broadcasting', 'Ad Tech',
 ];

 const STORAGE_KEY_INTERESTS = 'bb_reader_interests';
--- a/src/components/CompaniesInThisStory.tsx
+++ b/src/components/CompaniesInThisStory.tsx
@@ -95,12 +95,12 @@ export default async function CompaniesInThisStory({ slugs }: { slugs: string[]
                  )}
                  {t.exhibitsNab && (
                    <span className="bg-amber-500/15 text-amber-300 px-1.5 py-0.5 rounded">
-                      NAB 26
+                      2026 NAB Show
                    </span>
                  )}
                  {t.exhibitsIbc && (
                    <span className="bg-blue-500/15 text-blue-300 px-1.5 py-0.5 rounded">
-                      IBC
+                      IBC 2026
                    </span>
                  )}
                </div>
--- a/src/components/CompanyMentionsHover.tsx
+++ b/src/components/CompanyMentionsHover.tsx
@@ -125,10 +125,10 @@ export default function CompanyMentionsHover() {
                  <span className="bg-emerald-50 text-emerald-700 px-1.5 py-0.5 rounded font-semibold uppercase tracking-wider">Sponsor</span>
                )}
                {preview.exhibitsNab && (
-                  <span className="bg-amber-50 text-amber-700 px-1.5 py-0.5 rounded font-semibold uppercase tracking-wider">NAB 26</span>
+                  <span className="bg-amber-50 text-amber-700 px-1.5 py-0.5 rounded font-semibold uppercase tracking-wider">2026 NAB Show</span>
                )}
                {preview.exhibitsIbc && (
-                  <span className="bg-blue-50 text-blue-700 px-1.5 py-0.5 rounded font-semibold uppercase tracking-wider">IBC</span>
+                  <span className="bg-blue-50 text-blue-700 px-1.5 py-0.5 rounded font-semibold uppercase tracking-wider">IBC 2026</span>
                )}
                {preview.hq && <span className="text-ink/60">{preview.hq}</span>}
              </div>
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -619,7 +619,7 @@ export default function Header() {
                              <span className="text-[9px] font-bold uppercase tracking-wider bg-emerald-500/15 text-emerald-300 px-1.5 py-0.5 rounded">Sponsor</span>
                            )}
                            {c.exhibitsNab && !c.isSponsor && (
-                              <span className="text-[9px] font-bold uppercase tracking-wider bg-amber-500/15 text-amber-300 px-1.5 py-0.5 rounded">NAB 26</span>
+                              <span className="text-[9px] font-bold uppercase tracking-wider bg-amber-500/15 text-amber-300 px-1.5 py-0.5 rounded">2026 NAB Show</span>
                            )}
                          </Link>
                        </li>
--- a/src/lib/ads.ts
+++ b/src/lib/ads.ts
@@ -57,7 +57,7 @@ const FALLBACK: Ad[] = [
    alt: "Zixi", click_url: "https://zixi.com/" },
  { slug: "telycam-300x250", label: "Telycam MixOne / ExploreXE", size: "300x250",
    src: "/legacy/ads/Telycam_Broadcast Beat_300x250_MixOne-ExploreXE_with_NAB2026_2f30157f.gif",
-    alt: "Telycam MixOne / ExploreXE — NAB 2026", click_url: "https://telycam.com/" },
+    alt: "Telycam MixOne / ExploreXE — 2026 NAB Show", click_url: "https://telycam.com/" },
  { slug: "lectrosonics-300x250", label: "Lectrosonics", size: "300x250",
    src: "/legacy/ads/300x250-banner-Our-Story-film_resize.jpg",
    alt: "Lectrosonics Our Story", click_url: "https://www.lectrosonics.com/" },