Continue to sync playground-ready with newest PRs on main

.github/workflows/coding-standards.yml

@@ -0,0 +1,85 @@
+name: PHP coding standards
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  # Runs the PHP coding standards checks.
+  #
+  # Violations are reported inline with annotations.
+  #
+  # Performs the following steps:
+  # - Checks out the repository.
+  # - Sets up PHP.
+  # - Configures caching for PHPCS scans.
+  # - Installs Composer dependencies.
+  # - Make Composer packages available globally.
+  # - Runs PHPCS on the full codebase (warnings excluded).
+  # - Generate a report for displaying issues as pull request annotations.
+  # - Runs PHPCS on the `tests` directory without (warnings included).
+  # - Generate a report for displaying `test` directory issues as pull request annotations.
+  # - Ensures version-controlled files are not modified or deleted.
+  phpcs:
+    name: Run coding standards checks
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    timeout-minutes: 20
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
+        with:
+          show-progress: ${{ runner.debug == '1' && 'true' || 'false' }}
+
+      - name: Set up PHP
+        uses: shivammathur/setup-php@c541c155eee45413f5b09a52248675b1a2575231 # v2.31.1
+        with:
+          coverage: none
+          tools: cs2pr
+
+      # This date is used to ensure that the PHPCS cache is cleared at least once every week.
+      # http://man7.org/linux/man-pages/man1/date.1.html
+      - name: "Get last Monday's date"
+        id: get-date
+        run: echo "date=$(/bin/date -u --date='last Mon' "+%F")" >> $GITHUB_OUTPUT
+
+      - name: Cache PHPCS scan cache
+        uses: actions/cache@3624ceb22c1c5a301c8db4169662070a689d9ea8 # v4.1.1
+        with:
+          path: |
+            .cache/phpcs-src.json
+            .cache/phpcs-tests.json
+          key: ${{ runner.os }}-date-${{ steps.get-date.outputs.date }}-php-${{ inputs.php-version }}-phpcs-cache-${{ hashFiles('**/composer.json', 'phpcs.xml.dist') }}
+
+      - name: Install Composer dependencies
+        uses: ramsey/composer-install@57532f8be5bda426838819c5ee9afb8af389d51a # v3.0.0
+
+      - name: Make Composer packages available globally
+        run: echo "${PWD}/vendor/bin" >> $GITHUB_PATH
+
+      - name: Run PHPCS on all files
+        id: phpcs-files
+        if: ${{ ! inputs.old-branch }}
+        run: phpcs -n --report-full --cache=./.cache/phpcs-src.json --report-checkstyle=./.cache/phpcs-report.xml
+
+      - name: Show PHPCS results in PR
+        if: ${{ always() && steps.phpcs-files.outcome == 'failure' }}
+        run: cs2pr ./.cache/phpcs-report.xml
+
+      - name: Check test suite files for warnings
+        id: phpcs-tests
+        run: phpcs tests --report-full --cache=./.cache/phpcs-tests.json --report-checkstyle=./.cache/phpcs-tests-report.xml
+
+      - name: Show test suite scan results in PR
+        if: ${{ always() && steps.phpcs-tests.outcome == 'failure' }}
+        run: cs2pr ./.cache/phpcs-tests-report.xml
+
+      - name: Ensure version-controlled files are not modified during the tests
+        run: git diff --exit-code

.gitignore

@@ -8,3 +8,6 @@
 /tests/cache
 /tests/coverage
 .DS_Store
+
+# Track placeholders so that empty directories stay in the repo.
+!.gitkeep

assets/css/aspire-update.css

@@ -1,63 +1,64 @@
-@keyframes glow {
-    0% {
-        background-color: rgba(255, 223, 0, 0.1);
-    }
-
-    100% {
-        background-color: none;
-    }
-}
-
-.glow-reveal {
-    animation: glow 0.5s ease-in-out;
-}
-
-.aspireupdate-settings-field-hosts-wrapper .aspireupdate-settings-field-hosts-row {
-    margin: 0 0 10px;
-}
-
-#aspireupdate-generate-api-key {
-    display: inline-block;
-    width: 30px;
-    height: 30px;
-    background: url(../images/icon-key.svg) no-repeat center center / 24px 24px;
-    background-color: #cbcbcb;
-    border: 1px solid #8c8f94;
-    border-radius: 3px;
-    clip-path: inset(0 0 0 0);
-    color: transparent;
-    cursor: pointer;
-    transition: background-color 0.3s ease;
-}
-
-#aspireupdate-generate-api-key:hover {
-    background-color: #e3e3e3;
-}
-
-.aspireupdate-settings-field-wrapper p.error {
-    color: #bc3b3b;
-    display: none;
-}
-
-#voltron {
-    color: transparent;
-    font-size: 8px;
-    line-height: 6px;
-    display: inline-block;
-    cursor: default;
-}
-
-#voltron:hover {
-    animation: blink 1.8s ease-in-out infinite;
-    animation-delay: 5s;
-}
-
-@keyframes blink {
-    0%,
-    100% {
-        color: inherit;
-    }
-    50% {
-        color: transparent;
-    }
-}
+
+@keyframes glow {
+	0% {
+		background-color: rgba(255, 223, 0, 0.1);
+	}
+
+	100% {
+		background-color: none;
+	}
+}
+
+.glow-reveal {
+	animation: glow 0.5s ease-in-out;
+}
+
+.aspireupdate-settings-field-hosts-wrapper .aspireupdate-settings-field-hosts-row {
+	margin: 0 0 10px;
+}
+
+#aspireupdate-generate-api-key {
+	display: inline-block;
+	width: 30px;
+	height: 30px;
+	background: url(../images/icon-key.svg) no-repeat center center / 24px 24px;
+	background-color: #cbcbcb;
+	border: 1px solid #8c8f94;
+	border-radius: 3px;
+	clip-path: inset(0 0 0 0);
+	color: transparent;
+	cursor: pointer;
+	transition: background-color 0.3s ease;
+}
+
+#aspireupdate-generate-api-key:hover {
+	background-color: #e3e3e3;
+}
+
+.aspireupdate-settings-field-wrapper p.error {
+	color: #bc3b3b;
+	display: none;
+}
+
+#voltron {
+	color: transparent;
+	font-size: 8px;
+	line-height: 6px;
+	display: inline-block;
+	cursor: default;
+}
+
+#voltron:hover {
+	animation: blink 1.8s ease-in-out infinite;
+	animation-delay: 5s;
+}
+
+@keyframes blink {
+	0%,
+	100% {
+		color: inherit;
+	}
+	50% {
+		color: transparent;
+	}
+}