mirror of
https://github.com/symfony/ux.symfony.com.git
synced 2026-03-24 00:02:09 +01:00
Configure Twig-CS-Fixer for Toolkit documentation templates
This commit is contained in:
@@ -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())
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
{# twig-cs-fixer-disable FileName.Error #}
|
||||
# {{ component.manifest.name }}
|
||||
|
||||
{{ component.manifest.description }}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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') }}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
Reference in New Issue
Block a user