mobileApplicationsKonectarApp/lib/views/webview_example.dart

import 'dart:collection';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
import 'package:pwa_ios/utils/constants.dart';
import 'package:pwa_ios/views/htmlpage.dart';
import 'package:pwa_ios/utils/util.dart';
import 'package:pwa_ios/widgets/webview_popup.dart';
import 'package:url_launcher/url_launcher.dart';

class WebviewExample extends StatefulWidget {
  const WebviewExample({Key? key}) : super(key: key);

  @override
  State<WebviewExample> createState() => _WebviewExampleState();
}

// Use WidgetsBindingObserver to listen when the app goes in background
// to stop, on Android, JavaScript execution and any processing that can be paused safely,
// such as videos, audio, and animations.
class _WebviewExampleState extends State<WebviewExample>
    with WidgetsBindingObserver {
  final GlobalKey webViewKey = GlobalKey();

  InAppWebViewController? webViewController;
  InAppWebViewSettings sharedSettings = InAppWebViewSettings(
      // enable opening windows support
      supportMultipleWindows: true,
      javaScriptCanOpenWindowsAutomatically: true,

      // useful for identifying traffic, e.g. in Google Analytics.
      applicationNameForUserAgent: 'My PWA App Name',
      // Override the User Agent, otherwise some external APIs, such as Google and Facebook logins, will not work
      // because they recognize and block the default WebView User Agent.
      userAgent:
          'Mozilla/5.0 (Linux; Android 13) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.5304.105 Mobile Safari/537.36',
      disableDefaultErrorPage: true,

      // enable iOS service worker feature limited to defined App Bound Domains
      limitsNavigationsToAppBoundDomains: true);

  @override
  void initState() {
    WidgetsBinding.instance.addObserver(this);
    super.initState();
  }

  @override
  void dispose() {
    webViewController = null;
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (!kIsWeb) {
      if (webViewController != null &&
          defaultTargetPlatform == TargetPlatform.android) {
        if (state == AppLifecycleState.paused) {
          pauseAll();
        } else {
          resumeAll();
        }
      }
    }
  }

  void pauseAll() {
    if (defaultTargetPlatform == TargetPlatform.android) {
      webViewController?.pause();
    }
    webViewController?.pauseTimers();
  }

  void resumeAll() {
    if (defaultTargetPlatform == TargetPlatform.android) {
      webViewController?.resume();
    }
    webViewController?.resumeTimers();
  }

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        // detect Android back button click
        final controller = webViewController;
        if (controller != null) {
          if (await controller.canGoBack()) {
            controller.goBack();
            return false;
          }
        }
        return true;
      },
      child: SafeArea(
        child: Scaffold(
            body: Column(children: <Widget>[
          Expanded(
            child: Stack(
              children: [
                FutureBuilder<bool>(
                  future: isNetworkAvailable(),
                  builder: (context, snapshot) {
                    if (!snapshot.hasData) {
                      return Container();
                    }

                    final bool networkAvailable = snapshot.data ?? false;

                    // Android-only
                    final cacheMode = networkAvailable
                        ? CacheMode.LOAD_DEFAULT
                        : CacheMode.LOAD_CACHE_ELSE_NETWORK;

                    // iOS-only
                    final cachePolicy = networkAvailable
                        ? URLRequestCachePolicy.USE_PROTOCOL_CACHE_POLICY
                        : URLRequestCachePolicy.RETURN_CACHE_DATA_ELSE_LOAD;

                    final webViewInitialSettings = sharedSettings.copy();
                    //webViewInitialSettings.cacheMode = cacheMode;
                    webViewInitialSettings.useShouldOverrideUrlLoading = true;
                    webViewInitialSettings
                        .javaScriptCanOpenWindowsAutomatically = true;
                    webViewInitialSettings.useShouldInterceptRequest = true;
                    return InAppWebView(
                      key: webViewKey,
                      initialData:
                          InAppWebViewInitialData(data: HtmlPage.htmlCode),

                      shouldInterceptRequest: (controller, request) async {
                        print("something");
                        print(request);
                        return null;
                      },

                      // initialUrlRequest:
                      //     URLRequest(url: kPwaUri, headers: {
                      //       "key" :"\$2a\$08\$u5DKCL4ir88CPKUhGFqbnuoXcibLZnxs/qi/48miKAuNJM/5.WGWy",
                      //       // "email": "mia_mimedx@tika.com",
                      //       // "name" : "Mia MiMedx",
                      //       // "url": "https://cardio.konectar.io/npiprofile/1841382421"
                      //       "email": "scheepu@tikamobile.com",
                      //       "name" : "Scheepu",
                      //       // "url": "https://192.168.2.127/konectar-sandbox/interactions",
                      //       // "YourHeaderKey" : "YourExpectedHeaderValue"

                      //     },method: "GET"),

                      //cachePolicy: cachePolicy),
                      onReceivedServerTrustAuthRequest:
                          (controller, challenge) async {
                        return ServerTrustAuthResponse(
                            action: ServerTrustAuthResponseAction.PROCEED);
                      },

                      initialUserScripts: UnmodifiableListView<UserScript>([
                        UserScript(
                            source: """
                                document.getElementById('notifications').addEventListener('click', function(event) {
                                  var randomText = Math.random().toString(36).slice(2, 7);
                                  window.flutter_inappwebview.callHandler('requestDummyNotification', randomText);
                                });
                                """,
                            injectionTime:
                                UserScriptInjectionTime.AT_DOCUMENT_END)
                      ]),

                      initialSettings: webViewInitialSettings,

                      onWebViewCreated: (controller) {
                        webViewController = controller;

                        controller.addJavaScriptHandler(
                          handlerName: 'readystatechange',
                          callback: (arguments) {
                            final String randomText =
                                arguments.isNotEmpty ? arguments[0] : '';
                            print("responses");
                            print(arguments);
                            ScaffoldMessenger.of(context).showSnackBar(
                                const SnackBar(
                                    content: Text("some notification")));
                          },
                        );
                      },
                      shouldOverrideUrlLoading:
                          (controller, navigationAction) async {
                        // restrict navigation to target host, open external links in 3rd party apps
                        final uri = navigationAction.request.url;
                        if (uri != null &&
                            navigationAction.isForMainFrame &&
                            uri.host != kPwaHost &&
                            await canLaunchUrl(uri)) {
                          launchUrl(uri);
                          return NavigationActionPolicy.CANCEL;
                        }
                        return NavigationActionPolicy.ALLOW;
                      },
                      onLoadStop: (controller, url) async {
                        String response = await controller.evaluateJavascript(
                            source: 'document.body.innerText');
                        print("response");
                        print(response);

                        if (await isNetworkAvailable() &&
                            !(await isPWAInstalled())) {
                          // if network is available and this is the first time
                          setPWAInstalled();
                        }
                      },

                      onReceivedError: (controller, request, error) async {
                        final isForMainFrame = request.isForMainFrame ?? true;
                        if (isForMainFrame && !(await isNetworkAvailable())) {
                          if (!(await isPWAInstalled())) {
                            await controller.loadData(
                                data: kHTMLErrorPageNotInstalled);
                          }
                        }
                      },
                      onCreateWindow: (controller, createWindowAction) async {
                        showDialog(
                          context: context,
                          builder: (context) {
                            final popupWebViewSettings = sharedSettings.copy();
                            popupWebViewSettings.supportMultipleWindows = false;
                            popupWebViewSettings
                                .javaScriptCanOpenWindowsAutomatically = false;

                            return WebViewPopup(
                                createWindowAction: createWindowAction,
                                popupWebViewSettings: popupWebViewSettings);
                          },
                        );
                        return true;
                      },
                    );
                  },
                )
              ],
            ),
          ),
        ])),
      ),
    );
  }
}