refactor: use hxor-eventid instead of hx-headers for htmxor event han…

…dler id

src/Htmxor/Constants.cs

@@ -36,6 +36,8 @@ public static class Attributes
 		public const string HxTarget = "hx-target";
 		public const string HxSwap = "hx-swap";
 		public const string HxHeaders = "hx-headers";
+
+		internal const string HxorEventId = "hxor-eventid";
 	}
 
 	/// <summary>

src/Htmxor/HtmxConfig.cs

@@ -91,7 +91,7 @@ public partial record class HtmxConfig
 
 	/// <summary>
 	/// Defaults to <see langword="true" /> if this property is null. 
-	/// Can be used to disable htmx’s use of eval for certain features (e.g. trigger filters).
+	/// Can be used to disable htmx’s use of eval for certain features (e.g. trigger filters).
 	/// </summary>
 	[JsonPropertyName("allowEval")]
 	public bool? AllowEval { get; set; }
@@ -218,4 +218,4 @@ public partial record class HtmxConfig
 
 	[JsonInclude, JsonPropertyName("antiforgery")]
 	internal HtmxorAntiforgeryOptions? Antiforgery { get; init; }
-}
+}

src/Htmxor/Http/HtmxRequestHeaderNames.cs

@@ -1,4 +1,4 @@
-namespace Htmxor.Http;
+namespace Htmxor.Http;
 
 /// <summary>
 /// The HTMX request header names.
@@ -49,5 +49,5 @@ public static class HtmxRequestHeaderNames
 	/// <summary>
 	/// The `id` of the event handler to trigger on request.
 	/// </summary>
-	internal const string EventHandlerId = "Htmxor-Event-Handler-Id";
+	internal const string EventHandlerId = "HXOR-Event-Handler-Id";
 }

src/Htmxor/Rendering/HtmxorRenderer.HtmlWriting.cs

@@ -438,18 +438,14 @@ void EmitFormActionIfNotExplicit(TextWriter output, bool isForm, bool hasExplici
 
 		void EmitHtmxorEventHandlerId(TextWriter output)
 		{
-			// TODO: handle hx-header already existing.
-			// hx-headers='{"myHeader": "My Value"}'
 			if (hasHxAction && hxEventHandlerId > 0)
 			{
 				output.Write(' ');
-				output.Write(Constants.Attributes.HxHeaders);
+				output.Write(Constants.Attributes.HxorEventId);
 				output.Write('=');
-				output.Write("'{\"");
-				output.Write(HtmxRequestHeaderNames.EventHandlerId);
-				output.Write("\":\"");
+				output.Write('\"');
 				output.Write(htmxorEventsByEventHandlerId[hxEventHandlerId].HtmxorEventId);
-				output.Write("\"}'");
+				output.Write('\"');
 			}
 		}
 	}

src/Htmxor/wwwroot/htmxor.js

@@ -1,25 +1,29 @@
 document.addEventListener('htmx:configRequest', (evt) => {
-    const httpVerb = evt.detail.verb.toUpperCase();
-    if (httpVerb === 'GET' || httpVerb === 'HEAD' || httpVerb === 'OPTIONS' || httpVerb === 'TRACE')
-        return;
+	const httpVerb = evt.detail.verb.toUpperCase();
+	if (httpVerb === 'GET' || httpVerb === 'HEAD' || httpVerb === 'OPTIONS' || httpVerb === 'TRACE')
+		return;
 
-    const antiforgery = htmx.config.antiforgery;
+	const antiforgery = htmx.config.antiforgery;
 
-    if (antiforgery) {
+	if (antiforgery) {
 
-        // already specified on form, short circuit
-        if (evt.detail.parameters[antiforgery.formFieldName])
-            return;
+		// already specified on form, short circuit
+		if (evt.detail.parameters[antiforgery.formFieldName])
+			return;
 
-        const requestToken = document.cookie
-            .split("; ")
-            .find(row => row.startsWith(antiforgery.cookieName + "="))
-            .split("=")[1];
+		const requestToken = document.cookie
+			.split("; ")
+			.find(row => row.startsWith(antiforgery.cookieName + "="))
+			.split("=")[1];
 
-        if (antiforgery.headerName) {
-            evt.detail.headers[antiforgery.headerName] = requestToken;
-        } else {
-            evt.detail.parameters[antiforgery.formFieldName] = requestToken;
-        }
-    }
-});
+		if (antiforgery.headerName) {
+			evt.detail.headers[antiforgery.headerName] = requestToken;
+		} else {
+			evt.detail.parameters[antiforgery.formFieldName] = requestToken;
+		}
+	}
+});
+
+document.addEventListener('htmx:configRequest', (evt) => {
+	evt.detail.headers["HXOR-Event-Handler-Id"] = evt.detail.elt.attributes['hxor-eventid'].value;
+});