john-okeefe
87da5c3cf5
PDFs failed to open with error: Invalid factory url: "http://localhost:8765/static/undefined" Root cause: foliate-js's pdfjsPath() uses new URL(dynamicPath, import.meta.url) to resolve runtime asset paths (standard_fonts/, cmaps/). Vite transforms this pattern into a static asset map lookup at build time, but can only resolve known static file paths — not dynamically-constructed directory paths. The lookup returns undefined, producing a broken URL. Fix (two parts): 1. foliate-js fork (commit d164d6f): Export an overridable config.pdfjsPath function. Module-level code (worker, CSS) continues using import.meta.url directly (works fine with Vite for static filenames). The makePDF function uses config.pdfjsPath for runtime paths, allowing consumers to override it. 2. Bookhoard changes: - Update foliate-js dependency to d164d6f - Override config.pdfjsPath in reader.ts to resolve to /static/vendor/pdfjs/ - Add Vite plugin (pdfjsAssets) that copies standard_fonts/ and cmaps/ from node_modules to the build output during vite build (the standard approach used by react-pdf and other pdfjs-dist consumers) - Remove manual cp commands from build:ts scripts
31 lines
1.2 KiB
JSON
31 lines
1.2 KiB
JSON
{
|
|
"name": "bookhoard",
|
|
"version": "1.0.0",
|
|
"description": "A self-hosted ebook management system",
|
|
"scripts": {
|
|
"build:css": "tailwindcss -i ./web/static/input.css -o ./web/static/style.css --watch",
|
|
"build:css:prod": "tailwindcss -i ./web/static/input.css -o ./web/static/style.css --minify",
|
|
"build:ts": "cp node_modules/htmx.org/dist/htmx.min.js web/static/htmx.min.js && vite build",
|
|
"build:ts:dev": "cp node_modules/htmx.org/dist/htmx.min.js web/static/htmx.min.js && vite build --mode development",
|
|
"build:ts:watch": "cp node_modules/htmx.org/dist/htmx.min.js web/static/htmx.min.js && vite build --watch",
|
|
"build": "npm run build:ts && npm run build:css:prod",
|
|
"dev": "npm run build:ts:dev && npm run build:css"
|
|
},
|
|
"dependencies": {
|
|
"@bookhoard/foliate-js": "github:john-okeefe/foliate-js#d164d6f",
|
|
"alpinejs": "^3.15.8",
|
|
"chart.js": "^4.5.1",
|
|
"highlight.js": "^11.11.1",
|
|
"htmx.org": "^2.0.8",
|
|
"lunr": "^2.3.9"
|
|
},
|
|
"devDependencies": {
|
|
"@tailwindcss/forms": "^0.5.11",
|
|
"@tailwindcss/typography": "^0.5.19",
|
|
"autoprefixer": "^10.4.27",
|
|
"tailwindcss": "^3.4.19",
|
|
"typescript": "^5.9.3",
|
|
"vite": "^7.3.1"
|
|
}
|
|
}
|