49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
const prompts = require('prompts');
|
|
const { pascalCase } = require('change-case');
|
|
const path = require('path');
|
|
const fs = require('fs-extra');
|
|
const glob = require('tiny-glob');
|
|
const { cyan, green, bold } = require('kleur');
|
|
|
|
const ROOT = path.resolve(__dirname, '../../');
|
|
const LIB = path.join(ROOT, 'src/components');
|
|
const TEMPLATE = path.join(__dirname, 'template');
|
|
|
|
const makeNewComponent = async () => {
|
|
const { name } = await prompts({
|
|
type: 'text',
|
|
name: 'name',
|
|
message: 'What should we call your new component, e.g., ImagePack?',
|
|
});
|
|
|
|
if (!name) return;
|
|
|
|
const componentName = pascalCase(name);
|
|
const componentDir = path.join(LIB, componentName);
|
|
|
|
if (fs.existsSync(componentDir)) {
|
|
console.log('Oops! That component already exists. Try another name?');
|
|
return;
|
|
}
|
|
|
|
fs.mkdirSync(componentDir);
|
|
|
|
const files = await glob('**/*', { cwd: TEMPLATE, filesOnly: true });
|
|
|
|
for (const file of files) {
|
|
const content = fs.readFileSync(path.join(TEMPLATE, file), 'utf8');
|
|
const writeContent = content.replace(/YourComponent/g, componentName);
|
|
const writePath = path.join(
|
|
LIB,
|
|
file.replace(/YourComponent/g, componentName)
|
|
);
|
|
fs.ensureDirSync(path.dirname(writePath));
|
|
fs.writeFileSync(writePath, writeContent);
|
|
}
|
|
|
|
console.log(
|
|
`${green('✔')} ${bold('Your component is ready at:')}\n📁 ${cyan(`src/component/${bold(componentName)}/${componentName}.svelte`)}`
|
|
);
|
|
};
|
|
|
|
makeNewComponent();
|