michelangelo
michelangelo copied to clipboard
JordyPouw
Twig support?
How can I enable twig templates markup using this KSS theme?
When I write:
// Markup: example.twig
...it writes file name as is "example.twig"
@ydmitry This is just a theme on top of kss-node. This is what their docs says:
Instead of using inline HTML markup, you could point at a separate file that contains your HTML. kss-node supports either a plain *.html file or a Handlebars *.hbs file. The kss-node generator will search for the markup file in any of the --source folders.
You can find that here: github.com/kss-node/kss/blob/spec/SPEC.md.
Do you mean I need to generate my examples from twig to HTML separately from KSS and use Markup: compiled-example.html ?
KSS node repository contains builder that can support twig: https://github.com/kss-node/kss-node/tree/master/builder/twig , but as I see index.* file of the builder should be written in twig and builder.js should inherit KssBuilderBaseTwig... Maybe there is a possibility to add twig builder to this theme?
@ydmitry I understand. Currently in the kss-config.json we reference to "node_modules/michelangelo/kss_styleguide/custom-template/" with the builder setting, which is just the handlebars template. So creating multiple custom templates is what I think that should happen, something like this:
-
"node_modules/michelangelo/kss_styleguide/custom-templates/hbs" -
"node_modules/michelangelo/kss_styleguide/custom-templates/twig"
And then it should be possible to reference with the builder setting to the custom theme you want.
Sad news is that I currently don't have the time. But good idea to add later on. For now you can fork this repo and try it yourself if you need it now. I think if you write the index template with the twig syntax and replace the handlebars builder with the twig builder it would work.
