@embedpdf/plugin-thumbnail 1.0.11 → 1.0.13

package/dist/index.cjs

@@ -1,170 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  THUMBNAIL_PLUGIN_ID: () => THUMBNAIL_PLUGIN_ID,
-  ThumbnailPlugin: () => ThumbnailPlugin,
-  ThumbnailPluginPackage: () => ThumbnailPluginPackage,
-  manifest: () => manifest
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/lib/manifest.ts
-var THUMBNAIL_PLUGIN_ID = "thumbnail";
-var manifest = {
-  id: THUMBNAIL_PLUGIN_ID,
-  name: "Thumbnail Plugin",
-  version: "1.0.0",
-  provides: ["thumbnail"],
-  requires: ["render"],
-  optional: [],
-  defaultConfig: {
-    enabled: true,
-    width: 150,
-    gap: 10,
-    buffer: 3,
-    labelHeight: 16
-  }
-};
-
-// src/lib/thumbnail-plugin.ts
-var import_core = require("@embedpdf/core");
-var import_models = require("@embedpdf/models");
-var ThumbnailPlugin = class extends import_core.BasePlugin {
-  constructor(id, registry, cfg) {
-    super(id, registry);
-    this.cfg = cfg;
-    this.thumbs = [];
-    this.window = null;
-    this.emitWindow = (0, import_core.createBehaviorEmitter)();
-    this.taskCache = /* @__PURE__ */ new Map();
-    this.renderCapability = this.registry.getPlugin("render").provides();
-    this.coreStore.onAction(import_core.SET_DOCUMENT, (_action, state) => {
-      this.taskCache.clear();
-      this.setWindowState(state);
-    });
-  }
-  /* ------------ init ------------------------------------------------ */
-  async initialize() {
-  }
-  setWindowState(state) {
-    const core = state.core;
-    if (!core.document) return;
-    const W = this.cfg.width ?? 120;
-    const L = this.cfg.labelHeight ?? 16;
-    const GAP = this.cfg.gap ?? 8;
-    let offset = 0;
-    this.thumbs = core.document.pages.map((p) => {
-      const ratio = p.size.height / p.size.width;
-      const thumbH = Math.round(W * ratio);
-      const wrapH = thumbH + L;
-      const meta = {
-        pageIndex: p.index,
-        width: W,
-        height: thumbH,
-        wrapperHeight: wrapH,
-        top: offset,
-        labelHeight: L
-      };
-      offset += wrapH + GAP;
-      return meta;
-    });
-    this.window = {
-      start: -1,
-      end: -1,
-      items: [],
-      totalHeight: offset - GAP
-      // last item has no gap below
-    };
-    this.emitWindow.emit(this.window);
-  }
-  /* ------------ capability ----------------------------------------- */
-  buildCapability() {
-    return {
-      onWindow: this.emitWindow.on,
-      setViewport: (y, h) => this.updateWindow(y, h),
-      renderThumb: (idx, dpr) => this.renderThumb(idx, dpr)
-    };
-  }
-  /* ------------ windowing math ------------------------------------- */
-  updateWindow(scrollY, viewportH) {
-    const BUF = this.cfg.buffer ?? 3;
-    let low = 0, high = this.thumbs.length - 1, first = 0;
-    while (low <= high) {
-      const mid = low + high >> 1;
-      const m = this.thumbs[mid];
-      if (m.top + m.wrapperHeight < scrollY) low = mid + 1;
-      else {
-        first = mid;
-        high = mid - 1;
-      }
-    }
-    let last = first;
-    const limit = scrollY + viewportH;
-    while (last + 1 < this.thumbs.length && this.thumbs[last].top < limit) last++;
-    last = Math.min(this.thumbs.length - 1, last + BUF);
-    const start = Math.max(0, first - BUF);
-    if (this.window && start === this.window.start && last === this.window.end) return;
-    this.window = {
-      start,
-      end: last,
-      items: this.thumbs.slice(start, last + 1),
-      totalHeight: this.window.totalHeight
-    };
-    this.emitWindow.emit(this.window);
-  }
-  /* ------------ thumbnail raster ----------------------------------- */
-  renderThumb(idx, dpr) {
-    if (this.taskCache.has(idx)) return this.taskCache.get(idx);
-    const core = this.coreState.core;
-    const page = core.document.pages[idx];
-    const scale = (this.cfg.width ?? 120) / page.size.width;
-    const task = this.renderCapability.renderPageRect({
-      pageIndex: idx,
-      rect: { origin: { x: 0, y: 0 }, size: page.size },
-      scaleFactor: scale,
-      dpr
-    });
-    this.taskCache.set(idx, task);
-    task.wait(import_models.ignore, () => {
-      this.taskCache.delete(idx);
-    });
-    return task;
-  }
-};
-ThumbnailPlugin.id = "thumbnail";
-
-// src/lib/index.ts
-var ThumbnailPluginPackage = {
-  manifest,
-  create: (registry, _engine, config) => new ThumbnailPlugin(THUMBNAIL_PLUGIN_ID, registry, config),
-  reducer: () => {
-  },
-  initialState: {}
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  THUMBNAIL_PLUGIN_ID,
-  ThumbnailPlugin,
-  ThumbnailPluginPackage,
-  manifest
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@embedpdf/core"),e=require("@embedpdf/models"),i="thumbnail",s={id:i,name:"Thumbnail Plugin",version:"1.0.0",provides:["thumbnail"],requires:["render"],optional:[],defaultConfig:{enabled:!0,width:150,gap:10,buffer:3,labelHeight:16}},h=class extends t.BasePlugin{constructor(e,i,s){super(e,i),this.cfg=s,this.thumbs=[],this.window=null,this.emitWindow=t.createBehaviorEmitter(),this.taskCache=new Map,this.renderCapability=this.registry.getPlugin("render").provides(),this.coreStore.onAction(t.SET_DOCUMENT,((t,e)=>{this.taskCache.clear(),this.setWindowState(e)}))}async initialize(){}setWindowState(t){const e=t.core;if(!e.document)return;const i=this.cfg.width??120,s=this.cfg.labelHeight??16,h=this.cfg.gap??8;let n=0;this.thumbs=e.document.pages.map((t=>{const e=t.size.height/t.size.width,r=Math.round(i*e),a=r+s,o={pageIndex:t.index,width:i,height:r,wrapperHeight:a,top:n,labelHeight:s};return n+=a+h,o})),this.window={start:-1,end:-1,items:[],totalHeight:n-h},this.emitWindow.emit(this.window)}buildCapability(){return{onWindow:this.emitWindow.on,setViewport:(t,e)=>this.updateWindow(t,e),renderThumb:(t,e)=>this.renderThumb(t,e)}}updateWindow(t,e){const i=this.cfg.buffer??3;let s=0,h=this.thumbs.length-1,n=0;for(;s<=h;){const e=s+h>>1,i=this.thumbs[e];i.top+i.wrapperHeight<t?s=e+1:(n=e,h=e-1)}let r=n;const a=t+e;for(;r+1<this.thumbs.length&&this.thumbs[r].top<a;)r++;r=Math.min(this.thumbs.length-1,r+i);const o=Math.max(0,n-i);this.window&&o===this.window.start&&r===this.window.end||(this.window={start:o,end:r,items:this.thumbs.slice(o,r+1),totalHeight:this.window.totalHeight},this.emitWindow.emit(this.window))}renderThumb(t,i){if(this.taskCache.has(t))return this.taskCache.get(t);const s=this.coreState.core.document.pages[t],h=(this.cfg.width??120)/s.size.width,n=this.renderCapability.renderPageRect({pageIndex:t,rect:{origin:{x:0,y:0},size:s.size},scaleFactor:h,dpr:i});return this.taskCache.set(t,n),n.wait(e.ignore,(()=>{this.taskCache.delete(t)})),n}};h.id="thumbnail";let n=h;const r={manifest:s,create:(t,e,s)=>new n(i,t,s),reducer:()=>{},initialState:{}};exports.THUMBNAIL_PLUGIN_ID=i,exports.ThumbnailPlugin=n,exports.ThumbnailPluginPackage=r,exports.manifest=s;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/lib/manifest.ts","../src/lib/thumbnail-plugin.ts","../src/lib/index.ts"],"sourcesContent":["export * from './lib';\n","import { PluginManifest } from '@embedpdf/core';\nimport { ThumbnailPluginConfig } from './types';\n\nexport const THUMBNAIL_PLUGIN_ID = 'thumbnail';\n\nexport const manifest: PluginManifest<ThumbnailPluginConfig> = {\n  id: THUMBNAIL_PLUGIN_ID,\n  name: 'Thumbnail Plugin',\n  version: '1.0.0',\n  provides: ['thumbnail'],\n  requires: ['render'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    width: 150,\n    gap: 10,\n    buffer: 3,\n    labelHeight: 16,\n  },\n};\n","import {\n  BasePlugin,\n  CoreState,\n  createBehaviorEmitter,\n  PluginRegistry,\n  SET_DOCUMENT,\n  StoreState,\n} from '@embedpdf/core';\nimport { ThumbMeta, ThumbnailPluginConfig, WindowState } from './types';\nimport { ThumbnailCapability } from './types';\nimport { ignore, PdfErrorReason, Task } from '@embedpdf/models';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\n\nexport class ThumbnailPlugin extends BasePlugin<ThumbnailPluginConfig, ThumbnailCapability> {\n  static readonly id = 'thumbnail' as const;\n\n  private renderCapability: RenderCapability;\n  private thumbs: ThumbMeta[] = [];\n  private window: WindowState | null = null;\n  private readonly emitWindow = createBehaviorEmitter<WindowState>();\n  private readonly taskCache = new Map<number, Task<Blob, PdfErrorReason>>();\n\n  constructor(\n    id: string,\n    registry: PluginRegistry,\n    private cfg: ThumbnailPluginConfig,\n  ) {\n    super(id, registry);\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n\n    this.coreStore.onAction(SET_DOCUMENT, (_action, state) => {\n      this.taskCache.clear();\n      this.setWindowState(state);\n    });\n  }\n\n  /* ------------ init ------------------------------------------------ */\n  async initialize(): Promise<void> {}\n\n  private setWindowState(state: StoreState<CoreState>) {\n    const core = state.core;\n\n    if (!core.document) return;\n\n    const W = this.cfg.width ?? 120;\n    const L = this.cfg.labelHeight ?? 16; // label\n    const GAP = this.cfg.gap ?? 8;\n\n    let offset = 0;\n    this.thumbs = core.document.pages.map((p) => {\n      const ratio = p.size.height / p.size.width;\n      const thumbH = Math.round(W * ratio);\n      const wrapH = thumbH + L; // no GAP here\n\n      const meta: ThumbMeta = {\n        pageIndex: p.index,\n        width: W,\n        height: thumbH,\n        wrapperHeight: wrapH,\n        top: offset,\n        labelHeight: L,\n      };\n      offset += wrapH + GAP; // GAP added *after* wrapper\n      return meta;\n    });\n\n    this.window = {\n      start: -1,\n      end: -1,\n      items: [],\n      totalHeight: offset - GAP, // last item has no gap below\n    };\n    this.emitWindow.emit(this.window);\n  }\n\n  /* ------------ capability ----------------------------------------- */\n  protected buildCapability(): ThumbnailCapability {\n    return {\n      onWindow: this.emitWindow.on,\n      setViewport: (y, h) => this.updateWindow(y, h),\n      renderThumb: (idx, dpr) => this.renderThumb(idx, dpr),\n    };\n  }\n\n  /* ------------ windowing math ------------------------------------- */\n  private updateWindow(scrollY: number, viewportH: number) {\n    const BUF = this.cfg.buffer ?? 3;\n\n    /* -------- find first visible wrapper ---------- */\n    let low = 0,\n      high = this.thumbs.length - 1,\n      first = 0;\n    while (low <= high) {\n      const mid = (low + high) >> 1;\n      const m = this.thumbs[mid];\n      if (m.top + m.wrapperHeight < scrollY) low = mid + 1;\n      else {\n        first = mid;\n        high = mid - 1;\n      }\n    }\n\n    /* -------- find last visible + buffer ---------- */\n    let last = first;\n    const limit = scrollY + viewportH;\n    while (last + 1 < this.thumbs.length && this.thumbs[last].top < limit) last++;\n    last = Math.min(this.thumbs.length - 1, last + BUF);\n\n    const start = Math.max(0, first - BUF);\n    if (this.window && start === this.window.start && last === this.window.end) return;\n\n    this.window = {\n      start,\n      end: last,\n      items: this.thumbs.slice(start, last + 1),\n      totalHeight: this.window!.totalHeight,\n    };\n    this.emitWindow.emit(this.window);\n  }\n\n  /* ------------ thumbnail raster ----------------------------------- */\n  private renderThumb(idx: number, dpr: number) {\n    if (this.taskCache.has(idx)) return this.taskCache.get(idx)!;\n\n    const core = this.coreState.core;\n    const page = core.document!.pages[idx];\n    const scale = (this.cfg.width ?? 120) / page.size.width;\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex: idx,\n      rect: { origin: { x: 0, y: 0 }, size: page.size },\n      scaleFactor: scale,\n      dpr,\n    });\n\n    this.taskCache.set(idx, task);\n\n    task.wait(ignore, () => {\n      this.taskCache.delete(idx);\n    });\n\n    return task;\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, THUMBNAIL_PLUGIN_ID } from './manifest';\nimport { ThumbnailPluginConfig } from './types';\nimport { ThumbnailPlugin } from './thumbnail-plugin';\n\nexport const ThumbnailPluginPackage: PluginPackage<ThumbnailPlugin, ThumbnailPluginConfig> = {\n  manifest,\n  create: (registry, _engine, config) => new ThumbnailPlugin(THUMBNAIL_PLUGIN_ID, registry, config),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './thumbnail-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"mappings":"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","names":[]}
+{"version":3,"file":"index.cjs","sources":["../src/lib/manifest.ts","../src/lib/thumbnail-plugin.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\nimport { ThumbnailPluginConfig } from './types';\n\nexport const THUMBNAIL_PLUGIN_ID = 'thumbnail';\n\nexport const manifest: PluginManifest<ThumbnailPluginConfig> = {\n  id: THUMBNAIL_PLUGIN_ID,\n  name: 'Thumbnail Plugin',\n  version: '1.0.0',\n  provides: ['thumbnail'],\n  requires: ['render'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    width: 150,\n    gap: 10,\n    buffer: 3,\n    labelHeight: 16,\n  },\n};\n","import {\n  BasePlugin,\n  CoreState,\n  createBehaviorEmitter,\n  PluginRegistry,\n  SET_DOCUMENT,\n  StoreState,\n} from '@embedpdf/core';\nimport { ThumbMeta, ThumbnailPluginConfig, WindowState } from './types';\nimport { ThumbnailCapability } from './types';\nimport { ignore, PdfErrorReason, Task } from '@embedpdf/models';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\n\nexport class ThumbnailPlugin extends BasePlugin<ThumbnailPluginConfig, ThumbnailCapability> {\n  static readonly id = 'thumbnail' as const;\n\n  private renderCapability: RenderCapability;\n  private thumbs: ThumbMeta[] = [];\n  private window: WindowState | null = null;\n  private readonly emitWindow = createBehaviorEmitter<WindowState>();\n  private readonly taskCache = new Map<number, Task<Blob, PdfErrorReason>>();\n\n  constructor(\n    id: string,\n    registry: PluginRegistry,\n    private cfg: ThumbnailPluginConfig,\n  ) {\n    super(id, registry);\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n\n    this.coreStore.onAction(SET_DOCUMENT, (_action, state) => {\n      this.taskCache.clear();\n      this.setWindowState(state);\n    });\n  }\n\n  /* ------------ init ------------------------------------------------ */\n  async initialize(): Promise<void> {}\n\n  private setWindowState(state: StoreState<CoreState>) {\n    const core = state.core;\n\n    if (!core.document) return;\n\n    const W = this.cfg.width ?? 120;\n    const L = this.cfg.labelHeight ?? 16; // label\n    const GAP = this.cfg.gap ?? 8;\n\n    let offset = 0;\n    this.thumbs = core.document.pages.map((p) => {\n      const ratio = p.size.height / p.size.width;\n      const thumbH = Math.round(W * ratio);\n      const wrapH = thumbH + L; // no GAP here\n\n      const meta: ThumbMeta = {\n        pageIndex: p.index,\n        width: W,\n        height: thumbH,\n        wrapperHeight: wrapH,\n        top: offset,\n        labelHeight: L,\n      };\n      offset += wrapH + GAP; // GAP added *after* wrapper\n      return meta;\n    });\n\n    this.window = {\n      start: -1,\n      end: -1,\n      items: [],\n      totalHeight: offset - GAP, // last item has no gap below\n    };\n    this.emitWindow.emit(this.window);\n  }\n\n  /* ------------ capability ----------------------------------------- */\n  protected buildCapability(): ThumbnailCapability {\n    return {\n      onWindow: this.emitWindow.on,\n      setViewport: (y, h) => this.updateWindow(y, h),\n      renderThumb: (idx, dpr) => this.renderThumb(idx, dpr),\n    };\n  }\n\n  /* ------------ windowing math ------------------------------------- */\n  private updateWindow(scrollY: number, viewportH: number) {\n    const BUF = this.cfg.buffer ?? 3;\n\n    /* -------- find first visible wrapper ---------- */\n    let low = 0,\n      high = this.thumbs.length - 1,\n      first = 0;\n    while (low <= high) {\n      const mid = (low + high) >> 1;\n      const m = this.thumbs[mid];\n      if (m.top + m.wrapperHeight < scrollY) low = mid + 1;\n      else {\n        first = mid;\n        high = mid - 1;\n      }\n    }\n\n    /* -------- find last visible + buffer ---------- */\n    let last = first;\n    const limit = scrollY + viewportH;\n    while (last + 1 < this.thumbs.length && this.thumbs[last].top < limit) last++;\n    last = Math.min(this.thumbs.length - 1, last + BUF);\n\n    const start = Math.max(0, first - BUF);\n    if (this.window && start === this.window.start && last === this.window.end) return;\n\n    this.window = {\n      start,\n      end: last,\n      items: this.thumbs.slice(start, last + 1),\n      totalHeight: this.window!.totalHeight,\n    };\n    this.emitWindow.emit(this.window);\n  }\n\n  /* ------------ thumbnail raster ----------------------------------- */\n  private renderThumb(idx: number, dpr: number) {\n    if (this.taskCache.has(idx)) return this.taskCache.get(idx)!;\n\n    const core = this.coreState.core;\n    const page = core.document!.pages[idx];\n    const scale = (this.cfg.width ?? 120) / page.size.width;\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex: idx,\n      rect: { origin: { x: 0, y: 0 }, size: page.size },\n      scaleFactor: scale,\n      dpr,\n    });\n\n    this.taskCache.set(idx, task);\n\n    task.wait(ignore, () => {\n      this.taskCache.delete(idx);\n    });\n\n    return task;\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, THUMBNAIL_PLUGIN_ID } from './manifest';\nimport { ThumbnailPluginConfig } from './types';\nimport { ThumbnailPlugin } from './thumbnail-plugin';\n\nexport const ThumbnailPluginPackage: PluginPackage<ThumbnailPlugin, ThumbnailPluginConfig> = {\n  manifest,\n  create: (registry, _engine, config) => new ThumbnailPlugin(THUMBNAIL_PLUGIN_ID, registry, config),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './thumbnail-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"names":["THUMBNAIL_PLUGIN_ID","manifest","id","name","version","provides","requires","optional","defaultConfig","enabled","width","gap","buffer","labelHeight","_ThumbnailPlugin","BasePlugin","constructor","registry","cfg","super","this","thumbs","window","emitWindow","createBehaviorEmitter","taskCache","Map","renderCapability","getPlugin","coreStore","onAction","SET_DOCUMENT","_action","state","clear","setWindowState","initialize","core","document","W","L","GAP","offset","pages","map","p","ratio","size","height","thumbH","Math","round","wrapH","meta","pageIndex","index","wrapperHeight","top","start","end","items","totalHeight","emit","buildCapability","onWindow","on","setViewport","y","h","updateWindow","renderThumb","idx","dpr","scrollY","viewportH","BUF","low","high","length","first","mid","m","last","limit","min","max","slice","has","get","page","coreState","scale","task","renderPageRect","rect","origin","x","scaleFactor","set","wait","ignore","delete","ThumbnailPlugin","ThumbnailPluginPackage","create","_engine","config","reducer","initialState"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,54 +1 @@
-import { BasePluginConfig, BasePlugin, PluginRegistry, PluginManifest, PluginPackage } from '@embedpdf/core';
-import { Task, PdfErrorReason } from '@embedpdf/models';
-
-interface ThumbnailPluginConfig extends BasePluginConfig {
-    width?: number;
-    gap?: number;
-    buffer?: number;
-    labelHeight?: number;
-}
-interface ThumbMeta {
-    pageIndex: number;
-    width: number;
-    height: number;
-    wrapperHeight: number;
-    top: number;
-    labelHeight: number;
-}
-interface WindowState {
-    start: number;
-    end: number;
-    items: ThumbMeta[];
-    totalHeight: number;
-}
-interface ThumbnailCapability {
-    /** called from UI on every scroll */
-    setViewport(offsetY: number, viewportH: number): void;
-    /** listen to window changes */
-    onWindow(cb: (w: WindowState) => void): () => void;
-    /** lazily render one thumb */
-    renderThumb(pageIdx: number, dpr: number): Task<Blob, PdfErrorReason>;
-}
-
-declare class ThumbnailPlugin extends BasePlugin<ThumbnailPluginConfig, ThumbnailCapability> {
-    private cfg;
-    static readonly id: "thumbnail";
-    private renderCapability;
-    private thumbs;
-    private window;
-    private readonly emitWindow;
-    private readonly taskCache;
-    constructor(id: string, registry: PluginRegistry, cfg: ThumbnailPluginConfig);
-    initialize(): Promise<void>;
-    private setWindowState;
-    protected buildCapability(): ThumbnailCapability;
-    private updateWindow;
-    private renderThumb;
-}
-
-declare const THUMBNAIL_PLUGIN_ID = "thumbnail";
-declare const manifest: PluginManifest<ThumbnailPluginConfig>;
-
-declare const ThumbnailPluginPackage: PluginPackage<ThumbnailPlugin, ThumbnailPluginConfig>;
-
-export { THUMBNAIL_PLUGIN_ID, type ThumbMeta, type ThumbnailCapability, ThumbnailPlugin, type ThumbnailPluginConfig, ThumbnailPluginPackage, type WindowState, manifest };
+export * from './lib';

package/dist/index.js

@@ -1,6 +1,7 @@
-// src/lib/manifest.ts
-var THUMBNAIL_PLUGIN_ID = "thumbnail";
-var manifest = {
+import { BasePlugin, createBehaviorEmitter, SET_DOCUMENT } from "@embedpdf/core";
+import { ignore } from "@embedpdf/models";
+const THUMBNAIL_PLUGIN_ID = "thumbnail";
+const manifest = {
   id: THUMBNAIL_PLUGIN_ID,
   name: "Thumbnail Plugin",
   version: "1.0.0",
@@ -15,15 +16,7 @@ var manifest = {
     labelHeight: 16
   }
 };
-
-// src/lib/thumbnail-plugin.ts
-import {
-  BasePlugin,
-  createBehaviorEmitter,
-  SET_DOCUMENT
-} from "@embedpdf/core";
-import { ignore } from "@embedpdf/models";
-var ThumbnailPlugin = class extends BasePlugin {
+const _ThumbnailPlugin = class _ThumbnailPlugin extends BasePlugin {
   constructor(id, registry, cfg) {
     super(id, registry);
     this.cfg = cfg;
@@ -125,10 +118,9 @@ var ThumbnailPlugin = class extends BasePlugin {
     return task;
   }
 };
-ThumbnailPlugin.id = "thumbnail";
-
-// src/lib/index.ts
-var ThumbnailPluginPackage = {
+_ThumbnailPlugin.id = "thumbnail";
+let ThumbnailPlugin = _ThumbnailPlugin;
+const ThumbnailPluginPackage = {
   manifest,
   create: (registry, _engine, config) => new ThumbnailPlugin(THUMBNAIL_PLUGIN_ID, registry, config),
   reducer: () => {
@@ -141,4 +133,4 @@ export {
   ThumbnailPluginPackage,
   manifest
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/manifest.ts","../src/lib/thumbnail-plugin.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\nimport { ThumbnailPluginConfig } from './types';\n\nexport const THUMBNAIL_PLUGIN_ID = 'thumbnail';\n\nexport const manifest: PluginManifest<ThumbnailPluginConfig> = {\n  id: THUMBNAIL_PLUGIN_ID,\n  name: 'Thumbnail Plugin',\n  version: '1.0.0',\n  provides: ['thumbnail'],\n  requires: ['render'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    width: 150,\n    gap: 10,\n    buffer: 3,\n    labelHeight: 16,\n  },\n};\n","import {\n  BasePlugin,\n  CoreState,\n  createBehaviorEmitter,\n  PluginRegistry,\n  SET_DOCUMENT,\n  StoreState,\n} from '@embedpdf/core';\nimport { ThumbMeta, ThumbnailPluginConfig, WindowState } from './types';\nimport { ThumbnailCapability } from './types';\nimport { ignore, PdfErrorReason, Task } from '@embedpdf/models';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\n\nexport class ThumbnailPlugin extends BasePlugin<ThumbnailPluginConfig, ThumbnailCapability> {\n  static readonly id = 'thumbnail' as const;\n\n  private renderCapability: RenderCapability;\n  private thumbs: ThumbMeta[] = [];\n  private window: WindowState | null = null;\n  private readonly emitWindow = createBehaviorEmitter<WindowState>();\n  private readonly taskCache = new Map<number, Task<Blob, PdfErrorReason>>();\n\n  constructor(\n    id: string,\n    registry: PluginRegistry,\n    private cfg: ThumbnailPluginConfig,\n  ) {\n    super(id, registry);\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n\n    this.coreStore.onAction(SET_DOCUMENT, (_action, state) => {\n      this.taskCache.clear();\n      this.setWindowState(state);\n    });\n  }\n\n  /* ------------ init ------------------------------------------------ */\n  async initialize(): Promise<void> {}\n\n  private setWindowState(state: StoreState<CoreState>) {\n    const core = state.core;\n\n    if (!core.document) return;\n\n    const W = this.cfg.width ?? 120;\n    const L = this.cfg.labelHeight ?? 16; // label\n    const GAP = this.cfg.gap ?? 8;\n\n    let offset = 0;\n    this.thumbs = core.document.pages.map((p) => {\n      const ratio = p.size.height / p.size.width;\n      const thumbH = Math.round(W * ratio);\n      const wrapH = thumbH + L; // no GAP here\n\n      const meta: ThumbMeta = {\n        pageIndex: p.index,\n        width: W,\n        height: thumbH,\n        wrapperHeight: wrapH,\n        top: offset,\n        labelHeight: L,\n      };\n      offset += wrapH + GAP; // GAP added *after* wrapper\n      return meta;\n    });\n\n    this.window = {\n      start: -1,\n      end: -1,\n      items: [],\n      totalHeight: offset - GAP, // last item has no gap below\n    };\n    this.emitWindow.emit(this.window);\n  }\n\n  /* ------------ capability ----------------------------------------- */\n  protected buildCapability(): ThumbnailCapability {\n    return {\n      onWindow: this.emitWindow.on,\n      setViewport: (y, h) => this.updateWindow(y, h),\n      renderThumb: (idx, dpr) => this.renderThumb(idx, dpr),\n    };\n  }\n\n  /* ------------ windowing math ------------------------------------- */\n  private updateWindow(scrollY: number, viewportH: number) {\n    const BUF = this.cfg.buffer ?? 3;\n\n    /* -------- find first visible wrapper ---------- */\n    let low = 0,\n      high = this.thumbs.length - 1,\n      first = 0;\n    while (low <= high) {\n      const mid = (low + high) >> 1;\n      const m = this.thumbs[mid];\n      if (m.top + m.wrapperHeight < scrollY) low = mid + 1;\n      else {\n        first = mid;\n        high = mid - 1;\n      }\n    }\n\n    /* -------- find last visible + buffer ---------- */\n    let last = first;\n    const limit = scrollY + viewportH;\n    while (last + 1 < this.thumbs.length && this.thumbs[last].top < limit) last++;\n    last = Math.min(this.thumbs.length - 1, last + BUF);\n\n    const start = Math.max(0, first - BUF);\n    if (this.window && start === this.window.start && last === this.window.end) return;\n\n    this.window = {\n      start,\n      end: last,\n      items: this.thumbs.slice(start, last + 1),\n      totalHeight: this.window!.totalHeight,\n    };\n    this.emitWindow.emit(this.window);\n  }\n\n  /* ------------ thumbnail raster ----------------------------------- */\n  private renderThumb(idx: number, dpr: number) {\n    if (this.taskCache.has(idx)) return this.taskCache.get(idx)!;\n\n    const core = this.coreState.core;\n    const page = core.document!.pages[idx];\n    const scale = (this.cfg.width ?? 120) / page.size.width;\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex: idx,\n      rect: { origin: { x: 0, y: 0 }, size: page.size },\n      scaleFactor: scale,\n      dpr,\n    });\n\n    this.taskCache.set(idx, task);\n\n    task.wait(ignore, () => {\n      this.taskCache.delete(idx);\n    });\n\n    return task;\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, THUMBNAIL_PLUGIN_ID } from './manifest';\nimport { ThumbnailPluginConfig } from './types';\nimport { ThumbnailPlugin } from './thumbnail-plugin';\n\nexport const ThumbnailPluginPackage: PluginPackage<ThumbnailPlugin, ThumbnailPluginConfig> = {\n  manifest,\n  create: (registry, _engine, config) => new ThumbnailPlugin(THUMBNAIL_PLUGIN_ID, registry, config),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './thumbnail-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"mappings":"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","names":[]}
+{"version":3,"file":"index.js","sources":["../src/lib/manifest.ts","../src/lib/thumbnail-plugin.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\nimport { ThumbnailPluginConfig } from './types';\n\nexport const THUMBNAIL_PLUGIN_ID = 'thumbnail';\n\nexport const manifest: PluginManifest<ThumbnailPluginConfig> = {\n  id: THUMBNAIL_PLUGIN_ID,\n  name: 'Thumbnail Plugin',\n  version: '1.0.0',\n  provides: ['thumbnail'],\n  requires: ['render'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    width: 150,\n    gap: 10,\n    buffer: 3,\n    labelHeight: 16,\n  },\n};\n","import {\n  BasePlugin,\n  CoreState,\n  createBehaviorEmitter,\n  PluginRegistry,\n  SET_DOCUMENT,\n  StoreState,\n} from '@embedpdf/core';\nimport { ThumbMeta, ThumbnailPluginConfig, WindowState } from './types';\nimport { ThumbnailCapability } from './types';\nimport { ignore, PdfErrorReason, Task } from '@embedpdf/models';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\n\nexport class ThumbnailPlugin extends BasePlugin<ThumbnailPluginConfig, ThumbnailCapability> {\n  static readonly id = 'thumbnail' as const;\n\n  private renderCapability: RenderCapability;\n  private thumbs: ThumbMeta[] = [];\n  private window: WindowState | null = null;\n  private readonly emitWindow = createBehaviorEmitter<WindowState>();\n  private readonly taskCache = new Map<number, Task<Blob, PdfErrorReason>>();\n\n  constructor(\n    id: string,\n    registry: PluginRegistry,\n    private cfg: ThumbnailPluginConfig,\n  ) {\n    super(id, registry);\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n\n    this.coreStore.onAction(SET_DOCUMENT, (_action, state) => {\n      this.taskCache.clear();\n      this.setWindowState(state);\n    });\n  }\n\n  /* ------------ init ------------------------------------------------ */\n  async initialize(): Promise<void> {}\n\n  private setWindowState(state: StoreState<CoreState>) {\n    const core = state.core;\n\n    if (!core.document) return;\n\n    const W = this.cfg.width ?? 120;\n    const L = this.cfg.labelHeight ?? 16; // label\n    const GAP = this.cfg.gap ?? 8;\n\n    let offset = 0;\n    this.thumbs = core.document.pages.map((p) => {\n      const ratio = p.size.height / p.size.width;\n      const thumbH = Math.round(W * ratio);\n      const wrapH = thumbH + L; // no GAP here\n\n      const meta: ThumbMeta = {\n        pageIndex: p.index,\n        width: W,\n        height: thumbH,\n        wrapperHeight: wrapH,\n        top: offset,\n        labelHeight: L,\n      };\n      offset += wrapH + GAP; // GAP added *after* wrapper\n      return meta;\n    });\n\n    this.window = {\n      start: -1,\n      end: -1,\n      items: [],\n      totalHeight: offset - GAP, // last item has no gap below\n    };\n    this.emitWindow.emit(this.window);\n  }\n\n  /* ------------ capability ----------------------------------------- */\n  protected buildCapability(): ThumbnailCapability {\n    return {\n      onWindow: this.emitWindow.on,\n      setViewport: (y, h) => this.updateWindow(y, h),\n      renderThumb: (idx, dpr) => this.renderThumb(idx, dpr),\n    };\n  }\n\n  /* ------------ windowing math ------------------------------------- */\n  private updateWindow(scrollY: number, viewportH: number) {\n    const BUF = this.cfg.buffer ?? 3;\n\n    /* -------- find first visible wrapper ---------- */\n    let low = 0,\n      high = this.thumbs.length - 1,\n      first = 0;\n    while (low <= high) {\n      const mid = (low + high) >> 1;\n      const m = this.thumbs[mid];\n      if (m.top + m.wrapperHeight < scrollY) low = mid + 1;\n      else {\n        first = mid;\n        high = mid - 1;\n      }\n    }\n\n    /* -------- find last visible + buffer ---------- */\n    let last = first;\n    const limit = scrollY + viewportH;\n    while (last + 1 < this.thumbs.length && this.thumbs[last].top < limit) last++;\n    last = Math.min(this.thumbs.length - 1, last + BUF);\n\n    const start = Math.max(0, first - BUF);\n    if (this.window && start === this.window.start && last === this.window.end) return;\n\n    this.window = {\n      start,\n      end: last,\n      items: this.thumbs.slice(start, last + 1),\n      totalHeight: this.window!.totalHeight,\n    };\n    this.emitWindow.emit(this.window);\n  }\n\n  /* ------------ thumbnail raster ----------------------------------- */\n  private renderThumb(idx: number, dpr: number) {\n    if (this.taskCache.has(idx)) return this.taskCache.get(idx)!;\n\n    const core = this.coreState.core;\n    const page = core.document!.pages[idx];\n    const scale = (this.cfg.width ?? 120) / page.size.width;\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex: idx,\n      rect: { origin: { x: 0, y: 0 }, size: page.size },\n      scaleFactor: scale,\n      dpr,\n    });\n\n    this.taskCache.set(idx, task);\n\n    task.wait(ignore, () => {\n      this.taskCache.delete(idx);\n    });\n\n    return task;\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\nimport { manifest, THUMBNAIL_PLUGIN_ID } from './manifest';\nimport { ThumbnailPluginConfig } from './types';\nimport { ThumbnailPlugin } from './thumbnail-plugin';\n\nexport const ThumbnailPluginPackage: PluginPackage<ThumbnailPlugin, ThumbnailPluginConfig> = {\n  manifest,\n  create: (registry, _engine, config) => new ThumbnailPlugin(THUMBNAIL_PLUGIN_ID, registry, config),\n  reducer: () => {},\n  initialState: {},\n};\n\nexport * from './thumbnail-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"names":[],"mappings":";;AAGO,MAAM,sBAAsB;AAE5B,MAAM,WAAkD;AAAA,EAC7D,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU,CAAC,WAAW;AAAA,EACtB,UAAU,CAAC,QAAQ;AAAA,EACnB,UAAU,CAAC;AAAA,EACX,eAAe;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAEjB;ACNO,MAAM,mBAAN,MAAM,yBAAwB,WAAuD;AAAA,EAS1F,YACE,IACA,UACQ,KACR;AACA,UAAM,IAAI,QAAQ;AAFV,SAAA,MAAA;AARV,SAAQ,SAAsB,CAAC;AAC/B,SAAQ,SAA6B;AACrC,SAAiB,aAAa,sBAAmC;AAChD,SAAA,gCAAgB,IAAwC;AASvE,SAAK,mBAAmB,KAAK,SAAS,UAAwB,QAAQ,EAAG,SAAS;AAElF,SAAK,UAAU,SAAS,cAAc,CAAC,SAAS,UAAU;AACxD,WAAK,UAAU,MAAM;AACrB,WAAK,eAAe,KAAK;AAAA,IAAA,CAC1B;AAAA,EAAA;AAAA;AAAA,EAIH,MAAM,aAA4B;AAAA,EAAA;AAAA,EAE1B,eAAe,OAA8B;AACnD,UAAM,OAAO,MAAM;AAEf,QAAA,CAAC,KAAK,SAAU;AAEd,UAAA,IAAI,KAAK,IAAI,SAAS;AACtB,UAAA,IAAI,KAAK,IAAI,eAAe;AAC5B,UAAA,MAAM,KAAK,IAAI,OAAO;AAE5B,QAAI,SAAS;AACb,SAAK,SAAS,KAAK,SAAS,MAAM,IAAI,CAAC,MAAM;AAC3C,YAAM,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK;AACrC,YAAM,SAAS,KAAK,MAAM,IAAI,KAAK;AACnC,YAAM,QAAQ,SAAS;AAEvB,YAAM,OAAkB;AAAA,QACtB,WAAW,EAAE;AAAA,QACb,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,KAAK;AAAA,QACL,aAAa;AAAA,MACf;AACA,gBAAU,QAAQ;AACX,aAAA;AAAA,IAAA,CACR;AAED,SAAK,SAAS;AAAA,MACZ,OAAO;AAAA,MACP,KAAK;AAAA,MACL,OAAO,CAAC;AAAA,MACR,aAAa,SAAS;AAAA;AAAA,IACxB;AACK,SAAA,WAAW,KAAK,KAAK,MAAM;AAAA,EAAA;AAAA;AAAA,EAIxB,kBAAuC;AACxC,WAAA;AAAA,MACL,UAAU,KAAK,WAAW;AAAA,MAC1B,aAAa,CAAC,GAAG,MAAM,KAAK,aAAa,GAAG,CAAC;AAAA,MAC7C,aAAa,CAAC,KAAK,QAAQ,KAAK,YAAY,KAAK,GAAG;AAAA,IACtD;AAAA,EAAA;AAAA;AAAA,EAIM,aAAa,SAAiB,WAAmB;AACjD,UAAA,MAAM,KAAK,IAAI,UAAU;AAG/B,QAAI,MAAM,GACR,OAAO,KAAK,OAAO,SAAS,GAC5B,QAAQ;AACV,WAAO,OAAO,MAAM;AACZ,YAAA,MAAO,MAAM,QAAS;AACtB,YAAA,IAAI,KAAK,OAAO,GAAG;AACzB,UAAI,EAAE,MAAM,EAAE,gBAAgB,eAAe,MAAM;AAAA,WAC9C;AACK,gBAAA;AACR,eAAO,MAAM;AAAA,MAAA;AAAA,IACf;AAIF,QAAI,OAAO;AACX,UAAM,QAAQ,UAAU;AACjB,WAAA,OAAO,IAAI,KAAK,OAAO,UAAU,KAAK,OAAO,IAAI,EAAE,MAAM,MAAO;AACvE,WAAO,KAAK,IAAI,KAAK,OAAO,SAAS,GAAG,OAAO,GAAG;AAElD,UAAM,QAAQ,KAAK,IAAI,GAAG,QAAQ,GAAG;AACjC,QAAA,KAAK,UAAU,UAAU,KAAK,OAAO,SAAS,SAAS,KAAK,OAAO,IAAK;AAE5E,SAAK,SAAS;AAAA,MACZ;AAAA,MACA,KAAK;AAAA,MACL,OAAO,KAAK,OAAO,MAAM,OAAO,OAAO,CAAC;AAAA,MACxC,aAAa,KAAK,OAAQ;AAAA,IAC5B;AACK,SAAA,WAAW,KAAK,KAAK,MAAM;AAAA,EAAA;AAAA;AAAA,EAI1B,YAAY,KAAa,KAAa;AACxC,QAAA,KAAK,UAAU,IAAI,GAAG,EAAU,QAAA,KAAK,UAAU,IAAI,GAAG;AAEpD,UAAA,OAAO,KAAK,UAAU;AAC5B,UAAM,OAAO,KAAK,SAAU,MAAM,GAAG;AACrC,UAAM,SAAS,KAAK,IAAI,SAAS,OAAO,KAAK,KAAK;AAE5C,UAAA,OAAO,KAAK,iBAAiB,eAAe;AAAA,MAChD,WAAW;AAAA,MACX,MAAM,EAAE,QAAQ,EAAE,GAAG,GAAG,GAAG,KAAK,MAAM,KAAK,KAAK;AAAA,MAChD,aAAa;AAAA,MACb;AAAA,IAAA,CACD;AAEI,SAAA,UAAU,IAAI,KAAK,IAAI;AAEvB,SAAA,KAAK,QAAQ,MAAM;AACjB,WAAA,UAAU,OAAO,GAAG;AAAA,IAAA,CAC1B;AAEM,WAAA;AAAA,EAAA;AAEX;AAlIE,iBAAgB,KAAK;AADhB,IAAM,kBAAN;ACRA,MAAM,yBAAgF;AAAA,EAC3F;AAAA,EACA,QAAQ,CAAC,UAAU,SAAS,WAAW,IAAI,gBAAgB,qBAAqB,UAAU,MAAM;AAAA,EAChG,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,cAAc,CAAA;AAChB;"}

package/dist/lib/index.d.ts

@@ -0,0 +1,7 @@
+import { PluginPackage } from '@embedpdf/core';
+import { ThumbnailPluginConfig } from './types';
+import { ThumbnailPlugin } from './thumbnail-plugin';
+export declare const ThumbnailPluginPackage: PluginPackage<ThumbnailPlugin, ThumbnailPluginConfig>;
+export * from './thumbnail-plugin';
+export * from './types';
+export * from './manifest';

package/dist/lib/manifest.d.ts

@@ -0,0 +1,4 @@
+import { PluginManifest } from '@embedpdf/core';
+import { ThumbnailPluginConfig } from './types';
+export declare const THUMBNAIL_PLUGIN_ID = "thumbnail";
+export declare const manifest: PluginManifest<ThumbnailPluginConfig>;

package/dist/lib/thumbnail-plugin.d.ts

@@ -0,0 +1,17 @@
+import { BasePlugin, PluginRegistry } from '@embedpdf/core';
+import { ThumbnailPluginConfig, ThumbnailCapability } from './types';
+export declare class ThumbnailPlugin extends BasePlugin<ThumbnailPluginConfig, ThumbnailCapability> {
+    private cfg;
+    static readonly id: "thumbnail";
+    private renderCapability;
+    private thumbs;
+    private window;
+    private readonly emitWindow;
+    private readonly taskCache;
+    constructor(id: string, registry: PluginRegistry, cfg: ThumbnailPluginConfig);
+    initialize(): Promise<void>;
+    private setWindowState;
+    protected buildCapability(): ThumbnailCapability;
+    private updateWindow;
+    private renderThumb;
+}

package/dist/lib/types.d.ts

@@ -0,0 +1,30 @@
+import { BasePluginConfig } from '@embedpdf/core';
+import { PdfErrorReason, Task } from '@embedpdf/models';
+export interface ThumbnailPluginConfig extends BasePluginConfig {
+    width?: number;
+    gap?: number;
+    buffer?: number;
+    labelHeight?: number;
+}
+export interface ThumbMeta {
+    pageIndex: number;
+    width: number;
+    height: number;
+    wrapperHeight: number;
+    top: number;
+    labelHeight: number;
+}
+export interface WindowState {
+    start: number;
+    end: number;
+    items: ThumbMeta[];
+    totalHeight: number;
+}
+export interface ThumbnailCapability {
+    /** called from UI on every scroll */
+    setViewport(offsetY: number, viewportH: number): void;
+    /** listen to window changes */
+    onWindow(cb: (w: WindowState) => void): () => void;
+    /** lazily render one thumb */
+    renderThumb(pageIdx: number, dpr: number): Task<Blob, PdfErrorReason>;
+}

package/dist/preact/adapter.d.ts

@@ -0,0 +1,5 @@
+export { Fragment } from 'preact';
+export { useEffect, useRef, useState, useCallback, useMemo } from 'preact/hooks';
+export type { ComponentChildren as ReactNode } from 'preact';
+export type CSSProperties = import('preact').JSX.CSSProperties;
+export type HTMLAttributes<T = any> = import('preact').JSX.HTMLAttributes<T extends EventTarget ? T : never>;

package/dist/preact/core.d.ts

@@ -0,0 +1 @@
+export * from '@embedpdf/core/preact';

package/dist/preact/index.cjs

@@ -1,124 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/preact/index.ts
-var preact_exports = {};
-__export(preact_exports, {
-  ThumbImg: () => ThumbImg,
-  ThumbnailsPane: () => ThumbnailsPane,
-  useThumbnailCapability: () => useThumbnailCapability,
-  useThumbnailPlugin: () => useThumbnailPlugin
-});
-module.exports = __toCommonJS(preact_exports);
-
-// src/preact/hooks/use-thumbnail.ts
-var import_preact = require("@embedpdf/core/preact");
-var import_plugin_thumbnail = require("@embedpdf/plugin-thumbnail");
-var useThumbnailPlugin = () => (0, import_preact.usePlugin)(import_plugin_thumbnail.ThumbnailPlugin.id);
-var useThumbnailCapability = () => (0, import_preact.useCapability)(import_plugin_thumbnail.ThumbnailPlugin.id);
-
-// src/preact/components/thumbnails-pane.tsx
-var import_hooks = require("preact/hooks");
-var import_jsx_runtime = require("preact/jsx-runtime");
-function ThumbnailsPane({
-  style,
-  selectedPage,
-  scrollOptions = { behavior: "smooth", block: "nearest", inline: "nearest" },
-  ...props
-}) {
-  const { provides: thumbs } = useThumbnailCapability();
-  const viewportRef = (0, import_hooks.useRef)(null);
-  const [window2, setWindow] = (0, import_hooks.useState)(null);
-  (0, import_hooks.useEffect)(() => thumbs?.onWindow(setWindow), [thumbs]);
-  (0, import_hooks.useEffect)(() => {
-    const vp = viewportRef.current;
-    if (!vp) return;
-    const onScroll = () => thumbs?.setViewport(vp.scrollTop, vp.clientHeight);
-    vp.addEventListener("scroll", onScroll);
-    return () => vp.removeEventListener("scroll", onScroll);
-  }, [thumbs]);
-  (0, import_hooks.useEffect)(() => {
-    const vp = viewportRef.current;
-    if (!vp || !thumbs) return;
-    if (window2?.items.length === 0) {
-      thumbs.setViewport(vp.scrollTop, vp.clientHeight);
-    }
-  }, [window2, thumbs]);
-  (0, import_hooks.useEffect)(() => {
-    if (!selectedPage || !window2) return;
-    const item = window2.items.find((it) => it.pageIndex + 1 === selectedPage);
-    if (!item) return;
-    const vp = viewportRef.current;
-    if (!vp) return;
-    const margin = 8;
-    if (item.top < vp.scrollTop + margin) {
-      vp.scrollTo({ top: item.top, ...scrollOptions });
-    } else if (item.top + item.wrapperHeight + item.labelHeight > vp.scrollTop + vp.clientHeight - margin) {
-      vp.scrollTo({
-        top: item.top + item.wrapperHeight + item.labelHeight - vp.clientHeight,
-        ...scrollOptions
-      });
-    }
-  }, [selectedPage, window2, scrollOptions]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: viewportRef, style: { overflowY: "auto", position: "relative", ...style }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: window2?.totalHeight ?? 0, position: "relative" }, children: window2?.items.map((m) => props.children(m)) }) });
-}
-
-// src/preact/components/thumbnail-img.tsx
-var import_hooks3 = require("preact/hooks");
-var import_models = require("@embedpdf/models");
-var import_jsx_runtime2 = require("preact/jsx-runtime");
-function ThumbImg({ meta, style, ...props }) {
-  const { provides: thumbs } = useThumbnailCapability();
-  const [url, setUrl] = (0, import_hooks3.useState)();
-  const urlRef = (0, import_hooks3.useRef)(null);
-  (0, import_hooks3.useEffect)(() => {
-    const task = thumbs?.renderThumb(meta.pageIndex, window.devicePixelRatio);
-    task?.wait((blob) => {
-      const objectUrl = URL.createObjectURL(blob);
-      urlRef.current = objectUrl;
-      setUrl(objectUrl);
-    }, import_models.ignore);
-    return () => {
-      if (urlRef.current) {
-        URL.revokeObjectURL(urlRef.current);
-        urlRef.current = null;
-      } else {
-        task?.abort({
-          code: import_models.PdfErrorCode.Cancelled,
-          message: "canceled render task"
-        });
-      }
-    };
-  }, [meta.pageIndex]);
-  const handleImageLoad = () => {
-    if (urlRef.current) {
-      URL.revokeObjectURL(urlRef.current);
-      urlRef.current = null;
-    }
-  };
-  return url ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: url, onLoad: handleImageLoad, style, ...props }) : null;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ThumbImg,
-  ThumbnailsPane,
-  useThumbnailCapability,
-  useThumbnailPlugin
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),t=require("@embedpdf/plugin-thumbnail"),r=require("preact/jsx-runtime");require("preact");const n=require("preact/hooks"),l=require("@embedpdf/models"),i=()=>e.useCapability(t.ThumbnailPlugin.id);exports.ThumbImg=function({meta:e,style:t,...o}){const{provides:s}=i(),[u,c]=n.useState(),a=n.useRef(null);return n.useEffect((()=>{const t=null==s?void 0:s.renderThumb(e.pageIndex,window.devicePixelRatio);return null==t||t.wait((e=>{const t=URL.createObjectURL(e);a.current=t,c(t)}),l.ignore),()=>{a.current?(URL.revokeObjectURL(a.current),a.current=null):null==t||t.abort({code:l.PdfErrorCode.Cancelled,message:"canceled render task"})}}),[e.pageIndex]),u?r.jsx("img",{src:u,onLoad:()=>{a.current&&(URL.revokeObjectURL(a.current),a.current=null)},style:t,...o}):null},exports.ThumbnailsPane=function({style:e,selectedPage:t,scrollOptions:l={behavior:"smooth",block:"nearest",inline:"nearest"},...o}){const{provides:s}=i(),u=n.useRef(null),[c,a]=n.useState(null);return n.useEffect((()=>null==s?void 0:s.onWindow(a)),[s]),n.useEffect((()=>{const e=u.current;if(!e)return;const t=()=>null==s?void 0:s.setViewport(e.scrollTop,e.clientHeight);return e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)}),[s]),n.useEffect((()=>{const e=u.current;e&&s&&0===(null==c?void 0:c.items.length)&&s.setViewport(e.scrollTop,e.clientHeight)}),[c,s]),n.useEffect((()=>{if(!t||!c)return;const e=c.items.find((e=>e.pageIndex+1===t));if(!e)return;const r=u.current;if(!r)return;e.top<r.scrollTop+8?r.scrollTo({top:e.top,...l}):e.top+e.wrapperHeight+e.labelHeight>r.scrollTop+r.clientHeight-8&&r.scrollTo({top:e.top+e.wrapperHeight+e.labelHeight-r.clientHeight,...l})}),[t,c,l]),r.jsx("div",{ref:u,style:{overflowY:"auto",position:"relative",...e},...o,children:r.jsx("div",{style:{height:(null==c?void 0:c.totalHeight)??0,position:"relative"},children:null==c?void 0:c.items.map((e=>o.children(e)))})})},exports.useThumbnailCapability=i,exports.useThumbnailPlugin=()=>e.usePlugin(t.ThumbnailPlugin.id);
+//# sourceMappingURL=index.cjs.map