2020-01-30 23:05:23 +02:00
|
|
|
const htmlUtils = require('./htmlUtils');
|
|
|
|
const utils = require('./utils');
|
|
|
|
const noteStyle = require('./noteStyle');
|
2020-02-14 01:59:23 +02:00
|
|
|
const memoryCache = require('memory-cache');
|
|
|
|
const md5 = require('md5');
|
2020-01-30 23:05:23 +02:00
|
|
|
|
|
|
|
class HtmlToHtml {
|
|
|
|
constructor(options) {
|
|
|
|
if (!options) options = {};
|
|
|
|
this.resourceBaseUrl_ = 'resourceBaseUrl' in options ? options.resourceBaseUrl : null;
|
|
|
|
this.ResourceModel_ = options.ResourceModel;
|
2020-02-14 01:59:23 +02:00
|
|
|
this.cache_ = new memoryCache.Cache();
|
2020-01-30 23:05:23 +02:00
|
|
|
}
|
|
|
|
|
2020-02-14 01:59:23 +02:00
|
|
|
async render(markup, theme, 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.imageReplacement(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,
|
|
|
|
};
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
if (options.bodyOnly) return {
|
|
|
|
html: html,
|
|
|
|
pluginAssets: [],
|
|
|
|
};
|
|
|
|
|
|
|
|
this.cache_.put(cacheKey, html, 1000 * 60 * 10);
|
2020-01-30 23:05:23 +02:00
|
|
|
|
|
|
|
const cssStrings = noteStyle(theme, options);
|
|
|
|
const styleHtml = `<style>${cssStrings.join('\n')}</style>`;
|
|
|
|
|
|
|
|
return {
|
|
|
|
html: styleHtml + html,
|
|
|
|
pluginAssets: [],
|
|
|
|
};
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = HtmlToHtml;
|