@edrlab/thorium-web 1.2.1 → 1.3.1

package/dist/{chunk-4VHEHMJN.mjs → chunk-A3FZBEUL.mjs}

@@ -1,8 +1,8 @@
+import { toEntryRef, buildTocTree } from './chunk-TEZB4ULX.mjs';
 import { useEffect, useState, useLayoutEffect, useCallback, useRef, useMemo } from 'react';
 import { Layout, Link, Locator } from '@readium/shared';
-import { EpubPreferences, EpubNavigator, WebPubPreferences, ExperimentalWebPubNavigator } from '@readium/navigator';
+import { AudioPreferences, AudioNavigator, EpubPreferences, EpubNavigator, WebPubPreferences, ExperimentalWebPubNavigator } from '@readium/navigator';
 
-// src/core/Hooks/useDocumentTitle.ts
 var useDocumentTitle = (title) => {
   useEffect(() => {
     if (title) document.title = title;
@@ -47,22 +47,22 @@ var useFullscreen = (onChange) => {
 var useLocalStorage = (key) => {
   const [localData, setLocalData] = useState(null);
   const cachedLocalData = useRef(null);
-  const setValue = (newValue) => {
+  const setValue = useCallback((newValue) => {
     if (!key) return;
     setLocalData(newValue);
     localStorage.setItem(key, JSON.stringify(newValue));
-  };
-  const getValue = () => {
+  }, [key]);
+  const getValue = useCallback(() => {
     if (!key) return null;
     if (localData !== null) return localData;
     const value = localStorage.getItem(key);
     return value ? JSON.parse(value) : null;
-  };
-  const clearValue = () => {
+  }, [key, localData]);
+  const clearValue = useCallback(() => {
     if (!key) return;
     setLocalData(null);
     localStorage.removeItem(key);
-  };
+  }, [key]);
   useEffect(() => {
     if (!key) return;
     cachedLocalData.current = localData;
@@ -134,30 +134,6 @@ var useTimeline = ({
     relativeProgression,
     totalProgression
   ]);
-  const buildTocTree = useCallback((links, idGenerator, positionsList2, publicationTitle) => {
-    return links.map((link) => {
-      const newId = idGenerator();
-      let href = link.href;
-      const fragmentIndex = href.indexOf("#");
-      if (fragmentIndex !== -1) {
-        const baseHref = href.substring(0, fragmentIndex);
-        const duplicateLink = links.find((l) => l.href.startsWith(baseHref) && l.href !== href);
-        if (!duplicateLink) {
-          href = baseHref;
-        }
-      }
-      const treeNode = {
-        id: newId,
-        href,
-        title: link.title || (publicationTitle ? `${publicationTitle} ${idCounterRef.current}` : newId),
-        position: positionsList2?.find((position) => position.href === href)?.locations.position
-      };
-      if (link.children) {
-        treeNode.children = buildTocTree(link.children.items, idGenerator, positionsList2, publicationTitle);
-      }
-      return treeNode;
-    });
-  }, []);
   const handleTocEntryOnNav = useCallback((locator, currentPos) => {
     if (!locator || !tocTree.length) return;
     const findMatch = (items, link) => {
@@ -174,7 +150,7 @@ var useTimeline = ({
     };
     const currentMatch = findMatch(tocTree, new Link(locator));
     if (currentMatch) {
-      setCurrentTocEntry(currentMatch.id);
+      setCurrentTocEntry((prev) => prev?.id === currentMatch.id ? prev : toEntryRef(currentMatch));
       return;
     }
     if (layout === Layout.fixed) {
@@ -184,7 +160,7 @@ var useTimeline = ({
         if (otherPositionInList) {
           const match = findMatch(tocTree, new Link(otherPositionInList));
           if (match) {
-            setCurrentTocEntry(match.id);
+            setCurrentTocEntry((prev) => prev?.id === match.id ? prev : toEntryRef(match));
             return;
           }
         }
@@ -196,7 +172,7 @@ var useTimeline = ({
       if (otherPositionInList) {
         const match = findMatch(tocTree, new Link(otherPositionInList));
         if (match) {
-          setCurrentTocEntry(match.id);
+          setCurrentTocEntry((prev) => prev?.id === match.id ? prev : toEntryRef(match));
           return;
         }
       }
@@ -261,7 +237,7 @@ var useTimeline = ({
       }
     }
     return timelineItems2;
-  }, [publication?.readingOrder?.items, publication?.toc?.items, positionsList]);
+  }, [publication, positionsList]);
   const updateTimelineItems = useCallback((currentLoc) => {
     if (!currentLoc || !timelineItems) {
       setPreviousItem(null);
@@ -294,7 +270,7 @@ var useTimeline = ({
     const publicationTitle = publication?.metadata.title.getTranslation("en");
     setTocTree(buildTocTree(tocItems, idGenerator, positionsList, publicationTitle));
     setTimelineItems(buildTimelineItems());
-  }, [publication, positionsList, buildTocTree, buildTimelineItems]);
+  }, [publication, positionsList, buildTimelineItems]);
   useEffect(() => {
     if (!tocTree.length || !timelineItems) return;
     if (currentLocation) {
@@ -315,15 +291,173 @@ var useTimeline = ({
   return timeline;
 };
 var navigatorInstance = null;
+var useAudioNavigator = () => {
+  const publication = useRef(null);
+  const submitPreferences = useCallback(async (preferences) => {
+    await navigatorInstance?.submitPreferences(new AudioPreferences(preferences));
+  }, []);
+  const getSetting = useCallback((settingKey) => {
+    return navigatorInstance?.settings?.[settingKey];
+  }, []);
+  const AudioNavigatorLoad = useCallback((config, cb) => {
+    publication.current = config.publication;
+    navigatorInstance = new AudioNavigator(
+      config.publication,
+      config.listeners,
+      config.initialPosition,
+      {
+        preferences: config.preferences || {},
+        defaults: config.defaults || {},
+        contentProtection: config.contentProtection
+      }
+    );
+    cb();
+  }, []);
+  const AudioNavigatorDestroy = useCallback((cb) => {
+    cb();
+    navigatorInstance?.destroy();
+    navigatorInstance = null;
+  }, []);
+  const play = useCallback(() => {
+    navigatorInstance?.play();
+  }, []);
+  const pause = useCallback(() => {
+    navigatorInstance?.pause();
+  }, []);
+  const stop = useCallback(() => {
+    navigatorInstance?.stop();
+  }, []);
+  const seek = useCallback((time) => {
+    navigatorInstance?.seek(time);
+  }, []);
+  const jump = useCallback((seconds) => {
+    navigatorInstance?.jump(seconds);
+  }, []);
+  const skipForward = useCallback(() => {
+    navigatorInstance?.skipForward();
+  }, []);
+  const skipBackward = useCallback(() => {
+    navigatorInstance?.skipBackward();
+  }, []);
+  const go = useCallback((locator, animated, callback) => {
+    navigatorInstance?.go(locator, animated, callback);
+  }, []);
+  const goLink = useCallback((link, animated, callback) => {
+    navigatorInstance?.goLink(link, animated, callback);
+  }, []);
+  const goForward = useCallback((animated, callback) => {
+    navigatorInstance?.goForward(animated, callback);
+  }, []);
+  const goBackward = useCallback((animated, callback) => {
+    navigatorInstance?.goBackward(animated, callback);
+  }, []);
+  const currentLocator = useCallback(() => {
+    return navigatorInstance?.currentLocator;
+  }, []);
+  const canGoBackward = useCallback(() => {
+    return navigatorInstance?.canGoBackward || false;
+  }, []);
+  const canGoForward = useCallback(() => {
+    return navigatorInstance?.canGoForward || false;
+  }, []);
+  const isTrackStart = useCallback(() => {
+    return navigatorInstance?.isTrackStart || false;
+  }, []);
+  const isTrackEnd = useCallback(() => {
+    return navigatorInstance?.isTrackEnd || false;
+  }, []);
+  const isPlaying = useCallback(() => {
+    return navigatorInstance?.isPlaying || false;
+  }, []);
+  const isPaused = useCallback(() => {
+    return navigatorInstance?.isPaused || false;
+  }, []);
+  const duration = useCallback(() => {
+    return navigatorInstance?.duration || 0;
+  }, []);
+  const currentTime = useCallback(() => {
+    return navigatorInstance?.currentTime || 0;
+  }, []);
+  return {
+    AudioNavigatorLoad,
+    AudioNavigatorDestroy,
+    play,
+    pause,
+    stop,
+    seek,
+    jump,
+    skipForward,
+    skipBackward,
+    go,
+    goLink,
+    goForward,
+    goBackward,
+    currentLocator,
+    canGoBackward,
+    canGoForward,
+    isTrackStart,
+    isTrackEnd,
+    isPlaying,
+    isPaused,
+    duration,
+    currentTime,
+    preferencesEditor: navigatorInstance?.preferencesEditor,
+    remotePlayback: navigatorInstance?.remotePlayback,
+    getSetting,
+    submitPreferences,
+    timeline: useCallback(() => navigatorInstance?.timeline, [])
+  };
+};
+var useAudioSettingsCache = (volume, playbackRate, preservePitch, skipBackwardInterval, skipForwardInterval, skipInterval, pollInterval, autoPlay, enableMediaSession) => {
+  const cache = useRef({
+    settings: {
+      volume,
+      playbackRate,
+      preservePitch,
+      skipBackwardInterval,
+      skipForwardInterval,
+      skipInterval,
+      pollInterval,
+      autoPlay,
+      enableMediaSession
+    }
+  });
+  const memoizedCache = useMemo(() => ({
+    settings: {
+      volume,
+      playbackRate,
+      preservePitch,
+      skipBackwardInterval,
+      skipForwardInterval,
+      skipInterval,
+      pollInterval,
+      autoPlay,
+      enableMediaSession
+    }
+  }), [
+    volume,
+    playbackRate,
+    preservePitch,
+    skipBackwardInterval,
+    skipForwardInterval,
+    skipInterval,
+    pollInterval,
+    autoPlay,
+    enableMediaSession
+  ]);
+  cache.current = memoizedCache;
+  return cache;
+};
+var navigatorInstance2 = null;
 var useEpubNavigator = () => {
   const container = useRef(null);
   const containerParent = useRef(null);
   const publication = useRef(null);
   const submitPreferences = useCallback(async (preferences) => {
-    await navigatorInstance?.submitPreferences(new EpubPreferences(preferences));
+    await navigatorInstance2?.submitPreferences(new EpubPreferences(preferences));
   }, []);
   const getSetting = useCallback((settingKey) => {
-    return navigatorInstance?.settings[settingKey];
+    return navigatorInstance2?.settings[settingKey];
   }, []);
   const FXLPositionChangedCallbackRef = useRef(void 0);
   const FXLPositionChanged = useMemo(() => {
@@ -333,7 +467,7 @@ var useEpubNavigator = () => {
         const newVal = mutation.target.getAttribute(mutation.attributeName);
         const oldVal = mutation.oldValue;
         if (newVal?.split(re)[1] !== oldVal?.split(re)[1]) {
-          const locator = navigatorInstance?.currentLocator;
+          const locator = navigatorInstance2?.currentLocator;
           if (locator && FXLPositionChangedCallbackRef.current) {
             FXLPositionChangedCallbackRef.current(locator);
           }
@@ -349,7 +483,7 @@ var useEpubNavigator = () => {
       if (fxlCallback) {
         FXLPositionChangedCallbackRef.current = fxlCallback;
       }
-      navigatorInstance = new EpubNavigator(
+      navigatorInstance2 = new EpubNavigator(
         config.container,
         config.publication,
         config.listeners,
@@ -362,10 +496,10 @@ var useEpubNavigator = () => {
           contentProtection: config.contentProtection || void 0
         }
       );
-      navigatorInstance.load().then(() => {
+      navigatorInstance2.load().then(() => {
         cb();
-        if (navigatorInstance?.layout === Layout.fixed) {
-          FXLPositionChanged.observe(navigatorInstance?.pool.spineElement, {
+        if (navigatorInstance2?.layout === Layout.fixed) {
+          FXLPositionChanged.observe(navigatorInstance2?.pool.spineElement, {
             attributeFilter: ["style"],
             attributeOldValue: true
           });
@@ -375,41 +509,41 @@ var useEpubNavigator = () => {
   }, [FXLPositionChanged]);
   const EpubNavigatorDestroy = useCallback((cb) => {
     cb();
-    if (navigatorInstance?.layout === Layout.fixed) {
+    if (navigatorInstance2?.layout === Layout.fixed) {
       FXLPositionChanged.disconnect();
     }
-    navigatorInstance?.destroy().then(() => {
-      navigatorInstance = null;
+    navigatorInstance2?.destroy().then(() => {
+      navigatorInstance2 = null;
     });
   }, [FXLPositionChanged]);
   const goRight = useCallback((animated, callback) => {
-    navigatorInstance?.goRight(animated, callback);
+    navigatorInstance2?.goRight(animated, callback);
   }, []);
   const goLeft = useCallback((animated, callback) => {
-    navigatorInstance?.goLeft(animated, callback);
+    navigatorInstance2?.goLeft(animated, callback);
   }, []);
   const goBackward = useCallback((animated, callback) => {
-    navigatorInstance?.goBackward(animated, callback);
+    navigatorInstance2?.goBackward(animated, callback);
   }, []);
   const goForward = useCallback((animated, callback) => {
-    navigatorInstance?.goForward(animated, callback);
+    navigatorInstance2?.goForward(animated, callback);
   }, []);
   const goLink = useCallback((link, animated, callback) => {
-    navigatorInstance?.goLink(link, animated, callback);
+    navigatorInstance2?.goLink(link, animated, callback);
   }, []);
   const go = useCallback((locator, animated, callback) => {
-    navigatorInstance?.go(locator, animated, callback);
+    navigatorInstance2?.go(locator, animated, callback);
   }, []);
   const navLayout = useCallback(() => {
-    return navigatorInstance?.layout;
+    return navigatorInstance2?.layout;
   }, []);
   const currentLocator = useCallback(() => {
-    return navigatorInstance?.currentLocator;
+    return navigatorInstance2?.currentLocator;
   }, []);
   const getLocatorAtOffset = useCallback((offset) => {
-    const readingOrder = navigatorInstance?.publication?.readingOrder;
+    const readingOrder = navigatorInstance2?.publication?.readingOrder;
     if (!readingOrder) return null;
-    const currentLocator2 = navigatorInstance?.currentLocator;
+    const currentLocator2 = navigatorInstance2?.currentLocator;
     if (!currentLocator2) return null;
     const currentLocatorIndex = readingOrder.findIndexWithHref(currentLocator2.href);
     if (currentLocatorIndex === -1) return null;
@@ -420,30 +554,30 @@ var useEpubNavigator = () => {
   const previousLocator = useCallback(() => {
     const link = getLocatorAtOffset(-1);
     if (!link) return null;
-    return navigatorInstance?.publication?.manifest?.locatorFromLink(link);
+    return navigatorInstance2?.publication?.manifest?.locatorFromLink(link);
   }, [getLocatorAtOffset]);
   const nextLocator = useCallback(() => {
     const link = getLocatorAtOffset(1);
     if (!link) return null;
-    return navigatorInstance?.publication?.manifest?.locatorFromLink(link);
+    return navigatorInstance2?.publication?.manifest?.locatorFromLink(link);
   }, [getLocatorAtOffset]);
   const currentPositions = useCallback(() => {
-    return navigatorInstance?.viewport?.positions;
+    return navigatorInstance2?.viewport?.positions;
   }, []);
   const canGoBackward = useCallback(() => {
-    return navigatorInstance?.canGoBackward;
+    return navigatorInstance2?.canGoBackward;
   }, []);
   const canGoForward = useCallback(() => {
-    return navigatorInstance?.canGoForward;
+    return navigatorInstance2?.canGoForward;
   }, []);
   const isScrollStart = useCallback(() => {
-    return navigatorInstance?.isScrollStart;
+    return navigatorInstance2?.isScrollStart;
   }, []);
   const isScrollEnd = useCallback(() => {
-    return navigatorInstance?.isScrollEnd;
+    return navigatorInstance2?.isScrollEnd;
   }, []);
   const getCframes = useCallback(() => {
-    return navigatorInstance?._cframes;
+    return navigatorInstance2?._cframes;
   }, []);
   return {
     EpubNavigatorLoad,
@@ -463,7 +597,7 @@ var useEpubNavigator = () => {
     canGoForward,
     isScrollStart,
     isScrollEnd,
-    preferencesEditor: navigatorInstance?.preferencesEditor,
+    preferencesEditor: navigatorInstance2?.preferencesEditor,
     getSetting,
     submitPreferences,
     getCframes,
@@ -533,23 +667,23 @@ var useEpubSettingsCache = (textAlign, columnCount, fontFamily, fontSize, fontWe
   cache.current = memoizedCache;
   return cache;
 };
-var navigatorInstance2 = null;
+var navigatorInstance3 = null;
 var useWebPubNavigator = () => {
   const container = useRef(null);
   const containerParent = useRef(null);
   const publication = useRef(null);
   const submitPreferences = useCallback(async (preferences) => {
-    await navigatorInstance2?.submitPreferences(new WebPubPreferences(preferences));
+    await navigatorInstance3?.submitPreferences(new WebPubPreferences(preferences));
   }, []);
   const getSetting = useCallback((settingKey) => {
-    return navigatorInstance2?.settings[settingKey];
+    return navigatorInstance3?.settings[settingKey];
   }, []);
   const WebPubNavigatorLoad = useCallback((config, cb) => {
     if (config.container) {
       container.current = config.container;
       containerParent.current = container.current?.parentElement || null;
       publication.current = config.publication;
-      navigatorInstance2 = new ExperimentalWebPubNavigator(
+      navigatorInstance3 = new ExperimentalWebPubNavigator(
         config.container,
         config.publication,
         config.listeners,
@@ -561,42 +695,42 @@ var useWebPubNavigator = () => {
           contentProtection: config.contentProtection || void 0
         }
       );
-      navigatorInstance2.load().then(() => {
+      navigatorInstance3.load().then(() => {
         cb();
       });
     }
   }, []);
   const WebPubNavigatorDestroy = useCallback((cb) => {
     cb();
-    navigatorInstance2?.destroy().then(() => {
-      navigatorInstance2 = null;
+    navigatorInstance3?.destroy().then(() => {
+      navigatorInstance3 = null;
     });
   }, []);
   const goRight = useCallback((animated, callback) => {
-    navigatorInstance2?.goRight(animated, callback);
+    navigatorInstance3?.goRight(animated, callback);
   }, []);
   const goLeft = useCallback((animated, callback) => {
-    navigatorInstance2?.goLeft(animated, callback);
+    navigatorInstance3?.goLeft(animated, callback);
   }, []);
   const goBackward = useCallback((animated, callback) => {
-    navigatorInstance2?.goBackward(animated, callback);
+    navigatorInstance3?.goBackward(animated, callback);
   }, []);
   const goForward = useCallback((animated, callback) => {
-    navigatorInstance2?.goForward(animated, callback);
+    navigatorInstance3?.goForward(animated, callback);
   }, []);
   const goLink = useCallback((link, animated, callback) => {
-    navigatorInstance2?.goLink(link, animated, callback);
+    navigatorInstance3?.goLink(link, animated, callback);
   }, []);
   const go = useCallback((locator, animated, callback) => {
-    navigatorInstance2?.go(locator, animated, callback);
+    navigatorInstance3?.go(locator, animated, callback);
   }, []);
   const currentLocator = useCallback(() => {
-    return navigatorInstance2?.currentLocator;
+    return navigatorInstance3?.currentLocator;
   }, []);
   const getLocatorAtOffset = useCallback((offset) => {
-    const readingOrder = navigatorInstance2?.publication?.readingOrder;
+    const readingOrder = navigatorInstance3?.publication?.readingOrder;
     if (!readingOrder) return null;
-    const currentLocator2 = navigatorInstance2?.currentLocator;
+    const currentLocator2 = navigatorInstance3?.currentLocator;
     if (!currentLocator2) return null;
     const currentLocatorIndex = readingOrder.findIndexWithHref(currentLocator2.href);
     if (currentLocatorIndex === -1) return null;
@@ -607,30 +741,30 @@ var useWebPubNavigator = () => {
   const previousLocator = useCallback(() => {
     const link = getLocatorAtOffset(-1);
     if (!link) return null;
-    return navigatorInstance2?.publication?.manifest?.locatorFromLink(link);
+    return navigatorInstance3?.publication?.manifest?.locatorFromLink(link);
   }, [getLocatorAtOffset]);
   const nextLocator = useCallback(() => {
     const link = getLocatorAtOffset(1);
     if (!link) return null;
-    return navigatorInstance2?.publication?.manifest?.locatorFromLink(link);
+    return navigatorInstance3?.publication?.manifest?.locatorFromLink(link);
   }, [getLocatorAtOffset]);
   const currentPositions = useCallback(() => {
-    return navigatorInstance2?.viewport?.positions;
+    return navigatorInstance3?.viewport?.positions;
   }, []);
   const canGoBackward = useCallback(() => {
-    return navigatorInstance2?.canGoBackward;
+    return navigatorInstance3?.canGoBackward;
   }, []);
   const canGoForward = useCallback(() => {
-    return navigatorInstance2?.canGoForward;
+    return navigatorInstance3?.canGoForward;
   }, []);
   const isScrollStart = useCallback(() => {
-    return navigatorInstance2?.isScrollStart;
+    return navigatorInstance3?.isScrollStart;
   }, []);
   const isScrollEnd = useCallback(() => {
-    return navigatorInstance2?.isScrollEnd;
+    return navigatorInstance3?.isScrollEnd;
   }, []);
   const getCframes = useCallback(() => {
-    return navigatorInstance2?._cframes;
+    return navigatorInstance3?._cframes;
   }, []);
   return {
     WebPubNavigatorLoad,
@@ -649,7 +783,7 @@ var useWebPubNavigator = () => {
     canGoForward,
     isScrollStart,
     isScrollEnd,
-    preferencesEditor: navigatorInstance2?.preferencesEditor,
+    preferencesEditor: navigatorInstance3?.preferencesEditor,
     getSetting,
     submitPreferences,
     getCframes
@@ -705,6 +839,6 @@ var useWebPubSettingsCache = (fontFamily, fontWeight, hyphens, letterSpacing, li
   return cache;
 };
 
-export { timelineInstance, useDocumentTitle, useEpubNavigator, useEpubSettingsCache, useFullscreen, useIsClient, useLocalStorage, useTimeline, useWebPubNavigator, useWebPubSettingsCache };
-//# sourceMappingURL=chunk-4VHEHMJN.mjs.map
-//# sourceMappingURL=chunk-4VHEHMJN.mjs.map
+export { timelineInstance, useAudioNavigator, useAudioSettingsCache, useDocumentTitle, useEpubNavigator, useEpubSettingsCache, useFullscreen, useIsClient, useLocalStorage, useTimeline, useWebPubNavigator, useWebPubSettingsCache };
+//# sourceMappingURL=chunk-A3FZBEUL.mjs.map
+//# sourceMappingURL=chunk-A3FZBEUL.mjs.map