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

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,97 +1,116 @@
-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 E } from "./annotorious-react.es11.js";
+import { createContext as I, forwardRef as O, useState as b, useImperativeHandle as R, useEffect as V, useContext as a } from "react";
+import { onUserSelect as H } from "@annotorious/core";
+import { useDebounce as _ } from "./annotorious-react.es12.js";
+const c = I({
   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(() => {
+}), K = O((t, o) => {
+  const [n, i] = b(null), [u, s] = b([]), [d, r] = b({ selected: [] });
+  return R(o, () => n), V(() => {
     if (n) {
       const { selection: m, store: e } = n.state;
-      e.all().length > 0 && r(e.all());
-      const v = (a) => r(() => e.all());
-      e.observe(v);
-      let i;
-      const b = m.subscribe(({ selected: a, 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 { 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 };
+      e.all().length > 0 && s(e.all());
+      const f = () => s(() => e.all());
+      e.observe(f);
+      let l;
+      const A = m.subscribe(({ selected: p, ...w }) => {
+        l && e.unobserve(l);
+        const D = (p || []).map(({ id: v, editable: S }) => ({ annotation: e.getAnnotation(v), editable: S }));
+        r({ selected: D, ...w }), l = (v) => {
+          const { updated: S } = v.changes;
+          r((g) => ({
+            ...g,
+            selected: g.selected.map(({ annotation: h, editable: x }) => {
+              const C = S.find((U) => U.oldValue.id === h.id);
+              return C ? { annotation: C.newValue, editable: x } : { annotation: h, editable: x };
             })
           }));
-        }, e.observe(i, { annotations: a.map(({ id: d }) => d) });
+        }, e.observe(l, { annotations: p.map(({ id: v }) => v) });
       });
       return () => {
-        e.unobserve(v), b();
+        e.unobserve(f), A();
       };
     }
-  }, [n]), /* @__PURE__ */ U(o.Provider, { value: {
+  }, [n]), /* @__PURE__ */ E.jsx(c.Provider, { value: {
     anno: n,
-    setAnno: u,
-    annotations: p,
-    selection: A
+    setAnno: i,
+    annotations: u,
+    selection: d
   }, children: t.children });
-}), F = () => {
-  const { anno: t } = c(o);
+}), L = () => {
+  const { anno: t } = a(c);
   return t;
-}, G = () => {
-  const { anno: t } = c(o);
-  return t == null ? void 0 : t.state.store;
 }, P = () => {
-  const { annotations: t } = c(o);
+  const { anno: t } = a(c);
+  return t == null ? void 0 : t.state.store;
+}, k = () => {
+  const { annotations: t } = a(c);
   return t;
-}, R = (t) => {
-  const { annotations: s } = c(o);
-  return C(s, t);
-}, J = (t) => t ? R(t) : P(), K = () => {
-  const { selection: t } = c(o);
+}, q = (t) => {
+  const { annotations: o } = a(c);
+  return _(o, t);
+}, M = (t) => t ? q(t) : k(), y = (t, o) => {
+  const n = P(), [i, u] = b(
+    n == null ? void 0 : n.getAnnotation(t)
+  );
+  return V(() => {
+    if (!n) return;
+    const s = (d) => {
+      const r = d.changes.updated[0];
+      r && u(r.newValue);
+    };
+    return n.observe(s, { ...o, annotations: t }), () => n.unobserve(s);
+  }, []), i;
+}, N = (t, o) => {
+  const n = y(t);
+  return n ? H(n, o) : void 0;
+}, Q = () => {
+  const { selection: t } = a(c);
   return t;
-}, L = () => {
-  const { anno: t } = c(o);
+}, T = () => {
+  const { anno: t } = a(c);
   return t == null ? void 0 : t.getUser();
-}, _ = () => {
-  const { anno: t } = c(o), [s, n] = f([]);
-  return h(() => {
+}, j = () => {
+  const { anno: t } = a(c), [o, n] = b([]);
+  return V(() => {
     if (t) {
-      const { store: u, viewport: p } = t.state;
-      if (!p)
+      const { store: i, viewport: u } = t.state;
+      if (!u)
         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 { updated: v } = e.changes;
-          n((i) => i.map((b) => {
-            const a = v.find((w) => w.oldValue.id === b.id);
-            return a ? a.newValue : b;
+      let s;
+      const d = u.subscribe((r) => {
+        s && i.unobserve(s);
+        const m = r.map((e) => i.getAnnotation(e));
+        n(m), s = (e) => {
+          const { updated: f } = e.changes;
+          n((l) => l.map((A) => {
+            const p = f.find((w) => w.oldValue.id === A.id);
+            return p ? p.newValue : A;
           }));
-        }, u.observe(r, { annotations: l });
+        }, i.observe(s, { annotations: r });
       });
       return () => {
-        A();
+        d();
       };
     }
-  }, [t]), s;
-}, k = (t) => {
-  const s = _();
-  return C(s, t);
-}, M = (t) => t ? k(t) : _();
+  }, [t]), o;
+}, z = (t) => {
+  const o = j();
+  return _(o, t);
+}, W = (t) => t ? z(t) : j();
 export {
-  B as Annotorious,
-  o as AnnotoriousContext,
-  G as useAnnotationStore,
-  J as useAnnotations,
-  F as useAnnotator,
-  L as useAnnotatorUser,
-  K as useSelection,
-  M as useViewportState
+  K as Annotorious,
+  c as AnnotoriousContext,
+  y as useAnnotation,
+  N as useAnnotationSelectAction,
+  P as useAnnotationStore,
+  M as useAnnotations,
+  L as useAnnotator,
+  T as useAnnotatorUser,
+  Q as useSelection,
+  W as useViewportState
 };
 //# sourceMappingURL=annotorious-react.es2.js.map

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, type ReactNode, useContext, useEffect, useImperativeHandle, useState } from 'react';\nimport type {\n  Annotation,\n  Annotator,\n  Selection as CoreSelection,\n  Store,\n  StoreChangeEvent,\n  User\n} from '@annotorious/annotorious';\nimport {\n  onUserSelect,\n  type StoreObserveOptions,\n  type UserSelectActionExpression\n} from '@annotorious/core';\n\nimport { useDebounce } from './useDebounce';\n\ninterface Selection<T extends Annotation = Annotation> extends Omit<CoreSelection, 'selected'> {\n\n  selected: { annotation: T, editable?: boolean }[];\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, ...rest }) => {\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, ...rest });\n\n        selectionStoreObserver = event => {\n          const { updated } = event.changes;\n\n          setSelection((selection) => ({\n            ...selection,\n            selected: selection.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 useAnnotation = <T extends Annotation>(id: string, options?: Omit<StoreObserveOptions, 'annotations'>) => {\n  const store = useAnnotationStore<Store<T>>();\n\n  const [annotation, setAnnotation] = useState<T | undefined>(\n    store?.getAnnotation(id)\n  );\n\n  useEffect(() => {\n    if (!store) return;\n\n    const handleChange = (event: StoreChangeEvent<T>) => {\n      const updated = event.changes.updated[0];\n      if (updated) {\n        setAnnotation(updated.newValue);\n      }\n    };\n\n    store.observe(handleChange, { ...options, annotations: id });\n    return () => store.unobserve(handleChange);\n  }, []);\n\n  return annotation;\n}\n\nexport const useAnnotationSelectAction = <T extends Annotation>(id: string, action: UserSelectActionExpression<T>) => {\n  const annotation = useAnnotation(id);\n  return annotation ? onUserSelect(annotation, action) : undefined;\n}\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","rest","resolved","id","editable","event","updated","annotation","next","u","jsx","useAnnotator","useContext","useAnnotationStore","_useAnnotations","_useAnnotationsDebounced","debounce","useDebounce","useAnnotations","useAnnotation","options","setAnnotation","handleChange","useAnnotationSelectAction","action","onUserSelect","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,23 +1,25 @@
-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) => {
-    if (!o) {
-      const f = m.target, s = u(f, i);
-      r(s);
+import { j as n } from "./annotorious-react.es11.js";
+import { Children as u, useContext as x, useEffect as o, cloneElement as A } from "react";
+import { createImageAnnotator as g } from "@annotorious/annotorious";
+import { AnnotoriousContext as d } from "./annotorious-react.es2.js";
+const E = (t) => {
+  const { children: i, tool: h, ...l } = t, c = u.only(i), { anno: e, setAnno: r } = x(d), s = (m) => {
+    if (!e) {
+      const f = m.target, a = g(f, l);
+      r(a);
     }
   };
-  return e(() => {
-    t.tool && o && o.setDrawingTool(t.tool);
-  }, [t.tool, o]), e(() => {
-    o && o.setFilter(t.filter);
-  }, [t.filter]), e(() => {
-    o && o.setStyle(t.style);
-  }, [t.style]), /* @__PURE__ */ a(g, { children: h(l, { onLoad: c }) });
+  return o(() => {
+    t.tool && e && e.setDrawingTool(t.tool);
+  }, [t.tool, e]), o(() => {
+    e && e.setFilter(t.filter);
+  }, [t.filter]), o(() => {
+    e && e.setStyle(t.style);
+  }, [t.style]), o(() => {
+    e && e.setUserSelectAction(t.userSelectAction);
+  }, [t.userSelectAction]), /* @__PURE__ */ n.jsx(n.Fragment, { children: A(c, { onLoad: s }) });
 };
 export {
-  S as ImageAnnotator
+  E 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  useEffect(() => {\n    if (anno) anno.setUserSelectAction(props.userSelectAction);\n  }, [props.userSelectAction]);\n \n  return <>{cloneElement(child, { onLoad }  as Partial<HTMLImageElement>)}</>\n\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,GAEhBe,EAAU,MAAM;AACd,IAAIT,KAAMA,EAAK,oBAAoBN,EAAM,gBAAgB;AAAA,EAAA,GACxD,CAACA,EAAM,gBAAgB,CAAC,uCAEjB,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