Merge branch 'refs/heads/main' into Kreyu#88

# Conflicts:
#	assets/package.json

.github/workflows/code-quality.yml

@@ -1,9 +1,11 @@
 name: Code Quality
 
 on:
-  - push
-  - pull_request
-  - workflow_dispatch
+  push:
+  pull_request:
+  workflow_dispatch:
+    paths:
+      - '**.php'
 
 jobs:
   php-cs-fixer:
@@ -22,7 +24,12 @@ jobs:
         uses: ramsey/composer-install@v2
 
       - name: Run php-cs-fixer
-        run: ./vendor/bin/php-cs-fixer fix --dry-run --diff
+        run: ./vendor/bin/php-cs-fixer fix --diff
+
+      - name: Commit php-cs-fixer changes
+        uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          commit_message: Apply php-cs-fixer changes
 
   phpstan:
     runs-on: ubuntu-latest

.github/workflows/testing.yml

@@ -1,17 +1,19 @@
 name: Testing
 
 on:
-  - push
-  - pull_request
-  - workflow_dispatch
+  push:
+  pull_request:
+  workflow_dispatch:
+    paths:
+      - '**.php'
 
 jobs:
   phpunit:
     runs-on: ubuntu-latest
     strategy:
       fail-fast: false
       matrix:
-        php-version: ['8.1', '8.2', '8.3']
+        php-version: ['8.1', '8.2', '8.3', '8.4']
         dependency-version: ['lowest', 'highest']
     steps:
       - name: Checkout

README.md

@@ -2,12 +2,12 @@
 
 <img align="right" width="200px" src="./docs/src/public/logo.png"/>
 
-[![Latest Stable Version](http://poser.pugx.org/kreyu/data-table-bundle/v)](https://packagist.org/packages/kreyu/data-table-bundle)
+![Packagist Version](https://img.shields.io/packagist/v/kreyu/data-table-bundle?label=version&color=%237986CB&link=https%3A%2F%2Fpackagist.org%2Fpackages%2Fkreyu%2Fdata-table-bundle)
 
 Streamlines the creation process of the data tables in Symfony applications.
 
 > [!WARNING]
-> This bundle is still in early stages of development and is likely to **change**, or even **change drastically**.
+> This bundle is still in development and is likely to **change**, or even **change drastically**.
 > It is **NOT** production ready, and backwards compatibility is **NOT** guaranteed until the first stable release. 
 
 ## Documentation

assets/controllers/batch.js

@@ -1,5 +1,6 @@
 import {Controller} from '@hotwired/stimulus'
 
+/* stimulusFetch: 'lazy' */
 export default class extends Controller {
     static targets = [
         'selectAllCheckbox',
@@ -41,8 +42,12 @@ export default class extends Controller {
     #updateBatchActionBar() {
         const uniqueSelectedCount = this.#getUniqueSelectedCount();
 
-        this.selectedCounterTarget.innerHTML = uniqueSelectedCount;
-        this.batchActionBarTarget.hidden = uniqueSelectedCount === 0;
+        if (this.hasSelectedCounterTarget) {
+            this.selectedCounterTarget.innerHTML = uniqueSelectedCount;
+        }
+        if (this.hasBatchActionBarTarget) {
+            this.batchActionBarTarget.hidden = uniqueSelectedCount === 0;
+        }
     }
 
     #updateIndeterminateStates() {

assets/controllers/personalization.js

@@ -1,6 +1,7 @@
 import { Controller } from '@hotwired/stimulus'
 import Sortable from 'sortablejs'
 
+/* stimulusFetch: 'lazy' */
 export default class extends Controller {
     static targets = [ 'visibleColumns', 'hiddenColumns' ]
 

assets/controllers/state.js

@@ -0,0 +1,45 @@
+import { Controller } from '@hotwired/stimulus'
+
+/* stimulusFetch: 'lazy' */
+export default class extends Controller {
+    static values = {
+        urlQueryParameters: Object,
+    }
+
+    connect() {
+        this.#appendUrlQueryParameters();
+    }
+
+    #appendUrlQueryParameters() {
+        const url = new URL(window.location.href);
+
+        const parameters = this.#flattenParameters(this.urlQueryParametersValue);
+
+        for (const [key, value] of Object.entries(parameters)) {
+            if (!url.searchParams.has(key)) {
+                url.searchParams.set(key, String(value));
+            }
+        }
+
+        if (url.toString() !== window.location.href) {
+            window.history.replaceState(null, null, url);
+            Turbo.navigator.history.push(url);
+        }
+    }
+
+    #flattenParameters(input, keyName) {
+        let result = {};
+
+        for (const key in input) {
+            const newKey =  keyName ? `${keyName}[${key}]` : key;
+
+            if (typeof input[key] === "object" && !Array.isArray(input[key])) {
+                result = { ...result, ...this.#flattenParameters(input[key], newKey) }
+            } else {
+                result[newKey] = input[key];
+            }
+        }
+
+        return result;
+    }
+}

assets/package.json

@@ -15,10 +15,15 @@
                 "fetch": "eager",
                 "enabled": true
             },
-            "dropdown": {
-                "main": "controllers/dropdown.js",
+            "state": {
+                "main": "controllers/state.js",
                 "fetch": "eager",
                 "enabled": true
+            },
+            "dropdown": {
+              "main": "controllers/dropdown.js",
+              "fetch": "eager",
+              "enabled": true
             }
         },
         "importmap": {

docs/.vitepress/config.mts

@@ -53,6 +53,7 @@ export default defineConfig({
             { text: 'Persistence', link: '/docs/features/persistence' },
             { text: 'Theming', link: '/docs/features/theming' },
             { text: 'Asynchronicity', link: '/docs/features/asynchronicity' },
+            { text: 'Profiler', link: '/docs/features/profiler' },
             { text: 'Extensibility', link: '/docs/features/extensibility' },
           ]
         },