How can I implement pdfjs in liveview?

[knoebber]

Here’s a working example from my project:

To install JS dependency: npm install pdfjs-dist

JS:

• purple/pdf.js at master · knoebber/purple · GitHub
• purple/app.js at master · knoebber/purple · GitHub

LiveView:

• purple/show_item_file.ex at master · knoebber/purple · GitHub

It has simple pagination and zoom controls. It’s a bit hacky and the JS is messy but hopefully it can help others get started…