Taxonomy Context

1// Taxonomy state — categories + tags fetched ONCE and shared across every page/card. Wrap the app
2// in <TaxonomyProvider>; components read useTaxonomy(). Resolving a post's categoryIds/tagIds to
3// chip labels runs on every post render, so this MUST be a single shared fetch — never re-query per
4// card. Data wiring (destructuring, .label display, id→object maps) is correct as-is; don't re-derive.
5import { createContext, useContext, useState, useEffect, useMemo } from "react";
6import { queryCategories, queryTags } from "@/rest/wix-blog";
7
8const TaxonomyContext = createContext(null);
9
10export function TaxonomyProvider({ children }) {
11  const [categories, setCategories] = useState([]);
12  const [tags, setTags] = useState([]);
13
14  useEffect(() => {
15    // NB: destructure — queryCategories → { categories, total }, queryTags → { tags, total }.
16    queryCategories().then(({ categories }) => setCategories(categories));
17    queryTags().then(({ tags }) => setTags(tags));
18  }, []);
19
20  // display c.label · count c.postCount  /  display t.label · count t.publishedPostCount
21  const catById = useMemo(() => new Map(categories.map((c) => [c.id, c])), [categories]);
22  const tagById = useMemo(() => new Map(tags.map((t) => [t.id, t])), [tags]);
23
24  return (
25    <TaxonomyContext.Provider value={{ categories, tags, catById, tagById }}>
26      {children}
27    </TaxonomyContext.Provider>
28  );
29}
30
31export function useTaxonomy() {
32  const ctx = useContext(TaxonomyContext);
33  if (!ctx) throw new Error("useTaxonomy must be used within <TaxonomyProvider>");
34  return ctx;
35}