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

chore: upgrade to 11ty v3

Browse source
This commit is contained in:
Cory Dransfeldt 2024-10-02 19:43:47 -07:00
parent f1029ac0f5
commit f030e40af4
No known key found for this signature in database
4 changed files with 1097 additions and 956 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
icons.js
View file

File diff suppressed because one or more lines are too long

1968
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

4
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "@cdransf/eleventy-plugin-tabler-icons", "name": "@cdransf/eleventy-plugin-tabler-icons",
"version": "1.17.0", "version": "2.0.0",
"description": "Shortcodes to add Tabler icons to your Eleventy projects", "description": "Shortcodes to add Tabler icons to your Eleventy projects",
"main": "tablericons.js", "main": "tablericons.js",
"files": [ "files": [
@ -32,7 +32,7 @@
}, },
"license": "MIT", "license": "MIT",
"devDependencies": { "devDependencies": {
"@11ty/eleventy": "^2.0.1", "@11ty/eleventy": "v3.0.0",
"@tabler/icons": "^3.19.0" "@tabler/icons": "^3.19.0"
} }
} }

79
tablericons.js
View file

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