* get link liquid tag to accept variables as param * new liquid tag `link_as_article_card` * refactor link liquid tag slightly so we can control what props get rendered * generalize filterCodeExample to use in all guides section * pass in `js-filter-card-max` instead of hardcode max * tweaks and add `data` to CSP for images * add liquid tag tests * add some browser tests for card filters * we still need to rely on `getPathWithLanguage` for hrefs that already have the language code embedded Co-authored-by: Emily Gould <4822039+emilyistoofunky@users.noreply.github.com>
48 lines
1.9 KiB
JavaScript
48 lines
1.9 KiB
JavaScript
const GithubSlugger = require('github-slugger')
|
|
const renderContent = require('./renderContent')
|
|
const { ExtendedMarkdown, tags } = require('../liquid-tags/extended-markdown')
|
|
|
|
// Include custom tags like {% link_with_intro /article/foo %}
|
|
renderContent.liquid.registerTag('liquid_tag', require('../liquid-tags/liquid-tag'))
|
|
renderContent.liquid.registerTag('link', require('../liquid-tags/link'))
|
|
renderContent.liquid.registerTag('link_with_intro', require('../liquid-tags/link-with-intro'))
|
|
renderContent.liquid.registerTag('homepage_link_with_intro', require('../liquid-tags/homepage-link-with-intro'))
|
|
renderContent.liquid.registerTag('link_in_list', require('../liquid-tags/link-in-list'))
|
|
renderContent.liquid.registerTag('topic_link_in_list', require('../liquid-tags/topic-link-in-list'))
|
|
renderContent.liquid.registerTag('indented_data_reference', require('../liquid-tags/indented-data-reference'))
|
|
renderContent.liquid.registerTag('data', require('../liquid-tags/data'))
|
|
renderContent.liquid.registerTag('octicon', require('../liquid-tags/octicon'))
|
|
renderContent.liquid.registerTag('link_as_article_card', require('../liquid-tags/link-as-article-card'))
|
|
|
|
for (const tag in tags) {
|
|
// Register all the extended markdown tags, like {% note %} and {% warning %}
|
|
renderContent.liquid.registerTag(tag, ExtendedMarkdown)
|
|
}
|
|
|
|
renderContent.liquid.registerFilters({
|
|
/**
|
|
* Like the `size` filter, but specifically for
|
|
* getting the number of keys in an object
|
|
*/
|
|
obj_size: (input) => {
|
|
if (!input) return 0
|
|
return Object.keys(input).length
|
|
},
|
|
/**
|
|
* Returns the version number of a GHES version string
|
|
* ex: enterprise-server@2.22 => 2.22
|
|
*/
|
|
version_num: (input) => {
|
|
return input.split('@')[1]
|
|
},
|
|
/**
|
|
* Convert the input to a slug
|
|
*/
|
|
slugify: (input) => {
|
|
const slugger = new GithubSlugger()
|
|
return slugger.slug(input)
|
|
}
|
|
})
|
|
|
|
module.exports = renderContent
|