login and keys manage

lib/component/user/user_login_dialog.dart

@@ -0,0 +1,129 @@
+import 'package:flutter/material.dart';
+import 'package:nostr_sdk/client_utils/keys.dart';
+import 'package:nostr_sdk/nip19/nip19.dart';
+import 'package:nostr_sdk/utils/string_util.dart';
+import 'package:nowser/main.dart';
+import 'package:nowser/util/router_util.dart';
+
+import '../../const/base.dart';
+
+class UserLoginDialog extends StatefulWidget {
+  static Future<void> show(BuildContext context) async {
+    await showDialog<String>(
+        context: context,
+        builder: (_context) {
+          return UserLoginDialog();
+        });
+  }
+
+  @override
+  State<StatefulWidget> createState() {
+    return _UserLoginDialog();
+  }
+}
+
+class _UserLoginDialog extends State<UserLoginDialog> {
+  bool obscureText = true;
+
+  TextEditingController controller = TextEditingController();
+
+  @override
+  Widget build(BuildContext context) {
+    var themeData = Theme.of(context);
+
+    List<Widget> list = [];
+    list.add(Container(
+      margin: EdgeInsets.only(bottom: Base.BASE_PADDING * 2),
+      child: Text(
+        "Login",
+        style: TextStyle(
+          fontSize: themeData.textTheme.bodyLarge!.fontSize,
+          fontWeight: FontWeight.bold,
+        ),
+      ),
+    ));
+
+    var prefixIcon = GestureDetector(
+      onTap: () {},
+      child: Icon(Icons.qr_code),
+    );
+
+    var suffixIcon = GestureDetector(
+      onTap: () {
+        setState(() {
+          obscureText = !obscureText;
+        });
+      },
+      child: Icon(obscureText ? Icons.visibility_off : Icons.visibility),
+    );
+
+    list.add(Container(
+      margin: const EdgeInsets.only(bottom: Base.BASE_PADDING),
+      child: TextField(
+        controller: controller,
+        obscureText: obscureText,
+        autofocus: true,
+        decoration: InputDecoration(
+          hintText: "nsec / hex private key",
+          prefixIcon: prefixIcon,
+          suffixIcon: suffixIcon,
+        ),
+      ),
+    ));
+
+    list.add(Container(
+      margin: EdgeInsets.only(bottom: Base.BASE_PADDING * 2),
+      width: double.infinity,
+      child: FilledButton(onPressed: confirm, child: Text("Confirm")),
+    ));
+
+    list.add(GestureDetector(
+      onTap: () {
+        var pk = generatePrivateKey();
+        controller.text = pk;
+      },
+      child: Container(
+        child: Text(
+          "Generate a private key",
+          style: TextStyle(
+            decoration: TextDecoration.underline,
+          ),
+        ),
+      ),
+    ));
+
+    var main = Column(
+      mainAxisSize: MainAxisSize.min,
+      children: list,
+    );
+
+    return Dialog(
+      child: Container(
+        padding: EdgeInsets.all(Base.BASE_PADDING * 2),
+        child: main,
+      ),
+    );
+  }
+
+  void confirm() {
+    var pk = controller.text;
+    try {
+      if (Nip19.isPrivateKey(pk)) {
+        pk = Nip19.decode(pk);
+      }
+
+      var pubkey = getPublicKey(pk);
+      if (StringUtil.isBlank(pubkey)) {
+        keyCheckFail();
+        return;
+      }
+
+      keyProvider.addKey(pk);
+      RouterUtil.back(context);
+    } catch (e) {
+      keyCheckFail();
+    }
+  }
+
+  void keyCheckFail() {}
+}

lib/component/user/user_name_component.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+import 'package:nostr_sdk/nip19/nip19.dart';
+
+class UserNameComponent extends StatefulWidget {
+  String pubkey;
+
+  bool fullNpubName;
+
+  UserNameComponent(this.pubkey, {this.fullNpubName = false});
+
+  @override
+  State<StatefulWidget> createState() {
+    return _UserNameComponent();
+  }
+}
+
+class _UserNameComponent extends State<UserNameComponent> {
+  @override
+  Widget build(BuildContext context) {
+    var npub = Nip19.encodePubKey(widget.pubkey);
+    if (!widget.fullNpubName) {
+      npub = Nip19.encodeSimplePubKey(widget.pubkey);
+    }
+
+    return Text(
+      npub,
+      maxLines: 1,
+      overflow: TextOverflow.ellipsis,
+    );
+  }
+}

lib/main.dart

@@ -86,6 +86,9 @@ class _MyApp extends State<MyApp> {
         ListenableProvider<WebProvider>.value(
           value: webProvider,
         ),
+        ListenableProvider<KeyProvider>.value(
+          value: keyProvider,
+        ),
       ],
       child: MaterialApp(
         builder: BotToastInit(),

lib/provider/key_provider.dart

@@ -20,8 +20,8 @@ class KeyProvider extends ChangeNotifier {
 
   Future<void> reload() async {
     keys.clear();
-    pubkeys.clear();
-    keysMap.clear();
+    keysMap = {};
+    pubkeys = [];
 
     final storage = FlutterSecureStorage();
     var strs = await storage.read(key: KEY_NAME);
@@ -40,6 +40,34 @@ class KeyProvider extends ChangeNotifier {
     }
   }
 
+  void _regenMemKeys() {
+    keys = [...keys];
+
+    keysMap = {};
+    pubkeys = [];
+
+    for (var key in keys) {
+      var pubkey = getPublicKey(key);
+      keysMap[pubkey] = key;
+      pubkeys.add(pubkey);
+    }
+  }
+
+  void setDefault(String pubkey) {
+    var key = keysMap[pubkey];
+    if (StringUtil.isNotBlank(key)) {
+      keys.remove(key);
+
+      List<String> newKeys = [key!];
+      newKeys.addAll(keys);
+
+      keys = newKeys;
+      _saveKey();
+      _regenMemKeys();
+      notifyListeners();
+    }
+  }
+
   Future<void> _saveKey() async {
     var jsonStr = jsonEncode(keys);
     final storage = FlutterSecureStorage();
@@ -57,6 +85,7 @@ class KeyProvider extends ChangeNotifier {
     pubkeys.add(pubkey);
 
     _saveKey();
+    _regenMemKeys();
     notifyListeners();
   }
 
@@ -68,6 +97,7 @@ class KeyProvider extends ChangeNotifier {
     }
 
     _saveKey();
+    _regenMemKeys();
     notifyListeners();
   }
 

lib/router/keys/keys_item_component.dart

@@ -1,8 +1,10 @@
 import 'package:flutter/material.dart';
 import 'package:nostr_sdk/nip19/nip19.dart';
 import 'package:nowser/const/base.dart';
+import 'package:nowser/main.dart';
 
-import '../../component/user_pic_component.dart';
+import '../../component/user/user_name_component.dart';
+import '../../component/user/user_pic_component.dart';
 
 class KeysItemComponent extends StatefulWidget {
   bool isDefault;
@@ -33,17 +35,20 @@ class _KeysItemComponent extends State<KeysItemComponent> {
       ),
     ));
     list.add(Expanded(
-        child: Text(
-      Nip19.encodePubKey(widget.pubkey),
-      maxLines: 1,
-      overflow: TextOverflow.ellipsis,
+        child: UserNameComponent(
+      widget.pubkey,
+      fullNpubName: true,
     )));
-    list.add(Container(
-      margin: EdgeInsets.only(
-        left: Base.BASE_PADDING_HALF,
-        // right: Base.BASE_PADDING_HALF,
+    list.add(GestureDetector(
+      onTap: () {
+        keyProvider.removeKey(widget.pubkey);
+      },
+      child: Container(
+        margin: const EdgeInsets.only(
+          left: Base.BASE_PADDING_HALF,
+        ),
+        child: const Icon(Icons.logout),
       ),
-      child: Icon(Icons.logout),
     ));
 
     return Container(

lib/router/keys/keys_router.dart

@@ -1,8 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:nowser/component/appbar_back_btn_component.dart';
-import 'package:nowser/component/text_input/text_input_dialog.dart';
 import 'package:nowser/const/base.dart';
+import 'package:nowser/main.dart';
+import 'package:nowser/provider/key_provider.dart';
 import 'package:nowser/router/keys/keys_item_component.dart';
+import 'package:provider/provider.dart';
+
+import '../../component/user/user_login_dialog.dart';
 
 class KeysRouter extends StatefulWidget {
   @override
@@ -11,7 +15,7 @@ class KeysRouter extends StatefulWidget {
   }
 
   static void addKey(BuildContext context) {
-    TextInputDialog.show(context, "Please input private key");
+    UserLoginDialog.show(context);
   }
 }
 
@@ -25,19 +29,23 @@ class _KeysRouter extends State<KeysRouter> {
       top: Base.BASE_PADDING,
     );
 
+    var _keyProvider = Provider.of<KeyProvider>(context);
+
     List<Widget> list = [];
-    list.add(Container(
-      margin: margin,
-      child: KeysItemComponent(
-        "29320975df855fe34a7b45ada2421e2c741c37c0136901fe477133a91eb18b07",
-        isDefault: true,
-      ),
-    ));
-    for (var i = 0; i < 5; i++) {
+    var pubkeys = _keyProvider.pubkeys;
+    var length = pubkeys.length;
+    for (var i = 0; i < length; i++) {
+      var pubkey = pubkeys[i];
       list.add(Container(
         margin: margin,
-        child: KeysItemComponent(
-          "8fb140b4e8ddef97ce4b821d247278a1a4353362623f64021484b372f948000c",
+        child: GestureDetector(
+          onTap: () {
+            keyProvider.setDefault(pubkey);
+          },
+          child: KeysItemComponent(
+            pubkey,
+            isDefault: i == 0,
+          ),
         ),
       ));
     }

lib/router/me/me_router.dart

@@ -1,11 +1,14 @@
 import 'package:flutter/material.dart';
 import 'package:nowser/component/text_input/text_input_dialog.dart';
-import 'package:nowser/component/user_pic_component.dart';
+import 'package:nowser/component/user/user_name_component.dart';
+import 'package:nowser/component/user/user_pic_component.dart';
 import 'package:nowser/const/base.dart';
 import 'package:nowser/const/router_path.dart';
+import 'package:nowser/provider/key_provider.dart';
 import 'package:nowser/router/me/me_router_log_item_component.dart';
 import 'package:nowser/router/me/me_router_web_item_component.dart';
 import 'package:nowser/util/router_util.dart';
+import 'package:provider/provider.dart';
 
 import '../keys/keys_router.dart';
 import 'me_router_app_item_component.dart';
@@ -23,31 +26,43 @@ class _MeRouter extends State<MeRouter> {
     var mediaQueryData = MediaQuery.of(context);
     var themeData = Theme.of(context);
 
-    var listWidgetMargin = EdgeInsets.only(
+    var listWidgetMargin = const EdgeInsets.only(
       top: Base.BASE_PADDING,
       bottom: Base.BASE_PADDING,
     );
 
     List<Widget> defaultUserWidgets = [];
     defaultUserWidgets.add(Container(
-      margin: EdgeInsets.only(
+      margin: const EdgeInsets.only(
         left: Base.BASE_PADDING,
       ),
       child: UserPicComponent(width: 50),
     ));
     defaultUserWidgets.add(Container(
-      margin: EdgeInsets.only(left: Base.BASE_PADDING),
-      child: GestureDetector(
-        onTap: () {
-          KeysRouter.addKey(context);
+      margin: const EdgeInsets.only(left: Base.BASE_PADDING),
+      child: Selector<KeyProvider, List<String>>(
+        builder: (context, npubList, child) {
+          if (npubList.isNotEmpty) {
+            var pubkey = npubList.first;
+            return UserNameComponent(pubkey);
+          }
+
+          return GestureDetector(
+            onTap: () {
+              KeysRouter.addKey(context);
+            },
+            child: Text("Click and Login"),
+          );
+        },
+        selector: (context, _provider) {
+          return _provider.pubkeys;
         },
-        child: Text("Click and Login"),
       ),
     ));
     defaultUserWidgets.add(Expanded(child: Container()));
     defaultUserWidgets.add(Container(
-      margin: EdgeInsets.only(right: Base.BASE_PADDING),
-      child: Icon(Icons.settings),
+      margin: const EdgeInsets.only(right: Base.BASE_PADDING),
+      child: const Icon(Icons.settings),
     ));
     var defaultUserWidget = Container(
       margin: const EdgeInsets.only(
@@ -58,35 +73,47 @@ class _MeRouter extends State<MeRouter> {
       ),
     );
 
-    List<Widget> memberList = [];
-    for (var i = 0; i < 3; i++) {
-      memberList.add(Container(
-        margin: EdgeInsets.only(left: Base.BASE_PADDING_HALF),
-        child: UserPicComponent(width: 30),
-      ));
-    }
-    memberList.add(Expanded(child: Container()));
-    memberList.add(GestureDetector(
-      child: Icon(Icons.chevron_right),
-    ));
-    var memberListWidget = Container(
-      decoration: BoxDecoration(
-        color: themeData.cardColor,
-        borderRadius: BorderRadius.circular(
-          Base.BASE_PADDING,
-        ),
-      ),
-      margin: listWidgetMargin,
-      padding: EdgeInsets.all(Base.BASE_PADDING),
-      child: GestureDetector(
-        onTap: () {
-          RouterUtil.router(context, RouterPath.KEYS);
-        },
-        behavior: HitTestBehavior.translucent,
-        child: Row(
-          children: memberList,
-        ),
-      ),
+    var memberListWidget = Selector<KeyProvider, List<String>>(
+      builder: (context, npubList, child) {
+        if (npubList.isEmpty) {
+          return Container();
+        }
+
+        List<Widget> memberList = [];
+        for (var pubkey in npubList) {
+          memberList.add(Container(
+            margin: EdgeInsets.only(left: Base.BASE_PADDING_HALF),
+            child: UserPicComponent(width: 30),
+          ));
+        }
+        memberList.add(Expanded(child: Container()));
+        memberList.add(GestureDetector(
+          child: Icon(Icons.chevron_right),
+        ));
+
+        return Container(
+          decoration: BoxDecoration(
+            color: themeData.cardColor,
+            borderRadius: BorderRadius.circular(
+              Base.BASE_PADDING,
+            ),
+          ),
+          margin: listWidgetMargin,
+          padding: EdgeInsets.all(Base.BASE_PADDING),
+          child: GestureDetector(
+            onTap: () {
+              RouterUtil.router(context, RouterPath.KEYS);
+            },
+            behavior: HitTestBehavior.translucent,
+            child: Row(
+              children: memberList,
+            ),
+          ),
+        );
+      },
+      selector: (context, _provider) {
+        return _provider.pubkeys;
+      },
     );
 
     List<Widget> webItemList = [];
@@ -155,6 +182,8 @@ class _MeRouter extends State<MeRouter> {
       ),
     );
 
+    // TODO add zap send list here!
+
     List<Widget> logList = [];
     logList.add(Container(
       child: MeRouterLogItemComponent(),