[Site] Configure Twig-CS-Fixer

.github/workflows/ux.symfony.com.yaml

@@ -9,30 +9,62 @@ on:
             - 'ux.symfony.com/**'
 
 jobs:
-    tests:
+
+    cs-php:
         runs-on: ubuntu-latest
         defaults:
-          run:
-            shell: bash
-            working-directory: ux.symfony.com
-
+            run:
+                shell: bash
+                working-directory: ux.symfony.com
         steps:
-            - uses: actions/checkout@v4
+            -   uses: actions/checkout@v4
+            -   uses: shivammathur/setup-php@v2
+                with:
+                    php-version: '8.3'
+                    tools: php-cs-fixer
+            -   name: Install dependencies
+                uses: ramsey/composer-install@v3
+                with:
+                    working-directory: ux.symfony.com
+            -   name: php-cs-fixer
+                run: php-cs-fixer check --diff
 
-            - uses: shivammathur/setup-php@v2
-              with:
-                php-version: 8.3
-
-            - name: Install dependencies
-              uses: ramsey/composer-install@v3
-              with:
+    cs-twig:
+        runs-on: ubuntu-latest
+        defaults:
+            run:
+                shell: bash
                 working-directory: ux.symfony.com
+        steps:
+            -   uses: actions/checkout@v4
+            -   uses: shivammathur/setup-php@v2
+                with:
+                    php-version: '8.3'
+            -   name: Install dependencies
+                uses: ramsey/composer-install@v3
+                with:
+                    working-directory: ux.symfony.com
+            -   name: twig-cs-fixer
+                run: vendor/bin/twig-cs-fixer lint templates --report=github
 
-            - name: Importmap dependencies
-              run: php bin/console importmap:install
-
-            - name: Build Sass assets
-              run: php bin/console sass:build
-
-            - name: Tests
-              run: vendor/bin/phpunit
+    tests:
+        runs-on: ubuntu-latest
+        defaults:
+            run:
+                shell: bash
+                working-directory: ux.symfony.com
+        steps:
+            -   uses: actions/checkout@v4
+            -   uses: shivammathur/setup-php@v2
+                with:
+                    php-version: '8.3'
+            -   name: Install dependencies
+                uses: ramsey/composer-install@v3
+                with:
+                    working-directory: ux.symfony.com
+            -   name: Importmap dependencies
+                run: php bin/console importmap:install
+            -   name: Build Sass assets
+                run: php bin/console sass:build
+            -   name: Tests
+                run: vendor/bin/phpunit

.php-cs-fixer.dist.php

@@ -33,10 +33,9 @@
     ->setRiskyAllowed(true)
     ->setFinder(
         PhpCsFixer\Finder::create()
-            ->in([__DIR__.'/src', __DIR__.'/ux.symfony.com/src', __DIR__.'/ux.symfony.com/tests'])
+            ->in([__DIR__.'/src'])
             ->append([__FILE__])
             ->notPath('#/Fixtures/#')
-            ->notPath('#/app/var/#')
-            ->notPath('#/var/cache/#')
+            ->notPath('#/var/#')
     )
 ;

ux.symfony.com/.gitignore

@@ -16,3 +16,7 @@
 /public/assets/
 /assets/vendor/
 ###< symfony/asset-mapper ###
+
+###> vincentlanglet/twig-cs-fixer ###
+/.twig-cs-fixer.cache
+###< vincentlanglet/twig-cs-fixer ###

ux.symfony.com/.php-cs-fixer.dist.php

@@ -0,0 +1,44 @@
+<?php
+
+/*
+ * This file is part of the Symfony package.
+ *
+ * (c) Fabien Potencier <fabien@symfony.com>
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+if (!file_exists(__DIR__.'/src')) {
+    exit(0);
+}
+
+$fileHeaderComment = <<<'EOF'
+This file is part of the Symfony package.
+
+(c) Fabien Potencier <fabien@symfony.com>
+
+For the full copyright and license information, please view the LICENSE
+file that was distributed with this source code.
+EOF;
+
+return (new PhpCsFixer\Config())
+    ->setRules([
+        '@PHPUnit75Migration:risky' => true,
+        '@Symfony' => true,
+        '@Symfony:risky' => true,
+        'header_comment' => ['header' => $fileHeaderComment],
+        'nullable_type_declaration' => true,
+        'trailing_comma_in_multiline' => ['elements' => ['arrays', 'match', 'parameters']],
+    ])
+    ->setRiskyAllowed(true)
+    ->setFinder(
+        PhpCsFixer\Finder::create()
+            ->in([
+                __DIR__.'/src',
+                __DIR__.'/tests',
+            ])
+            ->append([__FILE__])
+    )
+    ->setCacheFile('.php-cs-fixer.cache')
+;

ux.symfony.com/.twig-cs-fixer.dist.php

@@ -0,0 +1,6 @@
+<?php
+
+$config = new TwigCsFixer\Config\Config();
+$config->setCacheFile(null);
+
+return $config;

ux.symfony.com/composer.json

@@ -127,6 +127,7 @@
         "symfony/phpunit-bridge": "7.0.*",
         "symfony/stopwatch": "7.0.*",
         "symfony/web-profiler-bundle": "7.0.*",
+        "vincentlanglet/twig-cs-fixer": "^2.8",
         "zenstruck/browser": "^1.4",
         "zenstruck/foundry": "^1.33"
     }

ux.symfony.com/src/Controller/UxPackage/SwupController.php

@@ -26,11 +26,11 @@ public function __invoke(UxPackageRepository $packageRepository, int $page = 1):
         $package = $packageRepository->find('swup');
 
         $packages = $packageRepository->findAll();
-        $pages = ceil(count($packages) / self::PER_PAGE);
+        $pages = ceil(\count($packages) / self::PER_PAGE);
         if ($page < 1 || $page > $pages) {
             throw $this->createNotFoundException('Page not found');
         }
-        $results = array_slice($packages, ($page - 1) * self::PER_PAGE, self::PER_PAGE);
+        $results = \array_slice($packages, ($page - 1) * self::PER_PAGE, self::PER_PAGE);
 
         return $this->render('ux_packages/swup.html.twig', [
             'package' => $package,

ux.symfony.com/symfony.lock

@@ -657,6 +657,15 @@
     "twig/twig": {
         "version": "v3.3.10"
     },
+    "vincentlanglet/twig-cs-fixer": {
+        "version": "2.8",
+        "recipe": {
+            "repo": "github.com/symfony/recipes-contrib",
+            "branch": "main",
+            "version": "0.6",
+            "ref": "e4da12a48e8138479bd24a675321bcfd84950266"
+        }
+    },
     "zenstruck/assert": {
         "version": "v1.0.1"
     },

ux.symfony.com/templates/changelog.html.twig

@@ -2,7 +2,7 @@
 
 {% set meta = {
     title: 'Changelog',
-    title_suffix: " - Symfony UX",
+    title_suffix: ' - Symfony UX',
     description: 'Symfony UX changelog - New features, bug fixes, performances and security improvements about Symfony Live Components, Twig Components, Autocomplete, Icons...',
     canonical: url('app_changelog'),
 } %}

ux.symfony.com/templates/components/Browser.html.twig

@@ -42,4 +42,3 @@
         </div>
     </div>
 </div>
-

ux.symfony.com/templates/components/ChangelogItem.html.twig

@@ -1,4 +1,4 @@
-<article {{ attributes.defaults({class: "ChangelogItem"}) }} id="{{ item.version }}">
+<article {{ attributes.defaults({class: 'ChangelogItem'}) }} id="{{ item.version }}">
 
     <div class="ChangelogItem__Anchor">
         <a class="ChangelogItem__Version" href="https://github.com/symfony/ux/releases/tag/{{ item.version }}"

ux.symfony.com/templates/components/DocsLink.html.twig

@@ -6,7 +6,7 @@
             >{{ title }}</a>
             {% if icon|default %}
                 <twig:Icon name="{{ icon }}" class="DocsLink_arrow"/>
-            {% elseif isExternal  %}
+            {% elseif isExternal %}
                 <twig:Icon name="arrow-right" style="transform: rotate(-45deg);" class="DocsLink_arrow"/>
             {% endif %}
         </p>

ux.symfony.com/templates/components/Icon/IconGrid.html.twig

@@ -17,4 +17,3 @@
     {% endfor %}
 
 </div>
-