fix: resolved loading annotation pdfs with spaces

Author: Spelkington

content/utils/download-annotation-pdfs.mjs

@@ -34,7 +34,10 @@ async function downloadPDF(url, outputPath) {
 function getFilenameFromUrl(url) {
   const urlObj = new URL(url)
   const pathname = urlObj.pathname
-  const filename = decodeURIComponent(path.basename(pathname))
+  let filename = decodeURIComponent(path.basename(pathname))
+
+  // Sanitize filename: replace spaces and problematic characters with hyphens
+  filename = filename.replace(/[\s]+/g, '-')
 
   // Ensure it has .pdf extension
   if (!filename.toLowerCase().endsWith('.pdf')) {

quartz/components/AnnotationViewer.tsx

@@ -96,7 +96,9 @@ export default ((userOpts?: Partial<AnnotationViewerOptions>) => {
     const getLocalPdfPath = (url: string): string => {
       try {
         const urlObj = new URL(url)
-        const filename = decodeURIComponent(urlObj.pathname.split('/').pop() || 'document.pdf')
+        let filename = decodeURIComponent(urlObj.pathname.split('/').pop() || 'document.pdf')
+        // Sanitize filename: replace spaces and problematic characters with hyphens
+        filename = filename.replace(/[\s]+/g, '-')
         return `/assets/annotated-documents/${filename}`
       } catch {
         return url // Fallback to original URL if parsing fails