@embedpdf/plugin-tiling 1.0.16 → 1.0.18

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),i=require("@embedpdf/models"),t="tiling",s={id:t,name:"Tiling Plugin",version:"1.0.0",provides:["tiling"],requires:["render","scroll","viewport"],optional:[],defaultConfig:{enabled:!0,tileSize:768,overlapPx:2.5,extraRings:0}},r="UPDATE_VISIBLE_TILES",a="MARK_TILE_STATUS",l=e=>({type:r,payload:e}),o=(e,i,t)=>({type:a,payload:{pageIndex:e,tileId:i,status:t}});function n({tileSize:e=768,overlapPx:t=2.5,extraRings:s=0,scale:r,rotation:a,page:l,metric:o}){const n=l.size.width*r,c=l.size.height*r,d=e-t,h=i.transformSize(l.size,a,r),g={origin:{x:o.scaled.pageX,y:o.scaled.pageY},size:{width:o.scaled.visibleWidth,height:o.scaled.visibleHeight}},p=i.restoreRect(h,g,a,1),u=p.origin.x,b=p.origin.y,f=u+p.size.width,v=b+p.size.height,y=Math.floor((n-1)/d),x=Math.floor((c-1)/d),m=Math.max(0,Math.floor(u/d)-s),S=Math.min(y,Math.floor((f-1)/d)+s),T=Math.max(0,Math.floor(b/d)-s),w=Math.min(x,Math.floor((v-1)/d)+s),M=[];for(let i=m;i<=S;i++){const t=i*d,s=Math.min(e,n-t),a=t/r,o=s/r;for(let n=T;n<=w;n++){const h=n*d,g=Math.min(e,c-h),p=h/r,u=g/r;M.push({id:`p${l.index}-${r}-x${t}-y${h}-w${s}-h${g}`,col:i,row:n,pageRect:{origin:{x:a,y:p},size:{width:o,height:u}},screenRect:{origin:{x:t,y:h},size:{width:s,height:g}},status:"queued",srcScale:r,isFallback:!1})}}return M}const c=class extends e.BasePlugin{constructor(i,t,s){super(i,t),this.tileRendering$=e.createBehaviorEmitter(),this.config=s,this.renderCapability=this.registry.getPlugin("render").provides(),this.scrollCapability=this.registry.getPlugin("scroll").provides(),this.viewportCapability=this.registry.getPlugin("viewport").provides(),this.scrollCapability.onScroll((e=>this.calculateVisibleTiles(e)),{mode:"throttle",wait:500,throttleMode:"trailing"})}async initialize(){}onCoreStoreUpdated(e,i){e.core.scale!==i.core.scale&&this.calculateVisibleTiles(this.scrollCapability.getMetrics(this.viewportCapability.getMetrics()))}calculateVisibleTiles(e){var i;if(!this.config.enabled)return void this.dispatch(l([]));const t=this.coreState.core.scale,s=this.coreState.core.rotation,r={};for(const a of e.pageVisibilityMetrics){const e=a.pageNumber-1,l=null==(i=this.coreState.core.document)?void 0:i.pages[e];if(!l)continue;const o=n({page:l,metric:a,scale:t,rotation:s,tileSize:this.config.tileSize,overlapPx:this.config.overlapPx,extraRings:this.config.extraRings});r[e]=o}this.dispatch(l(r))}onStoreUpdated(e,i){this.tileRendering$.emit(i.visibleTiles)}buildCapability(){return{renderTile:this.renderTile.bind(this),onTileRendering:this.tileRendering$.on}}renderTile(e){if(!this.renderCapability)throw new Error("Render capability not available.");this.dispatch(o(e.pageIndex,e.tile.id,"rendering"));const t=this.renderCapability.renderPageRect({pageIndex:e.pageIndex,rect:e.tile.pageRect,scaleFactor:e.tile.srcScale,dpr:e.dpr});return t.wait((()=>{this.dispatch(o(e.pageIndex,e.tile.id,"ready"))}),i.ignore),t}};c.id="tiling";let d=c;const h={manifest:s,create:(e,i,s)=>new d(t,e,s),reducer:(e,i)=>((e,i)=>{var t,s;switch(i.type){case r:{const s=i.payload,r={...e.visibleTiles};for(const e in s){const i=Number(e),a=s[i],l=r[i]??[],o=null==(t=l.find((e=>!e.isFallback)))?void 0:t.srcScale,n=a[0].srcScale;if(void 0!==o&&o!==n){const e=l.filter((e=>!e.isFallback&&"ready"===e.status)).map((e=>({...e,isFallback:!0}))),t=e.length>0?[]:l.filter((e=>e.isFallback));r[i]=[...t,...e,...a]}else{const e=new Set(a.map((e=>e.id))),t=[],s=new Set;for(const i of l)(i.isFallback||e.has(i.id))&&(t.push(i),s.add(i.id));for(const i of a)s.has(i.id)||t.push(i);r[i]=t}}return{...e,visibleTiles:r}}case a:{const{pageIndex:t,tileId:r,status:a}=i.payload,l=(null==(s=e.visibleTiles[t])?void 0:s.map((e=>e.id===r?{...e,status:a}:e)))??[],o=l.filter((e=>!e.isFallback)),n=o.every((e=>"ready"===e.status))?o:l;return{...e,visibleTiles:{...e.visibleTiles,[t]:n}}}default:return e}})(e,i),initialState:{visibleTiles:{}}};exports.TILING_PLUGIN_ID=t,exports.TilingPlugin=d,exports.TilingPluginPackage=h,exports.manifest=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),i=require("@embedpdf/models"),t="tiling",s={id:t,name:"Tiling Plugin",version:"1.0.0",provides:["tiling"],requires:["render","scroll","viewport"],optional:[],defaultConfig:{enabled:!0,tileSize:768,overlapPx:2.5,extraRings:0}},r="UPDATE_VISIBLE_TILES",a="MARK_TILE_STATUS",l=e=>({type:r,payload:e}),o=(e,i,t)=>({type:a,payload:{pageIndex:e,tileId:i,status:t}});function n({tileSize:e=768,overlapPx:t=2.5,extraRings:s=0,scale:r,rotation:a,page:l,metric:o}){const n=l.size.width*r,c=l.size.height*r,d=e-t,h=i.transformSize(l.size,a,r),g={origin:{x:o.scaled.pageX,y:o.scaled.pageY},size:{width:o.scaled.visibleWidth,height:o.scaled.visibleHeight}},p=i.restoreRect(h,g,a,1),u=p.origin.x,f=p.origin.y,b=u+p.size.width,y=f+p.size.height,v=Math.floor((n-1)/d),x=Math.floor((c-1)/d),m=Math.max(0,Math.floor(u/d)-s),S=Math.min(v,Math.floor((b-1)/d)+s),T=Math.max(0,Math.floor(f/d)-s),P=Math.min(x,Math.floor((y-1)/d)+s),w=[];for(let i=m;i<=S;i++){const t=i*d,s=Math.min(e,n-t),a=t/r,o=s/r;for(let n=T;n<=P;n++){const h=n*d,g=Math.min(e,c-h),p=h/r,u=g/r;w.push({id:`p${l.index}-${r}-x${t}-y${h}-w${s}-h${g}`,col:i,row:n,pageRect:{origin:{x:a,y:p},size:{width:o,height:u}},screenRect:{origin:{x:t,y:h},size:{width:s,height:g}},status:"queued",srcScale:r,isFallback:!1})}}return w}const c=class extends e.BasePlugin{constructor(i,t,s){super(i,t),this.tileRendering$=e.createBehaviorEmitter(),this.refreshPages$=e.createEmitter(),this.config=s,this.renderCapability=this.registry.getPlugin("render").provides(),this.scrollCapability=this.registry.getPlugin("scroll").provides(),this.viewportCapability=this.registry.getPlugin("viewport").provides(),this.scrollCapability.onScroll((e=>this.calculateVisibleTiles(e)),{mode:"throttle",wait:500,throttleMode:"trailing"}),this.coreStore.onAction(e.REFRESH_PAGES,(e=>{this.refreshPages$.emit(e.payload)}))}async initialize(){}onCoreStoreUpdated(e,i){e.core.scale!==i.core.scale&&this.calculateVisibleTiles(this.scrollCapability.getMetrics(this.viewportCapability.getMetrics()))}onRefreshPages(e){return this.refreshPages$.on(e)}calculateVisibleTiles(e){var i;if(!this.config.enabled)return void this.dispatch(l([]));const t=this.coreState.core.scale,s=this.coreState.core.rotation,r={};for(const a of e.pageVisibilityMetrics){const e=a.pageNumber-1,l=null==(i=this.coreState.core.document)?void 0:i.pages[e];if(!l)continue;const o=n({page:l,metric:a,scale:t,rotation:s,tileSize:this.config.tileSize,overlapPx:this.config.overlapPx,extraRings:this.config.extraRings});r[e]=o}this.dispatch(l(r))}onStoreUpdated(e,i){this.tileRendering$.emit(i.visibleTiles)}buildCapability(){return{renderTile:this.renderTile.bind(this),onTileRendering:this.tileRendering$.on}}renderTile(e){if(!this.renderCapability)throw new Error("Render capability not available.");this.dispatch(o(e.pageIndex,e.tile.id,"rendering"));const t=this.renderCapability.renderPageRect({pageIndex:e.pageIndex,rect:e.tile.pageRect,scaleFactor:e.tile.srcScale,dpr:e.dpr});return t.wait((()=>{this.dispatch(o(e.pageIndex,e.tile.id,"ready"))}),i.ignore),t}};c.id="tiling";let d=c;const h={manifest:s,create:(e,i,s)=>new d(t,e,s),reducer:(e,i)=>((e,i)=>{var t,s;switch(i.type){case r:{const s=i.payload,r={...e.visibleTiles};for(const e in s){const i=Number(e),a=s[i],l=r[i]??[],o=null==(t=l.find((e=>!e.isFallback)))?void 0:t.srcScale,n=a[0].srcScale;if(void 0!==o&&o!==n){const e=l.filter((e=>!e.isFallback&&"ready"===e.status)).map((e=>({...e,isFallback:!0}))),t=e.length>0?[]:l.filter((e=>e.isFallback));r[i]=[...t,...e,...a]}else{const e=new Set(a.map((e=>e.id))),t=[],s=new Set;for(const i of l)(i.isFallback||e.has(i.id))&&(t.push(i),s.add(i.id));for(const i of a)s.has(i.id)||t.push(i);r[i]=t}}return{...e,visibleTiles:r}}case a:{const{pageIndex:t,tileId:r,status:a}=i.payload,l=(null==(s=e.visibleTiles[t])?void 0:s.map((e=>e.id===r?{...e,status:a}:e)))??[],o=l.filter((e=>!e.isFallback)),n=o.every((e=>"ready"===e.status))?o:l;return{...e,visibleTiles:{...e.visibleTiles,[t]:n}}}default:return e}})(e,i),initialState:{visibleTiles:{}}};exports.TILING_PLUGIN_ID=t,exports.TilingPlugin=d,exports.TilingPluginPackage=h,exports.manifest=s;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/lib/manifest.ts","../src/lib/actions.ts","../src/lib/utils.ts","../src/lib/tiling-plugin.ts","../src/lib/index.ts","../src/lib/reducer.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\n\nimport { TilingPluginConfig } from './types';\n\nexport const TILING_PLUGIN_ID = 'tiling';\n\nexport const manifest: PluginManifest<TilingPluginConfig> = {\n  id: TILING_PLUGIN_ID,\n  name: 'Tiling Plugin',\n  version: '1.0.0',\n  provides: ['tiling'],\n  requires: ['render', 'scroll', 'viewport'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    tileSize: 768,\n    overlapPx: 2.5,\n    extraRings: 0,\n  },\n};\n","import { Tile, TileStatus } from './types';\n\nexport const UPDATE_VISIBLE_TILES = 'UPDATE_VISIBLE_TILES';\nexport const MARK_TILE_STATUS = 'MARK_TILE_STATUS';\n\nexport type UpdateVisibleTilesAction = {\n  type: typeof UPDATE_VISIBLE_TILES;\n  payload: Record<number, Tile[]>;\n};\n\nexport type MarkTileStatusAction = {\n  type: typeof MARK_TILE_STATUS;\n  payload: { pageIndex: number; tileId: string; status: TileStatus };\n};\n\nexport type TilingAction = UpdateVisibleTilesAction | MarkTileStatusAction;\n\nexport const updateVisibleTiles = (tiles: Record<number, Tile[]>): UpdateVisibleTilesAction => ({\n  type: UPDATE_VISIBLE_TILES,\n  payload: tiles,\n});\n\nexport const markTileStatus = (\n  pageIndex: number,\n  tileId: string,\n  status: TileStatus,\n): MarkTileStatusAction => ({ type: MARK_TILE_STATUS, payload: { pageIndex, tileId, status } });\n","import { Rect, restoreRect, transformSize } from '@embedpdf/models';\nimport { CalculateTilesForPageOptions, Tile } from './types';\n\n/**\n * Build a grid where neighbouring tiles overlap by `overlapPx`\n * (screen pixels). Inner tiles keep the full `tileSize`, edge\n * tiles are clipped to the page bounds. All screen-space values\n * are rounded to **integers** to avoid sub-pixel seams.\n */\nexport function calculateTilesForPage({\n  tileSize = 768,\n  overlapPx = 2.5,\n  extraRings = 0,\n  scale,\n  rotation,\n  page,\n  metric,\n}: CalculateTilesForPageOptions): Tile[] {\n  /* ---- work in screen-pixel space -------------------------------- */\n  const pageW = page.size.width * scale; // px\n  const pageH = page.size.height * scale; // px\n\n  const step = tileSize - overlapPx; // shift between tiles\n\n  const containerSize = transformSize(page.size, rotation, scale);\n  const rotatedVisRect: Rect = {\n    origin: { x: metric.scaled.pageX, y: metric.scaled.pageY },\n    size: { width: metric.scaled.visibleWidth, height: metric.scaled.visibleHeight },\n  };\n  const unrotatedVisRect = restoreRect(containerSize, rotatedVisRect, rotation, 1);\n\n  const visLeft = unrotatedVisRect.origin.x;\n  const visTop = unrotatedVisRect.origin.y;\n  const visRight = visLeft + unrotatedVisRect.size.width;\n  const visBottom = visTop + unrotatedVisRect.size.height;\n\n  const maxCol = Math.floor((pageW - 1) / step);\n  const maxRow = Math.floor((pageH - 1) / step);\n\n  const startCol = Math.max(0, Math.floor(visLeft / step) - extraRings);\n  const endCol = Math.min(maxCol, Math.floor((visRight - 1) / step) + extraRings);\n  const startRow = Math.max(0, Math.floor(visTop / step) - extraRings);\n  const endRow = Math.min(maxRow, Math.floor((visBottom - 1) / step) + extraRings);\n\n  /* ---- build tiles ---------------------------------------------- */\n  const tiles: Tile[] = [];\n\n  for (let col = startCol; col <= endCol; col++) {\n    const xScreen = col * step; // px (integer)\n    const wScreen = Math.min(tileSize, pageW - xScreen); // px (≤  tileSize)\n\n    const xPage = xScreen / scale; // pt (may be frac.)\n    const wPage = wScreen / scale; // pt\n\n    for (let row = startRow; row <= endRow; row++) {\n      const yScreen = row * step;\n      const hScreen = Math.min(tileSize, pageH - yScreen);\n\n      const yPage = yScreen / scale;\n      const hPage = hScreen / scale;\n\n      tiles.push({\n        id: `p${page.index}-${scale}-x${xScreen}-y${yScreen}-w${wScreen}-h${hScreen}`,\n        col,\n        row,\n        pageRect: { origin: { x: xPage, y: yPage }, size: { width: wPage, height: hPage } },\n        screenRect: {\n          origin: { x: xScreen, y: yScreen },\n          size: { width: wScreen, height: hScreen },\n        },\n        status: 'queued',\n        srcScale: scale,\n        isFallback: false,\n      });\n    }\n  }\n\n  return tiles;\n}\n","import {\n  BasePlugin,\n  CoreState,\n  createBehaviorEmitter,\n  PluginRegistry,\n  StoreState,\n} from '@embedpdf/core';\nimport { ignore } from '@embedpdf/models';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\nimport { ScrollCapability, ScrollMetrics, ScrollPlugin } from '@embedpdf/plugin-scroll';\nimport { ViewportCapability, ViewportPlugin } from '@embedpdf/plugin-viewport';\n\nimport { markTileStatus, updateVisibleTiles } from './actions';\nimport {\n  TilingPluginConfig,\n  TilingCapability,\n  Tile,\n  RenderTileOptions,\n  TilingState,\n} from './types';\nimport { calculateTilesForPage } from './utils';\n\nexport class TilingPlugin extends BasePlugin<TilingPluginConfig, TilingCapability> {\n  static readonly id = 'tiling' as const;\n\n  private readonly tileRendering$ = createBehaviorEmitter<Record<number, Tile[]>>();\n\n  private config: TilingPluginConfig;\n  private renderCapability: RenderCapability;\n  private scrollCapability: ScrollCapability;\n  private viewportCapability: ViewportCapability;\n\n  constructor(id: string, registry: PluginRegistry, config: TilingPluginConfig) {\n    super(id, registry);\n\n    this.config = config;\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n    this.scrollCapability = this.registry.getPlugin<ScrollPlugin>('scroll')!.provides();\n    this.viewportCapability = this.registry.getPlugin<ViewportPlugin>('viewport')!.provides();\n\n    this.scrollCapability.onScroll((scrollMetrics) => this.calculateVisibleTiles(scrollMetrics), {\n      mode: 'throttle',\n      wait: 500,\n      throttleMode: 'trailing',\n    });\n  }\n\n  async initialize(): Promise<void> {\n    // Fetch dependencies from the registry if needed\n  }\n\n  protected onCoreStoreUpdated(\n    oldState: StoreState<CoreState>,\n    newState: StoreState<CoreState>,\n  ): void {\n    if (oldState.core.scale !== newState.core.scale) {\n      this.calculateVisibleTiles(\n        this.scrollCapability.getMetrics(this.viewportCapability.getMetrics()),\n      );\n    }\n  }\n\n  private calculateVisibleTiles(scrollMetrics: ScrollMetrics): void {\n    if (!this.config.enabled) {\n      this.dispatch(updateVisibleTiles([]));\n      return;\n    }\n\n    const scale = this.coreState.core.scale;\n    const rotation = this.coreState.core.rotation;\n    const visibleTiles: { [pageIndex: number]: Tile[] } = {};\n\n    for (const scrollMetric of scrollMetrics.pageVisibilityMetrics) {\n      const pageIndex = scrollMetric.pageNumber - 1; // Convert to 0-based index\n      const page = this.coreState.core.document?.pages[pageIndex];\n      if (!page) continue;\n\n      // Calculate tiles for the page using the utility function\n      const tiles = calculateTilesForPage({\n        page,\n        metric: scrollMetric,\n        scale,\n        rotation,\n        tileSize: this.config.tileSize,\n        overlapPx: this.config.overlapPx,\n        extraRings: this.config.extraRings,\n      });\n\n      visibleTiles[pageIndex] = tiles;\n    }\n\n    this.dispatch(updateVisibleTiles(visibleTiles));\n  }\n\n  override onStoreUpdated(_prevState: TilingState, newState: TilingState): void {\n    this.tileRendering$.emit(newState.visibleTiles);\n  }\n\n  protected buildCapability(): TilingCapability {\n    return {\n      renderTile: this.renderTile.bind(this),\n      onTileRendering: this.tileRendering$.on,\n    };\n  }\n\n  private renderTile(options: RenderTileOptions) {\n    if (!this.renderCapability) {\n      throw new Error('Render capability not available.');\n    }\n\n    this.dispatch(markTileStatus(options.pageIndex, options.tile.id, 'rendering'));\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex: options.pageIndex,\n      rect: options.tile.pageRect,\n      scaleFactor: options.tile.srcScale,\n      dpr: options.dpr,\n    });\n\n    task.wait(() => {\n      this.dispatch(markTileStatus(options.pageIndex, options.tile.id, 'ready'));\n    }, ignore);\n\n    return task;\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\n\nimport { TilingAction } from './actions';\nimport { manifest, TILING_PLUGIN_ID } from './manifest';\nimport { initialState, tilingReducer } from './reducer';\nimport { TilingPlugin } from './tiling-plugin';\nimport { TilingPluginConfig, TilingState } from './types';\n\nexport const TilingPluginPackage: PluginPackage<\n  TilingPlugin,\n  TilingPluginConfig,\n  TilingState,\n  TilingAction\n> = {\n  manifest,\n  create: (registry, _engine, config) => new TilingPlugin(TILING_PLUGIN_ID, registry, config),\n  reducer: (state, action) => tilingReducer(state, action),\n  initialState,\n};\n\nexport * from './tiling-plugin';\nexport * from './types';\nexport * from './manifest';\n","import { Reducer } from '@embedpdf/core';\n\nimport { UPDATE_VISIBLE_TILES, MARK_TILE_STATUS, TilingAction } from './actions';\nimport { Tile, TilingState } from './types';\n\nexport const initialState: TilingState = {\n  visibleTiles: {},\n};\n\nexport const tilingReducer: Reducer<TilingState, TilingAction> = (state, action) => {\n  switch (action.type) {\n    case UPDATE_VISIBLE_TILES: {\n      const incoming = action.payload; // Record<number, Tile[]>\n      const nextPages = { ...state.visibleTiles };\n\n      for (const key in incoming) {\n        const pageIndex = Number(key);\n        const newTiles = incoming[pageIndex]; // all isFallback=false\n        const prevTiles = nextPages[pageIndex] ?? [];\n\n        const prevScale = prevTiles.find((t) => !t.isFallback)?.srcScale;\n        const newScale = newTiles[0].srcScale;\n        const zoomChanged = prevScale !== undefined && prevScale !== newScale;\n\n        if (zoomChanged) {\n          /* 1️⃣  ready tiles from the old zoom → new fallback */\n          const promoted = prevTiles\n            .filter((t) => !t.isFallback && t.status === 'ready')\n            .map((t) => ({ ...t, isFallback: true }));\n\n          /* 2️⃣  decide which fallback tiles to keep           */\n          const fallbackToCarry = promoted.length > 0 ? [] : prevTiles.filter((t) => t.isFallback);\n\n          /* 3️⃣  final list = (maybe-kept fallback) + promoted + newTiles */\n          nextPages[pageIndex] = [...fallbackToCarry, ...promoted, ...newTiles];\n        } else {\n          /* same zoom → keep current fallback, replace visible */\n          const newIds = new Set(newTiles.map((t) => t.id));\n          const keepers: Tile[] = []; // where we’ll collect surviving tiles\n          const seenIds = new Set<string>();\n\n          /* 2️⃣  loop prevTiles once */\n          for (const t of prevTiles) {\n            if (t.isFallback) {\n              keepers.push(t); // always keep fallback\n              seenIds.add(t.id);\n            } else if (newIds.has(t.id)) {\n              keepers.push(t); // keep old visible tile (preserves status)\n              seenIds.add(t.id);\n            }\n          }\n\n          /* 3️⃣  append *brand-new* tiles (not yet kept) */\n          for (const t of newTiles) {\n            if (!seenIds.has(t.id)) keepers.push(t);\n          }\n\n          /* 4️⃣  store result */\n          nextPages[pageIndex] = keepers;\n        }\n      }\n\n      return { ...state, visibleTiles: nextPages };\n    }\n\n    case MARK_TILE_STATUS: {\n      const { pageIndex, tileId, status } = action.payload;\n      const tiles =\n        state.visibleTiles[pageIndex]?.map((t) =>\n          t.id === tileId ? ({ ...t, status } as Tile) : t,\n        ) ?? [];\n\n      const newTiles = tiles.filter((t) => !t.isFallback);\n      const allReady = newTiles.every((t) => t.status === 'ready');\n      const finalTiles = allReady ? newTiles : tiles;\n\n      return {\n        ...state,\n        visibleTiles: { ...state.visibleTiles, [pageIndex]: finalTiles },\n      };\n    }\n\n    default:\n      return state;\n  }\n};\n"],"names":["TILING_PLUGIN_ID","manifest","id","name","version","provides","requires","optional","defaultConfig","enabled","tileSize","overlapPx","extraRings","UPDATE_VISIBLE_TILES","MARK_TILE_STATUS","updateVisibleTiles","tiles","type","payload","markTileStatus","pageIndex","tileId","status","calculateTilesForPage","scale","rotation","page","metric","pageW","size","width","pageH","height","step","containerSize","transformSize","rotatedVisRect","origin","x","scaled","pageX","y","pageY","visibleWidth","visibleHeight","unrotatedVisRect","restoreRect","visLeft","visTop","visRight","visBottom","maxCol","Math","floor","maxRow","startCol","max","endCol","min","startRow","endRow","col","xScreen","wScreen","xPage","wPage","row","yScreen","hScreen","yPage","hPage","push","index","pageRect","screenRect","srcScale","isFallback","_TilingPlugin","BasePlugin","constructor","registry","config","super","this","tileRendering$","createBehaviorEmitter","renderCapability","getPlugin","scrollCapability","viewportCapability","onScroll","scrollMetrics","calculateVisibleTiles","mode","wait","throttleMode","initialize","onCoreStoreUpdated","oldState","newState","core","getMetrics","dispatch","coreState","visibleTiles","scrollMetric","pageVisibilityMetrics","pageNumber","_a","document","pages","onStoreUpdated","_prevState","emit","buildCapability","renderTile","bind","onTileRendering","on","options","Error","tile","task","renderPageRect","rect","scaleFactor","dpr","ignore","TilingPlugin","TilingPluginPackage","create","_engine","reducer","state","action","incoming","nextPages","key","Number","newTiles","prevTiles","prevScale","find","t","newScale","promoted","filter","map","fallbackToCarry","length","newIds","Set","keepers","seenIds","has","add","_b","finalTiles","every","tilingReducer","initialState"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../src/lib/manifest.ts","../src/lib/actions.ts","../src/lib/utils.ts","../src/lib/tiling-plugin.ts","../src/lib/index.ts","../src/lib/reducer.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\n\nimport { TilingPluginConfig } from './types';\n\nexport const TILING_PLUGIN_ID = 'tiling';\n\nexport const manifest: PluginManifest<TilingPluginConfig> = {\n  id: TILING_PLUGIN_ID,\n  name: 'Tiling Plugin',\n  version: '1.0.0',\n  provides: ['tiling'],\n  requires: ['render', 'scroll', 'viewport'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    tileSize: 768,\n    overlapPx: 2.5,\n    extraRings: 0,\n  },\n};\n","import { Tile, TileStatus } from './types';\n\nexport const UPDATE_VISIBLE_TILES = 'UPDATE_VISIBLE_TILES';\nexport const MARK_TILE_STATUS = 'MARK_TILE_STATUS';\n\nexport type UpdateVisibleTilesAction = {\n  type: typeof UPDATE_VISIBLE_TILES;\n  payload: Record<number, Tile[]>;\n};\n\nexport type MarkTileStatusAction = {\n  type: typeof MARK_TILE_STATUS;\n  payload: { pageIndex: number; tileId: string; status: TileStatus };\n};\n\nexport type TilingAction = UpdateVisibleTilesAction | MarkTileStatusAction;\n\nexport const updateVisibleTiles = (tiles: Record<number, Tile[]>): UpdateVisibleTilesAction => ({\n  type: UPDATE_VISIBLE_TILES,\n  payload: tiles,\n});\n\nexport const markTileStatus = (\n  pageIndex: number,\n  tileId: string,\n  status: TileStatus,\n): MarkTileStatusAction => ({ type: MARK_TILE_STATUS, payload: { pageIndex, tileId, status } });\n","import { Rect, restoreRect, transformSize } from '@embedpdf/models';\nimport { CalculateTilesForPageOptions, Tile } from './types';\n\n/**\n * Build a grid where neighbouring tiles overlap by `overlapPx`\n * (screen pixels). Inner tiles keep the full `tileSize`, edge\n * tiles are clipped to the page bounds. All screen-space values\n * are rounded to **integers** to avoid sub-pixel seams.\n */\nexport function calculateTilesForPage({\n  tileSize = 768,\n  overlapPx = 2.5,\n  extraRings = 0,\n  scale,\n  rotation,\n  page,\n  metric,\n}: CalculateTilesForPageOptions): Tile[] {\n  /* ---- work in screen-pixel space -------------------------------- */\n  const pageW = page.size.width * scale; // px\n  const pageH = page.size.height * scale; // px\n\n  const step = tileSize - overlapPx; // shift between tiles\n\n  const containerSize = transformSize(page.size, rotation, scale);\n  const rotatedVisRect: Rect = {\n    origin: { x: metric.scaled.pageX, y: metric.scaled.pageY },\n    size: { width: metric.scaled.visibleWidth, height: metric.scaled.visibleHeight },\n  };\n  const unrotatedVisRect = restoreRect(containerSize, rotatedVisRect, rotation, 1);\n\n  const visLeft = unrotatedVisRect.origin.x;\n  const visTop = unrotatedVisRect.origin.y;\n  const visRight = visLeft + unrotatedVisRect.size.width;\n  const visBottom = visTop + unrotatedVisRect.size.height;\n\n  const maxCol = Math.floor((pageW - 1) / step);\n  const maxRow = Math.floor((pageH - 1) / step);\n\n  const startCol = Math.max(0, Math.floor(visLeft / step) - extraRings);\n  const endCol = Math.min(maxCol, Math.floor((visRight - 1) / step) + extraRings);\n  const startRow = Math.max(0, Math.floor(visTop / step) - extraRings);\n  const endRow = Math.min(maxRow, Math.floor((visBottom - 1) / step) + extraRings);\n\n  /* ---- build tiles ---------------------------------------------- */\n  const tiles: Tile[] = [];\n\n  for (let col = startCol; col <= endCol; col++) {\n    const xScreen = col * step; // px (integer)\n    const wScreen = Math.min(tileSize, pageW - xScreen); // px (≤  tileSize)\n\n    const xPage = xScreen / scale; // pt (may be frac.)\n    const wPage = wScreen / scale; // pt\n\n    for (let row = startRow; row <= endRow; row++) {\n      const yScreen = row * step;\n      const hScreen = Math.min(tileSize, pageH - yScreen);\n\n      const yPage = yScreen / scale;\n      const hPage = hScreen / scale;\n\n      tiles.push({\n        id: `p${page.index}-${scale}-x${xScreen}-y${yScreen}-w${wScreen}-h${hScreen}`,\n        col,\n        row,\n        pageRect: { origin: { x: xPage, y: yPage }, size: { width: wPage, height: hPage } },\n        screenRect: {\n          origin: { x: xScreen, y: yScreen },\n          size: { width: wScreen, height: hScreen },\n        },\n        status: 'queued',\n        srcScale: scale,\n        isFallback: false,\n      });\n    }\n  }\n\n  return tiles;\n}\n","import {\n  BasePlugin,\n  CoreState,\n  createBehaviorEmitter,\n  createEmitter,\n  PluginRegistry,\n  REFRESH_PAGES,\n  StoreState,\n  Unsubscribe,\n} from '@embedpdf/core';\nimport { ignore } from '@embedpdf/models';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\nimport { ScrollCapability, ScrollMetrics, ScrollPlugin } from '@embedpdf/plugin-scroll';\nimport { ViewportCapability, ViewportPlugin } from '@embedpdf/plugin-viewport';\n\nimport { markTileStatus, updateVisibleTiles } from './actions';\nimport {\n  TilingPluginConfig,\n  TilingCapability,\n  Tile,\n  RenderTileOptions,\n  TilingState,\n} from './types';\nimport { calculateTilesForPage } from './utils';\n\nexport class TilingPlugin extends BasePlugin<TilingPluginConfig, TilingCapability> {\n  static readonly id = 'tiling' as const;\n\n  private readonly tileRendering$ = createBehaviorEmitter<Record<number, Tile[]>>();\n  private readonly refreshPages$ = createEmitter<number[]>();\n\n  private config: TilingPluginConfig;\n  private renderCapability: RenderCapability;\n  private scrollCapability: ScrollCapability;\n  private viewportCapability: ViewportCapability;\n\n  constructor(id: string, registry: PluginRegistry, config: TilingPluginConfig) {\n    super(id, registry);\n\n    this.config = config;\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n    this.scrollCapability = this.registry.getPlugin<ScrollPlugin>('scroll')!.provides();\n    this.viewportCapability = this.registry.getPlugin<ViewportPlugin>('viewport')!.provides();\n\n    this.scrollCapability.onScroll((scrollMetrics) => this.calculateVisibleTiles(scrollMetrics), {\n      mode: 'throttle',\n      wait: 500,\n      throttleMode: 'trailing',\n    });\n\n    this.coreStore.onAction(REFRESH_PAGES, (action) => {\n      this.refreshPages$.emit(action.payload);\n    });\n  }\n\n  async initialize(): Promise<void> {\n    // Fetch dependencies from the registry if needed\n  }\n\n  protected onCoreStoreUpdated(\n    oldState: StoreState<CoreState>,\n    newState: StoreState<CoreState>,\n  ): void {\n    if (oldState.core.scale !== newState.core.scale) {\n      this.calculateVisibleTiles(\n        this.scrollCapability.getMetrics(this.viewportCapability.getMetrics()),\n      );\n    }\n  }\n\n  public onRefreshPages(fn: (pages: number[]) => void): Unsubscribe {\n    return this.refreshPages$.on(fn);\n  }\n\n  private calculateVisibleTiles(scrollMetrics: ScrollMetrics): void {\n    if (!this.config.enabled) {\n      this.dispatch(updateVisibleTiles([]));\n      return;\n    }\n\n    const scale = this.coreState.core.scale;\n    const rotation = this.coreState.core.rotation;\n    const visibleTiles: { [pageIndex: number]: Tile[] } = {};\n\n    for (const scrollMetric of scrollMetrics.pageVisibilityMetrics) {\n      const pageIndex = scrollMetric.pageNumber - 1; // Convert to 0-based index\n      const page = this.coreState.core.document?.pages[pageIndex];\n      if (!page) continue;\n\n      // Calculate tiles for the page using the utility function\n      const tiles = calculateTilesForPage({\n        page,\n        metric: scrollMetric,\n        scale,\n        rotation,\n        tileSize: this.config.tileSize,\n        overlapPx: this.config.overlapPx,\n        extraRings: this.config.extraRings,\n      });\n\n      visibleTiles[pageIndex] = tiles;\n    }\n\n    this.dispatch(updateVisibleTiles(visibleTiles));\n  }\n\n  override onStoreUpdated(_prevState: TilingState, newState: TilingState): void {\n    this.tileRendering$.emit(newState.visibleTiles);\n  }\n\n  protected buildCapability(): TilingCapability {\n    return {\n      renderTile: this.renderTile.bind(this),\n      onTileRendering: this.tileRendering$.on,\n    };\n  }\n\n  private renderTile(options: RenderTileOptions) {\n    if (!this.renderCapability) {\n      throw new Error('Render capability not available.');\n    }\n\n    this.dispatch(markTileStatus(options.pageIndex, options.tile.id, 'rendering'));\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex: options.pageIndex,\n      rect: options.tile.pageRect,\n      scaleFactor: options.tile.srcScale,\n      dpr: options.dpr,\n    });\n\n    task.wait(() => {\n      this.dispatch(markTileStatus(options.pageIndex, options.tile.id, 'ready'));\n    }, ignore);\n\n    return task;\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\n\nimport { TilingAction } from './actions';\nimport { manifest, TILING_PLUGIN_ID } from './manifest';\nimport { initialState, tilingReducer } from './reducer';\nimport { TilingPlugin } from './tiling-plugin';\nimport { TilingPluginConfig, TilingState } from './types';\n\nexport const TilingPluginPackage: PluginPackage<\n  TilingPlugin,\n  TilingPluginConfig,\n  TilingState,\n  TilingAction\n> = {\n  manifest,\n  create: (registry, _engine, config) => new TilingPlugin(TILING_PLUGIN_ID, registry, config),\n  reducer: (state, action) => tilingReducer(state, action),\n  initialState,\n};\n\nexport * from './tiling-plugin';\nexport * from './types';\nexport * from './manifest';\n","import { Reducer } from '@embedpdf/core';\n\nimport { UPDATE_VISIBLE_TILES, MARK_TILE_STATUS, TilingAction } from './actions';\nimport { Tile, TilingState } from './types';\n\nexport const initialState: TilingState = {\n  visibleTiles: {},\n};\n\nexport const tilingReducer: Reducer<TilingState, TilingAction> = (state, action) => {\n  switch (action.type) {\n    case UPDATE_VISIBLE_TILES: {\n      const incoming = action.payload; // Record<number, Tile[]>\n      const nextPages = { ...state.visibleTiles };\n\n      for (const key in incoming) {\n        const pageIndex = Number(key);\n        const newTiles = incoming[pageIndex]; // all isFallback=false\n        const prevTiles = nextPages[pageIndex] ?? [];\n\n        const prevScale = prevTiles.find((t) => !t.isFallback)?.srcScale;\n        const newScale = newTiles[0].srcScale;\n        const zoomChanged = prevScale !== undefined && prevScale !== newScale;\n\n        if (zoomChanged) {\n          /* 1️⃣  ready tiles from the old zoom → new fallback */\n          const promoted = prevTiles\n            .filter((t) => !t.isFallback && t.status === 'ready')\n            .map((t) => ({ ...t, isFallback: true }));\n\n          /* 2️⃣  decide which fallback tiles to keep           */\n          const fallbackToCarry = promoted.length > 0 ? [] : prevTiles.filter((t) => t.isFallback);\n\n          /* 3️⃣  final list = (maybe-kept fallback) + promoted + newTiles */\n          nextPages[pageIndex] = [...fallbackToCarry, ...promoted, ...newTiles];\n        } else {\n          /* same zoom → keep current fallback, replace visible */\n          const newIds = new Set(newTiles.map((t) => t.id));\n          const keepers: Tile[] = []; // where we’ll collect surviving tiles\n          const seenIds = new Set<string>();\n\n          /* 2️⃣  loop prevTiles once */\n          for (const t of prevTiles) {\n            if (t.isFallback) {\n              keepers.push(t); // always keep fallback\n              seenIds.add(t.id);\n            } else if (newIds.has(t.id)) {\n              keepers.push(t); // keep old visible tile (preserves status)\n              seenIds.add(t.id);\n            }\n          }\n\n          /* 3️⃣  append *brand-new* tiles (not yet kept) */\n          for (const t of newTiles) {\n            if (!seenIds.has(t.id)) keepers.push(t);\n          }\n\n          /* 4️⃣  store result */\n          nextPages[pageIndex] = keepers;\n        }\n      }\n\n      return { ...state, visibleTiles: nextPages };\n    }\n\n    case MARK_TILE_STATUS: {\n      const { pageIndex, tileId, status } = action.payload;\n      const tiles =\n        state.visibleTiles[pageIndex]?.map((t) =>\n          t.id === tileId ? ({ ...t, status } as Tile) : t,\n        ) ?? [];\n\n      const newTiles = tiles.filter((t) => !t.isFallback);\n      const allReady = newTiles.every((t) => t.status === 'ready');\n      const finalTiles = allReady ? newTiles : tiles;\n\n      return {\n        ...state,\n        visibleTiles: { ...state.visibleTiles, [pageIndex]: finalTiles },\n      };\n    }\n\n    default:\n      return state;\n  }\n};\n"],"names":["TILING_PLUGIN_ID","manifest","id","name","version","provides","requires","optional","defaultConfig","enabled","tileSize","overlapPx","extraRings","UPDATE_VISIBLE_TILES","MARK_TILE_STATUS","updateVisibleTiles","tiles","type","payload","markTileStatus","pageIndex","tileId","status","calculateTilesForPage","scale","rotation","page","metric","pageW","size","width","pageH","height","step","containerSize","transformSize","rotatedVisRect","origin","x","scaled","pageX","y","pageY","visibleWidth","visibleHeight","unrotatedVisRect","restoreRect","visLeft","visTop","visRight","visBottom","maxCol","Math","floor","maxRow","startCol","max","endCol","min","startRow","endRow","col","xScreen","wScreen","xPage","wPage","row","yScreen","hScreen","yPage","hPage","push","index","pageRect","screenRect","srcScale","isFallback","_TilingPlugin","BasePlugin","constructor","registry","config","super","this","tileRendering$","createBehaviorEmitter","refreshPages$","createEmitter","renderCapability","getPlugin","scrollCapability","viewportCapability","onScroll","scrollMetrics","calculateVisibleTiles","mode","wait","throttleMode","coreStore","onAction","REFRESH_PAGES","action","emit","initialize","onCoreStoreUpdated","oldState","newState","core","getMetrics","onRefreshPages","fn","on","dispatch","coreState","visibleTiles","scrollMetric","pageVisibilityMetrics","pageNumber","_a","document","pages","onStoreUpdated","_prevState","buildCapability","renderTile","bind","onTileRendering","options","Error","tile","task","renderPageRect","rect","scaleFactor","dpr","ignore","TilingPlugin","TilingPluginPackage","create","_engine","reducer","state","incoming","nextPages","key","Number","newTiles","prevTiles","prevScale","find","t","newScale","promoted","filter","map","fallbackToCarry","length","newIds","Set","keepers","seenIds","has","add","_b","finalTiles","every","tilingReducer","initialState"],"mappings":"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"}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { BasePlugin, createBehaviorEmitter } from "@embedpdf/core";
+import { BasePlugin, createBehaviorEmitter, createEmitter, REFRESH_PAGES } from "@embedpdf/core";
 import { transformSize, restoreRect, ignore } from "@embedpdf/models";
 const TILING_PLUGIN_ID = "tiling";
 const manifest = {
@@ -140,6 +140,7 @@ const _TilingPlugin = class _TilingPlugin extends BasePlugin {
   constructor(id, registry, config) {
     super(id, registry);
     this.tileRendering$ = createBehaviorEmitter();
+    this.refreshPages$ = createEmitter();
     this.config = config;
     this.renderCapability = this.registry.getPlugin("render").provides();
     this.scrollCapability = this.registry.getPlugin("scroll").provides();
@@ -149,6 +150,9 @@ const _TilingPlugin = class _TilingPlugin extends BasePlugin {
       wait: 500,
       throttleMode: "trailing"
     });
+    this.coreStore.onAction(REFRESH_PAGES, (action) => {
+      this.refreshPages$.emit(action.payload);
+    });
   }
   async initialize() {
   }
@@ -159,6 +163,9 @@ const _TilingPlugin = class _TilingPlugin extends BasePlugin {
       );
     }
   }
+  onRefreshPages(fn) {
+    return this.refreshPages$.on(fn);
+  }
   calculateVisibleTiles(scrollMetrics) {
     var _a;
     if (!this.config.enabled) {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/lib/manifest.ts","../src/lib/actions.ts","../src/lib/reducer.ts","../src/lib/utils.ts","../src/lib/tiling-plugin.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\n\nimport { TilingPluginConfig } from './types';\n\nexport const TILING_PLUGIN_ID = 'tiling';\n\nexport const manifest: PluginManifest<TilingPluginConfig> = {\n  id: TILING_PLUGIN_ID,\n  name: 'Tiling Plugin',\n  version: '1.0.0',\n  provides: ['tiling'],\n  requires: ['render', 'scroll', 'viewport'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    tileSize: 768,\n    overlapPx: 2.5,\n    extraRings: 0,\n  },\n};\n","import { Tile, TileStatus } from './types';\n\nexport const UPDATE_VISIBLE_TILES = 'UPDATE_VISIBLE_TILES';\nexport const MARK_TILE_STATUS = 'MARK_TILE_STATUS';\n\nexport type UpdateVisibleTilesAction = {\n  type: typeof UPDATE_VISIBLE_TILES;\n  payload: Record<number, Tile[]>;\n};\n\nexport type MarkTileStatusAction = {\n  type: typeof MARK_TILE_STATUS;\n  payload: { pageIndex: number; tileId: string; status: TileStatus };\n};\n\nexport type TilingAction = UpdateVisibleTilesAction | MarkTileStatusAction;\n\nexport const updateVisibleTiles = (tiles: Record<number, Tile[]>): UpdateVisibleTilesAction => ({\n  type: UPDATE_VISIBLE_TILES,\n  payload: tiles,\n});\n\nexport const markTileStatus = (\n  pageIndex: number,\n  tileId: string,\n  status: TileStatus,\n): MarkTileStatusAction => ({ type: MARK_TILE_STATUS, payload: { pageIndex, tileId, status } });\n","import { Reducer } from '@embedpdf/core';\n\nimport { UPDATE_VISIBLE_TILES, MARK_TILE_STATUS, TilingAction } from './actions';\nimport { Tile, TilingState } from './types';\n\nexport const initialState: TilingState = {\n  visibleTiles: {},\n};\n\nexport const tilingReducer: Reducer<TilingState, TilingAction> = (state, action) => {\n  switch (action.type) {\n    case UPDATE_VISIBLE_TILES: {\n      const incoming = action.payload; // Record<number, Tile[]>\n      const nextPages = { ...state.visibleTiles };\n\n      for (const key in incoming) {\n        const pageIndex = Number(key);\n        const newTiles = incoming[pageIndex]; // all isFallback=false\n        const prevTiles = nextPages[pageIndex] ?? [];\n\n        const prevScale = prevTiles.find((t) => !t.isFallback)?.srcScale;\n        const newScale = newTiles[0].srcScale;\n        const zoomChanged = prevScale !== undefined && prevScale !== newScale;\n\n        if (zoomChanged) {\n          /* 1️⃣  ready tiles from the old zoom → new fallback */\n          const promoted = prevTiles\n            .filter((t) => !t.isFallback && t.status === 'ready')\n            .map((t) => ({ ...t, isFallback: true }));\n\n          /* 2️⃣  decide which fallback tiles to keep           */\n          const fallbackToCarry = promoted.length > 0 ? [] : prevTiles.filter((t) => t.isFallback);\n\n          /* 3️⃣  final list = (maybe-kept fallback) + promoted + newTiles */\n          nextPages[pageIndex] = [...fallbackToCarry, ...promoted, ...newTiles];\n        } else {\n          /* same zoom → keep current fallback, replace visible */\n          const newIds = new Set(newTiles.map((t) => t.id));\n          const keepers: Tile[] = []; // where we’ll collect surviving tiles\n          const seenIds = new Set<string>();\n\n          /* 2️⃣  loop prevTiles once */\n          for (const t of prevTiles) {\n            if (t.isFallback) {\n              keepers.push(t); // always keep fallback\n              seenIds.add(t.id);\n            } else if (newIds.has(t.id)) {\n              keepers.push(t); // keep old visible tile (preserves status)\n              seenIds.add(t.id);\n            }\n          }\n\n          /* 3️⃣  append *brand-new* tiles (not yet kept) */\n          for (const t of newTiles) {\n            if (!seenIds.has(t.id)) keepers.push(t);\n          }\n\n          /* 4️⃣  store result */\n          nextPages[pageIndex] = keepers;\n        }\n      }\n\n      return { ...state, visibleTiles: nextPages };\n    }\n\n    case MARK_TILE_STATUS: {\n      const { pageIndex, tileId, status } = action.payload;\n      const tiles =\n        state.visibleTiles[pageIndex]?.map((t) =>\n          t.id === tileId ? ({ ...t, status } as Tile) : t,\n        ) ?? [];\n\n      const newTiles = tiles.filter((t) => !t.isFallback);\n      const allReady = newTiles.every((t) => t.status === 'ready');\n      const finalTiles = allReady ? newTiles : tiles;\n\n      return {\n        ...state,\n        visibleTiles: { ...state.visibleTiles, [pageIndex]: finalTiles },\n      };\n    }\n\n    default:\n      return state;\n  }\n};\n","import { Rect, restoreRect, transformSize } from '@embedpdf/models';\nimport { CalculateTilesForPageOptions, Tile } from './types';\n\n/**\n * Build a grid where neighbouring tiles overlap by `overlapPx`\n * (screen pixels). Inner tiles keep the full `tileSize`, edge\n * tiles are clipped to the page bounds. All screen-space values\n * are rounded to **integers** to avoid sub-pixel seams.\n */\nexport function calculateTilesForPage({\n  tileSize = 768,\n  overlapPx = 2.5,\n  extraRings = 0,\n  scale,\n  rotation,\n  page,\n  metric,\n}: CalculateTilesForPageOptions): Tile[] {\n  /* ---- work in screen-pixel space -------------------------------- */\n  const pageW = page.size.width * scale; // px\n  const pageH = page.size.height * scale; // px\n\n  const step = tileSize - overlapPx; // shift between tiles\n\n  const containerSize = transformSize(page.size, rotation, scale);\n  const rotatedVisRect: Rect = {\n    origin: { x: metric.scaled.pageX, y: metric.scaled.pageY },\n    size: { width: metric.scaled.visibleWidth, height: metric.scaled.visibleHeight },\n  };\n  const unrotatedVisRect = restoreRect(containerSize, rotatedVisRect, rotation, 1);\n\n  const visLeft = unrotatedVisRect.origin.x;\n  const visTop = unrotatedVisRect.origin.y;\n  const visRight = visLeft + unrotatedVisRect.size.width;\n  const visBottom = visTop + unrotatedVisRect.size.height;\n\n  const maxCol = Math.floor((pageW - 1) / step);\n  const maxRow = Math.floor((pageH - 1) / step);\n\n  const startCol = Math.max(0, Math.floor(visLeft / step) - extraRings);\n  const endCol = Math.min(maxCol, Math.floor((visRight - 1) / step) + extraRings);\n  const startRow = Math.max(0, Math.floor(visTop / step) - extraRings);\n  const endRow = Math.min(maxRow, Math.floor((visBottom - 1) / step) + extraRings);\n\n  /* ---- build tiles ---------------------------------------------- */\n  const tiles: Tile[] = [];\n\n  for (let col = startCol; col <= endCol; col++) {\n    const xScreen = col * step; // px (integer)\n    const wScreen = Math.min(tileSize, pageW - xScreen); // px (≤  tileSize)\n\n    const xPage = xScreen / scale; // pt (may be frac.)\n    const wPage = wScreen / scale; // pt\n\n    for (let row = startRow; row <= endRow; row++) {\n      const yScreen = row * step;\n      const hScreen = Math.min(tileSize, pageH - yScreen);\n\n      const yPage = yScreen / scale;\n      const hPage = hScreen / scale;\n\n      tiles.push({\n        id: `p${page.index}-${scale}-x${xScreen}-y${yScreen}-w${wScreen}-h${hScreen}`,\n        col,\n        row,\n        pageRect: { origin: { x: xPage, y: yPage }, size: { width: wPage, height: hPage } },\n        screenRect: {\n          origin: { x: xScreen, y: yScreen },\n          size: { width: wScreen, height: hScreen },\n        },\n        status: 'queued',\n        srcScale: scale,\n        isFallback: false,\n      });\n    }\n  }\n\n  return tiles;\n}\n","import {\n  BasePlugin,\n  CoreState,\n  createBehaviorEmitter,\n  PluginRegistry,\n  StoreState,\n} from '@embedpdf/core';\nimport { ignore } from '@embedpdf/models';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\nimport { ScrollCapability, ScrollMetrics, ScrollPlugin } from '@embedpdf/plugin-scroll';\nimport { ViewportCapability, ViewportPlugin } from '@embedpdf/plugin-viewport';\n\nimport { markTileStatus, updateVisibleTiles } from './actions';\nimport {\n  TilingPluginConfig,\n  TilingCapability,\n  Tile,\n  RenderTileOptions,\n  TilingState,\n} from './types';\nimport { calculateTilesForPage } from './utils';\n\nexport class TilingPlugin extends BasePlugin<TilingPluginConfig, TilingCapability> {\n  static readonly id = 'tiling' as const;\n\n  private readonly tileRendering$ = createBehaviorEmitter<Record<number, Tile[]>>();\n\n  private config: TilingPluginConfig;\n  private renderCapability: RenderCapability;\n  private scrollCapability: ScrollCapability;\n  private viewportCapability: ViewportCapability;\n\n  constructor(id: string, registry: PluginRegistry, config: TilingPluginConfig) {\n    super(id, registry);\n\n    this.config = config;\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n    this.scrollCapability = this.registry.getPlugin<ScrollPlugin>('scroll')!.provides();\n    this.viewportCapability = this.registry.getPlugin<ViewportPlugin>('viewport')!.provides();\n\n    this.scrollCapability.onScroll((scrollMetrics) => this.calculateVisibleTiles(scrollMetrics), {\n      mode: 'throttle',\n      wait: 500,\n      throttleMode: 'trailing',\n    });\n  }\n\n  async initialize(): Promise<void> {\n    // Fetch dependencies from the registry if needed\n  }\n\n  protected onCoreStoreUpdated(\n    oldState: StoreState<CoreState>,\n    newState: StoreState<CoreState>,\n  ): void {\n    if (oldState.core.scale !== newState.core.scale) {\n      this.calculateVisibleTiles(\n        this.scrollCapability.getMetrics(this.viewportCapability.getMetrics()),\n      );\n    }\n  }\n\n  private calculateVisibleTiles(scrollMetrics: ScrollMetrics): void {\n    if (!this.config.enabled) {\n      this.dispatch(updateVisibleTiles([]));\n      return;\n    }\n\n    const scale = this.coreState.core.scale;\n    const rotation = this.coreState.core.rotation;\n    const visibleTiles: { [pageIndex: number]: Tile[] } = {};\n\n    for (const scrollMetric of scrollMetrics.pageVisibilityMetrics) {\n      const pageIndex = scrollMetric.pageNumber - 1; // Convert to 0-based index\n      const page = this.coreState.core.document?.pages[pageIndex];\n      if (!page) continue;\n\n      // Calculate tiles for the page using the utility function\n      const tiles = calculateTilesForPage({\n        page,\n        metric: scrollMetric,\n        scale,\n        rotation,\n        tileSize: this.config.tileSize,\n        overlapPx: this.config.overlapPx,\n        extraRings: this.config.extraRings,\n      });\n\n      visibleTiles[pageIndex] = tiles;\n    }\n\n    this.dispatch(updateVisibleTiles(visibleTiles));\n  }\n\n  override onStoreUpdated(_prevState: TilingState, newState: TilingState): void {\n    this.tileRendering$.emit(newState.visibleTiles);\n  }\n\n  protected buildCapability(): TilingCapability {\n    return {\n      renderTile: this.renderTile.bind(this),\n      onTileRendering: this.tileRendering$.on,\n    };\n  }\n\n  private renderTile(options: RenderTileOptions) {\n    if (!this.renderCapability) {\n      throw new Error('Render capability not available.');\n    }\n\n    this.dispatch(markTileStatus(options.pageIndex, options.tile.id, 'rendering'));\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex: options.pageIndex,\n      rect: options.tile.pageRect,\n      scaleFactor: options.tile.srcScale,\n      dpr: options.dpr,\n    });\n\n    task.wait(() => {\n      this.dispatch(markTileStatus(options.pageIndex, options.tile.id, 'ready'));\n    }, ignore);\n\n    return task;\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\n\nimport { TilingAction } from './actions';\nimport { manifest, TILING_PLUGIN_ID } from './manifest';\nimport { initialState, tilingReducer } from './reducer';\nimport { TilingPlugin } from './tiling-plugin';\nimport { TilingPluginConfig, TilingState } from './types';\n\nexport const TilingPluginPackage: PluginPackage<\n  TilingPlugin,\n  TilingPluginConfig,\n  TilingState,\n  TilingAction\n> = {\n  manifest,\n  create: (registry, _engine, config) => new TilingPlugin(TILING_PLUGIN_ID, registry, config),\n  reducer: (state, action) => tilingReducer(state, action),\n  initialState,\n};\n\nexport * from './tiling-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/lib/manifest.ts","../src/lib/actions.ts","../src/lib/reducer.ts","../src/lib/utils.ts","../src/lib/tiling-plugin.ts","../src/lib/index.ts"],"sourcesContent":["import { PluginManifest } from '@embedpdf/core';\n\nimport { TilingPluginConfig } from './types';\n\nexport const TILING_PLUGIN_ID = 'tiling';\n\nexport const manifest: PluginManifest<TilingPluginConfig> = {\n  id: TILING_PLUGIN_ID,\n  name: 'Tiling Plugin',\n  version: '1.0.0',\n  provides: ['tiling'],\n  requires: ['render', 'scroll', 'viewport'],\n  optional: [],\n  defaultConfig: {\n    enabled: true,\n    tileSize: 768,\n    overlapPx: 2.5,\n    extraRings: 0,\n  },\n};\n","import { Tile, TileStatus } from './types';\n\nexport const UPDATE_VISIBLE_TILES = 'UPDATE_VISIBLE_TILES';\nexport const MARK_TILE_STATUS = 'MARK_TILE_STATUS';\n\nexport type UpdateVisibleTilesAction = {\n  type: typeof UPDATE_VISIBLE_TILES;\n  payload: Record<number, Tile[]>;\n};\n\nexport type MarkTileStatusAction = {\n  type: typeof MARK_TILE_STATUS;\n  payload: { pageIndex: number; tileId: string; status: TileStatus };\n};\n\nexport type TilingAction = UpdateVisibleTilesAction | MarkTileStatusAction;\n\nexport const updateVisibleTiles = (tiles: Record<number, Tile[]>): UpdateVisibleTilesAction => ({\n  type: UPDATE_VISIBLE_TILES,\n  payload: tiles,\n});\n\nexport const markTileStatus = (\n  pageIndex: number,\n  tileId: string,\n  status: TileStatus,\n): MarkTileStatusAction => ({ type: MARK_TILE_STATUS, payload: { pageIndex, tileId, status } });\n","import { Reducer } from '@embedpdf/core';\n\nimport { UPDATE_VISIBLE_TILES, MARK_TILE_STATUS, TilingAction } from './actions';\nimport { Tile, TilingState } from './types';\n\nexport const initialState: TilingState = {\n  visibleTiles: {},\n};\n\nexport const tilingReducer: Reducer<TilingState, TilingAction> = (state, action) => {\n  switch (action.type) {\n    case UPDATE_VISIBLE_TILES: {\n      const incoming = action.payload; // Record<number, Tile[]>\n      const nextPages = { ...state.visibleTiles };\n\n      for (const key in incoming) {\n        const pageIndex = Number(key);\n        const newTiles = incoming[pageIndex]; // all isFallback=false\n        const prevTiles = nextPages[pageIndex] ?? [];\n\n        const prevScale = prevTiles.find((t) => !t.isFallback)?.srcScale;\n        const newScale = newTiles[0].srcScale;\n        const zoomChanged = prevScale !== undefined && prevScale !== newScale;\n\n        if (zoomChanged) {\n          /* 1️⃣  ready tiles from the old zoom → new fallback */\n          const promoted = prevTiles\n            .filter((t) => !t.isFallback && t.status === 'ready')\n            .map((t) => ({ ...t, isFallback: true }));\n\n          /* 2️⃣  decide which fallback tiles to keep           */\n          const fallbackToCarry = promoted.length > 0 ? [] : prevTiles.filter((t) => t.isFallback);\n\n          /* 3️⃣  final list = (maybe-kept fallback) + promoted + newTiles */\n          nextPages[pageIndex] = [...fallbackToCarry, ...promoted, ...newTiles];\n        } else {\n          /* same zoom → keep current fallback, replace visible */\n          const newIds = new Set(newTiles.map((t) => t.id));\n          const keepers: Tile[] = []; // where we’ll collect surviving tiles\n          const seenIds = new Set<string>();\n\n          /* 2️⃣  loop prevTiles once */\n          for (const t of prevTiles) {\n            if (t.isFallback) {\n              keepers.push(t); // always keep fallback\n              seenIds.add(t.id);\n            } else if (newIds.has(t.id)) {\n              keepers.push(t); // keep old visible tile (preserves status)\n              seenIds.add(t.id);\n            }\n          }\n\n          /* 3️⃣  append *brand-new* tiles (not yet kept) */\n          for (const t of newTiles) {\n            if (!seenIds.has(t.id)) keepers.push(t);\n          }\n\n          /* 4️⃣  store result */\n          nextPages[pageIndex] = keepers;\n        }\n      }\n\n      return { ...state, visibleTiles: nextPages };\n    }\n\n    case MARK_TILE_STATUS: {\n      const { pageIndex, tileId, status } = action.payload;\n      const tiles =\n        state.visibleTiles[pageIndex]?.map((t) =>\n          t.id === tileId ? ({ ...t, status } as Tile) : t,\n        ) ?? [];\n\n      const newTiles = tiles.filter((t) => !t.isFallback);\n      const allReady = newTiles.every((t) => t.status === 'ready');\n      const finalTiles = allReady ? newTiles : tiles;\n\n      return {\n        ...state,\n        visibleTiles: { ...state.visibleTiles, [pageIndex]: finalTiles },\n      };\n    }\n\n    default:\n      return state;\n  }\n};\n","import { Rect, restoreRect, transformSize } from '@embedpdf/models';\nimport { CalculateTilesForPageOptions, Tile } from './types';\n\n/**\n * Build a grid where neighbouring tiles overlap by `overlapPx`\n * (screen pixels). Inner tiles keep the full `tileSize`, edge\n * tiles are clipped to the page bounds. All screen-space values\n * are rounded to **integers** to avoid sub-pixel seams.\n */\nexport function calculateTilesForPage({\n  tileSize = 768,\n  overlapPx = 2.5,\n  extraRings = 0,\n  scale,\n  rotation,\n  page,\n  metric,\n}: CalculateTilesForPageOptions): Tile[] {\n  /* ---- work in screen-pixel space -------------------------------- */\n  const pageW = page.size.width * scale; // px\n  const pageH = page.size.height * scale; // px\n\n  const step = tileSize - overlapPx; // shift between tiles\n\n  const containerSize = transformSize(page.size, rotation, scale);\n  const rotatedVisRect: Rect = {\n    origin: { x: metric.scaled.pageX, y: metric.scaled.pageY },\n    size: { width: metric.scaled.visibleWidth, height: metric.scaled.visibleHeight },\n  };\n  const unrotatedVisRect = restoreRect(containerSize, rotatedVisRect, rotation, 1);\n\n  const visLeft = unrotatedVisRect.origin.x;\n  const visTop = unrotatedVisRect.origin.y;\n  const visRight = visLeft + unrotatedVisRect.size.width;\n  const visBottom = visTop + unrotatedVisRect.size.height;\n\n  const maxCol = Math.floor((pageW - 1) / step);\n  const maxRow = Math.floor((pageH - 1) / step);\n\n  const startCol = Math.max(0, Math.floor(visLeft / step) - extraRings);\n  const endCol = Math.min(maxCol, Math.floor((visRight - 1) / step) + extraRings);\n  const startRow = Math.max(0, Math.floor(visTop / step) - extraRings);\n  const endRow = Math.min(maxRow, Math.floor((visBottom - 1) / step) + extraRings);\n\n  /* ---- build tiles ---------------------------------------------- */\n  const tiles: Tile[] = [];\n\n  for (let col = startCol; col <= endCol; col++) {\n    const xScreen = col * step; // px (integer)\n    const wScreen = Math.min(tileSize, pageW - xScreen); // px (≤  tileSize)\n\n    const xPage = xScreen / scale; // pt (may be frac.)\n    const wPage = wScreen / scale; // pt\n\n    for (let row = startRow; row <= endRow; row++) {\n      const yScreen = row * step;\n      const hScreen = Math.min(tileSize, pageH - yScreen);\n\n      const yPage = yScreen / scale;\n      const hPage = hScreen / scale;\n\n      tiles.push({\n        id: `p${page.index}-${scale}-x${xScreen}-y${yScreen}-w${wScreen}-h${hScreen}`,\n        col,\n        row,\n        pageRect: { origin: { x: xPage, y: yPage }, size: { width: wPage, height: hPage } },\n        screenRect: {\n          origin: { x: xScreen, y: yScreen },\n          size: { width: wScreen, height: hScreen },\n        },\n        status: 'queued',\n        srcScale: scale,\n        isFallback: false,\n      });\n    }\n  }\n\n  return tiles;\n}\n","import {\n  BasePlugin,\n  CoreState,\n  createBehaviorEmitter,\n  createEmitter,\n  PluginRegistry,\n  REFRESH_PAGES,\n  StoreState,\n  Unsubscribe,\n} from '@embedpdf/core';\nimport { ignore } from '@embedpdf/models';\nimport { RenderCapability, RenderPlugin } from '@embedpdf/plugin-render';\nimport { ScrollCapability, ScrollMetrics, ScrollPlugin } from '@embedpdf/plugin-scroll';\nimport { ViewportCapability, ViewportPlugin } from '@embedpdf/plugin-viewport';\n\nimport { markTileStatus, updateVisibleTiles } from './actions';\nimport {\n  TilingPluginConfig,\n  TilingCapability,\n  Tile,\n  RenderTileOptions,\n  TilingState,\n} from './types';\nimport { calculateTilesForPage } from './utils';\n\nexport class TilingPlugin extends BasePlugin<TilingPluginConfig, TilingCapability> {\n  static readonly id = 'tiling' as const;\n\n  private readonly tileRendering$ = createBehaviorEmitter<Record<number, Tile[]>>();\n  private readonly refreshPages$ = createEmitter<number[]>();\n\n  private config: TilingPluginConfig;\n  private renderCapability: RenderCapability;\n  private scrollCapability: ScrollCapability;\n  private viewportCapability: ViewportCapability;\n\n  constructor(id: string, registry: PluginRegistry, config: TilingPluginConfig) {\n    super(id, registry);\n\n    this.config = config;\n\n    this.renderCapability = this.registry.getPlugin<RenderPlugin>('render')!.provides();\n    this.scrollCapability = this.registry.getPlugin<ScrollPlugin>('scroll')!.provides();\n    this.viewportCapability = this.registry.getPlugin<ViewportPlugin>('viewport')!.provides();\n\n    this.scrollCapability.onScroll((scrollMetrics) => this.calculateVisibleTiles(scrollMetrics), {\n      mode: 'throttle',\n      wait: 500,\n      throttleMode: 'trailing',\n    });\n\n    this.coreStore.onAction(REFRESH_PAGES, (action) => {\n      this.refreshPages$.emit(action.payload);\n    });\n  }\n\n  async initialize(): Promise<void> {\n    // Fetch dependencies from the registry if needed\n  }\n\n  protected onCoreStoreUpdated(\n    oldState: StoreState<CoreState>,\n    newState: StoreState<CoreState>,\n  ): void {\n    if (oldState.core.scale !== newState.core.scale) {\n      this.calculateVisibleTiles(\n        this.scrollCapability.getMetrics(this.viewportCapability.getMetrics()),\n      );\n    }\n  }\n\n  public onRefreshPages(fn: (pages: number[]) => void): Unsubscribe {\n    return this.refreshPages$.on(fn);\n  }\n\n  private calculateVisibleTiles(scrollMetrics: ScrollMetrics): void {\n    if (!this.config.enabled) {\n      this.dispatch(updateVisibleTiles([]));\n      return;\n    }\n\n    const scale = this.coreState.core.scale;\n    const rotation = this.coreState.core.rotation;\n    const visibleTiles: { [pageIndex: number]: Tile[] } = {};\n\n    for (const scrollMetric of scrollMetrics.pageVisibilityMetrics) {\n      const pageIndex = scrollMetric.pageNumber - 1; // Convert to 0-based index\n      const page = this.coreState.core.document?.pages[pageIndex];\n      if (!page) continue;\n\n      // Calculate tiles for the page using the utility function\n      const tiles = calculateTilesForPage({\n        page,\n        metric: scrollMetric,\n        scale,\n        rotation,\n        tileSize: this.config.tileSize,\n        overlapPx: this.config.overlapPx,\n        extraRings: this.config.extraRings,\n      });\n\n      visibleTiles[pageIndex] = tiles;\n    }\n\n    this.dispatch(updateVisibleTiles(visibleTiles));\n  }\n\n  override onStoreUpdated(_prevState: TilingState, newState: TilingState): void {\n    this.tileRendering$.emit(newState.visibleTiles);\n  }\n\n  protected buildCapability(): TilingCapability {\n    return {\n      renderTile: this.renderTile.bind(this),\n      onTileRendering: this.tileRendering$.on,\n    };\n  }\n\n  private renderTile(options: RenderTileOptions) {\n    if (!this.renderCapability) {\n      throw new Error('Render capability not available.');\n    }\n\n    this.dispatch(markTileStatus(options.pageIndex, options.tile.id, 'rendering'));\n\n    const task = this.renderCapability.renderPageRect({\n      pageIndex: options.pageIndex,\n      rect: options.tile.pageRect,\n      scaleFactor: options.tile.srcScale,\n      dpr: options.dpr,\n    });\n\n    task.wait(() => {\n      this.dispatch(markTileStatus(options.pageIndex, options.tile.id, 'ready'));\n    }, ignore);\n\n    return task;\n  }\n}\n","import { PluginPackage } from '@embedpdf/core';\n\nimport { TilingAction } from './actions';\nimport { manifest, TILING_PLUGIN_ID } from './manifest';\nimport { initialState, tilingReducer } from './reducer';\nimport { TilingPlugin } from './tiling-plugin';\nimport { TilingPluginConfig, TilingState } from './types';\n\nexport const TilingPluginPackage: PluginPackage<\n  TilingPlugin,\n  TilingPluginConfig,\n  TilingState,\n  TilingAction\n> = {\n  manifest,\n  create: (registry, _engine, config) => new TilingPlugin(TILING_PLUGIN_ID, registry, config),\n  reducer: (state, action) => tilingReducer(state, action),\n  initialState,\n};\n\nexport * from './tiling-plugin';\nexport * from './types';\nexport * from './manifest';\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,9 @@
-import { BasePlugin, CoreState, PluginRegistry, StoreState } from '@embedpdf/core';
+import { BasePlugin, CoreState, PluginRegistry, StoreState, Unsubscribe } from '@embedpdf/core';
 import { TilingPluginConfig, TilingCapability, TilingState } from './types';
 export declare class TilingPlugin extends BasePlugin<TilingPluginConfig, TilingCapability> {
     static readonly id: "tiling";
     private readonly tileRendering$;
+    private readonly refreshPages$;
     private config;
     private renderCapability;
     private scrollCapability;
@@ -10,6 +11,7 @@ export declare class TilingPlugin extends BasePlugin<TilingPluginConfig, TilingC
     constructor(id: string, registry: PluginRegistry, config: TilingPluginConfig);
     initialize(): Promise<void>;
     protected onCoreStoreUpdated(oldState: StoreState<CoreState>, newState: StoreState<CoreState>): void;
+    onRefreshPages(fn: (pages: number[]) => void): Unsubscribe;
     private calculateVisibleTiles;
     onStoreUpdated(_prevState: TilingState, newState: TilingState): void;
     protected buildCapability(): TilingCapability;

package/dist/preact/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),r=require("@embedpdf/plugin-tiling"),t=require("preact/jsx-runtime");require("preact");const i=require("preact/hooks"),n=require("@embedpdf/models"),s=()=>e.useCapability(r.TilingPlugin.id);function c({pageIndex:e,tile:r,dpr:c,scale:l}){const{provides:u}=s(),[o,d]=i.useState(),a=i.useRef(null),p=l/r.srcScale;i.useEffect((()=>{if("ready"===r.status&&a.current)return;if(!u)return;const t=u.renderTile({pageIndex:e,tile:r,dpr:c});return t.wait((e=>{const r=URL.createObjectURL(e);a.current=r,d(r)}),n.ignore),()=>{a.current?(URL.revokeObjectURL(a.current),a.current=null):t.abort({code:n.PdfErrorCode.Cancelled,message:"canceled render task"})}}),[e,r.id]);return o?t.jsx("img",{src:o,onLoad:()=>{a.current&&(URL.revokeObjectURL(a.current),a.current=null)},style:{position:"absolute",left:r.screenRect.origin.x*p,top:r.screenRect.origin.y*p,width:r.screenRect.size.width*p,height:r.screenRect.size.height*p,display:"block"}}):null}exports.TilingLayer=function({pageIndex:e,scale:r,style:n,...l}){const{provides:u}=s(),[o,d]=i.useState([]);return i.useEffect((()=>{if(u)return u.onTileRendering((r=>d(r[e])))}),[u]),t.jsx("div",{style:{...n},...l,children:null==o?void 0:o.map((i=>t.jsx(c,{pageIndex:e,tile:i,dpr:window.devicePixelRatio,scale:r},i.id)))})},exports.useTilingCapability=s,exports.useTilingPlugin=()=>e.usePlugin(r.TilingPlugin.id);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),r=require("@embedpdf/plugin-tiling"),t=require("preact/jsx-runtime");require("preact");const i=require("preact/hooks"),n=require("@embedpdf/models"),s=()=>e.usePlugin(r.TilingPlugin.id),c=()=>e.useCapability(r.TilingPlugin.id);function u({pageIndex:e,tile:r,dpr:u,scale:l}){const{provides:o}=c(),{plugin:d}=s(),[a,p]=i.useState(),g=i.useRef(null),[f,x]=i.useState(0),R=l/r.srcScale;i.useEffect((()=>{if(d)return d.onRefreshPages((r=>{r.includes(e)&&x((e=>e+1))}))}),[d]),i.useEffect((()=>{if("ready"===r.status&&g.current)return;if(!o)return;const t=o.renderTile({pageIndex:e,tile:r,dpr:u});return t.wait((e=>{const r=URL.createObjectURL(e);g.current=r,p(r)}),n.ignore),()=>{g.current?(URL.revokeObjectURL(g.current),g.current=null):t.abort({code:n.PdfErrorCode.Cancelled,message:"canceled render task"})}}),[e,r.id,f]);return a?t.jsx("img",{src:a,onLoad:()=>{g.current&&(URL.revokeObjectURL(g.current),g.current=null)},style:{position:"absolute",left:r.screenRect.origin.x*R,top:r.screenRect.origin.y*R,width:r.screenRect.size.width*R,height:r.screenRect.size.height*R,display:"block"}}):null}exports.TilingLayer=function({pageIndex:e,scale:r,style:n,...s}){const{provides:l}=c(),[o,d]=i.useState([]);return i.useEffect((()=>{if(l)return l.onTileRendering((r=>d(r[e])))}),[l]),t.jsx("div",{style:{...n},...s,children:null==o?void 0:o.map((i=>t.jsx(u,{pageIndex:e,tile:i,dpr:window.devicePixelRatio,scale:r},i.id)))})},exports.useTilingCapability=c,exports.useTilingPlugin=s;
 //# sourceMappingURL=index.cjs.map

package/dist/preact/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-tiling.ts","../../src/shared/components/tile-img.tsx","../../src/shared/components/tiling-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { TilingPlugin } from '@embedpdf/plugin-tiling';\n\nexport const useTilingPlugin = () => usePlugin<TilingPlugin>(TilingPlugin.id);\nexport const useTilingCapability = () => useCapability<TilingPlugin>(TilingPlugin.id);\n","import { ignore, PdfErrorCode } from '@embedpdf/models';\nimport { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useRef, useState } from '@framework';\n\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ninterface TileImgProps {\n  pageIndex: number;\n  tile: Tile;\n  dpr: number;\n  scale: number;\n}\n\nexport function TileImg({ pageIndex, tile, dpr, scale }: TileImgProps) {\n  const { provides: tilingCapability } = useTilingCapability();\n  const [url, setUrl] = useState<string>();\n  const urlRef = useRef<string | null>(null);\n\n  const relativeScale = scale / tile.srcScale;\n\n  /* kick off render exactly once per tile */\n  useEffect(() => {\n    if (tile.status === 'ready' && urlRef.current) return; // already done\n    if (!tilingCapability) return;\n    const task = tilingCapability.renderTile({ pageIndex, tile, dpr });\n    task.wait((blob) => {\n      const objectUrl = URL.createObjectURL(blob);\n      urlRef.current = objectUrl;\n      setUrl(objectUrl);\n    }, ignore);\n\n    return () => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      } else {\n        task.abort({\n          code: PdfErrorCode.Cancelled,\n          message: 'canceled render task',\n        });\n      }\n    };\n  }, [pageIndex, tile.id]); // id includes scale, so unique\n\n  const handleImageLoad = () => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n  };\n\n  if (!url) return null; // could render a placeholder\n  return (\n    <img\n      src={url}\n      onLoad={handleImageLoad}\n      style={{\n        position: 'absolute',\n        left: tile.screenRect.origin.x * relativeScale,\n        top: tile.screenRect.origin.y * relativeScale,\n        width: tile.screenRect.size.width * relativeScale,\n        height: tile.screenRect.size.height * relativeScale,\n        display: 'block',\n      }}\n    />\n  );\n}\n","import { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useState, HTMLAttributes, CSSProperties } from '@framework';\n\nimport { TileImg } from './tile-img';\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ntype TilingLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  pageIndex: number;\n  scale: number;\n  style?: CSSProperties;\n};\n\nexport function TilingLayer({ pageIndex, scale, style, ...props }: TilingLayoutProps) {\n  const { provides: tilingProvides } = useTilingCapability();\n  const [tiles, setTiles] = useState<Tile[]>([]);\n\n  useEffect(() => {\n    if (tilingProvides) {\n      return tilingProvides.onTileRendering((tiles) => setTiles(tiles[pageIndex]));\n    }\n  }, [tilingProvides]);\n\n  return (\n    <div\n      style={{\n        ...style,\n      }}\n      {...props}\n    >\n      {tiles?.map((tile) => (\n        <TileImg\n          key={tile.id}\n          pageIndex={pageIndex}\n          tile={tile}\n          dpr={window.devicePixelRatio}\n          scale={scale}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["useTilingCapability","useCapability","TilingPlugin","id","TileImg","pageIndex","tile","dpr","scale","provides","tilingCapability","url","setUrl","useState","urlRef","useRef","relativeScale","srcScale","useEffect","status","current","task","renderTile","wait","blob","objectUrl","URL","createObjectURL","ignore","revokeObjectURL","abort","code","PdfErrorCode","Cancelled","message","jsxRuntime","jsx","src","onLoad","style","position","left","screenRect","origin","x","top","y","width","size","height","display","props","tilingProvides","tiles","setTiles","onTileRendering","children","map","window","devicePixelRatio","usePlugin"],"mappings":"8QAIaA,EAAsB,IAAMC,gBAA4BC,EAAAA,aAAaC,ICS3E,SAASC,GAAQC,UAAEA,EAAAC,KAAWA,EAAMC,IAAAA,EAAAC,MAAKA,IAC9C,MAAQC,SAAUC,GAAqBV,KAChCW,EAAKC,GAAUC,aAChBC,EAASC,SAAsB,MAE/BC,EAAgBR,EAAQF,EAAKW,SAGnCC,EAAAA,WAAU,KACR,GAAoB,UAAhBZ,EAAKa,QAAsBL,EAAOM,QAAS,OAC/C,IAAKV,EAAkB,OACvB,MAAMW,EAAOX,EAAiBY,WAAW,CAAEjB,YAAWC,OAAMC,QAO5D,OANKc,EAAAE,MAAMC,IACH,MAAAC,EAAYC,IAAIC,gBAAgBH,GACtCV,EAAOM,QAAUK,EACjBb,EAAOa,EAAS,GACfG,UAEI,KACDd,EAAOM,SACLM,IAAAG,gBAAgBf,EAAOM,SAC3BN,EAAOM,QAAU,MAEjBC,EAAKS,MAAM,CACTC,KAAMC,EAAaA,aAAAC,UACnBC,QAAS,wBACV,CAEL,GACC,CAAC7B,EAAWC,EAAKH,KAShB,OAACQ,EAEHwB,EAAAC,IAAC,MAAA,CACCC,IAAK1B,EACL2B,OAXoB,KAClBxB,EAAOM,UACLM,IAAAG,gBAAgBf,EAAOM,SAC3BN,EAAOM,QAAU,KAAA,EASjBmB,MAAO,CACLC,SAAU,WACVC,KAAMnC,EAAKoC,WAAWC,OAAOC,EAAI5B,EACjC6B,IAAKvC,EAAKoC,WAAWC,OAAOG,EAAI9B,EAChC+B,MAAOzC,EAAKoC,WAAWM,KAAKD,MAAQ/B,EACpCiC,OAAQ3C,EAAKoC,WAAWM,KAAKC,OAASjC,EACtCkC,QAAS,WAXE,IAenB,qBCtDO,UAAqB7C,UAAEA,EAAAG,MAAWA,QAAO+B,KAAUY,IACxD,MAAQ1C,SAAU2C,GAAmBpD,KAC9BqD,EAAOC,GAAYzC,EAAAA,SAAiB,IASzC,OAPFK,EAAAA,WAAU,KACR,GAAIkC,EACK,OAAAA,EAAeG,iBAAiBF,GAAUC,EAASD,EAAMhD,KAAW,GAE5E,CAAC+C,IAGFjB,EAAAC,IAAC,MAAA,CACCG,MAAO,IACFA,MAEDY,EAEHK,SAAA,MAAAH,OAAA,EAAAA,EAAOI,KAAKnD,GACX6B,EAAAC,IAAChC,EAAA,CAECC,YACAC,OACAC,IAAKmD,OAAOC,iBACZnD,SAJKF,EAAKH,OASpB,wDFrC+B,IAAMyD,YAAwB1D,EAAAA,aAAaC"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-tiling.ts","../../src/shared/components/tile-img.tsx","../../src/shared/components/tiling-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { TilingPlugin } from '@embedpdf/plugin-tiling';\n\nexport const useTilingPlugin = () => usePlugin<TilingPlugin>(TilingPlugin.id);\nexport const useTilingCapability = () => useCapability<TilingPlugin>(TilingPlugin.id);\n","import { ignore, PdfErrorCode } from '@embedpdf/models';\nimport { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useRef, useState } from '@framework';\n\nimport { useTilingCapability, useTilingPlugin } from '../hooks/use-tiling';\n\ninterface TileImgProps {\n  pageIndex: number;\n  tile: Tile;\n  dpr: number;\n  scale: number;\n}\n\nexport function TileImg({ pageIndex, tile, dpr, scale }: TileImgProps) {\n  const { provides: tilingCapability } = useTilingCapability();\n  const { plugin: tilingPlugin } = useTilingPlugin();\n\n  const [url, setUrl] = useState<string>();\n  const urlRef = useRef<string | null>(null);\n  const [refreshTick, setRefreshTick] = useState(0);\n\n  const relativeScale = scale / tile.srcScale;\n\n  useEffect(() => {\n    if (!tilingPlugin) return;\n    return tilingPlugin.onRefreshPages((pages) => {\n      if (pages.includes(pageIndex)) {\n        setRefreshTick((tick) => tick + 1);\n      }\n    });\n  }, [tilingPlugin]);\n\n  /* kick off render exactly once per tile */\n  useEffect(() => {\n    if (tile.status === 'ready' && urlRef.current) return; // already done\n    if (!tilingCapability) return;\n    const task = tilingCapability.renderTile({ pageIndex, tile, dpr });\n    task.wait((blob) => {\n      const objectUrl = URL.createObjectURL(blob);\n      urlRef.current = objectUrl;\n      setUrl(objectUrl);\n    }, ignore);\n\n    return () => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      } else {\n        task.abort({\n          code: PdfErrorCode.Cancelled,\n          message: 'canceled render task',\n        });\n      }\n    };\n  }, [pageIndex, tile.id, refreshTick]); // id includes scale, so unique\n\n  const handleImageLoad = () => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n  };\n\n  if (!url) return null; // could render a placeholder\n  return (\n    <img\n      src={url}\n      onLoad={handleImageLoad}\n      style={{\n        position: 'absolute',\n        left: tile.screenRect.origin.x * relativeScale,\n        top: tile.screenRect.origin.y * relativeScale,\n        width: tile.screenRect.size.width * relativeScale,\n        height: tile.screenRect.size.height * relativeScale,\n        display: 'block',\n      }}\n    />\n  );\n}\n","import { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useState, HTMLAttributes, CSSProperties } from '@framework';\n\nimport { TileImg } from './tile-img';\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ntype TilingLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  pageIndex: number;\n  scale: number;\n  style?: CSSProperties;\n};\n\nexport function TilingLayer({ pageIndex, scale, style, ...props }: TilingLayoutProps) {\n  const { provides: tilingProvides } = useTilingCapability();\n  const [tiles, setTiles] = useState<Tile[]>([]);\n\n  useEffect(() => {\n    if (tilingProvides) {\n      return tilingProvides.onTileRendering((tiles) => setTiles(tiles[pageIndex]));\n    }\n  }, [tilingProvides]);\n\n  return (\n    <div\n      style={{\n        ...style,\n      }}\n      {...props}\n    >\n      {tiles?.map((tile) => (\n        <TileImg\n          key={tile.id}\n          pageIndex={pageIndex}\n          tile={tile}\n          dpr={window.devicePixelRatio}\n          scale={scale}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["useTilingPlugin","usePlugin","TilingPlugin","id","useTilingCapability","useCapability","TileImg","pageIndex","tile","dpr","scale","provides","tilingCapability","plugin","tilingPlugin","url","setUrl","useState","urlRef","useRef","refreshTick","setRefreshTick","relativeScale","srcScale","useEffect","onRefreshPages","pages","includes","tick","status","current","task","renderTile","wait","blob","objectUrl","URL","createObjectURL","ignore","revokeObjectURL","abort","code","PdfErrorCode","Cancelled","message","jsxRuntime","jsx","src","onLoad","style","position","left","screenRect","origin","x","top","y","width","size","height","display","props","tilingProvides","tiles","setTiles","onTileRendering","children","map","window","devicePixelRatio"],"mappings":"8QAGaA,EAAkB,IAAMC,YAAwBC,EAAAA,aAAaC,IAC7DC,EAAsB,IAAMC,gBAA4BH,EAAAA,aAAaC,ICS3E,SAASG,GAAQC,UAAEA,EAAAC,KAAWA,EAAMC,IAAAA,EAAAC,MAAKA,IAC9C,MAAQC,SAAUC,GAAqBR,KAC/BS,OAAQC,GAAiBd,KAE1Be,EAAKC,GAAUC,aAChBC,EAASC,SAAsB,OAC9BC,EAAaC,GAAkBJ,EAAAA,SAAS,GAEzCK,EAAgBZ,EAAQF,EAAKe,SAEnCC,EAAAA,WAAU,KACR,GAAKV,EACE,OAAAA,EAAaW,gBAAgBC,IAC9BA,EAAMC,SAASpB,IACFc,GAACO,GAASA,EAAO,GAAC,GAEpC,GACA,CAACd,IAGJU,EAAAA,WAAU,KACR,GAAoB,UAAhBhB,EAAKqB,QAAsBX,EAAOY,QAAS,OAC/C,IAAKlB,EAAkB,OACvB,MAAMmB,EAAOnB,EAAiBoB,WAAW,CAAEzB,YAAWC,OAAMC,QAO5D,OANKsB,EAAAE,MAAMC,IACH,MAAAC,EAAYC,IAAIC,gBAAgBH,GACtChB,EAAOY,QAAUK,EACjBnB,EAAOmB,EAAS,GACfG,UAEI,KACDpB,EAAOY,SACLM,IAAAG,gBAAgBrB,EAAOY,SAC3BZ,EAAOY,QAAU,MAEjBC,EAAKS,MAAM,CACTC,KAAMC,EAAaA,aAAAC,UACnBC,QAAS,wBACV,CAEL,GACC,CAACrC,EAAWC,EAAKL,GAAIiB,IASpB,OAACL,EAEH8B,EAAAC,IAAC,MAAA,CACCC,IAAKhC,EACLiC,OAXoB,KAClB9B,EAAOY,UACLM,IAAAG,gBAAgBrB,EAAOY,SAC3BZ,EAAOY,QAAU,KAAA,EASjBmB,MAAO,CACLC,SAAU,WACVC,KAAM3C,EAAK4C,WAAWC,OAAOC,EAAIhC,EACjCiC,IAAK/C,EAAK4C,WAAWC,OAAOG,EAAIlC,EAChCmC,MAAOjD,EAAK4C,WAAWM,KAAKD,MAAQnC,EACpCqC,OAAQnD,EAAK4C,WAAWM,KAAKC,OAASrC,EACtCsC,QAAS,WAXE,IAenB,qBClEO,UAAqBrD,UAAEA,EAAAG,MAAWA,QAAOuC,KAAUY,IACxD,MAAQlD,SAAUmD,GAAmB1D,KAC9B2D,EAAOC,GAAY/C,EAAAA,SAAiB,IASzC,OAPFO,EAAAA,WAAU,KACR,GAAIsC,EACK,OAAAA,EAAeG,iBAAiBF,GAAUC,EAASD,EAAMxD,KAAW,GAE5E,CAACuD,IAGFjB,EAAAC,IAAC,MAAA,CACCG,MAAO,IACFA,MAEDY,EAEHK,SAAA,MAAAH,OAAA,EAAAA,EAAOI,KAAK3D,GACXqC,EAAAC,IAACxC,EAAA,CAECC,YACAC,OACAC,IAAK2D,OAAOC,iBACZ3D,SAJKF,EAAKL,OASpB"}

package/dist/preact/index.js

@@ -8,9 +8,19 @@ const useTilingPlugin = () => usePlugin(TilingPlugin.id);
 const useTilingCapability = () => useCapability(TilingPlugin.id);
 function TileImg({ pageIndex, tile, dpr, scale }) {
   const { provides: tilingCapability } = useTilingCapability();
+  const { plugin: tilingPlugin } = useTilingPlugin();
   const [url, setUrl] = useState();
   const urlRef = useRef(null);
+  const [refreshTick, setRefreshTick] = useState(0);
   const relativeScale = scale / tile.srcScale;
+  useEffect(() => {
+    if (!tilingPlugin) return;
+    return tilingPlugin.onRefreshPages((pages) => {
+      if (pages.includes(pageIndex)) {
+        setRefreshTick((tick) => tick + 1);
+      }
+    });
+  }, [tilingPlugin]);
   useEffect(() => {
     if (tile.status === "ready" && urlRef.current) return;
     if (!tilingCapability) return;
@@ -31,7 +41,7 @@ function TileImg({ pageIndex, tile, dpr, scale }) {
         });
       }
     };
-  }, [pageIndex, tile.id]);
+  }, [pageIndex, tile.id, refreshTick]);
   const handleImageLoad = () => {
     if (urlRef.current) {
       URL.revokeObjectURL(urlRef.current);

package/dist/preact/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-tiling.ts","../../src/shared/components/tile-img.tsx","../../src/shared/components/tiling-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { TilingPlugin } from '@embedpdf/plugin-tiling';\n\nexport const useTilingPlugin = () => usePlugin<TilingPlugin>(TilingPlugin.id);\nexport const useTilingCapability = () => useCapability<TilingPlugin>(TilingPlugin.id);\n","import { ignore, PdfErrorCode } from '@embedpdf/models';\nimport { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useRef, useState } from '@framework';\n\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ninterface TileImgProps {\n  pageIndex: number;\n  tile: Tile;\n  dpr: number;\n  scale: number;\n}\n\nexport function TileImg({ pageIndex, tile, dpr, scale }: TileImgProps) {\n  const { provides: tilingCapability } = useTilingCapability();\n  const [url, setUrl] = useState<string>();\n  const urlRef = useRef<string | null>(null);\n\n  const relativeScale = scale / tile.srcScale;\n\n  /* kick off render exactly once per tile */\n  useEffect(() => {\n    if (tile.status === 'ready' && urlRef.current) return; // already done\n    if (!tilingCapability) return;\n    const task = tilingCapability.renderTile({ pageIndex, tile, dpr });\n    task.wait((blob) => {\n      const objectUrl = URL.createObjectURL(blob);\n      urlRef.current = objectUrl;\n      setUrl(objectUrl);\n    }, ignore);\n\n    return () => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      } else {\n        task.abort({\n          code: PdfErrorCode.Cancelled,\n          message: 'canceled render task',\n        });\n      }\n    };\n  }, [pageIndex, tile.id]); // id includes scale, so unique\n\n  const handleImageLoad = () => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n  };\n\n  if (!url) return null; // could render a placeholder\n  return (\n    <img\n      src={url}\n      onLoad={handleImageLoad}\n      style={{\n        position: 'absolute',\n        left: tile.screenRect.origin.x * relativeScale,\n        top: tile.screenRect.origin.y * relativeScale,\n        width: tile.screenRect.size.width * relativeScale,\n        height: tile.screenRect.size.height * relativeScale,\n        display: 'block',\n      }}\n    />\n  );\n}\n","import { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useState, HTMLAttributes, CSSProperties } from '@framework';\n\nimport { TileImg } from './tile-img';\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ntype TilingLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  pageIndex: number;\n  scale: number;\n  style?: CSSProperties;\n};\n\nexport function TilingLayer({ pageIndex, scale, style, ...props }: TilingLayoutProps) {\n  const { provides: tilingProvides } = useTilingCapability();\n  const [tiles, setTiles] = useState<Tile[]>([]);\n\n  useEffect(() => {\n    if (tilingProvides) {\n      return tilingProvides.onTileRendering((tiles) => setTiles(tiles[pageIndex]));\n    }\n  }, [tilingProvides]);\n\n  return (\n    <div\n      style={{\n        ...style,\n      }}\n      {...props}\n    >\n      {tiles?.map((tile) => (\n        <TileImg\n          key={tile.id}\n          pageIndex={pageIndex}\n          tile={tile}\n          dpr={window.devicePixelRatio}\n          scale={scale}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["tiles"],"mappings":";;;;;;AAGO,MAAM,kBAAkB,MAAM,UAAwB,aAAa,EAAE;AACrE,MAAM,sBAAsB,MAAM,cAA4B,aAAa,EAAE;ACS7E,SAAS,QAAQ,EAAE,WAAW,MAAM,KAAK,SAAuB;AACrE,QAAM,EAAE,UAAU,iBAAiB,IAAI,oBAAoB;AAC3D,QAAM,CAAC,KAAK,MAAM,IAAI,SAAiB;AACjC,QAAA,SAAS,OAAsB,IAAI;AAEnC,QAAA,gBAAgB,QAAQ,KAAK;AAGnC,YAAU,MAAM;AACd,QAAI,KAAK,WAAW,WAAW,OAAO,QAAS;AAC/C,QAAI,CAAC,iBAAkB;AACvB,UAAM,OAAO,iBAAiB,WAAW,EAAE,WAAW,MAAM,KAAK;AAC5D,SAAA,KAAK,CAAC,SAAS;AACZ,YAAA,YAAY,IAAI,gBAAgB,IAAI;AAC1C,aAAO,UAAU;AACjB,aAAO,SAAS;AAAA,OACf,MAAM;AAET,WAAO,MAAM;AACX,UAAI,OAAO,SAAS;AACd,YAAA,gBAAgB,OAAO,OAAO;AAClC,eAAO,UAAU;AAAA,MAAA,OACZ;AACL,aAAK,MAAM;AAAA,UACT,MAAM,aAAa;AAAA,UACnB,SAAS;AAAA,QAAA,CACV;AAAA,MAAA;AAAA,IAEL;AAAA,EACC,GAAA,CAAC,WAAW,KAAK,EAAE,CAAC;AAEvB,QAAM,kBAAkB,MAAM;AAC5B,QAAI,OAAO,SAAS;AACd,UAAA,gBAAgB,OAAO,OAAO;AAClC,aAAO,UAAU;AAAA,IAAA;AAAA,EAErB;AAEI,MAAA,CAAC,IAAY,QAAA;AAEf,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,UAAU;AAAA,QACV,MAAM,KAAK,WAAW,OAAO,IAAI;AAAA,QACjC,KAAK,KAAK,WAAW,OAAO,IAAI;AAAA,QAChC,OAAO,KAAK,WAAW,KAAK,QAAQ;AAAA,QACpC,QAAQ,KAAK,WAAW,KAAK,SAAS;AAAA,QACtC,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAEJ;ACtDO,SAAS,YAAY,EAAE,WAAW,OAAO,OAAO,GAAG,SAA4B;AACpF,QAAM,EAAE,UAAU,eAAe,IAAI,oBAAoB;AACzD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,CAAA,CAAE;AAE7C,YAAU,MAAM;AACd,QAAI,gBAAgB;AACX,aAAA,eAAe,gBAAgB,CAACA,WAAU,SAASA,OAAM,SAAS,CAAC,CAAC;AAAA,IAAA;AAAA,EAC7E,GACC,CAAC,cAAc,CAAC;AAGjB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH,UAAA,+BAAO,IAAI,CAAC,SACX;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,KAAK,OAAO;AAAA,UACZ;AAAA,QAAA;AAAA,QAJK,KAAK;AAAA,MAMb;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-tiling.ts","../../src/shared/components/tile-img.tsx","../../src/shared/components/tiling-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { TilingPlugin } from '@embedpdf/plugin-tiling';\n\nexport const useTilingPlugin = () => usePlugin<TilingPlugin>(TilingPlugin.id);\nexport const useTilingCapability = () => useCapability<TilingPlugin>(TilingPlugin.id);\n","import { ignore, PdfErrorCode } from '@embedpdf/models';\nimport { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useRef, useState } from '@framework';\n\nimport { useTilingCapability, useTilingPlugin } from '../hooks/use-tiling';\n\ninterface TileImgProps {\n  pageIndex: number;\n  tile: Tile;\n  dpr: number;\n  scale: number;\n}\n\nexport function TileImg({ pageIndex, tile, dpr, scale }: TileImgProps) {\n  const { provides: tilingCapability } = useTilingCapability();\n  const { plugin: tilingPlugin } = useTilingPlugin();\n\n  const [url, setUrl] = useState<string>();\n  const urlRef = useRef<string | null>(null);\n  const [refreshTick, setRefreshTick] = useState(0);\n\n  const relativeScale = scale / tile.srcScale;\n\n  useEffect(() => {\n    if (!tilingPlugin) return;\n    return tilingPlugin.onRefreshPages((pages) => {\n      if (pages.includes(pageIndex)) {\n        setRefreshTick((tick) => tick + 1);\n      }\n    });\n  }, [tilingPlugin]);\n\n  /* kick off render exactly once per tile */\n  useEffect(() => {\n    if (tile.status === 'ready' && urlRef.current) return; // already done\n    if (!tilingCapability) return;\n    const task = tilingCapability.renderTile({ pageIndex, tile, dpr });\n    task.wait((blob) => {\n      const objectUrl = URL.createObjectURL(blob);\n      urlRef.current = objectUrl;\n      setUrl(objectUrl);\n    }, ignore);\n\n    return () => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      } else {\n        task.abort({\n          code: PdfErrorCode.Cancelled,\n          message: 'canceled render task',\n        });\n      }\n    };\n  }, [pageIndex, tile.id, refreshTick]); // id includes scale, so unique\n\n  const handleImageLoad = () => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n  };\n\n  if (!url) return null; // could render a placeholder\n  return (\n    <img\n      src={url}\n      onLoad={handleImageLoad}\n      style={{\n        position: 'absolute',\n        left: tile.screenRect.origin.x * relativeScale,\n        top: tile.screenRect.origin.y * relativeScale,\n        width: tile.screenRect.size.width * relativeScale,\n        height: tile.screenRect.size.height * relativeScale,\n        display: 'block',\n      }}\n    />\n  );\n}\n","import { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useState, HTMLAttributes, CSSProperties } from '@framework';\n\nimport { TileImg } from './tile-img';\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ntype TilingLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  pageIndex: number;\n  scale: number;\n  style?: CSSProperties;\n};\n\nexport function TilingLayer({ pageIndex, scale, style, ...props }: TilingLayoutProps) {\n  const { provides: tilingProvides } = useTilingCapability();\n  const [tiles, setTiles] = useState<Tile[]>([]);\n\n  useEffect(() => {\n    if (tilingProvides) {\n      return tilingProvides.onTileRendering((tiles) => setTiles(tiles[pageIndex]));\n    }\n  }, [tilingProvides]);\n\n  return (\n    <div\n      style={{\n        ...style,\n      }}\n      {...props}\n    >\n      {tiles?.map((tile) => (\n        <TileImg\n          key={tile.id}\n          pageIndex={pageIndex}\n          tile={tile}\n          dpr={window.devicePixelRatio}\n          scale={scale}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["tiles"],"mappings":";;;;;;AAGO,MAAM,kBAAkB,MAAM,UAAwB,aAAa,EAAE;AACrE,MAAM,sBAAsB,MAAM,cAA4B,aAAa,EAAE;ACS7E,SAAS,QAAQ,EAAE,WAAW,MAAM,KAAK,SAAuB;AACrE,QAAM,EAAE,UAAU,iBAAiB,IAAI,oBAAoB;AAC3D,QAAM,EAAE,QAAQ,aAAa,IAAI,gBAAgB;AAEjD,QAAM,CAAC,KAAK,MAAM,IAAI,SAAiB;AACjC,QAAA,SAAS,OAAsB,IAAI;AACzC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAE1C,QAAA,gBAAgB,QAAQ,KAAK;AAEnC,YAAU,MAAM;AACd,QAAI,CAAC,aAAc;AACZ,WAAA,aAAa,eAAe,CAAC,UAAU;AACxC,UAAA,MAAM,SAAS,SAAS,GAAG;AACd,uBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,MAAA;AAAA,IACnC,CACD;AAAA,EAAA,GACA,CAAC,YAAY,CAAC;AAGjB,YAAU,MAAM;AACd,QAAI,KAAK,WAAW,WAAW,OAAO,QAAS;AAC/C,QAAI,CAAC,iBAAkB;AACvB,UAAM,OAAO,iBAAiB,WAAW,EAAE,WAAW,MAAM,KAAK;AAC5D,SAAA,KAAK,CAAC,SAAS;AACZ,YAAA,YAAY,IAAI,gBAAgB,IAAI;AAC1C,aAAO,UAAU;AACjB,aAAO,SAAS;AAAA,OACf,MAAM;AAET,WAAO,MAAM;AACX,UAAI,OAAO,SAAS;AACd,YAAA,gBAAgB,OAAO,OAAO;AAClC,eAAO,UAAU;AAAA,MAAA,OACZ;AACL,aAAK,MAAM;AAAA,UACT,MAAM,aAAa;AAAA,UACnB,SAAS;AAAA,QAAA,CACV;AAAA,MAAA;AAAA,IAEL;AAAA,KACC,CAAC,WAAW,KAAK,IAAI,WAAW,CAAC;AAEpC,QAAM,kBAAkB,MAAM;AAC5B,QAAI,OAAO,SAAS;AACd,UAAA,gBAAgB,OAAO,OAAO;AAClC,aAAO,UAAU;AAAA,IAAA;AAAA,EAErB;AAEI,MAAA,CAAC,IAAY,QAAA;AAEf,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,UAAU;AAAA,QACV,MAAM,KAAK,WAAW,OAAO,IAAI;AAAA,QACjC,KAAK,KAAK,WAAW,OAAO,IAAI;AAAA,QAChC,OAAO,KAAK,WAAW,KAAK,QAAQ;AAAA,QACpC,QAAQ,KAAK,WAAW,KAAK,SAAS;AAAA,QACtC,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAEJ;AClEO,SAAS,YAAY,EAAE,WAAW,OAAO,OAAO,GAAG,SAA4B;AACpF,QAAM,EAAE,UAAU,eAAe,IAAI,oBAAoB;AACzD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,CAAA,CAAE;AAE7C,YAAU,MAAM;AACd,QAAI,gBAAgB;AACX,aAAA,eAAe,gBAAgB,CAACA,WAAU,SAASA,OAAM,SAAS,CAAC,CAAC;AAAA,IAAA;AAAA,EAC7E,GACC,CAAC,cAAc,CAAC;AAGjB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH,UAAA,+BAAO,IAAI,CAAC,SACX;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,KAAK,OAAO;AAAA,UACZ;AAAA,QAAA;AAAA,QAJK,KAAK;AAAA,MAMb;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/react/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),r=require("@embedpdf/plugin-tiling"),t=require("react/jsx-runtime"),i=require("react"),n=require("@embedpdf/models"),s=()=>e.useCapability(r.TilingPlugin.id);function c({pageIndex:e,tile:r,dpr:c,scale:l}){const{provides:u}=s(),[d,o]=i.useState(),a=i.useRef(null),g=l/r.srcScale;i.useEffect((()=>{if("ready"===r.status&&a.current)return;if(!u)return;const t=u.renderTile({pageIndex:e,tile:r,dpr:c});return t.wait((e=>{const r=URL.createObjectURL(e);a.current=r,o(r)}),n.ignore),()=>{a.current?(URL.revokeObjectURL(a.current),a.current=null):t.abort({code:n.PdfErrorCode.Cancelled,message:"canceled render task"})}}),[e,r.id]);return d?t.jsx("img",{src:d,onLoad:()=>{a.current&&(URL.revokeObjectURL(a.current),a.current=null)},style:{position:"absolute",left:r.screenRect.origin.x*g,top:r.screenRect.origin.y*g,width:r.screenRect.size.width*g,height:r.screenRect.size.height*g,display:"block"}}):null}exports.TilingLayer=function({pageIndex:e,scale:r,style:n,...l}){const{provides:u}=s(),[d,o]=i.useState([]);return i.useEffect((()=>{if(u)return u.onTileRendering((r=>o(r[e])))}),[u]),t.jsx("div",{style:{...n},...l,children:null==d?void 0:d.map((i=>t.jsx(c,{pageIndex:e,tile:i,dpr:window.devicePixelRatio,scale:r},i.id)))})},exports.useTilingCapability=s,exports.useTilingPlugin=()=>e.usePlugin(r.TilingPlugin.id);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/react"),r=require("@embedpdf/plugin-tiling"),t=require("react/jsx-runtime"),i=require("react"),n=require("@embedpdf/models"),s=()=>e.usePlugin(r.TilingPlugin.id),u=()=>e.useCapability(r.TilingPlugin.id);function c({pageIndex:e,tile:r,dpr:c,scale:l}){const{provides:d}=u(),{plugin:o}=s(),[a,g]=i.useState(),p=i.useRef(null),[f,x]=i.useState(0),R=l/r.srcScale;i.useEffect((()=>{if(o)return o.onRefreshPages((r=>{r.includes(e)&&x((e=>e+1))}))}),[o]),i.useEffect((()=>{if("ready"===r.status&&p.current)return;if(!d)return;const t=d.renderTile({pageIndex:e,tile:r,dpr:c});return t.wait((e=>{const r=URL.createObjectURL(e);p.current=r,g(r)}),n.ignore),()=>{p.current?(URL.revokeObjectURL(p.current),p.current=null):t.abort({code:n.PdfErrorCode.Cancelled,message:"canceled render task"})}}),[e,r.id,f]);return a?t.jsx("img",{src:a,onLoad:()=>{p.current&&(URL.revokeObjectURL(p.current),p.current=null)},style:{position:"absolute",left:r.screenRect.origin.x*R,top:r.screenRect.origin.y*R,width:r.screenRect.size.width*R,height:r.screenRect.size.height*R,display:"block"}}):null}exports.TilingLayer=function({pageIndex:e,scale:r,style:n,...s}){const{provides:l}=u(),[d,o]=i.useState([]);return i.useEffect((()=>{if(l)return l.onTileRendering((r=>o(r[e])))}),[l]),t.jsx("div",{style:{...n},...s,children:null==d?void 0:d.map((i=>t.jsx(c,{pageIndex:e,tile:i,dpr:window.devicePixelRatio,scale:r},i.id)))})},exports.useTilingCapability=u,exports.useTilingPlugin=s;
 //# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-tiling.ts","../../src/shared/components/tile-img.tsx","../../src/shared/components/tiling-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { TilingPlugin } from '@embedpdf/plugin-tiling';\n\nexport const useTilingPlugin = () => usePlugin<TilingPlugin>(TilingPlugin.id);\nexport const useTilingCapability = () => useCapability<TilingPlugin>(TilingPlugin.id);\n","import { ignore, PdfErrorCode } from '@embedpdf/models';\nimport { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useRef, useState } from '@framework';\n\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ninterface TileImgProps {\n  pageIndex: number;\n  tile: Tile;\n  dpr: number;\n  scale: number;\n}\n\nexport function TileImg({ pageIndex, tile, dpr, scale }: TileImgProps) {\n  const { provides: tilingCapability } = useTilingCapability();\n  const [url, setUrl] = useState<string>();\n  const urlRef = useRef<string | null>(null);\n\n  const relativeScale = scale / tile.srcScale;\n\n  /* kick off render exactly once per tile */\n  useEffect(() => {\n    if (tile.status === 'ready' && urlRef.current) return; // already done\n    if (!tilingCapability) return;\n    const task = tilingCapability.renderTile({ pageIndex, tile, dpr });\n    task.wait((blob) => {\n      const objectUrl = URL.createObjectURL(blob);\n      urlRef.current = objectUrl;\n      setUrl(objectUrl);\n    }, ignore);\n\n    return () => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      } else {\n        task.abort({\n          code: PdfErrorCode.Cancelled,\n          message: 'canceled render task',\n        });\n      }\n    };\n  }, [pageIndex, tile.id]); // id includes scale, so unique\n\n  const handleImageLoad = () => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n  };\n\n  if (!url) return null; // could render a placeholder\n  return (\n    <img\n      src={url}\n      onLoad={handleImageLoad}\n      style={{\n        position: 'absolute',\n        left: tile.screenRect.origin.x * relativeScale,\n        top: tile.screenRect.origin.y * relativeScale,\n        width: tile.screenRect.size.width * relativeScale,\n        height: tile.screenRect.size.height * relativeScale,\n        display: 'block',\n      }}\n    />\n  );\n}\n","import { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useState, HTMLAttributes, CSSProperties } from '@framework';\n\nimport { TileImg } from './tile-img';\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ntype TilingLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  pageIndex: number;\n  scale: number;\n  style?: CSSProperties;\n};\n\nexport function TilingLayer({ pageIndex, scale, style, ...props }: TilingLayoutProps) {\n  const { provides: tilingProvides } = useTilingCapability();\n  const [tiles, setTiles] = useState<Tile[]>([]);\n\n  useEffect(() => {\n    if (tilingProvides) {\n      return tilingProvides.onTileRendering((tiles) => setTiles(tiles[pageIndex]));\n    }\n  }, [tilingProvides]);\n\n  return (\n    <div\n      style={{\n        ...style,\n      }}\n      {...props}\n    >\n      {tiles?.map((tile) => (\n        <TileImg\n          key={tile.id}\n          pageIndex={pageIndex}\n          tile={tile}\n          dpr={window.devicePixelRatio}\n          scale={scale}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["useTilingCapability","useCapability","TilingPlugin","id","TileImg","pageIndex","tile","dpr","scale","provides","tilingCapability","url","setUrl","useState","urlRef","useRef","relativeScale","srcScale","useEffect","status","current","task","renderTile","wait","blob","objectUrl","URL","createObjectURL","ignore","revokeObjectURL","abort","code","PdfErrorCode","Cancelled","message","jsxRuntime","jsx","src","onLoad","style","position","left","screenRect","origin","x","top","y","width","size","height","display","props","tilingProvides","tiles","setTiles","onTileRendering","children","map","window","devicePixelRatio","usePlugin"],"mappings":"6OAIaA,EAAsB,IAAMC,gBAA4BC,EAAAA,aAAaC,ICS3E,SAASC,GAAQC,UAAEA,EAAAC,KAAWA,EAAMC,IAAAA,EAAAC,MAAKA,IAC9C,MAAQC,SAAUC,GAAqBV,KAChCW,EAAKC,GAAUC,aAChBC,EAASC,SAAsB,MAE/BC,EAAgBR,EAAQF,EAAKW,SAGnCC,EAAAA,WAAU,KACR,GAAoB,UAAhBZ,EAAKa,QAAsBL,EAAOM,QAAS,OAC/C,IAAKV,EAAkB,OACvB,MAAMW,EAAOX,EAAiBY,WAAW,CAAEjB,YAAWC,OAAMC,QAO5D,OANKc,EAAAE,MAAMC,IACH,MAAAC,EAAYC,IAAIC,gBAAgBH,GACtCV,EAAOM,QAAUK,EACjBb,EAAOa,EAAS,GACfG,UAEI,KACDd,EAAOM,SACLM,IAAAG,gBAAgBf,EAAOM,SAC3BN,EAAOM,QAAU,MAEjBC,EAAKS,MAAM,CACTC,KAAMC,EAAaA,aAAAC,UACnBC,QAAS,wBACV,CAEL,GACC,CAAC7B,EAAWC,EAAKH,KAShB,OAACQ,EAEHwB,EAAAC,IAAC,MAAA,CACCC,IAAK1B,EACL2B,OAXoB,KAClBxB,EAAOM,UACLM,IAAAG,gBAAgBf,EAAOM,SAC3BN,EAAOM,QAAU,KAAA,EASjBmB,MAAO,CACLC,SAAU,WACVC,KAAMnC,EAAKoC,WAAWC,OAAOC,EAAI5B,EACjC6B,IAAKvC,EAAKoC,WAAWC,OAAOG,EAAI9B,EAChC+B,MAAOzC,EAAKoC,WAAWM,KAAKD,MAAQ/B,EACpCiC,OAAQ3C,EAAKoC,WAAWM,KAAKC,OAASjC,EACtCkC,QAAS,WAXE,IAenB,qBCtDO,UAAqB7C,UAAEA,EAAAG,MAAWA,QAAO+B,KAAUY,IACxD,MAAQ1C,SAAU2C,GAAmBpD,KAC9BqD,EAAOC,GAAYzC,EAAAA,SAAiB,IASzC,OAPFK,EAAAA,WAAU,KACR,GAAIkC,EACK,OAAAA,EAAeG,iBAAiBF,GAAUC,EAASD,EAAMhD,KAAW,GAE5E,CAAC+C,IAGFjB,EAAAC,IAAC,MAAA,CACCG,MAAO,IACFA,MAEDY,EAEHK,SAAA,MAAAH,OAAA,EAAAA,EAAOI,KAAKnD,GACX6B,EAAAC,IAAChC,EAAA,CAECC,YACAC,OACAC,IAAKmD,OAAOC,iBACZnD,SAJKF,EAAKH,OASpB,wDFrC+B,IAAMyD,YAAwB1D,EAAAA,aAAaC"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-tiling.ts","../../src/shared/components/tile-img.tsx","../../src/shared/components/tiling-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { TilingPlugin } from '@embedpdf/plugin-tiling';\n\nexport const useTilingPlugin = () => usePlugin<TilingPlugin>(TilingPlugin.id);\nexport const useTilingCapability = () => useCapability<TilingPlugin>(TilingPlugin.id);\n","import { ignore, PdfErrorCode } from '@embedpdf/models';\nimport { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useRef, useState } from '@framework';\n\nimport { useTilingCapability, useTilingPlugin } from '../hooks/use-tiling';\n\ninterface TileImgProps {\n  pageIndex: number;\n  tile: Tile;\n  dpr: number;\n  scale: number;\n}\n\nexport function TileImg({ pageIndex, tile, dpr, scale }: TileImgProps) {\n  const { provides: tilingCapability } = useTilingCapability();\n  const { plugin: tilingPlugin } = useTilingPlugin();\n\n  const [url, setUrl] = useState<string>();\n  const urlRef = useRef<string | null>(null);\n  const [refreshTick, setRefreshTick] = useState(0);\n\n  const relativeScale = scale / tile.srcScale;\n\n  useEffect(() => {\n    if (!tilingPlugin) return;\n    return tilingPlugin.onRefreshPages((pages) => {\n      if (pages.includes(pageIndex)) {\n        setRefreshTick((tick) => tick + 1);\n      }\n    });\n  }, [tilingPlugin]);\n\n  /* kick off render exactly once per tile */\n  useEffect(() => {\n    if (tile.status === 'ready' && urlRef.current) return; // already done\n    if (!tilingCapability) return;\n    const task = tilingCapability.renderTile({ pageIndex, tile, dpr });\n    task.wait((blob) => {\n      const objectUrl = URL.createObjectURL(blob);\n      urlRef.current = objectUrl;\n      setUrl(objectUrl);\n    }, ignore);\n\n    return () => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      } else {\n        task.abort({\n          code: PdfErrorCode.Cancelled,\n          message: 'canceled render task',\n        });\n      }\n    };\n  }, [pageIndex, tile.id, refreshTick]); // id includes scale, so unique\n\n  const handleImageLoad = () => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n  };\n\n  if (!url) return null; // could render a placeholder\n  return (\n    <img\n      src={url}\n      onLoad={handleImageLoad}\n      style={{\n        position: 'absolute',\n        left: tile.screenRect.origin.x * relativeScale,\n        top: tile.screenRect.origin.y * relativeScale,\n        width: tile.screenRect.size.width * relativeScale,\n        height: tile.screenRect.size.height * relativeScale,\n        display: 'block',\n      }}\n    />\n  );\n}\n","import { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useState, HTMLAttributes, CSSProperties } from '@framework';\n\nimport { TileImg } from './tile-img';\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ntype TilingLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  pageIndex: number;\n  scale: number;\n  style?: CSSProperties;\n};\n\nexport function TilingLayer({ pageIndex, scale, style, ...props }: TilingLayoutProps) {\n  const { provides: tilingProvides } = useTilingCapability();\n  const [tiles, setTiles] = useState<Tile[]>([]);\n\n  useEffect(() => {\n    if (tilingProvides) {\n      return tilingProvides.onTileRendering((tiles) => setTiles(tiles[pageIndex]));\n    }\n  }, [tilingProvides]);\n\n  return (\n    <div\n      style={{\n        ...style,\n      }}\n      {...props}\n    >\n      {tiles?.map((tile) => (\n        <TileImg\n          key={tile.id}\n          pageIndex={pageIndex}\n          tile={tile}\n          dpr={window.devicePixelRatio}\n          scale={scale}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["useTilingPlugin","usePlugin","TilingPlugin","id","useTilingCapability","useCapability","TileImg","pageIndex","tile","dpr","scale","provides","tilingCapability","plugin","tilingPlugin","url","setUrl","useState","urlRef","useRef","refreshTick","setRefreshTick","relativeScale","srcScale","useEffect","onRefreshPages","pages","includes","tick","status","current","task","renderTile","wait","blob","objectUrl","URL","createObjectURL","ignore","revokeObjectURL","abort","code","PdfErrorCode","Cancelled","message","jsxRuntime","jsx","src","onLoad","style","position","left","screenRect","origin","x","top","y","width","size","height","display","props","tilingProvides","tiles","setTiles","onTileRendering","children","map","window","devicePixelRatio"],"mappings":"6OAGaA,EAAkB,IAAMC,YAAwBC,EAAAA,aAAaC,IAC7DC,EAAsB,IAAMC,gBAA4BH,EAAAA,aAAaC,ICS3E,SAASG,GAAQC,UAAEA,EAAAC,KAAWA,EAAMC,IAAAA,EAAAC,MAAKA,IAC9C,MAAQC,SAAUC,GAAqBR,KAC/BS,OAAQC,GAAiBd,KAE1Be,EAAKC,GAAUC,aAChBC,EAASC,SAAsB,OAC9BC,EAAaC,GAAkBJ,EAAAA,SAAS,GAEzCK,EAAgBZ,EAAQF,EAAKe,SAEnCC,EAAAA,WAAU,KACR,GAAKV,EACE,OAAAA,EAAaW,gBAAgBC,IAC9BA,EAAMC,SAASpB,IACFc,GAACO,GAASA,EAAO,GAAC,GAEpC,GACA,CAACd,IAGJU,EAAAA,WAAU,KACR,GAAoB,UAAhBhB,EAAKqB,QAAsBX,EAAOY,QAAS,OAC/C,IAAKlB,EAAkB,OACvB,MAAMmB,EAAOnB,EAAiBoB,WAAW,CAAEzB,YAAWC,OAAMC,QAO5D,OANKsB,EAAAE,MAAMC,IACH,MAAAC,EAAYC,IAAIC,gBAAgBH,GACtChB,EAAOY,QAAUK,EACjBnB,EAAOmB,EAAS,GACfG,UAEI,KACDpB,EAAOY,SACLM,IAAAG,gBAAgBrB,EAAOY,SAC3BZ,EAAOY,QAAU,MAEjBC,EAAKS,MAAM,CACTC,KAAMC,EAAaA,aAAAC,UACnBC,QAAS,wBACV,CAEL,GACC,CAACrC,EAAWC,EAAKL,GAAIiB,IASpB,OAACL,EAEH8B,EAAAC,IAAC,MAAA,CACCC,IAAKhC,EACLiC,OAXoB,KAClB9B,EAAOY,UACLM,IAAAG,gBAAgBrB,EAAOY,SAC3BZ,EAAOY,QAAU,KAAA,EASjBmB,MAAO,CACLC,SAAU,WACVC,KAAM3C,EAAK4C,WAAWC,OAAOC,EAAIhC,EACjCiC,IAAK/C,EAAK4C,WAAWC,OAAOG,EAAIlC,EAChCmC,MAAOjD,EAAK4C,WAAWM,KAAKD,MAAQnC,EACpCqC,OAAQnD,EAAK4C,WAAWM,KAAKC,OAASrC,EACtCsC,QAAS,WAXE,IAenB,qBClEO,UAAqBrD,UAAEA,EAAAG,MAAWA,QAAOuC,KAAUY,IACxD,MAAQlD,SAAUmD,GAAmB1D,KAC9B2D,EAAOC,GAAY/C,EAAAA,SAAiB,IASzC,OAPFO,EAAAA,WAAU,KACR,GAAIsC,EACK,OAAAA,EAAeG,iBAAiBF,GAAUC,EAASD,EAAMxD,KAAW,GAE5E,CAACuD,IAGFjB,EAAAC,IAAC,MAAA,CACCG,MAAO,IACFA,MAEDY,EAEHK,SAAA,MAAAH,OAAA,EAAAA,EAAOI,KAAK3D,GACXqC,EAAAC,IAACxC,EAAA,CAECC,YACAC,OACAC,IAAK2D,OAAOC,iBACZ3D,SAJKF,EAAKL,OASpB"}

package/dist/react/index.js

@@ -7,9 +7,19 @@ const useTilingPlugin = () => usePlugin(TilingPlugin.id);
 const useTilingCapability = () => useCapability(TilingPlugin.id);
 function TileImg({ pageIndex, tile, dpr, scale }) {
   const { provides: tilingCapability } = useTilingCapability();
+  const { plugin: tilingPlugin } = useTilingPlugin();
   const [url, setUrl] = useState();
   const urlRef = useRef(null);
+  const [refreshTick, setRefreshTick] = useState(0);
   const relativeScale = scale / tile.srcScale;
+  useEffect(() => {
+    if (!tilingPlugin) return;
+    return tilingPlugin.onRefreshPages((pages) => {
+      if (pages.includes(pageIndex)) {
+        setRefreshTick((tick) => tick + 1);
+      }
+    });
+  }, [tilingPlugin]);
   useEffect(() => {
     if (tile.status === "ready" && urlRef.current) return;
     if (!tilingCapability) return;
@@ -30,7 +40,7 @@ function TileImg({ pageIndex, tile, dpr, scale }) {
         });
       }
     };
-  }, [pageIndex, tile.id]);
+  }, [pageIndex, tile.id, refreshTick]);
   const handleImageLoad = () => {
     if (urlRef.current) {
       URL.revokeObjectURL(urlRef.current);

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-tiling.ts","../../src/shared/components/tile-img.tsx","../../src/shared/components/tiling-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { TilingPlugin } from '@embedpdf/plugin-tiling';\n\nexport const useTilingPlugin = () => usePlugin<TilingPlugin>(TilingPlugin.id);\nexport const useTilingCapability = () => useCapability<TilingPlugin>(TilingPlugin.id);\n","import { ignore, PdfErrorCode } from '@embedpdf/models';\nimport { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useRef, useState } from '@framework';\n\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ninterface TileImgProps {\n  pageIndex: number;\n  tile: Tile;\n  dpr: number;\n  scale: number;\n}\n\nexport function TileImg({ pageIndex, tile, dpr, scale }: TileImgProps) {\n  const { provides: tilingCapability } = useTilingCapability();\n  const [url, setUrl] = useState<string>();\n  const urlRef = useRef<string | null>(null);\n\n  const relativeScale = scale / tile.srcScale;\n\n  /* kick off render exactly once per tile */\n  useEffect(() => {\n    if (tile.status === 'ready' && urlRef.current) return; // already done\n    if (!tilingCapability) return;\n    const task = tilingCapability.renderTile({ pageIndex, tile, dpr });\n    task.wait((blob) => {\n      const objectUrl = URL.createObjectURL(blob);\n      urlRef.current = objectUrl;\n      setUrl(objectUrl);\n    }, ignore);\n\n    return () => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      } else {\n        task.abort({\n          code: PdfErrorCode.Cancelled,\n          message: 'canceled render task',\n        });\n      }\n    };\n  }, [pageIndex, tile.id]); // id includes scale, so unique\n\n  const handleImageLoad = () => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n  };\n\n  if (!url) return null; // could render a placeholder\n  return (\n    <img\n      src={url}\n      onLoad={handleImageLoad}\n      style={{\n        position: 'absolute',\n        left: tile.screenRect.origin.x * relativeScale,\n        top: tile.screenRect.origin.y * relativeScale,\n        width: tile.screenRect.size.width * relativeScale,\n        height: tile.screenRect.size.height * relativeScale,\n        display: 'block',\n      }}\n    />\n  );\n}\n","import { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useState, HTMLAttributes, CSSProperties } from '@framework';\n\nimport { TileImg } from './tile-img';\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ntype TilingLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  pageIndex: number;\n  scale: number;\n  style?: CSSProperties;\n};\n\nexport function TilingLayer({ pageIndex, scale, style, ...props }: TilingLayoutProps) {\n  const { provides: tilingProvides } = useTilingCapability();\n  const [tiles, setTiles] = useState<Tile[]>([]);\n\n  useEffect(() => {\n    if (tilingProvides) {\n      return tilingProvides.onTileRendering((tiles) => setTiles(tiles[pageIndex]));\n    }\n  }, [tilingProvides]);\n\n  return (\n    <div\n      style={{\n        ...style,\n      }}\n      {...props}\n    >\n      {tiles?.map((tile) => (\n        <TileImg\n          key={tile.id}\n          pageIndex={pageIndex}\n          tile={tile}\n          dpr={window.devicePixelRatio}\n          scale={scale}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["tiles"],"mappings":";;;;;AAGO,MAAM,kBAAkB,MAAM,UAAwB,aAAa,EAAE;AACrE,MAAM,sBAAsB,MAAM,cAA4B,aAAa,EAAE;ACS7E,SAAS,QAAQ,EAAE,WAAW,MAAM,KAAK,SAAuB;AACrE,QAAM,EAAE,UAAU,iBAAiB,IAAI,oBAAoB;AAC3D,QAAM,CAAC,KAAK,MAAM,IAAI,SAAiB;AACjC,QAAA,SAAS,OAAsB,IAAI;AAEnC,QAAA,gBAAgB,QAAQ,KAAK;AAGnC,YAAU,MAAM;AACd,QAAI,KAAK,WAAW,WAAW,OAAO,QAAS;AAC/C,QAAI,CAAC,iBAAkB;AACvB,UAAM,OAAO,iBAAiB,WAAW,EAAE,WAAW,MAAM,KAAK;AAC5D,SAAA,KAAK,CAAC,SAAS;AACZ,YAAA,YAAY,IAAI,gBAAgB,IAAI;AAC1C,aAAO,UAAU;AACjB,aAAO,SAAS;AAAA,OACf,MAAM;AAET,WAAO,MAAM;AACX,UAAI,OAAO,SAAS;AACd,YAAA,gBAAgB,OAAO,OAAO;AAClC,eAAO,UAAU;AAAA,MAAA,OACZ;AACL,aAAK,MAAM;AAAA,UACT,MAAM,aAAa;AAAA,UACnB,SAAS;AAAA,QAAA,CACV;AAAA,MAAA;AAAA,IAEL;AAAA,EACC,GAAA,CAAC,WAAW,KAAK,EAAE,CAAC;AAEvB,QAAM,kBAAkB,MAAM;AAC5B,QAAI,OAAO,SAAS;AACd,UAAA,gBAAgB,OAAO,OAAO;AAClC,aAAO,UAAU;AAAA,IAAA;AAAA,EAErB;AAEI,MAAA,CAAC,IAAY,QAAA;AAEf,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,UAAU;AAAA,QACV,MAAM,KAAK,WAAW,OAAO,IAAI;AAAA,QACjC,KAAK,KAAK,WAAW,OAAO,IAAI;AAAA,QAChC,OAAO,KAAK,WAAW,KAAK,QAAQ;AAAA,QACpC,QAAQ,KAAK,WAAW,KAAK,SAAS;AAAA,QACtC,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAEJ;ACtDO,SAAS,YAAY,EAAE,WAAW,OAAO,OAAO,GAAG,SAA4B;AACpF,QAAM,EAAE,UAAU,eAAe,IAAI,oBAAoB;AACzD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,CAAA,CAAE;AAE7C,YAAU,MAAM;AACd,QAAI,gBAAgB;AACX,aAAA,eAAe,gBAAgB,CAACA,WAAU,SAASA,OAAM,SAAS,CAAC,CAAC;AAAA,IAAA;AAAA,EAC7E,GACC,CAAC,cAAc,CAAC;AAGjB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH,UAAA,+BAAO,IAAI,CAAC,SACX;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,KAAK,OAAO;AAAA,UACZ;AAAA,QAAA;AAAA,QAJK,KAAK;AAAA,MAMb;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-tiling.ts","../../src/shared/components/tile-img.tsx","../../src/shared/components/tiling-layer.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { TilingPlugin } from '@embedpdf/plugin-tiling';\n\nexport const useTilingPlugin = () => usePlugin<TilingPlugin>(TilingPlugin.id);\nexport const useTilingCapability = () => useCapability<TilingPlugin>(TilingPlugin.id);\n","import { ignore, PdfErrorCode } from '@embedpdf/models';\nimport { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useRef, useState } from '@framework';\n\nimport { useTilingCapability, useTilingPlugin } from '../hooks/use-tiling';\n\ninterface TileImgProps {\n  pageIndex: number;\n  tile: Tile;\n  dpr: number;\n  scale: number;\n}\n\nexport function TileImg({ pageIndex, tile, dpr, scale }: TileImgProps) {\n  const { provides: tilingCapability } = useTilingCapability();\n  const { plugin: tilingPlugin } = useTilingPlugin();\n\n  const [url, setUrl] = useState<string>();\n  const urlRef = useRef<string | null>(null);\n  const [refreshTick, setRefreshTick] = useState(0);\n\n  const relativeScale = scale / tile.srcScale;\n\n  useEffect(() => {\n    if (!tilingPlugin) return;\n    return tilingPlugin.onRefreshPages((pages) => {\n      if (pages.includes(pageIndex)) {\n        setRefreshTick((tick) => tick + 1);\n      }\n    });\n  }, [tilingPlugin]);\n\n  /* kick off render exactly once per tile */\n  useEffect(() => {\n    if (tile.status === 'ready' && urlRef.current) return; // already done\n    if (!tilingCapability) return;\n    const task = tilingCapability.renderTile({ pageIndex, tile, dpr });\n    task.wait((blob) => {\n      const objectUrl = URL.createObjectURL(blob);\n      urlRef.current = objectUrl;\n      setUrl(objectUrl);\n    }, ignore);\n\n    return () => {\n      if (urlRef.current) {\n        URL.revokeObjectURL(urlRef.current);\n        urlRef.current = null;\n      } else {\n        task.abort({\n          code: PdfErrorCode.Cancelled,\n          message: 'canceled render task',\n        });\n      }\n    };\n  }, [pageIndex, tile.id, refreshTick]); // id includes scale, so unique\n\n  const handleImageLoad = () => {\n    if (urlRef.current) {\n      URL.revokeObjectURL(urlRef.current);\n      urlRef.current = null;\n    }\n  };\n\n  if (!url) return null; // could render a placeholder\n  return (\n    <img\n      src={url}\n      onLoad={handleImageLoad}\n      style={{\n        position: 'absolute',\n        left: tile.screenRect.origin.x * relativeScale,\n        top: tile.screenRect.origin.y * relativeScale,\n        width: tile.screenRect.size.width * relativeScale,\n        height: tile.screenRect.size.height * relativeScale,\n        display: 'block',\n      }}\n    />\n  );\n}\n","import { Tile } from '@embedpdf/plugin-tiling';\nimport { useEffect, useState, HTMLAttributes, CSSProperties } from '@framework';\n\nimport { TileImg } from './tile-img';\nimport { useTilingCapability } from '../hooks/use-tiling';\n\ntype TilingLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {\n  pageIndex: number;\n  scale: number;\n  style?: CSSProperties;\n};\n\nexport function TilingLayer({ pageIndex, scale, style, ...props }: TilingLayoutProps) {\n  const { provides: tilingProvides } = useTilingCapability();\n  const [tiles, setTiles] = useState<Tile[]>([]);\n\n  useEffect(() => {\n    if (tilingProvides) {\n      return tilingProvides.onTileRendering((tiles) => setTiles(tiles[pageIndex]));\n    }\n  }, [tilingProvides]);\n\n  return (\n    <div\n      style={{\n        ...style,\n      }}\n      {...props}\n    >\n      {tiles?.map((tile) => (\n        <TileImg\n          key={tile.id}\n          pageIndex={pageIndex}\n          tile={tile}\n          dpr={window.devicePixelRatio}\n          scale={scale}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["tiles"],"mappings":";;;;;AAGO,MAAM,kBAAkB,MAAM,UAAwB,aAAa,EAAE;AACrE,MAAM,sBAAsB,MAAM,cAA4B,aAAa,EAAE;ACS7E,SAAS,QAAQ,EAAE,WAAW,MAAM,KAAK,SAAuB;AACrE,QAAM,EAAE,UAAU,iBAAiB,IAAI,oBAAoB;AAC3D,QAAM,EAAE,QAAQ,aAAa,IAAI,gBAAgB;AAEjD,QAAM,CAAC,KAAK,MAAM,IAAI,SAAiB;AACjC,QAAA,SAAS,OAAsB,IAAI;AACzC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAE1C,QAAA,gBAAgB,QAAQ,KAAK;AAEnC,YAAU,MAAM;AACd,QAAI,CAAC,aAAc;AACZ,WAAA,aAAa,eAAe,CAAC,UAAU;AACxC,UAAA,MAAM,SAAS,SAAS,GAAG;AACd,uBAAA,CAAC,SAAS,OAAO,CAAC;AAAA,MAAA;AAAA,IACnC,CACD;AAAA,EAAA,GACA,CAAC,YAAY,CAAC;AAGjB,YAAU,MAAM;AACd,QAAI,KAAK,WAAW,WAAW,OAAO,QAAS;AAC/C,QAAI,CAAC,iBAAkB;AACvB,UAAM,OAAO,iBAAiB,WAAW,EAAE,WAAW,MAAM,KAAK;AAC5D,SAAA,KAAK,CAAC,SAAS;AACZ,YAAA,YAAY,IAAI,gBAAgB,IAAI;AAC1C,aAAO,UAAU;AACjB,aAAO,SAAS;AAAA,OACf,MAAM;AAET,WAAO,MAAM;AACX,UAAI,OAAO,SAAS;AACd,YAAA,gBAAgB,OAAO,OAAO;AAClC,eAAO,UAAU;AAAA,MAAA,OACZ;AACL,aAAK,MAAM;AAAA,UACT,MAAM,aAAa;AAAA,UACnB,SAAS;AAAA,QAAA,CACV;AAAA,MAAA;AAAA,IAEL;AAAA,KACC,CAAC,WAAW,KAAK,IAAI,WAAW,CAAC;AAEpC,QAAM,kBAAkB,MAAM;AAC5B,QAAI,OAAO,SAAS;AACd,UAAA,gBAAgB,OAAO,OAAO;AAClC,aAAO,UAAU;AAAA,IAAA;AAAA,EAErB;AAEI,MAAA,CAAC,IAAY,QAAA;AAEf,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,UAAU;AAAA,QACV,MAAM,KAAK,WAAW,OAAO,IAAI;AAAA,QACjC,KAAK,KAAK,WAAW,OAAO,IAAI;AAAA,QAChC,OAAO,KAAK,WAAW,KAAK,QAAQ;AAAA,QACpC,QAAQ,KAAK,WAAW,KAAK,SAAS;AAAA,QACtC,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAEJ;AClEO,SAAS,YAAY,EAAE,WAAW,OAAO,OAAO,GAAG,SAA4B;AACpF,QAAM,EAAE,UAAU,eAAe,IAAI,oBAAoB;AACzD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,CAAA,CAAE;AAE7C,YAAU,MAAM;AACd,QAAI,gBAAgB;AACX,aAAA,eAAe,gBAAgB,CAACA,WAAU,SAASA,OAAM,SAAS,CAAC,CAAC;AAAA,IAAA;AAAA,EAC7E,GACC,CAAC,cAAc,CAAC;AAGjB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH,UAAA,+BAAO,IAAI,CAAC,SACX;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,KAAK,OAAO;AAAA,UACZ;AAAA,QAAA;AAAA,QAJK,KAAK;AAAA,MAMb;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-tiling",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -28,15 +28,15 @@
     }
   },
   "dependencies": {
-    "@embedpdf/models": "1.0.16"
+    "@embedpdf/models": "1.0.18"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
-    "@embedpdf/core": "1.0.16",
-    "@embedpdf/plugin-scroll": "1.0.16",
-    "@embedpdf/plugin-viewport": "1.0.16",
-    "@embedpdf/plugin-render": "1.0.16",
+    "@embedpdf/core": "1.0.18",
+    "@embedpdf/plugin-render": "1.0.18",
+    "@embedpdf/plugin-scroll": "1.0.18",
+    "@embedpdf/plugin-viewport": "1.0.18",
     "@embedpdf/build": "1.0.0"
   },
   "peerDependencies": {
@@ -44,10 +44,10 @@
     "react-dom": ">=16.8.0",
     "preact": "^10.26.4",
     "vue": ">=3.2.0",
-    "@embedpdf/core": "1.0.16",
-    "@embedpdf/plugin-viewport": "1.0.16",
-    "@embedpdf/plugin-render": "1.0.16",
-    "@embedpdf/plugin-scroll": "1.0.16"
+    "@embedpdf/core": "1.0.18",
+    "@embedpdf/plugin-render": "1.0.18",
+    "@embedpdf/plugin-scroll": "1.0.18",
+    "@embedpdf/plugin-viewport": "1.0.18"
   },
   "files": [
     "dist",