Turbo Native iOS에서 data-turbo-confirm이 동작하지 않는 이유 — WKUIDelegate 누락 문제

<!-- Rails가 생성하는 HTML -->
<form data-turbo-confirm="정말 삭제하시겠습니까?" method="post" action="/tournaments/1">
  <input type="hidden" name="_method" value="delete">
  <button type="submit">삭제</button>
</form>

// Turbo 내부 로직 (simplified)
if (element.dataset.turboConfirm) {
  const message = element.dataset.turboConfirm
  if (!confirm(message)) {  // ← 여기서 JS confirm() 호출
    event.preventDefault()   // false이면 폼 제출 취소
    return
  }
}

import UIKit
import WebKit

final class JSDialogHandler: NSObject, WKUIDelegate {

    // JS alert() → 네이티브 "확인" 버튼 1개짜리 다이얼로그
    func webView(
        _ webView: WKWebView,
        runJavaScriptAlertPanelWithMessage message: String,
        initiatedByFrame frame: WKFrameInfo,
        completionHandler: @escaping () -> Void
    ) {
        guard let vc = topViewController() else {
            completionHandler()
            return
        }
        let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert)
        alert.addAction(UIAlertAction(title: "확인", style: .default) { _ in
            completionHandler()
        })
        vc.present(alert, animated: true)
    }

    // JS confirm() → 네이티브 "확인"/"취소" 다이얼로그
    // data-turbo-confirm이 이것을 사용한다
    func webView(
        _ webView: WKWebView,
        runJavaScriptConfirmPanelWithMessage message: String,
        initiatedByFrame frame: WKFrameInfo,
        completionHandler: @escaping (Bool) -> Void
    ) {
        guard let vc = topViewController() else {
            completionHandler(false)
            return
        }
        let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert)
        alert.addAction(UIAlertAction(title: "확인", style: .destructive) { _ in
            completionHandler(true)
        })
        alert.addAction(UIAlertAction(title: "취소", style: .cancel) { _ in
            completionHandler(false)
        })
        vc.present(alert, animated: true)
    }

    // JS prompt() → 네이티브 텍스트 입력 다이얼로그
    func webView(
        _ webView: WKWebView,
        runJavaScriptTextInputPanelWithPrompt prompt: String,
        defaultText: String?,
        initiatedByFrame frame: WKFrameInfo,
        completionHandler: @escaping (String?) -> Void
    ) {
        guard let vc = topViewController() else {
            completionHandler(nil)
            return
        }
        let alert = UIAlertController(title: nil, message: prompt, preferredStyle: .alert)
        alert.addTextField { $0.text = defaultText }
        alert.addAction(UIAlertAction(title: "확인", style: .default) { _ in
            completionHandler(alert.textFields?.first?.text)
        })
        alert.addAction(UIAlertAction(title: "취소", style: .cancel) { _ in
            completionHandler(nil)
        })
        vc.present(alert, animated: true)
    }

    // 현재 화면 최상단의 ViewController를 찾는다
    private func topViewController() -> UIViewController? {
        guard let scene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
              let root = scene.windows.first(where: { $0.isKeyWindow })?.rootViewController
        else { return nil }
        return findTop(from: root)
    }

    private func findTop(from vc: UIViewController) -> UIViewController {
        if let p = vc.presentedViewController { return findTop(from: p) }
        if let n = vc as? UINavigationController, let t = n.topViewController { return findTop(from: t) }
        if let t = vc as? UITabBarController, let s = t.selectedViewController { return findTop(from: s) }
        return vc
    }
}

// AppDelegate.swift

// strong reference 필수! uiDelegate는 weak 참조이므로
private let jsDialogHandler = JSDialogHandler()

private func configureHotwire() {
    // ... 기존 설정 ...

    let handler = jsDialogHandler
    Hotwire.config.makeCustomWebView = { config in
        let webView = WKWebView(frame: .zero, configuration: config)
        webView.uiDelegate = handler  // 이 한 줄이 핵심
        return webView
    }
}

// ❌ 이렇게 하면 안 된다 — 클로저 실행 후 handler가 ARC에 의해 해제됨
Hotwire.config.makeCustomWebView = { config in
    let handler = JSDialogHandler()  // 지역 변수 → 클로저 종료 후 해제
    let webView = WKWebView(frame: .zero, configuration: config)
    webView.uiDelegate = handler     // weak 참조 → 바로 nil이 됨
    return webView
}

// ✅ 올바른 방법 — AppDelegate의 프로퍼티로 유지
private let jsDialogHandler = JSDialogHandler()  // strong reference

// ❌ completionHandler를 호출하지 않으면 앱이 크래시한다
func webView(_ webView: WKWebView,
             runJavaScriptConfirmPanelWithMessage message: String,
             initiatedByFrame frame: WKFrameInfo,
             completionHandler: @escaping (Bool) -> Void) {
    // completionHandler를 호출하지 않고 리턴하면 크래시!
}

// ✅ 모든 경로에서 반드시 호출
func webView(_ webView: WKWebView, ...) {
    guard let vc = topViewController() else {
        completionHandler(false)  // vc를 못 찾아도 반드시 호출
        return
    }
    // ... alert 표시 ...
}

// 디버깅용: Safari Web Inspector 활성화
webView.isInspectable = true

// round_count_controller.js
import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  static values = { addUrl: String, removeUrl: String, count: Number }

  increment() {
    if (!confirm("빈 라운드를 추가하시겠습니까?")) return
    this.submitAction(this.addUrlValue, "POST")
  }

  decrement() {
    if (this.countValue <= 0) return
    if (!confirm("마지막 라운드를 삭제하시겠습니까?")) return
    this.submitAction(this.removeUrlValue, "DELETE")
  }

  async submitAction(url, method) {
    const response = await fetch(url, {
      method: method,
      headers: {
        "Accept": "text/vnd.turbo-stream.html, text/html",
        "X-CSRF-Token": document.querySelector("meta[name='csrf-token']")?.content
      },
      credentials: "same-origin"
    })
    // Turbo Stream 응답이면 자동 처리, 아니면 페이지 리로드
    if (response.headers.get("content-type")?.includes("turbo-stream")) {
      Turbo.renderStreamMessage(await response.text())
    } else {
      window.location.reload()
    }
  }
}