Feature: PDF.js Support about app-extension-qpdfviewer HOT 10 CLOSED

This is a great idea! Hoping PDF.js supports being run in Electron, as that would be great.
❤️ Thanks for letting me know about this library.

from app-extension-qpdfviewer.

I believe I've found a solution. I used this to implement pdfvuer, but hopefully it will solve the dreaded "referenceError: window is not defined" in other libraries using PDF JS.

Add this to the build section of your quasar.conf.js:

build: {
  chainWebpack (chain) {
    chain.output.globalObject('this')
  }
}

from app-extension-qpdfviewer.

added in v1.0.0-beta.4
@rconstantine PDFJS does not do blobs, but now you can decide which rendering engine to use. So, still available when type="html5".

from app-extension-qpdfviewer.

@hawkeye64 judging from the existence of

How to Build a PDF Viewer with Electron and PDF.js

and

Electron-PDF-Viewer

PDF viewer, created using Electron framework and PDF.js

I think I can say it must work on Electron.

from app-extension-qpdfviewer.

I would really love to see this as well. Having to rely on end users having the right apps (mobile) or extensions installed, or having to build a separate viewer for Electron kinda defeats Quasars purpose of deploying to multiple platforms from a single code base.

I've used pdfvuer with VueJS but I can't get it working with Quasar. I think there is a problem with PDF JS and the Window object but I'm not sure.

from app-extension-qpdfviewer.

I started investigating this as a possible solution. Hope to have a remedy soon.

from app-extension-qpdfviewer.

@hawkeye64 , I hope as you make the change that you can retain support for blobs per: https://forum.quasar-framework.org/topic/3551/quasar-qpdfviewer-v1-0-0-beta-2-release

Thanks!

from app-extension-qpdfviewer.

Just noting the release said it was tested on SPA, SSR, and Electron. Will Cordova be included?

from app-extension-qpdfviewer.

@danicholls If you are using Cordova, you are welcome to test. Those are just the three I was able to do quickly. In truth, I have never done a cordova app. I should learn, so I can test that as well.

from app-extension-qpdfviewer.

I have tested and PDFJS does seem to work with blobs? I'm creating PDF's on the fly using jsPDF and outputting as a blob and then viewing with your plugin and view type=pdfjs so I get the better functionality.

HTML

<q-pdfviewer
  v-model="show"
  :src="pdf"
  type="pdfjs"
  content-class="fit container"
  inner-content-class="fit container"
/>

SCRIPT

pdfOutput () {
  var doc = new JsPDF()
  let address = [
    this.start.COMPANY_NA,
    this.start.SITE_ADDRE,
    this.start.SITE_ADDR2,
    this.start.SITE_CITY,
    this.start.SITE_POSTC
  ]
  doc.text(address, 15, 15)

  let pdf = doc.output('blob', { filename: 'pdfTest.pdf' })
  this.pdf = window.URL.createObjectURL(pdf)
}

from app-extension-qpdfviewer.