[webview_flutter_lwe] Update webview_flutter to 4.10.0

* Update minimum Flutter and Dart version to 3.24 and 3.5.
* Update the example main app.
* Update webview_flutter to 4.10.0.
* Update webview_flutter_platform_interface to 2.10.0.
* Add removeJavaScriptChannel method call.

packages/webview_flutter_lwe/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 0.3.6
+* Update minimum Flutter and Dart version to 3.24 and 3.5.
+* Update the example main app.
+* Update webview_flutter to 4.10.0.
+* Update webview_flutter_platform_interface to 2.10.0.
+* Add removeJavaScriptChannel method call.
+
 ## 0.3.5
 
 * Fix an issue where platform channel isn't called on the main thread.

packages/webview_flutter_lwe/README.md

@@ -20,8 +20,8 @@ This package is not an _endorsed_ implementation of `webview_flutter`. Therefore
 
 ```yaml
 dependencies:
-  webview_flutter: ^4.4.2
-  webview_flutter_lwe: ^0.3.5
+  webview_flutter: ^4.10.0
+  webview_flutter_lwe: ^0.3.6
 ```
 
 ## Example

packages/webview_flutter_lwe/example/lib/main.dart

@@ -7,11 +7,17 @@
 import 'dart:async';
 import 'dart:convert';
 import 'dart:io';
-import 'dart:typed_data';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:path_provider/path_provider.dart';
 import 'package:webview_flutter/webview_flutter.dart';
+// #docregion platform_imports
+// Import for Android features.
+import 'package:webview_flutter_android/webview_flutter_android.dart';
+// Import for iOS/macOS features.
+import 'package:webview_flutter_wkwebview/webview_flutter_wkwebview.dart';
+// #enddocregion platform_imports
 
 void main() => runApp(const MaterialApp(home: WebViewExample()));
 
@@ -108,15 +114,30 @@ class WebViewExample extends StatefulWidget {
 }
 
 class _WebViewExampleState extends State<WebViewExample> {
-  final WebViewController _controller = WebViewController();
+  late final WebViewController _controller;
 
   @override
   void initState() {
     super.initState();
 
-    _controller
+    // #docregion platform_features
+    late final PlatformWebViewControllerCreationParams params;
+    if (WebViewPlatform.instance is WebKitWebViewPlatform) {
+      params = WebKitWebViewControllerCreationParams(
+        allowsInlineMediaPlayback: true,
+        mediaTypesRequiringUserAction: const <PlaybackMediaTypes>{},
+      );
+    } else {
+      params = const PlatformWebViewControllerCreationParams();
+    }
+
+    final WebViewController controller =
+        WebViewController.fromPlatformCreationParams(params);
+    // #enddocregion platform_features
+
+    controller
       ..setJavaScriptMode(JavaScriptMode.unrestricted)
-      ..setBackgroundColor(const Color(0x00000000))
+      ..setBackgroundColor(const Color(0x80000000))
       ..setNavigationDelegate(
         NavigationDelegate(
           onProgress: (int progress) {
@@ -138,14 +159,25 @@ Page resource error:
           ''');
           },
           onNavigationRequest: (NavigationRequest request) {
-            debugPrint('On onNavigationReques');
             if (request.url.startsWith('https://www.youtube.com/')) {
               debugPrint('blocking navigation to ${request.url}');
               return NavigationDecision.prevent;
             }
             debugPrint('allowing navigation to ${request.url}');
             return NavigationDecision.navigate;
           },
+          // Note: onHttpError is not supproted by LweWebview.
+          // onHttpError: (HttpResponseError error) {
+          //   debugPrint('Error occurred on page: ${error.response?.statusCode}');
+          // },
+          // Note: onUrlChange is not supproted by LweWebview.
+          // onUrlChange: (UrlChange change) {
+          //   debugPrint('url change to ${change.url}');
+          // },
+          // Note: onHttpAuthRequest is not supproted by LweWebview.
+          // onHttpAuthRequest: (HttpAuthRequest request) {
+          //   openDialog(request);
+          // },
         ),
       )
       ..addJavaScriptChannel(
@@ -157,6 +189,16 @@ Page resource error:
         },
       )
       ..loadRequest(Uri.parse('https://flutter.dev'));
+
+    // #docregion platform_features
+    if (controller.platform is AndroidWebViewController) {
+      AndroidWebViewController.enableDebugging(true);
+      (controller.platform as AndroidWebViewController)
+          .setMediaPlaybackRequiresUserGesture(false);
+    }
+    // #enddocregion platform_features
+
+    _controller = controller;
   }
 
   @override
@@ -189,6 +231,62 @@ Page resource error:
       child: const Icon(Icons.favorite),
     );
   }
+
+  Future<void> openDialog(HttpAuthRequest httpRequest) async {
+    final TextEditingController usernameTextController =
+        TextEditingController();
+    final TextEditingController passwordTextController =
+        TextEditingController();
+
+    return showDialog(
+      context: context,
+      barrierDismissible: false,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          title: Text('${httpRequest.host}: ${httpRequest.realm ?? '-'}'),
+          content: SingleChildScrollView(
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: <Widget>[
+                TextField(
+                  decoration: const InputDecoration(labelText: 'Username'),
+                  autofocus: true,
+                  controller: usernameTextController,
+                ),
+                TextField(
+                  decoration: const InputDecoration(labelText: 'Password'),
+                  controller: passwordTextController,
+                ),
+              ],
+            ),
+          ),
+          actions: <Widget>[
+            // Explicitly cancel the request on iOS as the OS does not emit new
+            // requests when a previous request is pending.
+            TextButton(
+              onPressed: () {
+                httpRequest.onCancel();
+                Navigator.of(context).pop();
+              },
+              child: const Text('Cancel'),
+            ),
+            TextButton(
+              onPressed: () {
+                httpRequest.onProceed(
+                  WebViewCredential(
+                    user: usernameTextController.text,
+                    password: passwordTextController.text,
+                  ),
+                );
+                Navigator.of(context).pop();
+              },
+              child: const Text('Authenticate'),
+            ),
+          ],
+        );
+      },
+    );
+  }
 }
 
 enum MenuOptions {
@@ -206,6 +304,7 @@ enum MenuOptions {
   transparentBackground,
   setCookie,
   logExample,
+  basicAuthentication,
 }
 
 class SampleMenu extends StatelessWidget {
@@ -251,6 +350,8 @@ class SampleMenu extends StatelessWidget {
             _onSetCookie();
           case MenuOptions.logExample:
             _onLogExample();
+          case MenuOptions.basicAuthentication:
+            _promptForUrl(context);
         }
       },
       itemBuilder: (BuildContext context) => <PopupMenuItem<MenuOptions>>[
@@ -311,6 +412,10 @@ class SampleMenu extends StatelessWidget {
           value: MenuOptions.logExample,
           child: Text('Log example'),
         ),
+        const PopupMenuItem<MenuOptions>(
+          value: MenuOptions.basicAuthentication,
+          child: Text('Basic Authentication Example'),
+        ),
       ],
     );
   }
@@ -465,6 +570,38 @@ class SampleMenu extends StatelessWidget {
 
     return webViewController.loadHtmlString(kLogExamplePage);
   }
+
+  Future<void> _promptForUrl(BuildContext context) {
+    final TextEditingController urlTextController = TextEditingController();
+
+    return showDialog<String>(
+      context: context,
+      builder: (BuildContext context) {
+        return AlertDialog(
+          title: const Text('Input URL to visit'),
+          content: TextField(
+            decoration: const InputDecoration(labelText: 'URL'),
+            autofocus: true,
+            controller: urlTextController,
+          ),
+          actions: <Widget>[
+            TextButton(
+              onPressed: () {
+                if (urlTextController.text.isNotEmpty) {
+                  final Uri? uri = Uri.tryParse(urlTextController.text);
+                  if (uri != null && uri.scheme.isNotEmpty) {
+                    webViewController.loadRequest(uri);
+                    Navigator.pop(context);
+                  }
+                }
+              },
+              child: const Text('Visit'),
+            ),
+          ],
+        );
+      },
+    );
+  }
 }
 
 class NavigationControls extends StatelessWidget {

packages/webview_flutter_lwe/example/pubspec.yaml

@@ -3,18 +3,20 @@ description: Demonstrates how to use the webview_flutter_lwe plugin.
 publish_to: "none"
 
 environment:
-  sdk: ">=3.1.0 <4.0.0"
-  flutter: ">=3.13.0"
+  sdk: ^3.5.0
+  flutter: ">=3.24.0"
 
 dependencies:
   flutter:
     sdk: flutter
   path_provider: ^2.0.7
   path_provider_tizen:
     path: ../../path_provider/
-  webview_flutter: ^4.4.2
+  webview_flutter: ^4.10.0
+  webview_flutter_android: ^4.0.0
   webview_flutter_lwe:
     path: ../
+  webview_flutter_wkwebview: ^3.13.0
 
 dev_dependencies:
   flutter_driver:
@@ -25,6 +27,7 @@ dev_dependencies:
     sdk: flutter
   integration_test_tizen:
     path: ../../integration_test/
+  webview_flutter_platform_interface: ^2.10.0
 
 flutter:
   uses-material-design: true

packages/webview_flutter_lwe/lib/src/lwe_webview.dart

@@ -169,12 +169,35 @@ class LweWebView {
   /// Adds a new JavaScript channel to the set of enabled channels.
   Future<void> addJavaScriptChannel(
       JavaScriptChannelParams javaScriptChannelParams) {
+    // When JavaScript channel with the same name exists make sure to remove it
+    // before registering the new channel.
+    if (_javaScriptChannelParams.containsKey(javaScriptChannelParams.name)) {
+      _invokeChannelMethod<void>(
+          'removeJavaScriptChannel', javaScriptChannelParams.name);
+    }
+
     _javaScriptChannelParams[javaScriptChannelParams.name] =
         javaScriptChannelParams;
+
     return _invokeChannelMethod<void>(
         'addJavaScriptChannel', javaScriptChannelParams.name);
   }
 
+  /// Removes the JavaScript channel with the matching name from the set of
+  /// enabled channels.
+  Future<void> removeJavaScriptChannel(String javaScriptChannelName) async {
+    final JavaScriptChannelParams? params =
+        _javaScriptChannelParams[javaScriptChannelName];
+
+    if (params == null) {
+      return;
+    }
+
+    _javaScriptChannelParams.remove(javaScriptChannelName);
+    return _invokeChannelMethod<void>(
+        'removeJavaScriptChannel', javaScriptChannelName);
+  }
+
   /// Runs the given JavaScript in the context of the current page.
   Future<void> runJavaScript(String javaScript) =>
       _invokeChannelMethod<void>('runJavaScript', javaScript);