Image API helpers

[stephenwf]

Ported from: https://github.com/atlas-viewer/iiif-image-api

The non-fetching work is already in the @iiif/parser/image-3 package.

Also includes a simpler (and reactive) helper:

import { imageServices } from '@iiif/helpers';
import { useStore } from 'zustand';

function SomeComponent() {
  const { loadServiceSync } = useStore(imageServices.store);
  const service = {
    id: 'https://example.org/service'
    profile: 'level2',
    ...
  };
  const image = {
    width: 1000,
    height: 1000,
  }

  // Can use inside of a render.
  // the last argument will fetch in the background.
  const service = loadServiceSync({ id: 'https://example.org/service' }, image, true); 

  return <pre>{JSON.stringify(service, null, 2)}</pre>;
}

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.