Function createComponentSlices

app/utilities/search.ts:424–489

(
  path: string,
  matchingIndices: ReadonlyArray<{ start: number; end: number }>
)

}

export function createComponentSlices(
  path: string,
  matchingIndices: ReadonlyArray<{ start: number; end: number }>
): Array<PathSlice> {
  const slices: PathSlice[] = [];

  const addComponent = (slice: StringSlice, componentIndex: number) => {
    slices.push({ type: "component", componentIndex, slice });
  };

  const addJoin = () => {
    slices.push({ type: "join" });
  };

  const addEllipsis = () => {
    slices.push({ type: "ellipsis" });
  };

  const components = path.split(".");

  let currentIndex = 0;
  let currentComponentIndex = 0;

  for (const component of components) {
    if (currentComponentIndex !== 0) {
      // Adds the "."
      currentIndex += 1;
    }

    const endIndex = currentIndex + component.length;

    // Example matchingIndices = [{ start: 0, end: 2 }, { start: 6, end: 11 }, { start: 12, end: 21 }]
    // currentIndex = 7
    // endIndex = 7 + 6 = 13
    const intersectingMatches = matchingIndices
      .filter(
        ({ start, end }) =>
          (currentIndex >= start && currentIndex <= end) ||
          (endIndex >= start && endIndex <= end) ||
          (start >= currentIndex && end <= endIndex)
      )
      .map(({ start, end }) => ({
        start: Math.max(start - currentIndex, 0),
        end: end - currentIndex,
      }));

    const stringSlices = getStringSlices(
      component,
      intersectingMatches,
      component.length + 1
    );

    for (const stringSlice of stringSlices) {
      addComponent(stringSlice, currentComponentIndex);
    }

    if (currentComponentIndex + 1 < components.length) {
      addJoin();