@annotorious/react-manifold 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annotorious/react-manifold",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "A utility to manage multiple parallel Annotorious instances more efficiently",
   "author": "Rainer Simon",
   "license": "BSD-3-Clause",
@@ -13,21 +13,11 @@
     "url": "https://github.com/annotorious/annotorious-react-manifold/issues"
   },
   "type": "module",
+  "main": "./src/index.ts",
   "scripts": {
     "start": "vite",
     "build": "tsc && vite build"
   },
-  "module": "./dist/annotorious-react-manifold.es.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/annotorious-react-manifold.es.js"
-    }
-  },
   "devDependencies": {
     "@types/react": "^18.2.35",
     "@types/react-dom": "^18.2.14",

package/src/Annotorious.tsx

@@ -0,0 +1,48 @@
+import { ReactNode, useContext, useEffect } from 'react';
+import { Annotation, Annotator, useAnnotator } from '@annotorious/react';
+import { Annotorious as AnnotoriousInstance } from '@annotorious/react';
+import { AnnotoriousManifoldContext } from './AnnotoriousManifold';
+
+interface AnnotoriousProps {
+
+  children: ReactNode;
+
+  source: string;
+
+}
+
+/**
+ * Consumes the standard Annotorious context, and passes the Annotator
+ * upwards to the manifold.
+ */
+const AnnotoriousInstanceShim = <I extends Annotation = Annotation, E extends unknown = Annotation>(props: AnnotoriousProps) => {
+
+  const anno = useAnnotator<Annotator<I, E>>();
+
+  const { connectAnnotator } = useContext(AnnotoriousManifoldContext);
+
+  useEffect(() => {
+    if (anno)
+      return connectAnnotator(props.source, anno);
+  }, [anno]);
+
+  return <>{props.children}</>;
+
+}
+
+/**
+ * An alternative <Annotorious /> component that mimicks the original
+ * from @annotorious/react, but injects the shim component, which connects
+ * the Annotator to the Manifold.
+ */
+export const Annotorious = (props: AnnotoriousProps) => {
+
+  return (
+    <AnnotoriousInstance>
+      <AnnotoriousInstanceShim source={props.source}>
+        {props.children}
+      </AnnotoriousInstanceShim>
+    </AnnotoriousInstance>
+  )
+
+}

package/src/AnnotoriousManifold.tsx

@@ -0,0 +1,141 @@
+import { ReactNode, createContext, useContext, useEffect, useRef, useState } from 'react';
+import type { Annotation, Annotator } from '@annotorious/react';
+import type { StoreChangeEvent } from '@annotorious/react';
+import { AnnotoriousManifoldInstance, createManifoldInstance } from './AnnotoriousManifoldInstance';
+
+interface AnnotoriousManifoldContextValue {
+
+  annotators: Map<string, Annotator<any, unknown>>;
+
+  annotations: Map<string, Annotation[]>;
+
+  selection: ManifoldSelection;
+
+  connectAnnotator(source: string, anno: Annotator<any, unknown>): () => void;
+
+}
+
+interface ManifoldSelection<T extends Annotation = Annotation> {
+
+  source?: string;
+
+  selected: { annotation: T, editable?: boolean }[],
+
+  pointerEvent?: PointerEvent;
+
+}
+
+// @ts-ignore
+export const AnnotoriousManifoldContext = createContext<AnnotoriousManifoldContextValue>();
+
+export const AnnotoriousManifold = (props: { children: ReactNode }) => {
+
+  const [annotators, setAnnotators] = useState<Map<string, Annotator<any, unknown>>>(new Map());
+
+  const [annotations, setAnnotations] = useState<Map<string, Annotation[]>>(new Map());
+
+  const [selection, setSelection] = 
+    useState<ManifoldSelection>({ selected: [] });
+
+  // To prevent selection state updates when de-selecting other annotators
+  const muteSelectionEvents = useRef<boolean>(false);
+
+  const connectAnnotator = (source: string, anno: Annotator<any, unknown>) => {
+    // Add the annotator to the state
+    setAnnotators(m => new Map(m.entries()).set(source, anno))
+
+    const { store } = anno.state;
+    const selectionState = anno.state.selection;
+
+    // Add the annotations to the state
+    setAnnotations(m => new Map(m.entries()).set(source, store.all()));
+
+    const onStoreChange = () =>
+      setAnnotations(m => new Map(m.entries()).set(source, store.all()));
+
+    store.observe(onStoreChange);
+
+    // Track selection
+    let selectionStoreObserver: (event: StoreChangeEvent<Annotation>) => void;
+
+    const unsubscribeSelection = selectionState.subscribe(({ selected, pointerEvent }) => {
+      if (selectionStoreObserver) 
+        store.unobserve(selectionStoreObserver);
+
+      const resolved = (selected || [])
+        .map(({ id, editable }) => ({ annotation: store.getAnnotation(id), editable }));
+
+      // Set the new selection
+      if (!muteSelectionEvents.current)
+        setSelection({ source, selected: resolved, pointerEvent });
+
+      // Track the state of the selected annotations in the store
+      selectionStoreObserver = event => {
+        const { updated } = event.changes;
+
+        setSelection(({ source, selected }) => ({
+          source,
+          selected: selected.map(({ annotation, editable }) => {
+            const next = updated.find(u => u.oldValue.id === annotation.id);
+            return next ? { annotation: next.newValue, editable } : { annotation, editable };
+          }),
+          pointerEvent
+        }));
+      }
+
+      store.observe(selectionStoreObserver, { annotations: selected.map(({ id }) => id) });
+    });
+
+    return () => {
+      // Remove annotator
+      setAnnotators(m => new Map(Array.from(m.entries()).filter(([key, _]) => key !== source)));
+
+      // Remove & untrack annotations
+      setAnnotations(m => new Map(Array.from(m.entries()).filter(([key, _]) => key !== source)));
+      store.unobserve(onStoreChange);
+
+      // Un-track selection
+      unsubscribeSelection();
+    }
+  }
+
+  useEffect(() => {
+    if (selection.source) {
+      muteSelectionEvents.current = true;
+
+      Array.from(annotators.entries()).forEach(([source, anno]) => {
+        if (source !== selection.source)
+          anno.setSelected();
+      });
+
+      muteSelectionEvents.current = false;
+    }
+  }, [selection, annotators]);
+
+  return (
+    <AnnotoriousManifoldContext.Provider value={{   
+      annotators, 
+      annotations,
+      selection,
+      connectAnnotator 
+    }}>
+      {props.children}
+    </AnnotoriousManifoldContext.Provider>
+  )
+
+}
+
+export const useAnnotoriousManifold = <I extends Annotation = Annotation, E extends unknown = Annotation>() => {
+  const { annotators } = useContext(AnnotoriousManifoldContext);
+  return createManifoldInstance(annotators) as AnnotoriousManifoldInstance<I, E>;
+}
+
+export const useAnnotations = <T extends Annotation>() => {
+  const { annotations } = useContext(AnnotoriousManifoldContext);
+  return annotations as Map<string, T[]>;
+}
+
+export const useSelection = <T extends Annotation>() => {
+  const { selection } = useContext(AnnotoriousManifoldContext);
+  return selection as ManifoldSelection<T>;
+}

package/src/AnnotoriousManifoldInstance.ts

@@ -0,0 +1,106 @@
+import { Origin } from '@annotorious/react';
+import type { 
+  Annotation, 
+  AnnotationBody, 
+  Annotator
+} from '@annotorious/react';
+
+export interface AnnotoriousManifoldInstance<I extends Annotation = Annotation, E extends unknown = Annotation> {
+
+  annotators: Annotator<I, E>[];
+
+  sources: string[];
+
+  addBody(body: AnnotationBody, origin?: Origin): void;
+
+  clear(origin: Origin): void;
+
+  deleteAnnotation(id: string, origin?: Origin): E | undefined;
+
+  deleteBody(body: AnnotationBody, origin?: Origin): void;
+
+  destroy(): void;
+
+  getAnnotation(id: string): E | undefined;
+
+  getAnnotations(): E[];
+
+  updateAnnotation(arg1: string | I, arg2: I | Origin, arg3: Origin): void;
+
+}
+
+export const createManifoldInstance = <I extends Annotation = Annotation, E extends unknown = Annotation>(
+  annotators: Map<string, Annotator<I, E>>
+): AnnotoriousManifoldInstance<I, E> => {
+
+  const find = (annotationId: string): { annotation?: E, annotator?: Annotator<I, E> } =>
+    Array.from(annotators.values()).reduce((found, annotator) => {
+      if (found)
+        return found;
+
+      const annotation = annotator.getAnnotationById(annotationId);
+      if (annotation) 
+        return { annotation, annotator };
+    }, undefined as { annotation: E, annotator: Annotator<I, E> } | undefined ) || 
+
+    { annotation: undefined, annotator: undefined };
+
+  /*********/
+  /** API **/
+  /*********/
+
+  const addBody = (body: AnnotationBody, origin = Origin.LOCAL) => {
+    const { annotator } = find(body.annotation);
+    if (annotator)
+      annotator.state.store.addBody(body, origin);
+  }
+
+  const clear = (origin = Origin.LOCAL) =>
+    Array.from(annotators.values()).forEach(a => a.state.store.clear(origin));
+
+  const deleteAnnotation = (id: string, origin = Origin.LOCAL) => {
+    const { annotation, annotator } = find(id);
+
+    if (annotator) {
+      annotator.state.store.deleteAnnotation(id, origin);
+      return annotation;
+    }
+  }
+
+  const deleteBody = (body: AnnotationBody, origin = Origin.LOCAL) => {
+    const { annotator } = find(body.annotation);
+    if (annotator)
+      annotator.state.store.deleteBody(body, origin);
+  }
+
+  const destroy = () =>
+    Array.from(annotators.values()).forEach(a => a.destroy());
+
+  const getAnnotation = (id: string) => 
+    find(id).annotation;
+
+  const getAnnotations = () => 
+    Array.from(annotators.values()).reduce((all, annotator) =>
+      [...all, ...annotator.getAnnotations()], [] as E[]);
+
+  const updateAnnotation = (arg1: string | I, arg2: I | Origin, arg3: Origin) => {
+    const oldId: string = typeof arg1 === 'string' ? arg1 : arg1.id;
+    const { annotator } = find(oldId);
+    if (annotator)
+      annotator.state.store.updateAnnotation(arg1, arg2, arg3);
+  }
+
+  return {
+    annotators: [...annotators.values()],
+    sources: [...annotators.keys()],
+    addBody,
+    clear,
+    deleteAnnotation,
+    deleteBody,
+    destroy,
+    getAnnotation,
+    getAnnotations,
+    updateAnnotation
+  }
+
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './Annotorious';
+export * from './AnnotoriousManifold';
+export * from './AnnotoriousManifoldInstance';

package/src/synchronizeInstances.tsx

@@ -0,0 +1,11 @@
+import { Annotation, Annotator } from '@annotorious/core/src/model';
+
+export const synchronizeInstances = <I extends Annotation = Annotation, E extends unknown = Annotation>(
+  instances: Annotator<I, E>[]
+) => {
+
+  // TODO listen on all instances, broadcast changes on one instance to the others
+
+  return null;
+
+}

package/test/App.tsx

@@ -0,0 +1,50 @@
+import React, { useEffect } from 'react';
+import { OpenSeadragonAnnotator, OpenSeadragonViewer } from '@annotorious/react';
+import { Annotorious, useAnnotoriousManifold } from '../src';
+
+const ViewerTile = (props: { url: string }) => {
+
+  return (
+    <div className="viewer-tile">
+      <Annotorious source={props.url}>
+        <OpenSeadragonAnnotator>
+          <OpenSeadragonViewer
+            className="osd-container"
+            options={{
+              prefixUrl: 'https://cdn.jsdelivr.net/npm/openseadragon@3.1/build/openseadragon/images/', 
+              tileSources: {
+                type: 'image',
+                url: props.url
+              },
+              gestureSettingsMouse: {
+                clickToZoom: false
+              },
+              showRotationControl: true,
+              crossOriginPolicy: 'Anonymous'
+            }} />
+        </OpenSeadragonAnnotator>
+      </Annotorious>
+    </div>
+  )
+
+}
+
+export const App = () => {
+
+  const manifold = useAnnotoriousManifold();
+
+  useEffect(() => {
+    console.log('annotators', manifold.annotators);
+  }, [manifold.annotators]);
+
+  return (
+    <div className="container">
+      <ViewerTile url="33054-000002-0001.jpg" />
+      <ViewerTile url="33054-000002-0001.jpg" />
+      <ViewerTile url="33054-000002-0001.jpg" />
+      <ViewerTile url="33054-000002-0001.jpg" />
+    </div>
+  )
+
+}
+

package/test/index.css

@@ -0,0 +1,18 @@
+.container {
+  display: grid;
+  gap: 1.5vh;
+  grid-template-columns: 1fr 1fr;
+  height: 100%;
+  width: 100%;
+}
+
+.viewer-tile {
+  background-color: green;
+  height: 48vh;
+  position: relative;
+}
+
+.osd-container {
+  height: 100%;
+  width: 100%;
+}

package/test/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Annotorious React Manifold</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./index.tsx"></script>
+  </body>
+</html>

package/test/index.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { AnnotoriousManifold } from '../src';
+import { App } from './App';
+
+import './index.css';
+
+const root = createRoot(document.getElementById('app') as Element);
+root.render(
+  <AnnotoriousManifold>
+    <App />
+  </AnnotoriousManifold>
+);

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "allowJs": false,
+    "allowSyntheticDefaultImports": true,
+    "baseUrl": ".",
+    "declaration": true,
+    "declarationDir": "types",
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": false,
+    "jsx": "react-jsx",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "noEmit": true,
+    "outDir": "dist",
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "target": "ESNext",
+    "useDefineForClassFields": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }],
+}

package/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+  },
+  "include": ["vite.config.ts", "package.json"]
+}

package/vite.config.js

@@ -0,0 +1,40 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import tsConfigPaths from 'vite-tsconfig-paths';
+import dts from 'vite-plugin-dts';
+
+import * as packageJson from './package.json';
+
+export default defineConfig({
+  plugins: [
+    react(),
+    tsConfigPaths(),
+    dts({
+      include: ['./src/'],
+      entryRoot: './src'
+    })
+  ],
+  server: {
+    open: '/test/index.html'
+  },
+  build: {
+    lib: {
+      entry: './src/index.ts',
+      formats: ['es'],
+      fileName: (format) => `annotorious-react-manifold.${format}.js`
+    },
+    rollupOptions: {
+      external: [
+        ...Object.keys(packageJson.peerDependencies)
+      ],
+      output: {
+        preserveModules: true,
+        assetFileNames: 'annotorious-react-manifold.[ext]',
+        globals: {
+          react: 'React'
+        }
+      }
+    },
+    sourcemap: true
+  }
+});

package/dist/Annotorious.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-interface AnnotoriousProps {
-    children: ReactNode;
-    source: string;
-}
-/**
- * An alternative <Annotorious /> component that mimicks the original
- * from @annotorious/react, but injects the shim component, which connects
- * the Annotator to the Manifold.
- */
-export declare const Annotorious: (props: AnnotoriousProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Annotorious.d.ts.map

package/dist/Annotorious.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Annotorious.d.ts","sourceRoot":"","sources":["../src/Annotorious.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAKzD,UAAU,gBAAgB;IAExB,QAAQ,EAAE,SAAS,CAAC;IAEpB,MAAM,EAAE,MAAM,CAAC;CAEhB;AAqBD;;;;GAIG;AACH,eAAO,MAAM,WAAW,UAAW,gBAAgB,4CAUlD,CAAA"}

package/dist/AnnotoriousManifold.d.ts

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react';
-import type { Annotation, Annotator } from '@annotorious/core/src';
-import { AnnotoriousManifoldInstance } from './AnnotoriousManifoldInstance';
-interface AnnotoriousManifoldContextValue {
-    annotators: Map<string, Annotator<any, unknown>>;
-    annotations: Map<string, Annotation[]>;
-    selection: ManifoldSelection;
-    connectAnnotator(source: string, anno: Annotator<any, unknown>): () => void;
-}
-interface ManifoldSelection<T extends Annotation = Annotation> {
-    source?: string;
-    selected: {
-        annotation: T;
-        editable?: boolean;
-    }[];
-    pointerEvent?: PointerEvent;
-}
-export declare const AnnotoriousManifoldContext: import("react").Context<AnnotoriousManifoldContextValue>;
-export declare const AnnotoriousManifold: (props: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useAnnotoriousManifold: <I extends Annotation = Annotation, E extends unknown = Annotation>() => AnnotoriousManifoldInstance<I, E>;
-export declare const useAnnotations: <T extends Annotation>() => Map<string, T[]>;
-export declare const useSelection: <T extends Annotation>() => ManifoldSelection<T>;
-export {};
-//# sourceMappingURL=AnnotoriousManifold.d.ts.map

package/dist/AnnotoriousManifold.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnnotoriousManifold.d.ts","sourceRoot":"","sources":["../src/AnnotoriousManifold.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA0D,MAAM,OAAO,CAAC;AAC1F,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAoB,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,2BAA2B,EAA0B,MAAM,+BAA+B,CAAC;AAEpG,UAAU,+BAA+B;IAEvC,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAEjD,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;IAEvC,SAAS,EAAE,iBAAiB,CAAC;IAE7B,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,MAAM,IAAI,CAAC;CAE7E;AAED,UAAU,iBAAiB,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU;IAE3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,EAAE;QAAE,UAAU,EAAE,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAElD,YAAY,CAAC,EAAE,YAAY,CAAC;CAE7B;AAGD,eAAO,MAAM,0BAA0B,0DAAmD,CAAC;AAE3F,eAAO,MAAM,mBAAmB,UAAW;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CA+FjE,CAAA;AAED,eAAO,MAAM,sBAAsB,4GAGlC,CAAA;AAED,eAAO,MAAM,cAAc,8CAG1B,CAAA;AAED,eAAO,MAAM,YAAY,kDAGxB,CAAA"}

package/dist/AnnotoriousManifoldInstance.d.ts

@@ -1,16 +0,0 @@
-import { Origin } from '@annotorious/react';
-import type { Annotation, AnnotationBody, Annotator, LifecycleEvents } from '@annotorious/core/src';
-export interface AnnotoriousManifoldInstance<I extends Annotation = Annotation, E extends unknown = Annotation> {
-    annotators: Annotator<I, E>[];
-    sources: string[];
-    addBody(body: AnnotationBody, origin?: Origin): void;
-    clear(origin: Origin): void;
-    deleteAnnotation(id: string, origin?: Origin): E | undefined;
-    destroy(): void;
-    getAnnotationById(id: string): E | undefined;
-    getAnnotations(): E[];
-    on<T extends keyof LifecycleEvents<E>>(event: T, callback: LifecycleEvents<E>[T]): void;
-    off<T extends keyof LifecycleEvents<E>>(event: T, callback: LifecycleEvents<E>[T]): void;
-}
-export declare const createManifoldInstance: <I extends Annotation = Annotation, E extends unknown = Annotation>(annotators: Map<string, Annotator<I, E>>) => AnnotoriousManifoldInstance<I, E>;
-//# sourceMappingURL=AnnotoriousManifoldInstance.d.ts.map

package/dist/AnnotoriousManifoldInstance.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnnotoriousManifoldInstance.d.ts","sourceRoot":"","sources":["../src/AnnotoriousManifoldInstance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACd,SAAS,EACT,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,EAAE,CAAC,SAAS,OAAO,GAAG,UAAU;IAE5G,UAAU,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAE9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAIlB,OAAO,CAAC,IAAI,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAErD,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC;IAE7D,OAAO,IAAI,IAAI,CAAC;IAEhB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC;IAE7C,cAAc,IAAI,CAAC,EAAE,CAAC;IAEtB,EAAE,CAAC,CAAC,SAAS,MAAM,eAAe,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAExF,GAAG,CAAC,CAAC,SAAS,MAAM,eAAe,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;CAE1F;AAED,eAAO,MAAM,sBAAsB,oJA4DlC,CAAA"}

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

@@ -1,13 +0,0 @@
-import { Annotorious as t } from "./annotorious-react-manifold.es2.js";
-import { AnnotoriousManifold as r, AnnotoriousManifoldContext as i, useAnnotations as s, useAnnotoriousManifold as a, useSelection as f } from "./annotorious-react-manifold.es3.js";
-import { createManifoldInstance as l } from "./annotorious-react-manifold.es4.js";
-export {
-  t as Annotorious,
-  r as AnnotoriousManifold,
-  i as AnnotoriousManifoldContext,
-  l as createManifoldInstance,
-  s as useAnnotations,
-  a as useAnnotoriousManifold,
-  f as useSelection
-};
-//# sourceMappingURL=annotorious-react-manifold.es.js.map

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

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

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

@@ -1,5 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};
-//# sourceMappingURL=annotorious-react-manifold.es10.js.map

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

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

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

@@ -1,15 +0,0 @@
-import { j as n } from "./annotorious-react-manifold.es5.js";
-import { useContext as e, useEffect as s } from "react";
-import { Annotorious as i, useAnnotator as c } from "@annotorious/react";
-import { AnnotoriousManifoldContext as u } from "./annotorious-react-manifold.es3.js";
-const m = (o) => {
-  const t = c(), { connectAnnotator: r } = e(u);
-  return s(() => {
-    if (t)
-      return r(o.source, t);
-  }, [t]), /* @__PURE__ */ n.jsx(n.Fragment, { children: o.children });
-}, d = (o) => /* @__PURE__ */ n.jsx(i, { children: /* @__PURE__ */ n.jsx(m, { source: o.source, children: o.children }) });
-export {
-  d as Annotorious
-};
-//# sourceMappingURL=annotorious-react-manifold.es2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"annotorious-react-manifold.es2.js","sources":["../src/Annotorious.tsx"],"sourcesContent":["import { ReactNode, useContext, useEffect } from 'react';\nimport { Annotation, Annotator, useAnnotator } from '@annotorious/react';\nimport { Annotorious as AnnotoriousInstance } from '@annotorious/react';\nimport { AnnotoriousManifoldContext } from './AnnotoriousManifold';\n\ninterface AnnotoriousProps {\n\n  children: ReactNode;\n\n  source: string;\n\n}\n\n/**\n * Consumes the standard Annotorious context, and passes the Annotator\n * upwards to the manifold.\n */\nconst AnnotoriousInstanceShim = <I extends Annotation = Annotation, E extends unknown = Annotation>(props: AnnotoriousProps) => {\n\n  const anno = useAnnotator<Annotator<I, E>>();\n\n  const { connectAnnotator } = useContext(AnnotoriousManifoldContext);\n\n  useEffect(() => {\n    if (anno)\n      return connectAnnotator(props.source, anno);\n  }, [anno]);\n\n  return <>{props.children}</>;\n\n}\n\n/**\n * An alternative <Annotorious /> component that mimicks the original\n * from @annotorious/react, but injects the shim component, which connects\n * the Annotator to the Manifold.\n */\nexport const Annotorious = (props: AnnotoriousProps) => {\n\n  return (\n    <AnnotoriousInstance>\n      <AnnotoriousInstanceShim source={props.source}>\n        {props.children}\n      </AnnotoriousInstanceShim>\n    </AnnotoriousInstance>\n  )\n\n}"],"names":["AnnotoriousInstanceShim","props","anno","useAnnotator","connectAnnotator","useContext","AnnotoriousManifoldContext","useEffect","jsx","Fragment","Annotorious","AnnotoriousInstance"],"mappings":";;;;AAiBA,MAAMA,IAA0B,CAAoEC,MAA4B;AAE9H,QAAMC,IAAOC,KAEP,EAAE,kBAAAC,EAAA,IAAqBC,EAAWC,CAA0B;AAElE,SAAAC,EAAU,MAAM;AACV,QAAAL;AACK,aAAAE,EAAiBH,EAAM,QAAQC,CAAI;AAAA,EAAA,GAC3C,CAACA,CAAI,CAAC,GAEFM,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EAAG,YAAM,SAAS,CAAA;AAE3B,GAOaC,IAAc,CAACT,MAGxBO,gBAAAA,EAAAA,IAACG,KACC,UAACH,gBAAAA,EAAA,IAAAR,GAAA,EAAwB,QAAQC,EAAM,QACpC,UAAMA,EAAA,SACT,CAAA,EACF,CAAA;"}