`}
+
${this.bio || 'Welcome, guest! Please sign in to view your profile.'}
diff --git a/src/pages/note-wall.ts b/src/pages/note-wall.ts index f8b8f20..b126484 100644 --- a/src/pages/note-wall.ts +++ b/src/pages/note-wall.ts @@ -2,6 +2,7 @@ import { LitElement, css, html } from 'lit'; import { property, customElement } from 'lit/decorators.js'; import { resolveRouterPath } from '../router'; import { Relay } from 'nostr-tools'; +import axios from 'axios'; import '@shoelace-style/shoelace/dist/components/card/card.js'; import '@shoelace-style/shoelace/dist/components/button/button.js'; @@ -16,7 +17,6 @@ export class NoteWall extends LitElement { - static styles = [ styles, css` @@ -144,6 +144,10 @@ export class NoteWall extends LitElement { note = ''; // store notes + getUserLang() { + return navigator.language || 'en'; + } + async firstUpdated() { // this method is a lifecycle even in lit // for more info check out the lit docs https://lit.dev/docs/components/lifecycle/ @@ -158,38 +162,59 @@ export class NoteWall extends LitElement { ]); } - async fetchNotes() { - const ifcaRelay = await Relay.connect('wss://hi.myvoiceourstory.org'); - const migsRelay = await Relay.connect('wss://notes.miguelalmodo.com'); - console.log(`connected to ${ifcaRelay.url}`); - console.log(`connected to ${migsRelay.url}`); - const eric = 'f8d17812ce41a9b145aede4f0720050ab63607f51688832b5d78c65d620ec7d9' - const migs = 'ec965405e11a6a6186b27fa451a2ffc1396ede7883d2ea11c32fbd2c63996966' - const sub = ifcaRelay.subscribe([ - { - kinds: [1], // short form notes - limit: 20, - authors: [eric] - } - ], { - onevent: (event) => { +async translateText(text: string, targetLang: string) { + try { + const response = await axios.post('https://api-free.deepl.com/v2/translate', { + text, target_lang: targetLang }); - this.notes.push({ - content: event.content, - date: new Date(event.created_at * 1000).toLocaleDateString() - }); - this.requestUpdate(); - console.log(event) - }, - oneose: () => { - sub.close(); - - this.requestUpdate(); - } - }); + return response.data.translations[0].text; // Assuming DeepL's API structure + } catch (error) { + console.error('Error during translation:', error.response?.data || error.message); + return ''; } +} + + + + +async fetchNotes() { + const ifcaRelay = await Relay.connect('wss://hi.myvoiceourstory.org'); + const migsRelay = await Relay.connect('wss://notes.miguelalmodo.com'); + console.log(`connected to ${ifcaRelay.url}`); + console.log(`connected to ${migsRelay.url}`); + + const sub = ifcaRelay.subscribe([ + { + kinds: [1], // short form notes + limit: 20, + } + ], { + onevent: async (event) => { + // Translate the note content to the user's language + const userLang = this.getUserLang(); + const translatedContent = await this.translateText(event.content, userLang); + + this.notes.push({ + content: translatedContent, + date: new Date(event.created_at * 1000).toLocaleDateString(), + }); + + this.requestUpdate(); + console.log(event); + }, + oneose: () => { + sub.close(); + this.requestUpdate(); + }, + }); +} + + + + + share() { @@ -216,24 +241,41 @@ export class NoteWall extends LitElement { -${note.date} |
+
+ ${textContent} + ${thumbnailUrl + ? html` |
+
${note.date}
${textContent}
- ${imageUrl ? html`