@edrlab/thorium-web 1.1.7 → 1.2.0

package/dist/chunk-S4M7ED5Q.mjs

@@ -0,0 +1,407 @@
+import { ThPluginRegistry, createDefaultPlugin, ThPluginProvider, useSpacingPresets, useFonts, useSettingsComponentStatus, usePositionStorage, useLineHeight, Peripherals, NavigatorProvider, thorium_web_reader_app_default, StatefulDockingWrapper, StatefulReaderHeader, StatefulReaderFooter, getReaderClassNames } from './chunk-H4J2VY7Z.mjs';
+import { useWebPubSettingsCache, useFullscreen, useWebPubNavigator, useTimeline, useDocumentTitle } from './chunk-4VHEHMJN.mjs';
+import { useAppSelector, useAppDispatch, setFullscreen, setTimeline, setHovering, toggleImmersive, useAppStore, toggleActionOpen, setPublicationStart, setPublicationEnd, setLoading } from './chunk-K3K7TUWM.mjs';
+import { usePreferences, resolveContentProtectionConfig } from './chunk-7NEQAW7J.mjs';
+import { useI18n } from './chunk-IYAFKTPL.mjs';
+import { useState, useLayoutEffect, useRef, useCallback, useMemo, useEffect } from 'react';
+import { I18nProvider } from 'react-aria';
+import { Locator } from '@readium/shared';
+import classNames from 'classnames';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var useWebPubPreferencesConfig = ({
+  settings,
+  fontLanguage,
+  hasDisplayTransformability,
+  getFontMetadata,
+  lineHeightOptions
+}) => {
+  const webPubPreferences = useMemo(() => {
+    const preferences = {
+      zoom: settings.zoom
+    };
+    if (hasDisplayTransformability) {
+      preferences.fontFamily = getFontMetadata(settings.fontFamily[fontLanguage] ?? "")?.fontStack || null;
+      preferences.fontWeight = settings.fontWeight;
+      preferences.hyphens = settings.hyphens;
+      preferences.letterSpacing = settings.letterSpacing;
+      preferences.lineHeight = settings.lineHeight === null ? null : lineHeightOptions[settings.lineHeight];
+      preferences.paragraphIndent = settings.paragraphIndent;
+      preferences.paragraphSpacing = settings.paragraphSpacing;
+      preferences.textAlign = settings.textAlign;
+      preferences.textNormalization = settings.textNormalization;
+      preferences.wordSpacing = settings.wordSpacing;
+    }
+    return preferences;
+  }, [
+    settings,
+    fontLanguage,
+    hasDisplayTransformability,
+    getFontMetadata,
+    lineHeightOptions
+  ]);
+  return { webPubPreferences };
+};
+var useWebPubInjectablesConfig = ({
+  isFontFamilyUsed,
+  fontLanguage,
+  getFontInjectables
+}) => {
+  const injectables = useMemo(() => {
+    let injectablesConfig;
+    if (isFontFamilyUsed) {
+      const fontResources = getFontInjectables({ language: fontLanguage });
+      if (fontResources) {
+        injectablesConfig = {
+          allowedDomains: fontResources.allowedDomains,
+          rules: [{
+            resources: [/\.xhtml$/, /\.html$/],
+            prepend: fontResources.prepend,
+            append: fontResources.append
+          }]
+        };
+      }
+    }
+    return injectablesConfig;
+  }, [isFontFamilyUsed, fontLanguage, getFontInjectables]);
+  return { injectables };
+};
+
+// src/components/WebPub/Hooks/useReaderInit.ts
+var useWebPubReaderInit = ({
+  container,
+  publication,
+  initialPosition,
+  listeners,
+  preferences,
+  cache,
+  isFontFamilyUsed,
+  fontLanguage,
+  hasDisplayTransformability,
+  getFontMetadata,
+  injectFontResources,
+  removeFontResources,
+  getFontInjectables,
+  lineHeightOptions,
+  contentProtectionConfig,
+  onNavigatorReady,
+  onNavigatorLoaded,
+  onCleanup
+}) => {
+  const [navigatorReady, setNavigatorReady] = useState(false);
+  const { webPubPreferences } = useWebPubPreferencesConfig({
+    settings: cache.current.settings,
+    fontLanguage,
+    hasDisplayTransformability,
+    getFontMetadata,
+    lineHeightOptions
+  });
+  const { injectables } = useWebPubInjectablesConfig({
+    isFontFamilyUsed,
+    fontLanguage,
+    getFontInjectables
+  });
+  const handleCleanup = useCallback(() => {
+    removeFontResources();
+    onCleanup?.();
+  }, [removeFontResources, onCleanup]);
+  const { WebPubNavigatorLoad, WebPubNavigatorDestroy } = useWebPubNavigator();
+  const isNavigatorLoadedWebPub = useRef(false);
+  useEffect(() => {
+    if (!publication || isNavigatorLoadedWebPub.current) return;
+    if (!container.current) {
+      console.error("Container ref is not available for navigator initialization");
+      return;
+    }
+    const config = {
+      container: container.current,
+      publication,
+      listeners,
+      initialPosition: initialPosition ? new Locator(initialPosition) : void 0,
+      preferences: webPubPreferences,
+      defaults: {
+        experiments: preferences.experiments?.webPub || null
+      },
+      injectables,
+      contentProtection: contentProtectionConfig
+    };
+    isNavigatorLoadedWebPub.current = true;
+    onNavigatorReady?.();
+    WebPubNavigatorLoad(config, () => {
+      setNavigatorReady(true);
+      onNavigatorLoaded?.();
+    });
+    return () => {
+      if (isNavigatorLoadedWebPub.current) {
+        setNavigatorReady(false);
+        WebPubNavigatorDestroy(() => {
+          isNavigatorLoadedWebPub.current = false;
+          handleCleanup();
+        });
+      }
+    };
+  }, []);
+  useEffect(() => {
+    if (isFontFamilyUsed) {
+      const fontResources = getFontInjectables({ language: fontLanguage });
+      if (fontResources) {
+        injectFontResources(getFontInjectables(void 0, true));
+      }
+    }
+  }, [isFontFamilyUsed, fontLanguage, getFontInjectables, injectFontResources]);
+  return {
+    navigatorReady
+  };
+};
+var ExperimentalWebPubStatefulReader = ({
+  publication,
+  localDataKey,
+  plugins,
+  positionStorage
+}) => {
+  const [pluginsRegistered, setPluginsRegistered] = useState(false);
+  useLayoutEffect(() => {
+    if (plugins && plugins.length > 0) {
+      plugins.forEach((plugin) => {
+        ThPluginRegistry.register(plugin);
+      });
+    } else {
+      ThPluginRegistry.register(createDefaultPlugin());
+    }
+    setPluginsRegistered(true);
+  }, [plugins]);
+  if (!pluginsRegistered) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ThPluginProvider, { children: /* @__PURE__ */ jsx(StatefulReaderInner, { publication, localDataKey, positionStorage }) }) });
+};
+var StatefulReaderInner = ({ publication, localDataKey, positionStorage }) => {
+  const { preferences, getFontMetadata, getFontInjectables } = usePreferences();
+  const { t } = useI18n();
+  const { getEffectiveSpacingValue } = useSpacingPresets();
+  const { injectFontResources, removeFontResources } = useFonts();
+  const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({
+    settingsKey: "fontFamily" /* fontFamily */,
+    publicationType: "webpub",
+    componentType: "text"
+  });
+  const container = useRef(null);
+  const textAlign = useAppSelector((state) => state.webPubSettings.textAlign);
+  const fontFamily = useAppSelector((state) => state.webPubSettings.fontFamily);
+  const fontWeight = useAppSelector((state) => state.webPubSettings.fontWeight);
+  const hyphens = useAppSelector((state) => state.webPubSettings.hyphens);
+  const letterSpacing = getEffectiveSpacingValue("letterSpacing" /* letterSpacing */);
+  const lineHeight = getEffectiveSpacingValue("lineHeight" /* lineHeight */);
+  const paragraphIndent = getEffectiveSpacingValue("paragraphIndent" /* paragraphIndent */);
+  const paragraphSpacing = getEffectiveSpacingValue("paragraphSpacing" /* paragraphSpacing */);
+  const publisherStyles = useAppSelector((state) => state.webPubSettings.publisherStyles);
+  const textNormalization = useAppSelector((state) => state.webPubSettings.textNormalization);
+  const wordSpacing = getEffectiveSpacingValue("wordSpacing" /* wordSpacing */);
+  const zoom = useAppSelector((state) => state.webPubSettings.zoom);
+  const fontLanguage = useAppSelector((state) => state.publication.fontLanguage);
+  const hasDisplayTransformability = useAppSelector((state) => state.publication.hasDisplayTransformability);
+  const isImmersive = useAppSelector((state) => state.reader.isImmersive);
+  const isHovering = useAppSelector((state) => state.reader.isHovering);
+  const cache = useWebPubSettingsCache(
+    fontFamily,
+    fontWeight,
+    hyphens,
+    letterSpacing,
+    lineHeight,
+    paragraphIndent,
+    paragraphSpacing,
+    publisherStyles,
+    textAlign,
+    textNormalization,
+    wordSpacing,
+    zoom
+  );
+  const layoutUI = preferences.theming.layout.ui?.webPub || "stacked-ui" /* stacked */;
+  const dispatch = useAppDispatch();
+  const onFsChange = useCallback((isFullscreen) => {
+    dispatch(setFullscreen(isFullscreen));
+  }, [dispatch]);
+  const fs = useFullscreen(onFsChange);
+  const webPubNavigator = useWebPubNavigator();
+  const {
+    currentPositions,
+    canGoBackward,
+    canGoForward
+  } = webPubNavigator;
+  const { setLocalData, getLocalData, localData } = usePositionStorage(localDataKey, positionStorage);
+  const timeline = useTimeline({
+    publication,
+    currentLocation: localData,
+    currentPositions: currentPositions() || [],
+    positionsList: void 0,
+    onChange: (timeline2) => {
+      dispatch(setTimeline(timeline2));
+    }
+  });
+  const lineHeightOptions = useLineHeight();
+  const documentTitleFormat = preferences.metadata?.documentTitle?.format;
+  let documentTitle;
+  if (documentTitleFormat) {
+    if (typeof documentTitleFormat === "object" && "key" in documentTitleFormat) {
+      const translatedTitle = t(documentTitleFormat.key);
+      documentTitle = translatedTitle !== documentTitleFormat.key ? translatedTitle : documentTitleFormat.fallback;
+    } else {
+      switch (documentTitleFormat) {
+        case "title" /* title */:
+          documentTitle = timeline?.title;
+          break;
+        case "chapter" /* chapter */:
+          documentTitle = timeline?.progression?.currentChapter;
+          break;
+        case "titleAndChapter" /* titleAndChapter */:
+          if (timeline?.title && timeline?.progression?.currentChapter) {
+            documentTitle = `${timeline.title} \u2013 ${timeline.progression.currentChapter}`;
+          }
+          break;
+        case "none" /* none */:
+          documentTitle = void 0;
+          break;
+        default:
+          documentTitle = documentTitleFormat;
+          break;
+      }
+    }
+  }
+  useDocumentTitle(documentTitle);
+  const toggleIsImmersive = useCallback(() => {
+    dispatch(setHovering(false));
+    dispatch(toggleImmersive());
+  }, [dispatch]);
+  const appStore = useAppStore();
+  const p = useMemo(() => new Peripherals(appStore, preferences.actions, {
+    moveTo: () => {
+    },
+    goProgression: () => {
+    },
+    toggleAction: (actionKey) => {
+      switch (actionKey) {
+        case "fullscreen" /* fullscreen */:
+          fs.handleFullscreen();
+          break;
+        case "settings" /* settings */:
+        case "toc" /* toc */:
+          dispatch(toggleActionOpen({
+            key: actionKey
+          }));
+          break;
+      }
+    }
+  }), [appStore, preferences.actions, fs, dispatch]);
+  const listeners = useMemo(() => ({
+    frameLoaded: async function(_wnd) {
+      p.observe(window);
+    },
+    positionChanged: async function(locator) {
+      setLocalData(locator);
+      if (canGoBackward()) {
+        dispatch(setPublicationStart(false));
+      } else {
+        dispatch(setPublicationStart(true));
+      }
+      if (canGoForward()) {
+        dispatch(setPublicationEnd(false));
+      } else {
+        dispatch(setPublicationEnd(true));
+      }
+    },
+    tap: function(_e) {
+      toggleIsImmersive();
+      return true;
+    },
+    click: function(_e) {
+      return false;
+    },
+    zoom: function(_scale) {
+    },
+    scroll: function(_delta) {
+    },
+    customEvent: function(_key, _data) {
+    },
+    handleLocator: function(locator) {
+      const href = locator.href;
+      if (href.startsWith("http://") || href.startsWith("https://") || href.startsWith("mailto:") || href.startsWith("tel:")) {
+        if (confirm(`Open "${href}" ?`)) window.open(href, "_blank");
+      } else {
+        console.warn("Unhandled locator", locator);
+      }
+      return false;
+    },
+    textSelected: function(_selection) {
+    },
+    contentProtection: function(_type, _data) {
+    },
+    contextMenu: function(_data) {
+    },
+    peripheral: function(_data) {
+    }
+  }), [p, setLocalData, canGoBackward, canGoForward, dispatch, toggleIsImmersive]);
+  const initialPosition = useMemo(() => getLocalData(), [getLocalData]);
+  useWebPubReaderInit({
+    container,
+    publication,
+    initialPosition,
+    listeners,
+    preferences,
+    cache,
+    isFontFamilyUsed,
+    fontLanguage,
+    hasDisplayTransformability,
+    getFontMetadata,
+    injectFontResources,
+    removeFontResources,
+    getFontInjectables,
+    lineHeightOptions,
+    contentProtectionConfig: resolveContentProtectionConfig(preferences.contentProtection, t),
+    onNavigatorReady: () => {
+      dispatch(setLoading(false));
+    },
+    onNavigatorLoaded: () => {
+      p.observe(window);
+    },
+    onCleanup: () => {
+      p.destroy();
+    }
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(I18nProvider, { locale: preferences.locale, children: /* @__PURE__ */ jsx(NavigatorProvider, { navigator: webPubNavigator, children: /* @__PURE__ */ jsx("main", { className: thorium_web_reader_app_default.main, children: /* @__PURE__ */ jsx(StatefulDockingWrapper, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(
+        getReaderClassNames({
+          isScroll: true,
+          isImmersive,
+          isHovering,
+          layoutUI
+        })
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          StatefulReaderHeader,
+          {
+            actionKeys: preferences.actions.webPubOrder,
+            actionsOrder: preferences.actions.webPubOrder,
+            layout: layoutUI,
+            runningHeadFormatPref: preferences.theming.header?.runningHead?.format?.webPub
+          }
+        ),
+        /* @__PURE__ */ jsx("article", { className: thorium_web_reader_app_default.wrapper, "aria-label": t("reader.app.publicationWrapper"), children: /* @__PURE__ */ jsx("div", { id: "thorium-web-container", className: thorium_web_reader_app_default.iframeContainer, ref: container }) }),
+        /* @__PURE__ */ jsx(
+          StatefulReaderFooter,
+          {
+            layout: layoutUI,
+            progressionFormatPref: preferences.theming.progression?.format?.webPub,
+            progressionFormatFallback: "readingOrderIndex" /* readingOrderIndex */
+          }
+        )
+      ]
+    }
+  ) }) }) }) }) });
+};
+
+export { ExperimentalWebPubStatefulReader };
+//# sourceMappingURL=chunk-S4M7ED5Q.mjs.map
+//# sourceMappingURL=chunk-S4M7ED5Q.mjs.map

package/dist/chunk-S4M7ED5Q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/WebPub/Hooks/usePreferencesConfig.ts","../src/components/WebPub/Hooks/useInjectablesConfig.ts","../src/components/WebPub/Hooks/useReaderInit.ts","../src/components/WebPub/StatefulReader.tsx"],"names":["useMemo","useState","useRef","useCallback","timeline"],"mappings":"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","file":"chunk-S4M7ED5Q.mjs","sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { IWebPubPreferences, TextAlignment } from \"@readium/navigator\";\nimport { ThLineHeightOptions } from \"@/preferences/models\";\nimport { FontMetadata } from \"@/preferences/services/fonts\";\nimport { WebPubCSSSettings } from \"@/core/Hooks/WebPub/useWebPubSettingsCache\";\n\ninterface UseWebPubPreferencesConfigProps {\n  settings: WebPubCSSSettings;\n  fontLanguage: string;\n  hasDisplayTransformability: boolean;\n  getFontMetadata: (fontFamily: string) => FontMetadata;\n  lineHeightOptions: Record<ThLineHeightOptions, number | null>;\n}\n\nexport const useWebPubPreferencesConfig = ({\n  settings,\n  fontLanguage,\n  hasDisplayTransformability,\n  getFontMetadata,\n  lineHeightOptions,\n}: UseWebPubPreferencesConfigProps) => {\n  const webPubPreferences = useMemo(() => {\n    const preferences: IWebPubPreferences = {\n      zoom: settings.zoom\n    };\n\n    if (hasDisplayTransformability) {\n      preferences.fontFamily = getFontMetadata(settings.fontFamily[fontLanguage] ?? \"\")?.fontStack || null;\n      preferences.fontWeight = settings.fontWeight;\n      preferences.hyphens = settings.hyphens;\n      preferences.letterSpacing = settings.letterSpacing;\n      preferences.lineHeight = settings.lineHeight === null \n        ? null \n        : lineHeightOptions[settings.lineHeight];\n      preferences.paragraphIndent = settings.paragraphIndent;\n      preferences.paragraphSpacing = settings.paragraphSpacing;\n      preferences.textAlign = settings.textAlign as TextAlignment | null | undefined;\n      preferences.textNormalization = settings.textNormalization;\n      preferences.wordSpacing = settings.wordSpacing;\n    }\n\n    return preferences;\n  }, [\n    settings,\n    fontLanguage,\n    hasDisplayTransformability,\n    getFontMetadata,\n    lineHeightOptions,\n  ]);\n\n  return { webPubPreferences };\n};\n","\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { IInjectablesConfig } from \"@readium/navigator\";\nimport { InjectableFontResources } from \"@/preferences/services/fonts\";\n\ninterface UseWebPubInjectablesConfigProps {\n  isFontFamilyUsed: boolean;\n  fontLanguage: string;\n  getFontInjectables: (options?: { language?: string } | { key?: string }, optimize?: boolean) => InjectableFontResources | null;\n}\n\nexport const useWebPubInjectablesConfig = ({\n  isFontFamilyUsed,\n  fontLanguage,\n  getFontInjectables,\n}: UseWebPubInjectablesConfigProps) => {\n  const injectables = useMemo(() => {\n    let injectablesConfig: IInjectablesConfig | undefined;\n\n    if (isFontFamilyUsed) {\n      const fontResources = getFontInjectables({ language: fontLanguage });\n      if (fontResources) {\n        injectablesConfig = {\n          allowedDomains: fontResources.allowedDomains,\n          rules: [{\n            resources: [/\\.xhtml$/, /\\.html$/],\n            prepend: fontResources.prepend,\n            append: fontResources.append\n          }]\n        };\n      }\n    }\n\n    return injectablesConfig;\n  }, [isFontFamilyUsed, fontLanguage, getFontInjectables]);\n\n  return { injectables };\n};\n","\"use client\";\n\nimport { useCallback, useEffect, useState, useRef } from \"react\";\n\nimport { Locator, Publication } from \"@readium/shared\";\nimport { ThLineHeightOptions } from \"@/preferences/models\";\nimport { WebPubNavigatorListeners, IContentProtectionConfig } from \"@readium/navigator\";\nimport { ThPreferences } from \"@/preferences\";\nimport { FontMetadata, InjectableFontResources } from \"@/preferences/services/fonts\";\nimport { WebPubStatelessCache } from \"@/core/Hooks/WebPub/useWebPubSettingsCache\";\n\nimport { useWebPubPreferencesConfig } from \"./usePreferencesConfig\";\nimport { useWebPubInjectablesConfig } from \"./useInjectablesConfig\";\nimport { useWebPubNavigator, WebPubNavigatorLoadProps } from \"@/core/Hooks/WebPub/useWebPubNavigator\";\n\ninterface UseWebPubReaderInitProps {\n  container: React.RefObject<HTMLDivElement | null>;\n  publication: Publication | null;\n  initialPosition: Locator | null;\n  listeners: WebPubNavigatorListeners;\n  preferences: ThPreferences;\n  cache: React.RefObject<WebPubStatelessCache>;\n  isFontFamilyUsed: boolean;\n  fontLanguage: string;\n  hasDisplayTransformability: boolean;\n  getFontMetadata: (fontId: string) => FontMetadata;\n  injectFontResources: (resources: InjectableFontResources | null) => void;\n  removeFontResources: () => void;\n  getFontInjectables: (options?: { language?: string } | { key?: string }, optimize?: boolean) => InjectableFontResources | null;\n  lineHeightOptions: Record<ThLineHeightOptions, number | null>;\n  contentProtectionConfig?: IContentProtectionConfig;\n  onNavigatorReady?: () => void;\n  onNavigatorLoaded?: () => void;\n  onCleanup?: () => void;\n}\n\nexport const useWebPubReaderInit = ({\n  container,\n  publication,\n  initialPosition,\n  listeners,\n  preferences,\n  cache,\n  isFontFamilyUsed,\n  fontLanguage,\n  hasDisplayTransformability,\n  getFontMetadata,\n  injectFontResources,\n  removeFontResources,\n  getFontInjectables,\n  lineHeightOptions,\n  contentProtectionConfig,\n  onNavigatorReady,\n  onNavigatorLoaded,\n  onCleanup,\n}: UseWebPubReaderInitProps) => {\n  const [navigatorReady, setNavigatorReady] = useState(false);\n\n  const { webPubPreferences } = useWebPubPreferencesConfig({\n    settings: cache.current.settings,\n    fontLanguage,\n    hasDisplayTransformability,\n    getFontMetadata,\n    lineHeightOptions,\n  });\n\n  const { injectables } = useWebPubInjectablesConfig({\n    isFontFamilyUsed,\n    fontLanguage,\n    getFontInjectables,\n  });\n\n  const handleCleanup = useCallback(() => {\n    removeFontResources();\n    onCleanup?.();\n  }, [removeFontResources, onCleanup]);\n\n  const { WebPubNavigatorLoad, WebPubNavigatorDestroy } = useWebPubNavigator();\n  const isNavigatorLoadedWebPub = useRef(false);\n  \n  useEffect(() => {\n    // Only initialize once, never re-render\n    if (!publication || isNavigatorLoadedWebPub.current) return;\n\n    // Add container protection\n    if (!container.current) {\n      console.error(\"Container ref is not available for navigator initialization\");\n      return;\n    }\n\n    const config: WebPubNavigatorLoadProps = {\n      container: container.current,\n      publication,\n      listeners,\n      initialPosition: initialPosition ? new Locator(initialPosition) : undefined,\n      preferences: webPubPreferences,\n      defaults: {\n        experiments: preferences.experiments?.webPub || null\n      },\n      injectables,\n      contentProtection: contentProtectionConfig,\n    };\n\n    isNavigatorLoadedWebPub.current = true;\n    \n    // Call onNavigatorReady outside of navigator load\n    onNavigatorReady?.();\n    \n    // Pass onNavigatorLoaded as the callback to WebPubNavigatorLoad\n    WebPubNavigatorLoad(config, () => {\n      // Set navigatorReady to true only after navigator actually loads\n      setNavigatorReady(true);\n      onNavigatorLoaded?.();\n    });\n\n    return () => {\n      if (isNavigatorLoadedWebPub.current) {\n        setNavigatorReady(false);\n        WebPubNavigatorDestroy(() => {\n          isNavigatorLoadedWebPub.current = false;\n          handleCleanup();\n        });\n      }\n    };\n  }, []);\n\n  // Handle font resource injection\n  useEffect(() => {\n    if (isFontFamilyUsed) {\n      const fontResources = getFontInjectables({ language: fontLanguage });\n      if (fontResources) {\n        injectFontResources(getFontInjectables(undefined, true));\n      }\n    }\n  }, [isFontFamilyUsed, fontLanguage, getFontInjectables, injectFontResources]);\n\n  return {\n    navigatorReady,\n  };\n};\n","\"use client\";\n\nimport { useState, useRef, useCallback, useMemo, useLayoutEffect } from \"react\";\n\nimport readerStyles from \"../assets/styles/thorium-web.reader.app.module.css\";\n\nimport { StatefulReaderProps } from \"../Reader/StatefulReaderWrapper\";\n\nimport { \n  ThActionsKeys, \n  ThLayoutUI,\n  ThDocumentTitleFormat,\n  ThProgressionFormat, \n  ThSpacingSettingsKeys,\n  ThSettingsKeys\n} from \"@/preferences/models\";\n\nimport { ThPluginRegistry } from \"../Plugins/PluginRegistry\";\n\nimport { I18nProvider } from \"react-aria\";\nimport { ThPluginProvider } from \"../Plugins/PluginProvider\";\nimport { NavigatorProvider } from \"@/core/Navigator\";\n\nimport {\n  BasicTextSelection,\n  FrameClickEvent,\n} from \"@readium/navigator-html-injectables\";\nimport { WebPubNavigatorListeners } from \"@readium/navigator\";\nimport { \n  Locator,  \n  Publication\n} from \"@readium/shared\";\n\nimport { StatefulDockingWrapper } from \"../Docking/StatefulDockingWrapper\";\nimport { StatefulReaderHeader } from \"../StatefulReaderHeader\";\nimport { StatefulReaderFooter } from \"../StatefulReaderFooter\";\nimport { PositionStorage } from \"../Reader/StatefulReaderWrapper\";\n\nimport { usePreferences } from \"@/preferences/hooks/usePreferences\";\nimport { useSettingsComponentStatus } from \"@/components/Settings/hooks/useSettingsComponentStatus\";\nimport { useWebPubNavigator } from \"@/core/Hooks/WebPub\";\nimport { useWebPubSettingsCache } from \"@/core/Hooks/WebPub/useWebPubSettingsCache\";\nimport { useWebPubReaderInit } from \"./Hooks/useReaderInit\";\nimport { useFullscreen } from \"@/core/Hooks/useFullscreen\";\nimport { useI18n } from \"@/i18n/useI18n\";\nimport { useTimeline } from \"@/core/Hooks/useTimeline\";\nimport { usePositionStorage } from \"@/hooks/usePositionStorage\";\nimport { useDocumentTitle } from \"@/core/Hooks/useDocumentTitle\";\nimport { useSpacingPresets } from \"../Settings/Spacing/hooks/useSpacingPresets\";\nimport { useLineHeight } from \"../Settings/Spacing/hooks/useLineHeight\";\nimport { useFonts } from \"@/core/Hooks/fonts/useFonts\";\n\nimport { toggleActionOpen } from \"@/lib/actionsReducer\";\nimport { useAppSelector, useAppDispatch, useAppStore } from \"@/lib/hooks\";\nimport { \n  setLoading,\n  setHovering, \n  toggleImmersive, \n  setFullscreen,\n} from \"@/lib/readerReducer\";\nimport { \n  setTimeline,\n  setPublicationStart,\n  setPublicationEnd\n} from \"@/lib/publicationReducer\";\n\nimport classNames from \"classnames\";\nimport { createDefaultPlugin } from \"../Plugins/helpers/createDefaultPlugin\";\nimport Peripherals from \"../../helpers/peripherals\";\nimport { getReaderClassNames } from \"../Helpers/getReaderClassNames\";\nimport { resolveContentProtectionConfig } from \"@/preferences/models/protection\";\n\nexport const ExperimentalWebPubStatefulReader = ({\n  publication,\n  localDataKey,\n  plugins,\n  positionStorage\n}: StatefulReaderProps) => {\n  const [pluginsRegistered, setPluginsRegistered] = useState(false);\n\n  useLayoutEffect(() => {\n    if (plugins && plugins.length > 0) {\n      plugins.forEach(plugin => {\n        ThPluginRegistry.register(plugin);\n      });\n    } else {\n      ThPluginRegistry.register(createDefaultPlugin());\n    }\n    setPluginsRegistered(true);\n  }, [plugins]);\n\n  if (!pluginsRegistered) {\n    return null;\n  }\n\n  return (\n    <>\n      <ThPluginProvider>\n        <StatefulReaderInner publication={ publication } localDataKey={ localDataKey } positionStorage={ positionStorage } />\n      </ThPluginProvider>\n    </>\n  );\n};\n\nconst StatefulReaderInner = ({ publication, localDataKey, positionStorage }: { publication: Publication; localDataKey: string | null; positionStorage?: PositionStorage }) => {\n  const { preferences, getFontMetadata, getFontInjectables } = usePreferences();\n  const { t } = useI18n();\n  const { getEffectiveSpacingValue } = useSpacingPresets();\n  const { injectFontResources, removeFontResources } = useFonts();\n\n  // Check if font family component is being used\n  const { isComponentUsed: isFontFamilyUsed } = useSettingsComponentStatus({\n    settingsKey: ThSettingsKeys.fontFamily,\n    publicationType: \"webpub\",\n    componentType: \"text\"\n  });\n\n  const container = useRef<HTMLDivElement>(null);\n\n  const textAlign = useAppSelector(state => state.webPubSettings.textAlign);\n  const fontFamily = useAppSelector(state => state.webPubSettings.fontFamily);\n  const fontWeight = useAppSelector(state => state.webPubSettings.fontWeight);\n  const hyphens = useAppSelector(state => state.webPubSettings.hyphens);\n  const letterSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.letterSpacing);\n  const lineHeight = getEffectiveSpacingValue(ThSpacingSettingsKeys.lineHeight);\n  const paragraphIndent = getEffectiveSpacingValue(ThSpacingSettingsKeys.paragraphIndent);\n  const paragraphSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.paragraphSpacing);\n  const publisherStyles = useAppSelector(state => state.webPubSettings.publisherStyles);\n  const textNormalization = useAppSelector(state => state.webPubSettings.textNormalization);\n  const wordSpacing = getEffectiveSpacingValue(ThSpacingSettingsKeys.wordSpacing);\n  const zoom = useAppSelector(state => state.webPubSettings.zoom);\n  const fontLanguage = useAppSelector(state => state.publication.fontLanguage);\n  const hasDisplayTransformability = useAppSelector(state => state.publication.hasDisplayTransformability);\n  const isImmersive = useAppSelector(state => state.reader.isImmersive);\n  const isHovering = useAppSelector(state => state.reader.isHovering);\n\n  const cache = useWebPubSettingsCache(\n    fontFamily,\n    fontWeight,\n    hyphens,\n    letterSpacing,\n    lineHeight,\n    paragraphIndent,\n    paragraphSpacing,\n    publisherStyles,\n    textAlign,\n    textNormalization,\n    wordSpacing,\n    zoom\n  );\n\n  const layoutUI = preferences.theming.layout.ui?.webPub || ThLayoutUI.stacked;\n\n  const dispatch = useAppDispatch();\n\n  const onFsChange = useCallback((isFullscreen: boolean) => {\n    dispatch(setFullscreen(isFullscreen));\n  }, [dispatch]);\n  const fs = useFullscreen(onFsChange);\n\n  const webPubNavigator = useWebPubNavigator();\n  const { \n    currentPositions,\n    canGoBackward,\n    canGoForward,\n  } = webPubNavigator;\n\n  const { setLocalData, getLocalData, localData } = usePositionStorage(localDataKey, positionStorage);\n\n  const timeline = useTimeline({\n    publication: publication,\n    currentLocation: localData,\n    currentPositions: currentPositions() || [],\n    positionsList: undefined,\n    onChange: (timeline) => {\n      dispatch(setTimeline(timeline));\n    }\n  });\n\n  const lineHeightOptions = useLineHeight();\n\n  const documentTitleFormat = preferences.metadata?.documentTitle?.format;\n\n  let documentTitle: string | undefined;\n\n  if (documentTitleFormat) {\n    if (typeof documentTitleFormat === \"object\" && \"key\" in documentTitleFormat) {\n      const translatedTitle = t(documentTitleFormat.key);\n      documentTitle = translatedTitle !== documentTitleFormat.key \n        ? translatedTitle \n        : documentTitleFormat.fallback;\n    } else {\n      switch (documentTitleFormat) {\n        case ThDocumentTitleFormat.title:\n          documentTitle = timeline?.title;\n          break;\n        case ThDocumentTitleFormat.chapter:\n          documentTitle = timeline?.progression?.currentChapter;\n          break;\n        case ThDocumentTitleFormat.titleAndChapter:\n          if (timeline?.title && timeline?.progression?.currentChapter) {\n            documentTitle = `${ timeline.title } – ${ timeline.progression.currentChapter }`;\n          }\n          break;\n        case ThDocumentTitleFormat.none:\n          documentTitle = undefined;\n          break;\n        default: \n          documentTitle = documentTitleFormat;\n          break;\n      }\n    }\n  }\n\n  useDocumentTitle(documentTitle);\n\n  const toggleIsImmersive = useCallback(() => {\n    // If tap/click in iframe, then header/footer no longer hoovering \n    dispatch(setHovering(false));\n    dispatch(toggleImmersive());\n  }, [dispatch]);\n\n  const appStore = useAppStore();\n\n  const p = useMemo(() => new Peripherals(appStore, preferences.actions, {\n    moveTo: () => {},\n    goProgression: () => {},\n    toggleAction: (actionKey) => {\n      switch (actionKey) {\n        case ThActionsKeys.fullscreen:\n          fs.handleFullscreen();\n          break;\n        case ThActionsKeys.settings:\n        case ThActionsKeys.toc:\n          dispatch(toggleActionOpen({\n            key: actionKey\n          }))\n          break;\n        default:\n          break\n      }\n    }\n  }), [appStore, preferences.actions, fs, dispatch]);\n\n  const listeners: WebPubNavigatorListeners = useMemo(() => ({\n    frameLoaded: async function (_wnd: Window): Promise<void> {\n      p.observe(window);\n    },\n    positionChanged: async function (locator: Locator): Promise<void> {\n      setLocalData(locator);\n\n      if (canGoBackward()) {\n        dispatch(setPublicationStart(false));\n      } else {\n        dispatch(setPublicationStart(true));\n      }\n\n      if (canGoForward()) {\n        dispatch(setPublicationEnd(false));\n      } else {\n        dispatch(setPublicationEnd(true));\n      }\n    },\n    tap: function (_e: FrameClickEvent): boolean {\n      toggleIsImmersive();\n      return true;\n    },\n    click: function (_e: FrameClickEvent): boolean {\n      return false;\n    },\n    zoom: function (_scale: number): void { },\n    scroll: function (_delta: number): void { },\n    customEvent: function (_key: string, _data: unknown): void { },\n    handleLocator: function (locator: Locator): boolean {\n      const href = locator.href;\n\n      if (\n        href.startsWith(\"http://\") ||\n        href.startsWith(\"https://\") ||\n        href.startsWith(\"mailto:\") ||\n        href.startsWith(\"tel:\")\n      ) {\n        if (confirm(`Open \"${href}\" ?`)) window.open(href, \"_blank\");\n      } else {\n        console.warn(\"Unhandled locator\", locator);\n      }\n      return false;\n    },\n    textSelected: function (_selection: BasicTextSelection): void {},\n    contentProtection: function (_type: string, _data: unknown): void {},\n    contextMenu: function (_data: unknown): void {},\n    peripheral: function (_data: unknown): void {},\n  }), [p, setLocalData, canGoBackward, canGoForward, dispatch, toggleIsImmersive]);\n\n  const initialPosition = useMemo(() => getLocalData(), [getLocalData]);\n\n  // Initialize reader using the new composite hook\n  const { navigatorReady } = useWebPubReaderInit({\n    container,\n    publication,\n    initialPosition,\n    listeners,\n    preferences,\n    cache,\n    isFontFamilyUsed,\n    fontLanguage,\n    hasDisplayTransformability,\n    getFontMetadata,\n    injectFontResources,\n    removeFontResources,\n    getFontInjectables,\n    lineHeightOptions,\n    contentProtectionConfig: resolveContentProtectionConfig(preferences.contentProtection, t),\n    onNavigatorReady: () => {\n      dispatch(setLoading(false));\n    },\n    onNavigatorLoaded: () => {\n      p.observe(window);\n    },\n    onCleanup: () => {\n      p.destroy();\n    },\n  });\n\n  return (\n    <>\n    <I18nProvider locale={ preferences.locale }>\n    <NavigatorProvider navigator={ webPubNavigator }>\n      <main className={ readerStyles.main }>\n        <StatefulDockingWrapper>\n          <div \n            className={ \n              classNames(\n                getReaderClassNames({\n                  isScroll: true,\n                  isImmersive,\n                  isHovering,\n                  layoutUI\n                })\n              )\n            }\n          >\n            <StatefulReaderHeader \n              actionKeys={ preferences.actions.webPubOrder }\n              actionsOrder={ preferences.actions.webPubOrder }\n              layout={ layoutUI } \n              runningHeadFormatPref={ preferences.theming.header?.runningHead?.format?.webPub }\n            />\n\n            <article className={ readerStyles.wrapper } aria-label={ t(\"reader.app.publicationWrapper\") }>\n              <div id=\"thorium-web-container\" className={ readerStyles.iframeContainer } ref={ container }></div>\n            </article>\n\n          <StatefulReaderFooter \n            layout={ layoutUI } \n            progressionFormatPref={ preferences.theming.progression?.format?.webPub }\n            progressionFormatFallback={ ThProgressionFormat.readingOrderIndex }\n          />\n        </div>\n      </StatefulDockingWrapper>\n    </main>\n  </NavigatorProvider>\n  </I18nProvider>\n  </>\n)};"]}

package/dist/components/Epub/index.d.mts

@@ -1,25 +1,29 @@
-export { ai as ReadiumCSSSettings, a7 as ScrimPref, e as StatefulActionContainerProps, n as StatefulActionIcon, m as StatefulActionIconProps, d as StatefulActionTriggerProps, c as StatefulActionsMapObject, a8 as StatefulBottomSheet, a6 as StatefulBottomSheetProps, r as StatefulCollapsibleActionsBar, q as StatefulCollapsibleActionsBarProps, aa as StatefulDockedSheet, a9 as StatefulDockedSheetProps, A as StatefulDropdown, z as StatefulDropdownProps, Z as StatefulFontFamily, ac as StatefulFullScreenSheet, ab as StatefulFullScreenSheetProps, f as StatefulFullscreenTrigger, y as StatefulGroupWrapper, x as StatefulGroupWrapperProps, $ as StatefulHyphens, g as StatefulJumpToPositionContainer, h as StatefulJumpToPositionTrigger, N as StatefulLetterSpacing, O as StatefulLineHeight, C as StatefulNumberField, B as StatefulNumberFieldProps, t as StatefulOverflowMenu, p as StatefulOverflowMenuItem, o as StatefulOverflowMenuItemProps, s as StatefulOverflowMenuProps, P as StatefulParagraphIndent, Q as StatefulParagraphSpacing, ae as StatefulPopoverSheet, ad as StatefulPopoverSheetProps, ah as StatefulPreferencesProvider, a4 as StatefulPublisherStyles, E as StatefulRadioGroup, D as StatefulRadioGroupProps, ak as StatefulReader, S as StatefulReaderProps, i as StatefulSettingsContainer, M as StatefulSettingsItemProps, j as StatefulSettingsTrigger, ag as StatefulSheet, af as StatefulSheetWrapper, G as StatefulSlider, F as StatefulSliderProps, R as StatefulSpacingGroup, U as StatefulSpacingGroupContainer, V as StatefulSpacingPresets, I as StatefulSwitch, H as StatefulSwitchProps, a0 as StatefulTextAlign, a1 as StatefulTextGroup, a2 as StatefulTextGroupContainer, a3 as StatefulTextNormalize, k as StatefulTocContainer, l as StatefulTocTrigger, W as StatefulWordSpacing, a5 as StatefulZoom, aj as StatelessCache, T as ThPlugin, _ as UnstableStatefulFontWeight, w as createDefaultPlugin, v as useDocking, K as useGridNavigation, J as useGridNavigationProps, L as useGridTemplate, X as useLineHeight, u as useNavigator, a as usePublication, b as useReaderTransitions, Y as useSpacingPresets } from '../../StatefulReader-CjgFzHoO.mjs';
+import { ai as StatefulReaderProps } from '../../useReaderTransitions-guT-eA-Q.mjs';
+export { a6 as ScrimPref, d as StatefulActionContainerProps, m as StatefulActionIcon, l as StatefulActionIconProps, c as StatefulActionTriggerProps, S as StatefulActionsMapObject, a7 as StatefulBottomSheet, a5 as StatefulBottomSheetProps, q as StatefulCollapsibleActionsBar, p as StatefulCollapsibleActionsBarProps, a9 as StatefulDockedSheet, a8 as StatefulDockedSheetProps, z as StatefulDropdown, y as StatefulDropdownProps, Y as StatefulFontFamily, ab as StatefulFullScreenSheet, aa as StatefulFullScreenSheetProps, e as StatefulFullscreenTrigger, x as StatefulGroupWrapper, w as StatefulGroupWrapperProps, _ as StatefulHyphens, f as StatefulJumpToPositionContainer, g as StatefulJumpToPositionTrigger, M as StatefulLetterSpacing, N as StatefulLineHeight, B as StatefulNumberField, A as StatefulNumberFieldProps, s as StatefulOverflowMenu, o as StatefulOverflowMenuItem, n as StatefulOverflowMenuItemProps, r as StatefulOverflowMenuProps, O as StatefulParagraphIndent, P as StatefulParagraphSpacing, ad as StatefulPopoverSheet, ac as StatefulPopoverSheetProps, ag as StatefulPreferencesProvider, a3 as StatefulPublisherStyles, D as StatefulRadioGroup, C as StatefulRadioGroupProps, h as StatefulSettingsContainer, L as StatefulSettingsItemProps, i as StatefulSettingsTrigger, af as StatefulSheet, ae as StatefulSheetWrapper, F as StatefulSlider, E as StatefulSliderProps, Q as StatefulSpacingGroup, R as StatefulSpacingGroupContainer, U as StatefulSpacingPresets, H as StatefulSwitch, G as StatefulSwitchProps, $ as StatefulTextAlign, a0 as StatefulTextGroup, a1 as StatefulTextGroupContainer, a2 as StatefulTextNormalize, j as StatefulTocContainer, k as StatefulTocTrigger, V as StatefulWordSpacing, a4 as StatefulZoom, T as ThPlugin, Z as UnstableStatefulFontWeight, v as createDefaultPlugin, t as useDocking, J as useGridNavigation, I as useGridNavigationProps, K as useGridTemplate, W as useLineHeight, u as useNavigator, a as usePublication, b as useReaderTransitions, X as useSpacingPresets } from '../../useReaderTransitions-guT-eA-Q.mjs';
 export { canRenderProgressionFormat, getBestMatchingProgressionFormat, getPlatform, getSupportedProgressionFormats, isActiveElement, isIOSish, isInteractiveElement, isIpadOS, isKeyboardTriggered, isMacish, makeBreakpointsMap, propsToCSSVars } from '../../core/Helpers/index.mjs';
 export { U as UnstableKey, a as UnstableMetaKey, c as UnstableMetaKeys, g as UnstablePShortcut, b as UnstablePlatformModifier, f as UnstableShortcut, d as UnstableShortcutMetaKeywords, e as UnstableShortcutRepresentation, j as buildShortcut, h as defaultPlatformModifier, i as getPlatformModifier, m as metaKeys } from '../../keyboardUtilities-BWAyLS_D.mjs';
-export { AppDispatch, AppState, AppStore, FontFamilyStateObject, L10nObject, LineLengthStateObject, PaginatedAffordanceObject, PaginatedAffordancePayload, PaginatedAffordanceProperties, PreferencesReducerState, PublicationReducerState, ReaderReducerState, RenditionChangePayload, RenditionObject, RenditionProperties, RootState, SetFontFamilyPayload, SetLineLengthPayload, SetSpacingPresetPayload, SetSpacingSettingPayload, SettingsReducerState, SpacingStateKey, SpacingStateObject, ThReduxPreferencesAdapter, ThStoreProvider, ThemeReducerState, ThemeStateChangePayload, ThemeStateObject, UIChangePayload, WebPubSettingsReducerState, handleSpacingSetting, initialSettingsState, initialWebPubSettingsState, makeStore, preferencesSlice, publicationSlice, readerSlice, setBreakpoint, setColorScheme, setColumnCount, setContrast, setDirection, setFXL, setFontFamily, setFontLanguage, setFontSize, setFontWeight, setForcedColors, setFullscreen, setHasArrows, setHasDisplayTransformability, setHovering, setHyphens, setImmersive, setL10n, setLetterSpacing, setLineHeight, setLineLength, setLoading, setMonochrome, setPaginatedAffordance, setParagraphIndent, setParagraphSpacing, setPlatformModifier, setPositionsList, setProgressionFormat, setPublicationEnd, setPublicationStart, setPublisherStyles, setRTL, setReaderProfile, setReducedMotion, setReducedTransparency, setRunningHeadFormat, setScroll, setScrollAffordance, setScrollAffordances, setSettingsContainer, setSpacingPreset, setTextAlign, setTextNormalization, setTheme, setTimeline, setTocEntry, setTocTree, setUI, setUserNavigated, setWebPubFontFamily, setWebPubFontWeight, setWebPubHyphens, setWebPubLetterSpacing, setWebPubLineHeight, setWebPubParagraphIndent, setWebPubParagraphSpacing, setWebPubPublisherStyles, setWebPubSpacingPreset, setWebPubTextAlign, setWebPubTextNormalization, setWebPubWordSpacing, setWebPubZoom, setWordSpacing, settingsSlice, themeSlice, toggleImmersive, updateFromPreferences, useAppDispatch, useAppSelector, useAppStore, webPubSettingsSlice } from '../../lib/index.mjs';
-export { f as ActionOverflowOpenPayload, c as ActionStateDockPayload, g as ActionStateDockedPayload, a as ActionStateObject, d as ActionStateOpenPayload, h as ActionStateSlotPayload, i as ActionStateSlotWidthPayload, e as ActionStateTogglePayload, k as ActionsReducerState, A as ActionsStateKeys, j as DockState, D as DockStateObject, O as OverflowStateKeys, b as OverflowStateObject, l as actionsSlice, o as activateDockPanel, q as collapseDockPanel, p as deactivateDockPanel, m as dockAction, r as expandDockPanel, s as setActionOpen, u as setDockPanelWidth, n as setOverflow, t as toggleActionOpen } from '../../actionsReducer-bT0pfxLJ.mjs';
-export { u as useTheming } from '../../ThPreferencesAdapter-B8AYujCA.mjs';
-export { T as ThPreferencesProvider, u as usePreferences } from '../../usePreferences-rfT368__.mjs';
+export { AppDispatch, AppState, AppStore, L10nObject, PaginatedAffordanceObject, PaginatedAffordancePayload, PaginatedAffordanceProperties, PreferencesReducerState, PublicationReducerState, ReaderProfile, ReaderReducerState, RenditionChangePayload, RenditionObject, RenditionProperties, RootState, ThReduxPreferencesAdapter, ThStoreProvider, ThemeReducerState, ThemeStateChangePayload, ThemeStateObject, UIChangePayload, WebPubSettingsReducerState, initialWebPubSettingsState, makeStore, preferencesSlice, publicationSlice, readerSlice, setBreakpoint, setColorScheme, setContrast, setDirection, setFXL, setFontLanguage, setForcedColors, setFullscreen, setHasArrows, setHasDisplayTransformability, setHovering, setImmersive, setL10n, setLoading, setMonochrome, setPaginatedAffordance, setPlatformModifier, setPositionsList, setProgressionFormat, setPublicationEnd, setPublicationStart, setRTL, setReaderProfile, setReducedMotion, setReducedTransparency, setRunningHeadFormat, setScrollAffordance, setScrollAffordances, setSettingsContainer, setTheme, setTimeline, setTocEntry, setTocTree, setUI, setUserNavigated, setWebPubFontFamily, setWebPubFontWeight, setWebPubHyphens, setWebPubLetterSpacing, setWebPubLineHeight, setWebPubParagraphIndent, setWebPubParagraphSpacing, setWebPubPublisherStyles, setWebPubSpacingPreset, setWebPubTextAlign, setWebPubTextNormalization, setWebPubWordSpacing, setWebPubZoom, themeSlice, toggleImmersive, updateFromPreferences, useAppDispatch, useAppSelector, useAppStore, webPubSettingsSlice } from '../../lib/index.mjs';
+export { f as ActionOverflowOpenPayload, c as ActionStateDockPayload, g as ActionStateDockedPayload, a as ActionStateObject, d as ActionStateOpenPayload, h as ActionStateSlotPayload, i as ActionStateSlotWidthPayload, e as ActionStateTogglePayload, k as ActionsReducerState, A as ActionsStateKeys, j as DockState, D as DockStateObject, O as OverflowStateKeys, b as OverflowStateObject, l as actionsSlice, o as activateDockPanel, q as collapseDockPanel, p as deactivateDockPanel, m as dockAction, r as expandDockPanel, s as setActionOpen, u as setDockPanelWidth, n as setOverflow, t as toggleActionOpen } from '../../actionsReducer-kc-S130w.mjs';
+export { F as FontFamilyStateObject, L as LineLengthStateObject, S as SetFontFamilyPayload, a as SetLineLengthPayload, c as SetSpacingPresetPayload, b as SetSpacingSettingPayload, f as SettingsReducerState, d as SpacingStateKey, e as SpacingStateObject, h as handleSpacingSetting, i as initialSettingsState, g as setColumnCount, l as setFontFamily, j as setFontSize, k as setFontWeight, m as setHyphens, n as setLetterSpacing, o as setLineHeight, p as setLineLength, q as setParagraphIndent, r as setParagraphSpacing, t as setPublisherStyles, u as setScroll, v as setSpacingPreset, w as setTextAlign, x as setTextNormalization, y as setWordSpacing, s as settingsSlice } from '../../settingsReducer-C1wwCAMv.mjs';
+export { u as useTheming } from '../../ThPreferencesAdapter-DrZ5_6Dv.mjs';
+export { T as ThPreferencesProvider, u as usePreferences } from '../../usePreferences-BXFJbval.mjs';
 export { Trans } from 'react-i18next';
 export { DEFAULT_CONFIG, ThI18nProvider, initI18n, useI18n } from '../../i18n/index.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-export { u as useEpubNavigator } from '../../useEpubNavigator-CsraD65e.mjs';
+export { u as useEpubNavigator } from '../../useEpubNavigator-CwHJfoiV.mjs';
 export { default as i18n } from 'i18next';
 import 'react-aria-components';
-import '../../actions-BRtHsxpm.mjs';
-import '../../ui-BVlJcPL_.mjs';
-import '../../ThSettingsWrapper-BlmAxcWF.mjs';
+import '../../actions-D2CHvCHu.mjs';
+import '../../ui-CamWuqOo.mjs';
+import '../../ThSettingsWrapper-8Kx0SnH4.mjs';
 import 'react';
 import 'react-aria';
-import '../../useContrast-Cgsrl7GS.mjs';
+import '../../useContrast-D6sjPjxy.mjs';
 import '@readium/shared';
+import '../../errorHandler-CL2YIfQY.mjs';
 import '../../useTimeline-DyMx_aWY.mjs';
 import '@reduxjs/toolkit';
+import '../../immer.d-CoRThNOF.mjs';
 import 'react-redux';
 import '@readium/navigator';
 
@@ -29,4 +33,6 @@ declare const StatefulLayout: () => react_jsx_runtime.JSX.Element;
 
 declare const StatefulTheme: () => react_jsx_runtime.JSX.Element;
 
-export { StatefulColumns, StatefulLayout, StatefulTheme };
+declare const StatefulReader: ({ publication, localDataKey, plugins, positionStorage }: StatefulReaderProps) => react_jsx_runtime.JSX.Element | null;
+
+export { StatefulColumns, StatefulLayout, StatefulReader, StatefulTheme };