@edrlab/thorium-web 1.1.6 → 1.2.0

package/dist/{chunk-SFHOVH6R.mjs → chunk-H4J2VY7Z.mjs}

@@ -1,17 +1,18 @@
-import { useFullscreen, useEpubNavigator } from './chunk-KJXHAJYK.mjs';
-import { useAppDispatch, setFullscreen, useAppSelector, setActionOpen, dockAction, setSettingsContainer, debounce, setColumnCount, setWebPubFontFamily, setFontFamily, setWebPubFontWeight, setFontWeight, setWebPubHyphens, setHyphens, setScroll, setWebPubLetterSpacing, setLetterSpacing, setWebPubLineHeight, setLineHeight, setWebPubParagraphIndent, setParagraphIndent, setWebPubParagraphSpacing, setParagraphSpacing, setWebPubWordSpacing, setWordSpacing, setWebPubSpacingPreset, setWebPubPublisherStyles, setSpacingPreset, setPublisherStyles, setWebPubTextAlign, setTextAlign, setWebPubTextNormalization, setTextNormalization, setTheme, setWebPubZoom, setFontSize, ThReduxPreferencesAdapter, setHovering, setImmersive, setOverflow, setUserNavigated, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from './chunk-COQXDRKD.mjs';
-import { usePreferences, prefixString, ThDockingTypes, ThSheetTypes, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, usePreferenceKeys, ThTextSettingsKeys, ThSpacingSettingsKeys, buildThemeObject, defaultPreferences, ThPreferencesProvider } from './chunk-SMK7A7VF.mjs';
-import { ThMenuItem, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThBottomSheet, ThCloseButton, ThModal, ThDockedPanel, ThTypedComponentRenderer, useActions, ThForm, ThFormNumberField, ThSettingsWrapper, ThFormSearchField, ThRadioGroup, ThDropdown, ThSwitch, ThNumberField, ThSlider, ThInteractiveOverlay, ThHeader, ThFooter, ThLink, ThLibrary, ThHome, ThBackArrow, ThRunningHead, ThPagination, ThProgression } from './chunk-KTPIH35Y.mjs';
-import { usePrevious } from './chunk-YZ73DHRU.mjs';
-import { useI18n } from './chunk-IYAFKTPL.mjs';
 import { makeBreakpointsMap, isInteractiveElement, isKeyboardTriggered, isActiveElement, getBestMatchingProgressionFormat } from './chunk-47AIIJFO.mjs';
+import { useFullscreen, useEpubNavigator, useLocalStorage } from './chunk-4VHEHMJN.mjs';
+import { useAppDispatch, setFullscreen, useAppSelector, setActionOpen, dockAction, setSettingsContainer, debounce, setColumnCount, setWebPubFontFamily, setFontFamily, setWebPubFontWeight, setFontWeight, setWebPubHyphens, setHyphens, setScroll, setWebPubLetterSpacing, setLetterSpacing, setWebPubLineHeight, setLineHeight, setWebPubParagraphIndent, setParagraphIndent, setWebPubParagraphSpacing, setParagraphSpacing, setWebPubWordSpacing, setWordSpacing, setWebPubSpacingPreset, setWebPubPublisherStyles, setSpacingPreset, setPublisherStyles, setWebPubTextAlign, setTextAlign, setWebPubTextNormalization, setTextNormalization, setTheme, setWebPubZoom, setFontSize, ThReduxPreferencesAdapter, setReaderProfile, setPositionsList, setRTL, setFXL, setFontLanguage, setHasDisplayTransformability, setHovering, setImmersive, setOverflow, setUserNavigated, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from './chunk-K3K7TUWM.mjs';
+import { usePreferences, prefixString, ThDockingTypes, ThSheetTypes, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, usePreferenceKeys, ThTextSettingsKeys, ThSpacingSettingsKeys, buildThemeObject, defaultPreferences, ThPreferencesProvider } from './chunk-7NEQAW7J.mjs';
 import { ThRunningHeadFormat, ThProgressionFormat } from './chunk-XVSFXHYB.mjs';
 import { isIOSish, getPlatform, buildShortcut, metaKeys } from './chunk-5LUMM7FW.mjs';
+import { ErrorHandler } from './chunk-RRDEPGBK.mjs';
+import { ThMenuItem, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThBottomSheet, ThCloseButton, ThModal, ThDockedPanel, ThTypedComponentRenderer, useActions, ThForm, ThFormNumberField, ThSettingsWrapper, ThFormSearchField, ThRadioGroup, ThDropdown, ThSwitch, ThNumberField, ThSlider, ThInteractiveOverlay, ThHeader, ThFooter, ThLink, ThLibrary, ThHome, ThBackArrow, ThRunningHead, ThPagination, ThProgression } from './chunk-NYZBHYW2.mjs';
+import { usePrevious } from './chunk-YZ73DHRU.mjs';
+import { useI18n } from './chunk-IYAFKTPL.mjs';
 import { Text, useFilter, Tree, TreeItem, TreeItemContent, Button, Collection, ListBox, ListBoxItem, Radio, Keyboard, Toolbar } from 'react-aria-components';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React18, { createContext, useRef, useCallback, useEffect, useMemo, useState, useContext } from 'react';
 import classNames3 from 'classnames';
-import { Link, HttpFetcher } from '@readium/shared';
+import { Link, HttpFetcher, Manifest, Publication, ReadingProgression, Layout, Feature, Profile } from '@readium/shared';
 import { TextAlignment } from '@readium/navigator';
 import { useStore } from 'react-redux';
 import { PanelGroup, Panel, PanelResizeHandle } from 'react-resizable-panels';
@@ -1387,6 +1388,11 @@ var thorium_web_jumpToPosition_default = {
   button: "thorium_web_jumpToPosition_button",
   numberField: "thorium_web_jumpToPosition_numberField"
 };
+
+// src/components/Actions/JumpToPosition/helpers/utils.ts
+var isPositionsListValid = (positionsList) => {
+  return !!(positionsList && positionsList.length > 0 && positionsList.some((item) => item.locations?.position));
+};
 var StatefulJumpToPositionContainer = ({
   triggerRef
 }) => {
@@ -1400,6 +1406,7 @@ var StatefulJumpToPositionContainer = ({
   const sheetType = docking.sheetType;
   const { go } = useEpubNavigator();
   const [position, setPosition] = useState(0);
+  const [errorMessage, setErrorMessage] = useState();
   const positionInRange = useCallback(() => {
     if (!positionNumbers) return false;
     return positionNumbers.length === 2 ? position >= positionNumbers[0] && position <= positionNumbers[1] : position === positionNumbers[0];
@@ -1418,19 +1425,24 @@ var StatefulJumpToPositionContainer = ({
   const handleAction = useCallback((e) => {
     e.preventDefault();
     if (!positionsList) return;
+    setErrorMessage(void 0);
     const item = positionsList.find((item2) => item2.locations.position === position);
-    if (!item || positionInRange()) return setOpen(false);
+    if (!item) {
+      setErrorMessage(t("reader.jumpToPosition.error.notFound"));
+      return;
+    }
+    if (positionInRange()) return setOpen(false);
     const cb = () => {
       setOpen(false);
       dispatch(setImmersive(true));
       dispatch(setUserNavigated(true));
     };
     go(item, !reducedMotion, cb);
-  }, [position, positionsList, reducedMotion, positionInRange, go, setOpen, dispatch]);
+  }, [position, positionsList, reducedMotion, t, positionInRange, go, setOpen, dispatch]);
   useEffect(() => {
     positionNumbers && setPosition(positionNumbers[0]);
   }, [positionNumbers]);
-  if (!positionsList) return null;
+  if (!isPositionsListValid(positionsList)) return null;
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     StatefulSheetWrapper,
     {
@@ -1472,6 +1484,7 @@ var StatefulJumpToPositionContainer = ({
               step: 1,
               formatOptions: { style: "decimal" },
               isWheelDisabled: true,
+              errorMessage,
               compounds: {
                 label: {
                   className: thorium_web_jumpToPosition_default.label
@@ -1502,7 +1515,7 @@ var StatefulJumpToPositionTrigger = ({ variant }) => {
       isOpen: value
     }));
   };
-  if (!positionsList) return null;
+  if (!isPositionsListValid(positionsList)) return null;
   return /* @__PURE__ */ jsx(Fragment, { children: variant && variant === "menuItem" /* menu */ ? /* @__PURE__ */ jsx(
     StatefulOverflowMenuItem,
     {
@@ -3949,7 +3962,7 @@ var createDefaultPlugin = () => {
     id: "core",
     name: "Core Components",
     description: "Default components for Thorium Web Epub StatefulReader",
-    version: "1.1.6",
+    version: "1.2.0",
     components: {
       actions: {
         ["fullscreen" /* fullscreen */]: {
@@ -4092,49 +4105,193 @@ var useReaderTransitions = () => {
     toUserNavigation
   };
 };
+
+// src/helpers/deserializePositions.ts
+var deserializePositions = (positionsList) => {
+  return positionsList?.map((locator) => ({
+    href: locator.href,
+    type: locator.type,
+    locations: {
+      position: locator.locations.position,
+      progression: locator.locations.progression,
+      totalProgression: locator.locations.totalProgression
+    }
+  }));
+};
+
+// src/hooks/usePublication.ts
+var detectProfile = (manifest) => {
+  const metadata = manifest.metadata;
+  if (!metadata) return "webPub";
+  const conformsTo = metadata.conformsTo;
+  if (!conformsTo) return "webPub";
+  const profiles = Array.isArray(conformsTo) ? conformsTo : [conformsTo];
+  if (profiles.some(
+    (profile) => profile === Profile.AUDIOBOOK
+  )) {
+    return "audio";
+  }
+  if (profiles.some(
+    (profile) => profile === Profile.EPUB
+  )) {
+    return "epub";
+  }
+  return "webPub";
+};
 var usePublication = ({
   url,
   onError = () => {
-  }
+  },
+  fetcher: customFetcher
 }) => {
-  const [error, setError] = useState("");
-  const [manifest, setManifest] = useState(void 0);
-  const [selfLink, setSelfLink] = useState(void 0);
+  const dispatch = useAppDispatch();
+  const { resolveFontLanguage } = usePreferences();
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [manifest, setManifest] = useState(null);
+  const [selfLink, setSelfLink] = useState(null);
+  const [localDataKey, setLocalDataKey] = useState(null);
+  const [publication, setPublication] = useState(null);
+  const [profile, setProfile] = useState(null);
+  const [isRTL, setIsRTL] = useState(false);
+  const [isFXL, setIsFXL] = useState(false);
+  const [fontLanguage, setFontLanguageState] = useState("");
+  const [hasDisplayTransformability, setHasDisplayTransformabilityState] = useState(false);
+  const handleManifestError = (error2, context) => {
+    console.error(`${context}:`, error2);
+    const processedError = ErrorHandler.process(error2, context);
+    setError(processedError);
+    setIsLoading(false);
+  };
   useEffect(() => {
     if (!url) {
-      setError("Manifest URL is required");
+      const validationError = ErrorHandler.process(new Error("Manifest URL is required"), "Validation");
+      setError(validationError);
+      setIsLoading(false);
       return;
     }
+    setIsLoading(true);
+    setError(null);
     const decodedUrl = decodeURIComponent(url);
     const manifestLink = new Link({ href: decodedUrl });
-    const fetcher = new HttpFetcher(void 0);
+    const fetcher = customFetcher || new HttpFetcher(void 0);
     try {
       const fetched = fetcher.get(manifestLink);
-      fetched.link().then((link) => {
-        setSelfLink(link.toURL(decodedUrl));
-      });
-      fetched.readAsJSON().then((manifestData) => {
-        setManifest(manifestData);
-      }).catch((error2) => {
-        console.error("Error loading manifest:", error2);
-        setError(`Failed loading manifest ${decodedUrl}: ${error2 instanceof Error ? error2.message : "Unknown error"}`);
+      fetched.link().then(async (link) => {
+        try {
+          const selfHref = link.toURL(decodedUrl);
+          setSelfLink(selfHref || null);
+          if (selfHref) {
+            setLocalDataKey(`${selfHref}-current-location`);
+            const manifestFetcher = customFetcher || new HttpFetcher(void 0, selfHref);
+            const manifestFetched = manifestFetcher.get(manifestLink);
+            const manifestData = await manifestFetched.readAsJSON();
+            setManifest(manifestData);
+            const manifestObj = Manifest.deserialize(manifestData);
+            manifestObj.setSelfLink(selfHref);
+            const detectedProfile = detectProfile(manifestObj);
+            setProfile(detectedProfile);
+            dispatch(setReaderProfile(detectedProfile));
+            const pub = new Publication({
+              manifest: manifestObj,
+              fetcher: manifestFetcher
+            });
+            if (detectedProfile === "epub") {
+              try {
+                const rawPositions = await pub.positionsFromManifest();
+                const positionsList = deserializePositions(rawPositions);
+                dispatch(setPositionsList(positionsList));
+              } catch (error2) {
+                console.error("Failed to fetch positions:", error2);
+                dispatch(setPositionsList([]));
+              }
+            }
+            setPublication(pub);
+            setIsLoading(false);
+          }
+        } catch (error2) {
+          handleManifestError(error2, "Error loading manifest");
+        }
       });
     } catch (error2) {
-      console.error("Error loading manifest:", error2);
-      setError(`Failed loading manifest ${decodedUrl}: ${error2 instanceof Error ? error2.message : "Unknown error"}`);
+      handleManifestError(error2, "Error loading manifest");
+    }
+  }, [url, customFetcher, dispatch]);
+  useEffect(() => {
+    if (!publication) return;
+    const rtl = publication.metadata.effectiveReadingProgression === ReadingProgression.rtl;
+    setIsRTL(rtl);
+    dispatch(setRTL(rtl));
+    if (profile === "epub") {
+      const fxl = publication.metadata.effectiveLayout === Layout.fixed;
+      setIsFXL(fxl);
+      dispatch(setFXL(fxl));
+    }
+    const resolvedLang = resolveFontLanguage(
+      publication.metadata.languages?.[0],
+      publication.metadata.effectiveReadingProgression
+    );
+    setFontLanguageState(resolvedLang);
+    dispatch(setFontLanguage(resolvedLang));
+    const displayTransformability = publication.metadata.accessibility?.feature?.some(
+      (feature) => feature && feature.value === Feature.DISPLAY_TRANSFORMABILITY.value
+    ) || false;
+    setHasDisplayTransformabilityState(displayTransformability);
+    dispatch(setHasDisplayTransformability(displayTransformability));
+    if (profile === "epub" && publication) {
+      const fetchPositions = async () => {
+        try {
+          const positionsList = await publication.positionsFromManifest();
+          const deserializedPositionsList = deserializePositions(positionsList);
+          dispatch(setPositionsList(deserializedPositionsList));
+        } catch (error2) {
+          console.error("Failed to fetch positions:", error2);
+          dispatch(setPositionsList([]));
+        }
+      };
+      fetchPositions();
     }
-  }, [url]);
+  }, [publication, profile, resolveFontLanguage, dispatch]);
   useEffect(() => {
     if (error) {
       onError(error);
     }
   }, [error, onError]);
   return {
+    isLoading,
     error,
+    publication,
     manifest,
-    selfLink
+    selfLink,
+    localDataKey,
+    profile,
+    isRTL,
+    isFXL,
+    fontLanguage,
+    hasDisplayTransformability
   };
 };
+var usePositionStorage = (key, customStorage) => {
+  const localStorageData = useLocalStorage(key);
+  const [customData, setCustomData] = useState(
+    () => customStorage ? customStorage.get() || null : null
+  );
+  if (customStorage) {
+    const set = (newValue) => {
+      if (newValue) {
+        customStorage.set(newValue);
+      }
+      setCustomData(newValue);
+    };
+    const get = () => customData;
+    return {
+      setLocalData: set,
+      getLocalData: get,
+      localData: customData
+    };
+  }
+  return localStorageData;
+};
 
 // src/components/assets/styles/thorium-web.reader.app.module.css
 var thorium_web_reader_app_default = {
@@ -4582,6 +4739,7 @@ var StatefulReaderHeader = ({
   const isImmersive = useAppSelector((state) => state.reader.isImmersive);
   const isHovering = useAppSelector((state) => state.reader.isHovering);
   const hasScrollAffordance = useAppSelector((state) => state.reader.hasScrollAffordance);
+  const positionsList = useAppSelector((state) => state.publication.positionsList);
   const actions = useActions({ ...actionsMap, ...overflowMap });
   const dispatch = useAppDispatch();
   const { focusWithinProps } = useFocusWithin({
@@ -4619,8 +4777,16 @@ var StatefulReaderHeader = ({
         }
       });
     }
-    return actionsItems;
-  }, [actionKeys, actionsComponentsMap]);
+    return actionsItems.filter((item) => {
+      if (item.key === "jumpToPosition" /* jumpToPosition */) {
+        return isPositionsListValid(positionsList);
+      }
+      if (item.key === "fullscreen" /* fullscreen */) {
+        return document.fullscreenEnabled && !isIOSish();
+      }
+      return true;
+    });
+  }, [actionKeys, actionsComponentsMap, positionsList]);
   useEffect(() => {
     if (isImmersive) {
       const focusElement = document.activeElement;
@@ -5363,6 +5529,6 @@ function getReaderClassNames(options) {
   );
 }
 
-export { NavigatorProvider, Peripherals, StatefulActionIcon, StatefulBottomSheet, StatefulCollapsibleActionsBar, StatefulColumns, StatefulDockedSheet, StatefulDockingWrapper, StatefulDropdown, StatefulFontFamily, StatefulFullScreenSheet, StatefulFullscreenTrigger, StatefulGroupWrapper, StatefulHyphens, StatefulJumpToPositionContainer, StatefulJumpToPositionTrigger, StatefulLayout, StatefulLetterSpacing, StatefulLineHeight, StatefulNumberField, StatefulOverflowMenu, StatefulOverflowMenuItem, StatefulParagraphIndent, StatefulParagraphSpacing, StatefulPopoverSheet, StatefulPreferencesProvider, StatefulPublisherStyles, StatefulRadioGroup, StatefulReaderFooter, StatefulReaderHeader, StatefulSettingsContainer, StatefulSettingsTrigger, StatefulSheetWrapper, StatefulSlider, StatefulSpacingGroup, StatefulSpacingGroupContainer, StatefulSpacingPresets, StatefulSwitch, StatefulTextAlign, StatefulTextGroup, StatefulTextGroupContainer, StatefulTextNormalize, StatefulTheme, StatefulTocContainer, StatefulTocTrigger, StatefulWordSpacing, StatefulZoom, ThPluginProvider, ThPluginRegistry, UnstableStatefulFontWeight, createDefaultPlugin, getReaderClassNames, thorium_web_button_default, thorium_web_reader_app_default, useDocking, useFonts, useGridNavigation, useGridTemplate, useLineHeight, useNavigator, usePublication, useReaderTransitions, useSettingsComponentStatus, useSpacingPresets };
-//# sourceMappingURL=chunk-SFHOVH6R.mjs.map
-//# sourceMappingURL=chunk-SFHOVH6R.mjs.map
+export { NavigatorProvider, Peripherals, StatefulActionIcon, StatefulBottomSheet, StatefulCollapsibleActionsBar, StatefulColumns, StatefulDockedSheet, StatefulDockingWrapper, StatefulDropdown, StatefulFontFamily, StatefulFullScreenSheet, StatefulFullscreenTrigger, StatefulGroupWrapper, StatefulHyphens, StatefulJumpToPositionContainer, StatefulJumpToPositionTrigger, StatefulLayout, StatefulLetterSpacing, StatefulLineHeight, StatefulNumberField, StatefulOverflowMenu, StatefulOverflowMenuItem, StatefulParagraphIndent, StatefulParagraphSpacing, StatefulPopoverSheet, StatefulPreferencesProvider, StatefulPublisherStyles, StatefulRadioGroup, StatefulReaderFooter, StatefulReaderHeader, StatefulSettingsContainer, StatefulSettingsTrigger, StatefulSheetWrapper, StatefulSlider, StatefulSpacingGroup, StatefulSpacingGroupContainer, StatefulSpacingPresets, StatefulSwitch, StatefulTextAlign, StatefulTextGroup, StatefulTextGroupContainer, StatefulTextNormalize, StatefulTheme, StatefulTocContainer, StatefulTocTrigger, StatefulWordSpacing, StatefulZoom, ThPluginProvider, ThPluginRegistry, UnstableStatefulFontWeight, createDefaultPlugin, getReaderClassNames, thorium_web_button_default, thorium_web_reader_app_default, useDocking, useFonts, useGridNavigation, useGridTemplate, useLineHeight, useNavigator, usePositionStorage, usePublication, useReaderTransitions, useSettingsComponentStatus, useSpacingPresets };
+//# sourceMappingURL=chunk-H4J2VY7Z.mjs.map
+//# sourceMappingURL=chunk-H4J2VY7Z.mjs.map