src/Common.Tests/Giraffe.Htmx.Common.Tests.fsproj

@@ -0,0 +1,30 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+  <PropertyGroup>
+    <IsPackable>false</IsPackable>
+    <GenerateProgramFile>false</GenerateProgramFile>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <Compile Include="Tests.fs" />
+    <Compile Include="Program.fs" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="16.11.0" />
+    <PackageReference Include="xunit" Version="2.4.1" />
+    <PackageReference Include="xunit.runner.visualstudio" Version="2.4.3">
+      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+      <PrivateAssets>all</PrivateAssets>
+    </PackageReference>
+    <PackageReference Include="coverlet.collector" Version="3.1.0">
+      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+      <PrivateAssets>all</PrivateAssets>
+    </PackageReference>
+  </ItemGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\Common\Giraffe.Htmx.Common.fsproj" />
+  </ItemGroup>
+
+</Project>

src/Common.Tests/Program.fs

@@ -0,0 +1 @@
+module Program = let [<EntryPoint>] main _ = 0

src/Common.Tests/Tests.fs

@@ -0,0 +1,35 @@
+module Tests
+
+open Giraffe.Htmx
+open Xunit
+
+/// Tests for the HxSwap module
+module Swap =
+
+    [<Fact>]
+    let ``InnerHtml is correct`` () =
+        Assert.Equal ("innerHTML", HxSwap.InnerHtml)
+
+    [<Fact>]
+    let ``OuterHtml is correct`` () =
+        Assert.Equal ("outerHTML", HxSwap.OuterHtml)
+
+    [<Fact>]
+    let ``BeforeBegin is correct`` () =
+        Assert.Equal ("beforebegin", HxSwap.BeforeBegin)
+
+    [<Fact>]
+    let ``BeforeEnd is correct`` () =
+        Assert.Equal ("beforeend", HxSwap.BeforeEnd)
+
+    [<Fact>]
+    let ``AfterBegin is correct`` () =
+        Assert.Equal ("afterbegin", HxSwap.AfterBegin)
+
+    [<Fact>]
+    let ``AfterEnd is correct`` () =
+        Assert.Equal ("afterend", HxSwap.AfterEnd)
+
+    [<Fact>]
+    let ``None is correct`` () =
+        Assert.Equal ("none", HxSwap.None)

src/Common/Common.fs

@@ -0,0 +1,28 @@
+/// Common definitions shared between attribute values and response headers
+[<AutoOpen>]
+module Giraffe.Htmx.Common
+
+/// Valid values for the `hx-swap` attribute / `HX-Reswap` header (may be combined with swap/settle/scroll/show config)
+[<RequireQualifiedAccess>]
+module HxSwap =
+    
+    /// The default, replace the inner html of the target element
+    let InnerHtml = "innerHTML"
+    
+    /// Replace the entire target element with the response
+    let OuterHtml = "outerHTML"
+    
+    /// Insert the response before the target element
+    let BeforeBegin = "beforebegin"
+    
+    /// Insert the response before the first child of the target element
+    let AfterBegin = "afterbegin"
+    
+    /// Insert the response after the last child of the target element
+    let BeforeEnd = "beforeend"
+    
+    /// Insert the response after the target element
+    let AfterEnd = "afterend"
+    
+    /// Does not append content from response (out of band items will still be processed).
+    let None = "none"

src/Common/Giraffe.Htmx.Common.fsproj

@@ -0,0 +1,11 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+  <PropertyGroup>
+    <GenerateDocumentationFile>true</GenerateDocumentationFile>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <Compile Include="Common.fs" />
+  </ItemGroup>
+
+</Project>

src/Directory.Build.props

@@ -1,8 +1,9 @@
 <?xml version="1.0" encoding="utf-8" standalone="no"?>
 <Project ToolsVersion="15.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
     <PropertyGroup>
-        <VersionPrefix>1.7.0</VersionPrefix>
+        <TargetFramework>net6.0</TargetFramework>
-        <PackageReleaseNotes>Support new attributes/headers in htmx 1.7.0</PackageReleaseNotes>
+        <VersionPrefix>1.8.0</VersionPrefix>
+        <PackageReleaseNotes>Support new attributes/headers in htmx 1.8.0</PackageReleaseNotes>
         <Authors>danieljsummers</Authors>
         <Company>Bit Badger Solutions</Company>
         <PackageProjectUrl>https://github.com/bit-badger/Giraffe.Htmx</PackageProjectUrl>

src/Giraffe.Htmx.sln

@@ -0,0 +1,52 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 16
+VisualStudioVersion = 16.0.30114.105
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{F2A71F9B-5D33-465A-A702-920D77279786}") = "Giraffe.Htmx", "Htmx\Giraffe.Htmx.fsproj", "{8AB3085C-5236-485A-8565-A09106E72E1E}"
+EndProject
+Project("{F2A71F9B-5D33-465A-A702-920D77279786}") = "Giraffe.Htmx.Tests", "Htmx.Tests\Giraffe.Htmx.Tests.fsproj", "{D7CDD578-7A6F-4EF6-846A-80A55037E049}"
+EndProject
+Project("{F2A71F9B-5D33-465A-A702-920D77279786}") = "Giraffe.ViewEngine.Htmx", "ViewEngine.Htmx\Giraffe.ViewEngine.Htmx.fsproj", "{F718B3C1-EE01-4F04-ABCE-BF2AE700FDA9}"
+EndProject
+Project("{F2A71F9B-5D33-465A-A702-920D77279786}") = "Giraffe.ViewEngine.Htmx.Tests", "ViewEngine.Htmx.Tests\Giraffe.ViewEngine.Htmx.Tests.fsproj", "{F21C28CE-1F18-4CB0-B2F7-10DABE84FB78}"
+EndProject
+Project("{F2A71F9B-5D33-465A-A702-920D77279786}") = "Giraffe.Htmx.Common", "Common\Giraffe.Htmx.Common.fsproj", "{75D66845-F93A-4463-AD29-A8B16E4D4BA9}"
+EndProject
+Project("{F2A71F9B-5D33-465A-A702-920D77279786}") = "Giraffe.Htmx.Common.Tests", "Common.Tests\Giraffe.Htmx.Common.Tests.fsproj", "{E261A653-68D5-4D7B-99A4-F09282B50F8A}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{8AB3085C-5236-485A-8565-A09106E72E1E}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{8AB3085C-5236-485A-8565-A09106E72E1E}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{8AB3085C-5236-485A-8565-A09106E72E1E}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{8AB3085C-5236-485A-8565-A09106E72E1E}.Release|Any CPU.Build.0 = Release|Any CPU
+		{D7CDD578-7A6F-4EF6-846A-80A55037E049}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{D7CDD578-7A6F-4EF6-846A-80A55037E049}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{D7CDD578-7A6F-4EF6-846A-80A55037E049}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{D7CDD578-7A6F-4EF6-846A-80A55037E049}.Release|Any CPU.Build.0 = Release|Any CPU
+		{F718B3C1-EE01-4F04-ABCE-BF2AE700FDA9}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{F718B3C1-EE01-4F04-ABCE-BF2AE700FDA9}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{F718B3C1-EE01-4F04-ABCE-BF2AE700FDA9}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{F718B3C1-EE01-4F04-ABCE-BF2AE700FDA9}.Release|Any CPU.Build.0 = Release|Any CPU
+		{F21C28CE-1F18-4CB0-B2F7-10DABE84FB78}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{F21C28CE-1F18-4CB0-B2F7-10DABE84FB78}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{F21C28CE-1F18-4CB0-B2F7-10DABE84FB78}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{F21C28CE-1F18-4CB0-B2F7-10DABE84FB78}.Release|Any CPU.Build.0 = Release|Any CPU
+		{75D66845-F93A-4463-AD29-A8B16E4D4BA9}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{75D66845-F93A-4463-AD29-A8B16E4D4BA9}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{75D66845-F93A-4463-AD29-A8B16E4D4BA9}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{75D66845-F93A-4463-AD29-A8B16E4D4BA9}.Release|Any CPU.Build.0 = Release|Any CPU
+		{E261A653-68D5-4D7B-99A4-F09282B50F8A}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{E261A653-68D5-4D7B-99A4-F09282B50F8A}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{E261A653-68D5-4D7B-99A4-F09282B50F8A}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{E261A653-68D5-4D7B-99A4-F09282B50F8A}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+EndGlobal

src/Htmx.Tests/Giraffe.Htmx.Tests.fsproj

@@ -1,8 +1,6 @@
 <Project Sdk="Microsoft.NET.Sdk">
 
   <PropertyGroup>
-    <TargetFramework>net6.0</TargetFramework>
-
     <IsPackable>false</IsPackable>
     <GenerateProgramFile>false</GenerateProgramFile>
   </PropertyGroup>

src/Htmx.Tests/Tests.fs

@@ -207,25 +207,25 @@ module HandlerTests =
     let next (ctx : HttpContext) = Task.FromResult (Some ctx)
     
     [<Fact>]
-  let ``withHxPush succeeds`` () =
+    let ``withHxPushUrl succeeds`` () =
         let ctx = Substitute.For<HttpContext> ()
         let dic = HeaderDictionary ()
         ctx.Response.Headers.ReturnsForAnyArgs dic |> ignore
         task {
-      let! _ = withHxPush "/a-new-url" next ctx
+            let! _ = withHxPushUrl "/a-new-url" next ctx
-      Assert.True (dic.ContainsKey "HX-Push")
+            Assert.True (dic.ContainsKey "HX-Push-Url")
-      Assert.Equal ("/a-new-url", dic.["HX-Push"].[0])
+            Assert.Equal ("/a-new-url", dic["HX-Push-Url"][0])
         }
 
     [<Fact>]
-  let ``withHxNoPush succeeds`` () =
+    let ``withHxNoPushUrl succeeds`` () =
         let ctx = Substitute.For<HttpContext> ()
         let dic = HeaderDictionary ()
         ctx.Response.Headers.ReturnsForAnyArgs dic |> ignore
         task {
-      let! _ = withHxNoPush next ctx
+            let! _ = withHxNoPushUrl next ctx
-      Assert.True (dic.ContainsKey "HX-Push")
+            Assert.True (dic.ContainsKey "HX-Push-Url")
-      Assert.Equal ("false", dic.["HX-Push"].[0])
+            Assert.Equal ("false", dic["HX-Push-Url"][0])
         }
 
     [<Fact>]
@@ -236,7 +236,7 @@ module HandlerTests =
         task {
             let! _ = withHxRedirect "/somewhere-else" next ctx
             Assert.True (dic.ContainsKey "HX-Redirect")
-      Assert.Equal ("/somewhere-else", dic.["HX-Redirect"].[0])
+            Assert.Equal ("/somewhere-else", dic["HX-Redirect"][0])
         }
 
     [<Fact>]
@@ -247,7 +247,7 @@ module HandlerTests =
         task {
             let! _ = withHxRefresh true next ctx
             Assert.True (dic.ContainsKey "HX-Refresh")
-      Assert.Equal ("true", dic.["HX-Refresh"].[0])
+            Assert.Equal ("true", dic["HX-Refresh"][0])
         }
 
     [<Fact>]
@@ -258,7 +258,40 @@ module HandlerTests =
         task {
             let! _ = withHxRefresh false next ctx
             Assert.True (dic.ContainsKey "HX-Refresh")
-      Assert.Equal ("false", dic.["HX-Refresh"].[0])
+            Assert.Equal ("false", dic["HX-Refresh"][0])
+        }
+
+    [<Fact>]
+    let ``withHxReplaceUrl succeeds`` () =
+        let ctx = Substitute.For<HttpContext> ()
+        let dic = HeaderDictionary ()
+        ctx.Response.Headers.ReturnsForAnyArgs dic |> ignore
+        task {
+            let! _ = withHxReplaceUrl "/a-substitute-url" next ctx
+            Assert.True (dic.ContainsKey "HX-Replace-Url")
+            Assert.Equal ("/a-substitute-url", dic["HX-Replace-Url"][0])
+        }
+
+    [<Fact>]
+    let ``withHxNoReplaceUrl succeeds`` () =
+        let ctx = Substitute.For<HttpContext> ()
+        let dic = HeaderDictionary ()
+        ctx.Response.Headers.ReturnsForAnyArgs dic |> ignore
+        task {
+            let! _ = withHxNoReplaceUrl next ctx
+            Assert.True (dic.ContainsKey "HX-Replace-Url")
+            Assert.Equal ("false", dic["HX-Replace-Url"][0])
+        }
+
+    [<Fact>]
+    let ``withHxReswap succeeds`` () =
+        let ctx = Substitute.For<HttpContext> ()
+        let dic = HeaderDictionary ()
+        ctx.Response.Headers.ReturnsForAnyArgs dic |> ignore
+        task {
+            let! _ = withHxReswap HxSwap.BeforeEnd next ctx
+            Assert.True (dic.ContainsKey "HX-Reswap")
+            Assert.Equal (HxSwap.BeforeEnd, dic["HX-Reswap"][0])
         }
       
     [<Fact>]
@@ -269,7 +302,7 @@ module HandlerTests =
         task {
             let! _ = withHxRetarget "#somewhereElse" next ctx
             Assert.True (dic.ContainsKey "HX-Retarget")
-      Assert.Equal ("#somewhereElse", dic.["HX-Retarget"].[0])
+            Assert.Equal ("#somewhereElse", dic["HX-Retarget"][0])
         }
       
     [<Fact>]
@@ -280,7 +313,7 @@ module HandlerTests =
         task {
             let! _ = withHxTrigger "doSomething" next ctx
             Assert.True (dic.ContainsKey "HX-Trigger")
-      Assert.Equal ("doSomething", dic.["HX-Trigger"].[0])
+            Assert.Equal ("doSomething", dic["HX-Trigger"][0])
         }
 
     [<Fact>]
@@ -291,7 +324,7 @@ module HandlerTests =
         task {
             let! _ = withHxTriggerMany [ "blah", "foo"; "bleh", "bar" ] next ctx
             Assert.True (dic.ContainsKey "HX-Trigger")
-      Assert.Equal ("""{ "blah": "foo", "bleh": "bar" }""", dic.["HX-Trigger"].[0])
+            Assert.Equal ("""{ "blah": "foo", "bleh": "bar" }""", dic["HX-Trigger"][0])
         }
 
     [<Fact>]
@@ -302,7 +335,7 @@ module HandlerTests =
         task {
             let! _ = withHxTriggerAfterSettle "byTheWay" next ctx
             Assert.True (dic.ContainsKey "HX-Trigger-After-Settle")
-      Assert.Equal ("byTheWay", dic.["HX-Trigger-After-Settle"].[0])
+            Assert.Equal ("byTheWay", dic["HX-Trigger-After-Settle"][0])
         }
 
     [<Fact>]
@@ -313,7 +346,7 @@ module HandlerTests =
         task {
             let! _ = withHxTriggerManyAfterSettle [ "oof", "ouch"; "hmm", "uh" ] next ctx
             Assert.True (dic.ContainsKey "HX-Trigger-After-Settle")
-      Assert.Equal ("""{ "oof": "ouch", "hmm": "uh" }""", dic.["HX-Trigger-After-Settle"].[0])
+            Assert.Equal ("""{ "oof": "ouch", "hmm": "uh" }""", dic["HX-Trigger-After-Settle"][0])
         }
 
     [<Fact>]
@@ -324,7 +357,7 @@ module HandlerTests =
         task {
             let! _ = withHxTriggerAfterSwap "justASec" next ctx
             Assert.True (dic.ContainsKey "HX-Trigger-After-Swap")
-      Assert.Equal ("justASec", dic.["HX-Trigger-After-Swap"].[0])
+            Assert.Equal ("justASec", dic["HX-Trigger-After-Swap"][0])
         }
 
     [<Fact>]
@@ -335,6 +368,5 @@ module HandlerTests =
         task {
             let! _ = withHxTriggerManyAfterSwap [ "this", "1"; "that", "2" ] next ctx
             Assert.True (dic.ContainsKey "HX-Trigger-After-Swap")
-      Assert.Equal ("""{ "this": "1", "that": "2" }""", dic.["HX-Trigger-After-Swap"].[0])
+            Assert.Equal ("""{ "this": "1", "that": "2" }""", dic["HX-Trigger-After-Swap"][0])
         }
-

src/Htmx/Giraffe.Htmx.fsproj

@@ -1,7 +1,6 @@
 <Project Sdk="Microsoft.NET.Sdk">
 
   <PropertyGroup>
-    <TargetFramework>net6.0</TargetFramework>
     <GenerateDocumentationFile>true</GenerateDocumentationFile>
     <Description>htmx header extensions and helpers for Giraffe</Description>
     <PackageReadmeFile>README.md</PackageReadmeFile>
@@ -16,4 +15,8 @@
     <PackageReference Include="Giraffe" Version="5.0.0" />
   </ItemGroup>
 
+  <ItemGroup>
+    <ProjectReference Include="..\Common\Giraffe.Htmx.Common.fsproj" />
+  </ItemGroup>
+
 </Project>

src/Htmx/Htmx.fs

@@ -6,7 +6,7 @@ open System
 
 /// Determine if the given header is present
 let private hdr (headers : IHeaderDictionary) hdr =
-  match headers.[hdr] with it when it = StringValues.Empty -> None | it -> Some it.[0]
+    match headers[hdr] with it when it = StringValues.Empty -> None | it -> Some it[0]
 
 /// Extensions to the header dictionary
 type IHeaderDictionary with
@@ -62,13 +62,21 @@ module Handlers =
         |> String.concat ", "
         |> sprintf "{ %s }"
 
-  // Pushes a new url into the history stack
+    /// Pushes a new url into the history stack
-  let withHxPush : string -> HttpHandler =
+    let withHxPushUrl : string -> HttpHandler =
-    setHttpHeader "HX-Push"
+        setHttpHeader "HX-Push-Url"
 
-  // Explicitly do not push a new URL into the history stack
+    /// Explicitly do not push a new URL into the history stack
-  let withHxNoPush : HttpHandler =
+    let withHxNoPushUrl : HttpHandler =
-    toLowerBool false |> withHxPush
+        toLowerBool false |> withHxPushUrl
+      
+    /// Pushes a new url into the history stack
+    [<Obsolete "Use withHxPushUrl; HX-Push was replaced by HX-Push-Url in v1.8.0">]
+    let withHxPush = withHxPushUrl
+    
+    /// Explicitly do not push a new URL into the history stack
+    [<Obsolete "Use withHxNoPushUrl; HX-Push was replaced by HX-Push-Url in v1.8.0">]
+    let withHxNoPush = withHxNoPushUrl
       
     /// Can be used to do a client-side redirect to a new location
     let withHxRedirect : string -> HttpHandler =
@@ -78,6 +86,18 @@ module Handlers =
     let withHxRefresh : bool -> HttpHandler =
         toLowerBool >> setHttpHeader "HX-Refresh"
 
+    /// Replaces the current URL in the history stack
+    let withHxReplaceUrl : string -> HttpHandler =
+        setHttpHeader "HX-Replace-Url"
+
+    /// Explicitly do not replace the current URL in the history stack
+    let withHxNoReplaceUrl : HttpHandler =
+        toLowerBool false |> withHxReplaceUrl
+    
+    /// Override the `hx-swap` attribute from the initiating element
+    let withHxReswap : string -> HttpHandler =
+        setHttpHeader "HX-Reswap"
+
     /// Allows you to override the `hx-target` attribute
     let withHxRetarget : string -> HttpHandler =
         setHttpHeader "HX-Retarget"

src/ViewEngine.Htmx.Tests/Giraffe.ViewEngine.Htmx.Tests.fsproj

@@ -1,8 +1,6 @@
 <Project Sdk="Microsoft.NET.Sdk">
 
   <PropertyGroup>
-    <TargetFramework>net6.0</TargetFramework>
-
     <IsPackable>false</IsPackable>
     <GenerateProgramFile>false</GenerateProgramFile>
   </PropertyGroup>

src/ViewEngine.Htmx.Tests/Tests.fs

@@ -101,38 +101,6 @@ module Request =
         Assert.Equal ("\"noHeaders\": false", HxRequest.NoHeaders false)
 
   
-/// Tests for the HxSwap module
-module Swap =
-  
-  [<Fact>]
-  let ``InnerHtml is correct`` () =
-    Assert.Equal ("innerHTML", HxSwap.InnerHtml)
-
-  [<Fact>]
-  let ``OuterHtml is correct`` () =
-    Assert.Equal ("outerHTML", HxSwap.OuterHtml)
-
-  [<Fact>]
-  let ``BeforeBegin is correct`` () =
-    Assert.Equal ("beforebegin", HxSwap.BeforeBegin)
-
-  [<Fact>]
-  let ``BeforeEnd is correct`` () =
-    Assert.Equal ("beforeend", HxSwap.BeforeEnd)
-
-  [<Fact>]
-  let ``AfterBegin is correct`` () =
-    Assert.Equal ("afterbegin", HxSwap.AfterBegin)
-
-  [<Fact>]
-  let ``AfterEnd is correct`` () =
-    Assert.Equal ("afterend", HxSwap.AfterEnd)
-
-  [<Fact>]
-  let ``None is correct`` () =
-    Assert.Equal ("none", HxSwap.None)
-
-
 /// Tests for the HxTrigger module
 module Trigger =
 
@@ -403,12 +371,16 @@ module Attributes =
 
     [<Fact>]
     let ``_hxPushUrl succeeds`` () =
-    dl [ _hxPushUrl ] [] |> shouldRender """<dl hx-push-url></dl>"""
+        dl [ _hxPushUrl "/a-b-c" ] [] |> shouldRender """<dl hx-push-url="/a-b-c"></dl>"""
 
     [<Fact>]
     let ``_hxPut succeeds`` () =
         s [ _hxPut "/take-this" ] [] |> shouldRender """<s hx-put="/take-this"></s>"""
 
+    [<Fact>]
+    let ``_hxReplaceUrl succeeds`` () =
+        p [ _hxReplaceUrl "/something-else" ] [] |> shouldRender """<p hx-replace-url="/something-else"></p>"""
+
     [<Fact>]
     let ``_hxRequest succeeds`` () =
         u [ _hxRequest "noHeaders" ] [] |> shouldRender """<u hx-request="noHeaders"></u>"""
@@ -417,6 +389,10 @@ module Attributes =
     let ``_hxSelect succeeds`` () =
         nav [ _hxSelect "#navbar" ] [] |> shouldRender """<nav hx-select="#navbar"></nav>"""
 
+    [<Fact>]
+    let ``_hxSelectOob succeeds`` () =
+        section [ _hxSelectOob "#oob" ] [] |> shouldRender """<section hx-select-oob="#oob"></section>"""
+
     [<Fact>]
     let ``_hxSse succeeds`` () =
         footer [ _hxSse "connect:/my-events" ] [] |> shouldRender """<footer hx-sse="connect:/my-events"></footer>"""
@@ -457,11 +433,13 @@ module Script =
     [<Fact>]
     let ``Script.minified succeeds`` () =
         let html = RenderView.AsString.htmlNode Script.minified
-    Assert.Equal ("""<script src="https://unpkg.com/htmx.org@1.7.0" integrity="sha384-EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo" crossorigin="anonymous"></script>""",
+        Assert.Equal
+            ("""<script src="https://unpkg.com/htmx.org@1.8.0" integrity="sha384-cZuAZ+ZbwkNRnrKi05G/fjBX+azI9DNOkNYysZ0I/X5ZFgsmMiBXgDZof30F5ofc" crossorigin="anonymous"></script>""",
              html)
 
     [<Fact>]
     let ``Script.unminified succeeds`` () =
         let html = RenderView.AsString.htmlNode Script.unminified
-    Assert.Equal ("""<script src="https://unpkg.com/htmx.org@1.7.0/dist/htmx.js" integrity="sha384-ESk4PjE7dwjGkEciohREmmf8rLMX0E95MKwxM3bvC90sZ3XbF2TELnVk2w7bX0d9" crossorigin="anonymous"></script>""",
+        Assert.Equal
+            ("""<script src="https://unpkg.com/htmx.org@1.8.0/dist/htmx.js" integrity="sha384-mrsv860ohrJ5KkqRxwXXj6OIT6sONUxOd+1kvbqW351hQd7JlfFnM0tLetA76GU0" crossorigin="anonymous"></script>""",
              html)

src/ViewEngine.Htmx/Giraffe.ViewEngine.Htmx.fsproj

@@ -1,7 +1,6 @@
 <Project Sdk="Microsoft.NET.Sdk">
 
   <PropertyGroup>
-    <TargetFramework>net6.0</TargetFramework>
     <GenerateDocumentationFile>true</GenerateDocumentationFile>
     <Description>Extensions to Giraffe View Engine to support htmx attributes and their values</Description>
     <PackageReadmeFile>README.md</PackageReadmeFile>
@@ -16,4 +15,8 @@
     <PackageReference Include="Giraffe.ViewEngine" Version="1.4.0" />
   </ItemGroup>
 
+  <ItemGroup>
+    <ProjectReference Include="..\Common\Giraffe.Htmx.Common.fsproj" />
+  </ItemGroup>
+
 </Project>

src/ViewEngine.Htmx/Htmx.fs

@@ -11,8 +11,10 @@ let private toJson (kvps : (string * string) list) =
 /// Valid values for the `hx-encoding` attribute
 [<RequireQualifiedAccess>]
 module HxEncoding =
+    
     /// A standard HTTP form
     let Form          = "application/x-www-form-urlencoded"
+    
     /// A multipart form (used for file uploads)
     let MultipartForm = "multipart/form-data"
 
@@ -20,6 +22,7 @@ module HxEncoding =
 /// Helper to create the `hx-headers` attribute
 [<RequireQualifiedAccess>]
 module HxHeaders =
+    
     /// Create headers from a list of key/value pairs
     let From = toJson
 
@@ -27,12 +30,16 @@ module HxHeaders =
 /// Values / helpers for the `hx-params` attribute
 [<RequireQualifiedAccess>]
 module HxParams =
+    
     /// Include all parameters
     let All  = "*"
+    
     /// Include no parameters
     let None = "none"
+    
     /// Include the specified parameters
     let With   fields = match fields with [] -> "" | _ -> fields |> List.reduce (fun acc it -> $"{acc},{it}")
+    
     /// Exclude the specified parameters
     let Except fields = With fields |> sprintf "not %s"
 
@@ -40,108 +47,124 @@ module HxParams =
 /// Helpers to define `hx-request` attribute values
 [<RequireQualifiedAccess>]
 module HxRequest =
+    
     /// Convert a boolean to its lowercase string equivalent
     let private toLowerBool (it : bool) =
         (string it).ToLowerInvariant ()
+    
     /// Configure the request with various options
     let Configure (opts : string list) =
         opts
         |> String.concat ", "
         |> sprintf "{ %s }"
+    
     /// Set a timeout (in milliseconds)
     let Timeout (ms : int) = $"\"timeout\": {ms}"
+    
     /// Include or exclude credentials from the request
     let Credentials = toLowerBool >> sprintf "\"credentials\": %s"
+    
     /// Exclude or include headers from the request
     let NoHeaders = toLowerBool >> sprintf "\"noHeaders\": %s"
 
 
-/// Valid values for the `hx-swap` attribute (may be combined with swap/settle/scroll/show config)
-[<RequireQualifiedAccess>]
-module HxSwap =
-  /// The default, replace the inner html of the target element
-  let InnerHtml   = "innerHTML"
-  /// Replace the entire target element with the response
-  let OuterHtml   = "outerHTML"
-  /// Insert the response before the target element
-  let BeforeBegin = "beforebegin"
-  /// Insert the response before the first child of the target element
-  let AfterBegin  = "afterbegin"
-  /// Insert the response after the last child of the target element
-  let BeforeEnd   = "beforeend"
-  /// Insert the response after the target element
-  let AfterEnd    = "afterend"
-  /// Does not append content from response (out of band items will still be processed).
-  let None        = "none"
-
-
 /// Helpers for the `hx-trigger` attribute
 [<RequireQualifiedAccess>]
 module HxTrigger =
+    
     /// Append a filter to a trigger
     let private appendFilter filter (trigger : string) =
         match trigger.Contains "[" with
         | true ->
             let parts = trigger.Split ('[', ']')
-        $"{parts.[0]}[{parts.[1]}&&{filter}]"
+            $"{parts[0]}[{parts[1]}&&{filter}]"
         | false -> $"{trigger}[{filter}]"
+    
     /// Trigger the event on a click
     let Click = "click"
+    
     /// Trigger the event on page load
     let Load = "load"
+    
     /// Trigger the event when the item is visible
     let Revealed = "revealed"
+    
     /// Trigger this event every [timing declaration]
     let Every (duration : string) = $"every {duration}"
+    
     /// Helpers for defining filters
     module Filter =
+
         /// Only trigger the event if the `ALT` key is pressed
         let Alt          = appendFilter "altKey"
+        
         /// Only trigger the event if the `CTRL` key is pressed
         let Ctrl         = appendFilter "ctrlKey"
+        
         /// Only trigger the event if the `SHIFT` key is pressed
         let Shift        = appendFilter "shiftKey"
+        
         /// Only trigger the event if `CTRL+ALT` are pressed
         let CtrlAlt      = Ctrl    >> Alt
+        
         /// Only trigger the event if `CTRL+SHIFT` are pressed
         let CtrlShift    = Ctrl    >> Shift
+        
         /// Only trigger the event if `CTRL+ALT+SHIFT` are pressed
         let CtrlAltShift = CtrlAlt >> Shift
+        
         /// Only trigger the event if `ALT+SHIFT` are pressed
         let AltShift     = Alt     >> Shift
+    
     /// Append a modifier to the current trigger
     let private appendModifier modifier current =
-    match current with "" -> modifier | _ -> $"{current} {modifier}"
+        if current = "" then modifier else $"{current} {modifier}"
+    
     /// Only trigger once
     let Once = appendModifier "once"
+    
     /// Trigger when changed
     let Changed = appendModifier "changed"
+    
     /// Delay execution; resets every time the event is seen
     let Delay = sprintf "delay:%s" >> appendModifier
+    
     /// Throttle execution; ignore other events, fire when duration passes
     let Throttle = sprintf "throttle:%s" >> appendModifier
+    
     /// Trigger this event from a CSS selector
     let From = sprintf "from:%s" >> appendModifier
+    
     /// Trigger this event from the `document` object
     let FromDocument = From "document"
+    
     /// Trigger this event from the `window` object
     let FromWindow = From "window"
+    
     /// Trigger this event from the closest parent CSS selector
     let FromClosest = sprintf "closest %s" >> From
+    
     /// Trigger this event from the closest child CSS selector
     let FromFind = sprintf "find %s" >> From
+    
     /// Target the given CSS selector with the results of this event
     let Target = sprintf "target:%s" >> appendModifier
+    
     /// Prevent any further events from occurring after this one fires
     let Consume = appendModifier "consume"
+    
     /// Configure queueing when events fire when others are in flight; if unspecified, the default is "last"
     let Queue = sprintf "queue:%s" >> appendModifier
+    
     /// Queue the first event, discard all others (i.e., a FIFO queue of 1)
     let QueueFirst = Queue "first"
+    
     /// Queue the last event; discards current when another is received (i.e., a LIFO queue of 1)
     let QueueLast = Queue "last"
+    
     /// Queue all events; discard none
     let QueueAll = Queue "all"
+    
     /// Queue no events; discard all
     let QueueNone = Queue "none"
 
@@ -149,6 +172,7 @@ module HxTrigger =
 /// Helper to create the `hx-vals` attribute
 [<RequireQualifiedAccess>]
 module HxVals =
+    
     /// Create values from a list of key/value pairs
     let From = toJson
 
@@ -156,64 +180,100 @@ module HxVals =
 /// Attributes and flags for htmx
 [<AutoOpen>]
 module HtmxAttrs =
+    
     /// Progressively enhances anchors and forms to use AJAX requests (use `_hxNoBoost` to set to false)
     let _hxBoost      = attr "hx-boost" "true"
+    
     /// Shows a confirm() dialog before issuing a request
     let _hxConfirm    = attr "hx-confirm"
+    
     /// Issues a DELETE to the specified URL
     let _hxDelete     = attr "hx-delete"
+    
     /// Disables htmx processing for the given node and any children nodes
     let _hxDisable    = flag "hx-disable"
+    
     /// Disinherit all ("*") or specific htmx attributes
     let _hxDisinherit = attr "hx-disinherit"
+    
     /// Changes the request encoding type
     let _hxEncoding   = attr "hx-encoding"
+    
     /// Extensions to use for this element
     let _hxExt        = attr "hx-ext"
+    
     /// Issues a GET to the specified URL
     let _hxGet        = attr "hx-get"
+    
     /// Adds to the headers that will be submitted with the request
     let _hxHeaders    = attr "hx-headers"
+    
     /// The element to snapshot and restore during history navigation
     let _hxHistoryElt = flag "hx-history-elt"
+    
     /// Includes additional data in AJAX requests
     let _hxInclude    = attr "hx-include"
+    
     /// The element to put the htmx-request class on during the AJAX request
     let _hxIndicator  = attr "hx-indicator"
+    
     /// Overrides a previous `hx-boost`
     let _hxNoBoost    = attr "hx-boost" "false"
+    
     /// Filters the parameters that will be submitted with a request
     let _hxParams     = attr "hx-params"
+    
     /// Issues a PATCH to the specified URL
     let _hxPatch      = attr "hx-patch"
+    
     /// Issues a POST to the specified URL
     let _hxPost       = attr "hx-post"
+    
     /// Preserves an element between requests
     let _hxPreserve   = attr "hx-preserve" "true"
+    
     /// Shows a prompt before submitting a request
     let _hxPrompt     = attr "hx-prompt"
+    
     /// Pushes the URL into the location bar, creating a new history entry
-  let _hxPushUrl    = flag "hx-push-url"
+    let _hxPushUrl    = attr "hx-push-url"
+    
     /// Issues a PUT to the specified URL
     let _hxPut        = attr "hx-put"
+    
+    /// Replaces the current URL in the browser's history stack
+    let _hxReplaceUrl = attr "hx-replace-url"
+    
     /// Configures various aspects of the request
     let _hxRequest    = attr "hx-request"
+    
     /// Selects a subset of the server response to process
     let _hxSelect     = attr "hx-select"
+    
+    /// Selects a subset of an out-of-band server response
+    let _hxSelectOob  = attr "hx-select-oob"
+    
     /// Establishes and listens to Server Sent Event (SSE) sources for events
     let _hxSse        = attr "hx-sse"
+    
     /// Controls how the response content is swapped into the DOM (e.g. 'outerHTML' or 'beforeEnd')
     let _hxSwap       = attr "hx-swap"
+    
     /// Marks content in a response as being "Out of Band", i.e. swapped somewhere other than the target
     let _hxSwapOob    = attr "hx-swap-oob"
+    
     /// Synchronize events based on another element
     let _hxSync       = attr "hx-sync"
+    
     /// Specifies the target element to be swapped
     let _hxTarget     = attr "hx-target"
+    
     /// Specifies the event that triggers the request
     let _hxTrigger    = attr "hx-trigger"
+    
     /// Adds to the parameters that will be submitted with the request
     let _hxVals       = attr "hx-vals"
+    
     /// Establishes a WebSocket or sends information to one
     let _hxWs         = attr "hx-ws"
 
@@ -223,16 +283,12 @@ module Script =
   
     /// Script tag to load the minified version from unpkg.com
     let minified =
-    script [
+        script [ _src         "https://unpkg.com/htmx.org@1.8.0"
-      _src         "https://unpkg.com/htmx.org@1.7.0"
+                 _integrity   "sha384-cZuAZ+ZbwkNRnrKi05G/fjBX+azI9DNOkNYysZ0I/X5ZFgsmMiBXgDZof30F5ofc"
-      _integrity   "sha384-EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo"
+                 _crossorigin "anonymous" ] []
-      _crossorigin "anonymous"
-      ] []
 
     /// Script tag to load the unminified version from unpkg.com
     let unminified =
-    script [
+        script [ _src         "https://unpkg.com/htmx.org@1.8.0/dist/htmx.js"
-      _src         "https://unpkg.com/htmx.org@1.7.0/dist/htmx.js"
+                 _integrity   "sha384-mrsv860ohrJ5KkqRxwXXj6OIT6sONUxOd+1kvbqW351hQd7JlfFnM0tLetA76GU0"
-      _integrity   "sha384-ESk4PjE7dwjGkEciohREmmf8rLMX0E95MKwxM3bvC90sZ3XbF2TELnVk2w7bX0d9"
+                 _crossorigin "anonymous" ] []
-      _crossorigin "anonymous"
-      ] []