lib/theme/view.ts
import { dirname, extname, join } from 'path';
import { parse as yfm } from 'hexo-front-matter';
import Promise from 'bluebird';
import type Theme from '.';
import type Render from '../hexo/render';
import type { NodeJSLikeCallback } from '../types';
import type { Helper } from '../extend';
const assignIn = (target: any, ...sources: any[]) => {
const length = sources.length;
if (length < 1 || target == null) return target;
for (let i = 0; i < length; i++) {
const source = sources[i];
for (const key in source) {
target[key] = source[key];
}
}
return target;
};
class Options {
layout?: any;
[key: string]: any;
}
class View {
public path: string;
public source: string;
public _theme: Theme;
public data: any;
public _compiled: any;
public _compiledSync: any;
public _helper: Helper;
public _render: Render;
constructor(path: string, data: string) {
this.path = path;
this.source = join(this._theme.base, 'layout', path);
this.data = typeof data === 'string' ? yfm(data) : data;
this._precompile();
}
render(callback: NodeJSLikeCallback<any>): Promise<any>;
render(options: Options, callback?: NodeJSLikeCallback<any>): Promise<any>;
render(options: Options | NodeJSLikeCallback<any> = {}, callback?: NodeJSLikeCallback<any>): Promise<any> {
if (!callback && typeof options === 'function') {
callback = options;
options = {};
}
const { data } = this;
const { layout = (options as Options).layout } = data;
const locals = this._buildLocals(options as Options);
return this._compiled(this._bindHelpers(locals)).then(result => {
if (result == null || !layout) return result;
const layoutView = this._resolveLayout(layout);
if (!layoutView) return result;
const layoutLocals = {
...locals,
body: result,
layout: false
};
return layoutView.render(layoutLocals, callback);
}).asCallback(callback);
}
renderSync(options: Options = {}) {
const { data } = this;
const { layout = options.layout } = data;
const locals = this._buildLocals(options);
const result = this._compiledSync(this._bindHelpers(locals));
if (result == null || !layout) return result;
const layoutView = this._resolveLayout(layout);
if (!layoutView) return result;
const layoutLocals = {
...locals,
body: result,
layout: false
};
return layoutView.renderSync(layoutLocals);
}
_buildLocals(locals: Options) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const { layout, _content, ...data } = this.data;
return assignIn({}, locals, data, {
filename: this.source
});
}
_bindHelpers(locals) {
const helpers = this._helper.list();
const keys = Object.keys(helpers);
for (const key of keys) {
locals[key] = helpers[key].bind(locals);
}
return locals;
}
_resolveLayout(name: string): View {
// Relative path
const layoutPath = join(dirname(this.path), name);
let layoutView = this._theme.getView(layoutPath);
if (layoutView && layoutView.source !== this.source) return layoutView;
// Absolute path
layoutView = this._theme.getView(name);
if (layoutView && layoutView.source !== this.source) return layoutView;
}
_precompile(): void {
const render = this._render;
const ctx = render.context;
const ext = extname(this.path);
const renderer = render.getRenderer(ext);
const data = {
path: this.source,
text: this.data._content
};
function buildFilterArguments(result: any): [string, any, any] {
const output = render.getOutput(ext) || ext;
return [
`after_render:${output}`,
result,
{
context: ctx,
args: [data]
}
];
}
if (renderer && typeof renderer.compile === 'function') {
const compiled = renderer.compile(data);
this._compiledSync = locals => {
const result = compiled(locals);
return ctx.execFilterSync(...buildFilterArguments(result));
};
this._compiled = locals => Promise.resolve(compiled(locals))
.then(result => ctx.execFilter(...buildFilterArguments(result)));
} else {
this._compiledSync = locals => render.renderSync(data, locals);
this._compiled = locals => render.render(data, locals);
}
}
}
export = View;