@annotorious/react 3.7.20 → 3.7.22

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

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es11.js","sources":["../src/openseadragon/OpenSeadragonViewer.tsx"],"sourcesContent":["import { forwardRef, useContext, useImperativeHandle, useLayoutEffect, useRef } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { dequal } from 'dequal/lite';\nimport { OpenSeadragonAnnotatorContext } from './OpenSeadragonAnnotator';\n\nexport interface OpenSeadragonViewerProps {\n\n  className?: string;\n\n  options: OpenSeadragon.Options;\n\n}\n\n/**\n * If the only thing that changes about the options are the tileSources, \n * there's no need to destroy and re-create the viewer, which can introduce\n * dangerous race conditions and break interop with plugins. (Changing \n * tileSources is probably the main use case by far.)\n */\nconst onlyTileSourcesChanged = (prev: OpenSeadragon.Options | undefined, next: OpenSeadragon.Options): boolean => {\n    if (!prev) return false;\n\n    const { tileSources: prevTiles, ...prevRest } = prev;\n    const { tileSources: nextTiles, ...nextRest } = next;\n\n    const tileSourcesChanged = !dequal(prevTiles, nextTiles);\n    const otherOptionsChanged = !dequal(prevRest, nextRest);\n\n    return tileSourcesChanged && !otherOptionsChanged;\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  const viewerRef = useRef<OpenSeadragon.Viewer | undefined>(null);\n  const prevOptionsRef = useRef<OpenSeadragon.Options>(null);\n\n  const { viewer, setViewer } = useContext(OpenSeadragonAnnotatorContext);\n\n  // Init and destroy the OSD viewer on mount/unmount\n  useLayoutEffect(() => {  \n    if (element.current && !viewerRef.current) {\n      const v = OpenSeadragon({...options, element: element.current });\n      viewerRef.current = v;\n      prevOptionsRef.current = options;\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        if (setViewer)\n          setViewer(undefined);\n\n        v.destroy();\n        viewerRef.current = undefined;\n      }\n    }\n  }, []);\n\n  useLayoutEffect(() => {    \n    const v = viewerRef.current;\n    const prev = prevOptionsRef.current;\n    if (!v || !prev) return; \n\n    if (onlyTileSourcesChanged(prev, options)) {      \n      const tileSources = \n        Array.isArray(options.tileSources) ? options.tileSources : [options.tileSources];\n      \n      v.world.removeAll();\n\n      tileSources.forEach((tileSource, index) => {\n        const tileConfig = (typeof tileSource === 'object') && 'tileSource' in tileSource\n          // Special case: handling nested notation\n          // https://github.com/openseadragon/openseadragon/issues/2659#issuecomment-2583944426\n          ? tileSource : { tileSource }\n        \n        v.addTiledImage({\n          ...tileConfig,\n          index,\n          success: () => {\n            if (index === 0) {\n              v.viewport.goHome();\n            }\n          }\n        } as OpenSeadragon.TiledImageOptions);\n      });\n\n      prevOptionsRef.current = options;\n    } else if (!dequal(prev, options)) {\n      console.warn('Forced re-creation of OpenSeadragon viewer. Beware of race conditions!');\n      \n      if (setViewer)\n        setViewer(undefined);\n      \n      v.destroy();\n\n      if (element.current) {\n        const newViewer = OpenSeadragon({...options, element: element.current });\n        viewerRef.current = newViewer;\n        prevOptionsRef.current = options;\n\n        if (setViewer)\n          setViewer(newViewer);\n      }\n    }\n  }, [options]);\n\n  useImperativeHandle(ref, () => viewer);\n\n  return (\n    <div className={className} ref={element} />\n  );\n\n});"],"names":["onlyTileSourcesChanged","prev","next","prevTiles","prevRest","nextTiles","nextRest","tileSourcesChanged","dequal","otherOptionsChanged","OpenSeadragonViewer","forwardRef","props","ref","className","options","element","useRef","viewerRef","prevOptionsRef","viewer","setViewer","useContext","OpenSeadragonAnnotatorContext","useLayoutEffect","v","OpenSeadragon","tileSources","tileSource","index","tileConfig","newViewer","useImperativeHandle","jsx"],"mappings":";;;;;AAmBA,MAAMA,IAAyB,CAACC,GAAyCC,MAAyC;AAC9G,MAAI,CAACD,EAAM,QAAO;AAElB,QAAM,EAAE,aAAaE,GAAW,GAAGC,MAAaH,GAC1C,EAAE,aAAaI,GAAW,GAAGC,MAAaJ,GAE1CK,IAAqB,CAACC,EAAOL,GAAWE,CAAS,GACjDI,IAAsB,CAACD,EAAOJ,GAAUE,CAAQ;AAEtD,SAAOC,KAAsB,CAACE;AAChC,GAEWC,IAAsBC,EAA2D,CAACC,GAAiCC,MAAQ;AAEtI,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYH,GAEzBI,IAAUC,EAAuB,IAAI,GACrCC,IAAYD,EAAyC,IAAI,GACzDE,IAAiBF,EAA8B,IAAI,GAEnD,EAAE,QAAAG,GAAQ,WAAAC,MAAcC,EAAWC,CAA6B;AAGtE,SAAAC,EAAgB,MAAM;AACpB,QAAIR,EAAQ,WAAW,CAACE,EAAU,SAAS;AACzC,YAAMO,IAAIC,EAAc,EAAC,GAAGX,GAAS,SAASC,EAAQ,SAAS;AAC/D,aAAAE,EAAU,UAAUO,GACpBN,EAAe,UAAUJ,GAIrBM,KACFA,EAAUI,CAAC,GAEN,MAAM;AACX,QAAIJ,KACFA,EAAU,MAAS,GAErBI,EAAE,QAAA,GACFP,EAAU,UAAU;AAAA,MACtB;AAAA,IACF;AAAA,EACF,GAAG,CAAA,CAAE,GAELM,EAAgB,MAAM;AACpB,UAAMC,IAAIP,EAAU,SACdjB,IAAOkB,EAAe;AAC5B,QAAI,GAACM,KAAK,CAACxB;AAEX,UAAID,EAAuBC,GAAMc,CAAO,GAAG;AACzC,cAAMY,IACJ,MAAM,QAAQZ,EAAQ,WAAW,IAAIA,EAAQ,cAAc,CAACA,EAAQ,WAAW;AAEjF,QAAAU,EAAE,MAAM,UAAA,GAERE,EAAY,QAAQ,CAACC,GAAYC,MAAU;AACzC,gBAAMC,IAAc,OAAOF,KAAe,YAAa,gBAAgBA,IAGnEA,IAAa,EAAE,YAAAA,EAAA;AAEnB,UAAAH,EAAE,cAAc;AAAA,YACd,GAAGK;AAAA,YACH,OAAAD;AAAA,YACA,SAAS,MAAM;AACb,cAAIA,MAAU,KACZJ,EAAE,SAAS,OAAA;AAAA,YAEf;AAAA,UAAA,CACkC;AAAA,QACtC,CAAC,GAEDN,EAAe,UAAUJ;AAAA,MAC3B,WAAW,CAACP,EAAOP,GAAMc,CAAO,MAC9B,QAAQ,KAAK,wEAAwE,GAEjFM,KACFA,EAAU,MAAS,GAErBI,EAAE,QAAA,GAEET,EAAQ,UAAS;AACnB,cAAMe,IAAYL,EAAc,EAAC,GAAGX,GAAS,SAASC,EAAQ,SAAS;AACvE,QAAAE,EAAU,UAAUa,GACpBZ,EAAe,UAAUJ,GAErBM,KACFA,EAAUU,CAAS;AAAA,MACvB;AAAA;AAAA,EAEJ,GAAG,CAAChB,CAAO,CAAC,GAEZiB,EAAoBnB,GAAK,MAAMO,CAAM,GAGnC,gBAAAa,EAAC,OAAA,EAAI,WAAAnB,GAAsB,KAAKE,EAAA,CAAS;AAG7C,CAAC;"}
+{"version":3,"file":"annotorious-react.es11.js","sources":["../src/openseadragon/OpenSeadragonViewer.tsx"],"sourcesContent":["import { forwardRef, useContext, useImperativeHandle, useLayoutEffect, useRef } from 'react';\nimport OpenSeadragon from 'openseadragon';\nimport { dequal } from 'dequal/lite';\nimport { OpenSeadragonAnnotatorContext } from './OpenSeadragonAnnotator';\n\nexport interface OpenSeadragonViewerProps {\n\n  className?: string;\n\n  options: OpenSeadragon.Options;\n\n}\n\n/**\n * If the only thing that changes about the options are the tileSources, \n * there's no need to destroy and re-create the viewer, which can introduce\n * dangerous race conditions and break interop with plugins. (Changing \n * tileSources is probably the main use case by far.)\n */\nconst onlyTileSourcesChanged = (prev: OpenSeadragon.Options | undefined, next: OpenSeadragon.Options): boolean => {\n    if (!prev) return false;\n\n    const { tileSources: prevTiles, ...prevRest } = prev;\n    const { tileSources: nextTiles, ...nextRest } = next;\n\n    const tileSourcesChanged = !dequal(prevTiles, nextTiles);\n    const otherOptionsChanged = !dequal(prevRest, nextRest);\n\n    return tileSourcesChanged && !otherOptionsChanged;\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  const viewerRef = useRef<OpenSeadragon.Viewer | undefined>(null);\n  const prevOptionsRef = useRef<OpenSeadragon.Options>(null);\n\n  const { viewer, setViewer } = useContext(OpenSeadragonAnnotatorContext);\n\n  // Init and destroy the OSD viewer on mount/unmount\n  useLayoutEffect(() => {  \n    if (element.current && !viewerRef.current) {\n      const v = OpenSeadragon({...options, element: element.current });\n      viewerRef.current = v;\n      prevOptionsRef.current = options;\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        if (setViewer)\n          setViewer(undefined);\n\n        v.destroy();\n        viewerRef.current = undefined;\n      }\n    }\n  }, []);\n\n  useLayoutEffect(() => {    \n    const v = viewerRef.current;\n    const prev = prevOptionsRef.current;\n    if (!v || !prev) return; \n\n    if (onlyTileSourcesChanged(prev, options)) {      \n      const tileSources = \n        Array.isArray(options.tileSources) ? options.tileSources : [options.tileSources];\n      \n      v.world.removeAll();\n\n      tileSources.forEach((tileSource, index) => {\n        const tileConfig = (typeof tileSource === 'object') && 'tileSource' in tileSource\n          // Special case: handling nested notation\n          // https://github.com/openseadragon/openseadragon/issues/2659#issuecomment-2583944426\n          ? tileSource : { tileSource }\n        \n        v.addTiledImage({\n          ...tileConfig,\n          index,\n          success: () => {\n            if (index === 0) {\n              v.viewport.goHome();\n            }\n          }\n        } as OpenSeadragon.TileSourceSpecifier);\n      });\n\n      prevOptionsRef.current = options;\n    } else if (!dequal(prev, options)) {\n      console.warn('Forced re-creation of OpenSeadragon viewer. Beware of race conditions!');\n      \n      if (setViewer)\n        setViewer(undefined);\n      \n      v.destroy();\n\n      if (element.current) {\n        const newViewer = OpenSeadragon({...options, element: element.current });\n        viewerRef.current = newViewer;\n        prevOptionsRef.current = options;\n\n        if (setViewer)\n          setViewer(newViewer);\n      }\n    }\n  }, [options]);\n\n  useImperativeHandle(ref, () => viewer);\n\n  return (\n    <div className={className} ref={element} />\n  );\n\n});"],"names":["onlyTileSourcesChanged","prev","next","prevTiles","prevRest","nextTiles","nextRest","tileSourcesChanged","dequal","otherOptionsChanged","OpenSeadragonViewer","forwardRef","props","ref","className","options","element","useRef","viewerRef","prevOptionsRef","viewer","setViewer","useContext","OpenSeadragonAnnotatorContext","useLayoutEffect","v","OpenSeadragon","tileSources","tileSource","index","tileConfig","newViewer","useImperativeHandle","jsx"],"mappings":";;;;;AAmBA,MAAMA,IAAyB,CAACC,GAAyCC,MAAyC;AAC9G,MAAI,CAACD,EAAM,QAAO;AAElB,QAAM,EAAE,aAAaE,GAAW,GAAGC,MAAaH,GAC1C,EAAE,aAAaI,GAAW,GAAGC,MAAaJ,GAE1CK,IAAqB,CAACC,EAAOL,GAAWE,CAAS,GACjDI,IAAsB,CAACD,EAAOJ,GAAUE,CAAQ;AAEtD,SAAOC,KAAsB,CAACE;AAChC,GAEWC,IAAsBC,EAA2D,CAACC,GAAiCC,MAAQ;AAEtI,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYH,GAEzBI,IAAUC,EAAuB,IAAI,GACrCC,IAAYD,EAAyC,IAAI,GACzDE,IAAiBF,EAA8B,IAAI,GAEnD,EAAE,QAAAG,GAAQ,WAAAC,MAAcC,EAAWC,CAA6B;AAGtE,SAAAC,EAAgB,MAAM;AACpB,QAAIR,EAAQ,WAAW,CAACE,EAAU,SAAS;AACzC,YAAMO,IAAIC,EAAc,EAAC,GAAGX,GAAS,SAASC,EAAQ,SAAS;AAC/D,aAAAE,EAAU,UAAUO,GACpBN,EAAe,UAAUJ,GAIrBM,KACFA,EAAUI,CAAC,GAEN,MAAM;AACX,QAAIJ,KACFA,EAAU,MAAS,GAErBI,EAAE,QAAA,GACFP,EAAU,UAAU;AAAA,MACtB;AAAA,IACF;AAAA,EACF,GAAG,CAAA,CAAE,GAELM,EAAgB,MAAM;AACpB,UAAMC,IAAIP,EAAU,SACdjB,IAAOkB,EAAe;AAC5B,QAAI,GAACM,KAAK,CAACxB;AAEX,UAAID,EAAuBC,GAAMc,CAAO,GAAG;AACzC,cAAMY,IACJ,MAAM,QAAQZ,EAAQ,WAAW,IAAIA,EAAQ,cAAc,CAACA,EAAQ,WAAW;AAEjF,QAAAU,EAAE,MAAM,UAAA,GAERE,EAAY,QAAQ,CAACC,GAAYC,MAAU;AACzC,gBAAMC,IAAc,OAAOF,KAAe,YAAa,gBAAgBA,IAGnEA,IAAa,EAAE,YAAAA,EAAA;AAEnB,UAAAH,EAAE,cAAc;AAAA,YACd,GAAGK;AAAA,YACH,OAAAD;AAAA,YACA,SAAS,MAAM;AACb,cAAIA,MAAU,KACZJ,EAAE,SAAS,OAAA;AAAA,YAEf;AAAA,UAAA,CACoC;AAAA,QACxC,CAAC,GAEDN,EAAe,UAAUJ;AAAA,MAC3B,WAAW,CAACP,EAAOP,GAAMc,CAAO,MAC9B,QAAQ,KAAK,wEAAwE,GAEjFM,KACFA,EAAU,MAAS,GAErBI,EAAE,QAAA,GAEET,EAAQ,UAAS;AACnB,cAAMe,IAAYL,EAAc,EAAC,GAAGX,GAAS,SAASC,EAAQ,SAAS;AACvE,QAAAE,EAAU,UAAUa,GACpBZ,EAAe,UAAUJ,GAErBM,KACFA,EAAUU,CAAS;AAAA,MACvB;AAAA;AAAA,EAEJ,GAAG,CAAChB,CAAO,CAAC,GAEZiB,EAAoBnB,GAAK,MAAMO,CAAM,GAGnC,gBAAAa,EAAC,OAAA,EAAI,WAAAnB,GAAsB,KAAKE,EAAA,CAAS;AAG7C,CAAC;"}