NativeScript/packages/core/ui/web-view/index.ios.ts

import { WebViewNavigationType } from '.';
import { disableZoomProperty, WebViewBase } from './web-view-common';
import { profile } from '../../profiling';
import { Trace } from '../../trace';
export * from './web-view-common';
import { knownFolders } from '../../file-system';
import { booleanConverter } from '../core/view-base';

@NativeClass
class WKNavigationDelegateImpl extends NSObject implements WKNavigationDelegate {
	public static ObjCProtocols = [WKNavigationDelegate];
	public static initWithOwner(owner: WeakRef<WebView>): WKNavigationDelegateImpl {
		const handler = <WKNavigationDelegateImpl>WKNavigationDelegateImpl.new();
		handler._owner = owner;

		return handler;
	}
	private _owner: WeakRef<WebView>;

	public webViewDecidePolicyForNavigationActionDecisionHandler(webView: WKWebView, navigationAction: WKNavigationAction, decisionHandler: any): void {
		const owner = this._owner?.deref();
		if (owner && navigationAction.request.URL) {
			let navType: WebViewNavigationType = 'other';

			switch (navigationAction.navigationType) {
				case WKNavigationType.LinkActivated:
					navType = 'linkClicked';
					break;
				case WKNavigationType.FormSubmitted:
					navType = 'formSubmitted';
					break;
				case WKNavigationType.BackForward:
					navType = 'backForward';
					break;
				case WKNavigationType.Reload:
					navType = 'reload';
					break;
				case WKNavigationType.FormResubmitted:
					navType = 'formResubmitted';
					break;
			}
			decisionHandler(WKNavigationActionPolicy.Allow);

			if (Trace.isEnabled()) {
				Trace.write('WKNavigationDelegateClass.webViewDecidePolicyForNavigationActionDecisionHandler(' + navigationAction.request.URL.absoluteString + ', ' + navigationAction.navigationType + ')', Trace.categories.Debug);
			}
			owner._onLoadStarted(navigationAction.request.URL.absoluteString, navType);
		}
	}

	public webViewDidStartProvisionalNavigation(webView: WKWebView, navigation: WKNavigation): void {
		if (Trace.isEnabled()) {
			Trace.write('WKNavigationDelegateClass.webViewDidStartProvisionalNavigation(' + webView.URL + ')', Trace.categories.Debug);
		}
	}

	public webViewDidFinishNavigation(webView: WKWebView, navigation: WKNavigation): void {
		if (Trace.isEnabled()) {
			Trace.write('WKNavigationDelegateClass.webViewDidFinishNavigation(' + webView.URL + ')', Trace.categories.Debug);
		}
		const owner = this._owner?.deref();
		if (owner) {
			let src = owner.src;
			if (webView.URL) {
				src = webView.URL.absoluteString;
			}
			owner._onLoadFinished(src);
		}
	}

	public webViewDidFailNavigationWithError(webView: WKWebView, navigation: WKNavigation, error: NSError): void {
		const owner = this._owner?.deref();
		if (owner) {
			let src = owner.src;
			if (webView.URL) {
				src = webView.URL.absoluteString;
			}
			if (Trace.isEnabled()) {
				Trace.write('WKNavigationDelegateClass.webViewDidFailNavigationWithError(' + error.localizedDescription + ')', Trace.categories.Debug);
			}
			owner._onLoadFinished(src, error.localizedDescription);
		}
	}

	public webViewDidFailProvisionalNavigationWithError(webView: WKWebView, navigation: WKNavigation, error: NSError): void {
		const owner = this._owner?.deref();
		if (owner) {
			let src = owner.src;
			if (webView.URL) {
				src = webView.URL.absoluteString;
			}
			if (Trace.isEnabled()) {
				Trace.write('WKNavigationDelegateClass.webViewDidFailProvisionalNavigationWithError(' + error.localizedDescription + ')', Trace.categories.Debug);
			}
			owner._onLoadFinished(src, error.localizedDescription);
		}
	}
}

@NativeClass
class WKUIDelegateImpl extends NSObject implements WKUIDelegate {
	public static ObjCProtocols = [WKUIDelegate];
	public static initWithOwner(owner: WeakRef<WebView>): WKUIDelegateImpl {
		const handler = <WKUIDelegateImpl>WKUIDelegateImpl.new();
		handler._owner = owner;
		return handler;
	}
	private _owner: WeakRef<WebView>;

	webViewCreateWebViewWithConfigurationForNavigationActionWindowFeatures(webView: WKWebView, configuration: WKWebViewConfiguration, navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures): WKWebView {
		if (navigationAction && (!navigationAction.targetFrame || (navigationAction.targetFrame && !navigationAction.targetFrame.mainFrame))) {
			webView.loadRequest(navigationAction.request);
		}
		return null;
	}
}

@NativeClass
@ObjCClass(UIScrollViewDelegate)
class UIScrollViewDelegateImpl extends NSObject implements UIScrollViewDelegate {
	public static initWithOwner(owner: WeakRef<WebView>): UIScrollViewDelegateImpl {
		const handler = <UIScrollViewDelegateImpl>UIScrollViewDelegateImpl.new();
		handler._owner = owner;

		return handler;
	}

	private _owner: WeakRef<WebView>;

	private _initCurrentValues(scrollView: UIScrollView) {
		const owner = this._owner?.deref();
		if (owner && (owner._minimumZoomScale === undefined || owner._maximumZoomScale === undefined || owner._zoomScale === undefined)) {
			owner._minimumZoomScale = scrollView.minimumZoomScale;
			owner._maximumZoomScale = scrollView.maximumZoomScale;
			owner._zoomScale = scrollView.zoomScale;
		}
	}

	private _handleDisableZoom(scrollView: UIScrollView) {
		const owner = this._owner?.deref();
		if (owner.disableZoom) {
			this._initCurrentValues(scrollView);
			scrollView.maximumZoomScale = 1.0;
			scrollView.minimumZoomScale = 1.0;
			scrollView.zoomScale = 1.0;
		}
	}

	scrollViewWillBeginZoomingWithView(scrollView: UIScrollView, view: UIView) {
		this._handleDisableZoom(scrollView);
	}

	scrollViewDidZoom(scrollView) {
		this._handleDisableZoom(scrollView);
	}
}

export class WebView extends WebViewBase {
	nativeViewProtected: WKWebView;
	private _delegate: WKNavigationDelegateImpl;
	private _scrollDelegate: UIScrollViewDelegateImpl;
	private _uiDelegate: WKUIDelegateImpl;
	private _iosAllowInlineMediaPlayback: boolean;

	_maximumZoomScale;
	_minimumZoomScale;
	_zoomScale;

	get iosAllowInlineMediaPlayback(): boolean {
		return this._iosAllowInlineMediaPlayback;
	}

	set iosAllowInlineMediaPlayback(value: boolean) {
		// Note: can be set on the view markup,
		// thus the converter usage (value could come in as string).
		// Property.setNative should not be used because
		// it should be set before nativeView is created
		this._iosAllowInlineMediaPlayback = booleanConverter(value);
	}

	createNativeView() {
		const jScript = "var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'initial-scale=1.0'); document.getElementsByTagName('head')[0].appendChild(meta);";
		const wkUScript = WKUserScript.alloc().initWithSourceInjectionTimeForMainFrameOnly(jScript, WKUserScriptInjectionTime.AtDocumentEnd, true);
		const wkUController = WKUserContentController.new();
		wkUController.addUserScript(wkUScript);
		const configuration = WKWebViewConfiguration.new();
		if (this.iosAllowInlineMediaPlayback) {
			configuration.allowsInlineMediaPlayback = true;
			configuration.allowsPictureInPictureMediaPlayback = true;
		}
		configuration.userContentController = wkUController;
		configuration.preferences.setValueForKey(true, 'allowFileAccessFromFileURLs');

		return new WKWebView({
			frame: CGRectZero,
			configuration: configuration,
		});
	}

	initNativeView() {
		super.initNativeView();
		this._delegate = WKNavigationDelegateImpl.initWithOwner(new WeakRef(this));
		this._scrollDelegate = UIScrollViewDelegateImpl.initWithOwner(new WeakRef(this));
		this._uiDelegate = WKUIDelegateImpl.initWithOwner(new WeakRef(this));
		this.nativeViewProtected.navigationDelegate = this._delegate;
		this.nativeViewProtected.scrollView.delegate = this._scrollDelegate;
		this.nativeViewProtected.UIDelegate = this._uiDelegate;
	}

	disposeNativeView() {
		this._delegate = null;
		this._scrollDelegate = null;
		this._uiDelegate = null;
		super.disposeNativeView();
	}

	// @ts-ignore
	get ios(): WKWebView {
		return this.nativeViewProtected;
	}

	public stopLoading() {
		this.nativeViewProtected.stopLoading();
	}

	public _loadUrl(src: string) {
		if (src.startsWith('file:///')) {
			const cachePath = src.substring(0, src.lastIndexOf('/'));
			this.nativeViewProtected.loadFileURLAllowingReadAccessToURL(NSURL.URLWithString(src), NSURL.URLWithString(cachePath));
		} else {
			this.nativeViewProtected.loadRequest(NSURLRequest.requestWithURL(NSURL.URLWithString(src)));
		}
	}

	public _loadData(content: string) {
		this.nativeViewProtected.loadHTMLStringBaseURL(content, NSURL.alloc().initWithString(`file:///${knownFolders.currentApp().path}/`));
	}

	get canGoBack(): boolean {
		return this.nativeViewProtected.canGoBack;
	}

	get canGoForward(): boolean {
		return this.nativeViewProtected.canGoForward;
	}

	public goBack() {
		this.nativeViewProtected.goBack();
	}

	public goForward() {
		this.nativeViewProtected.goForward();
	}

	public reload() {
		this.nativeViewProtected.reload();
	}

	[disableZoomProperty.setNative](value: boolean) {
		if (!value && typeof this._minimumZoomScale === 'number' && typeof this._maximumZoomScale === 'number' && typeof this._zoomScale === 'number') {
			if (this.nativeViewProtected?.scrollView) {
				this.nativeViewProtected.scrollView.minimumZoomScale = this._minimumZoomScale;
				this.nativeViewProtected.scrollView.maximumZoomScale = this._maximumZoomScale;
				this.nativeViewProtected.scrollView.zoomScale = this._zoomScale;
				this._minimumZoomScale = undefined;
				this._maximumZoomScale = undefined;
				this._zoomScale = undefined;
			}
		}
	}
}