mostly formatting, dependency fix

src/pdf/pdfThumbnailService.ts

@@ -1,5 +1,5 @@
-import * as pdfjsLib from "pdfjs-dist";
-import pdfjsWorker from "pdfjs-dist/build/pdf.worker?worker&url";
+import * as pdfjsLib from 'pdfjs-dist';
+import pdfjsWorker from 'pdfjs-dist/build/pdf.worker?worker&url';
 
 // pdf.js worker setup for Vite
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -42,7 +42,7 @@ interface ThumbnailGenerationOptions {
  */
 export async function generateThumbnailsProgressive(
   arrayBuffer: ArrayBuffer,
-  options: ThumbnailGenerationOptions = {},
+  options: ThumbnailGenerationOptions = {}
 ): Promise<string[]> {
   return generateThumbnailsInternal(arrayBuffer, {}, options);
 }
@@ -53,7 +53,7 @@ export async function generateThumbnailsProgressive(
 export async function generateThumbnailsWithRotationsProgressive(
   arrayBuffer: ArrayBuffer,
   rotations: RotationsMap,
-  options: ThumbnailGenerationOptions = {},
+  options: ThumbnailGenerationOptions = {}
 ): Promise<string[]> {
   return generateThumbnailsInternal(arrayBuffer, rotations, options);
 }
@@ -61,7 +61,7 @@ export async function generateThumbnailsWithRotationsProgressive(
 async function generateThumbnailsInternal(
   arrayBuffer: ArrayBuffer,
   rotations: RotationsMap,
-  options: ThumbnailGenerationOptions = {},
+  options: ThumbnailGenerationOptions = {}
 ): Promise<string[]> {
   const maxHeight = options.maxHeight ?? 150;
   const maxWidth = options.maxWidth ?? 140;
@@ -72,15 +72,15 @@ async function generateThumbnailsInternal(
   const loadingTask = pdfjsLib.getDocument({ data: dataCopy });
   const pdf = await loadingTask.promise;
 
-  const thumbs = Array<string>(pdf.numPages).fill("");
+  const thumbs = Array<string>(pdf.numPages).fill('');
 
   const pageNums = options.pageIndices
     ? Array.from(
         new Set(
           options.pageIndices
             .filter((pageIndex) => pageIndex >= 0 && pageIndex < pdf.numPages)
-            .map((pageIndex) => pageIndex + 1),
-        ),
+            .map((pageIndex) => pageIndex + 1)
+        )
       )
     : Array.from({ length: pdf.numPages }, (_, index) => index + 1);
 
@@ -98,7 +98,7 @@ async function generateThumbnailsInternal(
       pageIndex,
       rotations,
       maxHeight,
-      maxWidth,
+      maxWidth
     );
 
     if (signal?.aborted) return;
@@ -134,13 +134,13 @@ async function generateThumbnailsInternal(
 async function renderPageThumbnail(
   page: Awaited<
     ReturnType<
-      Awaited<ReturnType<typeof pdfjsLib.getDocument>["promise"]>["getPage"]
+      Awaited<ReturnType<typeof pdfjsLib.getDocument>['promise']>['getPage']
     >
   >,
   originalIndex: number,
   rotations: RotationsMap,
   maxHeight: number,
-  maxWidth: number,
+  maxWidth: number
 ): Promise<string> {
   const viewport = page.getViewport({ scale: 1 });
   const scaleH = maxHeight / viewport.height;
@@ -148,15 +148,16 @@ async function renderPageThumbnail(
   const scale = Math.min(scaleH, scaleW);
   const scaledViewport = page.getViewport({ scale });
 
-  const baseCanvas = document.createElement("canvas");
-  const baseCtx = baseCanvas.getContext("2d");
+  const baseCanvas = document.createElement('canvas');
+  const baseCtx = baseCanvas.getContext('2d');
 
-  if (!baseCtx) return "";
+  if (!baseCtx) return '';
 
   baseCanvas.width = scaledViewport.width;
   baseCanvas.height = scaledViewport.height;
 
   const renderTask = page.render({
+    canvas: baseCanvas,
     canvasContext: baseCtx,
     viewport: scaledViewport,
   });
@@ -167,14 +168,14 @@ async function renderPageThumbnail(
   const rotationDeg = ((rotationDegRaw % 360) + 360) % 360;
 
   if (rotationDeg === 0) {
-    return baseCanvas.toDataURL("image/png");
+    return baseCanvas.toDataURL('image/png');
   }
 
-  const rotatedCanvas = document.createElement("canvas");
-  const rotatedCtx = rotatedCanvas.getContext("2d");
+  const rotatedCanvas = document.createElement('canvas');
+  const rotatedCtx = rotatedCanvas.getContext('2d');
 
   if (!rotatedCtx) {
-    return baseCanvas.toDataURL("image/png");
+    return baseCanvas.toDataURL('image/png');
   }
 
   const rad = (rotationDeg * Math.PI) / 180;
@@ -207,5 +208,5 @@ async function renderPageThumbnail(
   rotatedCtx.drawImage(baseCanvas, 0, 0);
   rotatedCtx.restore();
 
-  return rotatedCanvas.toDataURL("image/png");
+  return rotatedCanvas.toDataURL('image/png');
 }