From d82d59321a10944e35e76a169dce8fd6119bec7d Mon Sep 17 00:00:00 2001 From: Wojciech Maj Date: Thu, 4 Jan 2024 22:24:49 +0100 Subject: [PATCH] [breaking] Update pdfjs-dist to 4.0.379 --- packages/react-pdf/README.md | 30 +-- packages/react-pdf/package.json | 2 +- packages/react-pdf/src/Document.tsx | 6 +- packages/react-pdf/src/Page.spec.tsx | 77 ++------ packages/react-pdf/src/Page.tsx | 19 +- .../{PageCanvas.spec.tsx => Canvas.spec.tsx} | 14 +- .../src/Page/{PageCanvas.tsx => Canvas.tsx} | 4 +- packages/react-pdf/src/Page/PageSVG.spec.tsx | 89 --------- packages/react-pdf/src/Page/PageSVG.tsx | 160 ---------------- packages/react-pdf/src/Thumbnail.spec.tsx | 61 ++---- packages/react-pdf/src/index.ts | 2 +- packages/react-pdf/src/pdf.worker.entry.ts | 6 +- packages/react-pdf/src/shared/propTypes.ts | 2 +- packages/react-pdf/src/shared/types.ts | 2 +- packages/react-pdf/tsconfig.json | 2 +- sample/create-react-app-5/.gitignore | 2 +- .../create-react-app-5/scripts/copy-worker.ts | 4 +- sample/create-react-app-5/src/Sample.tsx | 2 +- sample/next-app/app/Sample.tsx | 2 +- sample/next-pages/pages/Sample.tsx | 2 +- sample/parcel2/Sample.tsx | 2 +- sample/vite/Sample.tsx | 2 +- sample/webpack5/Sample.tsx | 2 +- test/Test.tsx | 2 +- test/ViewOptions.tsx | 11 -- test/package.json | 3 +- test/shared/types.ts | 2 +- test/vite.config.ts | 2 + yarn.lock | 175 +++++++++++++++++- 29 files changed, 254 insertions(+), 435 deletions(-) rename packages/react-pdf/src/Page/{PageCanvas.spec.tsx => Canvas.spec.tsx} (91%) rename packages/react-pdf/src/Page/{PageCanvas.tsx => Canvas.tsx} (98%) delete mode 100644 packages/react-pdf/src/Page/PageSVG.spec.tsx delete mode 100644 packages/react-pdf/src/Page/PageSVG.tsx diff --git a/packages/react-pdf/README.md b/packages/react-pdf/README.md index ed44f5867..7be9ca3d5 100644 --- a/packages/react-pdf/README.md +++ b/packages/react-pdf/README.md @@ -99,7 +99,7 @@ For most cases, the following example will work: import { pdfjs } from 'react-pdf'; pdfjs.GlobalWorkerOptions.workerSrc = new URL( - 'pdfjs-dist/build/pdf.worker.min.js', + 'pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url, ).toString(); ``` @@ -122,8 +122,8 @@ For Parcel 2, you need to use a slightly different code: ```diff pdfjs.GlobalWorkerOptions.workerSrc = new URL( -- 'pdfjs-dist/build/pdf.worker.min.js', -+ 'npm:pdfjs-dist/build/pdf.worker.min.js', +- 'pdfjs-dist/build/pdf.worker.min.mjs', ++ 'npm:pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url, ).toString(); ``` @@ -132,7 +132,7 @@ For Parcel 2, you need to use a slightly different code: #### Copy worker to public directory -You will have to make sure on your own that `pdf.worker.js` file from `pdfjs-dist/build` is copied to your project's output folder. +You will have to make sure on your own that `pdf.worker.mjs` file from `pdfjs-dist/build` is copied to your project's output folder. For example, you could use a custom script like: @@ -141,9 +141,9 @@ import path from 'node:path'; import fs from 'node:fs'; const pdfjsDistPath = path.dirname(require.resolve('pdfjs-dist/package.json')); -const pdfWorkerPath = path.join(pdfjsDistPath, 'build', 'pdf.worker.js'); +const pdfWorkerPath = path.join(pdfjsDistPath, 'build', 'pdf.worker.mjs'); -fs.copyFileSync(pdfWorkerPath, './dist/pdf.worker.js'); +fs.copyFileSync(pdfWorkerPath, './dist/pdf.worker.mjs'); ``` #### Use external CDN @@ -151,7 +151,7 @@ fs.copyFileSync(pdfWorkerPath, './dist/pdf.worker.js'); ```ts import { pdfjs } from 'react-pdf'; -pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js`; +pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`; ``` #### Legacy PDF.js worker @@ -160,8 +160,8 @@ If you need to support older browsers, you may use legacy PDF.js worker. To do s ```diff pdfjs.GlobalWorkerOptions.workerSrc = new URL( -- 'pdfjs-dist/build/pdf.worker.min.js', -+ 'pdfjs-dist/legacy/build/pdf.worker.min.js', +- 'pdfjs-dist/build/pdf.worker.min.mjs', ++ 'pdfjs-dist/legacy/build/pdf.worker.min.mjs', import.meta.url, ).toString(); ``` @@ -169,8 +169,8 @@ If you need to support older browsers, you may use legacy PDF.js worker. To do s or: ```diff --pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js`; -+pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/legacy/build/pdf.worker.min.js`; +-pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`; ++pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/legacy/build/pdf.worker.min.mjs`; ``` ### Usage @@ -470,7 +470,7 @@ Loads a document passed using `file` prop. | onSourceError | Function called in case of an error while retrieving document source from `file` prop. | n/a | `(error) => alert('Error while retrieving document source! ' + error.message)` | | onSourceSuccess | Function called when document source is successfully retrieved from `file` prop. | n/a | `() => alert('Document source retrieved!')` | | options | An object in which additional parameters to be passed to PDF.js can be defined. Most notably:For a full list of possible parameters, check [PDF.js documentation on DocumentInitParameters](https://mozilla.github.io/pdf.js/api/draft/module-pdfjsLib.html#~DocumentInitParameters). **Note**: Make sure to define options object outside of your React component, and use `useMemo` if you can't. | n/a | `{ cMapUrl: '/cmaps/' }` | -| renderMode | Rendering mode of the document. Can be `"canvas"`, `"custom"`, `"none"` or `"svg"`. If set to `"custom"`, `customRenderer` must also be provided.
**Warning**: SVG render mode is no longer maintained and may be removed in the future. | `"canvas"` | `"svg"` | +| renderMode | Rendering mode of the document. Can be `"canvas"`, `"custom"` or `"none"`. If set to `"custom"`, `customRenderer` must also be provided. | `"canvas"` | `"custom"` | | rotate | Rotation of the document in degrees. If provided, will change rotation globally, even for the pages which were given `rotate` prop of their own. `90` = rotated to the right, `180` = upside down, `270` = rotated to the left. | n/a | `90` | ### Page @@ -481,8 +481,8 @@ Displays a page. Should be placed inside ``. Alternatively, it can h | Prop name | Description | Default value | Example values | | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| canvasBackground | Canvas background color. Any valid `canvas.fillStyle` can be used. If you set `renderMode` to `"svg"` this prop will be ignored. | n/a | `"transparent"` | -| canvasRef | A prop that behaves like [ref](https://reactjs.org/docs/refs-and-the-dom.html), but it's passed to `` rendered by `` component. If you set `renderMode` to `"svg"` this prop will be ignored. | n/a |
  • Function:
    `(ref) => { this.myCanvas = ref; }`
  • Ref created using `createRef`:
    `this.ref = createRef();`
    …
    `inputRef={this.ref}`
  • Ref created using `useRef`:
    `const ref = useRef();`
    …
    `inputRef={ref}`
| +| canvasBackground | Canvas background color. Any valid `canvas.fillStyle` can be used. | n/a | `"transparent"` | +| canvasRef | A prop that behaves like [ref](https://reactjs.org/docs/refs-and-the-dom.html), but it's passed to `` rendered by `` component. | n/a |
  • Function:
    `(ref) => { this.myCanvas = ref; }`
  • Ref created using `createRef`:
    `this.ref = createRef();`
    …
    `inputRef={this.ref}`
  • Ref created using `useRef`:
    `const ref = useRef();`
    …
    `inputRef={ref}`
| | className | Class name(s) that will be added to rendered element along with the default `react-pdf__Page`. | n/a |
  • String:
    `"custom-class-name-1 custom-class-name-2"`
  • Array of strings:
    `["custom-class-name-1", "custom-class-name-2"]`
| | customRenderer | Function that customizes how a page is rendered. You must set `renderMode` to `"custom"` to use this prop. | n/a | `MyCustomRenderer` | | customTextRenderer | Function that customizes how a text layer is rendered. | n/a | ``({ str, itemIndex }) => str.replace(/ipsum/g, value => `${value}`)`` | @@ -512,7 +512,7 @@ Displays a page. Should be placed inside ``. Alternatively, it can h | pdf | pdf object obtained from ``'s `onLoadSuccess` callback function. | (automatically obtained from parent ``) | `pdf` | | renderAnnotationLayer | Whether annotations (e.g. links) should be rendered. | `true` | `false` | | renderForms | Whether forms should be rendered. `renderAnnotationLayer` prop must be set to `true`. | `false` | `true` | -| renderMode | Rendering mode of the document. Can be `"canvas"`, `"custom"`, `"none"` or `"svg"`. If set to `"custom"`, `customRenderer` must also be provided.
**Warning**: SVG render mode is no longer maintained and may be removed in the future. | `"canvas"` | `"svg"` | +| renderMode | Rendering mode of the document. Can be `"canvas"`, `"custom"` or `"none"`. If set to `"custom"`, `customRenderer` must also be provided. | `"canvas"` | `"custom"` | | renderTextLayer | Whether a text layer should be rendered. | `true` | `false` | | rotate | Rotation of the page in degrees. `90` = rotated to the right, `180` = upside down, `270` = rotated to the left. | Page's default setting, usually `0` | `90` | | scale | Page scale. | `1` | `0.5` | diff --git a/packages/react-pdf/package.json b/packages/react-pdf/package.json index 8aab9b646..3ccae514e 100644 --- a/packages/react-pdf/package.json +++ b/packages/react-pdf/package.json @@ -59,7 +59,7 @@ "make-cancellable-promise": "^1.3.1", "make-event-props": "^1.6.0", "merge-refs": "^1.2.1", - "pdfjs-dist": "3.11.174", + "pdfjs-dist": "4.0.379", "prop-types": "^15.6.2", "tiny-invariant": "^1.0.0", "tiny-warning": "^1.0.0" diff --git a/packages/react-pdf/src/Document.tsx b/packages/react-pdf/src/Document.tsx index 1480f1eba..685ca03f1 100644 --- a/packages/react-pdf/src/Document.tsx +++ b/packages/react-pdf/src/Document.tsx @@ -199,12 +199,10 @@ export type DocumentProps = { */ options?: Options; /** - * Rendering mode of the document. Can be `"canvas"`, `"custom"`, `"none"` or `"svg"`. If set to `"custom"`, `customRenderer` must also be provided. - * - * **Warning**: SVG render mode is no longer maintained and may be removed in the future. + * Rendering mode of the document. Can be `"canvas"`, `"custom"` or `"none"``. If set to `"custom"`, `customRenderer` must also be provided. * * @default 'canvas' - * @example 'svg' + * @example 'custom' */ renderMode?: RenderMode; /** diff --git a/packages/react-pdf/src/Page.spec.tsx b/packages/react-pdf/src/Page.spec.tsx index a94414b05..159e4fbec 100644 --- a/packages/react-pdf/src/Page.spec.tsx +++ b/packages/react-pdf/src/Page.spec.tsx @@ -1,4 +1,3 @@ -import { Blob } from 'node:buffer'; import { beforeAll, describe, expect, it, vi } from 'vitest'; import React, { createRef } from 'react'; import { fireEvent, render } from '@testing-library/react'; @@ -275,7 +274,7 @@ describe('Page', () => { expect(inputRef.current).toBeInstanceOf(HTMLDivElement); }); - it('passes canvas element to PageCanvas properly', async () => { + it('passes canvas element to Canvas properly', async () => { const { func: onLoadSuccess, promise: onLoadSuccessPromise } = makeAsyncCallback(); const canvasRef = createRef(); @@ -394,15 +393,12 @@ describe('Page', () => { expect(page).toMatchObject(desiredLoadedPage); }); - it('requests page to be rendered with default rotation when given nothing', async () => { - const originalBlob = globalThis.Blob; - globalThis.Blob = Blob as unknown as typeof globalThis.Blob; - + it.skip('requests page to be rendered with default rotation when given nothing', async () => { const { func: onRenderSuccess, promise: onRenderSuccessPromise } = makeAsyncCallback<[PageCallback]>(); const { container } = renderWithContext( - , + , { linkService, pdf, @@ -411,29 +407,24 @@ describe('Page', () => { const [page] = await onRenderSuccessPromise; - const pageSvg = container.querySelector('.react-pdf__Page__svg') as SVGElement; + const pageCanvas = container.querySelector('.react-pdf__Page__canvas') as HTMLCanvasElement; - const { width, height } = window.getComputedStyle(pageSvg); + const { width, height } = window.getComputedStyle(pageCanvas); const viewport = page.getViewport({ scale: 1 }); - // Expect the SVG layer not to be rotated + // Expect the canvas layer not to be rotated expect(parseInt(width, 10)).toBe(Math.floor(viewport.width)); expect(parseInt(height, 10)).toBe(Math.floor(viewport.height)); - - globalThis.Blob = originalBlob; }); - it('requests page to be rendered with given rotation when given rotate prop', async () => { - const originalBlob = globalThis.Blob; - globalThis.Blob = Blob as unknown as typeof globalThis.Blob; - + it.skip('requests page to be rendered with given rotation when given rotate prop', async () => { const { func: onRenderSuccess, promise: onRenderSuccessPromise } = makeAsyncCallback<[PageCallback]>(); const rotate = 90; const { container } = renderWithContext( - , + , { linkService, pdf, @@ -442,17 +433,15 @@ describe('Page', () => { const [page] = await onRenderSuccessPromise; - const pageSvg = container.querySelector('.react-pdf__Page__svg') as SVGElement; + const pageCanvas = container.querySelector('.react-pdf__Page__canvas') as HTMLCanvasElement; - const { width, height } = window.getComputedStyle(pageSvg); + const { width, height } = window.getComputedStyle(pageCanvas); const viewport = page.getViewport({ scale: 1, rotation: rotate }); - // Expect the SVG layer to be rotated + // Expect the canvas layer to be rotated expect(parseInt(width, 10)).toBe(Math.floor(viewport.width)); expect(parseInt(height, 10)).toBe(Math.floor(viewport.height)); - - globalThis.Blob = originalBlob; }); it('requests page to be rendered in canvas mode by default', async () => { @@ -486,15 +475,13 @@ describe('Page', () => { }, ); - expect.assertions(2); + expect.assertions(1); await onLoadSuccessPromise; const pageCanvas = container.querySelector('.react-pdf__Page__canvas'); - const pageSVG = container.querySelector('.react-pdf__Page__svg'); expect(pageCanvas).not.toBeInTheDocument(); - expect(pageSVG).not.toBeInTheDocument(); }); it('requests page to be rendered in canvas mode when given renderMode = "canvas"', async () => { @@ -546,26 +533,6 @@ describe('Page', () => { expect(customRenderer).toBeInTheDocument(); }); - it('requests page to be rendered in SVG mode when given renderMode = "svg"', async () => { - const { func: onLoadSuccess, promise: onLoadSuccessPromise } = makeAsyncCallback(); - - const { container } = renderWithContext( - , - { - linkService, - pdf, - }, - ); - - expect.assertions(1); - - await onLoadSuccessPromise; - - const pageSVG = container.querySelector('.react-pdf__Page__svg'); - - expect(pageSVG).toBeInTheDocument(); - }); - it('requests text content to be rendered by default', async () => { const { func: onLoadSuccess, promise: onLoadSuccessPromise } = makeAsyncCallback(); @@ -676,26 +643,6 @@ describe('Page', () => { expect(textLayer).toBeInTheDocument(); }); - it('renders TextLayer when given renderMode = "svg"', async () => { - const { func: onLoadSuccess, promise: onLoadSuccessPromise } = makeAsyncCallback(); - - const { container } = renderWithContext( - , - { - linkService, - pdf, - }, - ); - - expect.assertions(1); - - await onLoadSuccessPromise; - - const textLayer = container.querySelector('.react-pdf__Page__textContent'); - - expect(textLayer).toBeInTheDocument(); - }); - it('requests annotations to be rendered by default', async () => { const { func: onLoadSuccess, promise: onLoadSuccessPromise } = makeAsyncCallback(); diff --git a/packages/react-pdf/src/Page.tsx b/packages/react-pdf/src/Page.tsx index bd922f050..55f42ff89 100644 --- a/packages/react-pdf/src/Page.tsx +++ b/packages/react-pdf/src/Page.tsx @@ -12,8 +12,7 @@ import warning from 'tiny-warning'; import PageContext from './PageContext.js'; import Message from './Message.js'; -import PageCanvas from './Page/PageCanvas.js'; -import PageSVG from './Page/PageSVG.js'; +import Canvas from './Page/Canvas.js'; import TextLayer from './Page/TextLayer.js'; import AnnotationLayer from './Page/AnnotationLayer.js'; @@ -63,13 +62,13 @@ export type PageProps = { _className?: string; _enableRegisterUnregisterPage?: boolean; /** - * Canvas background color. Any valid `canvas.fillStyle` can be used. If you set `renderMode` to `"svg"` this prop will be ignored. + * Canvas background color. Any valid `canvas.fillStyle` can be used. * * @example 'transparent' */ canvasBackground?: string; /** - * A prop that behaves like [ref](https://reactjs.org/docs/refs-and-the-dom.html), but it's passed to `` rendered by `` component. If you set `renderMode` to `"svg"` this prop will be ignored. + * A prop that behaves like [ref](https://reactjs.org/docs/refs-and-the-dom.html), but it's passed to `` rendered by `` component. * * @example (ref) => { this.myCanvas = ref; } * @example this.ref @@ -271,12 +270,10 @@ export type PageProps = { */ renderForms?: boolean; /** - * Rendering mode of the document. Can be `"canvas"`, `"custom"`, `"none"` or `"svg"`. If set to `"custom"`, `customRenderer` must also be provided. - * - * **Warning**: SVG render mode is no longer maintained and may be removed in the future. + * Rendering mode of the document. Can be `"canvas"`, `"custom"` or `"none"`. If set to `"custom"`, `customRenderer` must also be provided. * * @default 'canvas' - * @example 'svg' + * @example 'custom' */ renderMode?: RenderMode; /** @@ -569,8 +566,6 @@ const Page: React.FC = function Page(props) { const pageKey = `${pageIndex}@${scale}/${rotate}`; - const pageKeyNoScale = `${pageIndex}/${rotate}`; - function renderMainLayer() { switch (renderMode) { case 'custom': { @@ -583,11 +578,9 @@ const Page: React.FC = function Page(props) { } case 'none': return null; - case 'svg': - return ; case 'canvas': default: - return ; + return ; } } diff --git a/packages/react-pdf/src/Page/PageCanvas.spec.tsx b/packages/react-pdf/src/Page/Canvas.spec.tsx similarity index 91% rename from packages/react-pdf/src/Page/PageCanvas.spec.tsx rename to packages/react-pdf/src/Page/Canvas.spec.tsx index e94bb3975..f90f50779 100644 --- a/packages/react-pdf/src/Page/PageCanvas.spec.tsx +++ b/packages/react-pdf/src/Page/Canvas.spec.tsx @@ -4,7 +4,7 @@ import { render } from '@testing-library/react'; import { pdfjs } from '../index.test.js'; -import PageCanvas from './PageCanvas.js'; +import Canvas from './Canvas.js'; import failingPage from '../../../../__mocks__/_failing_page.js'; @@ -33,7 +33,7 @@ function renderWithContext(children: React.ReactNode, context: Partial { +describe('Canvas', () => { // Loaded page let page: PDFPageProxy; let pageWithRendererMocked: PDFPageProxy; @@ -59,7 +59,7 @@ describe('PageCanvas', () => { muteConsole(); - renderWithContext(, { + renderWithContext(, { onRenderSuccess, page: pageWithRendererMocked, scale: 1, @@ -77,7 +77,7 @@ describe('PageCanvas', () => { muteConsole(); - renderWithContext(, { + renderWithContext(, { onRenderError, page: failingPage, scale: 1, @@ -95,7 +95,7 @@ describe('PageCanvas', () => { it('passes canvas element to canvasRef properly', () => { const canvasRef = vi.fn(); - renderWithContext(, { + renderWithContext(, { page: pageWithRendererMocked, scale: 1, }); @@ -107,7 +107,7 @@ describe('PageCanvas', () => { it('does not request structure tree to be rendered when renderTextLayer = false', async () => { const { func: onRenderSuccess, promise: onRenderSuccessPromise } = makeAsyncCallback(); - const { container } = renderWithContext(, { + const { container } = renderWithContext(, { onRenderSuccess, page: pageWithRendererMocked, renderTextLayer: false, @@ -124,7 +124,7 @@ describe('PageCanvas', () => { const { func: onGetStructTreeSuccess, promise: onGetStructTreeSuccessPromise } = makeAsyncCallback(); - const { container } = renderWithContext(, { + const { container } = renderWithContext(, { onGetStructTreeSuccess, page: pageWithRendererMocked, renderTextLayer: true, diff --git a/packages/react-pdf/src/Page/PageCanvas.tsx b/packages/react-pdf/src/Page/Canvas.tsx similarity index 98% rename from packages/react-pdf/src/Page/PageCanvas.tsx rename to packages/react-pdf/src/Page/Canvas.tsx index b47d3afd6..7fdbc037b 100644 --- a/packages/react-pdf/src/Page/PageCanvas.tsx +++ b/packages/react-pdf/src/Page/Canvas.tsx @@ -20,11 +20,11 @@ import type { RenderParameters } from 'pdfjs-dist/types/src/display/api.js'; const ANNOTATION_MODE = pdfjs.AnnotationMode; -type PageCanvasProps = { +type CanvasProps = { canvasRef?: React.Ref; }; -export default function PageCanvas(props: PageCanvasProps) { +export default function Canvas(props: CanvasProps) { const pageContext = usePageContext(); invariant(pageContext, 'Unable to find Page context.'); diff --git a/packages/react-pdf/src/Page/PageSVG.spec.tsx b/packages/react-pdf/src/Page/PageSVG.spec.tsx deleted file mode 100644 index 0753d1eea..000000000 --- a/packages/react-pdf/src/Page/PageSVG.spec.tsx +++ /dev/null @@ -1,89 +0,0 @@ -import { Blob } from 'node:buffer'; -import { beforeAll, describe, expect, it } from 'vitest'; -import React from 'react'; -import { render } from '@testing-library/react'; - -import { pdfjs } from '../index.test.js'; - -import PageSVG from './PageSVG.js'; - -import failingPage from '../../../../__mocks__/_failing_page.js'; - -import { loadPDF, makeAsyncCallback, muteConsole, restoreConsole } from '../../../../test-utils.js'; - -import PageContext from '../PageContext.js'; - -import type { PDFPageProxy } from 'pdfjs-dist'; -import type { PageContextType } from '../shared/types.js'; - -const pdfFile = loadPDF('./../../__mocks__/_pdf.pdf'); - -function renderWithContext(children: React.ReactNode, context: Partial) { - const { rerender, ...otherResult } = render( - {children}, - ); - - return { - ...otherResult, - rerender: (nextChildren: React.ReactNode, nextContext: Partial = context) => - rerender( - - {nextChildren} - , - ), - }; -} - -describe('PageSVG', () => { - // Loaded page - let page: PDFPageProxy; - - beforeAll(async () => { - const pdf = await pdfjs.getDocument({ data: pdfFile.arrayBuffer }).promise; - - page = await pdf.getPage(1); - }); - - describe('loading', () => { - it('renders a page and calls onRenderSuccess callback properly', async () => { - const originalBlob = globalThis.Blob; - globalThis.Blob = Blob as unknown as typeof globalThis.Blob; - - const { func: onRenderSuccess, promise: onRenderSuccessPromise } = makeAsyncCallback(); - - muteConsole(); - - renderWithContext(, { - onRenderSuccess, - page, - scale: 1, - }); - - expect.assertions(1); - - await expect(onRenderSuccessPromise).resolves.toMatchObject([{}]); - - restoreConsole(); - - globalThis.Blob = originalBlob; - }); - - it('calls onRenderError when failed to render canvas', async () => { - const { func: onRenderError, promise: onRenderErrorPromise } = makeAsyncCallback(); - - muteConsole(); - - renderWithContext(, { - onRenderError, - page: failingPage, - scale: 1, - }); - - expect.assertions(1); - - await expect(onRenderErrorPromise).resolves.toMatchObject([expect.any(Error)]); - - restoreConsole(); - }); - }); -}); diff --git a/packages/react-pdf/src/Page/PageSVG.tsx b/packages/react-pdf/src/Page/PageSVG.tsx deleted file mode 100644 index a9aa268f8..000000000 --- a/packages/react-pdf/src/Page/PageSVG.tsx +++ /dev/null @@ -1,160 +0,0 @@ -import React, { useEffect, useMemo } from 'react'; -import makeCancellable from 'make-cancellable-promise'; -import invariant from 'tiny-invariant'; -import warning from 'tiny-warning'; -import pdfjs from '../pdfjs.js'; - -import usePageContext from '../shared/hooks/usePageContext.js'; -import useResolver from '../shared/hooks/useResolver.js'; -import { cancelRunningTask, isCancelException, makePageCallback } from '../shared/utils.js'; - -export default function PageSVG() { - const pageContext = usePageContext(); - - invariant(pageContext, 'Unable to find Page context.'); - - const { - _className, - onRenderSuccess: onRenderSuccessProps, - onRenderError: onRenderErrorProps, - page, - rotate, - scale, - } = pageContext; - - invariant(page, 'Attempted to render page SVG, but no page was specified.'); - - const [svgState, svgDispatch] = useResolver(); - const { value: svg, error: svgError } = svgState; - - /** - * Called when a page is rendered successfully - */ - function onRenderSuccess() { - if (!page) { - // Impossible, but TypeScript doesn't know that - return; - } - - if (onRenderSuccessProps) { - onRenderSuccessProps(makePageCallback(page, scale)); - } - } - - /** - * Called when a page fails to render - */ - function onRenderError() { - if (!svgError) { - // Impossible, but TypeScript doesn't know that - return; - } - - if (isCancelException(svgError)) { - return; - } - - warning(false, svgError.toString()); - - if (onRenderErrorProps) { - onRenderErrorProps(svgError); - } - } - - const viewport = useMemo( - () => page.getViewport({ scale, rotation: rotate }), - [page, rotate, scale], - ); - - function resetSVG() { - svgDispatch({ type: 'RESET' }); - } - - useEffect(resetSVG, [page, svgDispatch, viewport]); - - function renderSVG() { - if (!page) { - return; - } - - const cancellable = makeCancellable(page.getOperatorList()); - - cancellable.promise - .then((operatorList) => { - const svgGfx = new pdfjs.SVGGraphics(page.commonObjs, page.objs); - - svgGfx - .getSVG(operatorList, viewport) - .then((nextSvg: unknown) => { - // See https://github.com/mozilla/pdf.js/issues/16745 - if (!(nextSvg instanceof SVGElement)) { - throw new Error('getSVG returned unexpected result.'); - } - - svgDispatch({ type: 'RESOLVE', value: nextSvg }); - }) - .catch((error) => { - svgDispatch({ type: 'REJECT', error }); - }); - }) - .catch((error) => { - svgDispatch({ type: 'REJECT', error }); - }); - - return () => cancelRunningTask(cancellable); - } - - useEffect(renderSVG, [page, svgDispatch, viewport]); - - useEffect( - () => { - if (svg === undefined) { - return; - } - - if (svg === false) { - onRenderError(); - return; - } - - onRenderSuccess(); - }, - // Ommitted callbacks so they are not called every time they change - // eslint-disable-next-line react-hooks/exhaustive-deps - [svg], - ); - - function drawPageOnContainer(element: HTMLDivElement | null) { - if (!element || !svg) { - return; - } - - // Append SVG element to the main container, if this hasn't been done already - if (!element.firstElementChild) { - element.appendChild(svg); - } - - const { width, height } = viewport; - - svg.setAttribute('width', `${width}`); - svg.setAttribute('height', `${height}`); - } - - const { width, height } = viewport; - - return ( -
drawPageOnContainer(ref)} - style={{ - display: 'block', - backgroundColor: 'white', - overflow: 'hidden', - width, - height, - userSelect: 'none', - }} - /> - ); -} diff --git a/packages/react-pdf/src/Thumbnail.spec.tsx b/packages/react-pdf/src/Thumbnail.spec.tsx index 37352c859..3d6c6c356 100644 --- a/packages/react-pdf/src/Thumbnail.spec.tsx +++ b/packages/react-pdf/src/Thumbnail.spec.tsx @@ -1,4 +1,3 @@ -import { Blob } from 'node:buffer'; import { beforeAll, describe, expect, it, vi } from 'vitest'; import React, { createRef } from 'react'; import { fireEvent, render } from '@testing-library/react'; @@ -329,64 +328,53 @@ describe('Thumbnail', () => { expect(page).toMatchObject(desiredLoadedThumbnail); }); - it('requests page to be rendered with default rotation when given nothing', async () => { - const originalBlob = globalThis.Blob; - globalThis.Blob = Blob as unknown as typeof globalThis.Blob; - + it.skip('requests page to be rendered with default rotation when given nothing', async () => { const { func: onRenderSuccess, promise: onRenderSuccessPromise } = makeAsyncCallback<[PageCallback]>(); const { container } = renderWithContext( - , + , { pdf }, ); const [page] = await onRenderSuccessPromise; - const pageSvg = container.querySelector('.react-pdf__Thumbnail__page__svg') as SVGElement; + const pageCanvas = container.querySelector( + '.react-pdf__Thumbnail__page__canvas', + ) as HTMLCanvasElement; - const { width, height } = window.getComputedStyle(pageSvg); + const { width, height } = window.getComputedStyle(pageCanvas); const viewport = page.getViewport({ scale: 1 }); - // Expect the SVG layer not to be rotated + // Expect the canvas layer not to be rotated expect(parseInt(width, 10)).toBe(Math.floor(viewport.width)); expect(parseInt(height, 10)).toBe(Math.floor(viewport.height)); - - globalThis.Blob = originalBlob; }); - it('requests page to be rendered with given rotation when given rotate prop', async () => { - const originalBlob = globalThis.Blob; - globalThis.Blob = Blob as unknown as typeof globalThis.Blob; - + it.skip('requests page to be rendered with given rotation when given rotate prop', async () => { const { func: onRenderSuccess, promise: onRenderSuccessPromise } = makeAsyncCallback<[PageCallback]>(); const rotate = 90; const { container } = renderWithContext( - , + , { pdf }, ); const [page] = await onRenderSuccessPromise; - const pageSvg = container.querySelector('.react-pdf__Thumbnail__page__svg') as SVGElement; + const pageCanvas = container.querySelector( + '.react-pdf__Thumbnail__page__canvas', + ) as HTMLCanvasElement; - const { width, height } = window.getComputedStyle(pageSvg); + const { width, height } = window.getComputedStyle(pageCanvas); const viewport = page.getViewport({ scale: 1, rotation: rotate }); - // Expect the SVG layer to be rotated + // Expect the canvas layer to be rotated expect(parseInt(width, 10)).toBe(Math.floor(viewport.width)); expect(parseInt(height, 10)).toBe(Math.floor(viewport.height)); - - globalThis.Blob = originalBlob; }); it('requests page to be rendered in canvas mode by default', async () => { @@ -414,15 +402,13 @@ describe('Thumbnail', () => { { pdf }, ); - expect.assertions(2); + expect.assertions(1); await onLoadSuccessPromise; const pageCanvas = container.querySelector('.react-pdf__Thumbnail__page__canvas'); - const pageSVG = container.querySelector('.react-pdf__Thumbnail__page__svg'); expect(pageCanvas).not.toBeInTheDocument(); - expect(pageSVG).not.toBeInTheDocument(); }); it('requests page to be rendered in canvas mode when given renderMode = "canvas"', async () => { @@ -467,23 +453,6 @@ describe('Thumbnail', () => { expect(customRenderer).toBeInTheDocument(); }); - - it('requests page to be rendered in SVG mode when given renderMode = "svg"', async () => { - const { func: onLoadSuccess, promise: onLoadSuccessPromise } = makeAsyncCallback(); - - const { container } = renderWithContext( - , - { pdf }, - ); - - expect.assertions(1); - - await onLoadSuccessPromise; - - const pageSVG = container.querySelector('.react-pdf__Thumbnail__page__svg'); - - expect(pageSVG).toBeInTheDocument(); - }); }); it('requests page to be rendered at its original size given nothing', async () => { diff --git a/packages/react-pdf/src/index.ts b/packages/react-pdf/src/index.ts index 409375250..073d27321 100644 --- a/packages/react-pdf/src/index.ts +++ b/packages/react-pdf/src/index.ts @@ -20,7 +20,7 @@ import { displayWorkerWarning } from './shared/utils.js'; displayWorkerWarning(); -pdfjs.GlobalWorkerOptions.workerSrc = 'pdf.worker.js'; +pdfjs.GlobalWorkerOptions.workerSrc = 'pdf.worker.mjs'; export { pdfjs, diff --git a/packages/react-pdf/src/pdf.worker.entry.ts b/packages/react-pdf/src/pdf.worker.entry.ts index 78aa9a2d4..3ae639931 100644 --- a/packages/react-pdf/src/pdf.worker.entry.ts +++ b/packages/react-pdf/src/pdf.worker.entry.ts @@ -8,4 +8,8 @@ ( (typeof window !== 'undefined' ? window : {}) as Window & typeof globalThis & { pdfjsWorker: unknown } -).pdfjsWorker = require('pdfjs-dist/build/pdf.worker'); +).pdfjsWorker = + // @ts-expect-error - pdfjs-dist does not ship with types + await import('pdfjs-dist/build/pdf.worker.mjs'); + +export {}; diff --git a/packages/react-pdf/src/shared/propTypes.ts b/packages/react-pdf/src/shared/propTypes.ts index ce04485da..de598f7c0 100644 --- a/packages/react-pdf/src/shared/propTypes.ts +++ b/packages/react-pdf/src/shared/propTypes.ts @@ -162,6 +162,6 @@ export const isRef = PropTypes.oneOfType([ }), ]); -export const isRenderMode = PropTypes.oneOf(['canvas', 'custom', 'none', 'svg'] as const); +export const isRenderMode = PropTypes.oneOf(['canvas', 'custom', 'none'] as const); export const isRotate = PropTypes.oneOf([0, 90, 180, 270] as const); diff --git a/packages/react-pdf/src/shared/types.ts b/packages/react-pdf/src/shared/types.ts index 88314b7e6..127a9c1fd 100644 --- a/packages/react-pdf/src/shared/types.ts +++ b/packages/react-pdf/src/shared/types.ts @@ -49,7 +49,7 @@ export type OnLoadProgressArgs = { export type RegisterPage = (pageIndex: number, ref: HTMLDivElement) => void; -export type RenderMode = 'canvas' | 'custom' | 'none' | 'svg'; +export type RenderMode = 'canvas' | 'custom' | 'none'; export type ScrollPageIntoViewArgs = { dest?: ResolvedDest; diff --git a/packages/react-pdf/tsconfig.json b/packages/react-pdf/tsconfig.json index ab0af37c9..6473c1ae6 100644 --- a/packages/react-pdf/tsconfig.json +++ b/packages/react-pdf/tsconfig.json @@ -11,7 +11,7 @@ "outDir": "dist", "skipLibCheck": true, "strict": true, - "target": "es2015", + "target": "es2017", "verbatimModuleSyntax": true }, "exclude": ["dist"] diff --git a/sample/create-react-app-5/.gitignore b/sample/create-react-app-5/.gitignore index 930de56c1..8c637049e 100644 --- a/sample/create-react-app-5/.gitignore +++ b/sample/create-react-app-5/.gitignore @@ -2,4 +2,4 @@ build node_modules public/cmaps public/standard_fonts -public/pdf.worker.js +public/pdf.worker.mjs diff --git a/sample/create-react-app-5/scripts/copy-worker.ts b/sample/create-react-app-5/scripts/copy-worker.ts index caf4b48f0..0b0bfd066 100644 --- a/sample/create-react-app-5/scripts/copy-worker.ts +++ b/sample/create-react-app-5/scripts/copy-worker.ts @@ -5,10 +5,10 @@ import { createRequire } from 'node:module'; const require = createRequire(import.meta.url); const pdfjsDistPath = path.dirname(require.resolve('pdfjs-dist/package.json')); -const pdfWorkerPath = path.join(pdfjsDistPath, 'build', 'pdf.worker.js'); +const pdfWorkerPath = path.join(pdfjsDistPath, 'build', 'pdf.worker.mjs'); const targetDir = 'public'; -const targetPath = path.join(targetDir, 'pdf.worker.js'); +const targetPath = path.join(targetDir, 'pdf.worker.mjs'); // Ensure target directory exists fs.mkdirSync(targetDir, { recursive: true }); diff --git a/sample/create-react-app-5/src/Sample.tsx b/sample/create-react-app-5/src/Sample.tsx index 96af07507..408e5661d 100644 --- a/sample/create-react-app-5/src/Sample.tsx +++ b/sample/create-react-app-5/src/Sample.tsx @@ -9,7 +9,7 @@ import './Sample.css'; import type { PDFDocumentProxy } from 'pdfjs-dist'; pdfjs.GlobalWorkerOptions.workerSrc = new URL( - 'pdfjs-dist/build/pdf.worker.min.js', + 'pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url, ).toString(); diff --git a/sample/next-app/app/Sample.tsx b/sample/next-app/app/Sample.tsx index e5f9afb39..98b27d174 100644 --- a/sample/next-app/app/Sample.tsx +++ b/sample/next-app/app/Sample.tsx @@ -11,7 +11,7 @@ import './Sample.css'; import type { PDFDocumentProxy } from 'pdfjs-dist'; pdfjs.GlobalWorkerOptions.workerSrc = new URL( - 'pdfjs-dist/build/pdf.worker.min.js', + 'pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url, ).toString(); diff --git a/sample/next-pages/pages/Sample.tsx b/sample/next-pages/pages/Sample.tsx index 96af07507..408e5661d 100644 --- a/sample/next-pages/pages/Sample.tsx +++ b/sample/next-pages/pages/Sample.tsx @@ -9,7 +9,7 @@ import './Sample.css'; import type { PDFDocumentProxy } from 'pdfjs-dist'; pdfjs.GlobalWorkerOptions.workerSrc = new URL( - 'pdfjs-dist/build/pdf.worker.min.js', + 'pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url, ).toString(); diff --git a/sample/parcel2/Sample.tsx b/sample/parcel2/Sample.tsx index b41e5b451..404ccba25 100644 --- a/sample/parcel2/Sample.tsx +++ b/sample/parcel2/Sample.tsx @@ -11,7 +11,7 @@ import type { PDFDocumentProxy } from 'pdfjs-dist'; const pdfFile = new URL('./sample.pdf', import.meta.url).toString(); pdfjs.GlobalWorkerOptions.workerSrc = new URL( - 'npm:pdfjs-dist/build/pdf.worker.min.js', + 'npm:pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url, ).toString(); diff --git a/sample/vite/Sample.tsx b/sample/vite/Sample.tsx index 96af07507..408e5661d 100644 --- a/sample/vite/Sample.tsx +++ b/sample/vite/Sample.tsx @@ -9,7 +9,7 @@ import './Sample.css'; import type { PDFDocumentProxy } from 'pdfjs-dist'; pdfjs.GlobalWorkerOptions.workerSrc = new URL( - 'pdfjs-dist/build/pdf.worker.min.js', + 'pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url, ).toString(); diff --git a/sample/webpack5/Sample.tsx b/sample/webpack5/Sample.tsx index 96af07507..408e5661d 100644 --- a/sample/webpack5/Sample.tsx +++ b/sample/webpack5/Sample.tsx @@ -9,7 +9,7 @@ import './Sample.css'; import type { PDFDocumentProxy } from 'pdfjs-dist'; pdfjs.GlobalWorkerOptions.workerSrc = new URL( - 'pdfjs-dist/build/pdf.worker.min.js', + 'pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url, ).toString(); diff --git a/test/Test.tsx b/test/Test.tsx index dd8d38c04..6f57059e8 100644 --- a/test/Test.tsx +++ b/test/Test.tsx @@ -20,7 +20,7 @@ import type { ExternalLinkTarget, File, PassMethod, RenderMode } from './shared/ const { PDFDataRangeTransport } = pdfjs; pdfjs.GlobalWorkerOptions.workerSrc = new URL( - 'pdfjs-dist/build/pdf.worker.min.js', + 'pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url, ).toString(); diff --git a/test/ViewOptions.tsx b/test/ViewOptions.tsx index 878c54f4e..d637026ec 100644 --- a/test/ViewOptions.tsx +++ b/test/ViewOptions.tsx @@ -262,17 +262,6 @@ export default function ViewOptions({ />
-
- - -
diff --git a/test/package.json b/test/package.json index 49b11c152..b6a14eab4 100644 --- a/test/package.json +++ b/test/package.json @@ -32,6 +32,7 @@ "prettier": "^3.0.0", "typescript": "^5.3.2", "vite": "^5.0.0", - "vite-plugin-static-copy": "^0.17.1" + "vite-plugin-static-copy": "^0.17.1", + "vite-plugin-top-level-await": "^1.4.1" } } diff --git a/test/shared/types.ts b/test/shared/types.ts index 817d3bd28..f03c9adcb 100644 --- a/test/shared/types.ts +++ b/test/shared/types.ts @@ -12,4 +12,4 @@ export type File = string | ArrayBuffer | Blob | Source | null; export type PassMethod = 'blob' | 'normal' | 'object' | 'string'; -export type RenderMode = 'canvas' | 'custom' | 'none' | 'svg'; +export type RenderMode = 'canvas' | 'custom' | 'none'; diff --git a/test/vite.config.ts b/test/vite.config.ts index 217e1aef0..9e93528b3 100644 --- a/test/vite.config.ts +++ b/test/vite.config.ts @@ -2,6 +2,7 @@ import path from 'node:path'; import { createRequire } from 'node:module'; import { defineConfig } from 'vite'; +import topLevelAwait from 'vite-plugin-top-level-await'; import react from '@vitejs/plugin-react'; import { viteStaticCopy } from 'vite-plugin-static-copy'; @@ -15,6 +16,7 @@ const standardFontsDir = path.join( export default defineConfig({ base: './', plugins: [ + topLevelAwait(), react(), viteStaticCopy({ targets: [ diff --git a/yarn.lock b/yarn.lock index 3ec255ca5..313ac8407 100644 --- a/yarn.lock +++ b/yarn.lock @@ -661,6 +661,18 @@ __metadata: languageName: node linkType: hard +"@rollup/plugin-virtual@npm:^3.0.2": + version: 3.0.2 + resolution: "@rollup/plugin-virtual@npm:3.0.2" + peerDependencies: + rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0 + peerDependenciesMeta: + rollup: + optional: true + checksum: 7115edb7989096d1ce334939fcf6e1ba365586b487bf61b2dd4f915386197f350db70904030342c0720fe58f5a52828975c645c4d415c1d432d9b1b6760a22ef + languageName: node + linkType: hard + "@rollup/rollup-android-arm-eabi@npm:4.4.1": version: 4.4.1 resolution: "@rollup/rollup-android-arm-eabi@npm:4.4.1" @@ -752,6 +764,136 @@ __metadata: languageName: node linkType: hard +"@swc/core-darwin-arm64@npm:1.3.102": + version: 1.3.102 + resolution: "@swc/core-darwin-arm64@npm:1.3.102" + conditions: os=darwin & cpu=arm64 + languageName: node + linkType: hard + +"@swc/core-darwin-x64@npm:1.3.102": + version: 1.3.102 + resolution: "@swc/core-darwin-x64@npm:1.3.102" + conditions: os=darwin & cpu=x64 + languageName: node + linkType: hard + +"@swc/core-linux-arm-gnueabihf@npm:1.3.102": + version: 1.3.102 + resolution: "@swc/core-linux-arm-gnueabihf@npm:1.3.102" + conditions: os=linux & cpu=arm + languageName: node + linkType: hard + +"@swc/core-linux-arm64-gnu@npm:1.3.102": + version: 1.3.102 + resolution: "@swc/core-linux-arm64-gnu@npm:1.3.102" + conditions: os=linux & cpu=arm64 & libc=glibc + languageName: node + linkType: hard + +"@swc/core-linux-arm64-musl@npm:1.3.102": + version: 1.3.102 + resolution: "@swc/core-linux-arm64-musl@npm:1.3.102" + conditions: os=linux & cpu=arm64 & libc=musl + languageName: node + linkType: hard + +"@swc/core-linux-x64-gnu@npm:1.3.102": + version: 1.3.102 + resolution: "@swc/core-linux-x64-gnu@npm:1.3.102" + conditions: os=linux & cpu=x64 & libc=glibc + languageName: node + linkType: hard + +"@swc/core-linux-x64-musl@npm:1.3.102": + version: 1.3.102 + resolution: "@swc/core-linux-x64-musl@npm:1.3.102" + conditions: os=linux & cpu=x64 & libc=musl + languageName: node + linkType: hard + +"@swc/core-win32-arm64-msvc@npm:1.3.102": + version: 1.3.102 + resolution: "@swc/core-win32-arm64-msvc@npm:1.3.102" + conditions: os=win32 & cpu=arm64 + languageName: node + linkType: hard + +"@swc/core-win32-ia32-msvc@npm:1.3.102": + version: 1.3.102 + resolution: "@swc/core-win32-ia32-msvc@npm:1.3.102" + conditions: os=win32 & cpu=ia32 + languageName: node + linkType: hard + +"@swc/core-win32-x64-msvc@npm:1.3.102": + version: 1.3.102 + resolution: "@swc/core-win32-x64-msvc@npm:1.3.102" + conditions: os=win32 & cpu=x64 + languageName: node + linkType: hard + +"@swc/core@npm:^1.3.100": + version: 1.3.102 + resolution: "@swc/core@npm:1.3.102" + dependencies: + "@swc/core-darwin-arm64": "npm:1.3.102" + "@swc/core-darwin-x64": "npm:1.3.102" + "@swc/core-linux-arm-gnueabihf": "npm:1.3.102" + "@swc/core-linux-arm64-gnu": "npm:1.3.102" + "@swc/core-linux-arm64-musl": "npm:1.3.102" + "@swc/core-linux-x64-gnu": "npm:1.3.102" + "@swc/core-linux-x64-musl": "npm:1.3.102" + "@swc/core-win32-arm64-msvc": "npm:1.3.102" + "@swc/core-win32-ia32-msvc": "npm:1.3.102" + "@swc/core-win32-x64-msvc": "npm:1.3.102" + "@swc/counter": "npm:^0.1.1" + "@swc/types": "npm:^0.1.5" + peerDependencies: + "@swc/helpers": ^0.5.0 + dependenciesMeta: + "@swc/core-darwin-arm64": + optional: true + "@swc/core-darwin-x64": + optional: true + "@swc/core-linux-arm-gnueabihf": + optional: true + "@swc/core-linux-arm64-gnu": + optional: true + "@swc/core-linux-arm64-musl": + optional: true + "@swc/core-linux-x64-gnu": + optional: true + "@swc/core-linux-x64-musl": + optional: true + "@swc/core-win32-arm64-msvc": + optional: true + "@swc/core-win32-ia32-msvc": + optional: true + "@swc/core-win32-x64-msvc": + optional: true + peerDependenciesMeta: + "@swc/helpers": + optional: true + checksum: e87bf302b3e6e7c0a6cf6abb001e196f9461fa8fdfc20c6dcef217f50298f31e81aed4ff7402833470241dccd35d354e4e17ac56d0e551792735aefeb4604871 + languageName: node + linkType: hard + +"@swc/counter@npm:^0.1.1": + version: 0.1.2 + resolution: "@swc/counter@npm:0.1.2" + checksum: 18be012107d4ba1f79776c48d83391ca2159103d7d31a59ff52fcc8024db51b71c5f46714a9fb73981739bc8a38dc6f385a046b71cc08f6043f3c47f5c409eab + languageName: node + linkType: hard + +"@swc/types@npm:^0.1.5": + version: 0.1.5 + resolution: "@swc/types@npm:0.1.5" + checksum: b35f93fe896a2240f6f10544e408f9648c2bd4bcff9bd8d022d9a6942d31cf859f86119fb0bbb04a12eefa1f6a6745ffc7d18f3a490d76d7b6a074a7c9608144 + languageName: node + linkType: hard + "@testing-library/dom@npm:^9.0.0": version: 9.2.0 resolution: "@testing-library/dom@npm:9.2.0" @@ -4323,9 +4465,9 @@ __metadata: languageName: node linkType: hard -"pdfjs-dist@npm:3.11.174": - version: 3.11.174 - resolution: "pdfjs-dist@npm:3.11.174" +"pdfjs-dist@npm:4.0.379": + version: 4.0.379 + resolution: "pdfjs-dist@npm:4.0.379" dependencies: canvas: "npm:^2.11.2" path2d-polyfill: "npm:^2.0.1" @@ -4334,7 +4476,7 @@ __metadata: optional: true path2d-polyfill: optional: true - checksum: 0cb26561fd9bea90f2c1c8029d4cf972d338838de0f7f7aa3f369b2e555b99a2d8bbf1b81cc682fb26331241201a432726ae356a7ad3a930d86a308ca941d29c + checksum: ac6bdc600ead7811482d5265a8b19ba40742babd0939823b31bda0fbc371d21ede86b173ef9c2adb3dbfcb27eab20e6cdba0a8811196e893d138bd280f2a7028 languageName: node linkType: hard @@ -4552,7 +4694,7 @@ __metadata: make-event-props: "npm:^1.6.0" merge-refs: "npm:^1.2.1" nodemon: "npm:^3.0.0" - pdfjs-dist: "npm:3.11.174" + pdfjs-dist: "npm:4.0.379" prettier: "npm:^3.0.0" prop-types: "npm:^15.6.2" react: "npm:^18.2.0" @@ -5271,6 +5413,7 @@ __metadata: typescript: "npm:^5.3.2" vite: "npm:^5.0.0" vite-plugin-static-copy: "npm:^0.17.1" + vite-plugin-top-level-await: "npm:^1.4.1" languageName: unknown linkType: soft @@ -5530,6 +5673,15 @@ __metadata: languageName: node linkType: hard +"uuid@npm:^9.0.1": + version: 9.0.1 + resolution: "uuid@npm:9.0.1" + bin: + uuid: dist/bin/uuid + checksum: 1607dd32ac7fc22f2d8f77051e6a64845c9bce5cd3dd8aa0070c074ec73e666a1f63c7b4e0f4bf2bc8b9d59dc85a15e17807446d9d2b17c8485fbc2147b27f9b + languageName: node + linkType: hard + "validate-npm-package-license@npm:^3.0.1, validate-npm-package-license@npm:^3.0.4": version: 3.0.4 resolution: "validate-npm-package-license@npm:3.0.4" @@ -5569,6 +5721,19 @@ __metadata: languageName: node linkType: hard +"vite-plugin-top-level-await@npm:^1.4.1": + version: 1.4.1 + resolution: "vite-plugin-top-level-await@npm:1.4.1" + dependencies: + "@rollup/plugin-virtual": "npm:^3.0.2" + "@swc/core": "npm:^1.3.100" + uuid: "npm:^9.0.1" + peerDependencies: + vite: ">=2.8" + checksum: 05fbb56a2b98b9cc637676c6e1259bb5ca1a6690b1bfdd23a682813ed151ac5c6cf87ddb9ddfaa734b7d989c59227e32bc932c30d4e478bec2c3ffd9d63dac21 + languageName: node + linkType: hard + "vite@npm:^5.0.0": version: 5.0.9 resolution: "vite@npm:5.0.9"