@prose-reader/core 1.125.0 → 1.127.0

package/dist/enhancers/html/renderer/HtmlRenderer.d.ts

@@ -1,12 +1,6 @@
-import { Manifest } from '@prose-reader/shared';
-import { Context } from '../../../context/Context';
-import { ReaderSettingsManager } from '../../../settings/ReaderSettingsManager';
-import { HookManager } from '../../../hooks/HookManager';
 import { DocumentRenderer } from '../../../spineItem/DocumentRenderer';
-import { ResourceHandler } from '../../../spineItem/ResourceHandler';
 export declare class HtmlRenderer extends DocumentRenderer {
     latestContentHeightWhenLoaded: number | undefined;
-    constructor(context: Context, settings: ReaderSettingsManager, hookManager: HookManager, item: Manifest[`spineItems`][number], containerElement: HTMLElement, resourcesHandler: ResourceHandler);
     onCreateDocument(): import('rxjs').Observable<never>;
     onLoadDocument(): import('rxjs').Observable<HTMLIFrameElement>;
     onUnload(): import('rxjs').Observable<never>;

package/dist/index.d.ts

@@ -12,3 +12,4 @@ export { isShallowEqual } from './utils/objects';
 export { waitForSwitch } from './utils/rxjs';
 export { SpineItem } from './spineItem/SpineItem';
 export * from './utils/DestroyableClass';
+export * from './utils/frames';

package/dist/index.js

@@ -1515,7 +1515,9 @@ const themeEnhancer = (next) => (options) => {
   };
   reader.hookManager.register(`item.onDocumentLoad`, ({ itemId }) => {
     const item = reader.spineItemsManager.get(itemId);
-    item == null ? void 0 : item.upsertCSS(`prose-reader-theme`, getStyle());
+    if ((item == null ? void 0 : item.item.renditionLayout) !== "pre-paginated") {
+      item == null ? void 0 : item.upsertCSS(`prose-reader-theme`, getStyle());
+    }
   });
   reader.spineItemsManager.items$.pipe(
     tap(
@@ -5168,16 +5170,9 @@ const generateCfiFromRange = ({
   return { start: startCFI, end: endCFI };
 };
 class DocumentRenderer {
-  constructor(context, settings, hookManager, item, containerElement, resourcesHandler) {
-    this.context = context;
-    this.settings = settings;
-    this.hookManager = hookManager;
-    this.item = item;
-    this.containerElement = containerElement;
-    this.resourcesHandler = resourcesHandler;
-    this.stateSubject = new BehaviorSubject(`idle`);
+  constructor(params) {
     this.triggerSubject = new Subject();
-    this.layers = [];
+    this.stateSubject = new BehaviorSubject(`idle`);
     this.unload$ = this.triggerSubject.pipe(
       withLatestFrom(this.stateSubject),
       filter$1(
@@ -5194,9 +5189,16 @@ class DocumentRenderer {
       map$1(() => void 0),
       share()
     );
+    this.layers = [];
     this.destroy$ = this.triggerSubject.pipe(
       filter$1((trigger) => trigger === `destroy`)
     );
+    this.context = params.context;
+    this.settings = params.settings;
+    this.hookManager = params.hookManager;
+    this.item = params.item;
+    this.containerElement = params.containerElement;
+    this.resourcesHandler = params.resourcesHandler;
     this.load$.pipe(
       switchMap(() => {
         this.stateSubject.next(`loading`);
@@ -5409,16 +5411,17 @@ class SpineItem {
       hookManager
     );
     parentElement.appendChild(this.containerElement);
-    const RendererClass = ((_b = (_a = this.settings.values).getRenderer) == null ? void 0 : _b.call(_a, item)) ?? DefaultRenderer;
+    const rendererFactory = (_b = (_a = this.settings.values).getRenderer) == null ? void 0 : _b.call(_a, item);
     this.resourcesHandler = new ResourceHandler(item, this.settings);
-    this.renderer = new RendererClass(
+    const rendererParams = {
       context,
       settings,
       hookManager,
       item,
-      this.containerElement,
-      this.resourcesHandler
-    );
+      containerElement: this.containerElement,
+      resourcesHandler: this.resourcesHandler
+    };
+    this.renderer = rendererFactory ? rendererFactory(rendererParams) : new DefaultRenderer(rendererParams);
     const contentLayoutChange$ = merge(
       this.unloaded$.pipe(map(() => ({ isFirstLayout: false }))),
       this.ready$.pipe(map(() => ({ isFirstLayout: true })))
@@ -6879,13 +6882,13 @@ const mediaEnhancer = (next) => (options) => {
     ...options,
     getRenderer(item) {
       var _a;
-      const MaybeRenderer = (_a = options.getRenderer) == null ? void 0 : _a.call(options, item);
+      const maybeFactory = (_a = options.getRenderer) == null ? void 0 : _a.call(options, item);
       const mimeType = item.mediaType ?? detectMimeTypeFromName(item.href);
       const isImageType = !!(mimeType == null ? void 0 : mimeType.startsWith(`image/`));
-      if (!MaybeRenderer && isImageType) {
-        return ImageRenderer;
+      if (!maybeFactory && isImageType) {
+        return (props) => new ImageRenderer(props);
       }
-      return MaybeRenderer;
+      return maybeFactory;
     }
   });
   const frameObserver = new IntersectionObserver(
@@ -7315,7 +7318,9 @@ const eventsEnhancer = (next) => (options) => {
     `item.onDocumentLoad`,
     ({ destroy, layers, itemId }) => {
       var _a;
-      const frame = (_a = layers[0]) == null ? void 0 : _a.element;
+      const frame = (_a = layers.find(
+        (layer) => layer.element instanceof HTMLIFrameElement
+      )) == null ? void 0 : _a.element;
       if (!(frame instanceof HTMLIFrameElement)) return;
       const item = reader.spineItemsManager.get(itemId);
       if (!item) return;
@@ -7985,15 +7990,8 @@ const renderReflowable = ({
   };
 };
 class HtmlRenderer extends DocumentRenderer {
-  constructor(context, settings, hookManager, item, containerElement, resourcesHandler) {
-    super(
-      context,
-      settings,
-      hookManager,
-      item,
-      containerElement,
-      resourcesHandler
-    );
+  constructor() {
+    super(...arguments);
     this.isImageType = () => {
       const mimeType = this.item.mediaType ?? detectMimeTypeFromName(this.item.href);
       return !!(mimeType == null ? void 0 : mimeType.startsWith(`image/`));
@@ -8112,8 +8110,8 @@ const htmlEnhancer = (next) => (options) => {
     ...options,
     getRenderer(item) {
       var _a;
-      const MaybeRenderer = (_a = options.getRenderer) == null ? void 0 : _a.call(options, item);
-      return MaybeRenderer ?? HtmlRenderer;
+      const maybeFactory = (_a = options.getRenderer) == null ? void 0 : _a.call(options, item);
+      return maybeFactory ?? ((props) => new HtmlRenderer(props));
     }
   });
   return reader;
@@ -8331,8 +8329,15 @@ export {
   SettingsManager3 as SettingsManager,
   SpineItem,
   createReaderWithEnhancers as createReader,
+  getAttributeValueFromString,
+  getFrameViewportInfo,
+  injectCSS,
   isHtmlElement,
   isShallowEqual2 as isShallowEqual,
+  removeCSS,
+  upsertCSS,
+  waitForFrameLoad,
+  waitForFrameReady,
   waitForSwitch
 };
 //# sourceMappingURL=index.js.map