react-diff-view/src/hooks/useChangeSelect.ts

A git diff component to consume the git unified diff output.

import {Hunk} from 'gitdiff-parser';
import {useEffect} from 'react';
import {ChangeEventArgs} from '../context';
import {getChangeKey} from '../utils';
import {useCollection} from './helpers';

export interface UseChangeSelectOptions {
    multiple?: boolean;
}

export default function useChangeSelect(hunks: Hunk[], {multiple = false}: UseChangeSelectOptions = {}) {
    const {collection, clear, toggle, only} = useCollection<string>();
    // eslint-disable-next-line react-hooks/exhaustive-deps
    useEffect(clear, [hunks]);

    return [
        collection,
        ({change}: ChangeEventArgs) => {
            if (!change) {
                return;
            }

            const changeKey = getChangeKey(change);
            if (multiple) {
                toggle(changeKey);
            }
            else {
                only(changeKey);
            }
        },
    ] as const;
}