Configure Twig-CS-Fixer for Toolkit documentation templates

This commit is contained in:
Hugo Alliaume
2026-03-15 16:25:37 +01:00
parent 0db7109d39
commit f1d8ec400f
10 changed files with 38 additions and 36 deletions

View File

@@ -18,11 +18,12 @@ $uxRuleset = (new Ruleset())
->addStandard(new Twig())
// Symfony standard (customized for Symfony UX)
->addRule(new DirectoryNameRule(baseDirectory: 'templates', ignoredSubDirectories: ['bundles', 'components', 'demos/live_memory/components']))
->addRule(new FileNameRule(baseDirectory: 'templates', ignoredSubDirectories: ['bundles', 'components', 'demos/live_memory/components'], optionalPrefix: '_'))
->addRule(new DirectoryNameRule(case: DirectoryNameRule::PASCAL_CASE, baseDirectory: 'templates/components'))
->addRule(new FileNameRule(case: DirectoryNameRule::PASCAL_CASE, baseDirectory: 'templates/components'))
->addRule(new FileNameRule(baseDirectory: 'templates', ignoredSubDirectories: ['bundles', 'components', 'demos/live_memory/components', 'toolkit'], optionalPrefix: '_'))
->addRule(new DirectoryNameRule(case: FileNameRule::PASCAL_CASE, baseDirectory: 'templates/components'))
->addRule(new FileNameRule(case: FileNameRule::PASCAL_CASE, baseDirectory: 'templates/components'))
->addRule(new DirectoryNameRule(case: DirectoryNameRule::PASCAL_CASE, baseDirectory: 'demos/live_memory/components'))
->addRule(new FileNameRule(case: DirectoryNameRule::PASCAL_CASE, baseDirectory: 'demos/live_memory/components'))
->addRule(new FileNameRule(case: FileNameRule::PASCAL_CASE, baseDirectory: 'demos/live_memory/components'))
->addRule(new FileNameRule(case: FileNameRule::KEBAB_CASE, baseDirectory: 'templates/toolkit/docs/', optionalPrefix: '_'))
->addRule(new FileExtensionRule())
// TwigCsFixer standard (customized for Symfony UX)
->addRule(new BlankEOFRule())

View File

@@ -1,3 +1,4 @@
{# twig-cs-fixer-disable FileName.Error #}
# {{ component.manifest.name }}
{{ component.manifest.description }}

View File

@@ -10,5 +10,5 @@
{% block examples %}
### Opened by default
{{ toolkit_code_example(kit_id.value, component.name, 'Opened by default', { height: '400px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Opened by default', {height: '400px'}) }}
{% endblock %}

View File

@@ -16,21 +16,21 @@
{% block examples %}
### Orientation
{{ toolkit_code_example(kit_id.value, component.name, 'Orientation', { height: '200px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Orientation', {height: '200px'}) }}
### Size
{{ toolkit_code_example(kit_id.value, component.name, 'Size', { height: '420px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Size', {height: '420px'}) }}
### Input
{{ toolkit_code_example(kit_id.value, component.name, 'Input', { height: '200px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Input', {height: '200px'}) }}
### Nested
{{ toolkit_code_example(kit_id.value, component.name, 'Nested', { height: '240px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Nested', {height: '240px'}) }}
### Separator
{{ toolkit_code_example(kit_id.value, component.name, 'Separator', { height: '200px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Separator', {height: '200px'}) }}
### Split
{{ toolkit_code_example(kit_id.value, component.name, 'Split', { height: '200px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Split', {height: '200px'}) }}
{% endblock %}

View File

@@ -10,8 +10,8 @@
{% block examples %}
### Opened by default
{{ toolkit_code_example(kit_id.value, component.name, 'Opened by default', { height: '400px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Opened by default', {height: '400px'}) }}
### Custom close button
{{ toolkit_code_example(kit_id.value, component.name, 'Custom close button', { height: '400px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Custom close button', {height: '400px'}) }}
{% endblock %}

View File

@@ -10,15 +10,15 @@
{% block examples %}
### Outline
{{ toolkit_code_example(kit_id.value, component.name, 'Outline', { height: '300px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Outline', {height: '300px'}) }}
### Background
{{ toolkit_code_example(kit_id.value, component.name, 'Background', { height: '300px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Background', {height: '300px'}) }}
### Avatar
{{ toolkit_code_example(kit_id.value, component.name, 'Avatar', { height: '300px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Avatar', {height: '300px'}) }}
### Avatar group
{{ toolkit_code_example(kit_id.value, component.name, 'Avatar group', { height: '300px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Avatar group', {height: '300px'}) }}
{% endblock %}

View File

@@ -1,7 +1,7 @@
{% extends 'toolkit/docs/_base_component.md.twig' %}
{% block demo %}
{{ toolkit_code_demo(kit_id.value, component.name, { height: '850px' }) }}
{{ toolkit_code_demo(kit_id.value, component.name, {height: '850px'}) }}
{% endblock %}
{% block usage %}
@@ -11,24 +11,24 @@
{% block examples %}
### Input
{{ toolkit_code_example(kit_id.value, component.name, 'Input', { height: '500px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Input', {height: '500px'}) }}
### Textarea
{{ toolkit_code_example(kit_id.value, component.name, 'Textarea', { height: '400px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Textarea', {height: '400px'}) }}
### Select
{{ toolkit_code_example(kit_id.value, component.name, 'Select', { height: '360px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Select', {height: '360px'}) }}
### Field set
{{ toolkit_code_example(kit_id.value, component.name, 'Field set', { height: '400px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Field set', {height: '400px'}) }}
### Checkbox
{{ toolkit_code_example(kit_id.value, component.name, 'Checkbox', { height: '520px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Checkbox', {height: '520px'}) }}
### Switch
{{ toolkit_code_example(kit_id.value, component.name, 'Switch', { height: '240px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Switch', {height: '240px'}) }}
### Field group
{{ toolkit_code_example(kit_id.value, component.name, 'Field group', { height: '520px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Field group', {height: '520px'}) }}
{% endblock %}

View File

@@ -11,25 +11,25 @@
{% block examples %}
### Icon
{{ toolkit_code_example(kit_id.value, component.name, 'Icon', { height: '350px'}) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Icon', {height: '350px'}) }}
### Text
Display additional text information alongside inputs.
{{ toolkit_code_example(kit_id.value, component.name, 'Text', { height: '400px'}) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Text', {height: '400px'}) }}
### Button
{{ toolkit_code_example(kit_id.value, component.name, 'Button', { height: '350px'}) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Button', {height: '350px'}) }}
### Textarea
{{ toolkit_code_example(kit_id.value, component.name, 'Textarea', { height: '400px'}) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Textarea', {height: '400px'}) }}
### Spinner
{{ toolkit_code_example(kit_id.value, component.name, 'Spinner', { height: '400px'}) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Spinner', {height: '400px'}) }}
### Label
{{ toolkit_code_example(kit_id.value, component.name, 'Label', { height: '300px'}) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Label', {height: '300px'}) }}
### Button Group
{{ toolkit_code_example(kit_id.value, component.name, 'Button Group') }}

View File

@@ -10,18 +10,18 @@
{% block examples %}
### Variants
{{ toolkit_code_example(kit_id.value, component.name, 'Variants', { height: '400px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Variants', {height: '400px'}) }}
### Size
{{ toolkit_code_example(kit_id.value, component.name, 'Size', { height: '400px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Size', {height: '400px'}) }}
### Icon
{{ toolkit_code_example(kit_id.value, component.name, 'Icon') }}
### Avatar
{{ toolkit_code_example(kit_id.value, component.name, 'Avatar', { height: '400px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Avatar', {height: '400px'}) }}
### Link
{{ toolkit_code_example(kit_id.value, component.name, 'Link', { height: '400px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Link', {height: '400px'}) }}
{% endblock %}

View File

@@ -10,5 +10,5 @@
{% block examples %}
### Card
{{ toolkit_code_example(kit_id.value, component.name, 'Card', { height: '300px' }) }}
{{ toolkit_code_example(kit_id.value, component.name, 'Card', {height: '300px'}) }}
{% endblock %}