Flynt2 Component Scaffolder is a CLI tool developed to streamline the creation of Flynt 2.x component files. Flynt is component based WordPress starter theme, powered by ACF Pro and Timber, optimized for a11y and fast page load results. This scaffolder helps you quickly set up new components.
In the Flynt ecosystem, there was a components generator available for Flynt v1, which significantly simplified the process of creating new components. However, with the release of Flynt 2, a similar tool was lacking. The Flynt2 Component Scaffolder aims to fill this gap by providing developers with a convenient and efficient way to generate component files.
To install the Flynt2 Component Scaffolder globally, use the following npm command:
npm install -g flynt2-component-scaffolderTo create a new Flynt component, run the following command:
create-flynt2-componentYou will be prompted to provide various details about the new component, such as the path to the components folder, the component category, the component name, and other options.
After running the CLI tool, the following file structure will be generated for your new component (assuming SliderImage as the component name and Block as the category):
Components/
└── BlockSliderImage/
├── index.twig
├── functions.php
├── _style.scss
├── script.js
├── README.md
└── screenshot.png- index.twig: Twig template file for the component.
- functions.php: PHP file for registering component options and hooks.
- _style.scss: SCSS file for component styles.
- script.js: Component JavaScript code.
- README.md: Markdown file with component documentation.
- screenshot.png: Screenshot placeholder image for the component.
This project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.