From befc7660b655b4ecf96721609a2edf8df09a4d1e Mon Sep 17 00:00:00 2001
From: Believethehype <tobias_baur@yahoo.com>
Date: Tue, 13 Feb 2024 13:49:00 +0100
Subject: [PATCH] add first version of nostr-login library

---
 ui/noogle/package.json             |  1 +
 ui/noogle/src/components/Login.vue | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/ui/noogle/package.json b/ui/noogle/package.json
index 9871fc8..42a5ecd 100644
--- a/ui/noogle/package.json
+++ b/ui/noogle/package.json
@@ -18,6 +18,7 @@
     "bootstrap": "^5.3.2",
     "daisyui": "^4.6.0",
     "mini-toastr": "^0.8.1",
+    "nostr-login": "^1.0.10",
     "nostr-tools": "^1.17.0",
     "vue": "^3.4.15",
     "vue-notifications": "^1.0.2",
diff --git a/ui/noogle/src/components/Login.vue b/ui/noogle/src/components/Login.vue
index d70dfea..d7aab26 100644
--- a/ui/noogle/src/components/Login.vue
+++ b/ui/noogle/src/components/Login.vue
@@ -34,7 +34,7 @@
           <h3 className="card-title">Nip07 Login</h3>
           <p>Use a Browser Nip07 Extension like getalby or nos2x to login or use Amber on Android</p>
          <button className="btn" @click="sign_in_nip07()">Browser Extension</button>
-          <!-- <button className="btn" @click="sign_in_nip46()">NsecBunker</button>  Not working on server end rn.-->
+          <button className="btn" @click="onSignupClick()">Nostr Login</button>
          <template v-if="supports_android_signer">
           <button className="btn" @click="sign_in_amber()">Amber Sign in</button>
         </template>
@@ -73,6 +73,10 @@ import Nip89 from "@/components/Nip89.vue";
 import miniToastr from "mini-toastr";
 import deadnip89s from "@/components/data/deadnip89s.json";
 import amberSignerService from "./android-signer/AndroidSigner";
+import { init as initNostrLogin  } from "nostr-login"
+import { launch as launchNostrLoginDialog } from "nostr-login"
+
+
 import {useDark, useToggle} from "@vueuse/core";
 const isDark = useDark();
 //const toggleDark = useToggle(isDark);
@@ -93,6 +97,9 @@ export default {
   },
   async mounted() {
      try{
+
+        await initNostrLogin({/*options*/})
+
         if (amberSignerService.supported) {
           this.supports_android_signer = true;
         }
@@ -134,6 +141,13 @@ export default {
         }
     },
 
+     onSignupClick() {
+      // launch signup screen
+      launchNostrLoginDialog({
+        startScreen: 'signup'
+      })
+    },
+
     async sign_in_anon() {
       try {
          await loadWasmAsync();