mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-21 09:38:01 +02:00
8a6fe20a69
* Allow downloading resources automatically, on demand, or when loading note * Make needToBeFetched calls to return the right number of resources * All: Improved handling of resource downloading and decryption * Desktop: Click on resource to download it (and, optionally, to decrypt it) * Desktop: Better handling of resource state (not downloaded, downloading, encrypted) in front end * Renamed setting to sync.resourceDownloadMode * Download resources when changing setting * tweaks * removed duplicate cs * Better report resource download progress * Make sure resource cache is properly cleared when needed * Also handle manual download for non-image resources * More improvements to logic when downloading and decrypting resources
42 lines
1.7 KiB
JavaScript
42 lines
1.7 KiB
JavaScript
const Entities = require('html-entities').AllHtmlEntities;
|
|
const htmlentities = (new Entities()).encode;
|
|
const Resource = require('lib/models/Resource.js');
|
|
const utils = require('../utils');
|
|
|
|
function installRule(markdownIt, mdOptions, ruleOptions) {
|
|
const defaultRender = markdownIt.renderer.rules.image;
|
|
|
|
markdownIt.renderer.rules.image = (tokens, idx, options, env, self) => {
|
|
const token = tokens[idx];
|
|
const src = utils.getAttr(token.attrs, 'src');
|
|
const title = utils.getAttr(token.attrs, 'title');
|
|
|
|
if (!Resource.isResourceUrl(src)) return defaultRender(tokens, idx, options, env, self);
|
|
|
|
const resourceId = Resource.urlToId(src);
|
|
const result = ruleOptions.resources[resourceId];
|
|
const resource = result ? result.item : null;
|
|
const resourceStatus = utils.resourceStatus(result);
|
|
|
|
if (resourceStatus !== 'ready') {
|
|
const icon = utils.resourceStatusImage(resourceStatus);
|
|
return '<div class="not-loaded-resource resource-status-' + resourceStatus + '" data-resource-id="' + resourceId + '">' + '<img src="data:image/svg+xml;utf8,' + htmlentities(icon) + '"/>' + '</div>';
|
|
}
|
|
|
|
const mime = resource.mime ? resource.mime.toLowerCase() : '';
|
|
if (Resource.isSupportedImageMimeType(mime)) {
|
|
let realSrc = './' + Resource.filename(resource);
|
|
if (ruleOptions.resourceBaseUrl) realSrc = ruleOptions.resourceBaseUrl + realSrc;
|
|
let output = '<img data-from-md data-resource-id="' + resource.id + '" title="' + htmlentities(title) + '" src="' + realSrc + '"/>';
|
|
return output;
|
|
}
|
|
|
|
return defaultRender(tokens, idx, options, env, self);
|
|
};
|
|
}
|
|
|
|
module.exports = function(context, ruleOptions) {
|
|
return function(md, mdOptions) {
|
|
installRule(md, mdOptions, ruleOptions);
|
|
};
|
|
}; |