Fix pdf previews (#8405)

ohcnetwork · Aug 23, 2024 · e567f59 · e567f59
1 parent a34d9e3
commit e567f59
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 24 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -135,7 +135,8 @@
     "uuid": "^10.0.0",
     "vite": "^5.2.11",
     "vite-plugin-checker": "^0.6.4",
-    "vite-plugin-pwa": "^0.20.0"
+    "vite-plugin-pwa": "^0.20.0",
+    "vite-plugin-static-copy": "^1.0.6"
   },
   "browserslist": {
     "production": [

diff --git a/public/pdf.worker.min.js b/public/pdf.worker.min.js
diff --git a/src/Components/Common/PDFViewer.tsx b/src/Components/Common/PDFViewer.tsx
@@ -10,7 +10,7 @@ export default function PDFViewer(
     onDocumentLoadSuccess: (numPages: number) => void;
   }>,
 ) {
-  pdfjs.GlobalWorkerOptions.workerSrc = "/pdf.worker.min.js";
+  pdfjs.GlobalWorkerOptions.workerSrc = "/pdf.worker.min.mjs";
 
   return (
     <div className="flex flex-col items-center justify-center">

diff --git a/vite.config.mts b/vite.config.mts
@@ -1,8 +1,19 @@
+import path from "node:path";
+import { createRequire } from "node:module";
 import { VitePWA } from "vite-plugin-pwa";
 import react from "@vitejs/plugin-react-swc";
 import checker from "vite-plugin-checker";
+import { viteStaticCopy } from "vite-plugin-static-copy";
 import { treeShakeCareIcons } from "./plugins/treeShakeCareIcons";
 
+const pdfWorkerPath = path.join(
+  path.dirname(
+    createRequire(import.meta.url).resolve("pdfjs-dist/package.json"),
+  ),
+  "build",
+  "pdf.worker.min.mjs",
+);
+
 const cdnUrls =
   process.env.CARE_CDN_URL ??
   [
@@ -15,6 +26,14 @@ const cdnUrls =
 export default {
   envPrefix: "REACT_",
   plugins: [
+    viteStaticCopy({
+      targets: [
+        {
+          src: pdfWorkerPath,
+          dest: "",
+        },
+      ],
+    }),
     react(),
     checker({ typescript: true }),
     treeShakeCareIcons({