120 lines
3.5 KiB
JavaScript
120 lines
3.5 KiB
JavaScript
const Vue = require('vue');
|
|
const VueI18n = require('vue-i18n');
|
|
const renderer = require('vue-server-renderer').createRenderer();
|
|
const fs = require('fs-extra');
|
|
const pdf = require('html-pdf');
|
|
const juice = require('juice');
|
|
const config = require('./config');
|
|
|
|
Vue.use(VueI18n);
|
|
|
|
if (!process.env.OPENSSL_CONF)
|
|
process.env.OPENSSL_CONF = '/etc/ssl/';
|
|
|
|
module.exports = {
|
|
|
|
path: `${appPath}/report`,
|
|
|
|
/**
|
|
* 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 result = await this.preFetch(component, ctx);
|
|
const i18n = new VueI18n({
|
|
locale: 'es',
|
|
fallbackLocale: 'es',
|
|
silentTranslationWarn: true
|
|
});
|
|
const app = new Vue({i18n,
|
|
render: h => h(result.component)});
|
|
|
|
return renderer.renderToString(app);
|
|
},
|
|
|
|
/**
|
|
* Prefetch all component data from asyncData method
|
|
*
|
|
* @param {Object} orgComponent - Component object
|
|
* @param {Object} ctx - Request context
|
|
*/
|
|
async preFetch(orgComponent, ctx) {
|
|
let component = Object.create(orgComponent);
|
|
let mergedData = {};
|
|
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 (orgComponent.hasOwnProperty('data'))
|
|
data = orgComponent.data();
|
|
|
|
if (orgComponent.hasOwnProperty('asyncData'))
|
|
asyncData = await orgComponent.asyncData(ctx, params);
|
|
|
|
mergedData = Object.assign(mergedData, data, asyncData);
|
|
|
|
component.data = function data() {
|
|
return mergedData;
|
|
};
|
|
|
|
const components = orgComponent.components;
|
|
if (components) {
|
|
const promises = [];
|
|
const childNames = [];
|
|
component.components = {};
|
|
|
|
Object.keys(components).forEach(childName => {
|
|
childNames.push(childName);
|
|
promises.push(this.preFetch(components[childName], ctx));
|
|
});
|
|
|
|
await Promise.all(promises).then(results => {
|
|
results.forEach((result, i) => {
|
|
component.components[childNames[i]] = result.component;
|
|
});
|
|
});
|
|
}
|
|
|
|
return {component};
|
|
},
|
|
|
|
async attachAssets(component) {
|
|
const localePath = `${this.path}/${component.name}/locale`;
|
|
const templatePath = `${this.path}/${component.name}/index.html`;
|
|
const stylePath = `${this.path}/${component.name}/assets/css/index`;
|
|
|
|
const template = await fs.readFile(templatePath, 'utf8');
|
|
const css = require(stylePath);
|
|
const cssOptions = {inlinePseudoElements: true};
|
|
|
|
component.i18n = require(localePath);
|
|
component.template = juice.inlineContent(template, css, cssOptions);
|
|
},
|
|
|
|
async toPdf(name, ctx) {
|
|
const html = await this.render(name, ctx);
|
|
let options = config.pdf;
|
|
|
|
const optionsPath = `${this.path}/${name}/options.json`;
|
|
if (fs.existsSync(optionsPath))
|
|
options = Object.assign(options, require(optionsPath));
|
|
|
|
return new Promise(resolve => {
|
|
pdf.create(html, options).toStream((err, stream) => {
|
|
resolve(stream);
|
|
});
|
|
});
|
|
},
|
|
};
|