add first version of nostr-login library

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",

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();