mirror of
https://github.com/shoelace-style/shoelace.git
synced 2026-01-12 19:19:13 +00:00
3a61d20d93
* initial attempt at not auto defining * add files with - * continued work on removing auto-define * fix component definitions * update with new tag stuff * fix lots of things * fix improper scoped elements * working through side effects * continued react wrapper work * update changelog * formatting * fixes * update changelog * lint / formatting * fix version injection * fix version injection, work on test * fix version injection, work on test * fix merge conflicts * fix jsdoc null issue * fix templates * use exports * working on tests * working on registration mocking * fix customElements test * linting * fix some test stuff * clean up test * clean up comment * rename scopedElements to dependencies * linting / formatting * linting / formatting * mark all packages external and still bundle * set bundle false * set bundle true * dont minify * fix merge conflicts * use built shoelace-element * fix lint errors * prettier * appease eslint * appease eslint gods * appease eslint gods * appease eslint gods * appease eslint gods * add shoelace-autoloader * move it all into 1 function * add exportmaps note * prettier * add jsdelivr entrypoint * read as utf8 * update docs with .component.js importS * prettier
67 lines
2.1 KiB
JavaScript
67 lines
2.1 KiB
JavaScript
export default function (plop) {
|
|
plop.setHelper('tagWithoutPrefix', tag => tag.replace(/^sl-/, ''));
|
|
|
|
plop.setHelper('tagToTitle', tag => {
|
|
const withoutPrefix = plop.getHelper('tagWithoutPrefix');
|
|
const titleCase = plop.getHelper('titleCase');
|
|
return titleCase(withoutPrefix(tag).replace(/-/g, ' '));
|
|
});
|
|
|
|
plop.setGenerator('component', {
|
|
description: 'Generate a new component',
|
|
prompts: [
|
|
{
|
|
type: 'input',
|
|
name: 'tag',
|
|
message: 'Tag name? (e.g. sl-button)',
|
|
validate: value => {
|
|
// Start with sl- and include only a-z + dashes
|
|
if (!/^sl-[a-z-+]+/.test(value)) {
|
|
return false;
|
|
}
|
|
|
|
// No double dashes or ending dash
|
|
if (value.includes('--') || value.endsWith('-')) {
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
}
|
|
],
|
|
actions: [
|
|
{
|
|
type: 'add',
|
|
path: '../../src/components/{{ tagWithoutPrefix tag }}/{{ tagWithoutPrefix tag }}.ts',
|
|
templateFile: 'templates/component/define.hbs'
|
|
},
|
|
{
|
|
type: 'add',
|
|
path: '../../src/components/{{ tagWithoutPrefix tag }}/{{ tagWithoutPrefix tag }}.component.ts',
|
|
templateFile: 'templates/component/component.hbs'
|
|
},
|
|
{
|
|
type: 'add',
|
|
path: '../../src/components/{{ tagWithoutPrefix tag }}/{{ tagWithoutPrefix tag }}.styles.ts',
|
|
templateFile: 'templates/component/styles.hbs'
|
|
},
|
|
{
|
|
type: 'add',
|
|
path: '../../src/components/{{ tagWithoutPrefix tag }}/{{ tagWithoutPrefix tag }}.test.ts',
|
|
templateFile: 'templates/component/tests.hbs'
|
|
},
|
|
{
|
|
type: 'add',
|
|
path: '../../docs/pages/components/{{ tagWithoutPrefix tag }}.md',
|
|
templateFile: 'templates/component/docs.hbs'
|
|
},
|
|
{
|
|
type: 'modify',
|
|
path: '../../src/shoelace.ts',
|
|
pattern: /\/\* plop:component \*\//,
|
|
template: `export { default as {{ properCase tag }} } from './components/{{ tagWithoutPrefix tag }}/{{ tagWithoutPrefix tag }}.js';\n/* plop:component */`
|
|
}
|
|
]
|
|
});
|
|
}
|