How to open and configure a new Window in SwiftUI?

322 views Asked by At

I want to create a web browser that if a link opens in a new window it will open a new window (tab) with the new link.

struct WebBrowserApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

struct ContentView: View {
    @StateObject private var webBrowserModel = WebBrowserModel()
    
    var body: some View {
        WebBrowser(webView: webBrowserModel.webView)
            .frame(minWidth: 600, maxWidth: .infinity, minHeight: 800, maxHeight: .infinity)
            .onAppear() {
                webBrowserModel.webView.load(URLRequest(url: URL(string: "https://www.w3schools.com/jsref/met_win_prompt.asp")!))
            }
    }
}

struct WebBrowser: NSViewRepresentable {
    typealias NSViewType = WKWebView
    
    private let webView: WKWebView
    
    init(webView: WKWebView) {
        self.webView = webView
    }
    
    func makeNSView(context: Context) -> WKWebView {
        return self.webView
    }
    
    func updateNSView(_ webView: WKWebView, context: Context) {}
}

class WebBrowserModel: NSObject, ObservableObject, WKUIDelegate {
    lazy public var webView: WKWebView = {
        let configuration = WKWebViewConfiguration()
        let webView = WKWebView(frame: CGRect.zero, configuration: configuration)
        webView.uiDelegate = self
        return webView
    }()
    
    func webView(_ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures) -> WKWebView? {
        // Open new window-tab
        guard let originWindow = NSApp.keyWindow, let originWindowController = originWindow.windowController else {
            return nil
        }
        originWindowController.newWindowForTab(nil)
        guard let newWindow = NSApp.keyWindow, originWindow != newWindow else {
            return nil
        }
        originWindow.addTabbedWindow(newWindow, ordered: .above)

        // How to load the new link: navigationAction.request?

        return nil
    }
}
  • It will take the content within WindowGroup as a template to create the new window.
  • I have the new url in navigationAction.request.
  • So how am I getting the new link to open in the webView of the new window?

(Edit V2) With inspiration of the comments of @Asperi I created the following sample. I made a static var accessable from anywhere.

struct WebBrowserAppConfig {
    static var startURL: URL? = nil
}

I made a helper for creating a new window tab.

extension NSApplication {
    static func addTabbedWindowFromKeyWindow(ordered: NSWindow.OrderingMode) {
        guard let originWindow = NSApp.keyWindow, let originWindowController = originWindow.windowController else {
            return
        }
        originWindowController.newWindowForTab(nil)
        guard let newWindow = NSApp.keyWindow, originWindow != newWindow else {
            return
        }
        originWindow.addTabbedWindow(newWindow, ordered: ordered)
    }
}

I then set the configuration in the web delegate.

func webView(_ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures) -> WKWebView? {
    WebBrowserAppConfig.startURL = navigationAction.request.url
    NSApplication.addTabbedWindowFromKeyWindow(ordered: .above)
    return nil
}

I then access it within the SwiftUI view.

struct ContentView: View {
    @StateObject private var webBrowserModel = WebBrowserModel()

    var body: some View {
        WebBrowser(webView: webBrowserModel.webView)
            .frame(minWidth: 600, maxWidth: .infinity, minHeight: 800, maxHeight: .infinity)
            .onAppear() {
                if let url = WebBrowserAppConfig.startURL {
                    webBrowserModel.webView.load(URLRequest(url: url))
                } else {
                    webBrowserModel.webView.load(URLRequest(url: URL(string: "https://www.w3schools.com/jsref/met_win_prompt.asp")!))
                }
            }
    }
}

This works, although it feels really hacky.

0

There are 0 answers