@fifthbell/brokaw 0.1.39

package/dist/types/canonical-article.d.ts

@@ -0,0 +1,247 @@
+import { z } from 'zod';
+declare const articleReferenceSchema: z.ZodObject<{
+    id: z.ZodString;
+    url: z.ZodString;
+    title: z.ZodString;
+    excerpt: z.ZodOptional<z.ZodString>;
+    time: z.ZodOptional<z.ZodString>;
+    categories: z.ZodDefault<z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        slug: z.ZodString;
+    }, z.core.$strip>>>;
+    hero: z.ZodOptional<z.ZodObject<{
+        url: z.ZodString;
+        alt: z.ZodString;
+    }, z.core.$strip>>;
+    featuredImage: z.ZodOptional<z.ZodObject<{
+        url: z.ZodString;
+        alt: z.ZodString;
+        caption: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    updatedAt: z.ZodOptional<z.ZodString>;
+    publishedAt: z.ZodOptional<z.ZodString>;
+    featured: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$loose>;
+export declare const canonicalArticleSchema: z.ZodObject<{
+    id: z.ZodCoercedString<unknown>;
+    slug: z.ZodString;
+    layout: z.ZodEnum<{
+        "article-page": "article-page";
+        homepage: "homepage";
+        "category-page": "category-page";
+        "search-page": "search-page";
+        404: "404";
+        "live-story": "live-story";
+        "link-in-bio": "link-in-bio";
+    }>;
+    canonicalUrl: z.ZodString;
+    contentVersion: z.ZodString;
+    publishedAt: z.ZodString;
+    updatedAt: z.ZodString;
+    status: z.ZodEnum<{
+        draft: "draft";
+        published: "published";
+    }>;
+    title: z.ZodString;
+    dek: z.ZodOptional<z.ZodString>;
+    excerpt: z.ZodOptional<z.ZodString>;
+    language: z.ZodEnum<{
+        en: "en";
+        es: "es";
+        it: "it";
+    }>;
+    sofascore_id: z.ZodOptional<z.ZodNumber>;
+    originalArticleId: z.ZodOptional<z.ZodString>;
+    featured: z.ZodBoolean;
+    authors: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        slug: z.ZodString;
+    }, z.core.$strip>>;
+    categories: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        slug: z.ZodString;
+    }, z.core.$strip>>;
+    featuredImage: z.ZodOptional<z.ZodObject<{
+        url: z.ZodString;
+        alt: z.ZodString;
+        caption: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    media: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        url: z.ZodString;
+        alt: z.ZodString;
+        caption: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
+    hero: z.ZodOptional<z.ZodObject<{
+        url: z.ZodString;
+        alt: z.ZodString;
+    }, z.core.$strip>>;
+    body: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"richText">;
+        html: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"heading">;
+        text: z.ZodString;
+        level: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"image">;
+        url: z.ZodString;
+        alt: z.ZodString;
+        caption: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"list">;
+        ordered: z.ZodDefault<z.ZodBoolean>;
+        items: z.ZodArray<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"divider">;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"infoBox">;
+        title: z.ZodOptional<z.ZodString>;
+        tone: z.ZodDefault<z.ZodEnum<{
+            success: "success";
+            neutral: "neutral";
+            info: "info";
+            warning: "warning";
+        }>>;
+        html: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"keyPoints">;
+        title: z.ZodDefault<z.ZodString>;
+        points: z.ZodArray<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"dataTable">;
+        caption: z.ZodOptional<z.ZodString>;
+        headers: z.ZodArray<z.ZodString>;
+        rows: z.ZodArray<z.ZodArray<z.ZodString>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"liveUpdate">;
+        timestamp: z.ZodString;
+        headline: z.ZodString;
+        html: z.ZodOptional<z.ZodString>;
+        media: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            url: z.ZodString;
+            alt: z.ZodString;
+            caption: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"audio">;
+        url: z.ZodString;
+        title: z.ZodOptional<z.ZodString>;
+        caption: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"youtube">;
+        videoId: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"x">;
+        url: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"instagram">;
+        url: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"tiktok">;
+        url: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"pullQuote">;
+        text: z.ZodString;
+        attribution: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>], "type">>;
+    seo: z.ZodOptional<z.ZodObject<{
+        metaTitle: z.ZodOptional<z.ZodString>;
+        metaDescription: z.ZodOptional<z.ZodString>;
+        ogImage: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    navigation: z.ZodOptional<z.ZodObject<{
+        categories: z.ZodArray<z.ZodObject<{
+            name: z.ZodString;
+            slug: z.ZodString;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
+    articles: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        url: z.ZodString;
+        title: z.ZodString;
+        excerpt: z.ZodOptional<z.ZodString>;
+        time: z.ZodOptional<z.ZodString>;
+        categories: z.ZodDefault<z.ZodArray<z.ZodObject<{
+            name: z.ZodString;
+            slug: z.ZodString;
+        }, z.core.$strip>>>;
+        hero: z.ZodOptional<z.ZodObject<{
+            url: z.ZodString;
+            alt: z.ZodString;
+        }, z.core.$strip>>;
+        featuredImage: z.ZodOptional<z.ZodObject<{
+            url: z.ZodString;
+            alt: z.ZodString;
+            caption: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>;
+        updatedAt: z.ZodOptional<z.ZodString>;
+        publishedAt: z.ZodOptional<z.ZodString>;
+        featured: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$loose>>>;
+    heroSlides: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        image: z.ZodString;
+        alt: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
+    heroLayout: z.ZodOptional<z.ZodEnum<{
+        spotlight: "spotlight";
+        editorial: "editorial";
+    }>>;
+    heroCategories: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        slug: z.ZodString;
+    }, z.core.$strip>>>;
+    showHero: z.ZodOptional<z.ZodBoolean>;
+    showEditorialHero: z.ZodOptional<z.ZodBoolean>;
+    breakingNews: z.ZodOptional<z.ZodObject<{
+        displayClass: z.ZodOptional<z.ZodString>;
+        sidebarFeature: z.ZodOptional<z.ZodObject<{
+            category: z.ZodString;
+            title: z.ZodString;
+            url: z.ZodString;
+            image: z.ZodString;
+            excerpt: z.ZodOptional<z.ZodString>;
+            publishedAt: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>;
+        sidebarSub: z.ZodOptional<z.ZodObject<{
+            category: z.ZodString;
+            title: z.ZodString;
+            url: z.ZodString;
+            image: z.ZodString;
+            alt: z.ZodOptional<z.ZodString>;
+            readTime: z.ZodOptional<z.ZodString>;
+            excerpt: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>;
+        main: z.ZodOptional<z.ZodObject<{
+            category: z.ZodString;
+            title: z.ZodString;
+            url: z.ZodString;
+            liveUrl: z.ZodOptional<z.ZodString>;
+            sofascore_id: z.ZodOptional<z.ZodNumber>;
+            image: z.ZodString;
+            alt: z.ZodOptional<z.ZodString>;
+            excerpt: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>;
+        updates: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            timestamp: z.ZodOptional<z.ZodString>;
+            time: z.ZodOptional<z.ZodString>;
+            text: z.ZodOptional<z.ZodString>;
+            html: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>>;
+        snacks: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            category: z.ZodOptional<z.ZodString>;
+            readTime: z.ZodOptional<z.ZodString>;
+            title: z.ZodString;
+            url: z.ZodString;
+            excerpt: z.ZodOptional<z.ZodString>;
+            image: z.ZodOptional<z.ZodString>;
+            alt: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>;
+    liveStory: z.ZodOptional<z.ZodObject<{
+        lastUpdated: z.ZodOptional<z.ZodString>;
+        keyPoints: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    }, z.core.$strip>>;
+}, z.core.$loose>;
+export type SelfReference = z.infer<typeof articleReferenceSchema>;
+export type CanonicalArticle = z.infer<typeof canonicalArticleSchema>;
+export {};

package/dist/types/canonical-article.js

@@ -0,0 +1,235 @@
+import { z } from 'zod';
+const isoDateTime = z.string().datetime();
+const authorSchema = z.object({
+    name: z.string(),
+    slug: z.string()
+});
+const categorySchema = z.object({
+    name: z.string(),
+    slug: z.string()
+});
+const featuredImageSchema = z.object({
+    url: z.string(),
+    alt: z.string(),
+    caption: z.string().optional()
+});
+const heroSchema = z.object({
+    url: z.string(),
+    alt: z.string()
+});
+const bodyBlockSchema = z.discriminatedUnion('type', [
+    z.object({
+        type: z.literal('richText'),
+        html: z.string()
+    }),
+    z.object({
+        type: z.literal('heading'),
+        text: z.string(),
+        level: z.union([z.literal(2), z.literal(3), z.literal(4)]).default(2)
+    }),
+    z.object({
+        type: z.literal('image'),
+        url: z.string(),
+        alt: z.string(),
+        caption: z.string().optional()
+    }),
+    z.object({
+        type: z.literal('list'),
+        ordered: z.boolean().default(false),
+        items: z.array(z.string()).min(1)
+    }),
+    z.object({
+        type: z.literal('divider')
+    }),
+    z.object({
+        type: z.literal('infoBox'),
+        title: z.string().optional(),
+        tone: z.enum(['neutral', 'info', 'warning', 'success']).default('neutral'),
+        html: z.string()
+    }),
+    z.object({
+        type: z.literal('keyPoints'),
+        title: z.string().default('Key Points'),
+        points: z.array(z.string()).min(1)
+    }),
+    z.object({
+        type: z.literal('dataTable'),
+        caption: z.string().optional(),
+        headers: z.array(z.string()).min(1),
+        rows: z.array(z.array(z.string())).min(1)
+    }),
+    z.object({
+        type: z.literal('liveUpdate'),
+        timestamp: isoDateTime,
+        headline: z.string(),
+        html: z.string().optional(),
+        media: z
+            .array(z.object({
+            url: z.string(),
+            alt: z.string(),
+            caption: z.string().optional()
+        }))
+            .optional()
+    }),
+    z.object({
+        type: z.literal('audio'),
+        url: z.string().url(),
+        title: z.string().optional(),
+        caption: z.string().optional()
+    }),
+    z.object({
+        type: z.literal('youtube'),
+        videoId: z.string()
+    }),
+    z.object({
+        type: z.literal('x'),
+        url: z.string().url()
+    }),
+    z.object({
+        type: z.literal('instagram'),
+        url: z.string().url()
+    }),
+    z.object({
+        type: z.literal('tiktok'),
+        url: z.string().url()
+    }),
+    z.object({
+        type: z.literal('pullQuote'),
+        text: z.string(),
+        attribution: z.string().optional()
+    })
+]);
+const articleReferenceSchema = z
+    .object({
+    id: z.string().uuid(),
+    url: z.string(),
+    title: z.string(),
+    excerpt: z.string().optional(),
+    time: z.string().optional(),
+    categories: z.array(categorySchema).default([]),
+    hero: heroSchema.optional(),
+    featuredImage: featuredImageSchema.optional(),
+    updatedAt: isoDateTime.optional(),
+    publishedAt: isoDateTime.optional(),
+    featured: z.boolean().optional()
+})
+    .passthrough();
+export const canonicalArticleSchema = z
+    .object({
+    id: z.coerce.string(),
+    slug: z.string(),
+    layout: z.enum([
+        'article-page',
+        'homepage',
+        'category-page',
+        'search-page',
+        '404',
+        'live-story',
+        'link-in-bio',
+    ]),
+    canonicalUrl: z.string(),
+    contentVersion: isoDateTime,
+    publishedAt: isoDateTime,
+    updatedAt: isoDateTime,
+    status: z.enum(['draft', 'published']),
+    title: z.string(),
+    dek: z.string().optional(),
+    excerpt: z.string().optional(),
+    language: z.enum(['en', 'es', 'it']),
+    sofascore_id: z.number().int().positive().optional(),
+    originalArticleId: z.string().optional(),
+    featured: z.boolean(),
+    authors: z.array(authorSchema),
+    categories: z.array(categorySchema),
+    featuredImage: featuredImageSchema.optional(),
+    media: z.array(featuredImageSchema).optional(),
+    hero: heroSchema.optional(),
+    body: z.array(bodyBlockSchema),
+    seo: z
+        .object({
+        metaTitle: z.string().optional(),
+        metaDescription: z.string().optional(),
+        ogImage: z.string().optional()
+    })
+        .optional(),
+    navigation: z
+        .object({
+        categories: z.array(categorySchema)
+    })
+        .optional(),
+    articles: z.array(articleReferenceSchema).optional(),
+    heroSlides: z
+        .array(z.object({
+        image: z.string(),
+        alt: z.string().optional()
+    }))
+        .optional(),
+    heroLayout: z.enum(['spotlight', 'editorial']).optional(),
+    heroCategories: z.array(categorySchema).optional(),
+    showHero: z.boolean().optional(),
+    showEditorialHero: z.boolean().optional(),
+    breakingNews: z
+        .object({
+        displayClass: z.string().optional(),
+        sidebarFeature: z
+            .object({
+            category: z.string(),
+            title: z.string(),
+            url: z.string(),
+            image: z.string(),
+            excerpt: z.string().optional(),
+            publishedAt: isoDateTime.optional()
+        })
+            .optional(),
+        sidebarSub: z
+            .object({
+            category: z.string(),
+            title: z.string(),
+            url: z.string(),
+            image: z.string(),
+            alt: z.string().optional(),
+            readTime: z.string().optional(),
+            excerpt: z.string().optional()
+        })
+            .optional(),
+        main: z
+            .object({
+            category: z.string(),
+            title: z.string(),
+            url: z.string(),
+            liveUrl: z.string().optional(),
+            sofascore_id: z.number().int().positive().optional(),
+            image: z.string(),
+            alt: z.string().optional(),
+            excerpt: z.string().optional()
+        })
+            .optional(),
+        updates: z
+            .array(z.object({
+            timestamp: isoDateTime.optional(),
+            time: z.string().optional(),
+            text: z.string().optional(),
+            html: z.string().optional()
+        }))
+            .optional(),
+        snacks: z
+            .array(z.object({
+            category: z.string().optional(),
+            readTime: z.string().optional(),
+            title: z.string(),
+            url: z.string(),
+            excerpt: z.string().optional(),
+            image: z.string().optional(),
+            alt: z.string().optional()
+        }))
+            .optional()
+    })
+        .optional(),
+    liveStory: z
+        .object({
+        lastUpdated: z.string().optional(),
+        keyPoints: z.array(z.string()).optional()
+    })
+        .optional()
+})
+    .passthrough();

package/dist/utils/sofascore.d.ts

@@ -0,0 +1,3 @@
+export declare function normalizeSofascoreId(value: unknown): string | null;
+export declare function buildSofascoreAttackMomentumUrl(value: unknown): string;
+export declare function buildSofascoreMatchUrl(value: unknown): string;

package/dist/utils/sofascore.js

@@ -0,0 +1,31 @@
+const SOFASCORE_WIDGET_BASE = 'https://widgets.sofascore.com/embed/attackMomentum';
+const SOFASCORE_MATCH_BASE = 'https://www.sofascore.com/football/match';
+export function normalizeSofascoreId(value) {
+    if (typeof value === 'number') {
+        if (!Number.isInteger(value) || value <= 0)
+            return null;
+        return String(value);
+    }
+    if (typeof value === 'string') {
+        const trimmed = value.trim();
+        if (!/^\d+$/.test(trimmed))
+            return null;
+        const numeric = Number.parseInt(trimmed, 10);
+        if (!Number.isFinite(numeric) || numeric <= 0)
+            return null;
+        return String(numeric);
+    }
+    return null;
+}
+export function buildSofascoreAttackMomentumUrl(value) {
+    const normalizedId = normalizeSofascoreId(value);
+    if (!normalizedId)
+        return '';
+    return `${SOFASCORE_WIDGET_BASE}?id=${normalizedId}&widgetTheme=light`;
+}
+export function buildSofascoreMatchUrl(value) {
+    const normalizedId = normalizeSofascoreId(value);
+    if (!normalizedId)
+        return '';
+    return `${SOFASCORE_MATCH_BASE}#id:${normalizedId}`;
+}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@fifthbell/brokaw",
+  "description": "Server-side Handlebars renderer and templates for Fifth Bell pages.",
+  "version": "0.1.39",
+  "license": "MIT",
+  "author": "Fifth Bell",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fifthbell/brokaw.git"
+  },
+  "homepage": "https://github.com/fifthbell/brokaw#readme",
+  "bugs": {
+    "url": "https://github.com/fifthbell/brokaw/issues"
+  },
+  "keywords": [
+    "handlebars",
+    "ssr",
+    "renderer",
+    "news",
+    "templates"
+  ],
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "files": [
+    "dist",
+    "src/templates",
+    "src/partial-deps.json",
+    "src/styles/compiled.css"
+  ],
+  "type": "module",
+  "exports": {
+    ".": "./dist/renderer.js",
+    "./components/live-program": "./dist/components/live-program/LiveProgram.js",
+    "./partial-deps.json": "./src/partial-deps.json"
+  },
+  "scripts": {
+    "clean": "node -e \"require('node:fs').rmSync('dist',{ recursive: true, force: true })\"",
+    "build:css": "tailwindcss -i src/styles/global.css -o src/styles/compiled.css --minify",
+    "build": "npm run clean && npm run build:css && tsc -p tsconfig.build.json",
+    "storybook": "npm run build:css && storybook dev -p 6006",
+    "build-storybook": "npm run build:css && storybook build",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "test": "npm run test:unit",
+    "test:unit": "vitest run --project unit"
+  },
+  "dependencies": {
+    "date-fns": "^4.1.0",
+    "fast-average-color": "^9.5.2",
+    "framer-motion": "^12.38.0",
+    "handlebars": "^4.7.8",
+    "lucide-react": "^1.11.0",
+    "qrcode-generator": "^2.0.4",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.0.1",
+    "@storybook/addon-a11y": "^10.2.16",
+    "@storybook/addon-docs": "^10.2.16",
+    "@storybook/addon-vitest": "^10.2.16",
+    "@storybook/html-vite": "^10.2.16",
+    "@tailwindcss/cli": "^4.2.1",
+    "@types/handlebars": "^4.1.0",
+    "@types/node": "^20.19.37",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/coverage-v8": "^4.0.18",
+    "playwright": "^1.58.2",
+    "storybook": "^10.2.16",
+    "tailwindcss": "^4.2.1",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.18"
+  }
+}

package/src/partial-deps.json

@@ -0,0 +1,52 @@
+{
+  "shell/doc-start-standard": ["article-page", "homepage", "category-page", "search-page"],
+  "shell/doc-start-404": ["404"],
+  "shell/doc-end": ["article-page", "homepage", "category-page", "search-page", "404"],
+  "headers/header-main": ["article-page", "homepage", "category-page", "search-page"],
+  "headers/header-minimal": ["404"],
+  "footers/footer-full": ["article-page", "homepage", "category-page", "search-page"],
+  "footers/footer-minimal": ["404"],
+  "nav/nav-categories": ["article-page", "homepage", "category-page", "search-page"],
+  "components/article-main": ["article-page"],
+  "components/home/main": ["homepage"],
+  "components/category/main": ["category-page"],
+  "components/search/main": ["search-page"],
+  "components/not-found/main": ["404"],
+  "blocks/rich-text": ["article-page"],
+  "blocks/heading": ["article-page"],
+  "blocks/image": ["article-page"],
+  "blocks/list": ["article-page"],
+  "blocks/divider": ["article-page"],
+  "blocks/info-box": ["article-page"],
+  "blocks/key-points": ["article-page"],
+  "blocks/data-table": ["article-page"],
+  "blocks/live-update": ["article-page"],
+  "blocks/audio": ["article-page"],
+  "blocks/youtube": ["article-page"],
+  "blocks/x": ["article-page"],
+  "blocks/instagram": ["article-page"],
+  "blocks/tiktok": ["article-page"],
+  "blocks/pull-quote": ["article-page"],
+  "components/home/landing": ["homepage"],
+  "components/home/must-read": ["homepage"],
+  "components/home/more-stories": ["homepage"],
+  "components/category/header": ["category-page"],
+  "components/category/main-grid": ["category-page"],
+  "components/category/more-grid": ["category-page"],
+  "components/breaking-news": ["homepage"],
+  "components/breaking-news/live-updates-column": ["homepage"],
+  "components/snack": ["homepage", "category-page"],
+  "components/headline": ["homepage"],
+  "components/spotlight-hero": ["homepage"],
+  "components/editorial-hero": ["homepage"],
+  "components/hero": ["homepage"],
+  "components/hero-editorial": ["homepage"],
+  "components/trending": ["homepage"],
+  "components/ui/accordion": ["article-page", "homepage", "category-page", "search-page", "live-story", "404"],
+  "components/ui/breadcrumb": ["article-page", "homepage", "category-page", "search-page", "live-story", "404"],
+  "components/ui/icon-button": ["article-page", "homepage", "category-page", "search-page", "live-story", "404"],
+  "components/ui/loading-spinner": ["article-page", "homepage", "category-page", "search-page", "live-story", "404"],
+  "components/ui/pagination": ["article-page", "homepage", "category-page", "search-page", "live-story", "404"],
+  "components/ui/scroll-area": ["article-page", "homepage", "category-page", "search-page", "live-story", "404"],
+  "components/ui/status-badge": ["article-page", "homepage", "category-page", "search-page", "live-story", "404"]
+}