subspace/packages/docs/scripts/helpers.js

63 lines
2.3 KiB
JavaScript

var join = require('path').join;
hexo.extend.helper.register('show_lang', function (lang) {
if (this.page.lang != 'en') {
return '/' + this.page.lang;
}
});
hexo.extend.helper.register('lang_name', function(lang) {
var data = this.site.data.languages[lang];
return data.name || data;
});
hexo.extend.helper.register('sidebar', function (path) {
return `
<ul class="c-side-navigation js-docs-sidebar">
<li class="c-side-navigation__header">
<a href="#" class="c-side-navigation__header__offset js-docs-trigger-close">
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1.5752" y="0.368273" width="22" height="1" rx="0.5" transform="rotate(45 1.5752 0.368273)" fill="#090909"></rect> <rect x="0.868164" y="15.9246" width="22" height="1" rx="0.5" transform="rotate(-45 0.868164 15.9246)" fill="#090909"></rect> </svg>
</a>
</li>
${genSidebarList.call(this, "", this.site.data.sidebar[path])}
</ul>
`
});
function genSidebarList(parent, entries) {
/* necessary due to changed context of map() */
let self = this
/* all languages except english needs a path prefix */
let lang = (self.page.lang != 'en' && parent == "") ? self.page.lang : ''
return entries.map(entry => {
/* normally path needs to be prefixed with lang and parent path */
let fullPath;
if (entry.path.startsWith('#')) {
fullPath = join('', lang, parent) + entry.path;
} else if (entry.path.startsWith('empty')) {
fullPath = 'empty';
} else {
fullPath = join('', lang, entry.path);
}
/* sometimes paths are full URLs instead of sub-paths */
if (entry.path.startsWith('http')) {
fullPath = entry.path
}
/* path is active when it's the one we are on currently */
let isActive = (self.path).startsWith(fullPath)
return `
<li class="c-side-navigation__item ${isActive ? "is-active" : ""}">
${(fullPath == 'empty') ? `
<span class="c-side-navigation__item__anchor">${entry.title}</span>
` : `<a href="${fullPath}" class="c-side-navigation__item__anchor">${entry.title}</a>`
}
${(entry.children != undefined) ? `
<ul class="c-side-navigation__item__tree">
${genSidebarList.call(self, fullPath, entry.children)}
</ul>
` : ''}
</li>`
}).join('\n')
}