feat: create note

related #554

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

lib/pages/video/detail/controller.dart

@@ -1632,19 +1632,25 @@ class VideoDetailController extends GetxController
                   oid: oid.value,
                   enableSlide: false,
                   heroTag: heroTag,
+                  isStein: graphVersion != null,
                 ),
               )
             : NoteListPage(
                 oid: oid.value,
                 enableSlide: false,
                 heroTag: heroTag,
+                isStein: graphVersion != null,
               ),
         isFullScreen: () => plPlayerController.isFullScreen.value,
       );
     } else {
       childKey.currentState?.showBottomSheet(
         backgroundColor: Colors.transparent,
-        (context) => NoteListPage(oid: oid.value, heroTag: heroTag),
+        (context) => NoteListPage(
+          oid: oid.value,
+          heroTag: heroTag,
+          isStein: graphVersion != null,
+        ),
       );
     }
   }

lib/pages/video/detail/note/note_list_page.dart

@@ -6,6 +6,7 @@ import 'package:PiliPlus/common/widgets/refresh_indicator.dart';
 import 'package:PiliPlus/http/loading_state.dart';
 import 'package:PiliPlus/pages/common/common_slide_page.dart';
 import 'package:PiliPlus/pages/video/detail/note/note_list_page_ctr.dart';
+import 'package:PiliPlus/pages/webview/webview_page.dart';
 import 'package:PiliPlus/utils/app_scheme.dart';
 import 'package:PiliPlus/utils/extension.dart';
 import 'package:flutter/material.dart';
@@ -18,11 +19,13 @@ class NoteListPage extends CommonSlidePage {
     required this.heroTag,
     this.oid,
     this.upperMid,
+    required this.isStein,
   });
 
   final dynamic heroTag;
   final dynamic oid;
   final dynamic upperMid;
+  final bool isStein;
 
   @override
   State<NoteListPage> createState() => _NoteListPageState();
@@ -34,6 +37,8 @@ class _NoteListPageState extends CommonSlidePageState<NoteListPage> {
     tag: widget.heroTag,
   );
 
+  final _key = GlobalKey<ScaffoldState>();
+
   @override
   void dispose() {
     Get.delete<NoteListPageCtr>(tag: widget.heroTag);
@@ -42,35 +47,77 @@ class _NoteListPageState extends CommonSlidePageState<NoteListPage> {
 
   @override
   Widget get buildPage => Scaffold(
-        appBar: AppBar(
+        key: _key,
-          automaticallyImplyLeading: false,
+        resizeToAvoidBottomInset: false,
-          titleSpacing: 16,
+        body: Scaffold(
-          toolbarHeight: 45,
+          backgroundColor: Colors.transparent,
-          title: Obx(
+          resizeToAvoidBottomInset: false,
-            () => Text(
+          appBar: AppBar(
-                '笔记${_controller.count.value == -1 ? '' : '(${_controller.count.value})'}'),
+            automaticallyImplyLeading: false,
+            titleSpacing: 16,
+            toolbarHeight: 45,
+            title: Obx(
+              () => Text(
+                  '笔记${_controller.count.value == -1 ? '' : '(${_controller.count.value})'}'),
+            ),
+            bottom: PreferredSize(
+              preferredSize: Size.fromHeight(1),
+              child: Divider(
+                height: 1,
+                color: Theme.of(context).colorScheme.outline.withOpacity(0.1),
+              ),
+            ),
+            actions: [
+              iconButton(
+                context: context,
+                tooltip: '关闭',
+                icon: Icons.clear,
+                onPressed: Get.back,
+                size: 32,
+              ),
+              const SizedBox(width: 16),
+            ],
           ),
-          bottom: PreferredSize(
+          body: enableSlide
-            preferredSize: Size.fromHeight(1),
+              ? slideList(Obx(() => _buildBody(_controller.loadingState.value)))
-            child: Divider(
+              : Obx(() => _buildBody(_controller.loadingState.value)),
-              height: 1,
+          bottomNavigationBar: Container(
-              color: Theme.of(context).colorScheme.outline.withOpacity(0.1),
+            padding: EdgeInsets.only(
+              left: 12,
+              right: 12,
+              top: 6,
+              bottom: MediaQuery.paddingOf(context).bottom + 6,
+            ),
+            width: double.infinity,
+            decoration: BoxDecoration(
+              color: Theme.of(context).colorScheme.onInverseSurface,
+              border: Border(
+                top: BorderSide(
+                  width: 0.5,
+                  color: Theme.of(context).colorScheme.outline.withOpacity(0.1),
+                ),
+              ),
+            ),
+            child: FilledButton.tonal(
+              style: FilledButton.styleFrom(
+                tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+                padding: EdgeInsets.zero,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(6),
+                ),
+              ),
+              onPressed: () {
+                _key.currentState?.showBottomSheet(
+                  (context) => WebviewPageNew(
+                    url:
+                        'https://www.bilibili.com/h5/note-app?oid=${widget.oid}&pagefrom=ugcvideo&is_stein_gate=${widget.isStein ? 1 : 0}',
+                  ),
+                );
+              },
+              child: const Text('开始记笔记'),
             ),
           ),
-          actions: [
-            iconButton(
-              context: context,
-              tooltip: '关闭',
-              icon: Icons.clear,
-              onPressed: Get.back,
-              size: 32,
-            ),
-            const SizedBox(width: 16),
-          ],
         ),
-        body: enableSlide
-            ? slideList(Obx(() => _buildBody(_controller.loadingState.value)))
-            : Obx(() => _buildBody(_controller.loadingState.value)),
       );
 
   Widget _buildBody(LoadingState loadingState) {

lib/pages/webview/webview_page.dart

@@ -33,14 +33,16 @@ extension _WebviewMenuItemExt on _WebviewMenuItem {
 }
 
 class WebviewPageNew extends StatefulWidget {
-  const WebviewPageNew({super.key});
+  const WebviewPageNew({super.key, this.url});
+
+  final String? url;
 
   @override
   State<WebviewPageNew> createState() => _WebviewPageNewState();
 }
 
 class _WebviewPageNewState extends State<WebviewPageNew> {
-  final String _url = Get.parameters['url'] ?? '';
+  late final String _url = widget.url ?? Get.parameters['url'] ?? '';
   final uaType = Get.parameters['uaType'] ?? 'mob';
   final _titleStream = StreamController<String?>();
   final _progressStream = StreamController<double>();
@@ -69,97 +71,99 @@ class _WebviewPageNewState extends State<WebviewPageNew> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(
+      appBar: widget.url != null
-        title: StreamBuilder(
+          ? null
-          initialData: null,
+          : AppBar(
-          stream: _titleStream.stream,
+              title: StreamBuilder(
-          builder: (context, snapshot) => Text(
+                initialData: null,
-            maxLines: 1,
+                stream: _titleStream.stream,
-            snapshot.hasData ? snapshot.data! : _url,
+                builder: (context, snapshot) => Text(
-            overflow: TextOverflow.ellipsis,
+                  maxLines: 1,
-          ),
+                  snapshot.hasData ? snapshot.data! : _url,
-        ),
+                  overflow: TextOverflow.ellipsis,
-        bottom: PreferredSize(
+                ),
-          preferredSize: Size.zero,
+              ),
-          child: StreamBuilder(
+              bottom: PreferredSize(
-            initialData: 0.0,
+                preferredSize: Size.zero,
-            stream: _progressStream.stream,
+                child: StreamBuilder(
-            builder: (context, snapshot) => snapshot.data as double < 1
+                  initialData: 0.0,
-                ? LinearProgressIndicator(
+                  stream: _progressStream.stream,
-                    value: snapshot.data as double,
+                  builder: (context, snapshot) => snapshot.data as double < 1
-                  )
+                      ? LinearProgressIndicator(
-                : const SizedBox.shrink(),
+                          value: snapshot.data as double,
-          ),
+                        )
-        ),
+                      : const SizedBox.shrink(),
-        actions: [
+                ),
-          PopupMenuButton(
+              ),
-            onSelected: (item) async {
+              actions: [
-              switch (item) {
+                PopupMenuButton(
-                case _WebviewMenuItem.refresh:
+                  onSelected: (item) async {
-                  _webViewController?.reload();
+                    switch (item) {
-                  break;
+                      case _WebviewMenuItem.refresh:
-                case _WebviewMenuItem.copy:
+                        _webViewController?.reload();
-                  WebUri? uri = await _webViewController?.getUrl();
+                        break;
-                  if (uri != null) {
+                      case _WebviewMenuItem.copy:
-                    Utils.copyText(uri.toString());
+                        WebUri? uri = await _webViewController?.getUrl();
-                  }
+                        if (uri != null) {
-                  break;
+                          Utils.copyText(uri.toString());
-                case _WebviewMenuItem.openInBrowser:
+                        }
-                  WebUri? uri = await _webViewController?.getUrl();
+                        break;
-                  if (uri != null) {
+                      case _WebviewMenuItem.openInBrowser:
-                    Utils.launchURL(uri.toString());
+                        WebUri? uri = await _webViewController?.getUrl();
-                  }
+                        if (uri != null) {
-                  break;
+                          Utils.launchURL(uri.toString());
-                case _WebviewMenuItem.clearCache:
+                        }
-                  try {
+                        break;
-                    await InAppWebViewController.clearAllCache();
+                      case _WebviewMenuItem.clearCache:
-                    await _webViewController?.clearHistory();
+                        try {
-                    SmartDialog.showToast('已清理');
+                          await InAppWebViewController.clearAllCache();
-                  } catch (e) {
+                          await _webViewController?.clearHistory();
-                    SmartDialog.showToast(e.toString());
+                          SmartDialog.showToast('已清理');
-                  }
+                        } catch (e) {
-                  break;
+                          SmartDialog.showToast(e.toString());
-                case _WebviewMenuItem.goBack:
+                        }
-                  if (await _webViewController?.canGoBack() == true) {
+                        break;
-                    _webViewController?.goBack();
+                      case _WebviewMenuItem.goBack:
-                  } else {
+                        if (await _webViewController?.canGoBack() == true) {
-                    Get.back();
+                          _webViewController?.goBack();
-                  }
+                        } else {
-                  break;
+                          Get.back();
-                case _WebviewMenuItem.resetCookie:
+                        }
-                  final cookies = Accounts.main.cookieJar.toList();
+                        break;
-                  for (var item in cookies) {
+                      case _WebviewMenuItem.resetCookie:
-                    await CookieManager().setCookie(
+                        final cookies = Accounts.main.cookieJar.toList();
-                      url: WebUri(item.domain ?? ''),
+                        for (var item in cookies) {
-                      name: item.name,
+                          await CookieManager().setCookie(
-                      value: item.value,
+                            url: WebUri(item.domain ?? ''),
-                      path: item.path ?? '',
+                            name: item.name,
-                      domain: item.domain,
+                            value: item.value,
-                      isSecure: item.secure,
+                            path: item.path ?? '',
-                      isHttpOnly: item.httpOnly,
+                            domain: item.domain,
-                    );
+                            isSecure: item.secure,
-                  }
+                            isHttpOnly: item.httpOnly,
-                  SmartDialog.showToast('设置成功，刷新或重新打开网页');
+                          );
-                  break;
+                        }
-              }
+                        SmartDialog.showToast('设置成功，刷新或重新打开网页');
-            },
+                        break;
-            itemBuilder: (context) => <PopupMenuEntry<_WebviewMenuItem>>[
+                    }
-              ..._WebviewMenuItem.values
+                  },
-                  .sublist(0, _WebviewMenuItem.values.length - 1)
+                  itemBuilder: (context) => <PopupMenuEntry<_WebviewMenuItem>>[
-                  .map((item) =>
+                    ..._WebviewMenuItem.values
-                      PopupMenuItem(value: item, child: Text(item.title))),
+                        .sublist(0, _WebviewMenuItem.values.length - 1)
-              const PopupMenuDivider(),
+                        .map((item) => PopupMenuItem(
-              PopupMenuItem(
+                            value: item, child: Text(item.title))),
-                  value: _WebviewMenuItem.goBack,
+                    const PopupMenuDivider(),
-                  child: Text(
+                    PopupMenuItem(
-                    _WebviewMenuItem.goBack.title,
+                        value: _WebviewMenuItem.goBack,
-                    style:
+                        child: Text(
-                        TextStyle(color: Theme.of(context).colorScheme.error),
+                          _WebviewMenuItem.goBack.title,
-                  )),
+                          style: TextStyle(
-            ],
+                              color: Theme.of(context).colorScheme.error),
-          )
+                        )),
-        ],
+                  ],
-      ),
+                )
+              ],
+            ),
       body: SafeArea(
         child: InAppWebView(
           initialSettings: InAppWebViewSettings(
@@ -176,6 +180,12 @@ class _WebviewPageNewState extends State<WebviewPageNew> {
               URLRequest(url: WebUri.uri(Uri.tryParse(_url) ?? Uri())),
           onWebViewCreated: (InAppWebViewController controller) {
             _webViewController = controller;
+            _webViewController?.addJavaScriptHandler(
+              handlerName: 'finishButtonClicked',
+              callback: (args) {
+                Get.back();
+              },
+            );
           },
           onProgressChanged: (controller, progress) {
             _progressStream.add(progress / 100);
@@ -185,6 +195,15 @@ class _WebviewPageNewState extends State<WebviewPageNew> {
           },
           onCloseWindow: (controller) => Get.back(),
           onLoadStop: (controller, url) {
+            if (url
+                .toString()
+                .startsWith('https://www.bilibili.com/h5/note-app')) {
+              _webViewController?.evaluateJavascript(source: """
+  document.querySelector('.finish-btn').addEventListener('click', function() {
+      window.flutter_inappwebview.callHandler('finishButtonClicked');
+  });
+""");
+            }
             if (url.toString().startsWith('https://live.bilibili.com')) {
               _webViewController?.evaluateJavascript(
                 source: '''