pdf.js/extensions/chrome/insertviewer.js
Rob Wu ec956d97c9 [CRX] Delay render of viewer if needed...
Sometimes, the viewer did not render for PDF files in an iframe,
because document.readyState not reaching "complete".

Deferring window.stop() until the root element is placed in the
document fixes the problem (typically a few ten milliseconds).
2013-07-17 23:25:31 +02:00

143 lines
4.4 KiB
JavaScript

/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */
/*
Copyright 2012 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.
*/
/* globals chrome */
'use strict';
var VIEWER_URL = chrome.extension.getURL('content/web/viewer.html');
var BASE_URL = VIEWER_URL.replace(/[^\/]+$/, '');
function getViewerURL(pdf_url) {
return VIEWER_URL + '?file=' + encodeURIComponent(pdf_url);
}
function showViewer(url) {
if (document.documentElement === null) {
// If the root element hasn't been rendered yet, delay the next operation.
// Otherwise, document.readyState will get stuck in "interactive".
setTimeout(showViewer, 0, url);
return;
}
// Cancel page load and empty document.
window.stop();
document.body.textContent = '';
replaceDocumentWithViewer(url);
}
function makeLinksAbsolute(doc) {
normalize('href', 'link[href]');
normalize('src', 'style[src],script[src]');
function normalize(attribute, selector) {
var nodes = doc.querySelectorAll(selector);
for (var i=0; i<nodes.length; ++i) {
var node = nodes[i];
var newAttribute = makeAbsolute(node.getAttribute(attribute));
node.setAttribute(attribute, newAttribute);
}
}
function makeAbsolute(url) {
if (url.indexOf('://') !== -1) return url;
return BASE_URL + url;
}
}
function replaceDocumentWithViewer(url) {
var x = new XMLHttpRequest();
x.open('GET', VIEWER_URL);
x.responseType = 'document';
x.onload = function() {
// Resolve all relative URLs
makeLinksAbsolute(x.response);
// Remove all <script> elements (added back later).
// I assumed that no inline script tags exist.
var scripts = [], script;
// new Worker('chrome-extension://..../pdf.js') fails, despite having
// the correct permissions. Fix it:
script = document.createElement('script');
script.onload = loadNextScript;
script.src = chrome.extension.getURL('patch-worker.js');
scripts.push(script);
while (x.response.scripts.length) {
script = x.response.scripts[0];
var newScript = document.createElement('script');
newScript.onload = loadNextScript;
newScript.src = script.src;
script.parentNode.removeChild(script);
scripts.push(newScript);
}
// Replace document with viewer
var docEl = document.adoptNode(x.response.documentElement);
document.replaceChild(docEl, document.documentElement);
// Force Chrome to render content
// (without this line, the layout is broken and querySelector
// fails to find elements, even when they appear in the doc)
document.body.innerHTML += '';
// Load all scripts
loadNextScript();
function loadNextScript() {
if (scripts.length > 0)
document.head.appendChild(scripts.shift());
else
renderPDF(url);
}
};
x.send();
}
function renderPDF(url) {
var args = {
BASE_URL: BASE_URL,
pdf_url: url
};
// The following technique is explained at
// http://stackoverflow.com/a/9517879/938089
var script = document.createElement('script');
script.textContent =
'(function(args) {' +
' PDFJS.imageResourcesPath = args.BASE_URL + PDFJS.imageResourcesPath;' +
' PDFJS.workerSrc = args.BASE_URL + PDFJS.workerSrc;' +
' window.DEFAULT_URL = args.pdf_url;' +
'})(' + JSON.stringify(args) + ');';
document.head.appendChild(script);
// Trigger domready
if (document.readyState === 'complete') {
var event = document.createEvent('Event');
event.initEvent('DOMContentLoaded', true, true);
document.dispatchEvent(event);
}
}
// Activate the content script only once per frame (until reload)
if (!window.hasRun) {
window.hasRun = true;
chrome.extension.onMessage.addListener(function listener(message) {
if (message && message.type === 'showPDFViewer' &&
message.url === location.href) {
chrome.extension.onMessage.removeListener(listener);
showViewer(message.url);
}
});
}