nonpolynomial / firstspiritify

Module to replace URL references in CSS files with FirstSpirit `$CMS_REF(media:"", abs: 0)$` function calls

Firstspiritify

Module to replace URL references in CSS files with FirstSpirit $CMS_REF(media:"", abs: 0)$ function calls.

Pattern

Firstspiritify searches for url\(['"]?([\w-_ ./]*\.[\w-_ ]*)['"]?\) and removes all spaces and dots (.) and replaces hyphens (-) with underscores (_).

firstspiritify's Issues

urls like myfont.eot?#iefix are not recognized

If using e.g. font-awesome, there are quite a few font URLs that end in with #suffix or even ?#suffix. firstspiritify won't replace these URLs as the corresponding regex does not match these strings.

The fix could be like this:

const path = require('path');
 
module.exports = ({str, abs = 0}) =>
str.replace(/url\(['"]?([\w-_ ./]*\.[\w-_ ]*)([\?\#a-zA-Z]*)['"]?\)/g, (matches, file, suffix) =>
`url("\$CMS_REF(media:"${path.parse(file).name.replace(/(-| |\.)/g, (m) => {
switch(m) {
case ' ':
case '.':
return '';
case '-':
return '_';
}
})}", abs: ${abs})\$${suffix}")`
);

Release 0.1

Since this module is already in production use, it should have a release.