PiliPlus/lib/pages/webview/view.dart

import 'dart:io';

import 'package:PiliPlus/http/init.dart';
import 'package:PiliPlus/models/common/webview_menu_type.dart';
import 'package:PiliPlus/utils/accounts/account.dart';
import 'package:PiliPlus/utils/app_scheme.dart';
import 'package:PiliPlus/utils/cache_manage.dart';
import 'package:PiliPlus/utils/page_utils.dart';
import 'package:PiliPlus/utils/storage.dart';
import 'package:PiliPlus/utils/utils.dart';
import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';

class WebviewPage extends StatefulWidget {
  const WebviewPage({super.key, this.url, this.oid, this.title, this.uaType});

  final String? url;

  // note
  final int? oid;
  final String? title;
  final String? uaType;

  @override
  State<WebviewPage> createState() => _WebviewPageState();
}

class _WebviewPageState extends State<WebviewPage> {
  late final String _url = widget.url ?? Get.parameters['url'] ?? '';
  late final uaType = widget.uaType ?? Get.parameters['uaType'] ?? 'mob';
  final RxString title = ''.obs;
  final RxDouble progress = 1.0.obs;
  bool? _inApp;
  bool? _off;

  InAppWebViewController? _webViewController;

  @override
  void initState() {
    super.initState();
    if (Get.arguments is Map) {
      _inApp = Get.arguments['inApp'];
      _off = Get.arguments['off'];
    }
  }

  @override
  void dispose() {
    _webViewController = null;
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: widget.url != null
          ? null
          : AppBar(
              title: Obx(
                () => Text(
                  title.value.isNotEmpty ? title.value : _url,
                  maxLines: 1,
                  overflow: TextOverflow.ellipsis,
                ),
              ),
              bottom: PreferredSize(
                preferredSize: Size.zero,
                child: Obx(
                  () => progress.value < 1
                      ? LinearProgressIndicator(value: progress.value)
                      : const SizedBox.shrink(),
                ),
              ),
              actions: [
                PopupMenuButton(
                  onSelected: (item) async {
                    switch (item) {
                      case WebviewMenuItem.refresh:
                        _webViewController?.reload();
                        break;
                      case WebviewMenuItem.copy:
                        WebUri? uri = await _webViewController?.getUrl();
                        if (uri != null) {
                          Utils.copyText(uri.toString());
                        }
                        break;
                      case WebviewMenuItem.openInBrowser:
                        WebUri? uri = await _webViewController?.getUrl();
                        if (uri != null) {
                          PageUtils.launchURL(uri.toString());
                        }
                        break;
                      case WebviewMenuItem.clearCache:
                        try {
                          await InAppWebViewController.clearAllCache();
                          await _webViewController?.clearHistory();
                          SmartDialog.showToast('已清理');
                        } catch (e) {
                          SmartDialog.showToast(e.toString());
                        }
                        break;
                      case WebviewMenuItem.goBack:
                        if (await _webViewController?.canGoBack() == true) {
                          _webViewController?.goBack();
                        } else {
                          Get.back();
                        }
                        break;
                      case WebviewMenuItem.resetCookie:
                        final cookies = Accounts.main.cookieJar.toList();
                        for (var item in cookies) {
                          await CookieManager().setCookie(
                            url: WebUri(item.domain ?? ''),
                            name: item.name,
                            value: item.value,
                            path: item.path ?? '',
                            domain: item.domain,
                            isSecure: item.secure,
                            isHttpOnly: item.httpOnly,
                          );
                        }
                        SmartDialog.showToast('设置成功，刷新或重新打开网页');
                        break;
                    }
                  },
                  itemBuilder: (context) => <PopupMenuEntry<WebviewMenuItem>>[
                    ...WebviewMenuItem.values
                        .sublist(0, WebviewMenuItem.values.length - 1)
                        .map((item) => PopupMenuItem(
                            value: item, child: Text(item.title))),
                    const PopupMenuDivider(),
                    PopupMenuItem(
                        value: WebviewMenuItem.goBack,
                        child: Text(
                          WebviewMenuItem.goBack.title,
                          style: TextStyle(
                              color: Theme.of(context).colorScheme.error),
                        )),
                  ],
                )
              ],
            ),
      body: SafeArea(
        child: InAppWebView(
          initialSettings: InAppWebViewSettings(
            clearCache: true,
            javaScriptEnabled: true,
            forceDark: ForceDark.AUTO,
            useHybridComposition: false,
            algorithmicDarkeningAllowed: true,
            useShouldOverrideUrlLoading: true,
            userAgent: Request.headerUa(type: uaType),
            mixedContentMode: MixedContentMode.MIXED_CONTENT_ALWAYS_ALLOW,
          ),
          initialUrlRequest:
              URLRequest(url: WebUri.uri(Uri.tryParse(_url) ?? Uri())),
          onWebViewCreated: (InAppWebViewController controller) {
            _webViewController = controller;
            controller
              ..addJavaScriptHandler(
                handlerName: 'finishButtonClicked',
                callback: (args) {
                  Get.back();
                },
              )
              ..addJavaScriptHandler(
                handlerName: 'infoBarClicked',
                callback: (args) async {
                  WebUri? uri = await controller.getUrl();
                  if (uri != null) {
                    String? oid = RegExp(r'oid=(\d+)')
                        .firstMatch(uri.toString())
                        ?.group(1);
                    if (oid != null) {
                      PiliScheme.videoPush(int.parse(oid), null);
                    }
                  }
                },
              );
          },
          onProgressChanged: (controller, progress) {
            this.progress.value = progress / 100;
          },
          onTitleChanged: (controller, title) {
            this.title.value = title ?? '';
          },
          onCloseWindow: (controller) => Get.back(),
          onLoadStop: (controller, uri) {
            final url = uri.toString();
            if (url.startsWith('https://www.bilibili.com/h5/note-app')) {
              controller
                ..evaluateJavascript(source: """
  document.querySelector('.finish-btn').addEventListener('click', function() {
      window.flutter_inappwebview.callHandler('finishButtonClicked');
  });
""")
                ..evaluateJavascript(source: """
  document.querySelector('.info-bar').addEventListener('click', function() {
      window.flutter_inappwebview.callHandler('infoBarClicked');
  });
""");
            } else if (url.startsWith('https://live.bilibili.com')) {
              controller.evaluateJavascript(
                source: '''
                  document.styleSheets[0].insertRule('div.open-app-btn.bili-btn-warp {display:none;}', 0);
                  document.styleSheets[0].insertRule('#app__display-area > div.control-panel {display:none;}', 0);
                  ''',
              );
            }
            // _webViewController?.evaluateJavascript(
            //   source: '''
            //     document.querySelector('#internationalHeader').remove();
            //     document.querySelector('#message-navbar').remove();
            //   ''',
            // );
          },
          onDownloadStartRequest: Platform.isAndroid
              ? (controller, request) {
                  showDialog(
                      context: context,
                      builder: (context) {
                        String suggestedFilename =
                            request.suggestedFilename.toString();
                        String fileSize = CacheManage.formatSize(
                            request.contentLength.toDouble());
                        try {
                          suggestedFilename =
                              Uri.decodeComponent(suggestedFilename);
                        } catch (e) {
                          debugPrint(e.toString());
                        }
                        return AlertDialog(
                          title: Text(
                            '下载文件: $suggestedFilename ?',
                            style: const TextStyle(fontSize: 18),
                          ),
                          content: SelectableText(request.url.toString()),
                          actions: [
                            TextButton(
                              onPressed: Get.back,
                              child: const Text('取消'),
                            ),
                            TextButton(
                                onPressed: () {
                                  Get.back();
                                  PageUtils.launchURL(request.url.toString());
                                },
                                child: Text('确定 ($fileSize)')),
                          ],
                        );
                      });
                  progress.value = 1;
                }
              : null,
          shouldInterceptAjaxRequest: (controller, ajaxRequest) async {
            String url = ajaxRequest.url.toString();
            if (url.startsWith('//api.bilibili.com/x/note/add') &&
                widget.title != null) {
              return ajaxRequest
                ..data = ajaxRequest.data
                    .toString()
                    .replaceFirst('&title=--&', '&title=${widget.title}&');
            }
            return null;
          },
          shouldInterceptRequest: (controller, request) async {
            String url = request.url.toString();
            if (url.startsWith(
                'https://passport.bilibili.com/x/passport-login/web')) {
              progress.value = 1;
              return WebResourceResponse();
            }
            return null;
          },
          shouldOverrideUrlLoading: (controller, navigationAction) async {
            if (_inApp == true) {
              return NavigationActionPolicy.ALLOW;
            }
            late String url = navigationAction.request.url.toString();
            bool hasMatch = await PiliScheme.routePush(
              navigationAction.request.url?.uriValue ?? Uri(),
              selfHandle: true,
              off: _off ?? true,
            );
            // debugPrint('webview: [$url], [$hasMatch]');
            if (hasMatch) {
              progress.value = 1;
              return NavigationActionPolicy.CANCEL;
            } else if (RegExp(r'^(?!(https?://))\S+://', caseSensitive: false)
                .hasMatch(url)) {
              if (context.mounted) {
                SnackBar snackBar = SnackBar(
                  content: const Text('当前网页将要打开外部链接，是否打开'),
                  showCloseIcon: true,
                  action: SnackBarAction(
                    label: '打开',
                    onPressed: () => PageUtils.launchURL(url),
                  ),
                );
                ScaffoldMessenger.of(context).showSnackBar(snackBar);
              }
              progress.value = 1;
              return NavigationActionPolicy.CANCEL;
            }

            return NavigationActionPolicy.ALLOW;
          },
        ),
      ),
    );
  }
}