-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.js
86 lines (72 loc) · 3.12 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
var readline = require('readline');
var fs = require('fs');
var clc = require('cli-color');
var replace = require("replace");
var FP = require('filepath');
const del = require('del');
console.log(clc.green("============================================="));
process.stdin.resume();
process.stdin.setEncoding('utf8');
process.stdin.on('data', function (chunk) {
//process.stdout.write('data: ' + chunk);
});
function ask(question, format, callback) {
var stdin = process.stdin, stdout = process.stdout;
stdin.resume();
stdout.write(question + ": ");
stdin.once('data', function (data) {
data = data.toString().trim();
if (format.test(data)) {
console.log("Name of component: ", data);
console.log(clc.green(data + " is a correct name \n"));
callback(data);
} else {
console.log(clc.red("Name of component: ", data));
console.log(clc.red("the name must be separated by - \n"));
console.log(clc.red("Please enter a new name (example: component-modal-fade)"));
ask(question, format, callback);
}
});
}
// Se le pregunta al usuario por el nombre del componente
ask(">> What's the name of your component?", /^.+-.+$/, function (componentName) {
replaceFiles(componentName);
});
// Se sustituye en el archivo index.html component-name por el nombre del componente
function replaceFiles(name) {
console.log(clc.green("Creating component " + name));
// Se reemplaza el nombre del archivo component-name.html por el nombre del componente
fs.rename('./component-name.html', './' + name + '.html', function (err) {
if (err) console.log('ERROR: ' + err);
});
// Se reemplaza el nombre del archivo component-name.scss por el nombre del componente
fs.rename('./component-name.scss', './' + name + '.scss', function (err) {
if (err) console.log('ERROR: ' + err);
});
// Se reemplaza el nombre del archivo component-name-styles.html por el nombre del componente
fs.rename('./component-name-styles.html', './' + name + '-styles.html', function (err) {
if (err) console.log('ERROR: ' + err);
});
// Se reemplaza el nombre del archivo dist/css/component-name.css por el nombre del componente
fs.rename('./dist/css/component-name.css', './dist/css/' + name + '.css', function (err) {
if (err) console.log('ERROR: ' + err);
});
// Se reemplaza el nombre del archivo component-name.js por el nombre del componente
fs.rename('./component-name.js', './' + name + '.js', function (err) {
if (err) console.log('ERROR: ' + err);
});
// Se reemplaza en todos los sitios donde aparece component-name por el nombre del componente
replace({
regex: "component-name",
replacement: name,
paths: ['./index.html', './'+name+'.html', './'+name+'.scss', './'+name+'-styles.html', './'+name+'.js', './bower.json', './demo/index.html', './README.md', 'gulpfile.js'],
recursive: true,
silent: false,
});
del(['./.git']).then(paths => {
console.log('Deleted git files', paths.join('\n'));
});
console.log("--------------------------------------------- \n");
console.log(clc.green("the component " + name + " has been created succesfully"));
process.exit();
}