fd20f90cca
- The original intention of the proxy was to collect up all the requires in our helpers into one place - This has since been expanded and used in more places, in more ways - In hindsight there are now multiple different types of requires in the proxy: - One: true frontend rendering framework requires (stuff from deep inside theme-engine) - Two: data manipulation/sdk stuff, belongs to the frontend, ways to process API data - Three: actual core stuff from Ghost, that we wish wasn't here / needs to be passed in a controlled way - This commit pulls out One into a new rendering service, so at least that stuff is managed independently - This draws the lines clearly between what's internal to the frontend and what isn't - It also highlights that the theme-engine needs to be divided up / refactored so that we don't have these deep requires
46 lines
1.4 KiB
JavaScript
46 lines
1.4 KiB
JavaScript
// # Body Class Helper
|
|
// Usage: `{{body_class}}`
|
|
//
|
|
// Output classes for the body element
|
|
const {SafeString} = require('../services/rendering');
|
|
|
|
// We use the name body_class to match the helper for consistency
|
|
module.exports = function body_class(options) { // eslint-disable-line camelcase
|
|
let classes = [];
|
|
const context = options.data.root.context || [];
|
|
const obj = this.post || this.page;
|
|
const tags = obj && obj.tags ? obj.tags : [];
|
|
const isPage = !!(obj && obj.page);
|
|
|
|
if (context.includes('home')) {
|
|
classes.push('home-template');
|
|
} else if (context.includes('post') && obj) {
|
|
classes.push('post-template');
|
|
} else if (context.includes('page') && obj && isPage) {
|
|
classes.push('page-template');
|
|
classes.push(`page-${obj.slug}`);
|
|
} else if (context.includes('tag') && this.tag) {
|
|
classes.push('tag-template');
|
|
classes.push(`tag-${this.tag.slug}`);
|
|
} else if (context.includes('author') && this.author) {
|
|
classes.push('author-template');
|
|
classes.push(`author-${this.author.slug}`);
|
|
} else if (context.includes('private')) {
|
|
classes.push('private-template');
|
|
}
|
|
|
|
if (tags) {
|
|
classes = classes.concat(
|
|
tags.map(({slug}) => `tag-${slug}`)
|
|
);
|
|
}
|
|
|
|
if (context.includes('paged')) {
|
|
classes.push('paged');
|
|
}
|
|
|
|
classes = classes.join(' ').trim();
|
|
|
|
return new SafeString(classes);
|
|
};
|