chore: refactor pdf worker loader

This commit is contained in:
David Nguyen
2025-02-24 21:47:06 +11:00
parent d4c1bad407
commit 5255e8671f
3 changed files with 13 additions and 14 deletions

View File

@ -230,14 +230,13 @@ export const WebhookCreateDialog = ({ trigger, ...props }: WebhookCreateDialogPr
/> />
<DialogFooter> <DialogFooter>
<div className="flex w-full flex-nowrap gap-4"> <Button type="button" variant="secondary" onClick={() => setOpen(false)}>
<Button type="button" variant="secondary" onClick={() => setOpen(false)}> <Trans>Cancel</Trans>
<Trans>Cancel</Trans> </Button>
</Button>
<Button type="submit" loading={form.formState.isSubmitting}> <Button type="submit" loading={form.formState.isSubmitting}>
<Trans>Create</Trans> <Trans>Create</Trans>
</Button> </Button>
</div>
</DialogFooter> </DialogFooter>
</fieldset> </fieldset>
</form> </form>

View File

@ -171,9 +171,11 @@ export default function App() {
} }
export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) { export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
console.error('[RootErrorBoundary]', error);
const errorCode = isRouteErrorResponse(error) ? error.status : 500; const errorCode = isRouteErrorResponse(error) ? error.status : 500;
if (errorCode !== 404) {
console.error('[RootErrorBoundary]', error);
}
return <GenericErrorLayout errorCode={errorCode} />; return <GenericErrorLayout errorCode={errorCode} />;
} }

View File

@ -6,6 +6,7 @@ import { Trans } from '@lingui/react/macro';
import type { DocumentData } from '@prisma/client'; import type { DocumentData } from '@prisma/client';
import { Loader } from 'lucide-react'; import { Loader } from 'lucide-react';
import { type PDFDocumentProxy, PasswordResponses } from 'pdfjs-dist'; import { type PDFDocumentProxy, PasswordResponses } from 'pdfjs-dist';
import pdfWorker from 'pdfjs-dist/build/pdf.worker.min?url';
import { Document as PDFDocument, Page as PDFPage, pdfjs } from 'react-pdf'; import { Document as PDFDocument, Page as PDFPage, pdfjs } from 'react-pdf';
import 'react-pdf/dist/esm/Page/AnnotationLayer.css'; import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
import 'react-pdf/dist/esm/Page/TextLayer.css'; import 'react-pdf/dist/esm/Page/TextLayer.css';
@ -23,10 +24,7 @@ export type LoadedPDFDocument = PDFDocumentProxy;
/** /**
* This imports the worker from the `pdfjs-dist` package. * This imports the worker from the `pdfjs-dist` package.
*/ */
pdfjs.GlobalWorkerOptions.workerSrc = new URL( pdfjs.GlobalWorkerOptions.workerSrc = pdfWorker;
'pdfjs-dist/build/pdf.worker.min.js',
import.meta.url,
).toString();
export type OnPDFViewerPageClick = (_event: { export type OnPDFViewerPageClick = (_event: {
pageNumber: number; pageNumber: number;