define [ "base" ], (App) -> # App = angular.module 'PDFRenderer', ['pdfAnnotations', 'pdfTextLayer'] App.factory 'PDFRenderer', ['$q', '$timeout', 'pdfAnnotations', 'pdfTextLayer', ($q, $timeout, pdfAnnotations, pdfTextLayer) -> class PDFRenderer @JOB_QUEUE_INTERVAL: 100 constructor: (@url, @options) -> PDFJS.disableAutoFetch = true PDFJS.disableFontFace = true @scale = @options.scale || 1 @document = $q.when(PDFJS.getDocument @url) @navigateFn = @options.navigateFn @resetState() resetState: () -> @page = [] @complete = [] @timeout = [] @renderTask = [] @renderQueue = [] @jobs = 0 getNumPages: () -> @document.then (pdfDocument) -> pdfDocument.numPages getPage: (pageNum) -> # with promise caching return @page[pageNum] if @page[pageNum]? @page[pageNum] = @document.then (pdfDocument) -> pdfDocument.getPage(pageNum) getPdfViewport: (pageNum, scale) -> scale ?= @scale @document.then (pdfDocument) -> pdfDocument.getPage(pageNum).then (page) -> viewport = page.getViewport scale getDestinations: () -> @document.then (pdfDocument) -> pdfDocument.getDestinations() getPageIndex: (ref) -> @document.then (pdfDocument) -> pdfDocument.getPageIndex(ref).then (idx) -> idx getScale: () -> @scale setScale: (@scale) -> @resetState() pause: (element, pagenum) -> return if @complete[pagenum] @renderQueue = @renderQueue.filter (q) -> q.pagenum != pagenum # @stopSpinner (element.canvas) triggerRenderQueue: () -> $timeout () => @processRenderQueue() , @JOB_QUEUE_INTERVAL removeCompletedJob: (pagenum) -> # may need to clean up deferred object here delete @renderTask[pagenum] @jobs = @jobs - 1 @triggerRenderQueue() renderPage: (element, pagenum) -> viewport = $q.defer() current = { 'element': element 'pagenum': pagenum } @renderQueue.push(current) @triggerRenderQueue() processRenderQueue: () -> return if @jobs > 0 current = @renderQueue.shift() return unless current? [element, pagenum] = [current.element, current.pagenum] # if task is underway or complete, go to the next entry in the # render queue if @renderTask[pagenum] or @complete[pagenum] @processRenderQueue() return @jobs = @jobs + 1 # @addSpinner(element.canvas) pageLoad = @getPage(pagenum) @renderTask[pagenum] = pageLoad.then (pageObject) => @doRender element, pagenum, pageObject @renderTask[pagenum].then () => # complete @complete[pagenum] = true @removeCompletedJob pagenum , () => # rejected @removeCompletedJob pagenum doRender: (element, pagenum, page) -> self = this scale = @scale if (not scale?) # console.log 'scale is undefined, returning' return canvas = $('') viewport = page.getViewport (scale) devicePixelRatio = window.devicePixelRatio || 1 ctx = canvas[0].getContext '2d' backingStoreRatio = ctx.webkitBackingStorePixelRatio || ctx.mozBackingStorePixelRatio || ctx.msBackingStorePixelRatio || ctx.oBackingStorePixelRatio || ctx.backingStorePixelRatio || 1 pixelRatio = devicePixelRatio / backingStoreRatio scaledWidth = (Math.floor(viewport.width) * pixelRatio) | 0 scaledHeight = (Math.floor(viewport.height) * pixelRatio) | 0 newWidth = Math.floor(viewport.width) newHeight = Math.floor(viewport.height) canvas[0].height = scaledHeight canvas[0].width = scaledWidth canvas.height(newHeight + 'px') canvas.width(newWidth + 'px') element.canvas.height(newHeight) element.canvas.width(newWidth) if pixelRatio != 1 ctx.scale(pixelRatio, pixelRatio) textLayer = new pdfTextLayer({ textLayerDiv: element.text[0] viewport: viewport }) annotationsLayer = new pdfAnnotations({ annotations: element.annotations[0] viewport: viewport navigateFn: @navigateFn }) element.canvas.replaceWith(canvas) canvas.removeClass('pdf-canvas-new') return @renderTask = page.render { canvasContext: ctx viewport: viewport } .then () -> page.getTextContent().then (textContent) -> textLayer.setTextContent textContent page.getAnnotations().then (annotations) -> annotationsLayer.setAnnotations annotations addSpinner: (element) -> h = element.height() w = element.width() size = Math.floor(0.5 * Math.min(h, w)) spinner = $('
') spinner.css({'font-size' : size + 'px'}) element.append(spinner) stopSpinner: (element) -> element.find('.fa-spin').removeClass('fa-spin') ]