cdransf/eleventy-plugin-tabler-icons
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore(tablericons.js): expose renderTablerIcon function

Browse source
This commit is contained in:
Cory Dransfeldt 2025-06-15 15:44:18 -07:00
parent 7c6639cbb7
commit 3071e76493
No known key found for this signature in database
3 changed files with 39 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

62
tablericons.js
View file

@ -1,48 +1,58 @@
import ICONS from './icons.js'
import ICONS from './icons.js';
const tablericons = (eleventyConfig, config = {}) => {
const { className = '', errorOnMissing = false } = config
const { className = '', errorOnMissing = false } = config;
const renderIcon = (context = this, name, alt, attrs) => {
const contents = ICONS[name]
const renderIcon = (context = {}, name, alt = '', attrs = {}) => {
const contents = ICONS[name];
if (!contents) {
handleMissingIcon(name, context.page.inputPath)
return ''
handleMissingIcon(name, context.page?.inputPath);
return '';
}
return `${head(alt, className, name, attrs)}${contents}${ICONS.TAIL}`
}
return `${buildHead(alt, className, name, attrs)}${contents}${ICONS.TAIL}`;
};
const handleMissingIcon = (name, inputPath) => {
const message = `No tablericons found for name '${name}'`
const message = `No tablericon found for name '${name}'`;
if (errorOnMissing) {
throw new Error(message)
throw new Error(message);
} else {
console.warn(`${message} in ${inputPath}`)
console.warn(`${message}${inputPath ? ` in ${inputPath}` : ''}`);
}
}
};
// Register shortcode for Eleventy 3.0
eleventyConfig.addShortcode('tablericon', (name, alt, attrs) => {
return renderIcon(this, name, alt, attrs)
})
}
eleventyConfig.addShortcode('tablericon', function (name, alt, attrs) {
return renderIcon(this, name, alt, attrs);
});
};
const head = (alt, className, iconName, attrs) => {
let output = `${ICONS.HEAD.slice(0, -1)} aria-hidden='true'`
const buildHead = (alt = '', className = '', iconName, attrs = {}) => {
let output = `${ICONS.HEAD.slice(0, -1)} aria-hidden="true"`;
if (className) output += ` class='${className}'`
output += ` data-tablericon-name='${iconName}'`
if (className) output += ` class="${className}"`;
output += ` data-tablericon-name="${iconName}"`;
if (typeof attrs === 'string') {
output += ` ${attrs}`
output += ` ${attrs}`;
} else if (attrs && typeof attrs === 'object') {
output += Object.entries(attrs)
.map(([property, value]) => (property && value ? ` ${property}='${value}'` : ''))
.join('')
.map(([key, val]) => (key && val ? ` ${key}="${val}"` : ''))
.join('');
}
return `${output}>`
return `${output}>`;
};
export function renderTablerIcon(name, alt = '', attrs = {}, options = {}) {
const context = { page: { inputPath: options.inputPath || '' } };
const contents = ICONS[name];
if (!contents) {
console.warn(`No tablericon found for name '${name}'${options.inputPath ? ` in ${options.inputPath}` : ''}`);
return '';
}
return `${buildHead(alt, options.className || '', name, attrs)}${contents}${ICONS.TAIL}`;
}
export default tablericons
export default tablericons;