Allow stream action to expand into multiple actions

e.g. by including 'onclick()' event handler

app/helpers/application_helper.rb

@@ -102,8 +102,10 @@ module ApplicationHelper
     tag.tr tag.td t('.no_items'), colspan: 10, class: 'hint'
   end
 
-  def turbo_stream_handler(partial)
-    "Turbo.renderStreamMessage('#{j(render partial: partial)}'); return false;"
+  def render_turbo_stream(partial, locals)
+    # TODO: extend with smth like "if outside of rendering, render; otherwise
+    # appendChild() template within current render"
+    "Turbo.renderStreamMessage('#{j(render partial: partial, locals: locals)}'); return false;"
   end
 
   private

app/javascript/application.js

@@ -1,4 +1,5 @@
-// Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
+// Configure your import map in config/importmap.rb. Read more:
+// https://github.com/rails/importmap-rails
 import "@hotwired/turbo-rails"
 
 function showPage(event) {
@@ -6,6 +7,31 @@ function showPage(event) {
 }
 document.addEventListener('turbo:load', showPage)
 
+/*
+function beforeStreamRender(event) {
+  console.log(event.target)
+}
+document.addEventListener('turbo:before-stream-render', beforeStreamRender)
+*/
+
+Turbo.session.streamMessageRenderer.appendFragment = async function (fragment) {
+  for (let child of [...fragment.children]) {
+    document.documentElement.appendChild(child)
+    if (child.action == "click") {
+      await new Promise((resolve) => {
+        new MutationObserver((mutations, observer) => {
+          mutations.forEach((m) => {
+            if ([...m.removedNodes].includes(child)) {
+              resolve(child)
+              observer.disconnect()
+            }
+          })
+        }).observe(document.documentElement, {childList: true})
+      })
+    }
+  }
+}
+
 
 Turbo.StreamActions.disable = function() {
   this.targetElements.forEach((e) => {
@@ -24,6 +50,15 @@ Turbo.StreamActions.enable = function() {
   })
 }
 
+Turbo.StreamActions.blur = function() {
+  blur()
+}
+
 Turbo.StreamActions.focus = function() {
+  // NOTE: call blur() before setting focus?
   this.targetElements[0].focus({focusVisible: true})
 }
+
+Turbo.StreamActions.click = function() {
+  this.targetElements.forEach((e) => { e.click() })
+}

app/views/units/_form.html.erb

@@ -19,7 +19,7 @@
     <td class="actions">
       <%= form.submit form: :unit_form %>
       <%= image_link_to t(:cancel), "close-circle-outline", units_path, class: 'dangerous',
-        onclick: turbo_stream_handler('form_close'), name: :cancel %>
+        name: :cancel, onclick: render_turbo_stream('form_close', {id: id}) %>
     </td>
   </tr>
   <!-- TODO: display error_messages_for unit -->

config/initializers/turbo_stream_actions.rb

@@ -15,7 +15,19 @@ ActiveSupport.on_load :turbo_streams_tag_builder do
     action_all :enable, targets, allow_inferred_rendering: false
   end
 
+  def blur_all
+    action :blur, nil, allow_inferred_rendering: false
+  end
+
   def focus(target)
     action :focus, target, allow_inferred_rendering: false
   end
+
+  def click(target)
+    action :click, target, allow_inferred_rendering: false
+  end
+
+  def click_all(targets)
+    action_all :click, targets, allow_inferred_rendering: false
+  end
 end