/* Copyright 2016 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import { CSS_UNITS, mozL10n } from './ui_utils'; import { OverlayManager } from './overlay_manager'; import { PDFJS } from './pdfjs'; import { PDFPrintServiceFactory } from './app'; var activeService = null; // Renders the page to the canvas of the given print service, and returns // the suggested dimensions of the output page. function renderPage(activeServiceOnEntry, pdfDocument, pageNumber, size) { var scratchCanvas = activeService.scratchCanvas; // The size of the canvas in pixels for printing. var PRINT_RESOLUTION = 150; var PRINT_UNITS = PRINT_RESOLUTION / 72.0; scratchCanvas.width = Math.floor(size.width * PRINT_UNITS); scratchCanvas.height = Math.floor(size.height * PRINT_UNITS); // The physical size of the img as specified by the PDF document. var width = Math.floor(size.width * CSS_UNITS) + 'px'; var height = Math.floor(size.height * CSS_UNITS) + 'px'; var ctx = scratchCanvas.getContext('2d'); ctx.save(); ctx.fillStyle = 'rgb(255, 255, 255)'; ctx.fillRect(0, 0, scratchCanvas.width, scratchCanvas.height); ctx.restore(); return pdfDocument.getPage(pageNumber).then(function (pdfPage) { var renderContext = { canvasContext: ctx, transform: [PRINT_UNITS, 0, 0, PRINT_UNITS, 0, 0], viewport: pdfPage.getViewport(1, size.rotation), intent: 'print' }; return pdfPage.render(renderContext).promise; }).then(function () { return { width, height, }; }); } function PDFPrintService(pdfDocument, pagesOverview, printContainer) { this.pdfDocument = pdfDocument; this.pagesOverview = pagesOverview; this.printContainer = printContainer; this.currentPage = -1; // The temporary canvas where renderPage paints one page at a time. this.scratchCanvas = document.createElement('canvas'); } PDFPrintService.prototype = { layout() { this.throwIfInactive(); var body = document.querySelector('body'); body.setAttribute('data-pdfjsprinting', true); var hasEqualPageSizes = this.pagesOverview.every(function (size) { return size.width === this.pagesOverview[0].width && size.height === this.pagesOverview[0].height; }, this); if (!hasEqualPageSizes) { console.warn('Not all pages have the same size. The printed ' + 'result may be incorrect!'); } // Insert a @page + size rule to make sure that the page size is correctly // set. Note that we assume that all pages have the same size, because // variable-size pages are not supported yet (e.g. in Chrome & Firefox). // TODO(robwu): Use named pages when size calculation bugs get resolved // (e.g. https://crbug.com/355116) AND when support for named pages is // added (http://www.w3.org/TR/css3-page/#using-named-pages). // In browsers where @page + size is not supported (such as Firefox, // https://bugzil.la/851441), the next stylesheet will be ignored and the // user has to select the correct paper size in the UI if wanted. this.pageStyleSheet = document.createElement('style'); var pageSize = this.pagesOverview[0]; this.pageStyleSheet.textContent = // "size: " is what we need. But also add "A4" because // Firefox incorrectly reports support for the other value. '@supports ((size:A4) and (size:1pt 1pt)) {' + '@page { size: ' + pageSize.width + 'pt ' + pageSize.height + 'pt;}' + '}'; body.appendChild(this.pageStyleSheet); }, destroy() { if (activeService !== this) { // |activeService| cannot be replaced without calling destroy() first, // so if it differs then an external consumer has a stale reference to // us. return; } this.printContainer.textContent = ''; if (this.pageStyleSheet && this.pageStyleSheet.parentNode) { this.pageStyleSheet.parentNode.removeChild(this.pageStyleSheet); this.pageStyleSheet = null; } this.scratchCanvas.width = this.scratchCanvas.height = 0; this.scratchCanvas = null; activeService = null; ensureOverlay().then(function () { if (OverlayManager.active !== 'printServiceOverlay') { return; // overlay was already closed } OverlayManager.close('printServiceOverlay'); }); }, renderPages() { var pageCount = this.pagesOverview.length; var renderNextPage = function (resolve, reject) { this.throwIfInactive(); if (++this.currentPage >= pageCount) { renderProgress(pageCount, pageCount); resolve(); return; } var index = this.currentPage; renderProgress(index, pageCount); renderPage(this, this.pdfDocument, index + 1, this.pagesOverview[index]) .then(this.useRenderedPage.bind(this)) .then(function () { renderNextPage(resolve, reject); }, reject); }.bind(this); return new Promise(renderNextPage); }, useRenderedPage(printItem) { this.throwIfInactive(); var img = document.createElement('img'); img.style.width = printItem.width; img.style.height = printItem.height; var scratchCanvas = this.scratchCanvas; if (('toBlob' in scratchCanvas) && !PDFJS.disableCreateObjectURL) { scratchCanvas.toBlob(function (blob) { img.src = URL.createObjectURL(blob); }); } else { img.src = scratchCanvas.toDataURL(); } var wrapper = document.createElement('div'); wrapper.appendChild(img); this.printContainer.appendChild(wrapper); return new Promise(function (resolve, reject) { img.onload = resolve; img.onerror = reject; }); }, performPrint() { this.throwIfInactive(); return new Promise(function (resolve) { // Push window.print in the macrotask queue to avoid being affected by // the deprecation of running print() code in a microtask, see // https://github.com/mozilla/pdf.js/issues/7547. setTimeout(function () { if (!this.active) { resolve(); return; } print.call(window); // Delay promise resolution in case print() was not synchronous. setTimeout(resolve, 20); // Tidy-up. }.bind(this), 0); }.bind(this)); }, get active() { return this === activeService; }, throwIfInactive() { if (!this.active) { throw new Error('This print request was cancelled or completed.'); } }, }; var print = window.print; window.print = function print() { if (activeService) { console.warn('Ignored window.print() because of a pending print job.'); return; } ensureOverlay().then(function () { if (activeService) { OverlayManager.open('printServiceOverlay'); } }); try { dispatchEvent('beforeprint'); } finally { if (!activeService) { console.error('Expected print service to be initialized.'); if (OverlayManager.active === 'printServiceOverlay') { OverlayManager.close('printServiceOverlay'); } return; // eslint-disable-line no-unsafe-finally } var activeServiceOnEntry = activeService; activeService.renderPages().then(function () { return activeServiceOnEntry.performPrint(); }).catch(function () { // Ignore any error messages. }).then(function () { // aborts acts on the "active" print request, so we need to check // whether the print request (activeServiceOnEntry) is still active. // Without the check, an unrelated print request (created after aborting // this print request while the pages were being generated) would be // aborted. if (activeServiceOnEntry.active) { abort(); } }); } }; function dispatchEvent(eventType) { var event = document.createEvent('CustomEvent'); event.initCustomEvent(eventType, false, false, 'custom'); window.dispatchEvent(event); } function abort() { if (activeService) { activeService.destroy(); dispatchEvent('afterprint'); } } function renderProgress(index, total) { var progressContainer = document.getElementById('printServiceOverlay'); var progress = Math.round(100 * index / total); var progressBar = progressContainer.querySelector('progress'); var progressPerc = progressContainer.querySelector('.relative-progress'); progressBar.value = progress; progressPerc.textContent = mozL10n.get('print_progress_percent', { progress, }, progress + '%'); } var hasAttachEvent = !!document.attachEvent; window.addEventListener('keydown', function(event) { // Intercept Cmd/Ctrl + P in all browsers. // Also intercept Cmd/Ctrl + Shift + P in Chrome and Opera if (event.keyCode === /* P= */ 80 && (event.ctrlKey || event.metaKey) && !event.altKey && (!event.shiftKey || window.chrome || window.opera)) { window.print(); if (hasAttachEvent) { // Only attachEvent can cancel Ctrl + P dialog in IE <=10 // attachEvent is gone in IE11, so the dialog will re-appear in IE11. return; } event.preventDefault(); if (event.stopImmediatePropagation) { event.stopImmediatePropagation(); } else { event.stopPropagation(); } return; } }, true); if (hasAttachEvent) { document.attachEvent('onkeydown', function(event) { event = event || window.event; if (event.keyCode === /* P= */ 80 && event.ctrlKey) { event.keyCode = 0; return false; } }); } if ('onbeforeprint' in window) { // Do not propagate before/afterprint events when they are not triggered // from within this polyfill. (FF/IE). var stopPropagationIfNeeded = function(event) { if (event.detail !== 'custom' && event.stopImmediatePropagation) { event.stopImmediatePropagation(); } }; window.addEventListener('beforeprint', stopPropagationIfNeeded); window.addEventListener('afterprint', stopPropagationIfNeeded); } var overlayPromise; function ensureOverlay() { if (!overlayPromise) { overlayPromise = OverlayManager.register('printServiceOverlay', document.getElementById('printServiceOverlay'), abort, true); document.getElementById('printCancel').onclick = abort; } return overlayPromise; } PDFPrintServiceFactory.instance = { supportsPrinting: true, createPrintService(pdfDocument, pagesOverview, printContainer) { if (activeService) { throw new Error('The print service is created and active.'); } activeService = new PDFPrintService(pdfDocument, pagesOverview, printContainer); return activeService; } }; export { PDFPrintService, };