mjdev-desktop/src/main/kotlin/eu/mjdev/desktop/components/web/ComposeWebView.kt

package eu.mjdev.desktop.components.web

import androidx.compose.desktop.ui.tooling.preview.Preview
import androidx.compose.foundation.layout.*
import androidx.compose.material.CircularProgressIndicator
import androidx.compose.material.LinearProgressIndicator
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp
import com.multiplatform.webview.jsbridge.IJsMessageHandler
import com.multiplatform.webview.jsbridge.WebViewJsBridge
import com.multiplatform.webview.jsbridge.rememberWebViewJsBridge
import com.multiplatform.webview.web.LoadingState
import com.multiplatform.webview.web.WebContent
import com.multiplatform.webview.web.WebView
import com.multiplatform.webview.web.WebViewState
import eu.mjdev.desktop.components.draggable.DraggableView
import eu.mjdev.desktop.extensions.Compose.DarkBlue
import eu.mjdev.desktop.provider.DesktopProvider
import eu.mjdev.desktop.provider.DesktopProvider.Companion.LocalDesktop

// todo improve
@Suppress("LocalVariableName", "FunctionName", "unused")
@Preview
@Composable
fun ComposeWebView(
    modifier: Modifier = Modifier,
    url: String = "https://www.youtube.com/watch?v=BwY6LD7KAQk",
    contentPadding: PaddingValues = PaddingValues(top = 16.dp, start = 2.dp, end = 2.dp, bottom = 2.dp),
    dragEnabled: Boolean = false,
    backgroundColor: Color = Color.Transparent,
    dragBackgroundColor: Color = Color.White.copy(alpha = 0.3f),
    loadingLineColor: Color = Color.DarkBlue,
    jsBridge: IJsMessageHandler? = null,
    disablePopupWindows: Boolean = true,
    api: DesktopProvider = LocalDesktop.current
) = DraggableView(
    modifier = modifier,
    contentPadding = contentPadding,
    dragEnabled = dragEnabled,
    backgroundColor = backgroundColor,
    dragBackgroundColor = dragBackgroundColor
) {
    val webViewState = remember(url) {
        if (url.startsWith("http")) WebViewState(WebContent.Url(url))
        else WebViewState(WebContent.Url("file://$url"))
    }
    val loadingState = remember(webViewState) { webViewState.loadingState }
    val _jsBridge: WebViewJsBridge = rememberWebViewJsBridge()
    if (api.kcefHelper.restartRequired.value) {
        Text(text = "Restart required.")
    } else {
        if (api.kcefHelper.initialized.value) {
            WebView(
                modifier = modifier,
                state = webViewState
            )
            if (loadingState is LoadingState.Loading) {
                LinearProgressIndicator(
                    progress = loadingState.progress,
                    color = loadingLineColor,
                    modifier = Modifier.fillMaxWidth().align(Alignment.BottomStart)
                )
            }
        } else {
            Box(
                modifier = Modifier.matchParentSize()
                    .padding(8.dp)
            ) {
                CircularProgressIndicator(
                    modifier = Modifier.fillMaxSize(),
                    color = Color.White,
                    strokeWidth = 10.dp,
                    backgroundColor = Color.Transparent
                )
                Text(
                    modifier = Modifier.align(Alignment.Center),
                    text = "${api.kcefHelper.downloading.value}%"
                )
            }
        }
    }
    LaunchedEffect(Unit) {
        api.kcefHelper.init()
        if (jsBridge != null) _jsBridge.register(jsBridge)
        webViewState.webSettings.apply {
            isJavaScriptEnabled = true
            with(desktopWebSettings) {
//                offScreenRendering = true
                transparent = true
                this.disablePopupWindows = disablePopupWindows
            }
        }
    }
}