【メモ】Hotwired Turboを採用した時にカスタマイズした2点

    # =========================================
    # turbo_frame用のflash
    # =========================================
    helper_method %i(
     is_turbo_frame_request?
    )
    def is_turbo_frame_request?
      return turbo_frame_request? || request.format.to_s.match?('turbo-stream')
    end
    after_action :flash_turbo_frame
    def flash_turbo_frame
      return if response.redirect?
      message = {}
      if turbo_frame_request? || request.format.to_s.match?('turbo-stream')
        message = flash.inject({}) do |hash, (type, _message)|
          # 日本語のメッセージをレスポンスヘッダに含めるために URL エンコードしておく。
          hash[type] = CGI.escape("#{ERB::Util.html_escape(_message)}")
          hash
        end.to_json
        
	flash.discard # flashの中身を全部消す / 消さないと次の遷移時まで残って変なタイミングでflashが出る
	
        # レスポンスがtubo frameかどうかをHeaderに入れる（フロントのjsでturbo frameか確認する為に使う）
        response.set_header(
          'X-Turbo-Connect',
          true
        )
      end
      
      # flash messageをheaderに突っ込む
      response.set_header(
        'X-Flash-Messages',
        message
      )
    end

// flashメッセージを出力する
<% if !is_turbo_frame_request? %>
  <% %i(success notice error).each do |_type| %>
    <% next if flash[_type].blank? %>
    <script>
      alert("<%= _type %> -> <%= j flash[_type] %>")
    </script>
  <% end %>
<% end %>  

document.addEventListener('turbo:before-fetch-response', (event) => {
  var json = JSON.parse(
    event.detail.fetchResponse.header('X-Flash-Messages')
  )
  // メッセージを表示する
  for(const key in json){
    alert(key + ':' + decodeURI(json[key]))
  }
})

document.addEventListener('turbo:before-fetch-response', (event) => {
  var json = JSON.parse(
    event.detail.fetchResponse.header('X-Flash-Messages')
  )
  // メッセージを表示する
  for(const key in json){
    alert(key + ':' + decodeURI(json[key]))
  }
  
  // ---------------
  // 追加
  // ---------------
  // turbo frameから リダイレクトを望まれていたらリダイレクトする
  if(event.detail.fetchResponse.header('X-Turbo-Connect') && typeof (event.detail.fetchResponse) !== 'undefined') {
    var response = event.detail.fetchResponse.response
    if (response.redirected) {
      console.log('need redirect')
      event.preventDefault()
      Turbo.visit(response.url, {action: 'replace'})
    }
  }
})