Send live action arguments to backend

Author: norkunas

src/LiveComponent/assets/dist/live_controller.js

@@ -1070,7 +1070,7 @@ class default_1 extends Controller {
         directives.forEach((directive) => {
             const _executeAction = () => {
                 this._clearWaitingDebouncedRenders();
-                this._makeRequest(directive.action);
+                this._makeRequest(directive.action, directive.args.length > 0 ? directive.args : directive.named);
             };
             let handled = false;
             directive.modifiers.forEach((modifier) => {
@@ -1162,11 +1162,23 @@ class default_1 extends Controller {
             }, this.debounceValue || DEFAULT_DEBOUNCE);
         }
     }
-    _makeRequest(action) {
+    _makeRequest(action, values) {
         const splitUrl = this.urlValue.split('?');
         let [url] = splitUrl;
         const [, queryString] = splitUrl;
         const params = new URLSearchParams(queryString || '');
+        let valueParams = null;
+        if (Array.isArray(values)) {
+            valueParams = new URLSearchParams();
+            values.forEach((v, i) => valueParams.set(i, v));
+        }
+        else if (typeof values === 'object' && Object.keys(values).length > 0) {
+            valueParams = new URLSearchParams();
+            Object.keys(values).forEach(k => valueParams.set(k, values[k]));
+        }
+        if (valueParams !== null) {
+            params.set('values', valueParams.toString());
+        }
         const fetchOptions = {};
         fetchOptions.headers = {
             'Accept': 'application/vnd.live-component+json',

src/LiveComponent/assets/src/live_controller.ts

@@ -144,7 +144,7 @@ export default class extends Controller {
                 // taking precedence
                 this._clearWaitingDebouncedRenders();
 
-                this._makeRequest(directive.action);
+                this._makeRequest(directive.action, directive.args.length > 0 ? directive.args : directive.named);
             }
 
             let handled = false;
@@ -296,11 +296,26 @@ export default class extends Controller {
         }
     }
 
-    _makeRequest(action: string|null) {
+    _makeRequest(action: string|null, values: Array<string>|object) {
         const splitUrl = this.urlValue.split('?');
         let [url] = splitUrl
         const [, queryString] = splitUrl;
         const params = new URLSearchParams(queryString || '');
+        let valueParams = null;
+
+        if (Array.isArray(values)) {
+            valueParams = new URLSearchParams();
+
+            values.forEach((v, i) => valueParams.set(i, v));
+        } else if (typeof values === 'object' && Object.keys(values).length > 0) {
+            valueParams = new URLSearchParams();
+
+            Object.keys(values).forEach(k => valueParams.set(k, values[k]));
+        }
+
+        if (valueParams !== null) {
+            params.set('values', valueParams.toString());
+        }
 
         const fetchOptions: RequestInit = {};
         fetchOptions.headers = {