Function computePerceptualDiffBox

ts/ImageDiff.tsx:47–64

(fp: ImageFilePair)

  const [, forceUpdate] = React.useState(0);
  const computePerceptualDiffBox = (fp: ImageFilePair) => {
    if (!isSameSizeImagePair(fp)) return;
    // TODO(danvk): restructure this, it's a mess
    (async () => {
      const response = await fetch(`/pdiffbbox/${fp.idx}`);
      const bbox = (await response.json()) as DiffBox;
      const {diffData} = fp;
      // XXX are there other fields?
      fp.diffData = {
        ...diffData,
        diffBounds: bbox,
      };
      console.log('forcing update');
      forceUpdate(n => n + 1); // tell react about this change
    })().catch((error: unknown) => {
      console.error(error);
    });
  };

  if (pdiffMode === 'bbox' && !pair.diffData) {
    // XXX this might shoot off unnecessary XHRs--use a Promise!