Re-factor PDFViewerApplication.load
such that {PDFViewer, PDFThumbnailViewer}.setDocument
happens slightly earlier
The `BaseViewer.setDocument` method in particular is necessary for rendering to start when the viewer loads, hence you obviously want that to happen as soon as possible and without any unnecessary delays. Unfortunately *some* API calls need to be done before that, note existing comments, however the `ViewHistory` initialization (and subsequent fetching of data) in particular can be moved slightly without any adverse effects. As part of testing I've used logging with `performance.now()` inserted in various parts of this code, and there's *obviously* no discernible changes between `master` and this patch for e.g. rendering starting in the viewer. *Note:* The vast majority of this patch is simple indentation changes, which were forced by Prettier (and done automatically with `gulp lint --fix`).
This commit is contained in:
parent
08f9718a37
commit
9f70bca12c
52
web/app.js
52
web/app.js
@ -1040,8 +1040,6 @@ const PDFViewerApplication = {
|
||||
this.toolbar.setPagesCount(pdfDocument.numPages, false);
|
||||
this.secondaryToolbar.setPagesCount(pdfDocument.numPages);
|
||||
|
||||
const store = (this.store = new ViewHistory(pdfDocument.fingerprint));
|
||||
|
||||
let baseDocumentUrl;
|
||||
if (typeof PDFJSDev === "undefined" || PDFJSDev.test("GENERIC")) {
|
||||
baseDocumentUrl = null;
|
||||
@ -1060,10 +1058,9 @@ const PDFViewerApplication = {
|
||||
const pdfThumbnailViewer = this.pdfThumbnailViewer;
|
||||
pdfThumbnailViewer.setDocument(pdfDocument);
|
||||
|
||||
firstPagePromise.then(pdfPage => {
|
||||
this.loadingBar.setWidth(this.appConfig.viewerContainer);
|
||||
|
||||
const storePromise = store
|
||||
const storedPromise = (this.store = new ViewHistory(
|
||||
pdfDocument.fingerprint
|
||||
))
|
||||
.getMultiple({
|
||||
page: null,
|
||||
zoom: DEFAULT_SCALE_VALUE,
|
||||
@ -1076,23 +1073,20 @@ const PDFViewerApplication = {
|
||||
})
|
||||
.catch(() => {
|
||||
/* Unable to read from storage; ignoring errors. */
|
||||
return Object.create(null);
|
||||
});
|
||||
|
||||
firstPagePromise.then(pdfPage => {
|
||||
this.loadingBar.setWidth(this.appConfig.viewerContainer);
|
||||
|
||||
Promise.all([
|
||||
animationStarted,
|
||||
storePromise,
|
||||
storedPromise,
|
||||
pageLayoutPromise,
|
||||
pageModePromise,
|
||||
openActionPromise,
|
||||
])
|
||||
.then(
|
||||
async ([
|
||||
timeStamp,
|
||||
values = {},
|
||||
pageLayout,
|
||||
pageMode,
|
||||
openAction,
|
||||
]) => {
|
||||
.then(async ([timeStamp, stored, pageLayout, pageMode, openAction]) => {
|
||||
const viewOnLoad = AppOptions.get("viewOnLoad");
|
||||
|
||||
this._initializePdfHistory({
|
||||
@ -1111,22 +1105,21 @@ const PDFViewerApplication = {
|
||||
let scrollMode = AppOptions.get("scrollModeOnLoad");
|
||||
let spreadMode = AppOptions.get("spreadModeOnLoad");
|
||||
|
||||
if (values.page && viewOnLoad !== ViewOnLoad.INITIAL) {
|
||||
if (stored.page && viewOnLoad !== ViewOnLoad.INITIAL) {
|
||||
hash =
|
||||
`page=${values.page}&zoom=${zoom || values.zoom},` +
|
||||
`${values.scrollLeft},${values.scrollTop}`;
|
||||
`page=${stored.page}&zoom=${zoom || stored.zoom},` +
|
||||
`${stored.scrollLeft},${stored.scrollTop}`;
|
||||
|
||||
rotation = parseInt(values.rotation, 10);
|
||||
// Always let user preferences take precedence over the view
|
||||
// history.
|
||||
rotation = parseInt(stored.rotation, 10);
|
||||
// Always let user preference take precedence over the view history.
|
||||
if (sidebarView === SidebarView.UNKNOWN) {
|
||||
sidebarView = values.sidebarView | 0;
|
||||
sidebarView = stored.sidebarView | 0;
|
||||
}
|
||||
if (scrollMode === ScrollMode.UNKNOWN) {
|
||||
scrollMode = values.scrollMode | 0;
|
||||
scrollMode = stored.scrollMode | 0;
|
||||
}
|
||||
if (spreadMode === SpreadMode.UNKNOWN) {
|
||||
spreadMode = values.spreadMode | 0;
|
||||
spreadMode = stored.spreadMode | 0;
|
||||
}
|
||||
}
|
||||
// Always let the user preference/view history take precedence.
|
||||
@ -1151,12 +1144,10 @@ const PDFViewerApplication = {
|
||||
}
|
||||
|
||||
// For documents with different page sizes, once all pages are
|
||||
// resolved, ensure that the correct location becomes visible on
|
||||
// load.
|
||||
// resolved, ensure that the correct location becomes visible on load.
|
||||
// (To reduce the risk, in very large and/or slow loading documents,
|
||||
// that the location changes *after* the user has started
|
||||
// interacting with the viewer, wait for either `pagesPromise` or
|
||||
// a timeout.)
|
||||
// that the location changes *after* the user has started interacting
|
||||
// with the viewer, wait for either `pagesPromise` or a timeout.)
|
||||
await Promise.race([
|
||||
pagesPromise,
|
||||
new Promise(resolve => {
|
||||
@ -1175,8 +1166,7 @@ const PDFViewerApplication = {
|
||||
pdfViewer.currentScaleValue = pdfViewer.currentScaleValue;
|
||||
// Re-apply the initial document location.
|
||||
this.setInitialView(hash);
|
||||
}
|
||||
)
|
||||
})
|
||||
.catch(() => {
|
||||
// Ensure that the document is always completely initialized,
|
||||
// even if there are any errors thrown above.
|
||||
|
Loading…
Reference in New Issue
Block a user