Pdf.js: Running pdf.js with electron

Hello,
I am trying to integrate pdf.js library with the electron app. The main reason behind doing that is to have a pdf viewer in the app and to print the document.

First of all, I tried to integrate the library in two ways:

1. Cloning pdf.js in separate directory and running _gulp generic_ and whatever I got under build directory, I copied to the src directory in my project.
2. By including the node module in my project from here: https://www.npmjs.com/package/pdfjs-dist-for-node

I have following questions:

• Following the first route, I am able to show (basically render) the pdf file (without the viewer controls) in the canvas on my html page through this code:

</div> <canvas id="theCanvas"></canvas> <div>

     PDFJS.getDocument(pdfPath).then(function getPdfHelloWorld(pdf) {
            pdf.getPage(1).then(function getPageHelloWorld(page) {
              var scale = 1.5;
              var viewport = page.getViewport(scale);

              var canvas = document.getElementById('theCanvas');
              var context = canvas.getContext('2d');
              canvas.height = viewport.height;
              canvas.width = viewport.width;

              var renderContext = {
                canvasContext: context,
                viewport: viewport
              };
              page.render(renderContext);
            });
          });

However, this is just part of the thing I want. I want the viewer controls like in viewer.html. So, I tried to open a new window with directly viewer.html like this:

var pdfPath = __dirname + '/pdfs/trial.pdf'; mainWindow.loadURL('file://' + __dirname + '/generic/web/viewer.html?file=' + pdfPath);

I was able to see the viewer, but while loading the pdf file, it throws this error in console:

Uncaught (in promise) TypeError: PDFJS.getDocument is not a function
at Object.pdfViewOpen as open
at webViewerInitialized (file:///.../src/generic/web/viewer.js:7686:26)

I am not able to figure out what am I doing wrong here. Is this the recommended way? Also, if I want to embed that whole viewer in some canvas or some iframe, how can I do that? It would be nice to have an API list in the project for doing certain common tasks like what I am trying. Sorry, if it is already there and I am not able to find it.

• Following the second route, I was able to include the node module; but the concern I have here is it is not updated often as this project gets updated. The last release was a year ago. And there was no API there again. So, I dropped the plan for now.

It would be greatly appreciated if someone could help me out here.

Thanks in advance...

Configuration:

• Web browser and its version: Electron
• Operating system and its version: OSX 10.10.5
• PDF.js version: 0.8.0