@annotorious/react 3.0.0-rc.6 → 3.0.0-rc.8

package/dist/Annotorious.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Annotation, Annotator, StoreChangeEvent } from '@annotorious/core';
+import { Annotation, Annotator, StoreChangeEvent } from '.';
 interface Selection<T extends Annotation = Annotation> {
     selected: {
         annotation: T;
@@ -26,30 +26,30 @@ export declare const Annotorious: import("react").ForwardRefExoticComponent<{
 } & import("react").RefAttributes<Annotator<Annotation, Annotation>>>;
 export declare const useAnnotator: <T extends Annotator<any, unknown>>() => T;
 export declare const useAnnotationStore: <T extends {
-    addAnnotation: (annotation: Annotation, origin?: import("@annotorious/core").Origin) => void;
-    addBody: (body: import("@annotorious/core").AnnotationBody, origin?: import("@annotorious/core").Origin) => void;
+    addAnnotation: (annotation: Annotation, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    addBody: (body: import("@annotorious/core/dist/model/Annotation").AnnotationBody, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
     all: () => Annotation[];
-    bulkAddAnnotation: (annotations: Annotation[], replace?: boolean, origin?: import("@annotorious/core").Origin) => void;
-    bulkDeleteAnnotation: (annotationsOrIds: (string | Annotation)[], origin?: import("@annotorious/core").Origin) => void;
-    bulkUpdateAnnotation: (annotations: Annotation[], origin?: import("@annotorious/core").Origin) => void;
-    bulkUpdateBodies: (bodies: import("@annotorious/core").AnnotationBody[], origin?: import("@annotorious/core").Origin) => void;
-    bulkUpdateTargets: (targets: import("@annotorious/core").AnnotationTarget[], origin?: import("@annotorious/core").Origin) => void;
-    clear: (origin?: import("@annotorious/core").Origin) => void;
-    deleteAnnotation: (annotationOrId: string | Annotation, origin?: import("@annotorious/core").Origin) => void;
+    bulkAddAnnotation: (annotations: Annotation[], replace?: boolean, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    bulkDeleteAnnotation: (annotationsOrIds: (string | Annotation)[], origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    bulkUpdateAnnotation: (annotations: Annotation[], origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    bulkUpdateBodies: (bodies: import("@annotorious/core/dist/model/Annotation").AnnotationBody[], origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    bulkUpdateTargets: (targets: import("@annotorious/core/dist/model/Annotation").AnnotationTarget[], origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    clear: (origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    deleteAnnotation: (annotationOrId: string | Annotation, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
     deleteBody: (body: {
         id: string;
         annotation: string;
-    }, origin?: import("@annotorious/core").Origin) => void;
+    }, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
     getAnnotation: (id: string) => Annotation;
-    getBody: (id: string) => import("@annotorious/core").AnnotationBody;
+    getBody: (id: string) => import("@annotorious/core/dist/model/Annotation").AnnotationBody;
     observe: (onChange: (event: StoreChangeEvent<Annotation>) => void, options?: import("@annotorious/core").StoreObserveOptions) => number;
     unobserve: (onChange: (event: StoreChangeEvent<Annotation>) => void) => void;
-    updateAnnotation: (arg1: string | Annotation, arg2?: Annotation | import("@annotorious/core").Origin, arg3?: import("@annotorious/core").Origin) => void;
+    updateAnnotation: (arg1: string | Annotation, arg2?: Annotation | import("@annotorious/core/dist/state/StoreObserver").Origin, arg3?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
     updateBody: (oldBodyId: {
         id: string;
         annotation: string;
-    }, newBody: import("@annotorious/core").AnnotationBody, origin?: import("@annotorious/core").Origin) => void;
-    updateTarget: (target: import("@annotorious/core").AnnotationTarget, origin?: import("@annotorious/core").Origin) => void;
+    }, newBody: import("@annotorious/core/dist/model/Annotation").AnnotationBody, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
+    updateTarget: (target: import("@annotorious/core/dist/model/Annotation").AnnotationTarget, origin?: import("@annotorious/core/dist/state/StoreObserver").Origin) => void;
 }>() => T;
 export declare const useAnnotations: <T extends Annotation>(debounce?: number) => T[];
 export declare const useSelection: <T extends Annotation>() => Selection<T>;

package/dist/Annotorious.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Annotorious.d.ts","sourceRoot":"","sources":["../src/Annotorious.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAS,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGnF,UAAU,SAAS,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU;IAEnD,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAElD,YAAY,CAAC,EAAE,YAAY,CAAC;CAE7B;AAED,MAAM,WAAW,uBAAuB;IAEtC,IAAI,EAAE,SAAS,CAAC;IAEhB,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAEpD,WAAW,EAAE,UAAU,EAAE,CAAC;IAE1B,SAAS,EAAE,SAAS,CAAC;CAEtB;AAED,eAAO,MAAM,kBAAkB;;;;;;;EAU7B,CAAC;AAEH,eAAO,MAAM,WAAW;cAAqC,SAAS;qEAuEpE,CAAC;AAEH,eAAO,MAAM,YAAY,4CAGxB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;SAG9B,CAAA;AAYD,eAAO,MAAM,cAAc,oCAAqC,MAAM,QACE,CAAC;AAEzE,eAAO,MAAM,YAAY,0CAGxB,CAAA;AAED,eAAO,MAAM,gBAAgB,WAG5B,CAAA;AAmDD,eAAO,MAAM,gBAAgB,oCAAsC,MAAM,QACI,CAAC"}
+{"version":3,"file":"Annotorious.d.ts","sourceRoot":"","sources":["../src/Annotorious.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAS,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAGnE,UAAU,SAAS,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU;IAEnD,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAElD,YAAY,CAAC,EAAE,YAAY,CAAC;CAE7B;AAED,MAAM,WAAW,uBAAuB;IAEtC,IAAI,EAAE,SAAS,CAAC;IAEhB,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAEpD,WAAW,EAAE,UAAU,EAAE,CAAC;IAE1B,SAAS,EAAE,SAAS,CAAC;CAEtB;AAED,eAAO,MAAM,kBAAkB;;;;;;;EAU7B,CAAC;AAEH,eAAO,MAAM,WAAW;cAAqC,SAAS;qEAuEpE,CAAC;AAEH,eAAO,MAAM,YAAY,4CAGxB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;SAG9B,CAAA;AAYD,eAAO,MAAM,cAAc,oCAAqC,MAAM,QACE,CAAC;AAEzE,eAAO,MAAM,YAAY,0CAGxB,CAAA;AAED,eAAO,MAAM,gBAAgB,WAG5B,CAAA;AAmDD,eAAO,MAAM,gBAAgB,oCAAsC,MAAM,QACI,CAAC"}

package/dist/AnnotoriousPlugin.d.ts

@@ -1,4 +1,4 @@
-import { Annotation, Annotator } from '@annotorious/annotorious';
+import { Annotation, Annotator } from '..';
 export interface AnnotoriousPluginProps<I extends Annotation, E extends unknown> {
     plugin: (anno: Annotator<I, E>, opts?: Object) => ({
         unmount?: () => void;

package/dist/AnnotoriousPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotoriousPlugin.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPlugin.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,WAAW,sBAAsB,CAAE,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,OAAO;IAE9E,MAAM,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,GAAG,IAAI,CAAC;IAEpF,IAAI,CAAC,EAAE,MAAM,CAAC;CAEf;AAED,eAAO,MAAM,iBAAiB,8GAkB7B,CAAA"}
+{"version":3,"file":"AnnotoriousPlugin.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPlugin.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAG3C,MAAM,WAAW,sBAAsB,CAAE,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,OAAO;IAE9E,MAAM,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,GAAG,IAAI,CAAC;IAEpF,IAAI,CAAC,EAAE,MAAM,CAAC;CAEf;AAED,eAAO,MAAM,iBAAiB,8GAkB7B,CAAA"}

package/dist/AnnotoriousPopup.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ImageAnnotation } from '@annotorious/annotorious';
+import { ImageAnnotation } from '.';
 export interface AnnotoriousPopupProps {
     selected: {
         annotation: ImageAnnotation;

package/dist/AnnotoriousPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotoriousPopup.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG3D,MAAM,WAAW,qBAAqB;IAEpC,QAAQ,EAAE;QAAE,UAAU,EAAE,eAAe,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CAEjE;AAED,MAAM,WAAW,cAAc;IAE7B,QAAQ,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,IAAI,IAAI,CAAC;IAErB,SAAS,CAAC,IAAI,IAAI,CAAC;CAEpB;AAED,eAAO,MAAM,SAAS,2GAepB,CAAC"}
+{"version":3,"file":"AnnotoriousPopup.d.ts","sourceRoot":"","sources":["../src/AnnotoriousPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAGpC,MAAM,WAAW,qBAAqB;IAEpC,QAAQ,EAAE;QAAE,UAAU,EAAE,eAAe,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;CAEjE;AAED,MAAM,WAAW,cAAc;IAE7B,QAAQ,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,IAAI,IAAI,CAAC;IAErB,SAAS,CAAC,IAAI,IAAI,CAAC;CAEpB;AAED,eAAO,MAAM,SAAS,2GAepB,CAAC"}

package/dist/ImageAnnotator.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { AnnotoriousOpts } from '@annotorious/annotorious';
-import type { DrawingStyle, DrawingTool, Filter, ImageAnnotation } from '@annotorious/annotorious';
+import { AnnotoriousOpts } from '.';
+import type { DrawingStyle, DrawingTool, Filter, ImageAnnotation } from '.';
 export interface ImageAnnotatorProps<E extends unknown> extends AnnotoriousOpts<ImageAnnotation, E> {
     children: ReactElement<HTMLImageElement>;
     filter?: Filter<ImageAnnotation>;

package/dist/ImageAnnotator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageAnnotator.d.ts","sourceRoot":"","sources":["../src/ImageAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAuC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,eAAe,EAAwB,MAAM,0BAA0B,CAAC;AACjF,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGnG,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,OAAO,CAAE,SAAQ,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC;IAEjG,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAEzC,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,WAAW,CAAA;CAEnB;AAED,eAAO,MAAM,cAAc,+FA+B1B,CAAA"}
+{"version":3,"file":"ImageAnnotator.d.ts","sourceRoot":"","sources":["../src/ImageAnnotator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAuC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,eAAe,EAAwB,MAAM,GAAG,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAG5E,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,OAAO,CAAE,SAAQ,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC;IAEjG,QAAQ,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAEzC,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,WAAW,CAAA;CAEnB;AAED,eAAO,MAAM,cAAc,+FA+B1B,CAAA"}

package/dist/annotorious-react.es.js

@@ -1,55 +1,37 @@
-import { Annotorious as n, AnnotoriousContext as a, useAnnotationStore as p, useAnnotations as i, useAnnotator as m, useAnnotatorUser as s, useSelection as f, useViewportState as x } from "./annotorious-react.es2.js";
-import { AnnotoriousPlugin as A } from "./annotorious-react.es3.js";
-import { Draggable as c } from "./annotorious-react.es4.js";
-import { ImageAnnotator as g } from "./annotorious-react.es5.js";
+import { Annotorious as n, AnnotoriousContext as a, useAnnotationStore as p, useAnnotations as i, useAnnotator as m, useAnnotatorUser as u, useSelection as s, useViewportState as A } from "./annotorious-react.es2.js";
+import { AnnotoriousPlugin as g } from "./annotorious-react.es3.js";
+import { Draggable as S } from "./annotorious-react.es4.js";
+import { ImageAnnotator as d } from "./annotorious-react.es5.js";
 import "./annotorious-react.es6.js";
 import "./annotorious-react.es7.js";
-import { createBaseAnnotator as C } from "./annotorious-react.es8.js";
-import { parseAll as B, serializeAll as E } from "./annotorious-react.es9.js";
-import { createAnonymousGuest as w } from "./annotorious-react.es10.js";
-import { parseW3CBodies as V, serializeW3CBodies as W } from "./annotorious-react.es11.js";
-import { createDefaultAppearenceProvider as v, defaultColorProvider as z } from "./annotorious-react.es12.js";
-import { PRESENCE_KEY as I, createPresenceState as h } from "./annotorious-react.es13.js";
-import { createBody as G, getContributors as K } from "./annotorious-react.es14.js";
-import { diffAnnotations as R } from "./annotorious-react.es15.js";
-import { PointerSelectAction as U } from "./annotorious-react.es16.js";
-import { Origin as _ } from "./annotorious-react.es17.js";
-import { ShapeType as k, W3CImageFormat as q } from "./annotorious-react.es18.js";
-import { OpenSeadragonAnnotator as J, useViewer as L } from "./annotorious-react.es19.js";
-import { OpenSeadragonPopup as Q } from "./annotorious-react.es20.js";
-import { OpenSeadragonViewer as Z } from "./annotorious-react.es21.js";
+import { Origin as O, PointerSelectAction as P, createAnonymousGuest as w, createBody as y, defaultColorProvider as C } from "./annotorious-react.es8.js";
+import { ShapeType as V, W3CImageFormat as b, createImageAnnotator as h } from "./annotorious-react.es9.js";
+import { OpenSeadragonAnnotator as B, useViewer as D } from "./annotorious-react.es10.js";
+import { OpenSeadragonPopup as G } from "./annotorious-react.es11.js";
+import { OpenSeadragonViewer as U } from "./annotorious-react.es12.js";
 export {
   n as Annotorious,
   a as AnnotoriousContext,
-  A as AnnotoriousPlugin,
-  c as Draggable,
-  g as ImageAnnotator,
-  J as OpenSeadragonAnnotator,
-  Q as OpenSeadragonPopup,
-  Z as OpenSeadragonViewer,
-  _ as Origin,
-  I as PRESENCE_KEY,
-  U as PointerSelectAction,
-  k as ShapeType,
-  q as W3CImageFormat,
+  g as AnnotoriousPlugin,
+  S as Draggable,
+  d as ImageAnnotator,
+  B as OpenSeadragonAnnotator,
+  G as OpenSeadragonPopup,
+  U as OpenSeadragonViewer,
+  O as Origin,
+  P as PointerSelectAction,
+  V as ShapeType,
+  b as W3CImageFormat,
   w as createAnonymousGuest,
-  C as createBaseAnnotator,
-  G as createBody,
-  v as createDefaultAppearenceProvider,
-  h as createPresenceState,
-  z as defaultColorProvider,
-  R as diffAnnotations,
-  K as getContributors,
-  B as parseAll,
-  V as parseW3CBodies,
-  E as serializeAll,
-  W as serializeW3CBodies,
+  y as createBody,
+  h as createImageAnnotator,
+  C as defaultColorProvider,
   p as useAnnotationStore,
   i as useAnnotations,
   m as useAnnotator,
-  s as useAnnotatorUser,
-  f as useSelection,
-  L as useViewer,
-  x as useViewportState
+  u as useAnnotatorUser,
+  s as useSelection,
+  D as useViewer,
+  A as useViewportState
 };
 //# sourceMappingURL=annotorious-react.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"annotorious-react.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/annotorious-react.es10.js

@@ -1,6 +1,32 @@
-import { customAlphabet as t } from "./annotorious-react.es33.js";
-const e = () => ({ isGuest: !0, id: t("1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_", 20)() });
+import { jsx as d } from "./annotorious-react.es13.js";
+import { createContext as u, useState as w, useContext as l, useEffect as n } from "react";
+import { createOSDAnnotator as m } from "./annotorious-react.es17.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;
+};
 export {
-  e as createAnonymousGuest
+  y as OpenSeadragonAnnotator,
+  s as OpenSeadragonAnnotatorContext,
+  C as useViewer
 };
 //# sourceMappingURL=annotorious-react.es10.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es10.js","sources":["../../annotorious-core/src/model/User.ts"],"sourcesContent":["import { customAlphabet } from 'nanoid';\n\nexport interface User {\n\n  id: string;\n\n  isGuest?: boolean;\n\n  name?: string;\n\n  avatar?: string;\n\n}\n\nexport const createAnonymousGuest = () => {\n  const nanoid = customAlphabet('1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_', 20);\n  \n  return { isGuest: true, id: nanoid() }\n}"],"names":["createAnonymousGuest","customAlphabet"],"mappings":";AAcO,MAAMA,IAAuB,OAG3B,EAAE,SAAS,IAAM,IAFTC,EAAe,mEAAmE,EAAE,EAE9D,EAAA;"}
+{"version":3,"file":"annotorious-react.es10.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 '..';\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;"}

package/dist/annotorious-react.es11.js

@@ -1,30 +1,39 @@
-const d = (r) => {
-  const o = JSON.stringify(r);
-  let t = 0;
-  for (let e = 0, a = o.length; e < a; e++) {
-    let n = o.charCodeAt(e);
-    t = (t << 5) - t + n, t |= 0;
-  }
-  return `${t}`;
-}, l = (r, o) => (Array.isArray(r) ? r : [r]).map((t) => {
-  const { id: e, type: a, purpose: n, value: i, created: c, creator: s, ...p } = t;
-  return {
-    id: e || `temp-${d(t)}`,
-    annotation: o,
-    type: a,
-    purpose: n,
-    value: i,
-    created: c,
-    creator: s ? typeof s == "object" ? { ...s } : s : void 0,
-    ...p
-  };
-}), h = (r) => r.map((o) => {
-  var e;
-  const t = { ...o };
-  return delete t.annotation, (e = t.id) != null && e.startsWith("temp-") && delete t.id, t;
-});
+import { jsx as v } from "./annotorious-react.es13.js";
+import { useRef as w, useState as d, useEffect as c } from "react";
+import { Draggable as S } from "./annotorious-react.es4.js";
+import { useViewer as x } from "./annotorious-react.es10.js";
+import { useSelection as D } from "./annotorious-react.es2.js";
+import { setPosition as I } from "./annotorious-react.es18.js";
+const q = (u) => {
+  const n = w(null), o = x(), { selected: t } = D(), [l, f] = d([]), [s, i] = d(!1), m = () => i(!0), p = () => {
+    const e = t[0].annotation;
+    I(o, e, n.current);
+  }, g = (e, r) => e.every((a) => r.includes(a)) && r.every((a) => e.includes(a));
+  return c(() => {
+    const e = t.map(({ annotation: r }) => r.id);
+    g(l, e) || (i(!1), f(e));
+  }, [t]), c(() => {
+    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(
+    S,
+    {
+      ref: n,
+      className: "a9s-popup a9s-osd-popup",
+      onDragStart: m,
+      children: u.popup({ viewer: o, selected: t })
+    },
+    t.map(({ annotation: e }) => e.id).join("-")
+  ) : null;
+};
 export {
-  l as parseW3CBodies,
-  h as serializeW3CBodies
+  q as OpenSeadragonPopup
 };
 //# sourceMappingURL=annotorious-react.es11.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es11.js","sources":["../../annotorious-core/src/model/W3CAnnotation.ts"],"sourcesContent":["import type { AnnotationBody } from './Annotation';\n\nexport interface W3CAnnotation {\n\n  '@context': 'http://www.w3.org/ns/anno.jsonld';\n\n  type: 'Annotation';\n\n  id: string;\n\n  body: W3CAnnotationBody | W3CAnnotationBody[]\n\n  target: W3CAnnotationTarget | W3CAnnotationTarget[];\n\n  [key: string]: any;\n\n}\n\nexport interface W3CAnnotationBody {\n\n  id?: string;\n\n  type?: string;\n\n  purpose?: string;\n\n  value?: string;\n\n  source?: string;\n\n  created?: Date;\n\n  creator?: {\n\n    type?: string;\n\n    id: string;\n\n    name?: string;\n\n  };\n\n}\n\nexport interface W3CAnnotationTarget {\n\n  source: string;\n\n  selector?: W3CSelector | W3CSelector[];\n\n}\n\nexport interface W3CSelector {\n\n  type: string;\n\n  conformsTo?: string;\n\n  value: string;\n}\n\n// https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript\nconst hashCode = (obj: Object): string => {\n  const str = JSON.stringify(obj);\n\n  let hash = 0;\n\n  for (let i = 0, len = str.length; i < len; i++) {\n      let chr = str.charCodeAt(i);\n      hash = (hash << 5) - hash + chr;\n      hash |= 0; // Convert to 32bit integer\n  }\n\n  return `${hash}`;\n}\n\n/**\n * Helper to crosswalk the W3C annotation body to a list of core AnnotationBody objects.\n */\nexport const parseW3CBodies = (\n  body: W3CAnnotationBody | W3CAnnotationBody[], \n  annotationId: string\n): AnnotationBody[] => (Array.isArray(body) ? body : [body]).map(body => {\n\n  // Exctract properties that conform to the internal model, but keep custom props\n  const { id, type, purpose, value, created, creator, ...rest } = body;\n\n  // The internal model strictly requires IDs. (Because multi-user scenarios\n  // will have problems without them.) In the W3C model, bodys *may* have IDs.\n  // We'll create ad-hoc IDs for bodies without IDs, but want to make sure that\n  // generating the ID is idempotent: the same body should always get the same ID.\n  // This will avoid unexpected results when checking for equality.  \n  return {\n    id: id || `temp-${hashCode(body)}`,\n    annotation: annotationId,\n    type,\n    purpose,\n    value,\n    created,\n    creator: creator ? \n      typeof creator === 'object' ? { ...creator }: creator :\n      undefined,\n    ...rest\n  }\n\n});\n\n/** Serialization helper to remove core-specific fields from the annotation body **/\nexport const serializeW3CBodies = (bodies: AnnotationBody[]): W3CAnnotationBody[] => \n  bodies.map(b => {\n    const w3c = { ...b };\n    delete w3c.annotation;\n\n    if (w3c.id?.startsWith('temp-'))\n      delete w3c.id;\n  \n    return w3c;\n  });"],"names":["hashCode","obj","str","hash","i","len","chr","parseW3CBodies","body","annotationId","id","type","purpose","value","created","creator","rest","serializeW3CBodies","bodies","b","_a","w3c"],"mappings":"AA8DA,MAAMA,IAAW,CAACC,MAAwB;AAClC,QAAAC,IAAM,KAAK,UAAUD,CAAG;AAE9B,MAAIE,IAAO;AAEX,WAASC,IAAI,GAAGC,IAAMH,EAAI,QAAQE,IAAIC,GAAKD,KAAK;AACxC,QAAAE,IAAMJ,EAAI,WAAWE,CAAC;AAClB,IAAAD,KAAAA,KAAQ,KAAKA,IAAOG,GACpBH,KAAA;AAAA,EACZ;AAEA,SAAO,GAAGA,CAAI;AAChB,GAKaI,IAAiB,CAC5BC,GACAC,OACsB,MAAM,QAAQD,CAAI,IAAIA,IAAO,CAACA,CAAI,GAAG,IAAI,CAAAA,MAAQ;AAGjE,QAAA,EAAE,IAAAE,GAAI,MAAAC,GAAM,SAAAC,GAAS,OAAAC,GAAO,SAAAC,GAAS,SAAAC,GAAS,GAAGC,EAASR,IAAAA;AAOzD,SAAA;AAAA,IACL,IAAIE,KAAM,QAAQV,EAASQ,CAAI,CAAC;AAAA,IAChC,YAAYC;AAAA,IACZ,MAAAE;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAASC,IACP,OAAOA,KAAY,WAAW,EAAE,GAAGA,EAAQ,IAAGA,IAC9C;AAAA,IACF,GAAGC;AAAA,EAAA;AAGP,CAAC,GAGYC,IAAqB,CAACC,MACjCA,EAAO,IAAI,CAAKC,MAAA;AA/ClB,MAAAC;AAgDU,QAAAC,IAAM,EAAE,GAAGF;AACjB,gBAAOE,EAAI,aAEPD,IAAAC,EAAI,OAAJ,QAAAD,EAAQ,WAAW,YACrB,OAAOC,EAAI,IAENA;AACT,CAAC;"}
+{"version":3,"file":"annotorious-react.es11.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;AACd,QAAI,CAACnB,EAAG;AAAS;AAEjB,IAAKS,KAAwBG;AAE7B,UAAMS,IAAmB,MAAM;AAC7B,MAAKZ,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,IACvB,gBAAAkB;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/annotorious-react.es12.js

@@ -1,23 +1,19 @@
-import { DEFAULT_PALETTE as t } from "./annotorious-react.es36.js";
-const l = () => {
-  const o = [...t];
-  return { assignRandomColor: () => {
-    const r = Math.floor(Math.random() * o.length), e = o[r];
-    return o.splice(r, 1), e;
-  }, releaseColor: (r) => o.push(r) };
-}, d = () => {
-  const o = l();
-  return { addUser: (r, e) => {
-    const s = o.assignRandomColor();
-    return {
-      label: e.name || e.id,
-      avatar: e.avatar,
-      color: s
-    };
-  }, removeUser: (r) => o.releaseColor(r.appearance.color) };
-};
+import { jsx as m } from "./annotorious-react.es13.js";
+import { forwardRef as a, useRef as c, useContext as p, useEffect as u, useImperativeHandle as d } from "react";
+import l from "openseadragon";
+import { OpenSeadragonAnnotatorContext as v } from "./annotorious-react.es10.js";
+const S = a((n, i) => {
+  const { className: s, options: t } = n, r = c(null), { viewer: f, setViewer: e } = p(v);
+  return u(() => {
+    if (r.current) {
+      const o = l({ ...t, element: r.current });
+      return e && e(o), () => {
+        o.destroy(), e && e(void 0);
+      };
+    }
+  }, [JSON.stringify(t)]), d(i, () => f), /* @__PURE__ */ m("div", { className: s, ref: r });
+});
 export {
-  d as createDefaultAppearenceProvider,
-  l as defaultColorProvider
+  S as OpenSeadragonViewer
 };
 //# sourceMappingURL=annotorious-react.es12.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es12.js","sources":["../../annotorious-core/src/presence/AppearanceProvider.ts"],"sourcesContent":["import type { User } from '../model';\nimport type { Appearance } from './Appearance';\nimport type { PresentUser } from './PresentUser';\nimport { DEFAULT_PALETTE } from './ColorPalette';\n\nexport interface AppearanceProvider {\n\n  addUser(presenceKey: string, user: User): Appearance;\n\n  removeUser(user: PresentUser): void;\n\n}\n\nexport const defaultColorProvider = () => {\n\n  const unassignedColors = [...DEFAULT_PALETTE];\n\n  const assignRandomColor = () => {\n    const rnd = Math.floor(Math.random() * unassignedColors.length);\n    const color = unassignedColors[rnd];\n\n    unassignedColors.splice(rnd, 1);\n\n    return color;\n  }\n\n  const releaseColor = (color: string) =>\n    unassignedColors.push(color);\n\n  return { assignRandomColor, releaseColor };\n\n}\n\nexport const createDefaultAppearenceProvider = () => {\n\n  const colorProvider = defaultColorProvider();\n\n  const addUser = (presenceKey: string, user: User): Appearance => {\n    const color = colorProvider.assignRandomColor();\n\n    return {\n      label: user.name || user.id,\n      avatar: user.avatar,\n      color\n    };\n  }\n\n  const removeUser = (user: PresentUser) =>\n    colorProvider.releaseColor(user.appearance.color);\n\n  return { addUser, removeUser }\n  \n}"],"names":["defaultColorProvider","unassignedColors","DEFAULT_PALETTE","rnd","color","createDefaultAppearenceProvider","colorProvider","presenceKey","user"],"mappings":";AAaO,MAAMA,IAAuB,MAAM;AAElC,QAAAC,IAAmB,CAAC,GAAGC,CAAe;AAcrC,SAAA,EAAE,mBAZiB,MAAM;AAC9B,UAAMC,IAAM,KAAK,MAAM,KAAK,WAAWF,EAAiB,MAAM,GACxDG,IAAQH,EAAiBE,CAAG;AAEjB,WAAAF,EAAA,OAAOE,GAAK,CAAC,GAEvBC;AAAA,EAAA,GAMmB,cAHP,CAACA,MACpBH,EAAiB,KAAKG,CAAK;AAI/B,GAEaC,IAAkC,MAAM;AAEnD,QAAMC,IAAgBN;AAef,SAAA,EAAE,SAbO,CAACO,GAAqBC,MAA2B;AACzD,UAAAJ,IAAQE,EAAc;AAErB,WAAA;AAAA,MACL,OAAOE,EAAK,QAAQA,EAAK;AAAA,MACzB,QAAQA,EAAK;AAAA,MACb,OAAAJ;AAAA,IAAA;AAAA,EACF,GAMgB,YAHC,CAACI,MAClBF,EAAc,aAAaE,EAAK,WAAW,KAAK;AAIpD;"}
+{"version":3,"file":"annotorious-react.es12.js","sources":["../src/openseadragon/OpenSeadragonViewer.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useImperativeHandle, useRef } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { OpenSeadragonAnnotatorContext } from './OpenSeadragonAnnotator';\n\nexport interface OpenSeadragonViewerProps {\n\n  className?: string;\n\n  options: OpenSeadragon.Options;\n\n}\n\nexport const OpenSeadragonViewer = forwardRef<OpenSeadragon.Viewer, OpenSeadragonViewerProps>((props: OpenSeadragonViewerProps, ref) => {\n\n  const { className, options } = props;\n\n  const element = useRef<HTMLDivElement>(null);\n\n  const { viewer, setViewer } = useContext(OpenSeadragonAnnotatorContext);\n\n  useEffect(() => {    \n    if (element.current) {\n      const v = OpenSeadragon({...options, element: element.current });\n\n      // Checking for setViewer is just a convenience so we can\n      // use this component also without an OpenSeadragonAnnotator\n      if (setViewer)\n        setViewer(v);\n\n      return () => {\n        v.destroy();\n\n        if (setViewer) \n          setViewer(undefined);\n      }\n    }\n  }, [JSON.stringify(options)]);\n\n  useImperativeHandle(ref, () => viewer);\n\n  return (\n    <div className={className} ref={element} />\n  );\n\n});"],"names":["OpenSeadragonViewer","forwardRef","props","ref","className","options","element","useRef","viewer","setViewer","useContext","OpenSeadragonAnnotatorContext","useEffect","v","OpenSeadragon","useImperativeHandle","jsx"],"mappings":";;;;AAYO,MAAMA,IAAsBC,EAA2D,CAACC,GAAiCC,MAAQ;AAEhI,QAAA,EAAE,WAAAC,GAAW,SAAAC,EAAY,IAAAH,GAEzBI,IAAUC,EAAuB,IAAI,GAErC,EAAE,QAAAC,GAAQ,WAAAC,EAAU,IAAIC,EAAWC,CAA6B;AAEtE,SAAAC,EAAU,MAAM;AACd,QAAIN,EAAQ,SAAS;AACb,YAAAO,IAAIC,EAAc,EAAC,GAAGT,GAAS,SAASC,EAAQ,SAAS;AAI3D,aAAAG,KACFA,EAAUI,CAAC,GAEN,MAAM;AACX,QAAAA,EAAE,QAAQ,GAENJ,KACFA,EAAU,MAAS;AAAA,MAAA;AAAA,IAEzB;AAAA,KACC,CAAC,KAAK,UAAUJ,CAAO,CAAC,CAAC,GAERU,EAAAZ,GAAK,MAAMK,CAAM,GAGlC,gBAAAQ,EAAA,OAAA,EAAI,WAAAZ,GAAsB,KAAKE,EAAS,CAAA;AAG7C,CAAC;"}

package/dist/annotorious-react.es13.js

@@ -1,57 +1,7 @@
-import { nanoid as v } from "./annotorious-react.es33.js";
-import { createNanoEvents as p } from "./annotorious-react.es37.js";
-import { createDefaultAppearenceProvider as E } from "./annotorious-react.es12.js";
-const w = (c, r) => c.every((o) => c.includes(o)) && r.every((o) => c.includes(o)), P = v(), y = (c = E()) => {
-  const r = p(), o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), m = (t, e) => {
-    if (o.has(t)) {
-      console.warn("Attempt to add user that is already present", t, e);
-      return;
-    }
-    const n = c.addUser(t, e);
-    o.set(t, {
-      ...e,
-      presenceKey: t,
-      appearance: n
-    });
-  }, u = (t) => {
-    const e = o.get(t);
-    if (!e) {
-      console.warn("Attempt to remove user that is not present", t);
-      return;
-    }
-    c.removeUser(e), o.delete(t);
-  }, h = (t) => {
-    const e = new Set(t.map((s) => s.presenceKey)), n = t.filter(({ presenceKey: s }) => !o.has(s)), i = Array.from(o.values()).filter((s) => !e.has(s.presenceKey));
-    n.forEach(({ presenceKey: s, user: f }) => m(s, f)), i.forEach((s) => {
-      const { presenceKey: f } = s;
-      a.has(f) && r.emit("selectionChange", s, null), u(f);
-    }), (n.length > 0 || i.length > 0) && r.emit("presence", l());
-  }, d = (t, e) => {
-    const n = o.get(t);
-    if (!n) {
-      console.warn("Activity notification from user that is not present");
-      return;
-    }
-    const i = a.get(t);
-    (!i || !w(i, e)) && (a.set(t, e), r.emit("selectionChange", n, e));
-  }, g = (t, e) => {
-    const n = o.get(t);
-    if (!n) {
-      console.warn("Selection change for user that is not present", t);
-      return;
-    }
-    e ? a.set(t, e) : a.delete(t), r.emit("selectionChange", n, e);
-  }, l = () => [...Array.from(o.values())];
-  return {
-    getPresentUsers: l,
-    notifyActivity: d,
-    on: (t, e) => r.on(t, e),
-    syncUsers: h,
-    updateSelection: g
-  };
-};
+import { j as t } from "./annotorious-react.es16.js";
+const o = t.Fragment, r = t.jsx;
 export {
-  P as PRESENCE_KEY,
-  y as createPresenceState
+  o as Fragment,
+  r as jsx
 };
 //# sourceMappingURL=annotorious-react.es13.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es13.js","sources":["../../annotorious-core/src/presence/PresenceState.ts"],"sourcesContent":["import { nanoid } from 'nanoid';\nimport { createNanoEvents, type Unsubscribe } from 'nanoevents';\nimport type { User } from '../model';\nimport type { PresentUser } from './PresentUser';\nimport type { PresenceEvents } from './PresenceEvents';\nimport { createDefaultAppearenceProvider } from './AppearanceProvider';\nimport type { AppearanceProvider } from './AppearanceProvider';\n\nexport interface PresenceState {\n\n  // Get users currently present to this room\n  getPresentUsers(): PresentUser[];\n\n  // Notify of a given present user's activity on the given annotations\n  notifyActivity(presenceKey: string, annotationIds: string[]): void;\n\n  // Add a listener for the given presence event\n  on<E extends keyof PresenceEvents>(event: E, callback: PresenceEvents[E]): Unsubscribe;\n\n  // Initial sync - which users are present under which keys\n  syncUsers(state: { presenceKey: string, user: User }[]): void;\n\n  // Update the selection state for the given prresent user\n  updateSelection(presenceKey: string, selection: string[] | null): void;\n\n}\n\nconst isListEqual = (listA: any[], listB: any[]) => \n  listA.every(a => listA.includes(a)) && listB.every(b => listA.includes(b));\n\n// This client's presence key\nexport const PRESENCE_KEY = nanoid();\n\nexport const createPresenceState = (\n  appearanceProvider: AppearanceProvider = createDefaultAppearenceProvider()\n): PresenceState => {\n\n  const emitter = createNanoEvents<PresenceEvents>();\n\n  const presentUsers = new Map<string, PresentUser>();\n\n  const selectionStates = new Map<string, string[]>();\n\n  const addUser = (presenceKey: string, user: User) => {\n    if (presentUsers.has(presenceKey)) {\n      console.warn('Attempt to add user that is already present', presenceKey, user);\n      return;    \n    }\n\n    const appearance = appearanceProvider.addUser(presenceKey, user);\n\n    presentUsers.set(presenceKey, { \n      ...user,\n      presenceKey,\n      appearance\n    });\n  }\n\n  const removeUser = (presenceKey: string) => {\n    const user = presentUsers.get(presenceKey);\n    if (!user) {\n      console.warn('Attempt to remove user that is not present', presenceKey);\n      return;\n    }\n\n    appearanceProvider.removeUser(user);\n\n    presentUsers.delete(presenceKey);\n  }\n\n  const syncUsers = (state: { presenceKey: string, user: User }[]) => {\n    // const keys = new Set(others.map(s => s.presenceKey));\n    const keys = new Set(state.map(s => s.presenceKey));\n\n    // These users need to be added to the presentUsers list\n    // const toAdd = others.filter(({ presenceKey }) => !presentUsers.has(presenceKey));\n    const toAdd = state.filter(({ presenceKey }) => !presentUsers.has(presenceKey));\n\n    // These users need to be dropped from the list\n    const toRemove = Array.from(presentUsers.values()).filter(presentUser =>\n      !keys.has(presentUser.presenceKey));\n\n    toAdd.forEach(({ presenceKey, user }) => addUser(presenceKey, user));\n\n    toRemove.forEach(user => {\n      const { presenceKey } = user;\n\n      // If this user has a selection, fire deselect event\n      if (selectionStates.has(presenceKey))\n        emitter.emit('selectionChange', user, null);\n\n      removeUser(presenceKey)\n    });\n\n    if (toAdd.length > 0 || toRemove.length > 0)\n      emitter.emit('presence', getPresentUsers());\n  }\n\n  const notifyActivity = (presenceKey: string, annotationIds: string[]) => {    \n    const user = presentUsers.get(presenceKey);\n    \n    if (!user) {\n      console.warn('Activity notification from user that is not present');\n      return;\n    }\n\n    const currentSelection = selectionStates.get(presenceKey);\n\n    // Was there a selection change we might have missed?\n    if (!currentSelection || !isListEqual(currentSelection, annotationIds)) {\n      selectionStates.set(presenceKey, annotationIds);\n      emitter.emit('selectionChange', user, annotationIds);\n    }\n  }\n\n  const updateSelection = (presenceKey: string, selection: string[] | null) => {\n    const from = presentUsers.get(presenceKey);\n    if (!from) {\n      console.warn('Selection change for user that is not present', presenceKey);\n      return;\n    }\n\n    if (selection)\n      selectionStates.set(presenceKey, selection);\n    else \n      selectionStates.delete(presenceKey);\n\n    emitter.emit('selectionChange', from, selection);\n  }\n\n  const getPresentUsers = () =>\n    [...Array.from(presentUsers.values())];\n    \n  const on = <E extends keyof PresenceEvents>(event: E, callback: PresenceEvents[E]) =>\n    emitter.on(event, callback);\n\n  return {\n    getPresentUsers,\n    notifyActivity,\n    on,\n    syncUsers,\n    updateSelection\n  }\n\n}"],"names":["isListEqual","listA","listB","a","b","PRESENCE_KEY","nanoid","createPresenceState","appearanceProvider","createDefaultAppearenceProvider","emitter","createNanoEvents","presentUsers","selectionStates","addUser","presenceKey","user","appearance","removeUser","syncUsers","state","keys","toAdd","toRemove","presentUser","getPresentUsers","notifyActivity","annotationIds","currentSelection","updateSelection","selection","from","event","callback"],"mappings":";;;AA2BA,MAAMA,IAAc,CAACC,GAAcC,MACjCD,EAAM,MAAM,OAAKA,EAAM,SAASE,CAAC,CAAC,KAAKD,EAAM,MAAM,OAAKD,EAAM,SAASG,CAAC,CAAC,GAG9DC,IAAeC,EAAO,GAEtBC,IAAsB,CACjCC,IAAyCC,QACvB;AAElB,QAAMC,IAAUC,KAEVC,wBAAmB,OAEnBC,wBAAsB,OAEtBC,IAAU,CAACC,GAAqBC,MAAe;AAC/C,QAAAJ,EAAa,IAAIG,CAAW,GAAG;AACzB,cAAA,KAAK,+CAA+CA,GAAaC,CAAI;AAC7E;AAAA,IACF;AAEA,UAAMC,IAAaT,EAAmB,QAAQO,GAAaC,CAAI;AAE/D,IAAAJ,EAAa,IAAIG,GAAa;AAAA,MAC5B,GAAGC;AAAA,MACH,aAAAD;AAAA,MACA,YAAAE;AAAA,IAAA,CACD;AAAA,EAAA,GAGGC,IAAa,CAACH,MAAwB;AACpC,UAAAC,IAAOJ,EAAa,IAAIG,CAAW;AACzC,QAAI,CAACC,GAAM;AACD,cAAA,KAAK,8CAA8CD,CAAW;AACtE;AAAA,IACF;AAEA,IAAAP,EAAmB,WAAWQ,CAAI,GAElCJ,EAAa,OAAOG,CAAW;AAAA,EAAA,GAG3BI,IAAY,CAACC,MAAiD;AAE5D,UAAAC,IAAO,IAAI,IAAID,EAAM,IAAI,CAAK,MAAA,EAAE,WAAW,CAAC,GAI5CE,IAAQF,EAAM,OAAO,CAAC,EAAE,aAAAL,QAAkB,CAACH,EAAa,IAAIG,CAAW,CAAC,GAGxEQ,IAAW,MAAM,KAAKX,EAAa,OAAQ,CAAA,EAAE,OAAO,CAAAY,MACxD,CAACH,EAAK,IAAIG,EAAY,WAAW,CAAC;AAE9B,IAAAF,EAAA,QAAQ,CAAC,EAAE,aAAAP,GAAa,MAAAC,EAAW,MAAAF,EAAQC,GAAaC,CAAI,CAAC,GAEnEO,EAAS,QAAQ,CAAQP,MAAA;AACjB,YAAA,EAAE,aAAAD,EAAgB,IAAAC;AAGpB,MAAAH,EAAgB,IAAIE,CAAW,KACzBL,EAAA,KAAK,mBAAmBM,GAAM,IAAI,GAE5CE,EAAWH,CAAW;AAAA,IAAA,CACvB,IAEGO,EAAM,SAAS,KAAKC,EAAS,SAAS,MAChCb,EAAA,KAAK,YAAYe,EAAiB,CAAA;AAAA,EAAA,GAGxCC,IAAiB,CAACX,GAAqBY,MAA4B;AACjE,UAAAX,IAAOJ,EAAa,IAAIG,CAAW;AAEzC,QAAI,CAACC,GAAM;AACT,cAAQ,KAAK,qDAAqD;AAClE;AAAA,IACF;AAEM,UAAAY,IAAmBf,EAAgB,IAAIE,CAAW;AAGxD,KAAI,CAACa,KAAoB,CAAC5B,EAAY4B,GAAkBD,CAAa,OACnDd,EAAA,IAAIE,GAAaY,CAAa,GACtCjB,EAAA,KAAK,mBAAmBM,GAAMW,CAAa;AAAA,EACrD,GAGIE,IAAkB,CAACd,GAAqBe,MAA+B;AACrE,UAAAC,IAAOnB,EAAa,IAAIG,CAAW;AACzC,QAAI,CAACgB,GAAM;AACD,cAAA,KAAK,iDAAiDhB,CAAW;AACzE;AAAA,IACF;AAEI,IAAAe,IACcjB,EAAA,IAAIE,GAAae,CAAS,IAE1CjB,EAAgB,OAAOE,CAAW,GAE5BL,EAAA,KAAK,mBAAmBqB,GAAMD,CAAS;AAAA,EAAA,GAG3CL,IAAkB,MACtB,CAAC,GAAG,MAAM,KAAKb,EAAa,OAAQ,CAAA,CAAC;AAKhC,SAAA;AAAA,IACL,iBAAAa;AAAA,IACA,gBAAAC;AAAA,IACA,IANS,CAAiCM,GAAUC,MACpDvB,EAAQ,GAAGsB,GAAOC,CAAQ;AAAA,IAM1B,WAAAd;AAAA,IACA,iBAAAU;AAAA,EAAA;AAGJ;"}
+{"version":3,"file":"annotorious-react.es13.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/annotorious-react.es14.js

@@ -1,20 +1,11 @@
-import c from "./annotorious-react.es34.js";
-const s = (t) => {
-  const { creator: e, updatedBy: r } = t.target, o = t.bodies.reduce((a, d) => [...a, d.creator, d.updatedBy], []);
-  return [
-    e,
-    r,
-    ...o
-  ].filter((a) => a);
-}, i = (t, e, r, o) => ({
-  id: c(),
-  annotation: t.id,
-  created: r || /* @__PURE__ */ new Date(),
-  creator: o,
-  ...e
-});
+import { useState as c, useRef as n, useEffect as s } from "react";
+const m = (e, t) => {
+  const [u, o] = c(e), r = n();
+  return s(() => (r.current = setTimeout(() => o(e), t), () => {
+    clearTimeout(r.current);
+  }), [e, t]), u;
+};
 export {
-  i as createBody,
-  s as getContributors
+  m as useDebounce
 };
 //# sourceMappingURL=annotorious-react.es14.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es14.js","sources":["../../annotorious-core/src/utils/annotationUtils.ts"],"sourcesContent":["import { v4 as uuidv4 } from 'uuid';\nimport type { Annotation, AnnotationBody, User } from '../model';\n\n/**\n * Returns all users listed as creators or updaters in any parts of this\n * annotation.\n */\nexport const getContributors = (annotation: Annotation): User[] => {\n  const { creator, updatedBy } = annotation.target;\n\n  const bodyCollaborators = annotation.bodies.reduce((users, body) =>  (\n    [...users, body.creator, body.updatedBy]\n  ), [] as User[]);\n\n  return [\n    creator,\n    updatedBy,\n    ...bodyCollaborators\n  ].filter(u => u); // Remove undefined\n}\n\nexport const createBody = (\n  annotation: Annotation, \n  payload: { [key: string]: any },\n  created?: Date,\n  creator?: User\n): AnnotationBody => ({\n  id: uuidv4(),\n  annotation: annotation.id,\n  created: created || new Date(),\n  creator,\n  ...payload\n});"],"names":["getContributors","annotation","creator","updatedBy","bodyCollaborators","users","body","u","createBody","payload","created","uuidv4"],"mappings":";AAOa,MAAAA,IAAkB,CAACC,MAAmC;AACjE,QAAM,EAAE,SAAAC,GAAS,WAAAC,MAAcF,EAAW,QAEpCG,IAAoBH,EAAW,OAAO,OAAO,CAACI,GAAOC,MACzD,CAAC,GAAGD,GAAOC,EAAK,SAASA,EAAK,SAAS,GACtC,CAAA,CAAY;AAER,SAAA;AAAA,IACLJ;AAAA,IACAC;AAAA,IACA,GAAGC;AAAA,EACL,EAAE,OAAO,CAAAG,MAAKA,CAAC;AACjB,GAEaC,IAAa,CACxBP,GACAQ,GACAC,GACAR,OACoB;AAAA,EACpB,IAAIS,EAAO;AAAA,EACX,YAAYV,EAAW;AAAA,EACvB,SAASS,KAAW,oBAAI,KAAK;AAAA,EAC7B,SAAAR;AAAA,EACA,GAAGO;AACL;"}
+{"version":3,"file":"annotorious-react.es14.js","sources":["../src/useDebounce.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport const useDebounce = (value: any, delay: number) => {\n  const [debouncedValue, setDebouncedValue] = useState<any>(value);\n\n  const timerRef = useRef<ReturnType<typeof setTimeout>>();\n\n  useEffect(() => {\n    timerRef.current = \n      setTimeout(() => setDebouncedValue(value), delay);\n\n    return () => {\n      clearTimeout(timerRef.current);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","timerRef","useRef","useEffect"],"mappings":";AAEa,MAAAA,IAAc,CAACC,GAAYC,MAAkB;AACxD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAcJ,CAAK,GAEzDK,IAAWC;AAEjB,SAAAC,EAAU,OACRF,EAAS,UACP,WAAW,MAAMF,EAAkBH,CAAK,GAAGC,CAAK,GAE3C,MAAM;AACX,iBAAaI,EAAS,OAAO;AAAA,EAAA,IAE9B,CAACL,GAAOC,CAAK,CAAC,GAEVC;AACT;"}