add first version of nostr-login library

This commit is contained in:
Believethehype 2024-02-13 13:49:00 +01:00
parent 9f0ea60295
commit befc7660b6
2 changed files with 16 additions and 1 deletions

View File

@ -18,6 +18,7 @@
"bootstrap": "^5.3.2", "bootstrap": "^5.3.2",
"daisyui": "^4.6.0", "daisyui": "^4.6.0",
"mini-toastr": "^0.8.1", "mini-toastr": "^0.8.1",
"nostr-login": "^1.0.10",
"nostr-tools": "^1.17.0", "nostr-tools": "^1.17.0",
"vue": "^3.4.15", "vue": "^3.4.15",
"vue-notifications": "^1.0.2", "vue-notifications": "^1.0.2",

View File

@ -34,7 +34,7 @@
<h3 className="card-title">Nip07 Login</h3> <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> <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_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"> <template v-if="supports_android_signer">
<button className="btn" @click="sign_in_amber()">Amber Sign in</button> <button className="btn" @click="sign_in_amber()">Amber Sign in</button>
</template> </template>
@ -73,6 +73,10 @@ import Nip89 from "@/components/Nip89.vue";
import miniToastr from "mini-toastr"; import miniToastr from "mini-toastr";
import deadnip89s from "@/components/data/deadnip89s.json"; import deadnip89s from "@/components/data/deadnip89s.json";
import amberSignerService from "./android-signer/AndroidSigner"; 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"; import {useDark, useToggle} from "@vueuse/core";
const isDark = useDark(); const isDark = useDark();
//const toggleDark = useToggle(isDark); //const toggleDark = useToggle(isDark);
@ -93,6 +97,9 @@ export default {
}, },
async mounted() { async mounted() {
try{ try{
await initNostrLogin({/*options*/})
if (amberSignerService.supported) { if (amberSignerService.supported) {
this.supports_android_signer = true; this.supports_android_signer = true;
} }
@ -134,6 +141,13 @@ export default {
} }
}, },
onSignupClick() {
// launch signup screen
launchNostrLoginDialog({
startScreen: 'signup'
})
},
async sign_in_anon() { async sign_in_anon() {
try { try {
await loadWasmAsync(); await loadWasmAsync();