feat: add nip46

apps/desktop2/src/routes/auth/privkey.lazy.tsx

@@ -1,5 +1,5 @@
 import { Spinner } from "@lume/ui";
-import { createLazyFileRoute, useNavigate } from "@tanstack/react-router";
+import { createLazyFileRoute } from "@tanstack/react-router";
 import { useState } from "react";
 import { toast } from "sonner";
 
@@ -9,7 +9,7 @@ export const Route = createLazyFileRoute("/auth/privkey")({
 
 function Screen() {
   const { ark } = Route.useRouteContext();
-  const navigate = useNavigate();
+  const navigate = Route.useNavigate();
 
   const [key, setKey] = useState("");
   const [password, setPassword] = useState("");
@@ -20,23 +20,23 @@ function Screen() {
       return toast.warning(
         "You need to enter a valid private key starts with nsec or ncryptsec",
       );
-    if (key.length < 30)
-      return toast.warning("You need to enter a valid private key");
-
-    setLoading(true);
 
     try {
+      setLoading(true);
+
       const npub = await ark.save_account(key, password);
-      navigate({
-        to: "/auth/settings",
-        search: { account: npub, new: false },
-        replace: true,
-      });
+
+      if (npub) {
+        navigate({
+          to: "/auth/settings",
+          search: { account: npub },
+          replace: true,
+        });
+      }
     } catch (e) {
+      setLoading(false);
       toast.error(e);
     }
-
-    setLoading(false);
   };
 
   return (

apps/desktop2/src/routes/auth/remote.lazy.tsx

@@ -1,9 +1,74 @@
+import { Spinner } from "@lume/ui";
 import { createLazyFileRoute } from "@tanstack/react-router";
+import { useState } from "react";
+import { toast } from "sonner";
 
 export const Route = createLazyFileRoute("/auth/remote")({
   component: Screen,
 });
 
 function Screen() {
-  return <div>#todo</div>;
+  const { ark } = Route.useRouteContext();
+  const navigate = Route.useNavigate();
+
+  const [uri, setUri] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const submit = async () => {
+    if (!uri.startsWith("bunker://"))
+      return toast.warning(
+        "You need to enter a valid Connect URI starts with bunker://",
+      );
+
+    try {
+      setLoading(true);
+
+      const npub = await ark.nostr_connect(uri);
+
+      if (npub) {
+        navigate({
+          to: "/auth/settings",
+          search: { account: npub },
+          replace: true,
+        });
+      }
+    } catch (e) {
+      setLoading(false);
+      toast.error(e);
+    }
+  };
+
+  return (
+    <div className="mx-auto flex h-full w-full flex-col items-center justify-center gap-6 px-5 xl:max-w-xl">
+      <div className="text-center">
+        <h3 className="text-xl font-semibold">Continue with Nostr Connect</h3>
+      </div>
+      <div className="flex w-full flex-col gap-3">
+        <div className="flex flex-col gap-1">
+          <label
+            htmlFor="uri"
+            className="font-medium text-neutral-900 dark:text-neutral-100"
+          >
+            Connect URI
+          </label>
+          <input
+            name="uri"
+            type="text"
+            placeholder="bunker://..."
+            value={uri}
+            onChange={(e) => setUri(e.target.value)}
+            className="h-11 rounded-lg border-transparent bg-neutral-100 px-3 placeholder:text-neutral-500 focus:border-blue-500 focus:ring focus:ring-blue-200 dark:bg-neutral-950 dark:placeholder:text-neutral-400 dark:focus:ring-blue-800"
+          />
+        </div>
+        <button
+          type="button"
+          onClick={submit}
+          disabled={loading}
+          className="mt-3 inline-flex h-11 w-full shrink-0  items-center justify-center rounded-lg bg-blue-500 font-semibold text-white hover:bg-blue-600 disabled:opacity-50"
+        >
+          {loading ? <Spinner /> : "Login"}
+        </button>
+      </div>
+    </div>
+  );
 }