const Vue = require('vue'); const VueI18n = require('vue-i18n'); const renderer = require('vue-server-renderer').createRenderer(); const fs = require('fs-extra'); const juice = require('juice'); const smtp = require('./smtp'); const i18n = new VueI18n({ locale: 'es', }); Vue.use(VueI18n); if (!process.env.OPENSSL_CONF) process.env.OPENSSL_CONF = '/etc/ssl/'; module.exports = { path: `${appPath}/reports`, /** * Renders a report component * * @param {String} name - Report name * @param {Object} ctx - Request context */ async render(name, ctx) { const component = require(`${this.path}/${name}`); const prefetchedData = await this.preFetch(component, ctx); const app = new Vue({ i18n, render: h => h(component), }); return renderer.renderToString(app).then(renderedHtml => { return { html: renderedHtml, data: prefetchedData, }; }); }, /** * Prefetch all component data from asyncData method * * @param {Object} component - Component object * @param {Object} ctx - Request context */ async preFetch(component, ctx) { let mergedData = {attachments: []}; let asyncData = {}; let data = {}; let params = {}; if (Object.keys(ctx.body).length > 0) params = ctx.body; if (Object.keys(ctx.query).length > 0) params = ctx.query; await this.attachAssets(component); if (component.hasOwnProperty('data')) data = component.data(); if (component.hasOwnProperty('asyncData')) { asyncData = await component.asyncData(ctx, params); if (asyncData.locale) { const locale = component.i18n.messages[asyncData.locale]; mergedData.subject = locale.subject; } } mergedData = Object.assign(mergedData, data, asyncData); component.data = function data() { return mergedData; }; if (data.hasOwnProperty('files')) { const files = data.files; files.forEach(file => { const componentPath = `${this.path}/${component.name}`; let fileSrc = componentPath + file; if (file.slice(0, 4) === 'http' || file.slice(0, 4) === 'https') fileSrc = file; const fileName = file.split('/').pop(); mergedData.attachments.push({ filename: fileName, path: fileSrc, cid: file, }); }); } if (component.components) { const components = component.components; const promises = []; Object.keys(components).forEach(component => { promises.push(this.preFetch(components[component], ctx)); }); return Promise.all(promises).then(results => { results.forEach(result => { result.attachments.forEach(atth => { mergedData.attachments.push(atth); }); }); return mergedData; }); } return mergedData; }, async attachAssets(component) { const localePath = `${this.path}/${component.name}/locale.js`; const templatePath = `${this.path}/${component.name}/index.html`; const stylePath = `${this.path}/${component.name}/assets/css/index.js`; const template = await fs.readFile(templatePath, 'utf8'); const css = require(stylePath); component.i18n = require(localePath); component.template = juice.inlineContent(template, css); }, async toEmail(name, ctx) { const rendered = await this.render(name, ctx); const data = rendered.data; const options = { to: data.recipient, subject: data.subject, html: rendered.html, attachments: data.attachments, }; return smtp.send(options); }, };