chore: Setup prettier php in workflow (#840)

* chore: Setup node in prettier workflow

* Update prettier.yml

* Include php plugin

* style: Formatted code with Prettier

---------

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>

Author: DenverCoder1

.github/workflows/prettier.yml

@@ -27,6 +27,11 @@ jobs:
         if: ${{ github.event_name != 'pull_request' }}
         uses: actions/checkout@v3
 
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '22'
+
       - name: Install prettier and plugin-php
         run: npm i
 

.prettierignore

@@ -1,2 +1,3 @@
 vendor
-**/*.min.js
+**/*.min.js
+.prettierrc

.prettierrc

@@ -0,0 +1,13 @@
+module.exports = {
+  printWidth: 120,
+  endOfLine: "auto",
+  plugins: ["@prettier/plugin-php"],
+  overrides: [
+    {
+      files: "*.php",
+      options: {
+        parser: "php",
+      },
+    },
+  ],
+};

.prettierrc.js

@@ -123,6 +123,6 @@ function updateReadme(string $path, string $start, string $end, string $content)
     __DIR__ . "/../README.md",
     "<!-- TRANSLATION_PROGRESS_START -->",
     "<!-- TRANSLATION_PROGRESS_END -->",
-    $badges
+    $badges,
 );
 exit($update === false ? 1 : 0);

scripts/translation-progress.php

@@ -27,7 +27,7 @@ function formatDate(string $dateString, string|null $format, string $locale): st
                 $locale,
                 IntlDateFormatter::MEDIUM,
                 IntlDateFormatter::NONE,
-                pattern: $pattern
+                pattern: $pattern,
             );
             $formatted = $dateFormatter->format($date);
         }
@@ -44,7 +44,7 @@ function formatDate(string $dateString, string|null $format, string $locale): st
                 $locale,
                 IntlDateFormatter::MEDIUM,
                 IntlDateFormatter::NONE,
-                pattern: $pattern
+                pattern: $pattern,
             );
             $formatted = $dateFormatter->format($date);
         }
@@ -75,7 +75,7 @@ function translateDays(array $days, string $locale): array
         $locale,
         IntlDateFormatter::NONE,
         IntlDateFormatter::NONE,
-        pattern: $pattern
+        pattern: $pattern,
     );
     $translatedDays = [];
     foreach ($days as $day) {
@@ -250,7 +250,7 @@ function splitLines(string $text, int $maxChars, int $line1Offset): string
     return preg_replace(
         "/^(.*)\n(.*)/",
         "<tspan x='0' dy='{$line1Offset}'>$1</tspan><tspan x='0' dy='16'>$2</tspan>",
-        $text
+        $text,
     );
 }
 
@@ -752,7 +752,7 @@ function ($matches) {
             $opacity = $result["opacity"];
             return "{$attribute}='{$color}' {$opacityAttribute}='{$opacity}'";
         },
-        $svg
+        $svg,
     );
 
     return $svg;

src/card.php

@@ -44,7 +44,10 @@ html {
 
 body {
   background: var(--background);
-  font-family: Segoe UI, Ubuntu, sans-serif;
+  font-family:
+    Segoe UI,
+    Ubuntu,
+    sans-serif;
   padding-top: 10px;
   color: var(--text);
 }
@@ -105,7 +108,9 @@ h2 {
   border-radius: 6px;
   cursor: pointer;
   font-family: inherit;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  box-shadow:
+    0 1px 3px rgba(0, 0, 0, 0.12),
+    0 1px 2px rgba(0, 0, 0, 0.24);
   transition: 0.2s ease-in-out;
 }
 
@@ -115,7 +120,9 @@ h2 {
 
 .btn:hover {
   background-color: var(--blue-dark);
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+  box-shadow:
+    0 3px 6px rgba(0, 0, 0, 0.16),
+    0 3px 6px rgba(0, 0, 0, 0.23);
 }
 
 .btn:disabled {

src/demo/css/style.css

@@ -11,12 +11,16 @@ a.darkmode {
   justify-content: center;
   border-radius: 50%;
   border: 2px solid var(--border);
-  box-shadow: 0 0 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
+  box-shadow:
+    0 0 3px rgb(0 0 0 / 12%),
+    0 1px 2px rgb(0 0 0 / 24%);
   transition: 0.2s ease-in box-shadow;
 }
 
 a.darkmode:hover {
-  box-shadow: 0 0 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
+  box-shadow:
+    0 0 6px rgb(0 0 0 / 16%),
+    0 3px 6px rgb(0 0 0 / 23%);
 }
 
 @media only screen and (max-width: 600px) {

src/demo/css/toggle-dark.css

@@ -22,7 +22,7 @@ function camelToSkewer(string $str): string
         function ($matches) {
             return "-" . strtolower($matches[0]);
         },
-        $str
+        $str,
     );
 }
 ?>

src/demo/index.php

@@ -55,7 +55,7 @@ class Accordion {
       {
         duration: 400,
         easing: "ease-out",
-      }
+      },
     );
     // When the animation is complete, call onAnimationFinish()
     this.animation.onfinish = () => this.onAnimationFinish(false);
@@ -93,7 +93,7 @@ class Accordion {
       {
         duration: 400,
         easing: "ease-out",
-      }
+      },
     );
     // When the animation is complete, call onAnimationFinish()
     this.animation.onfinish = () => this.onAnimationFinish(true);