mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-24 10:27:10 +02:00
13280ce1b3
Co-authored-by: Bryan <bryan.r.gerlach@gmail.com>
115 lines
2.8 KiB
JavaScript
115 lines
2.8 KiB
JavaScript
const htmlUtils = require('./htmlUtils');
|
|
const utils = require('./utils');
|
|
const noteStyle = require('./noteStyle');
|
|
const memoryCache = require('memory-cache');
|
|
const md5 = require('md5');
|
|
|
|
class HtmlToHtml {
|
|
constructor(options) {
|
|
if (!options) options = {};
|
|
this.resourceBaseUrl_ = 'resourceBaseUrl' in options ? options.resourceBaseUrl : null;
|
|
this.ResourceModel_ = options.ResourceModel;
|
|
this.cache_ = new memoryCache.Cache();
|
|
this.fsDriver_ = {
|
|
writeFile: (/* path, content, encoding = 'base64'*/) => { throw new Error('writeFile not set'); },
|
|
exists: (/* path*/) => { throw new Error('exists not set'); },
|
|
cacheCssToFile: (/* cssStrings*/) => { throw new Error('cacheCssToFile not set'); },
|
|
};
|
|
|
|
if (options.fsDriver) {
|
|
if (options.fsDriver.writeFile) this.fsDriver_.writeFile = options.fsDriver.writeFile;
|
|
if (options.fsDriver.exists) this.fsDriver_.exists = options.fsDriver.exists;
|
|
if (options.fsDriver.cacheCssToFile) this.fsDriver_.cacheCssToFile = options.fsDriver.cacheCssToFile;
|
|
}
|
|
}
|
|
|
|
fsDriver() {
|
|
return this.fsDriver_;
|
|
}
|
|
|
|
splitHtml(html) {
|
|
const trimmedHtml = html.trimStart();
|
|
if (trimmedHtml.indexOf('<style>') !== 0) return { html: html, css: '' };
|
|
|
|
const closingIndex = trimmedHtml.indexOf('</style>');
|
|
if (closingIndex < 0) return { html: html, css: '' };
|
|
|
|
return {
|
|
html: trimmedHtml.substr(closingIndex + 8),
|
|
css: trimmedHtml.substr(7, closingIndex),
|
|
};
|
|
}
|
|
|
|
async allAssets(/* theme*/) {
|
|
return []; // TODO
|
|
}
|
|
|
|
async render(markup, theme, options) {
|
|
options = Object.assign({}, {
|
|
splitted: false,
|
|
}, options);
|
|
|
|
const cacheKey = md5(escape(markup));
|
|
let html = this.cache_.get(cacheKey);
|
|
|
|
if (!html) {
|
|
html = htmlUtils.sanitizeHtml(markup);
|
|
|
|
html = htmlUtils.processImageTags(html, data => {
|
|
if (!data.src) return null;
|
|
|
|
const r = utils.resourceReplacement(this.ResourceModel_, data.src, options.resources, this.resourceBaseUrl_);
|
|
if (!r) return null;
|
|
|
|
if (typeof r === 'string') {
|
|
return {
|
|
type: 'replaceElement',
|
|
html: r,
|
|
};
|
|
} else {
|
|
return {
|
|
type: 'setAttributes',
|
|
attrs: r,
|
|
};
|
|
}
|
|
});
|
|
}
|
|
|
|
this.cache_.put(cacheKey, html, 1000 * 60 * 10);
|
|
|
|
if (options.bodyOnly) {
|
|
return {
|
|
html: html,
|
|
pluginAssets: [],
|
|
};
|
|
}
|
|
|
|
let cssStrings = noteStyle(theme);
|
|
|
|
if (options.splitted) {
|
|
const splitted = this.splitHtml(html);
|
|
cssStrings = [splitted.css].concat(cssStrings);
|
|
|
|
const output = {
|
|
html: splitted.html,
|
|
pluginAssets: [],
|
|
};
|
|
|
|
if (options.externalAssetsOnly) {
|
|
output.pluginAssets.push(await this.fsDriver().cacheCssToFile(cssStrings));
|
|
}
|
|
|
|
return output;
|
|
}
|
|
|
|
const styleHtml = `<style>${cssStrings.join('\n')}</style>`;
|
|
|
|
return {
|
|
html: styleHtml + html,
|
|
pluginAssets: [],
|
|
};
|
|
}
|
|
}
|
|
|
|
module.exports = HtmlToHtml;
|