Fix PDF rendering

.gitmodules

@@ -4,3 +4,6 @@
 [submodule "packages/tauri"]
 	path = packages/tauri
 	url = git@github.com:chrox/tauri.git
+[submodule "packages/pdf-js"]
+	path = packages/pdf-js
+	url = git@github.com:mozilla/pdf.js.git

apps/readest-app/.env

@@ -0,0 +1,3 @@
+PDFJS_BUILD_PATH=../../packages/pdf-js/build/generic-legacy/build
+PDFJS_FONTS_PATH=../../packages/pdf-js/build/generic-legacy/web
+PDFJS_STYLE_PATH=../../packages/pdf-js/web

apps/readest-app/.gitignore

@@ -35,5 +35,10 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
+<<<<<<< HEAD:apps/readest-app/.gitignore
 #generated
 src-tauri/gen
+=======
+# vendor
+/public/vendor
+>>>>>>> 8a4b5fb (Fix PDF rendering):apps/digest-app/.gitignore

apps/readest-app/package.json

@@ -7,7 +7,15 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "tauri": "tauri"
+    "tauri": "tauri",
+    "build-pdfjs": "pnpm -C ../../packages/pdf-js exec npx gulp generic-legacy",
+    "prepare-public-vendor": "mkdirp ./public/vendor/pdfjs",
+    "copy-pdfjs-js": "dotenv -- cross-var cpx \"%PDFJS_BUILD_PATH%/pdf*\" ./public/vendor/pdfjs",
+    "copy-pdfjs-fonts": "dotenv -- cross-var cpx \"%PDFJS_FONTS_PATH%/{cmaps,standard_fonts}/*\" ./public/vendor/pdfjs",
+    "copy-pdfjs-css": "dotenv -- cross-var cpx \"%PDFJS_STYLE_PATH%/{annotation_layer_builder,text_layer_builder}.css\" ./public/vendor/pdfjs",
+    "copy-pdfjs": "pnpm copy-pdfjs-js && pnpm copy-pdfjs-fonts && pnpm copy-pdfjs-css",
+    "copy-pdfjs-to-foloate": "cpx \"./public/vendor/pdfjs/**/*\" ../../packages/foliate-js/vendor/pdfjs",
+    "setup-pdfjs": "pnpm build-pdfjs && pnpm prepare-public-vendor && pnpm copy-pdfjs && pnpm copy-pdfjs-to-foloate"
   },
   "dependencies": {
     "@tauri-apps/api": "2.0.2",
@@ -32,9 +40,13 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.4.20",
+    "cpx": "^1.5.0",
+    "cross-var": "^1.1.0",
     "daisyui": "^4.12.10",
+    "dotenv-cli": "^7.4.2",
     "eslint": "^8",
     "eslint-config-next": "14.2.13",
+    "mkdirp": "^3.0.1",
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
     "typescript": "^5"

apps/readest-app/src/app/reader/page.tsx

@@ -5,7 +5,7 @@ import { useEffect, useState } from 'react';
 import { useSearchParams, useRouter } from 'next/navigation';
 import Spinner from '@/components/Spinner';
 import ReaderContent from '@/components/ReaderContent';
-import NavBar from '@/components/Navbar';
+import NavBar from '@/components/NavBar';
 import { useReaderStore } from '@/store/readerStore';
 import { useEnv } from '@/context/EnvContext';
 

apps/readest-app/src/components/Bookshelf.tsx

@@ -73,7 +73,9 @@ const Bookshelf: React.FC<BookshelfProps> = ({ libraryBooks, onImportBooks }) =>
                     />
                   </div>
                   <div className='card-body p-0 pt-2'>
-                    <h3 className='card-title line-clamp-1 text-sm'>{(item as Book).title}</h3>
+                    <h4 className='card-title line-clamp-1 text-[0.6em] text-xs font-semibold'>
+                      {(item as Book).title}
+                    </h4>
                   </div>
                 </div>
               ) : (
@@ -85,7 +87,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({ libraryBooks, onImportBooks }) =>
                           width={10}
                           height={10}
                           src={book.coverImageUrl!}
-                          alt={book.title}
+                          alt={book.title || ''}
                           className='h-48 w-full object-cover'
                         />
                       </figure>