Encode HTTP method into Request body as _method

app/javascript/turbo/fetch_requests.js

@@ -0,0 +1,19 @@
+export function encodeMethodIntoRequestBody(event) {
+  if (event.target instanceof HTMLFormElement) {
+    const { target: form, detail: { fetchOptions } } = event
+
+    form.addEventListener("turbo:submit-start", ({ detail: { formSubmission: { submitter } } }) => {
+      const method = (submitter && submitter.formMethod) || fetchOptions.body.get("_method") || form.getAttribute("method")
+
+      if (!/get/i.test(method)) {
+        if (/post/i.test(method)) {
+          fetchOptions.body.delete("_method")
+        } else {
+          fetchOptions.body.set("_method", method)
+        }
+
+        fetchOptions.method = "post"
+      }
+    }, { once: true })
+  }
+}

app/javascript/turbo/index.js

@@ -1,10 +1,11 @@
 import "./cable_stream_source_element"
-import { overrideMethodWithFormmethod } from "./form_submissions"
 
 import * as Turbo from "@hotwired/turbo"
 export { Turbo }
 
 import * as cable from "./cable"
 export { cable }
 
-addEventListener("turbo:submit-start", overrideMethodWithFormmethod)
+import { encodeMethodIntoRequestBody } from "./fetch_requests"
+
+addEventListener("turbo:before-fetch-request", encodeMethodIntoRequestBody)

package.json

@@ -13,7 +13,7 @@
     "release": "npm publish && git commit -am \"$npm_package_name v$npm_package_version\" && git push"
   },
   "dependencies": {
-    "@hotwired/turbo": "^7.1.0",
+    "@hotwired/turbo": "hotwired/dev-builds#@hotwired/turbo/28a5dc4",
     "@rails/actioncable": "^7.0"
   },
   "devDependencies": {

test/dummy/app/controllers/articles_controller.rb

@@ -1,4 +1,6 @@
 class ArticlesController < ApplicationController
+  before_action :assert_param_method!, only: [:update, :destroy]
+
   def index
     @articles = Article.all
   end
@@ -23,9 +25,21 @@ def create
     redirect_to articles_url
   end
 
+  def destroy
+    @article = Article.find params[:id]
+
+    @article.destroy!
+
+    redirect_to articles_url
+  end
+
   private
 
   def article_params
     params.require(:article).permit(:body)
   end
+
+  def assert_param_method!
+    raise unless params[:_method].present?
+  end
 end

test/dummy/app/views/articles/edit.html.erb

@@ -7,3 +7,5 @@
   <button>Submit as PATCH</button>
   <button formmethod="post" formaction="<%= articles_path %>">Submit as POST</button>
 <% end %>
+
+<%= link_to "Submit as DELETE", article_path(@article.id), data: { turbo_method: :delete } %>

test/system/form_submissions_test.rb

@@ -1,6 +1,16 @@
 require "application_system_test_case"
 
 class FormSubmissionsTest < ApplicationSystemTestCase
+  test "form submission method is encoded as _method" do
+    article = Article.create! body: "My article"
+
+    visit edit_article_path(article.id)
+    click_on "Submit as DELETE"
+
+    assert_text "Articles"
+    assert_no_text "My article"
+  end
+
   test "form submissions override _method when [formmethod] is present" do
     article = Article.create! body: "My article"
 

yarn.lock

@@ -23,10 +23,9 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@hotwired/turbo@^7.1.0":
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/@hotwired/turbo/-/turbo-7.1.0.tgz#27e44e0e3dc5bd1d4bda0766d579cf5a14091cd7"
-  integrity sha512-Q8kGjqwPqER+CtpQudbH+3Zgs2X4zb6pBAlr6NsKTXadg45pAOvxI9i4QpuHbwSzR2+x87HUm+rot9F/Pe8rxA==
+"@hotwired/turbo@hotwired/dev-builds#@hotwired/turbo/28a5dc4":
+  version "7.2.0-beta.2"
+  resolved "https://codeload.github.com/hotwired/dev-builds/tar.gz/932208825cd54cd40d0430e1fa85da2a425aa752"
 
 "@rails/actioncable@^7.0":
   version "7.0.1"