Function buildPages

packages/web/src/render.tsx:409–459

()

}

function buildPages() {
  const pages = new Map<string, RenderedPage>();
  const modelList = sortModels([...ModelEntries.values()]);
  const providerList = Object.entries(Providers).sort(([, a], [, b]) =>
    a.name.localeCompare(b.name),
  );

  const addPage = (route: string, page: RenderedPage) => {
    pages.set(normalizeRoute(route), page);
  };

  const home = renderPage(
    "models",
    <HomePage models={modelList} providers={providerList} labs={LabEntries} />,
  );

  addPage("/", home);
  addPage("/models", home);
  addPage(
    "/providers",
    renderPage("providers", <ProvidersPage providers={providerList} />),
  );
  addPage("/labs", renderPage("labs", <LabsPage labs={LabEntries} />));

  for (const model of modelList) {
    addPage(
      modelHref(model.id),
      renderPage("models", <ModelPage model={model} />, modelPageMetadata(model)),
    );
  }

  for (const [providerId, provider] of providerList) {
    const models = ProviderModelEntries.filter(
      (entry) => entry.providerId === providerId,
    );
    addPage(
      providerHref(providerId),
      renderPage(
        "providers",
        <ProviderPage providerId={providerId} provider={provider} models={models} />,
        providerPageMetadata(providerId, provider, models),
      ),
    );
  }

  for (const lab of LabEntries) {
    addPage(labHref(lab.id), renderPage("labs", <LabPage lab={lab} />, labPageMetadata(lab)));
  }

  return pages;
}

function renderPage(
  active: ActiveSection,