fix: enable PDF generation by adding playwright dependency

- Add playwright as a production dependency in backend
- Set PLAYWRIGHT_BROWSERS_PATH in Dockerfile for reliable browser discovery
- Remove silent fallback on playwright install to surface errors
- Remove non-functional PDF button from editor hero (only relevant in published output)
- Respect showPdf frontmatter flag in publisher pipeline

Made-with: Cursor

Dockerfile

@@ -50,8 +50,9 @@ COPY backend/package.json backend/package-lock.json* ./
 RUN npm install --omit=dev
 COPY --from=backend-build /app/dist ./dist
 
-# Install Playwright Chromium
-RUN npx playwright install chromium || echo "Playwright install skipped"
+# Install Playwright Chromium browser binaries
+ENV PLAYWRIGHT_BROWSERS_PATH=/app/browsers
+RUN npx playwright install chromium
 
 # Copy frontend build
 COPY --from=frontend-build /app/frontend/dist ./frontend-dist

backend/package-lock.json

@@ -36,6 +36,7 @@
         "express": "^4.21.0",
         "lowlight": "^3.3.0",
         "multer": "^2.1.1",
+        "playwright": "^1.59.1",
         "ws": "^8.20.0",
         "yjs": "^13.6.0",
         "zod": "^4.3.6"
@@ -3405,6 +3406,50 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/playwright": {
+      "version": "1.59.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.59.1.tgz",
+      "integrity": "sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.59.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.59.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.59.1.tgz",
+      "integrity": "sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==",
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/playwright/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.5.9",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.9.tgz",

backend/package.json

@@ -39,6 +39,7 @@
     "express": "^4.21.0",
     "lowlight": "^3.3.0",
     "multer": "^2.1.1",
+    "playwright": "^1.59.1",
     "ws": "^8.20.0",
     "yjs": "^13.6.0",
     "zod": "^4.3.6"

backend/src/publisher/index.ts

@@ -232,8 +232,9 @@ export async function publishDocument(docName: string, token?: string): Promise<
   };
 
   // Pre-compute public URLs so og:image and PDF link are embedded in HTML
+  const wantPdf = frontmatter.showPdf !== false;
   const useHf = isHfStorageEnabled();
-  if (useHf && isPdfEnabled()) {
+  if (wantPdf && useHf && isPdfEnabled()) {
     meta.ogImage = getPublishedAssetUrl(docName, "thumb.jpg");
     meta.pdfUrl = getPublishedAssetUrl(docName, "article.pdf");
   }
@@ -250,7 +251,7 @@ export async function publishDocument(docName: string, token?: string): Promise<
   let pdf: Buffer | null = null;
   let thumbnail: Buffer | null = null;
 
-  if (isPdfEnabled()) {
+  if (wantPdf && isPdfEnabled()) {
     try {
       const assets = await generatePdfAndThumbnail(html);
       pdf = assets.pdf;

frontend/src/editor/frontmatter/FrontmatterHero.tsx

@@ -28,7 +28,7 @@ export function FrontmatterHero({ store }: FrontmatterHeroProps) {
   const hasAuthors = data.authors.length > 0;
   const hasAffiliations = data.affiliations.length > 0;
   const multipleAffiliations = data.affiliations.length > 1;
-  const hasMeta = hasAuthors || data.published || data.doi || data.showPdf;
+  const hasMeta = hasAuthors || data.published || data.doi;
 
   return (
     <div>
@@ -146,17 +146,6 @@ export function FrontmatterHero({ store }: FrontmatterHeroProps) {
               />
             </div>
 
-            {/* PDF cell */}
-            {data.showPdf && (
-              <div className="meta-container-cell meta-container-cell--pdf">
-                <h3>PDF</h3>
-                <p style={{ margin: 0, lineHeight: 1 }}>
-                  <a className="button" href="#" onClick={(e) => e.preventDefault()}>
-                    Download PDF
-                  </a>
-                </p>
-              </div>
-            )}
           </div>
         </header>
       )}