2019-03-08 19:14:17 +02:00
|
|
|
const webviewLib = {};
|
|
|
|
|
2019-05-22 16:56:07 +02:00
|
|
|
let manualDownloadResourceElements = [];
|
|
|
|
|
|
|
|
webviewLib.onUnloadedResourceClick = function(event) {
|
|
|
|
const resourceId = event.currentTarget.getAttribute('data-resource-id');
|
2019-09-19 23:51:18 +02:00
|
|
|
webviewLib.options_.postMessage(`markForDownload:${resourceId}`);
|
2019-07-29 15:43:53 +02:00
|
|
|
};
|
2019-05-22 16:56:07 +02:00
|
|
|
|
|
|
|
webviewLib.setupResourceManualDownload = function() {
|
|
|
|
for (const element of manualDownloadResourceElements) {
|
|
|
|
element.style.cursor = 'default';
|
|
|
|
element.removeEventListener('click', webviewLib.onUnloadedResourceClick);
|
|
|
|
}
|
|
|
|
|
|
|
|
manualDownloadResourceElements = [];
|
|
|
|
|
|
|
|
const elements = document.getElementsByClassName('resource-status-notDownloaded');
|
|
|
|
|
|
|
|
for (const element of elements) {
|
|
|
|
element.style.cursor = 'pointer';
|
|
|
|
element.addEventListener('click', webviewLib.onUnloadedResourceClick);
|
|
|
|
manualDownloadResourceElements.push(element);
|
|
|
|
}
|
2019-07-29 15:43:53 +02:00
|
|
|
};
|
2019-05-22 16:56:07 +02:00
|
|
|
|
2019-03-08 19:14:17 +02:00
|
|
|
webviewLib.handleInternalLink = function(event, anchorNode) {
|
|
|
|
const href = anchorNode.getAttribute('href');
|
2019-05-22 16:56:07 +02:00
|
|
|
if (!href) return false;
|
|
|
|
|
2019-03-08 19:14:17 +02:00
|
|
|
if (href.indexOf('#') === 0) {
|
|
|
|
event.preventDefault();
|
2020-02-14 02:36:11 +02:00
|
|
|
// let old_hash = location.hash;
|
2019-04-02 18:14:48 +02:00
|
|
|
|
2019-03-08 19:14:17 +02:00
|
|
|
location.hash = href;
|
2019-04-02 18:14:48 +02:00
|
|
|
|
2019-07-29 15:43:53 +02:00
|
|
|
// HACK
|
2019-04-02 18:14:48 +02:00
|
|
|
// For some reason anchors at the bottom cause the webview to move itself
|
|
|
|
// so that the content is aligned with the top of the screen
|
|
|
|
// This basically refreshes the scroll view so that is returns to a normal
|
|
|
|
// position, the scroll positions stays correct though
|
|
|
|
// Additionally an anchor could not be clicked twice because the location
|
|
|
|
// would not change, this fixes that also
|
2020-02-14 02:36:11 +02:00
|
|
|
//
|
|
|
|
// Commented out to fix https://github.com/laurent22/joplin/issues/2141
|
|
|
|
// We might need to fix a better fix to the previous bug.
|
|
|
|
//
|
|
|
|
// setTimeout(function() {
|
|
|
|
// location.hash = old_hash;
|
|
|
|
// }, 10);
|
2019-03-08 19:14:17 +02:00
|
|
|
return true;
|
|
|
|
}
|
2019-07-29 15:43:53 +02:00
|
|
|
|
2019-03-08 19:14:17 +02:00
|
|
|
return false;
|
2019-07-29 15:43:53 +02:00
|
|
|
};
|
2019-03-08 19:14:17 +02:00
|
|
|
|
|
|
|
webviewLib.getParentAnchorElement = function(element) {
|
|
|
|
let counter = 0;
|
|
|
|
while (true) {
|
|
|
|
if (counter++ >= 10000) {
|
2019-07-29 15:43:53 +02:00
|
|
|
console.warn('been looping for too long - exiting');
|
2019-03-08 19:14:17 +02:00
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!element) return null;
|
2020-09-02 23:44:24 +02:00
|
|
|
if (element.nodeName.toUpperCase() === 'A') return element;
|
2019-03-08 19:14:17 +02:00
|
|
|
element = element.parentElement;
|
|
|
|
}
|
2019-07-29 15:43:53 +02:00
|
|
|
};
|
2019-03-08 19:14:17 +02:00
|
|
|
|
2019-05-24 18:34:18 +02:00
|
|
|
webviewLib.cloneError = function(error) {
|
|
|
|
return {
|
|
|
|
message: error.message,
|
2019-07-29 15:43:53 +02:00
|
|
|
stack: error.stack,
|
2019-05-24 18:34:18 +02:00
|
|
|
};
|
2019-07-29 15:43:53 +02:00
|
|
|
};
|
2019-05-24 18:34:18 +02:00
|
|
|
|
|
|
|
webviewLib.logEnabledEventHandler = function(fn) {
|
|
|
|
return function(event) {
|
|
|
|
try {
|
|
|
|
return fn(event);
|
|
|
|
} catch (error) {
|
2019-09-19 23:51:18 +02:00
|
|
|
webviewLib.options_.postMessage(`error:${JSON.stringify(webviewLib.cloneError(error))}`);
|
2019-05-24 18:34:18 +02:00
|
|
|
throw error;
|
|
|
|
}
|
2019-07-29 15:43:53 +02:00
|
|
|
};
|
|
|
|
};
|
2019-05-24 18:34:18 +02:00
|
|
|
|
2019-03-08 19:14:17 +02:00
|
|
|
webviewLib.initialize = function(options) {
|
|
|
|
webviewLib.options_ = options;
|
2019-07-29 15:43:53 +02:00
|
|
|
};
|
2019-03-08 19:14:17 +02:00
|
|
|
|
2023-02-20 17:02:29 +02:00
|
|
|
document.addEventListener('click', (event) => {
|
2019-03-08 19:14:17 +02:00
|
|
|
const anchor = webviewLib.getParentAnchorElement(event.target);
|
|
|
|
if (!anchor) return;
|
|
|
|
|
|
|
|
// Prevent URLs added via <a> tags from being opened within the application itself
|
|
|
|
// otherwise it would open the whole website within the WebView.
|
|
|
|
|
|
|
|
// Note that we already handle some links in html_inline.js, however not all of them
|
|
|
|
// go through this plugin, in particular links coming from third-party packages such
|
2020-09-02 23:44:24 +02:00
|
|
|
// as Katex or Mermaid.
|
2019-03-08 19:14:17 +02:00
|
|
|
if (!anchor.hasAttribute('data-from-md')) {
|
|
|
|
if (webviewLib.handleInternalLink(event, anchor)) return;
|
|
|
|
event.preventDefault();
|
2019-05-22 16:56:07 +02:00
|
|
|
if (anchor.getAttribute('href')) webviewLib.options_.postMessage(anchor.getAttribute('href'));
|
2021-12-13 12:38:12 +02:00
|
|
|
// Depending on the chart type, the generated SVG contains an anchor element with xlink:href attribute.
|
|
|
|
if (anchor.getAttribute('xlink:href')) webviewLib.options_.postMessage(anchor.getAttribute('xlink:href'));
|
2019-03-08 19:14:17 +02:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
// If this is an internal link, jump to the anchor directly
|
|
|
|
if (anchor.hasAttribute('data-from-md')) {
|
|
|
|
if (webviewLib.handleInternalLink(event, anchor)) return;
|
|
|
|
}
|
2019-04-02 18:14:48 +02:00
|
|
|
});
|