app/lib/scientific-names.tsx

Functions

Imports

It imports app/data/organisms.ts. Imported by app/routes/cv.tsx, app/routes/publications.$slug.tsx, app/routes/publications.tsx.

Source

1import type { ReactNode } from "react";
2
3import { ORGANISM_PATTERN } from "~/data/organisms";
4
5export function italicizeOrganisms(text: string): ReactNode[] {
6  const nodes: ReactNode[] = [];
7  let cursor = 0;
8
9  // matchAll does not disturb ORGANISM_PATTERN.lastIndex.
10  for (const match of text.matchAll(ORGANISM_PATTERN)) {
11    const start = match.index ?? 0;
12    if (start > cursor) nodes.push(text.slice(cursor, start));
13    nodes.push(<em key={`${start}-${match[0]}`}>{match[0]}</em>);
14    cursor = start + match[0].length;
15  }
16
17  if (cursor < text.length) nodes.push(text.slice(cursor));
18  return nodes;
19}