mirador/src/hooks/useCanvasWorldService.js

An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate functionality, ability to display/compare simple images, and images with annotations.

import { useSelector } from 'react-redux';

import CanvasWorld from '../lib/CanvasWorld';
import { getMiradorCanvasWrapper } from '../state/selectors/wrappers';

/** */
export default function useCanvasWorldService() {
  const getMiradorCanvas = useSelector(getMiradorCanvasWrapper);
  return { get: (canvases) => canvases && new CanvasWorld(canvases.map(getMiradorCanvas)) };
}