Skip to content

Instantly share code, notes, and snippets.

@dehuszar
Last active August 29, 2015 14:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dehuszar/df3bcd7541b26be10f66 to your computer and use it in GitHub Desktop.
Save dehuszar/df3bcd7541b26be10f66 to your computer and use it in GitHub Desktop.
This node script is designed to take a single css file or folder of css files and convert all the classes to placeholders and rename the file to .styl, .sass, or .scss
// run script like so:
// node placeholdernater.js input="path/to/files/[file.css]" type="styl"
// TODO:: right now an "output" folder needs to be created where you run the script. Need to roll an output= param into the process and handle default folder testing and creation
// dependancies
var fs = require('fs'),
path = require('path'),
rework = require('rework'),
selectors = require('rework-mutate-selectors');
// vars
var css,
inputCSS,
options = {},
stats,
token;
// process cli-options
process.argv.forEach(function(val, index, array) {
if (~val.indexOf('=')) {
optionKey = val.slice(0, val.indexOf('='));
optionVal = val.slice(val.indexOf('=') + 1);
options[optionKey] = optionVal;
}
});
if (!options.input) {
console.log("Error! No input: You need to define a file or folder for me to process if this is going to work.")
}
// determine token from type
switch(options.type) {
case "sass":
case "scss":
token = "%";
break;
case "styl":
token = "$";
break;
}
stats = fs.statSync(options.input);
if (stats.isFile()) {
var fileBaseName = path.basename(options.input, '.css');
inputCSS = fs.readFileSync(options.input,'utf8');
css = rework(inputCSS, options.type)
.use(selectors.replace(/\./g, token))
.toString();
fs.writeFileSync("output" + fileBaseName + "." + options.type, css);
}
if (stats.isDirectory()) {
// loop through each file individually
var files = fs.readdirSync(options.input);
files.forEach(function(file) {
var fullPath = options.input + file,
fileExtName = path.extname(file),
fileBaseName = path.basename(file, fileExtName);
inputCSS = fs.readFileSync(fullPath,'utf8');
css = rework(inputCSS, options.type)
.use(selectors.replace(/\./g, token))
.toString();
fs.writeFileSync("output/" + fileBaseName + "." + options.type, css);
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment