mirador/src/extend/usePlugins.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 { useContext } from 'react';
import PluginContext from './PluginContext';

/** withPlugins should be the innermost HOC */
export function usePlugins(targetName) {
  const pluginMap = useContext(PluginContext);

  const plugins = (pluginMap || {})[targetName];

  const PluginComponents = (plugins?.add || []).map(plugin => plugin.component);

  return { PluginComponents };
}