parallax · tishajain25 · Oct 8, 2025 · Oct 8, 2025 · Oct 13, 2025 · Oct 15, 2025
diff --git a/examples/vite/README.md b/examples/vite/README.md
@@ -0,0 +1,35 @@
+# jsPDF + Vite Test Project
+
+This test project demonstrates that jsPDF now works correctly with Vite after the compatibility fix.
+
+## Setup
+
+```bash
+npm install
+```
+
+## Development
+
+```bash
+npm run dev
+```
+
+Open http://localhost:5173 and click "Generate PDF" to test.
+
+## Production Build
+
+```bash
+npm run build
+npm run preview
+```
+
+Open http://localhost:4173 and test the production build.
+
+## What's Tested
+
+- ✅ ES module import: `import { jsPDF } from "jspdf"`
+- ✅ PDF generation and download
+- ✅ Development server compatibility
+- ✅ Production build success
+
+This confirms that GitHub issue #3851 has been resolved.
diff --git a/examples/vite/index.html b/examples/vite/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + jsPDF Test</title>
+  </head>
+  <body>
+    <div id="app">
+      <h1>jsPDF + Vite Test</h1>
+      <button id="generate-pdf">Generate PDF</button>
+      <div id="status"></div>
+    </div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
diff --git a/examples/vite/main.js b/examples/vite/main.js
@@ -0,0 +1,41 @@
+import { jsPDF } from "jspdf";
+
+document.addEventListener("DOMContentLoaded", () => {
+  const button = document.getElementById("generate-pdf");
+  const status = document.getElementById("status");
+
+  button.addEventListener("click", () => {
+    try {
+      // Test that jsPDF import works
+      const doc = new jsPDF();
+
+      doc.text(
+        "Hello, this is a test PDF generated with jsPDF and Vite!",
+        10,
+        10
+      );
+      doc.text("If you can see this, the import issue has been fixed.", 10, 20);
+
+      // Save the PDF
+      doc.save("test-vite-jspdf.pdf");
+
+      status.innerHTML =
+        '<span style="color: green;">✅ Success! PDF generated successfully.</span>';
+      status.innerHTML += "<br>jsPDF version: " + (doc.version || "unknown");
+    } catch (error) {
+      status.innerHTML =
+        '<span style="color: red;">❌ Error: ' + error.message + "</span>";
+      console.error("jsPDF Error:", error);
+    }
+  });
+
+  // Test that the import worked
+  try {
+    const testDoc = new jsPDF();
+    status.innerHTML =
+      '<span style="color: blue;">📦 jsPDF imported successfully! Click the button to test PDF generation.</span>';
+  } catch (error) {
+    status.innerHTML =
+      '<span style="color: red;">❌ Import Error: ' + error.message + "</span>";
+  }
+});