@annotorious/react 3.0.0-rc.3 → 3.0.0-rc.30

package/dist/annotorious-react.es19.js

@@ -1,32 +1,5 @@
-import { jsx as d } from "./annotorious-react.es22.js";
-import { createContext as u, useState as w, useContext as l, useEffect as n } from "react";
-import { createOSDAnnotator as m } from "./annotorious-react.es26.js";
-import { AnnotoriousContext as g } from "./annotorious-react.es2.js";
-const s = u({ viewer: null, setViewer: null }), y = (e) => {
-  const { children: v, tool: i, ...c } = e, [o, f] = w(), { anno: t, setAnno: a } = l(g);
-  return n(() => {
-    if (o) {
-      const r = m(o, c);
-      return e.tool && r.setDrawingTool(e.tool), a(r), () => {
-        r.destroy(), a(void 0);
-      };
-    }
-  }, [o]), n(() => {
-    t && t.setDrawingTool(i);
-  }, [i]), n(() => {
-    t && t.setDrawingEnabled(e.drawingEnabled);
-  }, [e.drawingEnabled]), n(() => {
-    t && t.setFilter(e.filter);
-  }, [e.filter]), n(() => {
-    t && t.setStyle(e.style);
-  }, [e.style]), /* @__PURE__ */ d(s.Provider, { value: { viewer: o, setViewer: f }, children: e.children });
-}, C = () => {
-  const { viewer: e } = l(s);
-  return e;
-};
+var e = {};
 export {
-  y as OpenSeadragonAnnotator,
-  s as OpenSeadragonAnnotatorContext,
-  C as useViewer
+  e as __exports
 };
 //# sourceMappingURL=annotorious-react.es19.js.map

package/dist/annotorious-react.es19.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es19.js","sources":["../src/openseadragon/OpenSeadragonAnnotator.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useEffect, useState } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { createOSDAnnotator } from '@annotorious/openseadragon';\nimport { AnnotoriousOpts, DrawingStyle, Filter, ImageAnnotation } from '@annotorious/annotorious';\nimport { AnnotoriousContext } from '../Annotorious';\n\nexport const OpenSeadragonAnnotatorContext = createContext<{ \n  viewer: OpenSeadragon.Viewer,\n  setViewer(viewer: OpenSeadragon.Viewer): void\n}>({ viewer: null, setViewer: null });\n\nexport type OpenSeadragonAnnotatorProps<E extends unknown> = AnnotoriousOpts<ImageAnnotation, E> & {\n\n  children?: ReactNode;\n\n  drawingEnabled?: boolean;\n\n  filter?: Filter<ImageAnnotation>;\n\n  style?: DrawingStyle | ((annotation: ImageAnnotation) => DrawingStyle);\n\n  tool?: string | null;\n\n}\n\nexport const OpenSeadragonAnnotator = <E extends unknown>(props: OpenSeadragonAnnotatorProps<E>) => {\n\n  const { children, tool, ...opts } = props;\n\n  const [viewer, setViewer] = useState<OpenSeadragon.Viewer>();\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  useEffect(() => {\n    if (viewer) {\n      const anno = createOSDAnnotator<E>(viewer, opts);\n\n      if (props.tool)\n        anno.setDrawingTool(props.tool);\n\n      setAnno(anno);\n\n      return () => {\n        anno.destroy();\n        setAnno(undefined);\n      }\n    }\n  }, [viewer]);\n\n  useEffect(() => {\n    if (anno) anno.setDrawingTool(tool);\n  }, [tool]);\n\n  useEffect(() => {\n    if (anno) anno.setDrawingEnabled(props.drawingEnabled);\n  }, [props.drawingEnabled]);\n\n  useEffect(() => {\n    if (anno) anno.setFilter(props.filter);\n  }, [props.filter]);\n\n  useEffect(() => {\n    if (anno) anno.setStyle(props.style);\n  }, [props.style]);\n\n  return (\n    <OpenSeadragonAnnotatorContext.Provider value={{ viewer, setViewer }}>\n      {props.children}\n    </OpenSeadragonAnnotatorContext.Provider>\n  )\n\n}\n\nexport const useViewer = () => {\n  const { viewer } = useContext(OpenSeadragonAnnotatorContext);\n  return viewer;\n}"],"names":["OpenSeadragonAnnotatorContext","createContext","OpenSeadragonAnnotator","props","children","tool","opts","viewer","setViewer","useState","anno","setAnno","useContext","AnnotoriousContext","useEffect","createOSDAnnotator","jsx","useViewer"],"mappings":";;;;AAMO,MAAMA,IAAgCC,EAG1C,EAAE,QAAQ,MAAM,WAAW,MAAM,GAgBvBC,IAAyB,CAAoBC,MAA0C;AAElG,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAASH,GAE9B,CAACI,GAAQC,CAAS,IAAIC,EAA+B,GAErD,EAAE,MAAAC,GAAM,SAAAC,EAAQ,IAAIC,EAAWC,CAAkB;AAEvD,SAAAC,EAAU,MAAM;AACd,QAAIP,GAAQ;AACJG,YAAAA,IAAOK,EAAsBR,GAAQD,CAAI;AAE/C,aAAIH,EAAM,QACRO,EAAK,eAAeP,EAAM,IAAI,GAEhCQ,EAAQD,CAAI,GAEL,MAAM;AACXA,QAAAA,EAAK,QAAQ,GACbC,EAAQ,MAAS;AAAA,MAAA;AAAA,IAErB;AAAA,EAAA,GACC,CAACJ,CAAM,CAAC,GAEXO,EAAU,MAAM;AACV,IAAAJ,KAAMA,EAAK,eAAeL,CAAI;AAAA,EAAA,GACjC,CAACA,CAAI,CAAC,GAETS,EAAU,MAAM;AACV,IAAAJ,KAAWA,EAAA,kBAAkBP,EAAM,cAAc;AAAA,EAAA,GACpD,CAACA,EAAM,cAAc,CAAC,GAEzBW,EAAU,MAAM;AACV,IAAAJ,KAAWA,EAAA,UAAUP,EAAM,MAAM;AAAA,EAAA,GACpC,CAACA,EAAM,MAAM,CAAC,GAEjBW,EAAU,MAAM;AACV,IAAAJ,KAAWA,EAAA,SAASP,EAAM,KAAK;AAAA,EAAA,GAClC,CAACA,EAAM,KAAK,CAAC,GAGd,gBAAAa,EAAChB,EAA8B,UAA9B,EAAuC,OAAO,EAAE,QAAAO,GAAQ,WAAAC,EACtD,GAAA,UAAAL,EAAM,SACT,CAAA;AAGJ,GAEac,IAAY,MAAM;AAC7B,QAAM,EAAE,QAAAV,EAAA,IAAWK,EAAWZ,CAA6B;AACpD,SAAAO;AACT;"}
+{"version":3,"file":"annotorious-react.es19.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/annotorious-react.es2.js

@@ -1,42 +1,42 @@
-import { jsx as U } from "./annotorious-react.es22.js";
-import { createContext as j, forwardRef as E, useState as f, useImperativeHandle as H, useEffect as h, useContext as c } from "react";
-import { useDebounce as C } from "./annotorious-react.es23.js";
-const o = j({
+import { j as I } from "./annotorious-react.es11.js";
+import { createContext as O, forwardRef as R, useState as f, useImperativeHandle as U, useEffect as h, useContext as c } from "react";
+import { useDebounce as C } from "./annotorious-react.es12.js";
+const o = O({
   anno: void 0,
   setAnno: void 0,
   annotations: [],
   selection: { selected: [] }
-}), B = E((t, s) => {
-  const [n, u] = f(null), [p, r] = f([]), [A, l] = f({ selected: [] });
-  return H(s, () => n), h(() => {
+}), B = R((t, s) => {
+  const [n, a] = f(null), [p, r] = f([]), [m, u] = f({ selected: [] });
+  return U(s, () => n), h(() => {
     if (n) {
-      const { selection: m, store: e } = n.state;
+      const { selection: A, store: e } = n.state;
       e.all().length > 0 && r(e.all());
-      const v = (a) => r(() => e.all());
+      const v = () => r(() => e.all());
       e.observe(v);
       let i;
-      const b = m.subscribe(({ selected: a, pointerEvent: w }) => {
+      const b = A.subscribe(({ selected: l, pointerEvent: w }) => {
         i && e.unobserve(i);
-        const D = (a || []).map(({ id: d, editable: S }) => ({ annotation: e.getAnnotation(d), editable: S }));
-        l({ selected: D, pointerEvent: w }), i = (d) => {
+        const j = (l || []).map(({ id: d, editable: S }) => ({ annotation: e.getAnnotation(d), editable: S }));
+        u({ selected: j, pointerEvent: w }), i = (d) => {
           const { updated: S } = d.changes;
-          l(({ selected: I }) => ({
-            selected: I.map(({ annotation: V, editable: g }) => {
-              const x = S.find((O) => O.oldValue.id === V.id);
-              return x ? { annotation: x.newValue, editable: g } : { annotation: V, editable: g };
+          u(({ selected: D }) => ({
+            selected: D.map(({ annotation: V, editable: x }) => {
+              const g = S.find((E) => E.oldValue.id === V.id);
+              return g ? { annotation: g.newValue, editable: x } : { annotation: V, editable: x };
             })
           }));
-        }, e.observe(i, { annotations: a.map(({ id: d }) => d) });
+        }, e.observe(i, { annotations: l.map(({ id: d }) => d) });
       });
       return () => {
         e.unobserve(v), b();
       };
     }
-  }, [n]), /* @__PURE__ */ U(o.Provider, { value: {
+  }, [n]), /* @__PURE__ */ I.jsx(o.Provider, { value: {
     anno: n,
-    setAnno: u,
+    setAnno: a,
     annotations: p,
-    selection: A
+    selection: m
   }, children: t.children });
 }), F = () => {
   const { anno: t } = c(o);
@@ -44,13 +44,13 @@ const o = j({
 }, G = () => {
   const { anno: t } = c(o);
   return t == null ? void 0 : t.state.store;
-}, P = () => {
+}, H = () => {
   const { annotations: t } = c(o);
   return t;
-}, R = (t) => {
+}, P = (t) => {
   const { annotations: s } = c(o);
   return C(s, t);
-}, J = (t) => t ? R(t) : P(), K = () => {
+}, J = (t) => t ? P(t) : H(), K = () => {
   const { selection: t } = c(o);
   return t;
 }, L = () => {
@@ -60,23 +60,23 @@ const o = j({
   const { anno: t } = c(o), [s, n] = f([]);
   return h(() => {
     if (t) {
-      const { store: u, viewport: p } = t.state;
+      const { store: a, viewport: p } = t.state;
       if (!p)
         return;
       let r;
-      const A = p.subscribe((l) => {
-        r && u.unobserve(r);
-        const m = l.map((e) => u.getAnnotation(e));
-        n(m), r = (e) => {
+      const m = p.subscribe((u) => {
+        r && a.unobserve(r);
+        const A = u.map((e) => a.getAnnotation(e));
+        n(A), r = (e) => {
           const { updated: v } = e.changes;
           n((i) => i.map((b) => {
-            const a = v.find((w) => w.oldValue.id === b.id);
-            return a ? a.newValue : b;
+            const l = v.find((w) => w.oldValue.id === b.id);
+            return l ? l.newValue : b;
           }));
-        }, u.observe(r, { annotations: l });
+        }, a.observe(r, { annotations: u });
       });
       return () => {
-        A();
+        m();
       };
     }
   }, [t]), s;

package/dist/annotorious-react.es2.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es2.js","sources":["../src/Annotorious.tsx"],"sourcesContent":["import { createContext, forwardRef, ReactNode} from 'react';\nimport { useContext, useEffect, useImperativeHandle, useState } from 'react';\nimport { Annotation, Annotator, Store, StoreChangeEvent } from '@annotorious/core';\nimport { useDebounce } from './useDebounce';\n\ninterface Selection<T extends Annotation = Annotation> {\n\n  selected: { annotation: T, editable?: boolean }[];\n\n  pointerEvent?: PointerEvent;\n\n}\n\nexport interface AnnotoriousContextState {\n\n  anno: Annotator;\n\n  setAnno(anno: Annotator<Annotation, unknown>): void;\n\n  annotations: Annotation[];\n\n  selection: Selection;\n\n}\n\nexport const AnnotoriousContext = createContext({ \n\n  anno: undefined, \n\n  setAnno: undefined, \n\n  annotations: [], \n\n  selection: { selected: [] }\n\n});\n\nexport const Annotorious = forwardRef<Annotator, { children: ReactNode }>((props: { children: ReactNode }, ref) => {\n\n  const [anno, setAnno] = useState<Annotator>(null);\n\n  const [annotations, setAnnotations] = useState<Annotation[]>([]);\n\n  const [selection, setSelection] = useState<Selection>({ selected: [] });\n\n  useImperativeHandle(ref, () => anno);\n\n  useEffect(() => {\n    if (anno) {\n      const { selection, store } = anno.state;\n\n      // Components below <Annotorious /> may have\n      // loaded annotations into the store already! \n      if (store.all().length > 0)\n        setAnnotations(store.all());\n\n      // Keeps annotations in sync with a React state,\n      // so clients can render components the usual React way.\n      const onStoreChange = (event: StoreChangeEvent<Annotation>) =>\n        setAnnotations(() => store.all());\n\n      store.observe(onStoreChange);\n\n      // Keep selection in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let selectionStoreObserver: (event: StoreChangeEvent<Annotation>) => void;\n\n      const unsubscribeSelection = selection.subscribe(({ selected, pointerEvent }) => {\n        if (selectionStoreObserver) \n          store.unobserve(selectionStoreObserver);\n\n        const resolved = (selected || [])\n          .map(({ id, editable }) => ({ annotation: store.getAnnotation(id), editable }));\n\n        setSelection({ selected: resolved, pointerEvent });\n\n        selectionStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setSelection(({ selected }) => ({\n            selected: selected.map(({ annotation, editable }) => {\n              const next = updated.find(u => u.oldValue.id === annotation.id);\n              return next ? { annotation: next.newValue, editable } : { annotation, editable };\n            })\n          }));\n        }\n\n        store.observe(selectionStoreObserver, { annotations: selected.map(({ id }) => id) });\n      });\n\n      return () => {\n        store.unobserve(onStoreChange);\n        unsubscribeSelection();\n      }\n    }\n  }, [anno]);\n\n  return (\n    <AnnotoriousContext.Provider value={{ \n      anno, \n      setAnno,\n      annotations, \n      selection \n    }}>\n       {props.children}\n    </AnnotoriousContext.Provider>\n  )\n\n});\n\nexport const useAnnotator = <T extends Annotator<any, unknown>>() => {\n  const { anno } = useContext(AnnotoriousContext);\n  return anno as T;\n}\n\nexport const useAnnotationStore = <T extends Store<Annotation>>() => {\n  const { anno } = useContext(AnnotoriousContext);\n  return anno?.state.store as T | undefined;\n}\n\nconst _useAnnotations = <T extends Annotation>() => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return annotations as T[];\n}\n\nconst _useAnnotationsDebouced = <T extends Annotation>(debounce: number) => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return useDebounce(annotations, debounce) as T[];\n}\n\nexport const useAnnotations = <T extends Annotation>(debounce?: number) =>\n  debounce ? _useAnnotationsDebouced<T>(debounce) : _useAnnotations<T>();\n\nexport const useSelection = <T extends Annotation>() => {\n  const { selection } = useContext(AnnotoriousContext);\n  return selection as Selection<T>;\n}\n\nexport const useAnnotatorUser = () => {\n  const { anno } = useContext(AnnotoriousContext);\n  return anno?.getUser();\n}\n\nconst _useViewportState = <T extends Annotation>() => {\n  const { anno } = useContext(AnnotoriousContext);\n\n  const [inViewport, setInViewport] = useState<T[]>([]);\n\n  useEffect(() => {\n    if (anno) {\n      const { store, viewport} = anno.state;\n\n      if (!viewport)\n        return;\n\n      // Keep viewport annotations in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let viewportStoreObserver: (event: StoreChangeEvent<T>) => void;\n\n      const unsubscribeViewport = viewport.subscribe(ids => {\n        if (viewportStoreObserver) \n          store.unobserve(viewportStoreObserver);\n\n        const resolved = ids.map(id => store.getAnnotation(id)) as T[];\n        setInViewport(resolved);\n\n        viewportStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setInViewport(annotations => annotations.map(annotation => {\n            const next = updated.find(u => u.oldValue.id === annotation.id);\n            return next ? next.newValue : annotation;\n          }));\n        }\n\n        store.observe(viewportStoreObserver, { annotations: ids });\n      });\n\n      return () => {\n        unsubscribeViewport();\n      }\n    }\n  }, [anno]);\n\n  return inViewport;\n}\n\nconst _useViewportStateDebounced =  <T extends Annotation>(debounce: number) => {\n  const inViewport = _useViewportState();\n  return useDebounce(inViewport, debounce) as T[];\n}\n\nexport const useViewportState =  <T extends Annotation>(debounce?: number) =>\n  debounce ? _useViewportStateDebounced<T>(debounce) : _useViewportState<T>();\n"],"names":["AnnotoriousContext","createContext","Annotorious","forwardRef","props","ref","anno","setAnno","useState","annotations","setAnnotations","selection","setSelection","useImperativeHandle","useEffect","store","onStoreChange","event","selectionStoreObserver","unsubscribeSelection","selected","pointerEvent","resolved","id","editable","updated","annotation","next","u","jsx","useAnnotator","useContext","useAnnotationStore","_useAnnotations","_useAnnotationsDebouced","debounce","useDebounce","useAnnotations","useSelection","useAnnotatorUser","_useViewportState","inViewport","setInViewport","viewport","viewportStoreObserver","unsubscribeViewport","ids","_useViewportStateDebounced","useViewportState"],"mappings":"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"}
+{"version":3,"file":"annotorious-react.es2.js","sources":["../src/Annotorious.tsx"],"sourcesContent":["import { createContext, forwardRef, ReactNode} from 'react';\nimport { useContext, useEffect, useImperativeHandle, useState } from 'react';\nimport { Annotation, Annotator, Store, StoreChangeEvent, User } from '@annotorious/annotorious';\nimport { useDebounce } from './useDebounce';\n\ninterface Selection<T extends Annotation = Annotation> {\n\n  selected: { annotation: T, editable?: boolean }[];\n\n  pointerEvent?: PointerEvent;\n\n}\n\nexport interface AnnotoriousContextState {\n\n  anno: Annotator;\n\n  setAnno(anno: Annotator<Annotation, unknown>): void;\n\n  annotations: Annotation[];\n\n  selection: Selection;\n\n}\n\nexport const AnnotoriousContext = createContext({ \n\n  anno: undefined, \n\n  setAnno: undefined, \n\n  annotations: [], \n\n  selection: { selected: [] }\n\n});\n\nexport const Annotorious = forwardRef<Annotator, { children: ReactNode }>((props: { children: ReactNode }, ref) => {\n\n  const [anno, setAnno] = useState<Annotator>(null);\n\n  const [annotations, setAnnotations] = useState<Annotation[]>([]);\n\n  const [selection, setSelection] = useState<Selection>({ selected: [] });\n\n  useImperativeHandle(ref, () => anno);\n\n  useEffect(() => {\n    if (anno) {\n      const { selection, store } = anno.state;\n\n      // Components below <Annotorious /> may have\n      // loaded annotations into the store already! \n      if (store.all().length > 0)\n        setAnnotations(store.all());\n\n      // Keeps annotations in sync with a React state,\n      // so clients can render components the usual React way.\n      const onStoreChange = () => setAnnotations(() => store.all());\n\n      store.observe(onStoreChange);\n\n      // Keep selection in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let selectionStoreObserver: (event: StoreChangeEvent<Annotation>) => void;\n\n      const unsubscribeSelection = selection.subscribe(({ selected, pointerEvent }) => {\n        if (selectionStoreObserver) \n          store.unobserve(selectionStoreObserver);\n\n        const resolved = (selected || [])\n          .map(({ id, editable }) => ({ annotation: store.getAnnotation(id), editable }));\n\n        setSelection({ selected: resolved, pointerEvent });\n\n        selectionStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setSelection(({ selected }) => ({\n            selected: selected.map(({ annotation, editable }) => {\n              const next = updated.find(u => u.oldValue.id === annotation.id);\n              return next ? { annotation: next.newValue, editable } : { annotation, editable };\n            })\n          }));\n        }\n\n        store.observe(selectionStoreObserver, { annotations: selected.map(({ id }) => id) });\n      });\n\n      return () => {\n        store.unobserve(onStoreChange);\n        unsubscribeSelection();\n      }\n    }\n  }, [anno]);\n\n  return (\n    <AnnotoriousContext.Provider value={{ \n      anno, \n      setAnno,\n      annotations, \n      selection \n    }}>\n       {props.children}\n    </AnnotoriousContext.Provider>\n  )\n\n});\n\nexport const useAnnotator = <T extends unknown = Annotator<any, unknown>>() => {\n  const { anno } = useContext(AnnotoriousContext);\n  return anno as T;\n}\n\nexport const useAnnotationStore = <T extends unknown = Store<Annotation>>() => {\n  const { anno } = useContext(AnnotoriousContext);\n  return anno?.state.store as T | undefined;\n}\n\nconst _useAnnotations = <T extends Annotation>() => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return annotations as T[];\n}\n\nconst _useAnnotationsDebounced = <T extends Annotation>(debounce: number) => {\n  const { annotations } = useContext(AnnotoriousContext);\n  return useDebounce(annotations, debounce) as T[];\n}\n\nexport const useAnnotations = <T extends Annotation>(debounce?: number) =>\n  debounce ? _useAnnotationsDebounced<T>(debounce) : _useAnnotations<T>();\n\nexport const useSelection = <T extends Annotation>() => {\n  const { selection } = useContext(AnnotoriousContext);\n  return selection as Selection<T>;\n}\n\nexport const useAnnotatorUser = (): User => {\n  const { anno } = useContext(AnnotoriousContext);\n  return anno?.getUser();\n}\n\nconst _useViewportState = <T extends Annotation>() => {\n  const { anno } = useContext(AnnotoriousContext);\n\n  const [inViewport, setInViewport] = useState<T[]>([]);\n\n  useEffect(() => {\n    if (anno) {\n      const { store, viewport } = anno.state;\n\n      if (!viewport)\n        return;\n\n      // Keep viewport annotations in sync with a react state, and resolve them\n      // from IDs to annotations automatically, for convenience\n      let viewportStoreObserver: (event: StoreChangeEvent<T>) => void;\n\n      const unsubscribeViewport = viewport.subscribe(ids => {\n        if (viewportStoreObserver) \n          store.unobserve(viewportStoreObserver);\n\n        const resolved = ids.map(id => store.getAnnotation(id)) as T[];\n        setInViewport(resolved);\n\n        viewportStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setInViewport(annotations => annotations.map(annotation => {\n            const next = updated.find(u => u.oldValue.id === annotation.id);\n            return next ? next.newValue : annotation;\n          }));\n        }\n\n        store.observe(viewportStoreObserver, { annotations: ids });\n      });\n\n      return () => {\n        unsubscribeViewport();\n      }\n    }\n  }, [anno]);\n\n  return inViewport;\n}\n\nconst _useViewportStateDebounced =  <T extends Annotation>(debounce: number) => {\n  const inViewport = _useViewportState();\n  return useDebounce(inViewport, debounce) as T[];\n}\n\nexport const useViewportState =  <T extends Annotation>(debounce?: number) =>\n  debounce ? _useViewportStateDebounced<T>(debounce) : _useViewportState<T>();\n"],"names":["AnnotoriousContext","createContext","Annotorious","forwardRef","props","ref","anno","setAnno","useState","annotations","setAnnotations","selection","setSelection","useImperativeHandle","useEffect","store","onStoreChange","selectionStoreObserver","unsubscribeSelection","selected","pointerEvent","resolved","id","editable","event","updated","annotation","next","u","jsx","useAnnotator","useContext","useAnnotationStore","_useAnnotations","_useAnnotationsDebounced","debounce","useDebounce","useAnnotations","useSelection","useAnnotatorUser","_useViewportState","inViewport","setInViewport","viewport","viewportStoreObserver","unsubscribeViewport","ids","_useViewportStateDebounced","useViewportState"],"mappings":"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"}

package/dist/annotorious-react.es3.js

@@ -1,14 +1,13 @@
 import { useEffect as i } from "react";
 import { useAnnotator as s } from "./annotorious-react.es2.js";
 const m = (t) => {
-  const { plugin: u, opts: r } = t, n = s();
+  const { plugin: r, opts: u } = t, n = s();
   return i(() => {
-    if (n) {
-      const o = u(n, r);
-      return () => {
-        o && "unmount" in o && o.unmount();
-      };
-    }
+    if (!n) return;
+    const o = r(n, u);
+    return () => {
+      o && "unmount" in o && o.unmount();
+    };
   }, [n]), null;
 };
 export {

package/dist/annotorious-react.es3.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es3.js","sources":["../src/AnnotoriousPlugin.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { Annotation, Annotator } from '@annotorious/annotorious';\nimport { useAnnotator } from './Annotorious';\n\nexport interface AnnotoriousPluginProps <I extends Annotation, E extends unknown> {\n\n  plugin: (anno: Annotator<I, E>, opts?: Object) => ({ unmount?: () => void }) | void;\n\n  opts?: Object;\n\n}\n\nexport const AnnotoriousPlugin = <I extends Annotation = Annotation, E extends unknown = unknown>(props: AnnotoriousPluginProps<I, E>) => {\n  const { plugin, opts } = props;\n\n  const anno = useAnnotator<Annotator<I, E>>();\n\n  useEffect(() => {\n    if (anno) {\n      const p = plugin(anno, opts);\n\n      return () => {\n        if (p && 'unmount' in p)\n          p.unmount();\n      }\n    }\n  }, [anno]);\n\n  return null;\n\n}"],"names":["AnnotoriousPlugin","props","plugin","opts","anno","useAnnotator","useEffect","p"],"mappings":";;AAYa,MAAAA,IAAoB,CAAiEC,MAAwC;AAClI,QAAA,EAAE,QAAAC,GAAQ,MAAAC,EAAS,IAAAF,GAEnBG,IAAOC;AAEb,SAAAC,EAAU,MAAM;AACd,QAAIF,GAAM;AACF,YAAAG,IAAIL,EAAOE,GAAMD,CAAI;AAE3B,aAAO,MAAM;AACX,QAAII,KAAK,aAAaA,KACpBA,EAAE,QAAQ;AAAA,MAAA;AAAA,IAEhB;AAAA,EAAA,GACC,CAACH,CAAI,CAAC,GAEF;AAET;"}
+{"version":3,"file":"annotorious-react.es3.js","sources":["../src/AnnotoriousPlugin.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { Annotator } from '@annotorious/annotorious';\nimport { useAnnotator } from './Annotorious';\n\nexport type AnnotatorPlugin<T extends unknown = Annotator<any, unknown>> =\n  (anno: T, opts?: Object) => ({ unmount?: () => void }) | void;\n\nexport interface AnnotoriousPluginProps<T extends unknown = Annotator<any, unknown>> {\n\n  plugin: AnnotatorPlugin<T>;\n\n  opts?: Object;\n\n}\n\nexport const AnnotoriousPlugin = <T extends unknown = Annotator<any, unknown>>(props: AnnotoriousPluginProps<T>) => {\n  const { plugin, opts } = props;\n\n  const anno = useAnnotator<T>();\n\n  useEffect(() => {\n    if (!anno) return;\n\n    const p = plugin(anno, opts);\n    return () => {\n      if (p && 'unmount' in p)\n        p.unmount();\n    };\n  }, [anno]);\n\n  return null;\n\n};\n"],"names":["AnnotoriousPlugin","props","plugin","opts","anno","useAnnotator","useEffect","p"],"mappings":";;AAea,MAAAA,IAAoB,CAA8CC,MAAqC;AAC5G,QAAA,EAAE,QAAAC,GAAQ,MAAAC,EAAS,IAAAF,GAEnBG,IAAOC;AAEb,SAAAC,EAAU,MAAM;AACd,QAAI,CAACF,EAAM;AAEL,UAAAG,IAAIL,EAAOE,GAAMD,CAAI;AAC3B,WAAO,MAAM;AACX,MAAII,KAAK,aAAaA,KACpBA,EAAE,QAAQ;AAAA,IAAA;AAAA,EACd,GACC,CAACH,CAAI,CAAC,GAEF;AAET;"}

package/dist/annotorious-react.es4.js

@@ -1,19 +1,19 @@
-import { jsx as s } from "./annotorious-react.es22.js";
+import { j as e } from "./annotorious-react.es11.js";
 import { forwardRef as g } from "react";
-import { useDraggable as i } from "./annotorious-react.es24.js";
-const d = g((r, o) => {
-  const { children: a, className: t, onDragStart: n, onDragEnd: e } = r;
-  return i(o, { onDragStart: n, onDragEnd: e, cancel: "button, .no-drag" }), /* @__PURE__ */ s(
+import { useDraggable as i } from "./annotorious-react.es13.js";
+const p = g((r, o) => {
+  const { children: t, className: a, onDragStart: s, onDragEnd: n } = r;
+  return i(o, { onDragStart: s, onDragEnd: n, cancel: "button, .no-drag" }), /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: o,
-      className: t,
+      className: a,
       style: { position: "absolute" },
-      children: a
+      children: t
     }
   );
 });
 export {
-  d as Draggable
+  p as Draggable
 };
 //# sourceMappingURL=annotorious-react.es4.js.map

package/dist/annotorious-react.es4.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es4.js","sources":["../src/AnnotoriousPopup.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\nimport { ImageAnnotation } from '@annotorious/annotorious';\nimport { useDraggable } from '@neodrag/react';\n\nexport interface AnnotoriousPopupProps {\n\n  selected: { annotation: ImageAnnotation, editable?: boolean }[];\n\n}\n\nexport interface DraggableProps {\n\n  children: ReactNode;\n\n  className?: string;\n\n  onDragStart?(): void;\n\n  onDragEnd?(): void;\n\n}\n\nexport const Draggable = forwardRef((props: DraggableProps, ref: React.MutableRefObject<HTMLDivElement>)  => {\n\n  const { children, className, onDragStart, onDragEnd } = props;\n\n  useDraggable(ref, { onDragStart, onDragEnd, cancel: 'button, .no-drag' });\n\n  return (\n    <div \n      ref={ref} \n      className={className} \n      style={{ position: 'absolute' }}>\n      {children}\n    </div>\n  )\n\n});"],"names":["Draggable","forwardRef","props","ref","children","className","onDragStart","onDragEnd","useDraggable","jsx"],"mappings":";;;AAsBO,MAAMA,IAAYC,EAAW,CAACC,GAAuBC,MAAiD;AAE3G,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,aAAAC,GAAa,WAAAC,MAAcL;AAExDM,SAAAA,EAAaL,GAAK,EAAE,aAAAG,GAAa,WAAAC,GAAW,QAAQ,oBAAoB,GAGtE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,WAAAE;AAAA,MACA,OAAO,EAAE,UAAU,WAAW;AAAA,MAC7B,UAAAD;AAAA,IAAA;AAAA,EAAA;AAIP,CAAC;"}
+{"version":3,"file":"annotorious-react.es4.js","sources":["../src/AnnotoriousPopup.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\nimport { ImageAnnotation } from '@annotorious/annotorious';\nimport { useDraggable } from '@neodrag/react';\n\nexport interface AnnotoriousPopupProps {\n\n  selected: { annotation: ImageAnnotation, editable?: boolean }[];\n\n}\n\nexport interface DraggableProps {\n\n  children: ReactNode;\n\n  className?: string;\n\n  onDragStart?(): void;\n\n  onDragEnd?(): void;\n\n}\n\nexport const Draggable = forwardRef((props: DraggableProps, ref: React.MutableRefObject<HTMLDivElement>)  => {\n\n  const { children, className, onDragStart, onDragEnd } = props;\n\n  useDraggable(ref, { onDragStart, onDragEnd, cancel: 'button, .no-drag' });\n\n  return (\n    <div \n      ref={ref} \n      className={className} \n      style={{ position: 'absolute' }}>\n      {children}\n    </div>\n  )\n\n});"],"names":["Draggable","forwardRef","props","ref","children","className","onDragStart","onDragEnd","useDraggable","jsx"],"mappings":";;;AAsBO,MAAMA,IAAYC,EAAW,CAACC,GAAuBC,MAAiD;AAE3G,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,aAAAC,GAAa,WAAAC,MAAcL;AAExDM,SAAAA,EAAaL,GAAK,EAAE,aAAAG,GAAa,WAAAC,GAAW,QAAQ,oBAAoB,GAGtEE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,WAAAE;AAAA,MACA,OAAO,EAAE,UAAU,WAAW;AAAA,MAC7B,UAAAD;AAAA,IAAA;AAAA,EAAA;AAIP,CAAC;"}

package/dist/annotorious-react.es5.js

@@ -1,12 +1,12 @@
-import { jsx as a, Fragment as g } from "./annotorious-react.es22.js";
-import { Children as d, useContext as x, useEffect as e, cloneElement as h } from "react";
-import { createImageAnnotator as u } from "./annotorious-react.es18.js";
-import { AnnotoriousContext as y } from "./annotorious-react.es2.js";
-const S = (t) => {
-  const { children: n, tool: A, ...i } = t, l = d.only(n), { anno: o, setAnno: r } = x(y), c = (m) => {
+import { j as n } from "./annotorious-react.es11.js";
+import { Children as x, useContext as g, useEffect as e, cloneElement as d } from "react";
+import { createImageAnnotator as u } from "@annotorious/annotorious";
+import { AnnotoriousContext as h } from "./annotorious-react.es2.js";
+const F = (t) => {
+  const { children: i, tool: y, ...l } = t, r = x.only(i), { anno: o, setAnno: m } = g(h), s = (c) => {
     if (!o) {
-      const f = m.target, s = u(f, i);
-      r(s);
+      const f = c.target, a = u(f, l);
+      m(a);
     }
   };
   return e(() => {
@@ -15,9 +15,9 @@ const S = (t) => {
     o && o.setFilter(t.filter);
   }, [t.filter]), e(() => {
     o && o.setStyle(t.style);
-  }, [t.style]), /* @__PURE__ */ a(g, { children: h(l, { onLoad: c }) });
+  }, [t.style]), /* @__PURE__ */ n.jsx(n.Fragment, { children: d(r, { onLoad: s }) });
 };
 export {
-  S as ImageAnnotator
+  F as ImageAnnotator
 };
 //# sourceMappingURL=annotorious-react.es5.js.map

package/dist/annotorious-react.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es5.js","sources":["../src/ImageAnnotator.tsx"],"sourcesContent":["import { Children, ReactElement, cloneElement, useContext, useEffect } from 'react';\nimport { AnnotoriousOpts, createImageAnnotator } from '@annotorious/annotorious';\nimport type { DrawingStyle, DrawingTool, Filter, ImageAnnotation } from '@annotorious/annotorious';\nimport { AnnotoriousContext } from './Annotorious';\n\nexport interface ImageAnnotatorProps<E extends unknown> extends AnnotoriousOpts<ImageAnnotation, E> {\n\n  children: ReactElement<HTMLImageElement>;\n\n  filter?: Filter<ImageAnnotation>;\n\n  style?: DrawingStyle | ((annotation: ImageAnnotation) => DrawingStyle);\n\n  tool?: DrawingTool\n\n}\n\nexport const ImageAnnotator = <E extends unknown>(props: ImageAnnotatorProps<E>) => {\n\n  const { children, tool, ...opts } = props;\n\n  const child = Children.only(children);\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  const onLoad = (evt: Event) => {\n    if (!anno) {\n      const img = evt.target as HTMLImageElement;\n\n      const next = createImageAnnotator(img, opts);\n      setAnno(next); \n    }\n  };\n\n  useEffect(() => {\n    if (props.tool && anno) anno.setDrawingTool(props.tool);\n  }, [props.tool, anno]);\n\n  useEffect(() => {\n    if (anno) anno.setFilter(props.filter);\n  }, [props.filter]);\n\n  useEffect(() => {\n    if (anno) anno.setStyle(props.style);\n  }, [props.style]);\n \n  return <>{cloneElement(child, { onLoad }  as Partial<HTMLImageElement>)}</>\n\n}"],"names":["ImageAnnotator","props","children","tool","opts","child","Children","anno","setAnno","useContext","AnnotoriousContext","onLoad","evt","img","next","createImageAnnotator","useEffect","cloneElement"],"mappings":";;;;AAiBa,MAAAA,IAAiB,CAAoBC,MAAkC;AAElF,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAASH,GAE9BI,IAAQC,EAAS,KAAKJ,CAAQ,GAE9B,EAAE,MAAAK,GAAM,SAAAC,EAAQ,IAAIC,EAAWC,CAAkB,GAEjDC,IAAS,CAACC,MAAe;AAC7B,QAAI,CAACL,GAAM;AACT,YAAMM,IAAMD,EAAI,QAEVE,IAAOC,EAAqBF,GAAKT,CAAI;AAC3C,MAAAI,EAAQM,CAAI;AAAA,IACd;AAAA,EAAA;AAGF,SAAAE,EAAU,MAAM;AACd,IAAIf,EAAM,QAAQM,KAAWA,EAAA,eAAeN,EAAM,IAAI;AAAA,EACrD,GAAA,CAACA,EAAM,MAAMM,CAAI,CAAC,GAErBS,EAAU,MAAM;AACV,IAAAT,KAAWA,EAAA,UAAUN,EAAM,MAAM;AAAA,EAAA,GACpC,CAACA,EAAM,MAAM,CAAC,GAEjBe,EAAU,MAAM;AACV,IAAAT,KAAWA,EAAA,SAASN,EAAM,KAAK;AAAA,EAAA,GAClC,CAACA,EAAM,KAAK,CAAC,0BAEN,UAAagB,EAAAZ,GAAO,EAAE,QAAAM,GAAsC,EAAE,CAAA;AAE1E;"}
+{"version":3,"file":"annotorious-react.es5.js","sources":["../src/ImageAnnotator.tsx"],"sourcesContent":["import { Children, ReactElement, cloneElement, useContext, useEffect } from 'react';\nimport { AnnotoriousOpts, createImageAnnotator } from '@annotorious/annotorious';\nimport type { DrawingStyle, DrawingTool, Filter, ImageAnnotation } from '@annotorious/annotorious';\nimport { AnnotoriousContext } from './Annotorious';\n\nexport interface ImageAnnotatorProps<E extends unknown> extends AnnotoriousOpts<ImageAnnotation, E> {\n\n  children: ReactElement<HTMLImageElement>;\n\n  filter?: Filter<ImageAnnotation>;\n\n  style?: DrawingStyle | ((annotation: ImageAnnotation) => DrawingStyle);\n\n  tool?: DrawingTool\n\n}\n\nexport const ImageAnnotator = <E extends unknown>(props: ImageAnnotatorProps<E>) => {\n\n  const { children, tool, ...opts } = props;\n\n  const child = Children.only(children);\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  const onLoad = (evt: Event) => {\n    if (!anno) {\n      const img = evt.target as HTMLImageElement;\n\n      const next = createImageAnnotator(img, opts);\n      setAnno(next); \n    }\n  };\n\n  useEffect(() => {\n    if (props.tool && anno) anno.setDrawingTool(props.tool);\n  }, [props.tool, anno]);\n\n  useEffect(() => {\n    if (anno) anno.setFilter(props.filter);\n  }, [props.filter]);\n\n  useEffect(() => {\n    if (anno) anno.setStyle(props.style);\n  }, [props.style]);\n \n  return <>{cloneElement(child, { onLoad }  as Partial<HTMLImageElement>)}</>\n\n}"],"names":["ImageAnnotator","props","children","tool","opts","child","Children","anno","setAnno","useContext","AnnotoriousContext","onLoad","evt","img","next","createImageAnnotator","useEffect","cloneElement"],"mappings":";;;;AAiBa,MAAAA,IAAiB,CAAoBC,MAAkC;AAElF,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAASH,GAE9BI,IAAQC,EAAS,KAAKJ,CAAQ,GAE9B,EAAE,MAAAK,GAAM,SAAAC,EAAQ,IAAIC,EAAWC,CAAkB,GAEjDC,IAAS,CAACC,MAAe;AAC7B,QAAI,CAACL,GAAM;AACT,YAAMM,IAAMD,EAAI,QAEVE,IAAOC,EAAqBF,GAAKT,CAAI;AAC3C,MAAAI,EAAQM,CAAI;AAAA,IACd;AAAA,EAAA;AAGF,SAAAE,EAAU,MAAM;AACd,IAAIf,EAAM,QAAQM,KAAWA,EAAA,eAAeN,EAAM,IAAI;AAAA,EACrD,GAAA,CAACA,EAAM,MAAMM,CAAI,CAAC,GAErBS,EAAU,MAAM;AACd,IAAIT,KAAMA,EAAK,UAAUN,EAAM,MAAM;AAAA,EAAA,GACpC,CAACA,EAAM,MAAM,CAAC,GAEjBe,EAAU,MAAM;AACd,IAAIT,KAAMA,EAAK,SAASN,EAAM,KAAK;AAAA,EAAA,GAClC,CAACA,EAAM,KAAK,CAAC,uCAEN,UAAagB,EAAAZ,GAAO,EAAE,QAAAM,GAAsC,EAAE,CAAA;AAE1E;"}

package/dist/annotorious-react.es8.js

@@ -1,52 +1,32 @@
-import { Origin as s } from "./annotorious-react.es17.js";
-import { parseAll as m } from "./annotorious-react.es9.js";
-const O = (t, l, i) => {
-  const A = (o) => {
-    if (i) {
-      const { parsed: n, error: e } = i.parse(o);
-      n ? t.addAnnotation(n, s.REMOTE) : console.error(e);
-    } else
-      t.addAnnotation(o, s.REMOTE);
-  }, r = () => t.clear(), a = (o) => {
-    const n = t.getAnnotation(o);
-    return i && n ? i.serialize(n) : n;
-  }, u = () => i ? t.all().map(i.serialize) : t.all(), d = (o) => fetch(o).then((n) => n.json()).then((n) => (c(n), n)), f = (o) => {
-    if (typeof o == "string") {
-      const n = t.getAnnotation(o);
-      return t.deleteAnnotation(o), i ? i.serialize(n) : n;
-    } else {
-      const n = i ? i.parse(o).parsed : o;
-      return t.deleteAnnotation(n), o;
+import { j as c } from "./annotorious-react.es11.js";
+import { createContext as w, useState as u, useContext as a, useEffect as i } from "react";
+import { createOSDAnnotator as g } from "@annotorious/openseadragon";
+import { AnnotoriousContext as m } from "./annotorious-react.es2.js";
+const d = w({ viewer: null, setViewer: null }), S = (e) => {
+  const { children: x, tool: r, ...f } = e, [o, s] = u(), { anno: t, setAnno: l } = a(m);
+  return i(() => {
+    if (o) {
+      const n = g(o, f);
+      return e.drawingEnabled !== void 0 && n.setDrawingEnabled(e.drawingEnabled), e.filter && n.setFilter(e.filter), e.style && n.setStyle(e.style), e.tool && n.setDrawingTool(e.tool), l(n), () => {
+        n.destroy(), l(void 0);
+      };
     }
-  }, c = (o) => {
-    if (i) {
-      const { parsed: n, failed: e } = m(i)(o);
-      e.length > 0 && console.warn(`Discarded ${e.length} invalid annotations`, e), t.bulkAddAnnotation(n, !0, s.REMOTE);
-    } else
-      t.bulkAddAnnotation(o, !0, s.REMOTE);
-  }, E = (o) => {
-    if (i) {
-      const n = i.parse(o).parsed, e = i.serialize(t.getAnnotation(n.id));
-      return t.updateAnnotation(n), e;
-    } else {
-      const n = t.getAnnotation(o.id);
-      return t.updateAnnotation(o), n;
-    }
-  };
-  return {
-    addAnnotation: A,
-    clearAnnotations: r,
-    getAnnotationById: a,
-    getAnnotations: u,
-    loadAnnotations: d,
-    redo: l.redo,
-    removeAnnotation: f,
-    setAnnotations: c,
-    undo: l.undo,
-    updateAnnotation: E
-  };
+  }, [o]), i(() => {
+    t && t.setDrawingEnabled(e.drawingEnabled);
+  }, [e.drawingEnabled]), i(() => {
+    t && t.setFilter(e.filter);
+  }, [e.filter]), i(() => {
+    t && t.setStyle(e.style);
+  }, [e.style]), i(() => {
+    t && t.setDrawingTool(r);
+  }, [r]), /* @__PURE__ */ c.jsx(d.Provider, { value: { viewer: o, setViewer: s }, children: e.children });
+}, A = () => {
+  const { viewer: e } = a(d);
+  return e;
 };
 export {
-  O as createBaseAnnotator
+  S as OpenSeadragonAnnotator,
+  d as OpenSeadragonAnnotatorContext,
+  A as useViewer
 };
 //# sourceMappingURL=annotorious-react.es8.js.map

package/dist/annotorious-react.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es8.js","sources":["../../annotorious-core/src/model/Annotator.ts"],"sourcesContent":["import type { Annotation } from './Annotation';\nimport type { User } from './User';\nimport type { PresenceProvider } from '../presence';\nimport { Origin, type HoverState, type SelectionState, type Store, type UndoStack, type ViewportState } from '../state';\nimport type { LifecycleEvents } from '../lifecycle';\nimport { parseAll, type FormatAdapter } from './FormatAdapter';\nimport type { DrawingStyle } from './DrawingStyle';\nimport type { Filter } from './Filter';\n\n/**\n * Base annotator interface.\n * I ... internal core data model \n * E ... external adapted representation\n */\nexport interface Annotator<I extends Annotation = Annotation, E extends unknown = Annotation> {\n\n  addAnnotation(annotation: E): void;\n\n  clearAnnotations(): void;\n\n  destroy(): void;\n\n  getAnnotationById(id: string): E | undefined;\n\n  getAnnotations(): E[];\n\n  getUser(): User;\n\n  loadAnnotations(url: string): Promise<E[]>;\n\n  redo(): void;\n\n  removeAnnotation(arg: E | string): E;\n\n  setAnnotations(annotations: E[]): void;\n\n  setFilter(filter: Filter): void;\n\n  setPresenceProvider?(provider: PresenceProvider): void;\n\n  setSelected(arg?: string | string[]): void;\n\n  setStyle(arg: DrawingStyle | ((annotation: I) => DrawingStyle) | undefined): void;\n\n  setUser(user: User): void;\n\n  undo(): void;\n\n  updateAnnotation(annotation: E): E;\n  \n  on<T extends keyof LifecycleEvents<E>>(event: T, callback: LifecycleEvents<E>[T]): void;\n\n  off<T extends keyof LifecycleEvents<E>>(event: T, callback: LifecycleEvents<E>[T]): void;\n\n  state: AnnotatorState<I>;\n\n}\n\nexport interface AnnotatorState<A extends Annotation> {\n\n  store: Store<A>;\n\n  selection: SelectionState<A>;\n\n  hover: HoverState<A>;\n\n  viewport: ViewportState;\n\n}\n\nexport const createBaseAnnotator = <I extends Annotation, E extends unknown>(\n  store: Store<I>, \n  undoStack: UndoStack,\n  adapter?: FormatAdapter<I, E>\n) => {\n\n  const addAnnotation = (annotation: E) => {\n    if (adapter) {\n      const { parsed, error } = adapter.parse(annotation);\n      if (parsed) {\n        store.addAnnotation(parsed, Origin.REMOTE);\n      } else {\n        console.error(error);\n      }\n    } else {\n      store.addAnnotation(annotation as unknown as I, Origin.REMOTE);\n    }\n  }\n\n  const clearAnnotations = () => store.clear();\n\n  const getAnnotationById = (id: string): E | undefined => {\n    const annotation = store.getAnnotation(id);\n    return (adapter && annotation) ?\n      adapter.serialize(annotation) as E : annotation as unknown as E;\n  }\n\n  const getAnnotations = () =>\n    (adapter ? store.all().map(adapter.serialize) : store.all()) as E[];\n\n  const loadAnnotations = (url: string) =>\n    fetch(url)\n      .then((response) => response.json())\n      .then((annotations) => {\n        setAnnotations(annotations);\n        return annotations;\n      });\n\n  const removeAnnotation = (arg: E | string): E => {\n    if (typeof arg === 'string') {\n      const annotation = store.getAnnotation(arg);\n      store.deleteAnnotation(arg);\n\n      return adapter ? adapter.serialize(annotation) : annotation as unknown as E;\n    } else {\n      const annotation = adapter ? adapter.parse(arg).parsed : (arg as unknown as I);\n      store.deleteAnnotation(annotation);\n      return arg;\n    }\n  }\n\n  const setAnnotations = (annotations: E[]) => {\n    if (adapter) {\n      const { parsed, failed } = parseAll(adapter)(annotations);\n\n      if (failed.length > 0)\n        console.warn(`Discarded ${failed.length} invalid annotations`, failed);\n\n      store.bulkAddAnnotation(parsed, true, Origin.REMOTE);\n    } else {\n      store.bulkAddAnnotation(annotations as unknown as I[], true, Origin.REMOTE);\n    }\n  }\n\n  const updateAnnotation = (updated: E): E => {\n    if (adapter) {\n      const crosswalked = adapter.parse(updated).parsed;\n      const previous = adapter.serialize(store.getAnnotation(crosswalked.id));\n      store.updateAnnotation(crosswalked);\n      return previous;\n    } else {\n      const previous = store.getAnnotation((updated as unknown as I).id);\n      store.updateAnnotation(updated as unknown as I);\n      return previous as unknown as E;\n    }\n  }\n\n  return { \n    addAnnotation,\n    clearAnnotations,\n    getAnnotationById,\n    getAnnotations,\n    loadAnnotations,\n    redo: undoStack.redo,\n    removeAnnotation,\n    setAnnotations,\n    undo: undoStack.undo,\n    updateAnnotation\n  }\n\n}"],"names":["createBaseAnnotator","store","undoStack","adapter","addAnnotation","annotation","parsed","error","Origin","clearAnnotations","getAnnotationById","id","getAnnotations","loadAnnotations","url","response","annotations","setAnnotations","removeAnnotation","arg","failed","parseAll","updateAnnotation","updated","crosswalked","previous"],"mappings":";;AAsEO,MAAMA,IAAsB,CACjCC,GACAC,GACAC,MACG;AAEG,QAAAC,IAAgB,CAACC,MAAkB;AACvC,QAAIF,GAAS;AACX,YAAM,EAAE,QAAAG,GAAQ,OAAAC,EAAA,IAAUJ,EAAQ,MAAME,CAAU;AAClD,MAAIC,IACIL,EAAA,cAAcK,GAAQE,EAAO,MAAM,IAEzC,QAAQ,MAAMD,CAAK;AAAA,IACrB;AAEM,MAAAN,EAAA,cAAcI,GAA4BG,EAAO,MAAM;AAAA,EAC/D,GAGIC,IAAmB,MAAMR,EAAM,SAE/BS,IAAoB,CAACC,MAA8B;AACjD,UAAAN,IAAaJ,EAAM,cAAcU,CAAE;AACzC,WAAQR,KAAWE,IACjBF,EAAQ,UAAUE,CAAU,IAASA;AAAA,EAAA,GAGnCO,IAAiB,MACpBT,IAAUF,EAAM,IAAM,EAAA,IAAIE,EAAQ,SAAS,IAAIF,EAAM,IAAI,GAEtDY,IAAkB,CAACC,MACvB,MAAMA,CAAG,EACN,KAAK,CAACC,MAAaA,EAAS,KAAK,CAAC,EAClC,KAAK,CAACC,OACLC,EAAeD,CAAW,GACnBA,EACR,GAECE,IAAmB,CAACC,MAAuB;AAC3C,QAAA,OAAOA,KAAQ,UAAU;AACrB,YAAAd,IAAaJ,EAAM,cAAckB,CAAG;AAC1C,aAAAlB,EAAM,iBAAiBkB,CAAG,GAEnBhB,IAAUA,EAAQ,UAAUE,CAAU,IAAIA;AAAA,IAAA,OAC5C;AACL,YAAMA,IAAaF,IAAUA,EAAQ,MAAMgB,CAAG,EAAE,SAAUA;AAC1D,aAAAlB,EAAM,iBAAiBI,CAAU,GAC1Bc;AAAA,IACT;AAAA,EAAA,GAGIF,IAAiB,CAACD,MAAqB;AAC3C,QAAIb,GAAS;AACX,YAAM,EAAE,QAAAG,GAAQ,QAAAc,MAAWC,EAASlB,CAAO,EAAEa,CAAW;AAExD,MAAII,EAAO,SAAS,KAClB,QAAQ,KAAK,aAAaA,EAAO,MAAM,wBAAwBA,CAAM,GAEvEnB,EAAM,kBAAkBK,GAAQ,IAAME,EAAO,MAAM;AAAA,IAAA;AAEnD,MAAAP,EAAM,kBAAkBe,GAA+B,IAAMR,EAAO,MAAM;AAAA,EAC5E,GAGIc,IAAmB,CAACC,MAAkB;AAC1C,QAAIpB,GAAS;AACX,YAAMqB,IAAcrB,EAAQ,MAAMoB,CAAO,EAAE,QACrCE,IAAWtB,EAAQ,UAAUF,EAAM,cAAcuB,EAAY,EAAE,CAAC;AACtE,aAAAvB,EAAM,iBAAiBuB,CAAW,GAC3BC;AAAA,IAAA,OACF;AACL,YAAMA,IAAWxB,EAAM,cAAesB,EAAyB,EAAE;AACjE,aAAAtB,EAAM,iBAAiBsB,CAAuB,GACvCE;AAAA,IACT;AAAA,EAAA;AAGK,SAAA;AAAA,IACL,eAAArB;AAAA,IACA,kBAAAK;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAE;AAAA,IACA,iBAAAC;AAAA,IACA,MAAMX,EAAU;AAAA,IAChB,kBAAAgB;AAAA,IACA,gBAAAD;AAAA,IACA,MAAMf,EAAU;AAAA,IAChB,kBAAAoB;AAAA,EAAA;AAGJ;"}
+{"version":3,"file":"annotorious-react.es8.js","sources":["../src/openseadragon/OpenSeadragonAnnotator.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useEffect, useState } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { createOSDAnnotator } from '@annotorious/openseadragon';\nimport { AnnotoriousOpts, DrawingStyle, Filter, ImageAnnotation } from '@annotorious/annotorious';\nimport { AnnotoriousContext } from '../Annotorious';\n\nexport const OpenSeadragonAnnotatorContext = createContext<{ \n  viewer: OpenSeadragon.Viewer,\n  setViewer(viewer: OpenSeadragon.Viewer): void\n}>({ viewer: null, setViewer: null });\n\nexport type OpenSeadragonAnnotatorProps<E extends unknown> = AnnotoriousOpts<ImageAnnotation, E> & {\n\n  children?: ReactNode;\n\n  drawingEnabled?: boolean;\n\n  filter?: Filter<ImageAnnotation>;\n\n  style?: DrawingStyle | ((annotation: ImageAnnotation) => DrawingStyle);\n\n  tool?: string | null;\n\n}\n\nexport const OpenSeadragonAnnotator = <E extends unknown>(props: OpenSeadragonAnnotatorProps<E>) => {\n\n  const { children, tool, ...opts } = props;\n\n  const [viewer, setViewer] = useState<OpenSeadragon.Viewer>();\n\n  const { anno, setAnno } = useContext(AnnotoriousContext);\n\n  useEffect(() => {\n    if (viewer) {\n      const anno = createOSDAnnotator<E>(viewer, opts);\n\n      if (props.drawingEnabled !== undefined) anno.setDrawingEnabled(props.drawingEnabled);\n      if (props.filter) anno.setFilter(props.filter);\n      if (props.style) anno.setStyle(props.style);\n      if (props.tool) anno.setDrawingTool(props.tool);\n\n      setAnno(anno);\n\n      return () => {\n        anno.destroy();\n        setAnno(undefined);\n      }\n    }\n  }, [viewer]);\n\n  useEffect(() => {\n    if (anno) anno.setDrawingEnabled(props.drawingEnabled);\n  }, [props.drawingEnabled]);\n\n  useEffect(() => {\n    if (anno) anno.setFilter(props.filter);\n  }, [props.filter]);\n\n  useEffect(() => {\n    if (anno) anno.setStyle(props.style);\n  }, [props.style]);\n\n  useEffect(() => {\n    if (anno) anno.setDrawingTool(tool);\n  }, [tool]);\n\n  return (\n    <OpenSeadragonAnnotatorContext.Provider value={{ viewer, setViewer }}>\n      {props.children}\n    </OpenSeadragonAnnotatorContext.Provider>\n  )\n\n}\n\nexport const useViewer = () => {\n  const { viewer } = useContext(OpenSeadragonAnnotatorContext);\n  return viewer;\n}"],"names":["OpenSeadragonAnnotatorContext","createContext","OpenSeadragonAnnotator","props","children","tool","opts","viewer","setViewer","useState","anno","setAnno","useContext","AnnotoriousContext","useEffect","createOSDAnnotator","jsx","useViewer"],"mappings":";;;;AAMO,MAAMA,IAAgCC,EAG1C,EAAE,QAAQ,MAAM,WAAW,MAAM,GAgBvBC,IAAyB,CAAoBC,MAA0C;AAElG,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,GAAGC,MAASH,GAE9B,CAACI,GAAQC,CAAS,IAAIC,EAA+B,GAErD,EAAE,MAAAC,GAAM,SAAAC,EAAQ,IAAIC,EAAWC,CAAkB;AAEvD,SAAAC,EAAU,MAAM;AACd,QAAIP,GAAQ;AACJG,YAAAA,IAAOK,EAAsBR,GAAQD,CAAI;AAE/C,aAAIH,EAAM,mBAAmB,UAAWO,EAAK,kBAAkBP,EAAM,cAAc,GAC/EA,EAAM,UAAQO,EAAK,UAAUP,EAAM,MAAM,GACzCA,EAAM,SAAOO,EAAK,SAASP,EAAM,KAAK,GACtCA,EAAM,QAAMO,EAAK,eAAeP,EAAM,IAAI,GAE9CQ,EAAQD,CAAI,GAEL,MAAM;AACXA,QAAAA,EAAK,QAAQ,GACbC,EAAQ,MAAS;AAAA,MAAA;AAAA,IAErB;AAAA,EAAA,GACC,CAACJ,CAAM,CAAC,GAEXO,EAAU,MAAM;AACd,IAAIJ,KAAMA,EAAK,kBAAkBP,EAAM,cAAc;AAAA,EAAA,GACpD,CAACA,EAAM,cAAc,CAAC,GAEzBW,EAAU,MAAM;AACd,IAAIJ,KAAMA,EAAK,UAAUP,EAAM,MAAM;AAAA,EAAA,GACpC,CAACA,EAAM,MAAM,CAAC,GAEjBW,EAAU,MAAM;AACd,IAAIJ,KAAMA,EAAK,SAASP,EAAM,KAAK;AAAA,EAAA,GAClC,CAACA,EAAM,KAAK,CAAC,GAEhBW,EAAU,MAAM;AACV,IAAAJ,KAAWA,EAAA,eAAeL,CAAI;AAAA,EAAA,GACjC,CAACA,CAAI,CAAC,GAGPW,gBAAAA,MAAChB,EAA8B,UAA9B,EAAuC,OAAO,EAAE,QAAAO,GAAQ,WAAAC,EACtD,GAAA,UAAAL,EAAM,SACT,CAAA;AAGJ,GAEac,IAAY,MAAM;AAC7B,QAAM,EAAE,QAAAV,EAAA,IAAWK,EAAWZ,CAA6B;AACpD,SAAAO;AACT;"}

package/dist/annotorious-react.es9.js

@@ -1,15 +1,38 @@
-const i = (a) => (r) => r.map((e) => a.serialize(e)), l = (a) => (r) => r.reduce((e, d) => {
-  const { parsed: p, error: s } = a.parse(d);
-  return s ? {
-    parsed: e.parsed,
-    failed: [...e.failed, d]
-  } : {
-    parsed: [...e.parsed, p],
-    failed: e.failed
-  };
-}, { parsed: [], failed: [] });
+import { j as v } from "./annotorious-react.es11.js";
+import { useRef as w, useState as d, useEffect as u } from "react";
+import { Draggable as x } from "./annotorious-react.es4.js";
+import { useViewer as S } from "./annotorious-react.es8.js";
+import { useSelection as j } from "./annotorious-react.es2.js";
+import { setPosition as D } from "./annotorious-react.es14.js";
+const R = (c) => {
+  const n = w(null), o = S(), { selected: t } = j(), [l, m] = d([]), [s, i] = d(!1), f = () => i(!0), p = () => {
+    const e = t[0].annotation;
+    D(o, e, n.current);
+  }, g = (e, r) => e.every((a) => r.includes(a)) && r.every((a) => e.includes(a));
+  return u(() => {
+    const e = t.map(({ annotation: r }) => r.id);
+    g(l, e) || (i(!1), m(e));
+  }, [t]), u(() => {
+    if (!n.current) return;
+    s || p();
+    const e = () => {
+      s || p();
+    };
+    return o.addHandler("update-viewport", e), () => {
+      o.removeHandler("update-viewport", e);
+    };
+  }, [t, s]), t.length > 0 ? /* @__PURE__ */ v.jsx(
+    x,
+    {
+      ref: n,
+      className: "a9s-popup a9s-osd-popup",
+      onDragStart: f,
+      children: c.popup({ viewer: o, selected: t })
+    },
+    t.map(({ annotation: e }) => e.id).join("-")
+  ) : null;
+};
 export {
-  l as parseAll,
-  i as serializeAll
+  R as OpenSeadragonPopup
 };
 //# sourceMappingURL=annotorious-react.es9.js.map

package/dist/annotorious-react.es9.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es9.js","sources":["../../annotorious-core/src/model/FormatAdapter.ts"],"sourcesContent":["import type { Annotation } from './Annotation';\n\nexport interface FormatAdapter<A extends Annotation, T extends unknown> {\n\n  parse(serialized: T): ParseResult<A>;\n\n  serialize(core: A): T;\n\n}\n\nexport interface ParseResult<A extends Annotation> {\n\n  parsed?: A;\n  \n  error?: Error;\n\n}\n\nexport const serializeAll = \n  <A extends Annotation, T extends unknown>(adapter: FormatAdapter<A, T>) =>\n    (annotations: A[]) => annotations.map(a => adapter.serialize(a));\n\nexport const parseAll = \n  <A extends Annotation, T extends unknown>(adapter: FormatAdapter<A, T>) =>\n    (serialized: T[]) => serialized.reduce((result, next) => {\n      const { parsed, error } = adapter.parse(next);\n\n      return error ? {\n        parsed: result.parsed,\n        failed: [...result.failed, next ]\n      } : {\n        parsed: [...result.parsed, parsed ],\n        failed: result.failed\n      }\n    }, { parsed: [], failed: [] });\n  "],"names":["serializeAll","adapter","annotations","a","parseAll","serialized","result","next","parsed","error"],"mappings":"AAkBa,MAAAA,IACX,CAA0CC,MACxC,CAACC,MAAqBA,EAAY,IAAI,CAAKC,MAAAF,EAAQ,UAAUE,CAAC,CAAC,GAEtDC,IACX,CAA0CH,MACxC,CAACI,MAAoBA,EAAW,OAAO,CAACC,GAAQC,MAAS;AACvD,QAAM,EAAE,QAAAC,GAAQ,OAAAC,EAAA,IAAUR,EAAQ,MAAMM,CAAI;AAE5C,SAAOE,IAAQ;AAAA,IACb,QAAQH,EAAO;AAAA,IACf,QAAQ,CAAC,GAAGA,EAAO,QAAQC,CAAK;AAAA,EAAA,IAC9B;AAAA,IACF,QAAQ,CAAC,GAAGD,EAAO,QAAQE,CAAO;AAAA,IAClC,QAAQF,EAAO;AAAA,EAAA;AAEnB,GAAG,EAAE,QAAQ,IAAI,QAAQ,CAAA,EAAI,CAAA;"}
+{"version":3,"file":"annotorious-react.es9.js","sources":["../src/openseadragon/OpenSeadragonPopup.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport { ImageAnnotation } from '@annotorious/annotorious';\nimport OpenSeadragon from 'openseadragon';\nimport { AnnotoriousPopupProps, Draggable } from '../AnnotoriousPopup';\nimport { useViewer } from './OpenSeadragonAnnotator';\nimport { useSelection } from '../Annotorious';\nimport { setPosition } from './setPosition';\n\nexport type OpenSeadragonPopupProps = AnnotoriousPopupProps & {\n\n  viewer: OpenSeadragon.Viewer\n\n}\n\nexport type OpenSeadragonPopupContainerProps = {\n\n  popup(props: OpenSeadragonPopupProps): ReactNode\n\n}\n\nexport const OpenSeadragonPopup = (props: OpenSeadragonPopupContainerProps) => {\n\n  const el = useRef<HTMLDivElement>(null);\n\n  const viewer = useViewer();\n\n  const { selected } = useSelection<ImageAnnotation>();\n\n  const [selectedIds, setSelectedIds] = useState<string[]>([]);\n\n  const [dragged, setDragged] = useState(false);\n\n  const onDragStart = () => setDragged(true);\n\n  const updatePosition = () => {\n    // Note: this popup only supports a single selection\n    const annotation = selected[0].annotation;\n    setPosition(viewer, annotation, el.current);\n  }\n\n  const equal = (a: string[], b: string[]) => \n    a.every(str => b.includes(str)) && b.every(str => a.includes(str));\n\n  useEffect(() => {\n    // Reset drag flag if selected IDs have changed\n    const nextIds = selected.map(({ annotation }) => annotation.id);\n\n    if (!equal(selectedIds, nextIds)) {\n      setDragged(false);\n      setSelectedIds(nextIds);\n    }\n  }, [selected]);\n\n  useEffect(() => {\n    if (!el.current) return;\n\n    if (!dragged) updatePosition();\n\n    const onUpdateViewport = () => {\n      if (!dragged) updatePosition();\n    }\n\n    viewer.addHandler('update-viewport', onUpdateViewport);\n\n    return () => {\n      viewer.removeHandler('update-viewport', onUpdateViewport);\n    }\n  }, [selected, dragged]);\n  \n  return selected.length > 0 ? (\n    <Draggable \n      ref={el} \n      key={selected.map(({ annotation }) => annotation.id).join('-')} \n      className=\"a9s-popup a9s-osd-popup\" \n      onDragStart={onDragStart}>\n\n      {props.popup({ viewer, selected })}\n      \n    </Draggable>\n  ) : null;\n\n}"],"names":["OpenSeadragonPopup","props","el","useRef","viewer","useViewer","selected","useSelection","selectedIds","setSelectedIds","useState","dragged","setDragged","onDragStart","updatePosition","annotation","setPosition","equal","a","b","str","useEffect","nextIds","onUpdateViewport","jsx","Draggable"],"mappings":";;;;;;AAoBa,MAAAA,IAAqB,CAACC,MAA4C;AAEvE,QAAAC,IAAKC,EAAuB,IAAI,GAEhCC,IAASC,KAET,EAAE,UAAAC,MAAaC,KAEf,CAACC,GAAaC,CAAc,IAAIC,EAAmB,CAAE,CAAA,GAErD,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAc,MAAMD,EAAW,EAAI,GAEnCE,IAAiB,MAAM;AAErB,UAAAC,IAAaT,EAAS,CAAC,EAAE;AACnB,IAAAU,EAAAZ,GAAQW,GAAYb,EAAG,OAAO;AAAA,EAAA,GAGtCe,IAAQ,CAACC,GAAaC,MAC1BD,EAAE,MAAM,OAAOC,EAAE,SAASC,CAAG,CAAC,KAAKD,EAAE,MAAM,OAAOD,EAAE,SAASE,CAAG,CAAC;AAEnE,SAAAC,EAAU,MAAM;AAER,UAAAC,IAAUhB,EAAS,IAAI,CAAC,EAAE,YAAAS,QAAiBA,EAAW,EAAE;AAE9D,IAAKE,EAAMT,GAAac,CAAO,MAC7BV,EAAW,EAAK,GAChBH,EAAea,CAAO;AAAA,EACxB,GACC,CAAChB,CAAQ,CAAC,GAEbe,EAAU,MAAM;AACV,QAAA,CAACnB,EAAG,QAAS;AAEb,IAACS,KAAwBG;AAE7B,UAAMS,IAAmB,MAAM;AACzB,MAACZ,KAAwBG;IAAA;AAGxB,WAAAV,EAAA,WAAW,mBAAmBmB,CAAgB,GAE9C,MAAM;AACJ,MAAAnB,EAAA,cAAc,mBAAmBmB,CAAgB;AAAA,IAAA;AAAA,EAC1D,GACC,CAACjB,GAAUK,CAAO,CAAC,GAEfL,EAAS,SAAS,IACvBkB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKvB;AAAA,MAEL,WAAU;AAAA,MACV,aAAAW;AAAA,MAEC,UAAMZ,EAAA,MAAM,EAAE,QAAAG,GAAQ,UAAAE,GAAU;AAAA,IAAA;AAAA,IAJ5BA,EAAS,IAAI,CAAC,EAAE,YAAAS,EAAA,MAAiBA,EAAW,EAAE,EAAE,KAAK,GAAG;AAAA,EAO7D,IAAA;AAEN;"}

package/dist/index.d.ts

@@ -1,20 +1,20 @@
+import { createAnonymousGuest as _createAnonymousGuest, createBody as _createBody, defaultColorProvider as _defaultColorProvider, Origin as _Origin, PointerSelectAction as _PointerSelectAction } from '@annotorious/core';
+import { ShapeType as _ShapeType } from '@annotorious/annotorious';
 export * from './Annotorious';
 export * from './AnnotoriousPlugin';
 export * from './AnnotoriousPopup';
 export * from './ImageAnnotator';
 export * from './openseadragon';
-export type { LifecycleEvents } from '@annotorious/core/src/lifecycle';
-export * from '@annotorious/core/src/model';
-export * from '@annotorious/core/src/presence';
-export * from '@annotorious/core/src/utils';
-export type { HoverState, Selection, SelectionState, Store, StoreChangeEvent, StoreObserver } from '@annotorious/core/src/state';
-import { Origin as _Origin, PointerSelectAction as _PointerSelectAction } from '@annotorious/core/src/state';
+export type { Annotation, AnnotationBody, AnnotationState, AnnotationTarget, Annotator, AnnotatorState, Appearance, AppearanceProvider, Color, DrawingStyle, DrawingStyleExpression, Filter, FormatAdapter, HoverState, LifecycleEvents, ParseResult, PresentUser, Selection, SelectionState, Store, StoreChangeEvent, StoreObserver, User, W3CAnnotation, W3CAnnotationBody, W3CAnnotationTarget } from '@annotorious/core';
+export { _createAnonymousGuest as createAnonymousGuest };
+export { _createBody as createBody };
+export { _defaultColorProvider as defaultColorProvider };
 export { _Origin as Origin };
 export { _PointerSelectAction as PointerSelectAction };
-export type { ImageAnnotator as AnnotoriousImageAnnotator, ImageAnnotation } from '@annotorious/annotorious';
+export type { AnnotoriousOpts, DrawingMode, DrawingTool, FragmentSelector, ImageAnnotator as AnnotoriousImageAnnotator, ImageAnnotation, ImageAnnotatorState, Polygon, PolygonGeometry, Rectangle, RectangleGeometry, Shape, SVGSelector, W3CImageAnnotation, W3CImageAnnotationTarget } from '@annotorious/annotorious';
+export declare const createImageAnnotator: <E extends unknown = import('@annotorious/annotorious').ImageAnnotation>(image: string | HTMLImageElement | HTMLCanvasElement, options?: import('@annotorious/annotorious').AnnotoriousOpts<import('@annotorious/annotorious').ImageAnnotation, E>) => import('@annotorious/annotorious').ImageAnnotator<E>;
+export declare const ShapeType: typeof _ShapeType;
+export declare const W3CImageFormat: (source: string, invertY?: boolean) => import('@annotorious/annotorious').W3CImageFormatAdapter;
 export type { OpenSeadragonAnnotator as AnnotoriousOpenSeadragonAnnotator } from '@annotorious/openseadragon';
-import { ShapeType as _ShapeType, W3CImageFormat as _W3CImageFormat } from '@annotorious/annotorious';
-export { _ShapeType as ShapeType };
-export { _W3CImageFormat as W3CImageFormat };
 export type { Viewer } from 'openseadragon';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,iBAAiB,CAAC;AAGhC,OAAO,0CAA0C,CAAC;AAClD,OAAO,0DAA0D,CAAC;AAElE,YAAY,EACV,eAAe,EAChB,MAAM,iCAAiC,CAAC;AAGzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAE5C,YAAY,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,KAAK,EACL,gBAAgB,EAChB,aAAa,EACd,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,MAAM,IAAI,OAAO,EACjB,mBAAmB,IAAI,oBAAoB,EAC5C,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC;AAC7B,OAAO,EAAE,oBAAoB,IAAI,mBAAmB,EAAE,CAAC;AAGvD,YAAY,EACV,cAAc,IAAI,yBAAyB,EAC3C,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EACV,sBAAsB,IAAI,iCAAiC,EAC5D,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,SAAS,IAAI,UAAU,EACvB,cAAc,IAAI,eAAe,EAClC,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,SAAS,EAAE,CAAC;AACnC,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAE7C,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,iBAAiB,CAAC;AAGhC,OAAO,0CAA0C,CAAC;AAClD,OAAO,0DAA0D,CAAC;AAGlE,YAAY,EACV,UAAU,EACV,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,KAAK,EACL,YAAY,EACZ,sBAAsB,EACtB,MAAM,EACN,aAAa,EACb,UAAU,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,cAAc,EACd,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,IAAI,EACJ,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,oBAAoB,IAAI,qBAAqB,EAC7C,UAAU,IAAI,WAAW,EACzB,oBAAoB,IAAI,qBAAqB,EAC7C,MAAM,IAAI,OAAO,EACjB,mBAAmB,IAAI,oBAAoB,EAC5C,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,qBAAqB,IAAI,oBAAoB,EAAE,CAAC;AACzD,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC;AACrC,OAAO,EAAE,qBAAqB,IAAI,oBAAoB,EAAE,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC;AAC7B,OAAO,EAAE,oBAAoB,IAAI,mBAAmB,EAAE,CAAC;AAGvD,YAAY,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,cAAc,IAAI,yBAAyB,EAC3C,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,wBAAwB,EACzB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAEL,SAAS,IAAI,UAAU,EAExB,MAAM,0BAA0B,CAAC;AAElC,eAAO,MAAM,oBAAoB,6SAAwB,CAAC;AAC1D,eAAO,MAAM,SAAS,mBAAa,CAAC;AACpC,eAAO,MAAM,cAAc,iGAAkB,CAAC;AAG9C,YAAY,EACV,sBAAsB,IAAI,iCAAiC,EAC5D,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC"}

package/dist/openseadragon/OpenSeadragonAnnotator.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
-import OpenSeadragon from 'openseadragon';
+import { default as OpenSeadragon } from 'openseadragon';
 import { AnnotoriousOpts, DrawingStyle, Filter, ImageAnnotation } from '@annotorious/annotorious';
-export declare const OpenSeadragonAnnotatorContext: import("react").Context<{
+
+export declare const OpenSeadragonAnnotatorContext: import('react').Context<{
     viewer: OpenSeadragon.Viewer;
     setViewer(viewer: OpenSeadragon.Viewer): void;
 }>;

package/dist/openseadragon/OpenSeadragonAnnotator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenSeadragonAnnotator.d.ts","sourceRoot":"","sources":["../../src/openseadragon/OpenSeadragonAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAmC,MAAM,OAAO,CAAC;AAClF,OAAO,aAAa,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGlG,eAAO,MAAM,6BAA6B;YAChC,cAAc,MAAM;sBACV,cAAc,MAAM,GAAG,IAAI;EACV,CAAC;AAEtC,MAAM,MAAM,2BAA2B,CAAC,CAAC,SAAS,OAAO,IAAI,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC,GAAG;IAEjG,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,MAAM,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAEjC,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,UAAU,EAAE,eAAe,KAAK,YAAY,CAAC,CAAC;IAEvE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAEtB,CAAA;AAED,eAAO,MAAM,sBAAsB,uGA8ClC,CAAA;AAED,eAAO,MAAM,SAAS,4BAGrB,CAAA"}
+{"version":3,"file":"OpenSeadragonAnnotator.d.ts","sourceRoot":"","sources":["../../src/openseadragon/OpenSeadragonAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAmC,MAAM,OAAO,CAAC;AAClF,OAAO,aAAa,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGlG,eAAO,MAAM,6BAA6B;YAChC,aAAa,CAAC,MAAM;sBACV,aAAa,CAAC,MAAM,GAAG,IAAI;EACV,CAAC;AAEtC,MAAM,MAAM,2BAA2B,CAAC,CAAC,SAAS,OAAO,IAAI,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC,GAAG;IAEjG,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,MAAM,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAEjC,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,UAAU,EAAE,eAAe,KAAK,YAAY,CAAC,CAAC;IAEvE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAEtB,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,OAAO,SAAS,2BAA2B,CAAC,CAAC,CAAC,4CAgD9F,CAAA;AAED,eAAO,MAAM,SAAS,4BAGrB,CAAA"}