aljaz/nostrdvm
1
0
Fork 0
mirror of https://github.com/aljazceru/nostrdvm.git synced 2025-12-22 16:34:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

noogle: reformat code

Browse Source
This commit is contained in:
Believethehype
2024-11-04 08:16:44 +01:00
parent f7d62edf59
commit 61134622a6
44 changed files with 5974 additions and 5802 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ui/noogle/index.html
View File

@@ -1,14 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link href="/favicon.ico" rel="icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Nostr decentralized search and other stuff</title> <title>Nostr decentralized search and other stuff</title>
<meta name="theme-color" content="#ffffff"> <meta content="#ffffff" name="theme-color">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.js"></script> <script src="/src/main.js" type="module"></script>
</body> </body>
</html> </html>

9
ui/noogle/jsconfig.json
View File

@@ -1,8 +1,13 @@
{ {
"compilerOptions": { "compilerOptions": {
"paths": { "paths": {
"@/*": ["./src/*"] "@/*": [
"./src/*"
]
} }
}, },
"exclude": ["node_modules", "dist"] "exclude": [
"node_modules",
"dist"
]
} }

4
ui/noogle/package.json
View File

@@ -12,14 +12,14 @@
}, },
"dependencies": { "dependencies": {
"@getalby/sdk": "^3.4.0", "@getalby/sdk": "^3.4.0",
"@rust-nostr/nostr-sdk": "^0.14.0", "@rust-nostr/nostr-sdk": "^0.14.1",
"@vuepic/vue-datepicker": "^7.4.1", "@vuepic/vue-datepicker": "^7.4.1",
"@vueuse/core": "^10.7.2", "@vueuse/core": "^10.7.2",
"bech32": "^2.0.0", "bech32": "^2.0.0",
"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.6.6", "nostr-login": "^1.6.7",
"nostr-tools": "^2.4.0", "nostr-tools": "^2.4.0",
"vue": "^3.4.15", "vue": "^3.4.15",
"vue-notifications": "^1.0.2", "vue-notifications": "^1.0.2",

3
ui/noogle/public/opensearch.xml
View File

@@ -1,4 +1,5 @@
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/"> <OpenSearchDescription xmlns:moz="http://www.mozilla.org/2006/browser/search/"
xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>Noogle</ShortName> <ShortName>Noogle</ShortName>
<Description>Search the Nostr</Description> <Description>Search the Nostr</Description>
<Url type="text/html" method="get" template="https://noogle.lol?search={searchTerms}"/> <Url type="text/html" method="get" template="https://noogle.lol?search={searchTerms}"/>

7
ui/noogle/src/App.vue
View File

@@ -1,14 +1,10 @@
<script setup> <script setup>
import ThreeColumnLayout from "./layouts/ThreeColumnLayout.vue"; import ThreeColumnLayout from "./layouts/ThreeColumnLayout.vue";
import ProfileResultsTable from "@/components/ProfileResultTable.vue"; import ProfileResultsTable from "@/components/ProfileResultTable.vue";
import router from "@/router/index.js";
</script> </script>
<template> <template>
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Noogle Search" /> <link href="/opensearch.xml" rel="search" title="Noogle Search" type="application/opensearchdescription+xml"/>
<main> <main>
@@ -30,7 +26,6 @@ header {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
header { header {
display: flex; display: flex;

6
ui/noogle/src/app.css
View File

@@ -14,6 +14,7 @@
background-color: #ffffff; background-color: #ffffff;
} }
} }
a, a,
.green { .green {
text-decoration: none; text-decoration: none;
@@ -35,11 +36,12 @@ a,
transition: 0.4s; transition: 0.4s;
padding: 3px; padding: 3px;
} }
.menu { .menu {
color: white; color: white;
@apply btn bg-transparent border-transparent tracking-wide; @apply btn bg-transparent border-transparent tracking-wide;
} }

6
ui/noogle/src/assets/base.css
View File

@@ -62,12 +62,10 @@ body {
min-height: 100vh; min-height: 100vh;
color: var(--color-text); color: var(--color-text);
background: var(--color-background); background: var(--color-background);
transition: transition: color 0.5s,
color 0.5s,
background-color 0.5s; background-color 0.5s;
line-height: 1.6; line-height: 1.6;
font-family: font-family: Inter,
Inter,
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', 'Segoe UI',

18
ui/noogle/src/assets/nostr-purple.svg
View File

@@ -1,10 +1,12 @@
<svg width="225" height="224" viewBox="0 0 225 224" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="225" height="224" viewBox="0 0 225 224" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="224.047" height="224" rx="64" fill="url(#paint0_radial_855_5166)"/> <rect width="224.047" height="224" rx="64" fill="url(#paint0_radial_855_5166)"/>
<path d="M162.441 135.941V88.0593C170.359 85.1674 176 77.5348 176 68.6696C176 57.2919 166.708 48 155.33 48C143.953 48 134.661 57.2444 134.661 68.6696C134.661 77.5822 140.302 85.1674 148.219 88.0593V135.941C147.698 136.13 147.176 136.367 146.655 136.604L87.3956 77.3452C88.6282 74.6904 89.2919 71.7511 89.2919 68.6696C89.2919 57.2444 80.0474 48 68.6696 48C57.2919 48 48 57.2444 48 68.6696C48 77.5822 53.6415 85.1674 61.5585 88.0593V135.941C53.6415 138.833 48 146.465 48 155.33C48 166.708 57.2444 176 68.6696 176C80.0948 176 89.3393 166.708 89.3393 155.33C89.3393 146.418 83.6978 138.833 75.7807 135.941V88.0593C76.3022 87.8696 76.8237 87.6326 77.3452 87.3956L136.604 146.655C135.372 149.31 134.708 152.249 134.708 155.33C134.708 166.708 143.953 176 155.378 176C166.803 176 176.047 166.708 176.047 155.33C176.047 146.418 170.406 138.833 162.489 135.941H162.441Z" fill="white"/> <path d="M162.441 135.941V88.0593C170.359 85.1674 176 77.5348 176 68.6696C176 57.2919 166.708 48 155.33 48C143.953 48 134.661 57.2444 134.661 68.6696C134.661 77.5822 140.302 85.1674 148.219 88.0593V135.941C147.698 136.13 147.176 136.367 146.655 136.604L87.3956 77.3452C88.6282 74.6904 89.2919 71.7511 89.2919 68.6696C89.2919 57.2444 80.0474 48 68.6696 48C57.2919 48 48 57.2444 48 68.6696C48 77.5822 53.6415 85.1674 61.5585 88.0593V135.941C53.6415 138.833 48 146.465 48 155.33C48 166.708 57.2444 176 68.6696 176C80.0948 176 89.3393 166.708 89.3393 155.33C89.3393 146.418 83.6978 138.833 75.7807 135.941V88.0593C76.3022 87.8696 76.8237 87.6326 77.3452 87.3956L136.604 146.655C135.372 149.31 134.708 152.249 134.708 155.33C134.708 166.708 143.953 176 155.378 176C166.803 176 176.047 166.708 176.047 155.33C176.047 146.418 170.406 138.833 162.489 135.941H162.441Z"
<defs> fill="white"/>
<radialGradient id="paint0_radial_855_5166" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(224.047 224) rotate(-135.006) scale(316.817 473.813)"> <defs>
<stop stop-color="#6951FA"/> <radialGradient id="paint0_radial_855_5166" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
<stop offset="1" stop-color="#9151FA"/> gradientTransform="translate(224.047 224) rotate(-135.006) scale(316.817 473.813)">
</radialGradient> <stop stop-color="#6951FA"/>
</defs> <stop offset="1" stop-color="#9151FA"/>
</radialGradient>
</defs>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

85
ui/noogle/src/components/AboutPage.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="max-w-5xl mx-auto flex flex-col gap-8"> <div class="max-w-5xl mx-auto flex flex-col gap-8">
<div class="flex flex-row gap-6 items-center"> <div class="flex flex-row gap-6 items-center">
<Logo /> <Logo/>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<h1 class="text-7xl font-black tracking-wide">About</h1> <h1 class="text-7xl font-black tracking-wide">About</h1>
<!-- <div class="text-lg text-nostr"> <!-- <div class="text-lg text-nostr">
@@ -9,7 +9,7 @@
</div> --> </div> -->
</div> </div>
</div> </div>
<br><br> <br><br>
<!-- <div class="grid grid-cols-2 gap-6"> <!-- <div class="grid grid-cols-2 gap-6">
<div class="card card-compact rounded-box bg-black"> <div class="card card-compact rounded-box bg-black">
<div class="card-body !text-base"> <div class="card-body !text-base">
@@ -71,64 +71,74 @@
</div> </div>
</div> </div>
</div>--> </div>-->
</div> </div>
<div className="chat chat-start"> <div className="chat chat-start">
<div className="chat-image avatar"> <div className="chat-image avatar">
<div className="w-10 rounded-full"> <div className="w-10 rounded-full">
<img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" /> <img alt="Tailwind CSS chat bubble component"
src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
</div> </div>
</div> </div>
<div className="chat-bubble">NIP 90 Data Vending Machines can perform multiple tasks leveraging the Nostr Protocol.</div> <div className="chat-bubble">NIP 90 Data Vending Machines can perform multiple tasks leveraging the Nostr
</div> Protocol.
<div className="chat chat-start"> </div>
</div>
<div className="chat chat-start">
<div className="chat-image avatar"> <div className="chat-image avatar">
<div className="w-10 rounded-full"> <div className="w-10 rounded-full">
<img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" /> <img alt="Tailwind CSS chat bubble component"
src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
</div>
</div>
<div className="chat-bubble">This Demo Application uses a Kind 5302 event to ask DVMs to search for content on the
Nostr.
</div> </div>
</div> </div>
<div className="chat-bubble">This Demo Application uses a Kind 5302 event to ask DVMs to search for content on the Nostr.</div>
</div>
<div className="chat chat-start"> <div className="chat chat-start">
<div className="chat-image avatar"> <div className="chat-image avatar">
<div className="w-10 rounded-full"> <div className="w-10 rounded-full">
<img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" /> <img alt="Tailwind CSS chat bubble component"
src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
</div> </div>
</div> </div>
<div className="chat-bubble">You can add from:npub.... to your search to filter content for a specific user.</div> <div className="chat-bubble">You can add from:npub.... to your search to filter content for a specific user.</div>
</div> </div>
<div className="chat chat-start"> <div className="chat chat-start">
<div className="chat-image avatar"> <div className="chat-image avatar">
<div className="w-10 rounded-full"> <div className="w-10 rounded-full">
<img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" /> <img alt="Tailwind CSS chat bubble component"
src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
</div>
</div>
<div className="chat-bubble">When you're logged in (via getalby or nos2x extension) you can add from:me to search
content from yourself
</div> </div>
</div> </div>
<div className="chat-bubble">When you're logged in (via getalby or nos2x extension) you can add from:me to search content from yourself</div>
</div>
<div className="chat chat-start"> <div className="chat chat-start">
<div className="chat-image avatar"> <div className="chat-image avatar">
<div className="w-10 rounded-full"> <div className="w-10 rounded-full">
<img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" /> <img alt="Tailwind CSS chat bubble component"
src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
</div> </div>
</div> </div>
<div className="chat-bubble">This page then combines all the results from available search dvms.</div> <div className="chat-bubble">This page then combines all the results from available search dvms.</div>
</div> </div>
<div className="chat chat-start"> <div className="chat chat-start">
<div className="chat-image avatar"> <div className="chat-image avatar">
<div className="w-10 rounded-full"> <div className="w-10 rounded-full">
<img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" /> <img alt="Tailwind CSS chat bubble component"
src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
</div>
</div>
<div className="chat-bubble">This way we will be able to decentralize the most centralized thing on the internet.
Search.
</div> </div>
</div> </div>
<div className="chat-bubble">This way we will be able to decentralize the most centralized thing on the internet. Search.</div>
</div>
</template> </template>
<script> <script>
export default { export default {
name: 'dailyUIdemo', name: 'dailyUIdemo',
@@ -136,19 +146,22 @@ export default {
</script> </script>
<style scoped> <style scoped>
h3 { h3 {
margin: 40px 0 0; margin: 40px 0 0;
} }
ul {
ul {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
} }
li {
li {
display: inline-block; display: inline-block;
margin: 0 10px; margin: 0 10px;
} }
a {
a {
color: #42b983; color: #42b983;
} }
</style> </style>

1
ui/noogle/src/components/Chat.vue
View File

@@ -1,6 +1,5 @@
<script> <script>
import ImageGeneration from "@/components/ChatGeneration.vue"; import ImageGeneration from "@/components/ChatGeneration.vue";
import Donate from "@/components/Donate.vue";
export default { export default {
name: "Image", name: "Image",

318
ui/noogle/src/components/ChatGeneration.vue
View File

@@ -1,39 +1,18 @@
<script setup> <script setup>
import { import {Event, EventBuilder, Filter, Keys, Tag, Timestamp} from "@rust-nostr/nostr-sdk";
Client,
Filter,
Timestamp,
Event,
Metadata,
PublicKey,
EventBuilder,
Tag,
EventId,
Nip19Event, Alphabet, Keys, nip04_decrypt, SecretKey
} from "@rust-nostr/nostr-sdk";
import store from '../store'; import store from '../store';
import miniToastr from "mini-toastr"; import {ref} from "vue";
import VueNotifications from "vue-notifications";
import {computed, watch} from "vue";
import deadnip89s from "@/components/data/deadnip89s.json";
import {data} from "autoprefixer";
import {requestProvider} from "webln";
import Newnote from "@/components/Newnote.vue";
import { ref } from "vue";
import ModalComponent from "../components/Newnote.vue"; import ModalComponent from "../components/Newnote.vue";
import VueDatePicker from "@vuepic/vue-datepicker"; import VueDatePicker from "@vuepic/vue-datepicker";
import {timestamp} from "@vueuse/core"; import {get_user_infos, nextInput, post_note, schedule, sleep} from "../components/helper/Helper.vue"
import {post_note, schedule, react_to_dvm, copyinvoice, copyurl, sleep, nextInput, get_user_infos, dvmreactions} from "../components/helper/Helper.vue" import {zap, zaprequest} from "../components/helper/Zap.vue"
import {zap, createBolt11Lud16, zaprequest} from "../components/helper/Zap.vue"
import StringUtil from "@/components/helper/string.ts"; import StringUtil from "@/components/helper/string.ts";
let dvms = []
let dvms =[]
let hasmultipleinputs = false let hasmultipleinputs = false
let requestids = [] let requestids = []
@@ -42,11 +21,11 @@ async function generate_chat(message) {
listen() listen()
try { try {
if (message === undefined){ if (message === undefined) {
message = "What is Nostr?" message = "What is Nostr?"
} }
if(store.state.pubkey === undefined){ if (store.state.pubkey === undefined) {
return return
} }
@@ -62,13 +41,13 @@ async function generate_chat(message) {
] ]
let r = ["relays"] let r = ["relays"]
for (let relay of store.state.relays){ for (let relay of store.state.relays) {
r.push(relay) r.push(relay)
} }
tags.push(r) tags.push(r)
hasmultipleinputs = false hasmultipleinputs = false
if (urlinput.value !== "" && urlinput.value.startsWith('http')){ if (urlinput.value !== "" && urlinput.value.startsWith('http')) {
let imagetag = ["i", urlinput.value, "url"] let imagetag = ["i", urlinput.value, "url"]
tags.push(imagetag) tags.push(imagetag)
hasmultipleinputs = true hasmultipleinputs = true
@@ -79,9 +58,8 @@ async function generate_chat(message) {
let requestid; let requestid;
let tags_t = [] let tags_t = []
for (let tag of tags){ for (let tag of tags) {
tags_t.push(Tag.parse(tag)) tags_t.push(Tag.parse(tag))
} }
@@ -96,10 +74,6 @@ async function generate_chat(message) {
await client.sendEvent(signedEvent) await client.sendEvent(signedEvent)
} catch (error) { } catch (error) {
console.log(error); console.log(error);
} }
@@ -125,7 +99,7 @@ async function listen() {
sleep(0).then(async () => { sleep(0).then(async () => {
for (let tag in event.tags) { for (let tag in event.tags) {
if (event.tags[tag].asVec()[0] === "e") { if (event.tags[tag].asVec()[0] === "e") {
if (store.state.requestidChat.includes(event.tags[tag].asVec()[1])){ if (store.state.requestidChat.includes(event.tags[tag].asVec()[1])) {
resonsetorequest = true resonsetorequest = true
} }
} }
@@ -163,13 +137,12 @@ async function listen() {
jsonentry.amount = event.tags[tag].asVec()[1] jsonentry.amount = event.tags[tag].asVec()[1]
if (event.tags[tag].asVec().length > 2) { if (event.tags[tag].asVec().length > 2) {
jsonentry.bolt11 = event.tags[tag].asVec()[2] jsonentry.bolt11 = event.tags[tag].asVec()[2]
} } else {
else{
let profiles = await get_user_infos([event.author.toHex()]) let profiles = await get_user_infos([event.author.toHex()])
let created = 0 let created = 0
let current let current
console.log("NUM KIND0 FOUND " + profiles.length) console.log("NUM KIND0 FOUND " + profiles.length)
if (profiles.length > 0){ if (profiles.length > 0) {
// for (const profile of profiles){ // for (const profile of profiles){
console.log(profiles[0].profile) console.log(profiles[0].profile)
let current = profiles[0] let current = profiles[0]
@@ -180,23 +153,20 @@ async function listen() {
let lud16 = current.profile.lud16 let lud16 = current.profile.lud16
if (lud16 !== null && lud16 !== ""){ if (lud16 !== null && lud16 !== "") {
console.log("LUD16: " + lud16) console.log("LUD16: " + lud16)
//jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount) //todo replace with zaprequest //jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount) //todo replace with zaprequest
jsonentry.bolt11 = await zaprequest(lud16, jsonentry.amount , "zapped from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays) //Not working yet jsonentry.bolt11 = await zaprequest(lud16, jsonentry.amount, "zapped from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays) //Not working yet
console.log(jsonentry.bolt11) console.log(jsonentry.bolt11)
if(jsonentry.bolt11 === ""){ if (jsonentry.bolt11 === "") {
status = "error" status = "error"
} }
} } else {
else {
console.log("NO LNURL") console.log("NO LNURL")
} }
} } else {
else {
console.log("PROFILE NOT FOUND") console.log("PROFILE NOT FOUND")
} }
} }
@@ -208,7 +178,7 @@ async function listen() {
for (const el of store.state.nip89dvms) { for (const el of store.state.nip89dvms) {
if (JSON.parse(el.event).pubkey === event.author.toHex().toString() && el.kind === "5050" ) { if (JSON.parse(el.event).pubkey === event.author.toHex().toString() && el.kind === "5050") {
jsonentry.name = el.name jsonentry.name = el.name
jsonentry.about = el.about jsonentry.about = el.about
jsonentry.image = el.image jsonentry.image = el.image
@@ -236,20 +206,16 @@ async function listen() {
} }
} } else if (event.kind === 6905) {
else if (event.kind === 6905) {
console.log(event.content) console.log(event.content)
} } else if (event.kind === 6050) {
else if (event.kind === 6050) {
let entries = [] let entries = []
//console.log("6050:", event.content); //console.log("6050:", event.content);
let entryfound = false let entryfound = false
for (const el of store.state.nip89dvms) { for (const el of store.state.nip89dvms) {
if (JSON.parse(el.event).pubkey === event.author.toHex().toString()) { // && el.kind === "5050" ) { if (JSON.parse(el.event).pubkey === event.author.toHex().toString()) { // && el.kind === "5050" ) {
let jsonentry = { let jsonentry = {
id: event.author.toHex(), id: event.author.toHex(),
@@ -267,8 +233,7 @@ async function listen() {
if (dvms.filter(i => i.id === jsonentry.id).length === 0) { if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
console.log("YES HERE") console.log("YES HERE")
dvms.push(jsonentry) dvms.push(jsonentry)
} } else {
else{
dvms.find(i => i.id === event.author.toHex()).result = event.content dvms.find(i => i.id === event.author.toHex()).result = event.content
dvms.find(i => i.id === event.author.toHex()).status = "finished" dvms.find(i => i.id === event.author.toHex()).status = "finished"
} }
@@ -279,16 +244,13 @@ async function listen() {
} }
store.commit('set_chat_dvm_results', dvms) store.commit('set_chat_dvm_results', dvms)
} }
if (!entryfound){ if (!entryfound) {
let jsonentry = { let jsonentry = {
id: event.author.toHex(), id: event.author.toHex(),
@@ -305,8 +267,7 @@ async function listen() {
if (dvms.filter(i => i.id === jsonentry.id).length === 0) { if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
console.log("IN THE OTHER THING") console.log("IN THE OTHER THING")
dvms.push(jsonentry) dvms.push(jsonentry)
} } else {
else{
dvms.find(i => i.id === event.author.toHex()).result = event.content dvms.find(i => i.id === event.author.toHex()).result = event.content
dvms.find(i => i.id === event.author.toHex()).status = "finished" dvms.find(i => i.id === event.author.toHex()).status = "finished"
} }
@@ -330,10 +291,9 @@ async function listen() {
const urlinput = ref(""); const urlinput = ref("");
async function zap_local(invoice) { async function zap_local(invoice) {
let success = await zap(invoice) let success = await zap(invoice)
if (success){ if (success) {
dvms.find(i => i.bolt11 === invoice).status = "paid" dvms.find(i => i.bolt11 === invoice).status = "paid"
store.commit('set_chat_dvm_results', dvms) store.commit('set_chat_dvm_results', dvms)
} }
@@ -348,7 +308,6 @@ defineProps({
}) })
const isModalOpened = ref(false); const isModalOpened = ref(false);
const modalcontent = ref(""); const modalcontent = ref("");
const datetopost = ref(Date.now()); const datetopost = ref(Date.now());
@@ -380,24 +339,25 @@ const submitHandler = async () => {
Ask AI Agents living on the Nostr</h2> Ask AI Agents living on the Nostr</h2>
<h3> <h3>
<br> <br>
<input class="c-Input" autofocus placeholder="What is Nostr?" v-model="message" @keyup.enter="generate_chat(message)" @keydown.enter="nextInput"> <input v-model="message" autofocus class="c-Input" placeholder="What is Nostr?"
@keyup.enter="generate_chat(message)" @keydown.enter="nextInput">
<button class="v-Button" @click="generate_chat(message)">Send</button> <button class="v-Button" @click="generate_chat(message)">Send</button>
</h3> </h3>
<!--<details class="collapse bg-base " className="advanced" >--> <!--<details class="collapse bg-base " className="advanced" >-->
<!-- <summary class="collapse-title font-thin bg">Advanced Options</summary>--> <!-- <summary class="collapse-title font-thin bg">Advanced Options</summary>-->
<!-- <div class="collapse-content font-size-0" className="z-10" id="collapse-settings">--> <!-- <div class="collapse-content font-size-0" className="z-10" id="collapse-settings">-->
<!-- <div>--> <!-- <div>-->
<!-- <h4 className="inline-flex flex-none font-thin">Url to existing image:</h4>--> <!-- <h4 className="inline-flex flex-none font-thin">Url to existing image:</h4>-->
<!-- <div className="inline-flex flex-none" style="width: 10px;"></div>--> <!-- <div className="inline-flex flex-none" style="width: 10px;"></div>-->
<!-- <input class="c-Input" style="width: 300px;" placeholder="https://image.nostr.build/image123.jpg" v-model="urlinput">--> <!-- <input class="c-Input" style="width: 300px;" placeholder="https://image.nostr.build/image123.jpg" v-model="urlinput">-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!--</details>--> <!--</details>-->
</div> </div>
<br> <br>
<ModalComponent :isOpen="isModalOpened" @modal-close="closeModal" @submit="submitHandler" name="first-modal"> <ModalComponent :isOpen="isModalOpened" name="first-modal" @submit="submitHandler" @modal-close="closeModal">
<template #header>Share your creation on Nostr <br> <br></template> <template #header>Share your creation on Nostr <br> <br></template>
<template #content> <template #content>
@@ -408,16 +368,22 @@ const submitHandler = async () => {
<template #footer> <template #footer>
<div class="inline-flex flex-none"> <div class="inline-flex flex-none">
<VueDatePicker :min-date="new Date()" :dark="true" style="max-width: 200px;" className="bg-base-200" teleport-center v-model="datetopost"></VueDatePicker> <VueDatePicker v-model="datetopost" :dark="true" :min-date="new Date()" className="bg-base-200"
style="max-width: 200px;" teleport-center></VueDatePicker>
</div> </div>
<div class="content-center"> <div class="content-center">
<button className="v-Button" @click="schedule(modalcontent, datetopost)" @click.stop="closeModal"><img width="25px" style="margin-right: 5px" src="../../public/shipyard.ico"/>Schedule Note with Shipyard DVM</button> <button className="v-Button" @click="schedule(modalcontent, datetopost)" @click.stop="closeModal"><img
src="../../public/shipyard.ico" style="margin-right: 5px" width="25px"/>Schedule Note with Shipyard DVM
</button>
<br> <br>
or or
<br> <br>
<button className="v-Button" style="margin-bottom: 0px" @click="post_note(modalcontent)" @click.stop="closeModal"><img width="25px" style="margin-right: 5px;" src="../../public/favicon.ico"/>Post Note now</button> <button className="v-Button" style="margin-bottom: 0px" @click="post_note(modalcontent)"
@click.stop="closeModal"><img src="../../public/favicon.ico" style="margin-right: 5px;" width="25px"/>Post
Note now
</button>
</div> </div>
</template> </template>
</ModalComponent> </ModalComponent>
@@ -425,19 +391,17 @@ const submitHandler = async () => {
<div class="max-w-5xl relative space-y-3"> <div class="max-w-5xl relative space-y-3">
<div class="grid grid-cols-1 gap-6"> <div class="grid grid-cols-1 gap-6">
<div className="card w-70 bg-base-100 shadow-xl flex flex-col" v-for="dvm in store.state.chatdvmreplies" <div v-for="dvm in store.state.chatdvmreplies" :key="dvm.id"
:key="dvm.id"> className="card w-70 bg-base-100 shadow-xl flex flex-col">
<div className="card-body"> <div className="card-body">
<div className="playeauthor-wrapper"> <div className="playeauthor-wrapper">
<figure className="w-28"> <figure className="w-28">
<img className="avatar" v-if="dvm.image && dvm.image !== ''" :src="dvm.image" alt="DVM Picture" /> <img v-if="dvm.image && dvm.image !== ''" :src="dvm.image" alt="DVM Picture" className="avatar"/>
<img class="avatar" v-else src="@/assets/nostr-purple.svg" /> <img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
</figure> </figure>
<h2 className="card-title">{{ dvm.name }}</h2> <h2 className="card-title">{{ dvm.name }}</h2>
@@ -449,18 +413,18 @@ const submitHandler = async () => {
</div> --> </div> -->
<div className="card-actions justify-end mt-auto">
<div className="tooltip mt-auto">
<div className="card-actions justify-end mt-auto" >
<div className="tooltip mt-auto" >
<button v-if="dvm.status === 'processing'" className="btn">Processing</button> <button v-if="dvm.status === 'processing'" className="btn">Processing</button>
<button v-if="dvm.status === 'finished'" className="btn">Done</button> <button v-if="dvm.status === 'finished'" className="btn">Done</button>
<button v-if="dvm.status === 'paid'" className="btn">Paid, waiting for DVM..</button> <button v-if="dvm.status === 'paid'" className="btn">Paid, waiting for DVM..</button>
<button v-if="dvm.status === 'error'" className="btn">Error</button> <button v-if="dvm.status === 'error'" className="btn">Error</button>
<button v-if="dvm.status === 'payment-required'" className="zap-Button" @click="zap_local(dvm.bolt11);">{{ dvm.amount/1000 }} Sats</button> <button v-if="dvm.status === 'payment-required'" className="zap-Button" @click="zap_local(dvm.bolt11);">
{{ dvm.amount / 1000 }} Sats
</button>
</div> </div>
@@ -468,76 +432,80 @@ const submitHandler = async () => {
</div> </div>
<h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.result)"></h3> <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.result)"></h3>
<!-- <figure className="w-full" >--> <!-- <figure className="w-full" >-->
<!-- <img v-if="dvm.result" :src="dvm.result" className="tooltip" data-top='Click to copy url' height="200" alt="DVM Picture" @click="copyurl(dvm.result)"/>--> <!-- <img v-if="dvm.result" :src="dvm.result" className="tooltip" data-top='Click to copy url' height="200" alt="DVM Picture" @click="copyurl(dvm.result)"/>-->
<!-- </figure>--> <!-- </figure>-->
<div class="flex"> <div class="flex">
<div
v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()">
<div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()" > <button aria-label="make note"
<button @click="openModal('Look what I created on noogle.lol\n\n' + dvm.result)" style="margin-right: 5px" class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip" data-top='Share' aria-label="make note" role="button"> class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip"
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-pencil" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> data-top='Share'
<path stroke="none" d="M0 0h24v24H0z"></path> role="button" style="margin-right: 5px" @click="openModal('Look what I created on noogle.lol\n\n' + dvm.result)">
<svg class="icon icon-tabler icon-tabler-pencil" fill="none" height="20"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24"
width="20" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" stroke="none"></path>
<path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path> <path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>
<line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line> <line x1="13.5" x2="17.5" y1="6.5" y2="10.5"></line>
</svg> </svg>
</button> </button>
</div> </div>
<div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()" style="margin-right: 5px"> <div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()"
<!-- && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser--> style="margin-right: 5px">
<!-- && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser-->
<!-- <button @click="react_to_dvm(dvm, '👍')" class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip" data-top='Share' aria-label="make note" role="button">-->
<!-- <button @click="react_to_dvm(dvm, '👍')" class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip" data-top='Share' aria-label="make note" role="button">--> <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">--> <!-- <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
<!-- <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>--> <!-- </svg>-->
<!-- </svg>--> <!-- </button>-->
<!-- </button>--> <!-- </div>-->
<!-- </div>-->
<!-- <div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex() && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser" >--> <!-- <div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex() && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser" >-->
<!-- <button @click="react_to_dvm(dvm, '👎')" class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip" data-top='Share' aria-label="make note" role="button">--> <!-- <button @click="react_to_dvm(dvm, '👎')" class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip" data-top='Share' aria-label="make note" role="button">-->
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">--> <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
<!-- <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>--> <!-- <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
<!--</svg>--> <!--</svg>-->
<!-- </button>--> <!-- </button>-->
</div> </div>
</div> </div>
<div> <div>
<!-- <p class="flex"> {{dvm.reactions.positiveUser.length}}--> <!-- <p class="flex"> {{dvm.reactions.positiveUser.length}}-->
<div> <div>
<!-- <div className="dropdown">--> <!-- <div className="dropdown">-->
<!-- <div tabIndex={0} role="button" class="button" >--> <!-- <div tabIndex={0} role="button" class="button" >-->
<!-- <svg style="margin-left: 3px; margin-right: 10px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">--> <!-- <svg style="margin-left: 3px; margin-right: 10px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
<!-- <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>--> <!-- <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
<!-- </svg>--> <!-- </svg>-->
<!-- </div>--> <!-- </div>-->
<!-- <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">--> <!-- <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
<!-- <div className="card-body">--> <!-- <div className="card-body">-->
<!-- <h3 className="card-title">Liked results by</h3>--> <!-- <h3 className="card-title">Liked results by</h3>-->
<!-- <div class="flex" >--> <!-- <div class="flex" >-->
<!-- <div v-for="user in dvm.reactions.positive">--> <!-- <div v-for="user in dvm.reactions.positive">-->
<!-- <div className="wotplayeauthor-wrapper">--> <!-- <div className="wotplayeauthor-wrapper">-->
<!-- <figure>--> <!-- <figure>-->
<!-- <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture" onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />--> <!-- <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture" onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
<!-- <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />--> <!-- <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
<!-- </figure>--> <!-- </figure>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
</div> </div>
</div> </div>
@@ -549,58 +517,55 @@ const submitHandler = async () => {
<div style="width: 10px"></div> <div style="width: 10px"></div>
<!-- {{dvm.reactions.negative.length}}--> <!-- {{dvm.reactions.negative.length}}-->
<!-- <div>--> <!-- <div>-->
<!-- <div className="dropdown">--> <!-- <div className="dropdown">-->
<!-- <div tabIndex={0} role="button" class="button" >--> <!-- <div tabIndex={0} role="button" class="button" >-->
<!-- <svg style="margin-left: 3px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">--> <!-- <svg style="margin-left: 3px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
<!-- <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>--> <!-- <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
<!--</svg>--> <!--</svg>-->
<!-- </div>--> <!-- </div>-->
<!-- <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">--> <!-- <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
<!-- <div className="card-body">--> <!-- <div className="card-body">-->
<!-- <h3 className="card-title">Disliked results by</h3>--> <!-- <h3 className="card-title">Disliked results by</h3>-->
<!-- <div class="flex" >--> <!-- <div class="flex" >-->
<!-- <div v-for="user in dvm.reactions.negative">--> <!-- <div v-for="user in dvm.reactions.negative">-->
<!-- <div className="wotplayeauthor-wrapper">--> <!-- <div className="wotplayeauthor-wrapper">-->
<!-- <figure>--> <!-- <figure>-->
<!-- <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture" onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />--> <!-- <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture" onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
<!-- <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />--> <!-- <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
<!-- </figure>--> <!-- </figure>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!--</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash;<p>{{ this.current_user }}</p> &ndash;&gt;-->
<!-- </div>-->
<!--</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash;<p>{{ this.current_user }}</p> &ndash;&gt;-->
<!-- </div>-->
</div> </div>
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
</template> </template>
<style scoped> <style scoped>
.zap-Button{ .zap-Button {
@apply btn hover:bg-amber-400 border-amber-400 text-base; @apply btn hover:bg-amber-400 border-amber-400 text-base;
bottom: 0; bottom: 0;
} }
@@ -636,8 +601,8 @@ const submitHandler = async () => {
.logo { .logo {
display: flex; display: flex;
width:100%; width: 100%;
height:125px; height: 125px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
@@ -661,10 +626,9 @@ h3 {
.wotplayeauthor-wrapper { .wotplayeauthor-wrapper {
padding: 0px; padding: 0px;
display: flex; display: flex;;
;
} }
.wotavatar { .wotavatar {
margin-right: 0px; margin-right: 0px;
margin-left: 0px; margin-left: 0px;

56
ui/noogle/src/components/Donate.vue
View File

@@ -1,10 +1,9 @@
<script> <script>
import { requestProvider } from "webln"; import {requestProvider} from "webln";
import miniToastr from "mini-toastr"; import miniToastr from "mini-toastr";
import VueNotifications from "vue-notifications"; import VueNotifications from "vue-notifications";
import {PublicKey, ZapDetails, ZapEntity, ZapType} from "@rust-nostr/nostr-sdk"; import {PublicKey, ZapDetails, ZapEntity, ZapType} from "@rust-nostr/nostr-sdk";
import store from "@/store.js"; import store from "@/store.js";
import {data} from "autoprefixer";
export default { export default {
@@ -18,10 +17,11 @@ export default {
nostrsdkpaymentaddr: "", nostrsdkpaymentaddr: "",
nostrsdkinvoice: "", nostrsdkinvoice: "",
amount: 1000 amount: 1000
}}, }
},
methods: { methods: {
async handleZap(){ async handleZap() {
try { try {
let pk = PublicKey.fromBech32("npub1nxa4tywfz9nqp7z9zp7nr7d4nchhclsf58lcqt5y782rmf2hefjquaa6q8"); let pk = PublicKey.fromBech32("npub1nxa4tywfz9nqp7z9zp7nr7d4nchhclsf58lcqt5y782rmf2hefjquaa6q8");
let entity = ZapEntity.publicKey(pk); let entity = ZapEntity.publicKey(pk);
@@ -32,20 +32,19 @@ export default {
} }
}, },
async copyinvoice(invoice){ async copyinvoice(invoice) {
await navigator.clipboard.writeText(invoice) await navigator.clipboard.writeText(invoice)
window.open("lightning:" + invoice,"_blank") window.open("lightning:" + invoice, "_blank")
miniToastr.showMessage("", "Copied Invoice to clipboard", VueNotifications.types.info) miniToastr.showMessage("", "Copied Invoice to clipboard", VueNotifications.types.info)
}, },
async zap(lnaddress, amount) { async zap(lnaddress, amount) {
let webln; let webln;
let invoice = await this.createBolt11Lud16(lnaddress, amount) let invoice = await this.createBolt11Lud16(lnaddress, amount)
if (lnaddress === this.nostrsdklnaddress){ if (lnaddress === this.nostrsdklnaddress) {
this.nostrsdkpaymentaddr = `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`; this.nostrsdkpaymentaddr = `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`;
this.nostrsdkinvoice = invoice this.nostrsdkinvoice = invoice
} } else {
else{
this.dvmpaymentaddr = `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`; this.dvmpaymentaddr = `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`;
this.dvminvoice = invoice this.dvminvoice = invoice
} }
@@ -81,8 +80,7 @@ export default {
const callbackResponse = await fetch(`${callback}?amount=${amountInSats}`); const callbackResponse = await fetch(`${callback}?amount=${amountInSats}`);
const obCallback = await callbackResponse.json(); const obCallback = await callbackResponse.json();
return obCallback.pr; return obCallback.pr;
} } catch (e) {
catch (e) {
console.log(`LUD16: ${e}`); console.log(`LUD16: ${e}`);
return null; return null;
} }
@@ -94,20 +92,41 @@ export default {
<template> <template>
<div className="dropdown dropdown-top"> <div className="dropdown dropdown-top">
<div tabIndex={0} role="button" class="v-Button"><svg class="relative w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>Donate</div> <div class="v-Button" role="button" tabIndex={0}>
<div tabIndex={0} className="dropdown-content z-[1] -start-20 card card-compact w-64 p-2 shadow bg-primary text-primary-content"> <svg class="relative w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path d="M13 10V3L4 14h7v7l9-11h-7z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path>
</svg>
Donate
</div>
<div className="dropdown-content z-[1] -start-20 card card-compact w-64 p-2 shadow bg-primary text-primary-content"
tabIndex={0}>
<div className="card-body"> <div className="card-body">
<div> <div>
<p>Sats:</p><input class="c-Input" v-model="amount" placeholder="1000"> <p>Sats:</p><input v-model="amount" class="c-Input" placeholder="1000">
</div> </div>
<h3 className="card-title">Donate to Noogle</h3> <h3 className="card-title">Donate to Noogle</h3>
<button class="v-Button2" @click="zap(this.dvmlnaddress, amount)"><svg class="relative w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>Donate</button> <button class="v-Button2" @click="zap(this.dvmlnaddress, amount)">
<img v-if="this.dvmpaymentaddr" alt="Invoice" width="250" :src=this.dvmpaymentaddr @click="this.copyinvoice(this.dvminvoice)" /> <svg class="relative w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path d="M13 10V3L4 14h7v7l9-11h-7z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path>
</svg>
Donate
</button>
<img v-if="this.dvmpaymentaddr" :src=this.dvmpaymentaddr alt="Invoice" width="250"
@click="this.copyinvoice(this.dvminvoice)"/>
<h3 className="card-title">Donate to NostrSDK</h3> <h3 className="card-title">Donate to NostrSDK</h3>
<button class="v-Button2" @click="zap(this.nostrsdklnaddress, amount)"><svg class="relative w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>Donate</button> <button class="v-Button2" @click="zap(this.nostrsdklnaddress, amount)">
<img v-if="this.nostrsdkpaymentaddr" alt="Invoice" width="250" :src=this.nostrsdkpaymentaddr @click="this.copyinvoice(this.nostrsdkinvoice)" /> <svg class="relative w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path d="M13 10V3L4 14h7v7l9-11h-7z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path>
</svg>
Donate
</button>
<img v-if="this.nostrsdkpaymentaddr" :src=this.nostrsdkpaymentaddr alt="Invoice" width="250"
@click="this.copyinvoice(this.nostrsdkinvoice)"/>
</div> </div>
</div> </div>
</div> </div>
@@ -119,6 +138,7 @@ export default {
@apply tracking-wide bg-black hover:bg-amber-400 focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-transparent px-3 py-1.5 text-sm leading-4 text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900; @apply tracking-wide bg-black hover:bg-amber-400 focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-transparent px-3 py-1.5 text-sm leading-4 text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
height: 24px; height: 24px;
} }
.v-Button2 { .v-Button2 {
@apply tracking-wide bg-black hover:bg-amber-400 focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-transparent px-3 py-1.5 text-sm leading-4 text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900; @apply tracking-wide bg-black hover:bg-amber-400 focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-transparent px-3 py-1.5 text-sm leading-4 text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
} }

643
ui/noogle/src/components/FilterGeneration.vue
View File

File diff suppressed because one or more lines are too long

1
ui/noogle/src/components/Home.vue
View File

@@ -24,7 +24,6 @@ export default {
</template> </template>
<style scoped> <style scoped>
.center { .center {

1
ui/noogle/src/components/Image.vue
View File

@@ -1,6 +1,5 @@
<script> <script>
import ImageGeneration from "@/components/ImageGeneration.vue"; import ImageGeneration from "@/components/ImageGeneration.vue";
import Donate from "@/components/Donate.vue";
export default { export default {
name: "Image", name: "Image",

299
ui/noogle/src/components/ImageGeneration.vue
View File

@@ -1,39 +1,26 @@
<script setup> <script setup>
import { import {Event, EventBuilder, Filter, Keys, PublicKey, Tag, Timestamp} from "@rust-nostr/nostr-sdk";
Client,
Filter,
Timestamp,
Event,
Metadata,
PublicKey,
EventBuilder,
Tag,
EventId,
Nip19Event, Alphabet, Keys, nip04_decrypt, SecretKey, Kind
} from "@rust-nostr/nostr-sdk";
import store from '../store'; import store from '../store';
import miniToastr from "mini-toastr"; import {ref} from "vue";
import VueNotifications from "vue-notifications";
import {computed, watch} from "vue";
import deadnip89s from "@/components/data/deadnip89s.json";
import {data} from "autoprefixer";
import {requestProvider} from "webln";
import Newnote from "@/components/Newnote.vue";
import { ref } from "vue";
import ModalComponent from "../components/Newnote.vue"; import ModalComponent from "../components/Newnote.vue";
import VueDatePicker from "@vuepic/vue-datepicker"; import VueDatePicker from "@vuepic/vue-datepicker";
import {timestamp} from "@vueuse/core"; import {
import {post_note, schedule, react_to_dvm, copyinvoice, copyurl, sleep, nextInput, get_user_infos, dvmreactions} from "../components/helper/Helper.vue" copyurl,
import {zap, createBolt11Lud16, zaprequest} from "../components/helper/Zap.vue" dvmreactions,
get_user_infos,
nextInput,
post_note,
schedule,
sleep
} from "../components/helper/Helper.vue"
import {zap, zaprequest} from "../components/helper/Zap.vue"
import StringUtil from "@/components/helper/string.ts"; import StringUtil from "@/components/helper/string.ts";
let dvms = []
let dvms =[]
let hasmultipleinputs = false let hasmultipleinputs = false
let requestids = [] let requestids = []
@@ -42,11 +29,11 @@ async function generate_image(message) {
listen() listen()
try { try {
if (message === undefined){ if (message === undefined) {
message = "A purple Ostrich" message = "A purple Ostrich"
} }
if(store.state.pubkey === undefined){ if (store.state.pubkey === undefined) {
return return
} }
@@ -62,14 +49,14 @@ async function generate_image(message) {
] ]
let r = ["relays"] let r = ["relays"]
for (let relay of store.state.relays){ for (let relay of store.state.relays) {
r.push(relay) r.push(relay)
} }
console.log(r) console.log(r)
tags.push(Tag.parse(r)) tags.push(Tag.parse(r))
hasmultipleinputs = false hasmultipleinputs = false
if (urlinput.value !== "" && urlinput.value.startsWith('http')){ if (urlinput.value !== "" && urlinput.value.startsWith('http')) {
let imagetag = Tag.parse(["i", urlinput.value, "url"]) let imagetag = Tag.parse(["i", urlinput.value, "url"])
tags.push(imagetag) tags.push(imagetag)
hasmultipleinputs = true hasmultipleinputs = true
@@ -120,7 +107,7 @@ async function listen() {
sleep(0).then(async () => { sleep(0).then(async () => {
for (let tag in event.tags) { for (let tag in event.tags) {
if (event.tags[tag].asVec()[0] === "e") { if (event.tags[tag].asVec()[0] === "e") {
if (store.state.requestidImage.includes(event.tags[tag].asVec()[1])){ if (store.state.requestidImage.includes(event.tags[tag].asVec()[1])) {
resonsetorequest = true resonsetorequest = true
} }
} }
@@ -159,13 +146,12 @@ async function listen() {
jsonentry.amount = event.tags[tag].asVec()[1] jsonentry.amount = event.tags[tag].asVec()[1]
if (event.tags[tag].asVec().length > 2) { if (event.tags[tag].asVec().length > 2) {
jsonentry.bolt11 = event.tags[tag].asVec()[2] jsonentry.bolt11 = event.tags[tag].asVec()[2]
} } else {
else{
let profiles = await get_user_infos([event.author.toHex()]) let profiles = await get_user_infos([event.author.toHex()])
let created = 0 let created = 0
let current let current
console.log("NUM KIND0 FOUND " + profiles.length) console.log("NUM KIND0 FOUND " + profiles.length)
if (profiles.length > 0){ if (profiles.length > 0) {
// for (const profile of profiles){ // for (const profile of profiles){
console.log(profiles[0].profile) console.log(profiles[0].profile)
let current = profiles[0] let current = profiles[0]
@@ -176,24 +162,21 @@ async function listen() {
let lud16 = current.profile.lud16 let lud16 = current.profile.lud16
if (lud16 !== null && lud16 !== ""){ if (lud16 !== null && lud16 !== "") {
console.log("LUD16: " + lud16) console.log("LUD16: " + lud16)
//jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount) //todo replace with zaprequest //jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount) //todo replace with zaprequest
jsonentry.bolt11 = await zaprequest(lud16, jsonentry.amount , "zapped from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays) //Not working yet jsonentry.bolt11 = await zaprequest(lud16, jsonentry.amount, "zapped from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays) //Not working yet
console.log(jsonentry.bolt11) console.log(jsonentry.bolt11)
if(jsonentry.bolt11 === ""){ if (jsonentry.bolt11 === "") {
console.log("no bolt 11") console.log("no bolt 11")
//status = "error" //status = "error"
} }
} } else {
else {
console.log("NO LNURL") console.log("NO LNURL")
} }
} } else {
else {
console.log("PROFILE NOT FOUND") console.log("PROFILE NOT FOUND")
} }
} }
@@ -205,7 +188,7 @@ async function listen() {
for (const el of store.state.nip89dvms) { for (const el of store.state.nip89dvms) {
if (JSON.parse(el.event).pubkey === event.author.toHex().toString() && el.kind === "5100" ) { if (JSON.parse(el.event).pubkey === event.author.toHex().toString() && el.kind === "5100") {
jsonentry.name = el.name jsonentry.name = el.name
jsonentry.about = el.about jsonentry.about = el.about
jsonentry.image = el.image jsonentry.image = el.image
@@ -220,7 +203,7 @@ async function listen() {
} }
if (dvms.filter(i => i.id === jsonentry.id).length === 0) { if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
if (!hasmultipleinputs || if (!hasmultipleinputs ||
(hasmultipleinputs && jsonentry.id !== "04f74530a6ede6b24731b976b8e78fb449ea61f40ff10e3d869a3030c4edc91f")){ (hasmultipleinputs && jsonentry.id !== "04f74530a6ede6b24731b976b8e78fb449ea61f40ff10e3d869a3030c4edc91f")) {
// DVM can not handle multiple inputs, straight up censorship until spec is fulfilled or requests are ignored. // DVM can not handle multiple inputs, straight up censorship until spec is fulfilled or requests are ignored.
dvms.push(jsonentry) dvms.push(jsonentry)
} }
@@ -237,17 +220,14 @@ async function listen() {
} }
} } else if (event.kind === 6905) {
else if (event.kind === 6905) {
console.log(event.content) console.log(event.content)
} } else if (event.kind === 6100) {
else if (event.kind === 6100) {
let entries = [] let entries = []
console.log("6100:", event.content); console.log("6100:", event.content);
for (const el of store.state.nip89dvms) { for (const el of store.state.nip89dvms) {
let status = "unknown" let status = "unknown"
let jsonentry = { let jsonentry = {
@@ -263,7 +243,7 @@ async function listen() {
nip90params: {}, nip90params: {},
} }
if (JSON.parse(el.event).pubkey === event.author.toHex().toString() && el.kind === "5100" ) { if (JSON.parse(el.event).pubkey === event.author.toHex().toString() && el.kind === "5100") {
jsonentry.name = el.name jsonentry.name = el.name
jsonentry.about = el.about jsonentry.about = el.about
jsonentry.image = el.image jsonentry.image = el.image
@@ -299,10 +279,9 @@ async function listen() {
const urlinput = ref(""); const urlinput = ref("");
async function zap_local(invoice) { async function zap_local(invoice) {
let success = await zap(invoice) let success = await zap(invoice)
if (success){ if (success) {
dvms.find(i => i.bolt11 === invoice).status = "paid" dvms.find(i => i.bolt11 === invoice).status = "paid"
store.commit('set_imagedvm_results', dvms) store.commit('set_imagedvm_results', dvms)
} }
@@ -317,7 +296,6 @@ defineProps({
}) })
const isModalOpened = ref(false); const isModalOpened = ref(false);
const modalcontent = ref(""); const modalcontent = ref("");
const datetopost = ref(Date.now()); const datetopost = ref(Date.now());
@@ -349,24 +327,26 @@ const submitHandler = async () => {
Generate Images, the decentralized way</h2> Generate Images, the decentralized way</h2>
<h3> <h3>
<br> <br>
<input class="c-Input" autofocus placeholder="A purple ostrich..." v-model="message" @keyup.enter="generate_image(message)" @keydown.enter="nextInput"> <input v-model="message" autofocus class="c-Input" placeholder="A purple ostrich..."
@keyup.enter="generate_image(message)" @keydown.enter="nextInput">
<button class="v-Button" @click="generate_image(message)">Generate Image</button> <button class="v-Button" @click="generate_image(message)">Generate Image</button>
</h3> </h3>
<details class="collapse bg-base " className="advanced" > <details class="collapse bg-base " className="advanced">
<summary class="collapse-title font-thin bg">Advanced Options</summary> <summary class="collapse-title font-thin bg">Advanced Options</summary>
<div class="collapse-content font-size-0" className="z-10" id="collapse-settings"> <div id="collapse-settings" class="collapse-content font-size-0" className="z-10">
<div> <div>
<h4 className="inline-flex flex-none font-thin">Url to existing image:</h4> <h4 className="inline-flex flex-none font-thin">Url to existing image:</h4>
<div className="inline-flex flex-none" style="width: 10px;"></div> <div className="inline-flex flex-none" style="width: 10px;"></div>
<input class="c-Input" style="width: 300px;" placeholder="https://image.nostr.build/image123.jpg" v-model="urlinput"> <input v-model="urlinput" class="c-Input" placeholder="https://image.nostr.build/image123.jpg"
style="width: 300px;">
</div> </div>
</div> </div>
</details> </details>
</div> </div>
<br> <br>
<ModalComponent :isOpen="isModalOpened" @modal-close="closeModal" @submit="submitHandler" name="first-modal"> <ModalComponent :isOpen="isModalOpened" name="first-modal" @submit="submitHandler" @modal-close="closeModal">
<template #header>Share your creation on Nostr <br> <br></template> <template #header>Share your creation on Nostr <br> <br></template>
<template #content> <template #content>
@@ -377,16 +357,22 @@ const submitHandler = async () => {
<template #footer> <template #footer>
<div class="inline-flex flex-none"> <div class="inline-flex flex-none">
<VueDatePicker :min-date="new Date()" :dark="true" style="max-width: 200px;" className="bg-base-200" teleport-center v-model="datetopost"></VueDatePicker> <VueDatePicker v-model="datetopost" :dark="true" :min-date="new Date()" className="bg-base-200"
style="max-width: 200px;" teleport-center></VueDatePicker>
</div> </div>
<div class="content-center"> <div class="content-center">
<button className="v-Button" @click="schedule(modalcontent, datetopost)" @click.stop="closeModal"><img width="25px" style="margin-right: 5px" src="../../public/shipyard.ico"/>Schedule Note with Shipyard DVM</button> <button className="v-Button" @click="schedule(modalcontent, datetopost)" @click.stop="closeModal"><img
src="../../public/shipyard.ico" style="margin-right: 5px" width="25px"/>Schedule Note with Shipyard DVM
</button>
<br> <br>
or or
<br> <br>
<button className="v-Button" style="margin-bottom: 0px" @click="post_note(modalcontent)" @click.stop="closeModal"><img width="25px" style="margin-right: 5px;" src="../../public/favicon.ico"/>Post Note now</button> <button className="v-Button" style="margin-bottom: 0px" @click="post_note(modalcontent)"
@click.stop="closeModal"><img src="../../public/favicon.ico" style="margin-right: 5px;" width="25px"/>Post
Note now
</button>
</div> </div>
</template> </template>
</ModalComponent> </ModalComponent>
@@ -394,17 +380,15 @@ const submitHandler = async () => {
<div class="max-w-5xl relative space-y-3"> <div class="max-w-5xl relative space-y-3">
<div class="grid grid-cols-1 gap-6"> <div class="grid grid-cols-1 gap-6">
<div className="card w-70 bg-base-100 shadow-xl flex flex-col" v-for="dvm in store.state.imagedvmreplies" <div v-for="dvm in store.state.imagedvmreplies" :key="dvm.id"
:key="dvm.id"> className="card w-70 bg-base-100 shadow-xl flex flex-col">
<div className="card-body"> <div className="card-body">
<div className="playeauthor-wrapper"> <div className="playeauthor-wrapper">
<figure className="w-20"> <figure className="w-20">
<img className="avatar" :src="dvm.image" alt="DVM Picture" /> <img :src="dvm.image" alt="DVM Picture" className="avatar"/>
</figure> </figure>
@@ -417,93 +401,98 @@ const submitHandler = async () => {
</div> --> </div> -->
<div className="card-actions justify-end mt-auto">
<div className="tooltip mt-auto">
<div className="card-actions justify-end mt-auto" >
<div className="tooltip mt-auto" >
<button v-if="dvm.status === 'processing'" className="btn">Processing</button> <button v-if="dvm.status === 'processing'" className="btn">Processing</button>
<button v-if="dvm.status === 'finished'" className="btn">Done</button> <button v-if="dvm.status === 'finished'" className="btn">Done</button>
<button v-if="dvm.status === 'paid'" className="btn">Paid, waiting for DVM..</button> <button v-if="dvm.status === 'paid'" className="btn">Paid, waiting for DVM..</button>
<button v-if="dvm.status === 'error'" className="btn">Error</button> <button v-if="dvm.status === 'error'" className="btn">Error</button>
<button v-if="dvm.status === 'payment-required'" className="zap-Button" @click="zap_local(dvm.bolt11);">{{ dvm.amount/1000 }} Sats</button> <button v-if="dvm.status === 'payment-required'" className="zap-Button" @click="zap_local(dvm.bolt11);">
{{ dvm.amount / 1000 }} Sats
</button>
</div> </div>
</div> </div>
<figure className="w-full" > <figure className="w-full">
<img v-if="dvm.result" :src="dvm.result" className="tooltip" data-top='Click to copy url' height="200" alt="DVM Picture" @click="copyurl(dvm.result)"/> <img v-if="dvm.result" :src="dvm.result" alt="DVM Picture" className="tooltip" data-top='Click to copy url'
height="200" @click="copyurl(dvm.result)"/>
</figure> </figure>
<div class="flex" > <div class="flex">
<div
v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()">
<div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()" > <button aria-label="make note"
<button @click="openModal('Look what I created on noogle.lol\n\n' + dvm.result)" style="margin-right: 5px" class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip" data-top='Share' aria-label="make note" role="button"> class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip"
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-pencil" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> data-top='Share'
<path stroke="none" d="M0 0h24v24H0z"></path> role="button" style="margin-right: 5px" @click="openModal('Look what I created on noogle.lol\n\n' + dvm.result)">
<svg class="icon icon-tabler icon-tabler-pencil" fill="none" height="20"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24"
width="20" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" stroke="none"></path>
<path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path> <path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>
<line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line> <line x1="13.5" x2="17.5" y1="6.5" y2="10.5"></line>
</svg> </svg>
</button> </button>
</div> </div>
<div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()" style="margin-right: 5px"> <div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()"
<!-- && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser--> style="margin-right: 5px">
<!-- && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser-->
<!-- <button @click="react_to_dvm(dvm, '👍')" class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip" data-top='Share' aria-label="make note" role="button">-->
<!-- <button @click="react_to_dvm(dvm, '👍')" class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip" data-top='Share' aria-label="make note" role="button">--> <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">--> <!-- <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
<!-- <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>--> <!-- </svg>-->
<!-- </svg>--> <!-- </button>-->
<!-- </button>--> <!-- </div>-->
<!-- </div>-->
<!-- <div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex() && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser" >--> <!-- <div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex() && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser" >-->
<!-- <button @click="react_to_dvm(dvm, '👎')" class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip" data-top='Share' aria-label="make note" role="button">--> <!-- <button @click="react_to_dvm(dvm, '👎')" class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black tooltip" data-top='Share' aria-label="make note" role="button">-->
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">--> <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
<!-- <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>--> <!-- <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
<!--</svg>--> <!--</svg>-->
<!-- </button>--> <!-- </button>-->
</div> </div>
</div> </div>
<div> <div>
<!-- <p class="flex"> {{dvm.reactions.positiveUser.length}}--> <!-- <p class="flex"> {{dvm.reactions.positiveUser.length}}-->
<div> <div>
<!-- <div className="dropdown">--> <!-- <div className="dropdown">-->
<!-- <div tabIndex={0} role="button" class="button" >--> <!-- <div tabIndex={0} role="button" class="button" >-->
<!-- <svg style="margin-left: 3px; margin-right: 10px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">--> <!-- <svg style="margin-left: 3px; margin-right: 10px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
<!-- <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>--> <!-- <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
<!-- </svg>--> <!-- </svg>-->
<!-- </div>--> <!-- </div>-->
<!-- <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">--> <!-- <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
<!-- <div className="card-body">--> <!-- <div className="card-body">-->
<!-- <h3 className="card-title">Liked results by</h3>--> <!-- <h3 className="card-title">Liked results by</h3>-->
<!-- <div class="flex" >--> <!-- <div class="flex" >-->
<!-- <div v-for="user in dvm.reactions.positive">--> <!-- <div v-for="user in dvm.reactions.positive">-->
<!-- <div className="wotplayeauthor-wrapper">--> <!-- <div className="wotplayeauthor-wrapper">-->
<!-- <figure>--> <!-- <figure>-->
<!-- <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture" onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />--> <!-- <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture" onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
<!-- <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />--> <!-- <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
<!-- </figure>--> <!-- </figure>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
</div> </div>
</div> </div>
@@ -515,58 +504,55 @@ const submitHandler = async () => {
<div style="width: 10px"></div> <div style="width: 10px"></div>
<!-- {{dvm.reactions.negative.length}}--> <!-- {{dvm.reactions.negative.length}}-->
<!-- <div>--> <!-- <div>-->
<!-- <div className="dropdown">--> <!-- <div className="dropdown">-->
<!-- <div tabIndex={0} role="button" class="button" >--> <!-- <div tabIndex={0} role="button" class="button" >-->
<!-- <svg style="margin-left: 3px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">--> <!-- <svg style="margin-left: 3px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
<!-- <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>--> <!-- <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
<!--</svg>--> <!--</svg>-->
<!-- </div>--> <!-- </div>-->
<!-- <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">--> <!-- <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
<!-- <div className="card-body">--> <!-- <div className="card-body">-->
<!-- <h3 className="card-title">Disliked results by</h3>--> <!-- <h3 className="card-title">Disliked results by</h3>-->
<!-- <div class="flex" >--> <!-- <div class="flex" >-->
<!-- <div v-for="user in dvm.reactions.negative">--> <!-- <div v-for="user in dvm.reactions.negative">-->
<!-- <div className="wotplayeauthor-wrapper">--> <!-- <div className="wotplayeauthor-wrapper">-->
<!-- <figure>--> <!-- <figure>-->
<!-- <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture" onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />--> <!-- <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture" onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
<!-- <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />--> <!-- <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
<!-- </figure>--> <!-- </figure>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!--</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash;<p>{{ this.current_user }}</p> &ndash;&gt;-->
<!-- </div>-->
<!--</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash;<p>{{ this.current_user }}</p> &ndash;&gt;-->
<!-- </div>-->
</div> </div>
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
</template> </template>
<style scoped> <style scoped>
.zap-Button{ .zap-Button {
@apply btn hover:bg-amber-400 border-amber-400 text-base; @apply btn hover:bg-amber-400 border-amber-400 text-base;
bottom: 0; bottom: 0;
} }
@@ -602,8 +588,8 @@ const submitHandler = async () => {
.logo { .logo {
display: flex; display: flex;
width:100%; width: 100%;
height:125px; height: 125px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
@@ -627,10 +613,9 @@ h3 {
.wotplayeauthor-wrapper { .wotplayeauthor-wrapper {
padding: 0px; padding: 0px;
display: flex; display: flex;;
;
} }
.wotavatar { .wotavatar {
margin-right: 0px; margin-right: 0px;
margin-left: 0px; margin-left: 0px;

423
ui/noogle/src/components/Login.vue
View File

File diff suppressed because one or more lines are too long

18
ui/noogle/src/components/Newnote.vue
View File

@@ -1,8 +1,6 @@
<script setup> <script setup>
import { ref } from "vue"; import {ref} from "vue";
import {onClickOutside} from '@vueuse/core' import {onClickOutside} from '@vueuse/core'
import store from "@/store.js";
import {EventBuilder, PublicKey, Tag, Timestamp} from "@rust-nostr/nostr-sdk";
const props = defineProps({ const props = defineProps({
isOpen: Boolean, isOpen: Boolean,
@@ -11,21 +9,20 @@ const props = defineProps({
const emit = defineEmits(["modal-close"]); const emit = defineEmits(["modal-close"]);
const target = ref(null) const target = ref(null)
onClickOutside(target, ()=>emit('modal-close')) onClickOutside(target, () => emit('modal-close'))
</script> </script>
<template> <template>
<div v-if="isOpen" class="modal-mask" > <div v-if="isOpen" class="modal-mask">
<div class="modal-wrapper" > <div class="modal-wrapper">
<div class="modal-container" ref="target"> <div ref="target" class="modal-container">
<div class="modal-header"> <div class="modal-header">
<slot name="header"> default header </slot> <slot name="header"> default header</slot>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<slot name="content"> default content </slot> <slot name="content"> default content</slot>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<slot name="footer"> <slot name="footer">
@@ -54,6 +51,7 @@ onClickOutside(target, ()=>emit('modal-close'))
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
} }
.modal-container { .modal-container {
@apply bg-base-200; @apply bg-base-200;

79
ui/noogle/src/components/Nip89view.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="flex flex-row gap-6 items-center"> <div class="flex flex-row gap-6 items-center">
<Logo /> <Logo/>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<h1 class="text-7xl font-black tracking-wide">About</h1> <h1 class="text-7xl font-black tracking-wide">About</h1>
<h2 class="text-4xl font-black tracking-wide">Nostr NIP 90 Data Vending Machines</h2> <h2 class="text-4xl font-black tracking-wide">Nostr NIP 90 Data Vending Machines</h2>
@@ -10,7 +10,7 @@
</div> </div>
</div> </div>
</div> </div>
<br><br> <br><br>
<div class="card card-compact rounded-box bg-black/30"> <div class="card card-compact rounded-box bg-black/30">
<div class="card-body"> <div class="card-body">
@@ -22,18 +22,25 @@
<p> <p>
You give them some data, sometimes a few sats, and they give you back some data.</p> You give them some data, sometimes a few sats, and they give you back some data.</p>
<p> <p>
This page is just a demo client, showcasing a variety of DVM use-cases. Search Content, Search Profiles, Content Discovery, Summarization of events, Image Generation, Scheduling Notes. This page is just a demo client, showcasing a variety of DVM use-cases. Search Content, Search Profiles, Content
Discovery, Summarization of events, Image Generation, Scheduling Notes.
</p> </p>
<p> <p>
There's an ever growing number of tasks added to the protocol. The current list of tasks can be found <a class="purple" target="_blank" href="https://www.data-vending-machines.org/">here</a>. There's an ever growing number of tasks added to the protocol. The current list of tasks can be found <a
class="purple" href="https://www.data-vending-machines.org/" target="_blank">here</a>.
</p> </p>
<p> <p>
These DVMs are not running or being hosted on this site. Instead, the DVMs communicate via Nostr and are available to any App or Client that wants to interact with them. These DVMs are not running or being hosted on this site. Instead, the DVMs communicate via Nostr and are
Want your app or website to support any of these tasks? See <a class="purple" target="_blank" href="https://github.com/nostr-protocol/nips/blob/master/90.md">NIP90</a> for more details. available to any App or Client that wants to interact with them.
Want your app or website to support any of these tasks? See <a class="purple" href="https://github.com/nostr-protocol/nips/blob/master/90.md"
target="_blank">NIP90</a>
for more details.
</p> </p>
<p> <p>
Got interested in building your own DVM and provide it to the whole world? There's OpenSource frameworks to start with, for example <a class="purple" target="_blank" href="https://github.com/believethehype/nostrdvm">NostrDVM</a> in Python. Got interested in building your own DVM and provide it to the whole world? There's OpenSource frameworks to
start with, for example <a class="purple" href="https://github.com/believethehype/nostrdvm" target="_blank">NostrDVM</a>
in Python.
</p> </p>
<p> <p>
@@ -44,15 +51,15 @@
</div> </div>
<br><br> <br><br>
<div class="grid gap-5"> <div class="grid gap-5">
<div className="card bg-base-200 shadow-xl" style="height: 300px" v-for="dvm in store.state.nip89dvms" <div v-for="dvm in store.state.nip89dvms" :key="dvm.id" className="card bg-base-200 shadow-xl"
:key="dvm.id"> style="height: 300px">
<!-- --> <!-- -->
<!-- <div class="card bg-base-100 shadow-xl image-full" style="height: 400px"> <!-- <div class="card bg-base-100 shadow-xl image-full" style="height: 400px">
<figure><img v-if="dvm.image" :src="dvm.image" style=" width: 100%; object-fit: cover;" <figure><img v-if="dvm.image" :src="dvm.image" style=" width: 100%; object-fit: cover;"
:alt="dvm.name" onerror="this.src='https://noogle.lol/favicon.ico'"/></figure> :alt="dvm.name" onerror="this.src='https://noogle.lol/favicon.ico'"/></figure>
<div class="card-body"> <div class="card-body">
@@ -78,35 +85,44 @@
<button className="btn " style="margin-bottom: 10px" @click="copyDoiToClipboard(dvm.event);">Copy Event Json</button> <button className="btn " style="margin-bottom: 10px" @click="copyDoiToClipboard(dvm.event);">Copy Event Json</button>
</div> </div>
</div> </div>
</div> --> </div> -->
<div class="card card-side bg-black/20 shadow-xl" style="height: 300px"> <div class="card card-side bg-black/20 shadow-xl" style="height: 300px">
<figure style="max-width: 20%; flex: fit-content; background-size: cover;" > <figure style="max-width: 20%; flex: fit-content; background-size: cover;">
<img v-if="dvm.image" style=" width: 90%; object-fit: cover;" :src="dvm.image" :alt="dvm.name" onerror="this.src='https://noogle.lol/favicon.ico'"/> <img v-if="dvm.image" :alt="dvm.name" :src="dvm.image" onerror="this.src='https://noogle.lol/favicon.ico'"
style=" width: 90%; object-fit: cover;"/>
</figure> </figure>
<div class="card-body"> <div class="card-body">
<div style="margin-left: auto; margin-right: 10px;"> <div style="margin-left: auto; margin-right: 10px;">
<p v-if="dvm.amount.toString().toLowerCase()==='free'" class="badge bg-nostr">Free</p> <p v-if="dvm.amount.toString().toLowerCase()==='free'" class="badge bg-nostr">Free</p>
<p v-if="dvm.amount.toString().toLowerCase()==='flexible'" class="badge bg-nostr2" >Flexible</p> <p v-if="dvm.amount.toString().toLowerCase()==='flexible'" class="badge bg-nostr2">Flexible</p>
<p v-if="dvm.subscription" class="badge text-white bg-gradient-to-br from-pink-500 to-orange-400">Subscription</p> <p v-if="dvm.subscription" class="badge text-white bg-gradient-to-br from-pink-500 to-orange-400">
Subscription</p>
<p v-if="dvm.amount.toString()===''" ></p> <p v-if="dvm.amount.toString()===''"></p>
<p v-if="!isNaN(parseInt(dvm.amount))" class="text-sm text-gray-600 rounded" ><div class="flex"><svg style="margin-top:3px" xmlns="http://www.w3.org/2000/svg" width="14" height="16" fill="currentColor" class="bi bi-lightning" viewBox="0 0 16 20"> <p v-if="!isNaN(parseInt(dvm.amount))" class="text-sm text-gray-600 rounded">
<path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/></svg> {{dvm.amount/1000}}</div></p> <div class="flex">
<svg class="bi bi-lightning" fill="currentColor" height="16" style="margin-top:3px"
viewBox="0 0 16 20" width="14" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/>
</svg>
{{ dvm.amount / 1000 }}
</div>
</p>
</div> </div>
<h2 class="card-title">{{ dvm.name }}</h2> <h2 class="card-title">{{ dvm.name }}</h2>
<h3 class="text-gray" >Kind: {{ dvm.kind }}</h3> <h3 class="text-gray">Kind: {{ dvm.kind }}</h3>
<h4 v-if="dvm.about !== null" class="fa-cut" style="max-width: 200px" v-html="dvm.about"></h4> <h4 v-if="dvm.about !== null" class="fa-cut" style="max-width: 200px" v-html="dvm.about"></h4>
<div class="card-actions justify-end"> <div class="card-actions justify-end">
<button className="btn" @click="copyDoiToClipboard(dvm.event);">Copy Event Json</button> <button className="btn" @click="copyDoiToClipboard(dvm.event);">Copy Event Json</button>
</div> </div>
</div> </div>
</div> </div>
<!-- <!--
@@ -136,20 +152,17 @@
</div> </div>
</div>--> </div>-->
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import '../app.css' import '../app.css'
import store from "@/store.js"; import store from "@/store.js";
import {Alphabet, ClientBuilder, NostrSigner, Filter, Keys, NostrDatabase, Tag} from "@rust-nostr/nostr-sdk"; import {Keys} from "@rust-nostr/nostr-sdk";
import miniToastr from "mini-toastr"; import miniToastr from "mini-toastr";
import VueNotifications from "vue-notifications"; import VueNotifications from "vue-notifications";
import StringUtil from "@/components/helper/string.ts"; import StringUtil from "@/components/helper/string.ts";
import Donate from "@/components/Donate.vue"
import deadnip89s from './data/deadnip89s.json'
export default { export default {
computed: { computed: {
@@ -164,7 +177,7 @@ export default {
} }
}, },
methods: { methods: {
copyDoiToClipboard (doi) { copyDoiToClipboard(doi) {
navigator.clipboard.writeText(doi) navigator.clipboard.writeText(doi)
miniToastr.showMessage("", "Copied Nip89 Event to clipboard", VueNotifications.types.info) miniToastr.showMessage("", "Copied Nip89 Event to clipboard", VueNotifications.types.info)
@@ -172,7 +185,7 @@ export default {
}, },
async mounted(){ async mounted() {
}, },
@@ -182,10 +195,10 @@ async mounted(){
} }
</script> </script>
<style scoped> <style scoped>
donate{ donate {
position: fixed; position: fixed;
bottom:0; bottom: 0;
background: rgba(0, 0, 0, 0.5);; background: rgba(0, 0, 0, 0.5);;
grid-area: footer; grid-area: footer;
width: 100vw; width: 100vw;
@@ -193,5 +206,5 @@ async mounted(){
z-index: 10; z-index: 10;
text-align: center; text-align: center;
} }
</style> </style>

204
ui/noogle/src/components/NoteTable.vue
View File

@@ -1,10 +1,9 @@
<template> <template>
<EasyDataTable class="customize-table" header-text-direction="left" table-class-name="customize-table" <EasyDataTable :headers="headers" :items="data" :sort-by="sortBy"
:headers="headers" :sort-type="sortType"
:items="data" class="customize-table"
:sort-by="sortBy" header-text-direction="left"
:sort-type="sortType"> table-class-name="customize-table">
<!--<template #expand="item"> <!--<template #expand="item">
@@ -13,135 +12,165 @@
<button class="v-Button" v-if="!item.replied" @click="reply(item.id, item.author, message)">Reply</button> <button class="v-Button" v-if="!item.replied" @click="reply(item.id, item.author, message)">Reply</button>
<button class="btn" v-if="item.replied" >Replied</button> <button class="btn" v-if="item.replied" >Replied</button>
</div> </div>
</template> --> </template> -->
<template #item-content="{content, author, authorurl, avatar, indicator, links, lud16, id, authorid, zapped, zapAmount, reacted, reactions, boosts, boosted, event, replied}"> <template
#item-content="{content, author, authorurl, avatar, indicator, links, lud16, id, authorid, zapped, zapAmount, reacted, reactions, boosts, boosted, event, replied}">
<div class="playeauthor-wrapper"> <div class="playeauthor-wrapper">
<img class="avatar" v-if="avatar" :src="avatar" alt="Avatar" onerror="this.src='https://noogle.lol/favicon.ico'" /> <img v-if="avatar" :src="avatar" alt="Avatar" class="avatar"
<img class="avatar" v-else src="@/assets/nostr-purple.svg" /> onerror="this.src='https://noogle.lol/favicon.ico'"/>
<img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
<a class="purple" :href="authorurl" target="_blank">{{ author }}</a> <a :href="authorurl" class="purple" target="_blank">{{ author }}</a>
<a className="white" style="background: #1f2937; font-size: xx-small" v-if="store.state.followings.find(x => x == authorid) !== undefined">Following</a> <a v-if="store.state.followings.find(x => x == authorid) !== undefined" className="white"
style="background: #1f2937; font-size: xx-small">Following</a>
<div class="time"> <div class="time">
{{indicator.time.split("T")[1].split("Z")[0].trim()}} {{ indicator.time.split("T")[1].split("Z")[0].trim() }}
{{indicator.time.split("T")[0].split("-")[2].trim()}}.{{indicator.time.split("T")[0].split("-")[1].trim()}}.{{indicator.time.split("T")[0].split("-")[0].trim().slice(2)}} {{ indicator.time.split("T")[0].split("-")[2].trim() }}.{{ indicator.time.split("T")[0].split("-")[1].trim() }}.{{ indicator.time.split("T")[0].split("-")[0].trim().slice(2) }}
</div> </div>
</div> </div>
<!--.substr(0, 320) + "\u2026"}} --> <!--.substr(0, 320) + "\u2026"}} -->
<h3 v-html="StringUtil.parseImages(content)"></h3> <h3 v-html="StringUtil.parseImages(content)"></h3>
<!-- <h3>{{StringUtil.parseImages(content)}}</h3> --> <!-- <h3>{{StringUtil.parseImages(content)}}</h3> -->
<!--<p>{{content.substr(0, 320) + "\u2026"}}</p> --> <!--<p>{{content.substr(0, 320) + "\u2026"}}</p> -->
<div style="padding: 2px; text-align: left;" > <div style="padding: 2px; text-align: left;">
<a class="menusmall" :href="links.uri" target="_blank">Client</a> <a :href="links.uri" class="menusmall" target="_blank">Client</a>
<a class="menusmall" :href="links.njump" target="_blank">NJump</a> <a :href="links.njump" class="menusmall" target="_blank">NJump</a>
<!--<a class="menusmall" :href="links.highlighter" target="_blank">Highlighter</a> --> <!--<a class="menusmall" :href="links.highlighter" target="_blank">Highlighter</a> -->
<a class="menusmall":href="links.nostrudel" target="_blank">Nostrudel</a> <a :href="links.nostrudel" class="menusmall" target="_blank">Nostrudel</a>
<div class="flex" > <div class="flex">
<div class="flex" style="margin-right: 5px;" v-if="!reacted" @click="react(id, authorid, event)"> <div v-if="!reacted" class="flex" style="margin-right: 5px;" @click="react(id, authorid, event)">
<div style="margin-right: 5px;"> <div style="margin-right: 5px;">
<svg style="margin-top:4px" width="14" height="12" xmlns="http://www.w3.org/2000/svg" class="bi bi-heart" fill-rule="evenodd" fill="currentColor" viewBox="0 0 20 25" clip-rule="evenodd"><path d="M12 21.593c-5.63-5.539-11-10.297-11-14.402 0-3.791 3.068-5.191 5.281-5.191 1.312 0 4.151.501 5.719 4.457 1.59-3.968 4.464-4.447 5.726-4.447 2.54 0 5.274 1.621 5.274 5.181 0 4.069-5.136 8.625-11 14.402m5.726-20.583c-2.203 0-4.446 1.042-5.726 3.238-1.285-2.206-3.522-3.248-5.719-3.248-3.183 0-6.281 2.187-6.281 6.191 0 4.661 5.571 9.429 12 15.809 6.43-6.38 12-11.148 12-15.809 0-4.011-3.095-6.181-6.274-6.181"/></svg> <svg class="bi bi-heart" clip-rule="evenodd" fill="currentColor" fill-rule="evenodd" height="12"
style="margin-top:4px" viewBox="0 0 20 25" width="14" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 21.593c-5.63-5.539-11-10.297-11-14.402 0-3.791 3.068-5.191 5.281-5.191 1.312 0 4.151.501 5.719 4.457 1.59-3.968 4.464-4.447 5.726-4.447 2.54 0 5.274 1.621 5.274 5.181 0 4.069-5.136 8.625-11 14.402m5.726-20.583c-2.203 0-4.446 1.042-5.726 3.238-1.285-2.206-3.522-3.248-5.719-3.248-3.183 0-6.281 2.187-6.281 6.191 0 4.661 5.571 9.429 12 15.809 6.43-6.38 12-11.148 12-15.809 0-4.011-3.095-6.181-6.274-6.181"/>
</svg>
</div> </div>
<div> <div>
<p style="float: left;">{{reactions}}</p> <p style="float: left;">{{ reactions }}</p>
</div> </div>
</div> </div>
<div class="flex" v-if="reacted" style="margin-right: 5px;" @click="react(id, authorid, event)"> <div v-if="reacted" class="flex" style="margin-right: 5px;" @click="react(id, authorid, event)">
<div style="margin-left: auto; margin-right: 5px; float: left;"> <div style="margin-left: auto; margin-right: 5px; float: left;">
<svg style="margin-top:4px" xmlns="http://www.w3.org/2000/svg" width="14" height="12" class="bi bi-heart fill-red-500" viewBox="0 0 20 25"><path d="M12 4.419c-2.826-5.695-11.999-4.064-11.999 3.27 0 7.27 9.903 10.938 11.999 15.311 2.096-4.373 12-8.041 12-15.311 0-7.327-9.17-8.972-12-3.27z"/></svg> </div> <svg class="bi bi-heart fill-red-500" height="12" style="margin-top:4px" viewBox="0 0 20 25"
width="14" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 4.419c-2.826-5.695-11.999-4.064-11.999 3.27 0 7.27 9.903 10.938 11.999 15.311 2.096-4.373 12-8.041 12-15.311 0-7.327-9.17-8.972-12-3.27z"/>
</svg>
</div>
<div> <div>
<p className="text-red-500" style="float: left;">{{reactions}}</p> <p className="text-red-500" style="float: left;">{{ reactions }}</p>
</div> </div>
</div> </div>
<div class="flex" v-if="lud16 != null && lud16 != '' && !zapped" style="margin-right: 5px;" @click="zap_local(lud16, id, authorid)"> <div v-if="lud16 != null && lud16 != '' && !zapped" class="flex" style="margin-right: 5px;"
@click="zap_local(lud16, id, authorid)">
<div style="margin-left: auto; margin-right: 5px; float: left;"> <div style="margin-left: auto; margin-right: 5px; float: left;">
<svg style="margin-top:4px" xmlns="http://www.w3.org/2000/svg" width="14" height="16" fill="currentColor" class="bi bi-lightning" viewBox="0 0 16 20"> <svg class="bi bi-lightning" fill="currentColor" height="16" style="margin-top:4px" viewBox="0 0 16 20"
<path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/> width="14" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/>
</svg> </div> </svg>
</div>
<div> <div>
<p style="float: left;">{{zapAmount/1000}}</p> <p style="float: left;">{{ zapAmount / 1000 }}</p>
</div> </div>
</div> </div>
<div class="flex" v-if="lud16 != null && lud16 != '' && zapped" style="margin-right: 5px;" @click="zap_local(lud16, id, authorid)" > <div v-if="lud16 != null && lud16 != '' && zapped" class="flex" style="margin-right: 5px;"
@click="zap_local(lud16, id, authorid)">
<div style="margin-left: auto; margin-right: 5px;"> <div style="margin-left: auto; margin-right: 5px;">
<svg style="margin-top:4px" xmlns="http://www.w3.org/2000/svg" width="14" height="16" class="bi bi-lightning fill-amber-400" viewBox="0 0 16 20"> <svg class="bi bi-lightning fill-amber-400" height="16" style="margin-top:4px" viewBox="0 0 16 20"
<path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641z"/> width="14" xmlns="http://www.w3.org/2000/svg">
</svg></div> <path
d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641z"/>
</svg>
</div>
<div> <div>
<p style="float: left;" className="text-amber-400">{{zapAmount/1000}}</p> <p className="text-amber-400" style="float: left;">{{ zapAmount / 1000 }}</p>
</div> </div>
</div> </div>
<div class="flex" v-if="!boosted" @click="boost(id, authorid, event)"> <div v-if="!boosted" class="flex" @click="boost(id, authorid, event)">
<div style="margin-left: auto; margin-right: 5px; float: left;"> <div style="margin-left: auto; margin-right: 5px; float: left;">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="28" viewBox="0 0 20 34"><path class="bi" fill="currentColor" d="M19 7a1 1 0 0 0-1-1h-8v2h7v5h-3l3.969 5L22 13h-3zM5 17a1 1 0 0 0 1 1h8v-2H7v-5h3L6 6l-4 5h3z"/></svg> </div> <svg height="28" viewBox="0 0 20 34" width="14" xmlns="http://www.w3.org/2000/svg">
<path class="bi" d="M19 7a1 1 0 0 0-1-1h-8v2h7v5h-3l3.969 5L22 13h-3zM5 17a1 1 0 0 0 1 1h8v-2H7v-5h3L6 6l-4 5h3z"
fill="currentColor"/>
</svg>
</div>
<div> <div>
<p style="float: left;">{{boosts}}</p> <p style="float: left;">{{ boosts }}</p>
</div> </div>
</div> </div>
<div class="flex" v-if="boosted" @click="boost(id, authorid, event)"> <div v-if="boosted" class="flex" @click="boost(id, authorid, event)">
<div style="margin-left: auto; margin-right: 5px; float: left;"> <div style="margin-left: auto; margin-right: 5px; float: left;">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="28" viewBox="0 0 20 34"> <svg height="28" viewBox="0 0 20 34" width="14" xmlns="http://www.w3.org/2000/svg">
<path class="bi fill-green-700" d="M19 7a1 1 0 0 0-1-1h-8v2h7v5h-3l3.969 5L22 13h-3zM5 17a1 1 0 0 0 1 1h8v-2H7v-5h3L6 6l-4 5h3z"/> <path class="bi fill-green-700"
</svg> </div> d="M19 7a1 1 0 0 0-1-1h-8v2h7v5h-3l3.969 5L22 13h-3zM5 17a1 1 0 0 0 1 1h8v-2H7v-5h3L6 6l-4 5h3z"/>
</svg>
</div>
<div> <div>
<p className="text-green-700" style="float: left;">{{boosts}}</p> <p className="text-green-700" style="float: left;">{{ boosts }}</p>
</div> </div>
</div> </div>
<details> <details>
<summary class="" style=" margin-right: 5px"> <summary class="" style=" margin-right: 5px">
<div style="margin-right: 5px; margin-left: 10px;margin-top: 4px"> <svg id="Capa_1" fill="currentColor" height="14" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"><g> <div style="margin-right: 5px; margin-left: 10px;margin-top: 4px">
<svg id="Capa_1" fill="currentColor" height="14" viewBox="0 0 600 600"
xmlns="http://www.w3.org/2000/svg">
<g>
<g id="ad"> <g id="ad">
<path d="m113.241 463.222-4.3-88.312c-68.332-36.05-108.941-95.703-108.941-160.522 0-52.154 26.017-101.029 73.259-137.619 46.512-36.024 108.215-55.864 173.741-55.864s127.229 19.84 173.742 55.865c47.242 36.59 73.259 85.465 73.259 137.619s-26.017 101.03-73.259 137.621c-46.512 36.023-108.215 55.863-173.742 55.863-1.889 0-3.843-.021-6.01-.067l-113.406 63.371c-9.113 4.959-14.343-.411-14.343-7.955zm133.759-423.021c-125.556 0-227.703 78.141-227.703 174.189 0 58.936 38.629 113.466 103.33 145.859 3.116 1.56 5.148 4.679 5.317 8.159l3.814 78.334 102.12-57.064c1.514-.852 3.232-1.275 4.968-1.222 3.108.084 5.698.124 8.152.124 125.556 0 227.703-78.141 227.703-174.188s-102.144-174.191-227.701-174.191z"/> </g></g></svg> </div> <path
d="m113.241 463.222-4.3-88.312c-68.332-36.05-108.941-95.703-108.941-160.522 0-52.154 26.017-101.029 73.259-137.619 46.512-36.024 108.215-55.864 173.741-55.864s127.229 19.84 173.742 55.865c47.242 36.59 73.259 85.465 73.259 137.619s-26.017 101.03-73.259 137.621c-46.512 36.023-108.215 55.863-173.742 55.863-1.889 0-3.843-.021-6.01-.067l-113.406 63.371c-9.113 4.959-14.343-.411-14.343-7.955zm133.759-423.021c-125.556 0-227.703 78.141-227.703 174.189 0 58.936 38.629 113.466 103.33 145.859 3.116 1.56 5.148 4.679 5.317 8.159l3.814 78.334 102.12-57.064c1.514-.852 3.232-1.275 4.968-1.222 3.108.084 5.698.124 8.152.124 125.556 0 227.703-78.141 227.703-174.188s-102.144-174.191-227.701-174.191z"/>
</g>
</g>
</svg>
</div>
</summary> </summary>
<div id="collapse" class="collapse-content font-size-0" className="z-10">
<div class="collapse-content font-size-0" className="z-10" id="collapse"> <textarea v-model="message" class="c-Input" style="width: auto; margin-left: -100px"></textarea>
<textarea class="c-Input" style="width: auto; margin-left: -100px" v-model="message"></textarea> <br>
<br> <button v-if="!replied" class="v-Button" @click="reply(id, author, message); message=''">Reply</button>
<button class="v-Button" v-if="!replied" @click="reply(id, author, message); message=''">Reply</button> <button v-if="replied" class="btn">Replied</button>
<button class="btn" v-if="replied" >Replied</button>
</div> </div>
</details> </details>
</div> </div>
</div> </div>
</template> </template>
</EasyDataTable> </EasyDataTable>
<p></p> <p></p>
<!-- <p>{{data}}</p> --> <!-- <p>{{data}}</p> -->
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import type {Header, Item, SortType} from "vue3-easy-data-table"; import type {Header, SortType} from "vue3-easy-data-table";
import store from '../store'; import store from '../store';
import {types} from "sass"; import {types} from "sass";
import Null = types.Null;
import StringUtil from "@/components/helper/string"; import StringUtil from "@/components/helper/string";
import {copyinvoice, parseandreplacenpubs, } from "@/components/helper/Helper.vue"; import {EventBuilder, EventId, PublicKey, Tag} from "@rust-nostr/nostr-sdk";
import {requestProvider} from "webln"; import {zap_lud16} from "@/components/helper/Zap.vue";
import {Event, EventBuilder, EventId, PublicKey, Tag} from "@rust-nostr/nostr-sdk";
import {zap, zap_lud16, createBolt11Lud16, zaprequest} from "@/components/helper/Zap.vue";
import {ref} from "vue"; import {ref} from "vue";
const props = defineProps<{ const props = defineProps<{
@@ -154,21 +183,22 @@ const sortBy: String = "index";
const sortType: SortType = "asc"; const sortType: SortType = "asc";
const headers: Header[] = [ const headers: Header[] = [
{ text: "Results:", value: "content", fixed: true}, {text: "Results:", value: "content", fixed: true},
// { text: "Time", value: "indicator.index", sortable: true, }, // { text: "Time", value: "indicator.index", sortable: true, },
]; ];
const message = ref(""); const message = ref("");
async function react(eventid, authorid, evt){
async function react(eventid, authorid, evt) {
let event_id = EventId.parse(eventid) let event_id = EventId.parse(eventid)
let public_key = PublicKey.parse(authorid); let public_key = PublicKey.parse(authorid);
let signer = store.state.signer let signer = store.state.signer
let client = store.state.client let client = store.state.client
let objects = (props.data.find(x=> x.id === eventid)) let objects = (props.data.find(x => x.id === eventid))
if (objects !== undefined){ if (objects !== undefined) {
if(!objects.reacted ){ if (!objects.reacted) {
let event = EventBuilder.reaction(evt, "🧡") let event = EventBuilder.reaction(evt, "🧡")
@@ -185,14 +215,13 @@ async function react(eventid, authorid, evt){
} }
async function reply(eventid, authorid, message) {
async function reply (eventid, authorid, message){
console.log(eventid) console.log(eventid)
let signer = store.state.signer let signer = store.state.signer
let client = store.state.client let client = store.state.client
let objects = (props.data.find(x=> x.id === eventid)) let objects = (props.data.find(x => x.id === eventid))
if (objects !== undefined){ if (objects !== undefined) {
let tags = [Tag.parse(["e", eventid])] let tags = [Tag.parse(["e", eventid])]
@@ -207,23 +236,23 @@ async function reply (eventid, authorid, message){
} }
} }
async function boost(eventid, authorid, evt){
async function boost(eventid, authorid, evt) {
// TODO // TODO
let event_id = EventId.parse(eventid) let event_id = EventId.parse(eventid)
let public_key = PublicKey.parse(authorid); let public_key = PublicKey.parse(authorid);
let signer = store.state.signer let signer = store.state.signer
let client = store.state.client let client = store.state.client
let objects = (props.data.find(x=> x.id === eventid)) let objects = (props.data.find(x => x.id === eventid))
if (objects !== undefined){ if (objects !== undefined) {
if(!objects.boosted ){ if (!objects.boosted) {
console.log(evt.asJson()) console.log(evt.asJson())
let relay = "wss://relay.damus.io" let relay = "wss://relay.damus.io"
for (let tag of evt.tags){ for (let tag of evt.tags) {
if (tag.asVec()[0] == "relays"){ if (tag.asVec()[0] == "relays") {
console.log(tag.asVec()[1]) console.log(tag.asVec()[1])
} }
@@ -241,11 +270,10 @@ async function boost(eventid, authorid, evt){
} }
} }
async function zap_local(lud16, eventid, authorid) { async function zap_local(lud16, eventid, authorid) {
if (lud16 == undefined || lud16 == ""){ if (lud16 == undefined || lud16 == "") {
console.log("User has no lightning address") console.log("User has no lightning address")
return return
} }
@@ -265,14 +293,11 @@ async function zap_local(lud16, eventid, authorid) {
console.log("zapped") console.log("zapped")
} }
} }
} } catch (error) {
catch (error)
{
console.log(error) console.log(error)
} }
} }
@@ -283,6 +308,7 @@ async function zap_local(lud16, eventid, authorid) {
width: 20px; width: 20px;
cursor: pointer; cursor: pointer;
} }
.playeauthor-wrapper { .playeauthor-wrapper {
padding: 6px; padding: 6px;
display: flex; display: flex;
@@ -294,10 +320,10 @@ async function zap_local(lud16, eventid, authorid) {
@apply btn text-gray-600 bg-transparent border-transparent tracking-wide ; @apply btn text-gray-600 bg-transparent border-transparent tracking-wide ;
} }
.vue3-easy-data-table__footer.previous-page__click-button{ .vue3-easy-data-table__footer.previous-page__click-button {
height:100px height: 100px
} }
.time { .time {
@@ -307,6 +333,7 @@ async function zap_local(lud16, eventid, authorid) {
align-items: center; align-items: center;
justify-items: center; justify-items: center;
} }
.avatar { .avatar {
margin-right: 10px; margin-right: 10px;
display: inline-block; display: inline-block;
@@ -319,9 +346,9 @@ async function zap_local(lud16, eventid, authorid) {
.c-Input { .c-Input {
@apply bg-base-200 text-accent dark:bg-black dark:text-white focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-transparent px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900; @apply bg-base-200 text-accent dark:bg-black dark:text-white focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-transparent px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
height: 180px; height: 180px;
margin-top: 15px; margin-top: 15px;
} }
@@ -331,6 +358,7 @@ margin-top: 15px;
height: 48px; height: 48px;
margin-left: 10px; margin-left: 10px;
} }
.customize-table { .customize-table {
width: auto; width: auto;
--easy-table-border: 2px solid bg-base; --easy-table-border: 2px solid bg-base;

36
ui/noogle/src/components/ProfileResultTable.vue
View File

@@ -1,13 +1,16 @@
<template> <template>
<EasyDataTable style="margin-top: 450px" <EasyDataTable v-if="store.state.profile_results.length != 0 && router.currentRoute.value.path == '/'"
class="customize-table" header-text-direction="left" hide-rows-per-page=true rows-per-page=10 v-if="store.state.profile_results.length != 0 && router.currentRoute.value.path == '/'" table-class-name="customize-table" :headers="headers" :items="store.state.profile_results" class="customize-table" header-text-direction="left"
:headers="headers" hide-rows-per-page=true
:items="store.state.profile_results" > rows-per-page=10
style="margin-top: 450px"
table-class-name="customize-table">
<template #item-content="{ author, authorurl, avatar}"> <template #item-content="{ author, authorurl, avatar}">
<div class="playeauthor-wrapper" > <div class="playeauthor-wrapper">
<img class="avatar" v-if="avatar" :src="avatar" alt="Avatar" onerror="this.src='https://noogle.lol/favicon.ico'" /> <img v-if="avatar" :src="avatar" alt="Avatar" class="avatar"
<img class="avatar" v-else src="@/assets/nostr-purple.svg" /> onerror="this.src='https://noogle.lol/favicon.ico'"/>
<a class="purple" :href="authorurl" target="_blank">{{ author }}</a> <img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
<a :href="authorurl" class="purple" target="_blank">{{ author }}</a>
</div> </div>
<!-- <p>{{content}}</p> --> <!-- <p>{{content}}</p> -->
@@ -30,19 +33,17 @@
<script lang="ts" setup> <script lang="ts" setup>
import type {Header, Item, SortType} from "vue3-easy-data-table"; import type {Header} from "vue3-easy-data-table";
import store from '../store'; import store from '../store';
import router from "../router"; import router from "../router";
const headers: Header[] = [ const headers: Header[] = [
{ text: "Relevant Profiles:", value: "content", fixed:true}, {text: "Relevant Profiles:", value: "content", fixed: true},
// { text: "Time", value: "indicator.time", sortable: true, }, // { text: "Time", value: "indicator.time", sortable: true, },
]; ];
</script> </script>
<style scoped> <style scoped>
@@ -50,6 +51,7 @@ const headers: Header[] = [
width: 20px; width: 20px;
cursor: pointer; cursor: pointer;
} }
.playeauthor-wrapper { .playeauthor-wrapper {
padding: 6px; padding: 6px;
display: flex; display: flex;
@@ -61,10 +63,10 @@ const headers: Header[] = [
@apply btn text-gray-600 bg-transparent border-transparent tracking-wide; @apply btn text-gray-600 bg-transparent border-transparent tracking-wide;
} }
.vue3-easy-data-table__footer.previous-page__click-button{ .vue3-easy-data-table__footer.previous-page__click-button {
height:100px height: 100px
} }
.time { .time {
@@ -74,6 +76,7 @@ const headers: Header[] = [
align-items: center; align-items: center;
justify-items: center; justify-items: center;
} }
.avatar { .avatar {
margin-right: 10px; margin-right: 10px;
display: inline-block; display: inline-block;
@@ -83,8 +86,9 @@ const headers: Header[] = [
object-fit: cover; object-fit: cover;
box-shadow: inset 0 4px 4px 0 rgb(0 0 0 / 10%); box-shadow: inset 0 4px 4px 0 rgb(0 0 0 / 10%);
} }
.customize-table { .customize-table {
width:auto; width: auto;
--easy-table-border: 3px solid #000000; --easy-table-border: 3px solid #000000;
--easy-table-row-border: 0px; --easy-table-row-border: 0px;

547
ui/noogle/src/components/RecommendationGeneration.vue
View File

File diff suppressed because one or more lines are too long

187
ui/noogle/src/components/Search.vue
View File

@@ -1,39 +1,20 @@
<script setup> <script setup>
import { import {Event, EventBuilder, EventId, Filter, Nip19Event, PublicKey, Tag, Timestamp} from "@rust-nostr/nostr-sdk";
Client,
Filter,
Timestamp,
Event,
Metadata,
PublicKey,
EventBuilder,
Tag,
EventId,
Nip19Event,
Alphabet,
ClientBuilder,
Keys,
NostrDatabase,
NegentropyOptions,
NegentropyDirection,
Duration, nip04Encrypt, nip04Decrypt
} from "@rust-nostr/nostr-sdk";
import store from '../store'; import store from '../store';
import miniToastr from "mini-toastr"; import miniToastr from "mini-toastr";
import VueNotifications from "vue-notifications"; import VueNotifications from "vue-notifications";
import {computed, onMounted, ref} from "vue"; import {onMounted, ref} from "vue";
import deadnip89s from "@/components/data/deadnip89s.json";
import VueDatePicker from '@vuepic/vue-datepicker'; import VueDatePicker from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css' import '@vuepic/vue-datepicker/dist/main.css'
import {post_note, schedule, copyurl, copyinvoice, sleep, getEvents, get_user_infos, nextInput} from "../components/helper/Helper.vue" import {get_user_infos, getEvents, nextInput, sleep} from "../components/helper/Helper.vue"
import StringUtil from "@/components/helper/string.ts"; import StringUtil from "@/components/helper/string.ts";
let items = [] let items = []
let profiles = [] let profiles = []
let dvms =[] let dvms = []
const message = ref(""); const message = ref("");
const fromuser = ref(""); const fromuser = ref("");
@@ -50,7 +31,7 @@ onMounted(async () => {
let urlParams = new URLSearchParams(window.location.search); let urlParams = new URLSearchParams(window.location.search);
if (urlParams.has('q')) { if (urlParams.has('q')) {
message.value = urlParams.get('q') message.value = urlParams.get('q')
if(urlParams.get('npub') != null){ if (urlParams.get('npub') != null) {
fromuser.value = urlParams.get('npub') fromuser.value = urlParams.get('npub')
} }
@@ -66,26 +47,25 @@ onMounted(async () => {
async function send_search_request(msg) { async function send_search_request(msg) {
if (!store.state.hasEventListener){ if (!store.state.hasEventListener) {
//store.commit('set_hasEventListener', true) //store.commit('set_hasEventListener', true)
listen() listen()
} } else {
else{
console.log("Already has event listener") console.log("Already has event listener")
} }
try { try {
if (msg === undefined){ if (msg === undefined) {
msg = "Nostr" msg = "Nostr"
} }
if(store.state.pubkey === undefined){ if (store.state.pubkey === undefined) {
miniToastr.showMessage("Please login first", "No pubkey set", VueNotifications.types.warn) miniToastr.showMessage("Please login first", "No pubkey set", VueNotifications.types.warn)
return return
} }
items = [] items = []
profiles = [] profiles = []
dvms =[] dvms = []
store.commit('set_search_results', items) store.commit('set_search_results', items)
store.commit('set_search_results_profiles', profiles) store.commit('set_search_results_profiles', profiles)
let client = store.state.client let client = store.state.client
@@ -101,7 +81,7 @@ async function send_search_request(msg) {
let search = msg; let search = msg;
for (let word of taggedUsersFrom) { for (let word of taggedUsersFrom) {
search = search.replace(word, ""); search = search.replace(word, "");
if(word === "me"){ if (word === "me") {
word = store.state.pubkey.toBech32() word = store.state.pubkey.toBech32()
} }
@@ -117,29 +97,20 @@ async function send_search_request(msg) {
console.log(search); console.log(search);
if (fromuser.value !== ""){ if (fromuser.value !== "") {
const userPubkey = PublicKey.fromBech32(fromuser.value.replace("@", "")).toHex() const userPubkey = PublicKey.fromBech32(fromuser.value.replace("@", "")).toHex()
const userPubkeyBech32 = PublicKey.fromBech32(fromuser.value.replace("@", "")).toBech32() const userPubkeyBech32 = PublicKey.fromBech32(fromuser.value.replace("@", "")).toBech32()
const pTag = Tag.parse(["p", userPubkey]); const pTag = Tag.parse(["p", userPubkey]);
users.push(pTag.asVec()); users.push(pTag.asVec());
url.searchParams.set('npub', userPubkeyBech32); url.searchParams.set('npub', userPubkeyBech32);
} } else {
else{
url.searchParams.delete('npub'); url.searchParams.delete('npub');
} }
window.history.pushState(null, '', url.toString()); window.history.pushState(null, '', url.toString());
//window.location.search = urlParams; //window.location.search = urlParams;
//let content = "NIP 90 Search request" //let content = "NIP 90 Search request"
@@ -148,12 +119,12 @@ async function send_search_request(msg) {
let tags = [ let tags = [
["i", msg, "text"], ["i", msg, "text"],
["param", "max_results", "150"], ["param", "max_results", "150"],
["param", "since", ((datefrom.value/1000).toFixed(0))], ["param", "since", ((datefrom.value / 1000).toFixed(0))],
["param", "until", ((dateto.value/1000).toFixed(0))], ["param", "until", ((dateto.value / 1000).toFixed(0))],
['param', 'users', JSON.stringify(users)] ['param', 'users', JSON.stringify(users)]
] ]
let r = ["relays"] let r = ["relays"]
for (let relay of store.state.relays){ for (let relay of store.state.relays) {
r.push(relay) r.push(relay)
} }
tags.push(r) tags.push(r)
@@ -202,25 +173,25 @@ async function send_search_request(msg) {
let requestid_profile; let requestid_profile;
let tags_t_nb = [] let tags_t_nb = []
for (let tag of tags_nb){ for (let tag of tags_nb) {
tags_t_nb.push(Tag.parse(tag)) tags_t_nb.push(Tag.parse(tag))
} }
let tags_t_wine = [] let tags_t_wine = []
for (let tag of tags_wine){ for (let tag of tags_wine) {
tags_t_wine.push(Tag.parse(tag)) tags_t_wine.push(Tag.parse(tag))
} }
let tags_t_profile = [] let tags_t_profile = []
for (let tag of tags_profile){ for (let tag of tags_profile) {
tags_t_profile.push(Tag.parse(tag)) tags_t_profile.push(Tag.parse(tag))
} }
console.log(tags_t_nb) console.log(tags_t_nb)
let evt = new EventBuilder(kind, contentnb, tags_t_nb) let evt = new EventBuilder(kind, contentnb, tags_t_nb)
let evt2 = new EventBuilder(kind, contentwine, tags_t_wine) let evt2 = new EventBuilder(kind, contentwine, tags_t_wine)
let evt_profiles = new EventBuilder(kind_profiles, contentprofile, tags_t_profile ) let evt_profiles = new EventBuilder(kind_profiles, contentprofile, tags_t_profile)
try{ try {
let res1 = await client.sendEventBuilder(evt_profiles) let res1 = await client.sendEventBuilder(evt_profiles)
requestid_profile = res1.toHex() requestid_profile = res1.toHex()
@@ -232,9 +203,7 @@ async function send_search_request(msg) {
requestid2 = res2.toHex() requestid2 = res2.toHex()
} catch (error) {
}
catch(error){
console.log(error) console.log(error)
} }
@@ -244,7 +213,6 @@ async function send_search_request(msg) {
store.commit('set_current_request_profile_id_search', requestid_profile) store.commit('set_current_request_profile_id_search', requestid_profile)
} catch (error) { } catch (error) {
console.log(error); console.log(error);
} }
@@ -284,27 +252,23 @@ async function listen() {
let etag = "" let etag = ""
let ptag = "" let ptag = ""
let content = event.content let content = event.content
for (let tag of event.tags){ for (let tag of event.tags) {
if (tag.asVec()[0] === "status"){ if (tag.asVec()[0] === "status") {
status = tag.asVec()[1] status = tag.asVec()[1]
if (tag.asVec().length > 2){ if (tag.asVec().length > 2) {
content = tag.asVec()[2] content = tag.asVec()[2]
} }
} } else if (tag.asVec()[0] === "e") {
else if (tag.asVec()[0] === "e"){
etag = tag.asVec()[1] etag = tag.asVec()[1]
} } else if (tag.asVec()[0] === "p") {
else if (tag.asVec()[0] === "p"){
ptag = tag.asVec()[1] ptag = tag.asVec()[1]
} } else if (tag.asVec()[0] === "encrypted") {
else if (tag.asVec()[0] === "encrypted"){
is_encrypted = true is_encrypted = true
} }
} }
if (event.kind === 7000) { if (event.kind === 7000) {
try { try {
@@ -325,9 +289,7 @@ async function listen() {
} }
if (is_encrypted) {
if (is_encrypted){
let signer = store.state.signer let signer = store.state.signer
if (ptag === store.state.pubkey.toHex()) { if (ptag === store.state.pubkey.toHex()) {
let tags_str = await signer.nip04Decrypt(event.author, event.content) let tags_str = await signer.nip04Decrypt(event.author, event.content)
@@ -352,8 +314,7 @@ async function listen() {
etag = tag.asVec()[1] etag = tag.asVec()[1]
} else if (tag.asVec()[0] === "content") { } else if (tag.asVec()[0] === "content") {
content = tag.asVec()[1] content = tag.asVec()[1]
} } else if (tag.asVec()[0] === "amount") {
else if (tag.asVec()[0] === "amount") {
jsonentry.amount = tag.asVec()[1] jsonentry.amount = tag.asVec()[1]
if (tag.asVec().length > 2) { if (tag.asVec().length > 2) {
jsonentry.bolt11 = tag.asVec()[2] jsonentry.bolt11 = tag.asVec()[2]
@@ -363,9 +324,7 @@ async function listen() {
} }
} }
} } else {
else {
for (const tag in event.tags) { for (const tag in event.tags) {
if (event.tags[tag].asVec()[0] === "status") { if (event.tags[tag].asVec()[0] === "status") {
status = event.tags[tag].asVec()[1] status = event.tags[tag].asVec()[1]
@@ -386,8 +345,6 @@ async function listen() {
} }
//let dvm = store.state.nip89dvms.find(x => JSON.parse(x.event).pubkey === event.author.toHex()) //let dvm = store.state.nip89dvms.find(x => JSON.parse(x.event).pubkey === event.author.toHex())
for (const el of store.state.nip89dvms) { for (const el of store.state.nip89dvms) {
if (JSON.parse(el.event).pubkey === event.author.toHex().toString()) { if (JSON.parse(el.event).pubkey === event.author.toHex().toString()) {
@@ -416,13 +373,11 @@ async function listen() {
} catch (error) { } catch (error) {
console.log("Error: ", error); console.log("Error: ", error);
} }
} } else if (event.kind === 6302) {
else if (event.kind === 6302) {
let entries = [] let entries = []
//console.log("6302:", event.content); //console.log("6302:", event.content);
if (is_encrypted){ if (is_encrypted) {
let signer = store.state.signer let signer = store.state.signer
if (ptag === store.state.pubkey.toHex()) { if (ptag === store.state.pubkey.toHex()) {
content = await signer.nip04Decrypt(event.author, event.content) content = await signer.nip04Decrypt(event.author, event.content)
@@ -430,7 +385,7 @@ async function listen() {
} }
try{ try {
let event_etags = JSON.parse(content) let event_etags = JSON.parse(content)
console.log(event_etags) console.log(event_etags)
@@ -486,14 +441,10 @@ async function listen() {
store.commit('set_active_search_dvms', dvms) store.commit('set_active_search_dvms', dvms)
console.log("Events from" + event.author.toHex()) console.log("Events from" + event.author.toHex())
store.commit('set_search_results', items) store.commit('set_search_results', items)
} } catch {
catch{
} }
} } else if (event.kind === 6303) {
else if (event.kind === 6303) {
let entries = [] let entries = []
//console.log("6303:", event.content); //console.log("6303:", event.content);
@@ -505,8 +456,6 @@ async function listen() {
} }
let event_ptags = JSON.parse(content) let event_ptags = JSON.parse(content)
let authors = [] let authors = []
if (event_ptags.length > 0) { if (event_ptags.length > 0) {
@@ -519,12 +468,12 @@ async function listen() {
for (const profile of infos) { for (const profile of infos) {
//console.log(profile["author"]) //console.log(profile["author"])
if (profiles.findIndex(e => e.id === profile["author"]) === -1 && profile["profile"]["name"] !== "" ) { if (profiles.findIndex(e => e.id === profile["author"]) === -1 && profile["profile"]["name"] !== "") {
profiles.push({ profiles.push({
id: profile["author"], id: profile["author"],
content: profile["profile"], content: profile["profile"],
author: profile["profile"]["name"], author: profile["profile"]["name"],
authorurl: "https://njump.me/" +PublicKey.parse(profile["author"]).toBech32(), authorurl: "https://njump.me/" + PublicKey.parse(profile["author"]).toBech32(),
avatar: profile["profile"]["picture"] avatar: profile["profile"]["picture"]
}) })
} }
@@ -554,26 +503,25 @@ async function listen() {
} }
function getNamefromId(id){ function getNamefromId(id) {
let elements = searchdvms.filter(i => i.id === id) let elements = searchdvms.filter(i => i.id === id)
if (elements.length === 0){ if (elements.length === 0) {
return id return id
} } else return elements[0].name
else return elements[0].name
} }
async function checkuser(msg){ async function checkuser(msg) {
usernames = [] usernames = []
let profiles = await get_user_from_search(msg) let profiles = await get_user_from_search(msg)
for (let profile of profiles){ for (let profile of profiles) {
usernames.push(profile) usernames.push(profile)
} }
} }
async function get_user_from_search(name){ async function get_user_from_search(name) {
name = "\"name\":" + name name = "\"name\":" + name
if (store.state.dbclient.database === undefined){ if (store.state.dbclient.database === undefined) {
console.log("not logged in, not getting profile suggestions") console.log("not logged in, not getting profile suggestions")
return [] return []
} }
@@ -582,21 +530,20 @@ async function get_user_from_search(name){
let filter1 = new Filter().kind(0) let filter1 = new Filter().kind(0)
let evts = await client.database.query([filter1]) let evts = await client.database.query([filter1])
console.log(evts.length) console.log(evts.length)
for (const entry of evts){ for (const entry of evts) {
try{ try {
let contentjson = JSON.parse(entry.content) let contentjson = JSON.parse(entry.content)
console.log(entry.content) console.log(entry.content)
profiles.push({profile: contentjson, author: entry.author.toBech32(), createdAt: entry.createdAt}); profiles.push({profile: contentjson, author: entry.author.toBech32(), createdAt: entry.createdAt});
} } catch (error) {
catch(error){
console.log(error) console.log(error)
} }
} }
return profiles return profiles
} }
defineProps({ defineProps({
msg: { msg: {
@@ -610,29 +557,31 @@ defineProps({
<template> <template>
<div class="greetings"> <div class="greetings">
<img alt="Nostr logo" class="logo" src="../assets/nostr-purple.svg" /> <img alt="Nostr logo" class="logo" src="../assets/nostr-purple.svg"/>
<br> <br>
<h1 class="text-7xl font-black tracking-wide">Noogle</h1> <h1 class="text-7xl font-black tracking-wide">Noogle</h1>
<h2 class="text-base-200-content text-center tracking-wide text-2xl"> <h2 class="text-base-200-content text-center tracking-wide text-2xl">
Search the Nostr with Data Vending Machines</h2> Search the Nostr with Data Vending Machines</h2>
<h3> <h3>
<br> <br>
<input class="c-Input" type="search" name="s" autofocus placeholder="Search..." v-model="message" @keyup.enter="send_search_request(message)" @keydown.enter="nextInput"> <input v-model="message" autofocus class="c-Input" name="s" placeholder="Search..." type="search"
@keyup.enter="send_search_request(message)" @keydown.enter="nextInput">
<button class="v-Button" @click="send_search_request(message)">Search the Nostr</button> <button class="v-Button" @click="send_search_request(message)">Search the Nostr</button>
</h3> </h3>
<details class="collapse bg-base " className="advanced" > <details class="collapse bg-base " className="advanced">
<summary class="collapse-title font-thin bg">Advanced Options</summary> <summary class="collapse-title font-thin bg">Advanced Options</summary>
<div class="collapse-content font-size-0" className="z-10" id="collapse-settings"> <div id="collapse-settings" class="collapse-content font-size-0" className="z-10">
<div> <div>
<h4 className="inline-flex flex-none font-thin">by: </h4> <h4 className="inline-flex flex-none font-thin">by: </h4>
<div className="inline-flex flex-none" style="width: 10px;"></div> <div className="inline-flex flex-none" style="width: 10px;"></div>
<input list="users" id="user" class="u-Input" style="margin-left: 10px" type="search" name="user" autofocus placeholder="npub..." v-model="fromuser" @input="checkuser(fromuser)"> <input id="user" v-model="fromuser" autofocus class="u-Input" list="users" name="user" placeholder="npub..."
style="margin-left: 10px" type="search" @input="checkuser(fromuser)">
<datalist id="users"> <datalist id="users">
<option v-for="profile in usernames" :value="profile.author"> <option v-for="profile in usernames" :value="profile.author">
{{profile.profile.name + ' (' + profile.profile.nip05 + ')'}} {{ profile.profile.name + ' (' + profile.profile.nip05 + ')' }}
</option> </option>
</datalist> </datalist>
@@ -645,34 +594,37 @@ defineProps({
<div> <div>
<h4 className="inline-flex flex-none font-thin">from:</h4> <h4 className="inline-flex flex-none font-thin">from:</h4>
<div className="inline-flex flex-none" style="width: 10px;"></div> <div className="inline-flex flex-none" style="width: 10px;"></div>
<VueDatePicker :teleport="true" :dark="true" position="left" className="bg-base-200 inline-flex flex-none" style="width: 220px;" v-model="datefrom"></VueDatePicker> <VueDatePicker v-model="datefrom" :dark="true" :teleport="true" className="bg-base-200 inline-flex flex-none"
position="left" style="width: 220px;"></VueDatePicker>
</div> </div>
<div className="inline-flex flex-none" style="width: 20px;"></div> <div className="inline-flex flex-none" style="width: 20px;"></div>
<div> <div>
<h4 className="inline-flex font-thin ">until: </h4> <h4 className="inline-flex font-thin ">until: </h4>
<div className="inline-flex flex-none" style="width: 10px;"></div> <div className="inline-flex flex-none" style="width: 10px;"></div>
<VueDatePicker :teleport="true" :dark="true" position="left" className="bg-base-200 inline-flex flex-none" style="width: 220px;" v-model="dateto"></VueDatePicker> <VueDatePicker v-model="dateto" :dark="true" :teleport="true" className="bg-base-200 inline-flex flex-none"
position="left" style="width: 220px;"></VueDatePicker>
</div> </div>
</details> </details>
</div> </div>
<div class="max-w-5xl relative space-y-3"> <div class="max-w-5xl relative space-y-3">
<div class="grid grid-cols-1 gap-6"> <div class="grid grid-cols-1 gap-6">
<div className="card w-30 h-60 bg-base-100 shadow-xl" v-for="dvm in store.state.activesearchdvms" <div v-for="dvm in store.state.activesearchdvms" :key="dvm.name"
:key="dvm.name"> className="card w-30 h-60 bg-base-100 shadow-xl">
<div className="card-body"> <div className="card-body">
<div class="grid grid-cols-1 gap-6"> <div class="grid grid-cols-1 gap-6">
<div className="col-end-1"> <div className="col-end-1">
<h2 className="card-title">{{ dvm.name }}</h2> <h2 className="card-title">{{ dvm.name }}</h2>
<figure v-if="dvm.image!==''" className="w-40"><img className="h-30" :src="dvm.image" alt="DVM Picture" /></figure> <figure v-if="dvm.image!==''" className="w-40"><img :src="dvm.image" alt="DVM Picture" className="h-30"/>
</figure>
</div> </div>
<div className="col-end-2 w-auto card-body"> <div className="col-end-2 w-auto card-body">
<h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3> <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
<div><br> <div><br>
<span className="loading loading-dots loading-lg" ></span> <span className="loading loading-dots loading-lg"></span>
</div> </div>
</div> </div>
</div> </div>
@@ -710,8 +662,8 @@ defineProps({
.logo { .logo {
display: flex; display: flex;
width:100%; width: 100%;
height:125px; height: 125px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
@@ -732,7 +684,6 @@ h4 {
} }
@media (min-width: 1000px) { @media (min-width: 1000px) {
.greetings h1, .greetings h1,

47
ui/noogle/src/components/SearchResultTable.vue
View File

@@ -1,27 +1,29 @@
<template> <template>
<EasyDataTable class="customize-table" header-text-direction="left" v-if="store.state.results.length != 0" table-class-name="customize-table" <EasyDataTable v-if="store.state.results.length != 0" :headers="headers" :items="store.state.results"
:headers="headers" :sort-by="sortBy"
:items="store.state.results" :sort-by="sortBy" :sort-type="sortType"
:sort-type="sortType"> class="customize-table" header-text-direction="left"
table-class-name="customize-table">
<template #item-content="{ content, author, authorurl, avatar, indicator, links}"> <template #item-content="{ content, author, authorurl, avatar, indicator, links}">
<div class="playeauthor-wrapper"> <div class="playeauthor-wrapper">
<img class="avatar" v-if="avatar" :src="avatar" alt="Avatar" onerror="this.src='https://noogle.lol/favicon.ico'" /> <img v-if="avatar" :src="avatar" alt="Avatar" class="avatar"
<img class="avatar" v-else src="@/assets/nostr-purple.svg" /> onerror="this.src='https://noogle.lol/favicon.ico'"/>
<img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
<a class="purple" :href="authorurl" target="_blank">{{ author }}</a> <a :href="authorurl" class="purple" target="_blank">{{ author }}</a>
<div class="time" :data-tip="indicator.time"> <div :data-tip="indicator.time" class="time">
{{indicator.time.split("T")[1].split("Z")[0].trim()}} {{ indicator.time.split("T")[1].split("Z")[0].trim() }}
{{indicator.time.split("T")[0].split("-")[2].trim()}}.{{indicator.time.split("T")[0].split("-")[1].trim()}}.{{indicator.time.split("T")[0].split("-")[0].trim().slice(2)}} {{ indicator.time.split("T")[0].split("-")[2].trim() }}.{{ indicator.time.split("T")[0].split("-")[1].trim() }}.{{ indicator.time.split("T")[0].split("-")[0].trim().slice(2) }}
</div> </div>
</div> </div>
<p>{{content.substr(0, 320) + "\u2026"}}</p> <p>{{ content.substr(0, 320) + "\u2026" }}</p>
<div style="padding: 2px; text-align: left;" > <div style="padding: 2px; text-align: left;">
<a class="menusmall" :href="links.uri" target="_blank">Nostr Client</a> <a :href="links.uri" class="menusmall" target="_blank">Nostr Client</a>
<a class="menusmall" :href="links.njump" target="_blank">NJump</a> <a :href="links.njump" class="menusmall" target="_blank">NJump</a>
<a class="menusmall" :href="links.highlighter" target="_blank">Highlighter</a> <a :href="links.highlighter" class="menusmall" target="_blank">Highlighter</a>
<a class="menusmall":href="links.nostrudel" target="_blank">Nostrudel</a> <a :href="links.nostrudel" class="menusmall" target="_blank">Nostrudel</a>
</div> </div>
</template> </template>
@@ -33,14 +35,14 @@
<script lang="ts" setup> <script lang="ts" setup>
import type {Header, Item, SortType} from "vue3-easy-data-table"; import type {Header, SortType} from "vue3-easy-data-table";
import store from '../store'; import store from '../store';
const sortBy = "indicator.time"; const sortBy = "indicator.time";
const sortType: SortType = "desc"; const sortType: SortType = "desc";
const headers: Header[] = [ const headers: Header[] = [
{ text: "Results:", value: "content", fixed:true}, {text: "Results:", value: "content", fixed: true},
]; ];
@@ -51,6 +53,7 @@ const headers: Header[] = [
width: 20px; width: 20px;
cursor: pointer; cursor: pointer;
} }
.playeauthor-wrapper { .playeauthor-wrapper {
padding: 6px; padding: 6px;
display: flex; display: flex;
@@ -62,10 +65,10 @@ const headers: Header[] = [
@apply btn text-gray-600 bg-transparent border-transparent tracking-wide; @apply btn text-gray-600 bg-transparent border-transparent tracking-wide;
} }
.vue3-easy-data-table__footer.previous-page__click-button{ .vue3-easy-data-table__footer.previous-page__click-button {
height:100px height: 100px
} }
.time { .time {
@@ -75,6 +78,7 @@ const headers: Header[] = [
align-items: center; align-items: center;
justify-items: center; justify-items: center;
} }
.avatar { .avatar {
margin-right: 10px; margin-right: 10px;
display: inline-block; display: inline-block;
@@ -84,6 +88,7 @@ const headers: Header[] = [
object-fit: cover; object-fit: cover;
box-shadow: inset 0 4px 4px 0 rgb(0 0 0 / 10%); box-shadow: inset 0 4px 4px 0 rgb(0 0 0 / 10%);
} }
.customize-table { .customize-table {
width: auto; width: auto;
--easy-table-border: 2px solid #000000; --easy-table-border: 2px solid #000000;

117
ui/noogle/src/components/SummarizationGeneration.vue
View File

@@ -1,47 +1,28 @@
<script setup> <script setup>
import { import {EventBuilder, Filter, Tag, Timestamp} from "@rust-nostr/nostr-sdk";
Client,
Filter,
Timestamp,
Event,
Metadata,
PublicKey,
EventBuilder,
Tag,
EventId,
Nip19Event, Alphabet, Keys, nip04_decrypt, SecretKey, Duration
} from "@rust-nostr/nostr-sdk";
import store from '../store'; import store from '../store';
import miniToastr from "mini-toastr"; import miniToastr from "mini-toastr";
import VueNotifications from "vue-notifications"; import VueNotifications from "vue-notifications";
import {computed, watch} from "vue"; import {ref} from "vue";
import deadnip89s from "@/components/data/deadnip89s.json"; import {sleep} from "../components/helper/Helper.vue"
import {data} from "autoprefixer";
import {requestProvider} from "webln";
import Newnote from "@/components/Newnote.vue";
import {post_note, schedule, copyurl, copyinvoice, sleep, nextInput} from "../components/helper/Helper.vue"
import { ref } from "vue";
import ModalComponent from "../components/Newnote.vue";
import VueDatePicker from "@vuepic/vue-datepicker";
import {timestamp} from "@vueuse/core";
import NoteTable from "@/components/NoteTable.vue";
import {zap} from "@/components/helper/Zap.vue"; import {zap} from "@/components/helper/Zap.vue";
import index from "vuex";
let dvms =[] let dvms = []
let requestids = [] let requestids = []
async function summarizefeed(eventids) { async function summarizefeed(eventids) {
listen() listen()
let sortedIds = eventids.sort(function (a, b) {
let sortedIds = eventids.sort(function(a,b) {return (a.index > b.index) ? 1 : ((b.index > a.index) ? -1 : 0);} ); return (a.index > b.index) ? 1 : ((b.index > a.index) ? -1 : 0);
});
try { try {
if(store.state.pubkey === undefined || localStorage.getItem('nostr-key-method') === "anon"){ if (store.state.pubkey === undefined || localStorage.getItem('nostr-key-method') === "anon") {
miniToastr.showMessage("In order to receive personalized recommendations, sign-in first.", "Not signed in.", VueNotifications.types.warn) miniToastr.showMessage("In order to receive personalized recommendations, sign-in first.", "Not signed in.", VueNotifications.types.warn)
return return
} }
@@ -54,16 +35,15 @@ let sortedIds = eventids.sort(function(a,b) {return (a.index > b.index) ? 1 : ((
let kind = 5001 let kind = 5001
let tags = [] let tags = []
for (const tag of sortedIds){ for (const tag of sortedIds) {
try{ try {
tags.push(["i", tag.id, "event"]) tags.push(["i", tag.id, "event"])
} catch {
} }
catch{}
} }
let r = ["relays"] let r = ["relays"]
for (let relay of store.state.relays){ for (let relay of store.state.relays) {
r.push(relay) r.push(relay)
} }
tags.push(r) tags.push(r)
@@ -74,7 +54,7 @@ let sortedIds = eventids.sort(function(a,b) {return (a.index > b.index) ? 1 : ((
let tags_t = [] let tags_t = []
for (let tag of tags){ for (let tag of tags) {
tags_t.push(Tag.parse(tag)) tags_t.push(Tag.parse(tag))
} }
let evt = new EventBuilder(kind, content, tags_t) let evt = new EventBuilder(kind, content, tags_t)
@@ -83,7 +63,6 @@ let sortedIds = eventids.sort(function(a,b) {return (a.index > b.index) ? 1 : ((
console.log(res) console.log(res)
requestids.push(requestid) requestids.push(requestid)
store.commit('set_current_request_id_summarization', requestids) store.commit('set_current_request_id_summarization', requestids)
@@ -115,7 +94,7 @@ async function listen() {
for (let tag in event.tags) { for (let tag in event.tags) {
if (event.tags[tag].asVec()[0] === "e") { if (event.tags[tag].asVec()[0] === "e") {
if (store.state.requestidSummarization.includes(event.tags[tag].asVec()[1])){ if (store.state.requestidSummarization.includes(event.tags[tag].asVec()[1])) {
resonsetorequest = true resonsetorequest = true
} }
} }
@@ -151,13 +130,12 @@ async function listen() {
jsonentry.amount = event.tags[tag].asVec()[1] jsonentry.amount = event.tags[tag].asVec()[1]
if (event.tags[tag].asVec().length > 2) { if (event.tags[tag].asVec().length > 2) {
jsonentry.bolt11 = event.tags[tag].asVec()[2] jsonentry.bolt11 = event.tags[tag].asVec()[2]
} } else {
else{
let profiles = await get_user_infos([event.author.toHex()]) let profiles = await get_user_infos([event.author.toHex()])
let created = 0 let created = 0
let current let current
console.log("NUM KIND0 FOUND " + profiles.length) console.log("NUM KIND0 FOUND " + profiles.length)
if (profiles.length > 0){ if (profiles.length > 0) {
// for (const profile of profiles){ // for (const profile of profiles){
console.log(profiles[0].profile) console.log(profiles[0].profile)
let current = profiles[0] let current = profiles[0]
@@ -168,21 +146,18 @@ async function listen() {
let lud16 = current.profile.lud16 let lud16 = current.profile.lud16
if (lud16 !== null && lud16 !== ""){ if (lud16 !== null && lud16 !== "") {
console.log("LUD16: " + lud16) console.log("LUD16: " + lud16)
jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount) jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount)
console.log(jsonentry.bolt11) console.log(jsonentry.bolt11)
if(jsonentry.bolt11 === ""){ if (jsonentry.bolt11 === "") {
status = "error" status = "error"
} }
} } else {
else {
console.log("NO LNURL") console.log("NO LNURL")
} }
} } else {
else {
console.log("PROFILE NOT FOUND") console.log("PROFILE NOT FOUND")
} }
} }
@@ -217,10 +192,7 @@ async function listen() {
} }
} } else if (event.kind === 6001) {
else if (event.kind === 6001){
console.log(event.content) console.log(event.content)
dvms.find(i => i.id === event.author.toHex()).result = event.content dvms.find(i => i.id === event.author.toHex()).result = event.content
dvms.find(i => i.id === event.author.toHex()).status = "finished" dvms.find(i => i.id === event.author.toHex()).status = "finished"
@@ -242,7 +214,7 @@ async function listen() {
async function zap_local(invoice) { async function zap_local(invoice) {
let success = await zap(invoice) let success = await zap(invoice)
if (success){ if (success) {
dvms.find(i => i.bolt11 === invoice).status = "paid" dvms.find(i => i.bolt11 === invoice).status = "paid"
store.commit('set_summarization_dvms', dvms) store.commit('set_summarization_dvms', dvms)
} }
@@ -257,7 +229,6 @@ defineProps({
}) })
const isModalOpened = ref(false); const isModalOpened = ref(false);
const modalcontent = ref(""); const modalcontent = ref("");
const datetopost = ref(Date.now()); const datetopost = ref(Date.now());
@@ -284,7 +255,6 @@ const submitHandler = async () => {
} }
</script> </script>
<!-- font-thin bg-gradient-to-r from-white to-nostr bg-clip-text text-transparent --> <!-- font-thin bg-gradient-to-r from-white to-nostr bg-clip-text text-transparent -->
@@ -304,41 +274,42 @@ const submitHandler = async () => {
<br> <br>
<div class=" relative space-y-2"> <div class=" relative space-y-2">
<div class="grid grid-cols-1 gap-2 " > <div class="grid grid-cols-1 gap-2 ">
<div className="card w-70 bg-base-100 shadow-xl" v-for="dvm in store.state.summarizationdvms"
:key="dvm.id">
<div v-for="dvm in store.state.summarizationdvms" :key="dvm.id"
className="card w-70 bg-base-100 shadow-xl">
<div className="card-body"> <div className="card-body">
<div className="playeauthor-wrapper"> <div className="playeauthor-wrapper">
<figure className="w-20"> <figure className="w-20">
<img className="avatar" v-if="dvm.image" :src="dvm.image" alt="DVM Picture" /> <img v-if="dvm.image" :src="dvm.image" alt="DVM Picture" className="avatar"/>
<img class="avatar" v-else src="@/assets/nostr-purple.svg" /> <img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
</figure> </figure>
<h2 className="card-title">{{ dvm.name }}</h2> <h2 className="card-title">{{ dvm.name }}</h2>
</div> </div>
<h3 class="fa-cut" >{{ dvm.about }}</h3> <h3 class="fa-cut">{{ dvm.about }}</h3>
<div className="card-actions justify-end mt-auto">
<div className="card-actions justify-end mt-auto" >
<div className="tooltip mt-auto"> <div className="tooltip mt-auto">
<button v-if="dvm.status !== 'finished' && dvm.status !== 'paid' && dvm.status !== 'payment-required' && dvm.status !== 'error'" className="btn">{{dvm.status}}</button> <button
v-if="dvm.status !== 'finished' && dvm.status !== 'paid' && dvm.status !== 'payment-required' && dvm.status !== 'error'"
className="btn">{{ dvm.status }}
</button>
<button v-if="dvm.status === 'finished'" className="btn">Done</button> <button v-if="dvm.status === 'finished'" className="btn">Done</button>
<button v-if="dvm.status === 'paid'" className="btn">Paid, waiting for DVM..</button> <button v-if="dvm.status === 'paid'" className="btn">Paid, waiting for DVM..</button>
<button v-if="dvm.status === 'error'" className="btn">Error</button> <button v-if="dvm.status === 'error'" className="btn">Error</button>
<button v-if="dvm.status === 'payment-required'" className="zap-Button" @click="zap_local(dvm.bolt11);">{{ dvm.amount/1000 }} Sats</button> <button v-if="dvm.status === 'payment-required'" className="zap-Button" @click="zap_local(dvm.bolt11);">
{{ dvm.amount / 1000 }} Sats
</button>
</div> </div>
@@ -353,8 +324,8 @@ const submitHandler = async () => {
<div class="collapse-content bg-primary text-primary-content peer-checked:bg-base-200 peer-checked:text-accent"> <div class="collapse-content bg-primary text-primary-content peer-checked:bg-base-200 peer-checked:text-accent">
</div> </div>
</div> --> </div> -->
<p v-if="dvm.status === 'finished'">{{dvm.result}}</p> <p v-if="dvm.status === 'finished'">{{ dvm.result }}</p>
<!-- <details v-if="dvm.status === 'finished'" class="collapse bg-base"> <!-- <details v-if="dvm.status === 'finished'" class="collapse bg-base">
<summary class="collapse-title "><div class="btn">Show/Hide Results</div></summary> <summary class="collapse-title "><div class="btn">Show/Hide Results</div></summary>
@@ -365,7 +336,7 @@ const submitHandler = async () => {
</div> </div>
</details>--> </details>-->
</div> </div>
@@ -380,7 +351,7 @@ const submitHandler = async () => {
<style scoped> <style scoped>
.zap-Button{ .zap-Button {
@apply btn hover:bg-amber-400 border-amber-400 text-base; @apply btn hover:bg-amber-400 border-amber-400 text-base;
bottom: 0; bottom: 0;
} }
@@ -416,8 +387,8 @@ const submitHandler = async () => {
.logo { .logo {
display: flex; display: flex;
width:100%; width: 100%;
height:125px; height: 125px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }

288
ui/noogle/src/components/data/deadnip89s.json
View File

@@ -1,74 +1,218 @@
[ [
{"id": "766809b054c9b772652377ef968625509a7e92c56669e302940ac08c8c3d0f96"}, {
{"id": "7fb49260fbd9148e08672b8339bca6c5a866cf7aaa03051898ed02f6d85109b2"}, "id": "766809b054c9b772652377ef968625509a7e92c56669e302940ac08c8c3d0f96"
{"id": "edd11ae518e4f59a25472d5ef869f114c8e5399723fd7bed32389eef37a6ec0c"}, },
{"id": "b6e93a7185036b69b04a55665409957ba4d9fb2a944e43c690e6f4d64678c43f"}, {
{"id": "be40dfce56ff47bce6cfa2073dd6c6d88e53d44d7e1178cc30ebb4ca991de4e4"}, "id": "7fb49260fbd9148e08672b8339bca6c5a866cf7aaa03051898ed02f6d85109b2"
{"id": "72d86d5428049c74f94ac335cd662772f580fa27497398dd06b443653a16b4ad"}, },
{"id": "0e2b90ea31426f03f9ccfff6093aacde0322a2c026d3fedf47fa35e722970fdf"}, {
{"id": "ad281d17781cdcbdfce38cf13188f56b9dbb16977ca029823a3d6e0fa502e73a"}, "id": "edd11ae518e4f59a25472d5ef869f114c8e5399723fd7bed32389eef37a6ec0c"
{"id": "c0361dd4bbae4cc32be424cf564f547b29496b3bd7bbbf3ede0cb0b8d8930b5c"}, },
{"id": "349fdcad3da119f09bde6861806ae3ff461b1eb3b3708067f0abb0e669c54841"}, {
{"id": "d9a016283161f262b2764e6a5710f9c2dc1aca19a42d19cca5af7cc20ff2955e"}, "id": "b6e93a7185036b69b04a55665409957ba4d9fb2a944e43c690e6f4d64678c43f"
{"id": "365aa211f1e873988dacb4ff1a10fe3b7221a940c3d155b8f4d33a25ca42fa52"}, },
{"id": "2b07103533f747c0899f00f575c79cdea960ac62b33d06780e284eb020215c0b"}, {
{"id": "5f7ce70135b7172358ee41b0f1f0ff9110af7294eef7ca7878882e129e6104db"}, "id": "be40dfce56ff47bce6cfa2073dd6c6d88e53d44d7e1178cc30ebb4ca991de4e4"
{"id": "b570d7d7d68130750c4b84aa3808fd209ed767300246365a5deaaedffcfb6d0b"}, },
{"id": "3468c0769e9a8c10cc74e9bdbf11a00df1b35480b65059f71357c7f1a9e35d68"}, {
{"id": "1f0cf47de297037e91450631552b3ff7ce6567b73eac57e94bbbe2d6ca99e744"}, "id": "72d86d5428049c74f94ac335cd662772f580fa27497398dd06b443653a16b4ad"
{"id": "02650e51270e0a734505fb2876adbef89f26bbe660ca4e8fadea0ecf1ea1b1d0"}, },
{"id": "764b2ac58c23310f2caeecd155eff294f190e433438d3df5a244b5af979d3a81"}, {
{"id": "c788b8a0ce4e9d795dd1895e87c0e3dd019766ebbfcd4f99112d523b8374e9de"}, "id": "0e2b90ea31426f03f9ccfff6093aacde0322a2c026d3fedf47fa35e722970fdf"
{"id": "e9ec70f0f0c1e8134efacb9941647d451f4c6d3acccb40b878598ade9308599a"}, },
{"id": "4f3e5fbbb27392ce4b4ef46ee0d5bc42e5112bde6cb72644a34d89bc7505b9d5"}, {
{"id": "5e4e3c95215be93be3bc5bac242f6b332c1265140d179f31af858e8f172c8d6a"}, "id": "ad281d17781cdcbdfce38cf13188f56b9dbb16977ca029823a3d6e0fa502e73a"
{"id": "bdbcfb112b0f7d55e2bcc231ec06335ea5051d49edcbed8170f717f8ecf1a965"}, },
{"id": "294303fbde21251093bb86683701023bd1d7e310a64e0b1068f6160696f3c6a4"}, {
{"id": "00ef6f71fcaa72742493178b8409c32bb68d92c9f67af717f92bef35272a74d4"}, "id": "c0361dd4bbae4cc32be424cf564f547b29496b3bd7bbbf3ede0cb0b8d8930b5c"
{"id": "4fff1259602cf46619d379ee8c790a1acc310a53cb617fa46d522978d6b4876b"}, },
{"id": "aab06b1602f0380e6c2f442c7992c82259968d8abbba1da69d774a32d747c3b4"}, {
{"id": "4bbee7e48d393b692f80e5a5357fcb435adbd46172b38f367a43c3aeb45b2fb3"}, "id": "349fdcad3da119f09bde6861806ae3ff461b1eb3b3708067f0abb0e669c54841"
{"id": "97a7fa0776225a5eb644da81db9a73eacebf046d7fe745f567345c1cec0a9e32"}, },
{"id": "aad1de5bb5dc4ce80de3d55a6ce7037ddb46aadb4e44c3742781d1422cf79765"}, {
{"id": "2dcd9ea8b4959c7b986bfda2bdc8175ed156a474457d38be42f54f027a1dff5a"}, "id": "d9a016283161f262b2764e6a5710f9c2dc1aca19a42d19cca5af7cc20ff2955e"
{"id": "747215ea31506d60af14bae6914fd1107de0893f99c0f2e178216bea79de4677"}, },
{"id": "d69a3d1b7d635ba12be30ebb9473ad4a973138e54ef1aaa2f6cce060a82937b4"}, {
{"id": "c4ba426af0bb7be9de06b774aec33b7733cb952c5e1bc723c9bf021b3e2be1ea"}, "id": "365aa211f1e873988dacb4ff1a10fe3b7221a940c3d155b8f4d33a25ca42fa52"
{"id": "0f7dac8f31a9aac4d4479373153489fc57889c964e82dd619bed2f60f0af27ee"}, },
{"id": "561420baa35477e27b85e62ecfded0b76cab0c0acaedc9b3ab6ac7d88be42165"}, {
{"id": "d68d8eab7bad9c263f5af0eb46db168d2d82ad19acc5fb19c606fcb18de7994b"}, "id": "2b07103533f747c0899f00f575c79cdea960ac62b33d06780e284eb020215c0b"
{"id": "86f7e9f6d98831e0ad19a575512f3d969d3af6921260809cc7a33b3b918d87f1"}, },
{"id": "f9287d47f86cc0af606026fe5e017fd479230b6cd2dcc82db915603658312d82"}, {
{"id": "cb83acb45cd810d8fd0df5f1f40d5bfd5406b74e37c9cda54c77114c5dcd357a"}, "id": "5f7ce70135b7172358ee41b0f1f0ff9110af7294eef7ca7878882e129e6104db"
{"id": "5457c08086b3e78887c8eeb39cdd8dcb6559ceea13f32cc4a6f8a84513bfacf1"}, },
{"id": "1c86e2d22620ec6c94aac12fad7ed304bdf439020e74bbc0f0fc096bd5335891"}, {
{"id": "6ad22ca994d0b5952b26cb0b4cae939d474f57729e18509574ace9882a635641"}, "id": "b570d7d7d68130750c4b84aa3808fd209ed767300246365a5deaaedffcfb6d0b"
{"id": "e15e167f70fb7d3ab740248e993096ecd7819de7ad5640f05e5c302b34737f33"}, },
{"id": "a391df97b5fdf380f78091d18da0626afbf9ca2f9517935f3dee766cd0ac72fe"}, {
{"id": "7b4185b0d115b5a12ba57f6804703789c68fb52d1587487161e96011a6a72223"}, "id": "3468c0769e9a8c10cc74e9bdbf11a00df1b35480b65059f71357c7f1a9e35d68"
{"id": "dbd86fc945e0748b2f263abad2338ff212ae02a895f38b0a2c262a0da518ebd2"}, },
{"id": "91591d5dd56657a1acbcc04116f17b2264dd369b9ad361bf15033e6ca326f5ac"}, {
{"id": "eb382df17d822d81d85097f28a49f86dc69ba8a05285dff39e2d877ea31e21cc"}, "id": "1f0cf47de297037e91450631552b3ff7ce6567b73eac57e94bbbe2d6ca99e744"
{"id": "b4a85c1e7e4c13281ae58538c57529cc6035ee465a2f69e40b41a6711a2eeb18"}, },
{"id": "0ea69892da43e1b4de82bde7bb599c3f15a71120f9f506fd210c2712ba7026a3"}, {
{"id": "b424c79388a2ea8b04e72f7ea32c0648db15ca5f25705bcd4231d0b658156af1"}, "id": "02650e51270e0a734505fb2876adbef89f26bbe660ca4e8fadea0ecf1ea1b1d0"
{"id": "db11596a64f76082991df4d1d1e8764f4d8da926f81ddbe09333d2ca1335ecd6"}, },
{"id": "f6e4c5cba1dc008f9b9611515ba163ccd1489105265dc8b2809eb846c1b94209"}, {
{"id": "cd4c4f1e65bd1f351dabf8c04fe2903b043ce98ce5613808c027c6609a0556d5"}, "id": "764b2ac58c23310f2caeecd155eff294f190e433438d3df5a244b5af979d3a81"
{"id": "9b0172004b25ee43e517ed6dd969bceb3fef4db3a577f91d8a3dc9cb6fe4e1d1"}, },
{"id": "ca0ee728c85f4df5ffab3561f55fdd2295291a86cd409839c59b92903d041025"}, {
{"id": "c589506d090796e304763dc269731029be08dee1706c1e87413fb376a2e84a97"}, "id": "c788b8a0ce4e9d795dd1895e87c0e3dd019766ebbfcd4f99112d523b8374e9de"
{"id": "99ea6a5a7701c255661fc2bea32cb615ca0d4674c45fe6633e58e7eeb5f92873"}, },
{"id": "8e55f6ec8de9e8b4f75e3a771c601c1583855b5d113124ac9fb997b8589117fc"}, {
{"id": "11803eb1505d5014bc13c48621638a94f0b852587f0b5adbcb3ee471d9488ec3"}, "id": "e9ec70f0f0c1e8134efacb9941647d451f4c6d3acccb40b878598ade9308599a"
{"id": "488cf9801acccc925b75d6828287ecaaff8b2bee9b58ce26fa0a2abdd61bd155"}, },
{"id": "0e9bc4a5989a39d4fc7ba73876c88822928b1cc965ed158b431759378363c182"}, {
{"id": "386b2cd47df9260f5b313b151ae988d0710e83e615dfd2abc948f1fa93eb76d6"}, "id": "4f3e5fbbb27392ce4b4ef46ee0d5bc42e5112bde6cb72644a34d89bc7505b9d5"
{"id": "a451833e4856194aa5f56508eb34c298a5718539b9d320a2b7b30f32a107cc37"}, },
{"id": "91c0639025aba28c5af2178f49d653757bcc68e88d7cc461c86edc1ac2a61942"}, {
{"id": "aaf0b0846e265dec3dcf7b943ea2fc0331daf29a6114ac2eb971c10988e73f6d"}, "id": "5e4e3c95215be93be3bc5bac242f6b332c1265140d179f31af858e8f172c8d6a"
{"id": "d26a9c5d89b9ce197e03bf91e2768df571cf04df796b5ae08742aea97be1c8c5"}, },
{"id": "490debe9303abe3c72fae49c62f8be15556a78c77c4d74e82305c5ce5723986a"}, {
{"id": "52348da7537eb13da45277d755b7b26dfcb249b3b602b2c49b65ecd908c6cde0"}, "id": "bdbcfb112b0f7d55e2bcc231ec06335ea5051d49edcbed8170f717f8ecf1a965"
{"id": "1f31fe5bfb3e75c5e984201bfd6be15632f266171ecaf8714829a503818865bf"} },
{
"id": "294303fbde21251093bb86683701023bd1d7e310a64e0b1068f6160696f3c6a4"
},
{
"id": "00ef6f71fcaa72742493178b8409c32bb68d92c9f67af717f92bef35272a74d4"
},
{
"id": "4fff1259602cf46619d379ee8c790a1acc310a53cb617fa46d522978d6b4876b"
},
{
"id": "aab06b1602f0380e6c2f442c7992c82259968d8abbba1da69d774a32d747c3b4"
},
{
"id": "4bbee7e48d393b692f80e5a5357fcb435adbd46172b38f367a43c3aeb45b2fb3"
},
{
"id": "97a7fa0776225a5eb644da81db9a73eacebf046d7fe745f567345c1cec0a9e32"
},
{
"id": "aad1de5bb5dc4ce80de3d55a6ce7037ddb46aadb4e44c3742781d1422cf79765"
},
{
"id": "2dcd9ea8b4959c7b986bfda2bdc8175ed156a474457d38be42f54f027a1dff5a"
},
{
"id": "747215ea31506d60af14bae6914fd1107de0893f99c0f2e178216bea79de4677"
},
{
"id": "d69a3d1b7d635ba12be30ebb9473ad4a973138e54ef1aaa2f6cce060a82937b4"
},
{
"id": "c4ba426af0bb7be9de06b774aec33b7733cb952c5e1bc723c9bf021b3e2be1ea"
},
{
"id": "0f7dac8f31a9aac4d4479373153489fc57889c964e82dd619bed2f60f0af27ee"
},
{
"id": "561420baa35477e27b85e62ecfded0b76cab0c0acaedc9b3ab6ac7d88be42165"
},
{
"id": "d68d8eab7bad9c263f5af0eb46db168d2d82ad19acc5fb19c606fcb18de7994b"
},
{
"id": "86f7e9f6d98831e0ad19a575512f3d969d3af6921260809cc7a33b3b918d87f1"
},
{
"id": "f9287d47f86cc0af606026fe5e017fd479230b6cd2dcc82db915603658312d82"
},
{
"id": "cb83acb45cd810d8fd0df5f1f40d5bfd5406b74e37c9cda54c77114c5dcd357a"
},
{
"id": "5457c08086b3e78887c8eeb39cdd8dcb6559ceea13f32cc4a6f8a84513bfacf1"
},
{
"id": "1c86e2d22620ec6c94aac12fad7ed304bdf439020e74bbc0f0fc096bd5335891"
},
{
"id": "6ad22ca994d0b5952b26cb0b4cae939d474f57729e18509574ace9882a635641"
},
{
"id": "e15e167f70fb7d3ab740248e993096ecd7819de7ad5640f05e5c302b34737f33"
},
{
"id": "a391df97b5fdf380f78091d18da0626afbf9ca2f9517935f3dee766cd0ac72fe"
},
{
"id": "7b4185b0d115b5a12ba57f6804703789c68fb52d1587487161e96011a6a72223"
},
{
"id": "dbd86fc945e0748b2f263abad2338ff212ae02a895f38b0a2c262a0da518ebd2"
},
{
"id": "91591d5dd56657a1acbcc04116f17b2264dd369b9ad361bf15033e6ca326f5ac"
},
{
"id": "eb382df17d822d81d85097f28a49f86dc69ba8a05285dff39e2d877ea31e21cc"
},
{
"id": "b4a85c1e7e4c13281ae58538c57529cc6035ee465a2f69e40b41a6711a2eeb18"
},
{
"id": "0ea69892da43e1b4de82bde7bb599c3f15a71120f9f506fd210c2712ba7026a3"
},
{
"id": "b424c79388a2ea8b04e72f7ea32c0648db15ca5f25705bcd4231d0b658156af1"
},
{
"id": "db11596a64f76082991df4d1d1e8764f4d8da926f81ddbe09333d2ca1335ecd6"
},
{
"id": "f6e4c5cba1dc008f9b9611515ba163ccd1489105265dc8b2809eb846c1b94209"
},
{
"id": "cd4c4f1e65bd1f351dabf8c04fe2903b043ce98ce5613808c027c6609a0556d5"
},
{
"id": "9b0172004b25ee43e517ed6dd969bceb3fef4db3a577f91d8a3dc9cb6fe4e1d1"
},
{
"id": "ca0ee728c85f4df5ffab3561f55fdd2295291a86cd409839c59b92903d041025"
},
{
"id": "c589506d090796e304763dc269731029be08dee1706c1e87413fb376a2e84a97"
},
{
"id": "99ea6a5a7701c255661fc2bea32cb615ca0d4674c45fe6633e58e7eeb5f92873"
},
{
"id": "8e55f6ec8de9e8b4f75e3a771c601c1583855b5d113124ac9fb997b8589117fc"
},
{
"id": "11803eb1505d5014bc13c48621638a94f0b852587f0b5adbcb3ee471d9488ec3"
},
{
"id": "488cf9801acccc925b75d6828287ecaaff8b2bee9b58ce26fa0a2abdd61bd155"
},
{
"id": "0e9bc4a5989a39d4fc7ba73876c88822928b1cc965ed158b431759378363c182"
},
{
"id": "386b2cd47df9260f5b313b151ae988d0710e83e615dfd2abc948f1fa93eb76d6"
},
{
"id": "a451833e4856194aa5f56508eb34c298a5718539b9d320a2b7b30f32a107cc37"
},
{
"id": "91c0639025aba28c5af2178f49d653757bcc68e88d7cc461c86edc1ac2a61942"
},
{
"id": "aaf0b0846e265dec3dcf7b943ea2fc0331daf29a6114ac2eb971c10988e73f6d"
},
{
"id": "d26a9c5d89b9ce197e03bf91e2768df571cf04df796b5ae08742aea97be1c8c5"
},
{
"id": "490debe9303abe3c72fae49c62f8be15556a78c77c4d74e82305c5ce5723986a"
},
{
"id": "52348da7537eb13da45277d755b7b26dfcb249b3b602b2c49b65ecd908c6cde0"
},
{
"id": "1f31fe5bfb3e75c5e984201bfd6be15632f266171ecaf8714829a503818865bf"
}
] ]

197
ui/noogle/src/components/helper/Helper.vue
View File

@@ -4,27 +4,23 @@ import store from "@/store";
import { import {
Alphabet, Alphabet,
Duration, Duration,
Event,
EventBuilder, EventBuilder,
EventId, EventId,
Filter, Filter,
Keys,
PublicKey, PublicKey,
SingleLetterTag, SingleLetterTag,
Tag, Tag,
Timestamp, UnsignedEvent Timestamp
} from "@rust-nostr/nostr-sdk"; } from "@rust-nostr/nostr-sdk";
import miniToastr from "mini-toastr/mini-toastr"; import miniToastr from "mini-toastr/mini-toastr";
import VueNotifications from "vue-notifications"; import VueNotifications from "vue-notifications";
import {bech32} from "bech32";
export default defineComponent({ export default defineComponent({
name: "posting" name: "posting"
}) })
export async function post_note(note){ export async function post_note(note) {
let client = store.state.client let client = store.state.client
let tags = [] let tags = []
@@ -32,6 +28,7 @@ export async function post_note(note){
await client.publishTextNote(note, tags); await client.publishTextNote(note, tags);
} }
export async function react_to_dvm(dvm, reaction) { export async function react_to_dvm(dvm, reaction) {
let client = store.state.client let client = store.state.client
@@ -39,30 +36,29 @@ export async function react_to_dvm(dvm, reaction) {
let requestid = await client.sendEventBuilder(event); let requestid = await client.sendEventBuilder(event);
let users = await get_user_infos([store.state.pubkey]) let users = await get_user_infos([store.state.pubkey])
console.log(users[0]) console.log(users[0])
if (reaction === "👎"){ if (reaction === "👎") {
dvm.reactions.negativeUser = true dvm.reactions.negativeUser = true
dvm.reactions.negative.push(users[0]) dvm.reactions.negative.push(users[0])
} } else {
else {
dvm.reactions.positiveUser = true dvm.reactions.positiveUser = true
dvm.reactions.positive.push(users[0]) dvm.reactions.positive.push(users[0])
} }
} }
export async function schedule(note, datetopost) { export async function schedule(note, datetopost) {
let schedule = Timestamp.fromSecs(datetopost/1000) let schedule = Timestamp.fromSecs(datetopost / 1000)
let humandatetime = schedule.toHumanDatetime() let humandatetime = schedule.toHumanDatetime()
let time = humandatetime.split("T")[1].split("Z")[0].trim() let time = humandatetime.split("T")[1].split("Z")[0].trim()
let date = humandatetime.split("T")[0].split("-")[2].trim() + "." + humandatetime.split("T")[0].split("-")[1].trim() + "." + humandatetime.split("T")[0].split("-")[0].trim().slice(2) let date = humandatetime.split("T")[0].split("-")[2].trim() + "." + humandatetime.split("T")[0].split("-")[1].trim() + "." + humandatetime.split("T")[0].split("-")[0].trim().slice(2)
console.log("Date: " + date + " Time: "+ time ) console.log("Date: " + date + " Time: " + time)
let client = store.state.client let client = store.state.client
let signer = store.state.signer let signer = store.state.signer
@@ -90,14 +86,14 @@ export async function schedule(note, datetopost) {
console.log(evt) console.log(evt)
let res = await client.sendEventBuilder(evt); let res = await client.sendEventBuilder(evt);
console.log(res) console.log(res)
miniToastr.showMessage("Note scheduled for " + ("Date: " + date + " Time: "+ time )) miniToastr.showMessage("Note scheduled for " + ("Date: " + date + " Time: " + time))
} }
export async function getEvents(eventids) { export async function getEvents(eventids) {
let ids = [] let ids = []
for (let eid of eventids){ for (let eid of eventids) {
ids.push(EventId.parse(eid)) ids.push(EventId.parse(eid))
} }
const event_filter = new Filter().ids(ids) const event_filter = new Filter().ids(ids)
@@ -105,9 +101,10 @@ export async function getEvents(eventids) {
return await client.getEventsOf([event_filter], Duration.fromSecs(5)) return await client.getEventsOf([event_filter], Duration.fromSecs(5))
} }
export async function getEventsOriginalOrder(eventids) { export async function getEventsOriginalOrder(eventids) {
let ids = [] let ids = []
for (let eid of eventids){ for (let eid of eventids) {
ids.push(EventId.parse(eid)) ids.push(EventId.parse(eid))
} }
const event_filter = new Filter().ids(ids) const event_filter = new Filter().ids(ids)
@@ -119,7 +116,7 @@ export async function getEventsOriginalOrder(eventids) {
} */ } */
let final = [] let final = []
for (let f of eventids){ for (let f of eventids) {
let note = results.find(value => value.id.toHex() === f) let note = results.find(value => value.id.toHex() === f)
//console.log(note) //console.log(note)
final.push(note) final.push(note)
@@ -137,9 +134,9 @@ export function nextInput(e) {
} }
} }
export async function get_user_infos(pubkeys){ export async function get_user_infos(pubkeys) {
let pkeys = [] let pkeys = []
for (let pk of pubkeys){ for (let pk of pubkeys) {
pkeys.push(PublicKey.parse(pk)) pkeys.push(PublicKey.parse(pk))
} }
let profiles = [] let profiles = []
@@ -147,13 +144,12 @@ export async function get_user_infos(pubkeys){
const profile_filter = new Filter().kind(0).authors(pkeys) const profile_filter = new Filter().kind(0).authors(pkeys)
let evts = await client.getEventsOf([profile_filter], Duration.fromSecs(10)) let evts = await client.getEventsOf([profile_filter], Duration.fromSecs(10))
for (const entry of evts){ for (const entry of evts) {
try{ try {
let contentjson = JSON.parse(entry.content) let contentjson = JSON.parse(entry.content)
//console.log(contentjson) //console.log(contentjson)
profiles.push({profile: contentjson, author: entry.author.toHex(), createdAt: entry.createdAt}); profiles.push({profile: contentjson, author: entry.author.toHex(), createdAt: entry.createdAt});
} } catch (error) {
catch(error){
console.log("error") console.log("error")
} }
@@ -161,11 +157,12 @@ export async function get_user_infos(pubkeys){
return profiles return profiles
} }
export async function get_event_reactions(ids){
export async function get_event_reactions(ids) {
let zapsandreactions = [] let zapsandreactions = []
for (let id of ids){ for (let id of ids) {
zapsandreactions.push({ zapsandreactions.push({
id: id.toHex(), id: id.toHex(),
amount: 0, amount: 0,
@@ -173,17 +170,18 @@ export async function get_event_reactions(ids){
reposts: 0, reposts: 0,
zappedbyUser: false, zappedbyUser: false,
reactedbyUser: false, reactedbyUser: false,
repostedbyUser: false,}) repostedbyUser: false,
})
} }
let client = store.state.client let client = store.state.client
const zap_filter = new Filter().kinds([9735, 6, 7]).events(ids) const zap_filter = new Filter().kinds([9735, 6, 7]).events(ids)
let evts = await client.getEventsOf([zap_filter], Duration.fromSecs(10)) let evts = await client.getEventsOf([zap_filter], Duration.fromSecs(10))
for (const entry of evts){ for (const entry of evts) {
try{ try {
//let contentjson = JSON.parse(entry.content) //let contentjson = JSON.parse(entry.content)
if (entry.kind === 9735){ if (entry.kind === 9735) {
for (let tag of entry.tags) { for (let tag of entry.tags) {
if (tag.asVec()[0] === "description") { if (tag.asVec()[0] === "description") {
let request = JSON.parse(tag.asVec()[1]) let request = JSON.parse(tag.asVec()[1])
@@ -205,8 +203,7 @@ export async function get_event_reactions(ids){
zapsandreactions.find(x => x.id === etag).amount += amount zapsandreactions.find(x => x.id === etag).amount += amount
} }
} }
} } else if (entry.kind === 7) {
else if (entry.kind === 7) {
for (let tag of entry.tags) { for (let tag of entry.tags) {
if (tag.asVec()[0] === "e") { if (tag.asVec()[0] === "e") {
@@ -219,8 +216,7 @@ export async function get_event_reactions(ids){
} }
} } else if (entry.kind === 6) {
else if (entry.kind === 6) {
for (let tag of entry.tags) { for (let tag of entry.tags) {
if (tag.asVec()[0] === "e") { if (tag.asVec()[0] === "e") {
@@ -238,8 +234,7 @@ export async function get_event_reactions(ids){
//console.log(contentjson) //console.log(contentjson)
//zaps.push({profile: contentjson, author: entry.author.toHex(), createdAt: entry.createdAt}); //zaps.push({profile: contentjson, author: entry.author.toHex(), createdAt: entry.createdAt});
} } catch (error) {
catch(error){
//console.log(error) //console.log(error)
} }
@@ -249,41 +244,41 @@ export async function get_event_reactions(ids){
return zapsandreactions return zapsandreactions
} }
export async function get_reactions(ids){ export async function get_reactions(ids) {
let reactions = [] let reactions = []
let jsonentry = {} let jsonentry = {}
for (let id of ids){ for (let id of ids) {
reactions.push({ reactions.push({
id: id.toHex(), id: id.toHex(),
amount: 0, amount: 0,
ReactedbyUser: false,}) ReactedbyUser: false,
})
} }
let client = store.state.client let client = store.state.client
const zap_filter = new Filter().kind(7).events(ids) const zap_filter = new Filter().kind(7).events(ids)
let evts = await client.getEventsOf([zap_filter], Duration.fromSecs(10)) let evts = await client.getEventsOf([zap_filter], Duration.fromSecs(10))
for (const entry of evts){ for (const entry of evts) {
try{ try {
//let contentjson = JSON.parse(entry.content) //let contentjson = JSON.parse(entry.content)
for (let tag of entry.tags){ for (let tag of entry.tags) {
if (tag.asVec()[0] === "e") { if (tag.asVec()[0] === "e") {
console.log(entry.pubkey ) console.log(entry.pubkey)
if(entry.pubkey === localStorage.getItem("nostr-key")){ if (entry.pubkey === localStorage.getItem("nostr-key")) {
reactions.find(x=> x.id === tag.asVec()[1]).ReactedbyUser = true reactions.find(x => x.id === tag.asVec()[1]).ReactedbyUser = true
} }
reactions.find(x=> x.id === tag.asVec()[1]).amount += 1 reactions.find(x => x.id === tag.asVec()[1]).amount += 1
} }
} }
//console.log(contentjson) //console.log(contentjson)
//zaps.push({profile: contentjson, author: entry.author.toHex(), createdAt: entry.createdAt}); //zaps.push({profile: contentjson, author: entry.author.toHex(), createdAt: entry.createdAt});
} } catch (error) {
catch(error){
console.log("error") console.log("error")
} }
@@ -293,8 +288,7 @@ export async function get_reactions(ids){
return reactions return reactions
} }
export const sleep = (ms) => { export const sleep = (ms) => {
@@ -302,38 +296,36 @@ export const sleep = (ms) => {
} }
export async function copyinvoice(invoice){ export async function copyinvoice(invoice) {
window.open("lightning:" + invoice,"_blank") window.open("lightning:" + invoice, "_blank")
await navigator.clipboard.writeText(invoice) await navigator.clipboard.writeText(invoice)
miniToastr.showMessage("", "Copied Invoice to clipboard", VueNotifications.types.info) miniToastr.showMessage("", "Copied Invoice to clipboard", VueNotifications.types.info)
} }
export async function copyurl(url){ export async function copyurl(url) {
await navigator.clipboard.writeText(url) await navigator.clipboard.writeText(url)
miniToastr.showMessage("", "Copied link to clipboard", VueNotifications.types.info) miniToastr.showMessage("", "Copied link to clipboard", VueNotifications.types.info)
} }
export async function parseandreplacenpubs(note) {
export async function parseandreplacenpubs(note){
note = note.replace("\n", " ") note = note.replace("\n", " ")
const myArray = note.split(" "); const myArray = note.split(" ");
let finalnote = "" let finalnote = ""
for (let word in myArray){ for (let word in myArray) {
if(myArray[word].startsWith("nostr:npub")){ if (myArray[word].startsWith("nostr:npub")) {
console.log(myArray[word]) console.log(myArray[word])
//console.log(pk.toBech32()) //console.log(pk.toBech32())
try{ try {
let pk = PublicKey.parse(myArray[word].replace("nostr:", "")) let pk = PublicKey.parse(myArray[word].replace("nostr:", ""))
let profiles = await get_user_infos([pk.toHex()]) let profiles = await get_user_infos([pk.toHex()])
console.log(profiles) console.log(profiles)
//console.log(profiles[0].profile.nip05) //console.log(profiles[0].profile.nip05)
myArray[word] = profiles[0].profile.nip05 // replace with nip05 for now myArray[word] = profiles[0].profile.nip05 // replace with nip05 for now
} } catch {
catch{
} }
} }
@@ -345,40 +337,35 @@ export async function parseandreplacenpubs(note){
} }
export async function parseandreplacenpubsName(note){ export async function parseandreplacenpubsName(note) {
const myArray = note.split(/\n | \r | /); const myArray = note.split(/\n | \r | /);
let finalnote = "" let finalnote = ""
for (let word in myArray){ for (let word in myArray) {
if (myArray[word].startsWith("https")){ if (myArray[word].startsWith("https")) {
myArray[word] = myArray[word] + "\n" myArray[word] = myArray[word] + "\n"
} }
if(myArray[word].startsWith("nostr:note")){ if (myArray[word].startsWith("nostr:note")) {
myArray[word] = "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "")+ "'>" +myArray[word].replace("nostr:", "") + "</a> " myArray[word] = "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "") + "'>" + myArray[word].replace("nostr:", "") + "</a> "
} } else if (myArray[word].startsWith("nostr:nevent")) {
else if(myArray[word].startsWith("nostr:nevent")){ myArray[word] = "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "") + "'>" + myArray[word].replace("nostr:", "") + "</a> "
myArray[word] = "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "")+ "'>" +myArray[word].replace("nostr:", "") + "</a> " } else if (myArray[word].startsWith("nostr:npub")) {
}
else if(myArray[word].startsWith("nostr:npub")){
//console.log(myArray[word]) //console.log(myArray[word])
//console.log(pk.toBech32()) //console.log(pk.toBech32())
try{ try {
let pk = PublicKey.parse(myArray[word].replace("nostr:", "")) let pk = PublicKey.parse(myArray[word].replace("nostr:", ""))
let profiles = await get_user_infos([pk.toHex()]) let profiles = await get_user_infos([pk.toHex()])
//console.log(profiles[0].profile.nip05) //console.log(profiles[0].profile.nip05)
// myArray[word] = "<a class='purple' target=\"_blank\" href=\"https://njump.com/" + myArray[word].replace("nostr:", "") +" \">" + profiles[0].profile.name + "</a> " // myArray[word] = "<a class='purple' target=\"_blank\" href=\"https://njump.com/" + myArray[word].replace("nostr:", "") +" \">" + profiles[0].profile.name + "</a> "
myArray[word] = "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "")+ "'>" + profiles[0].profile.name + "</a> " myArray[word] = "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "") + "'>" + profiles[0].profile.name + "</a> "
// profiles[0].profile.name // replace with nip05 for now // profiles[0].profile.name // replace with nip05 for now
} } catch {
catch{
} }
} }
@@ -389,7 +376,7 @@ export async function parseandreplacenpubsName(note){
return finalnote.trimEnd() return finalnote.trimEnd()
} }
export async function fetchAsync (url) { export async function fetchAsync(url) {
let response = await fetch(url); let response = await fetch(url);
let data = await response.json(); let data = await response.json();
return data; return data;
@@ -406,39 +393,35 @@ export async function dvmreactions(dvmid, authors) {
let client = store.state.client let client = store.state.client
let authorscheck = [] let authorscheck = []
for (let author of authors){ for (let author of authors) {
try{ try {
authorscheck.push(PublicKey.parse(author)) authorscheck.push(PublicKey.parse(author))
} } catch {
catch{
console.log("err" + author) console.log("err" + author)
} }
} }
let reactionfilter = new Filter().kind(7).pubkey(dvmid).authors(authorscheck).since(Timestamp.fromSecs(Timestamp.now().asSecs() - 60 * 60 * 24 * 60)) // reactions by our followers in the last 2 months
let reactionfilter = new Filter().kind(7).pubkey (dvmid).authors(authorscheck).since(Timestamp.fromSecs(Timestamp.now().asSecs() - 60*60*24*60)) // reactions by our followers in the last 2 months
let evts = await client.getEventsOf([reactionfilter], Duration.fromSecs(5)) let evts = await client.getEventsOf([reactionfilter], Duration.fromSecs(5))
let npubs = [] let npubs = []
for (let evt of evts){ for (let evt of evts) {
npubs.push(evt.author.toHex()) npubs.push(evt.author.toHex())
} }
let users = await get_user_infos(npubs) let users = await get_user_infos(npubs)
console.log(users) console.log(users)
if (evts.length > 0){ if (evts.length > 0) {
for (let reaction of evts){ for (let reaction of evts) {
if (reaction.content === "👎"){ if (reaction.content === "👎") {
let profile = users.find(x => x.author === reaction.author.toHex() ) let profile = users.find(x => x.author === reaction.author.toHex())
reactions.negative.push(profile) reactions.negative.push(profile)
/*if (reaction.author.toHex() === store.state.pubkey.toHex()){ /*if (reaction.author.toHex() === store.state.pubkey.toHex()){
reactions.negativeUser = true reactions.negativeUser = true
}*/ }*/
} } else {
let profile = users.find(x => x.author === reaction.author.toHex())
else{
let profile = users.find(x => x.author === reaction.author.toHex() )
reactions.positive.push(profile) reactions.positive.push(profile)
// if (reaction.author.toHex() === store.state.pubkey.toHex()){ // if (reaction.author.toHex() === store.state.pubkey.toHex()){
//reactions.positiveUser = true //reactions.positiveUser = true
@@ -452,7 +435,6 @@ export async function dvmreactions(dvmid, authors) {
} }
return reactions return reactions
} }
@@ -470,29 +452,26 @@ export async function hasActiveSubscription(pubkeystring, tiereventdtag, tieraut
let subscriptionfilter = new Filter().kind(7003).pubkey(PublicKey.parse(tierauthorid)).customTag(SingleLetterTag.uppercase(Alphabet.P), [pubkeystring]).limit(1) let subscriptionfilter = new Filter().kind(7003).pubkey(PublicKey.parse(tierauthorid)).customTag(SingleLetterTag.uppercase(Alphabet.P), [pubkeystring]).limit(1)
let evts = await client.getEventsOf([subscriptionfilter], Duration.fromSecs(5)) let evts = await client.getEventsOf([subscriptionfilter], Duration.fromSecs(5))
if (evts.length > 0){ if (evts.length > 0) {
console.log(evts[0].asJson()) console.log(evts[0].asJson())
let matchesdtag = false let matchesdtag = false
for (let tag of evts[0].tags){ for (let tag of evts[0].tags) {
if (tag.asVec()[0] === "valid"){ if (tag.asVec()[0] === "valid") {
subscriptionstatus["validUntil"] = parseInt(tag.asVec()[2]) subscriptionstatus["validUntil"] = parseInt(tag.asVec()[2])
} } else if (tag.asVec()[0] === "e") {
else if (tag.asVec()[0] === "e"){
subscriptionstatus["subscriptionId"] = tag.asVec()[1] subscriptionstatus["subscriptionId"] = tag.asVec()[1]
} } else if (tag.asVec()[0] === "tier") {
else if (tag.asVec()[0] === "tier"){ if (tag.asVec()[1] === tiereventdtag) {
if (tag.asVec()[1] === tiereventdtag)
{
matchesdtag = true matchesdtag = true
} }
} }
} }
if (subscriptionstatus["validUntil"] > Timestamp.now().asSecs() && matchesdtag){ if (subscriptionstatus["validUntil"] > Timestamp.now().asSecs() && matchesdtag) {
subscriptionstatus["isActive"] = true subscriptionstatus["isActive"] = true
} }
if( subscriptionstatus["isActive"] === true){ if (subscriptionstatus["isActive"] === true) {
const filter = new Filter().kind(7002).author(PublicKey.parse(pubkeystring)).pubkey(PublicKey.parse(tierauthorid)).event(EventId.parse(subscriptionstatus["subscriptionId"])).limit(1) // get latest with these conditons # customTag(SingleLetterTag.lowercase(Alphabet.A), [eventid]) const filter = new Filter().kind(7002).author(PublicKey.parse(pubkeystring)).pubkey(PublicKey.parse(tierauthorid)).event(EventId.parse(subscriptionstatus["subscriptionId"])).limit(1) // get latest with these conditons # customTag(SingleLetterTag.lowercase(Alphabet.A), [eventid])
let cancelevts = await client.getEventsOf([filter], Duration.fromSecs(5)) let cancelevts = await client.getEventsOf([filter], Duration.fromSecs(5))
if (cancelevts.length > 0) { if (cancelevts.length > 0) {
@@ -510,12 +489,6 @@ export async function hasActiveSubscription(pubkeystring, tiereventdtag, tieraut
} }
</script> </script>
<template> <template>

81
ui/noogle/src/components/helper/Zap.vue
View File

@@ -11,9 +11,7 @@ import miniToastr from "mini-toastr";
import VueNotifications from "vue-notifications"; import VueNotifications from "vue-notifications";
async function zap_nwc(invoice) {
async function zap_nwc(invoice){
const nwc = new webln.NostrWebLNProvider({ const nwc = new webln.NostrWebLNProvider({
@@ -25,23 +23,22 @@ async function zap_nwc(invoice){
await nwc.enable(); await nwc.enable();
// now you can send payments by passing in the invoice // now you can send payments by passing in the invoice
try{ try {
const response = await nwc.sendPayment(invoice); const response = await nwc.sendPayment(invoice);
console.log(response) console.log(response)
return true return true
} } catch (error) {
catch (error){
miniToastr.showMessage(error, "This didn't work", VueNotifications.types.error) miniToastr.showMessage(error, "This didn't work", VueNotifications.types.error)
console.log(error) console.log(error)
return false return false
} }
} }
export function loadNWCObject() { export function loadNWCObject() {
if (localStorage.getItem("nwc")){ if (localStorage.getItem("nwc")) {
if(JSON.parse(localStorage.getItem("nwc")).nwcUrl.startsWith("nostr+walletconnect://")){ if (JSON.parse(localStorage.getItem("nwc")).nwcUrl.startsWith("nostr+walletconnect://")) {
return JSON.parse(localStorage.getItem("nwc")) return JSON.parse(localStorage.getItem("nwc"))
} }
@@ -50,8 +47,8 @@ export function loadNWCObject() {
} }
function loadNWCUrl() { function loadNWCUrl() {
if (localStorage.getItem("nwc")){ if (localStorage.getItem("nwc")) {
if(JSON.parse(localStorage.getItem("nwc")).nwcUrl.startsWith("nostr+walletconnect://")){ if (JSON.parse(localStorage.getItem("nwc")).nwcUrl.startsWith("nostr+walletconnect://")) {
return JSON.parse(localStorage.getItem("nwc")).nwcUrl return JSON.parse(localStorage.getItem("nwc")).nwcUrl
} }
@@ -59,13 +56,11 @@ function loadNWCUrl() {
return "" return ""
} }
export async function zap(invoice){ export async function zap(invoice) {
let nwcstring = loadNWCUrl() let nwcstring = loadNWCUrl()
if (nwcstring.startsWith("nostr+walletconnect://")) if (nwcstring.startsWith("nostr+walletconnect://")) {
{
return zap_nwc(invoice) return zap_nwc(invoice)
} } else {
else{
let webln; let webln;
//this.dvmpaymentaddr = `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`; //this.dvmpaymentaddr = `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`;
@@ -77,11 +72,10 @@ export async function zap(invoice){
} }
if (webln) { if (webln) {
try{ try {
let response = await webln.sendPayment(invoice) let response = await webln.sendPayment(invoice)
return true return true
} } catch (err) {
catch(err){
console.log(err) console.log(err)
await copyinvoice(invoice) await copyinvoice(invoice)
@@ -92,22 +86,19 @@ export async function zap(invoice){
return false return false
} }
export async function zap_lud16(lud16, eventid, authorid){ export async function zap_lud16(lud16, eventid, authorid) {
if(lud16 !== null && lud16 !== ""){ if (lud16 !== null && lud16 !== "") {
let invoice = await zaprequest(lud16, 21 , "with love from noogle.lol", eventid, authorid, store.state.relays) let invoice = await zaprequest(lud16, 21, "with love from noogle.lol", eventid, authorid, store.state.relays)
let nwcstring = loadNWCUrl() let nwcstring = loadNWCUrl()
if (nwcstring.startsWith("nostr+walletconnect://")) if (nwcstring.startsWith("nostr+walletconnect://")) {
{
return zap_nwc(invoice) return zap_nwc(invoice)
} } else {
else{
let webln; let webln;
try { try {
webln = await requestProvider(); webln = await requestProvider();
} catch (err) { } catch (err) {
if (invoice === null){ if (invoice === null) {
invoice = await createBolt11Lud16(lud16, 21) invoice = await createBolt11Lud16(lud16, 21)
} }
@@ -121,9 +112,7 @@ export async function zap_lud16(lud16, eventid, authorid){
if (response.preimage != null && response.preimage !== "") { if (response.preimage != null && response.preimage !== "") {
return true return true
} }
} } catch (err) {
catch(err){
console.log(err) console.log(err)
await copyinvoice(invoice) await copyinvoice(invoice)
@@ -133,10 +122,10 @@ export async function zap_lud16(lud16, eventid, authorid){
return false return false
} }
} }
export async function zaprequest(lud16, amount, content, zapped_evt_id, zapped_usr_id, relay_list){ export async function zaprequest(lud16, amount, content, zapped_evt_id, zapped_usr_id, relay_list) {
let url = "" let url = ""
console.log(lud16) console.log(lud16)
@@ -147,14 +136,13 @@ export async function zap_lud16(lud16, eventid, authorid){
let zapped_event_id = EventId.parse(zapped_evt_id).toHex() let zapped_event_id = EventId.parse(zapped_evt_id).toHex()
if (lud16 !== "" && lud16.toString().includes('@')){ if (lud16 !== "" && lud16.toString().includes('@')) {
url = `https://${lud16.split('@')[1]}/.well-known/lnurlp/${lud16.split('@')[0]}`; url = `https://${lud16.split('@')[1]}/.well-known/lnurlp/${lud16.split('@')[0]}`;
console.log(url) console.log(url)
} } else {
else{
return null return null
} }
try{ try {
let ob = await fetchAsync(url) let ob = await fetchAsync(url)
let callback = ob["callback"] let callback = ob["callback"]
@@ -174,12 +162,10 @@ export async function zap_lud16(lud16, eventid, authorid){
let tags = [] let tags = []
let p_tag = ['p', zapped_user_id] let p_tag = ['p', zapped_user_id]
if (zapped_event_id !== null){ if (zapped_event_id !== null) {
let e_tag = ['e', zapped_event_id] let e_tag = ['e', zapped_event_id]
tags = [amount_tag, relays, p_tag, e_tag, lnurl_tag] tags = [amount_tag, relays, p_tag, e_tag, lnurl_tag]
} } else {
else{
tags = [amount_tag, relays, p_tag, lnurl_tag] tags = [amount_tag, relays, p_tag, lnurl_tag]
} }
/*if (zaptype === "private") { /*if (zaptype === "private") {
@@ -194,12 +180,11 @@ export async function zap_lud16(lud16, eventid, authorid){
} */ } */
let signer = store.state.signer let signer = store.state.signer
let zap_request = "" let zap_request = ""
let tags_t = [] let tags_t = []
for (let tag of tags){ for (let tag of tags) {
tags_t.push(Tag.parse(tag)) tags_t.push(Tag.parse(tag))
} }
let noteevent = new EventBuilder(9734, content, tags_t).toUnsignedEvent(store.state.pubkey) let noteevent = new EventBuilder(9734, content, tags_t).toUnsignedEvent(store.state.pubkey)
@@ -207,27 +192,25 @@ export async function zap_lud16(lud16, eventid, authorid){
zap_request = signedEvent.asJson() zap_request = signedEvent.asJson()
try{ try {
const queryString = `amount=${(amount * 1000).toString()}&nostr=${encodeURIComponent(zap_request)}&lnurl=${encoded_lnurl}`; const queryString = `amount=${(amount * 1000).toString()}&nostr=${encodeURIComponent(zap_request)}&lnurl=${encoded_lnurl}`;
console.log(queryString) console.log(queryString)
let ob = await fetchAsync(`${callback}?${queryString}`) let ob = await fetchAsync(`${callback}?${queryString}`)
return ob["pr"] return ob["pr"]
} } catch (e) {
catch(e){
console.log(e) console.log(e)
} }
} } catch (error) {
catch(error){
console.log("ZAP REQUEST: " + error) console.log("ZAP REQUEST: " + error)
} }
return null return null
} }
export async function createBolt11Lud16(lud16, amount) { export async function createBolt11Lud16(lud16, amount) {
if (lud16 === null || lud16 === "") { if (lud16 === null || lud16 === "") {
return null; return null;

4
ui/noogle/src/components/helper/string.ts
View File

@@ -1,11 +1,11 @@
const Regex_Url_Str = "^https?:\/\/(?:.*\/)?[^\/.]+$" // domain name const Regex_Url_Str = "^https?:\/\/(?:.*\/)?[^\/.]+$" // domain name
const Regex_Url_Img = "(https?:\\/\\/.*\\.(?:png|jpg|jpeg|webp|gif))" // domain name const Regex_Url_Img = "(https?:\\/\\/.*\\.(?:png|jpg|jpeg|webp|gif))" // domain name
const Regex_Url_Video = "(https?:\\/\\/.*\\.(?:mp4|mov|avi))" // domain name const Regex_Url_Video = "(https?:\\/\\/.*\\.(?:mp4|mov|avi))" // domain name
const Regex_Urlw_Str = "(https:\\/\\/)"+ "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,})+[\\/]{0,1}" // domain name const Regex_Urlw_Str = "(https:\\/\\/)" + "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,})+[\\/]{0,1}" // domain name
; ;
const Regex_Nip05_Str= "(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\\\[\x01-\x09\x0b\x0c\x0e-\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\\])" const Regex_Nip05_Str = "(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\\\[\x01-\x09\x0b\x0c\x0e-\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\\])"
const StringUtil = { const StringUtil = {
isValidUrl: (str: string): boolean => new RegExp(Regex_Url_Str, "i").test(str), isValidUrl: (str: string): boolean => new RegExp(Regex_Url_Str, "i").test(str),

2
ui/noogle/src/components/icons/IconCommunity.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"> <svg fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg">
<path <path
d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z" d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
/> />

2
ui/noogle/src/components/icons/IconDocumentation.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" fill="currentColor"> <svg fill="currentColor" height="17" width="20" xmlns="http://www.w3.org/2000/svg">
<path <path
d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z" d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
/> />

2
ui/noogle/src/components/icons/IconEcosystem.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="currentColor"> <svg fill="currentColor" height="20" width="18" xmlns="http://www.w3.org/2000/svg">
<path <path
d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z" d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
/> />

2
ui/noogle/src/components/icons/IconSupport.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"> <svg fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg">
<path <path
d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z" d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
/> />

7
ui/noogle/src/components/icons/IconTooling.vue
View File

@@ -1,15 +1,14 @@
<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license--> <!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
<template> <template>
<svg <svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" aria-hidden="true"
role="img"
class="iconify iconify--mdi" class="iconify iconify--mdi"
width="24"
height="24" height="24"
preserveAspectRatio="xMidYMid meet" preserveAspectRatio="xMidYMid meet"
role="img"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
> >
<path <path
d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z" d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"

30
ui/noogle/src/layouts/ThreeColumnLayout.vue
View File

@@ -1,6 +1,5 @@
<script setup> <script setup>
import Login from "@/components/Login.vue"; import Login from "@/components/Login.vue";
import {isVisible} from "bootstrap/js/src/util/index.js";
</script> </script>
<template> <template>
@@ -22,7 +21,7 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
</div> </div>
<Login/> <Login/>
</div> </div>
<div class="three-column-layout"> <div class="three-column-layout">
<header> <header>
@@ -31,22 +30,22 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
</header> </header>
<main > <main>
<router-view /> <router-view/>
<slot/> <slot/>
</main> </main>
<aside> <aside>
<slot name="aside" /> <slot name="aside"/>
</aside> </aside>
<footer> <footer>
<!--<Donate style="margin-top: 4px"/> --> <!--<Donate style="margin-top: 4px"/> -->
</footer> </footer>
</div> </div>
</template> </template>
<style scoped lang="scss"> <style lang="scss" scoped>
.three-column-layout { .three-column-layout {
display: grid; display: grid;
grid-template-areas: grid-template-areas:
@@ -69,6 +68,7 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
grid-area: header; grid-area: header;
margin-top: 30px; margin-top: 30px;
} }
main { main {
grid-area: main; grid-area: main;
@@ -77,10 +77,11 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
padding: 20px; padding: 20px;
} }
footer{
footer {
position: fixed; position: fixed;
bottom:0; bottom: 0;
background: rgba(0, 0, 0, 0);; background: rgba(0, 0, 0, 0);;
grid-area: footer; grid-area: footer;
width: 100vw; width: 100vw;
@@ -89,6 +90,7 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
z-index: 10; z-index: 10;
text-align: center; text-align: center;
} }
aside { aside {
grid-area: aside; grid-area: aside;
margin-top: 10px; margin-top: 10px;
@@ -96,18 +98,16 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
} }
.router-link-exact-active{ .router-link-exact-active {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.v-Button { .v-Button {
@apply bg-black hover:bg-nostr focus:ring-nostr mb-2 inline-flex flex-none items-center rounded-lg border border-nostr px-3 py-1.5 text-sm leading-4 text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900; @apply bg-black hover:bg-nostr focus:ring-nostr mb-2 inline-flex flex-none items-center rounded-lg border border-nostr px-3 py-1.5 text-sm leading-4 text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
height: 44px; height: 44px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {

14
ui/noogle/src/main.js
View File

@@ -1,5 +1,5 @@
//import './assets/main.css' //import './assets/main.css'
import { createApp } from 'vue' import {createApp} from 'vue'
import App from './App.vue' import App from './App.vue'
import store from './store'; import store from './store';
@@ -13,23 +13,17 @@ import VueDatePicker from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css' import '@vuepic/vue-datepicker/dist/main.css'
//This is all for notifications //This is all for notifications
import VueNotifications from "vue-notifications"; import VueNotifications from "vue-notifications";
import miniToastr from 'mini-toastr' import miniToastr from 'mini-toastr'
import { registerSW } from 'virtual:pwa-register' import {registerSW} from 'virtual:pwa-register'
registerSW({ immediate: true }) registerSW({immediate: true})
miniToastr.init() miniToastr.init()
function toast ({title, message, type, timeout, cb}) { function toast({title, message, type, timeout, cb}) {
return miniToastr[type](message, title, timeout, cb) return miniToastr[type](message, title, timeout, cb)
} }

23
ui/noogle/src/router/index.js
View File

@@ -1,19 +1,18 @@
import { createWebHistory, createRouter } from "vue-router"; import {createRouter, createWebHistory} from "vue-router";
const routes = [ const routes = [
{ path: "/", component: () => import("@/components/Home.vue") }, {path: "/", component: () => import("@/components/Home.vue")},
{ path: "/about", component: () => import("@/components/AboutPage.vue") }, {path: "/about", component: () => import("@/components/AboutPage.vue")},
{ path: "/donate", component: () => import("@/components/Donate.vue") }, {path: "/donate", component: () => import("@/components/Donate.vue")},
{ path: "/nip89", component: () => import("@/components/Nip89view.vue") }, {path: "/nip89", component: () => import("@/components/Nip89view.vue")},
{ path: "/image", component: () => import("@/components/Image.vue") }, {path: "/image", component: () => import("@/components/Image.vue")},
{ path: "/filter", component: () => import("@/components/FilterGeneration.vue") }, {path: "/filter", component: () => import("@/components/FilterGeneration.vue")},
{ path: "/ai", component: () => import("@/components/ChatGeneration.vue") }, {path: "/ai", component: () => import("@/components/ChatGeneration.vue")},
{ path: "/discover", component: () => import("@/components/RecommendationGeneration.vue") }, {path: "/discover", component: () => import("@/components/RecommendationGeneration.vue")},
{ path: "/article/:id", component: () => import("@/components/Home.vue") }, {path: "/article/:id", component: () => import("@/components/Home.vue")},
{ path: '/:pathMatch(.*)*', component: () => import("@/components/Home.vue") }, {path: '/:pathMatch(.*)*', component: () => import("@/components/Home.vue")},
]; ];
const router = createRouter({ const router = createRouter({

38
ui/noogle/src/store.js
View File

@@ -2,7 +2,7 @@ import {createStore} from "vuex";
import {Client, NostrSigner, PublicKey} from "@rust-nostr/nostr-sdk"; import {Client, NostrSigner, PublicKey} from "@rust-nostr/nostr-sdk";
const store = createStore({ const store = createStore({
state () { state() {
return { return {
count: 0, count: 0,
client: Client, client: Client,
@@ -38,16 +38,16 @@ const store = createStore({
} }
}, },
mutations: { mutations: {
increment (state) { increment(state) {
state.count++ state.count++
}, },
set_client (state, client) { set_client(state, client) {
state.client = client state.client = client
}, },
set_dbclient (state, dbclient) { set_dbclient(state, dbclient) {
state.dbclient = dbclient state.dbclient = dbclient
}, },
set_signer (state, signer) { set_signer(state, signer) {
state.signer = signer state.signer = signer
}, },
set_pubkey(state, pubkey) { set_pubkey(state, pubkey) {
@@ -63,7 +63,6 @@ const store = createStore({
}, },
set_mutes(state, items) { set_mutes(state, items) {
state.mutes.length = 0 state.mutes.length = 0
state.mutes.push.apply(state.mutes, items) state.mutes.push.apply(state.mutes, items)
@@ -72,31 +71,31 @@ const store = createStore({
set_nip89dvms(state, nip89dvms) { set_nip89dvms(state, nip89dvms) {
state.nip89dvms.length = 0 state.nip89dvms.length = 0
//console.log(nip89dvms) //console.log(nip89dvms)
let nip89dvmssorted = nip89dvms.sort(function(a, b) { let nip89dvmssorted = nip89dvms.sort(function (a, b) {
return a.createdAt - b.createdAt; return a.createdAt - b.createdAt;
}); });
//console.log(nip89dvmssorted) //console.log(nip89dvmssorted)
state.nip89dvms.push.apply(state.nip89dvms, nip89dvmssorted) state.nip89dvms.push.apply(state.nip89dvms, nip89dvmssorted)
}, },
set_current_request_id_search(state, requestid){ set_current_request_id_search(state, requestid) {
state.requestidSearch = String(requestid) state.requestidSearch = String(requestid)
}, },
set_current_request_id_search2(state, requestid2){ set_current_request_id_search2(state, requestid2) {
state.requestidSearch2 = String(requestid2) state.requestidSearch2 = String(requestid2)
}, },
set_current_request_id_summarization(state, requestid){ set_current_request_id_summarization(state, requestid) {
state.requestidSummarization.length = 0 state.requestidSummarization.length = 0
state.requestidSummarization.push.apply(state.requestidSummarization, requestid) state.requestidSummarization.push.apply(state.requestidSummarization, requestid)
}, },
set_current_request_id_filter(state, requestid){ set_current_request_id_filter(state, requestid) {
state.requestidFilter.length = 0 state.requestidFilter.length = 0
state.requestidFilter.push.apply(state.requestidFilter, requestid) state.requestidFilter.push.apply(state.requestidFilter, requestid)
}, },
set_current_request_profile_id_search(state, requestid){ set_current_request_profile_id_search(state, requestid) {
state.requestidSearchProfile = String(requestid) state.requestidSearchProfile = String(requestid)
}, },
set_active_search_dvms(state, dvms) { set_active_search_dvms(state, dvms) {
@@ -117,36 +116,35 @@ const store = createStore({
state.summarizationdvms.length = 0 state.summarizationdvms.length = 0
state.summarizationdvms.push.apply(state.summarizationdvms, dvms) state.summarizationdvms.push.apply(state.summarizationdvms, dvms)
}, },
set_search_results_profiles(state, items){ set_search_results_profiles(state, items) {
state.profile_results.length = 0 state.profile_results.length = 0
state.profile_results.push.apply(state.profile_results, items) state.profile_results.push.apply(state.profile_results, items)
}, },
set_current_request_id_image(state, requestid){ set_current_request_id_image(state, requestid) {
state.requestidImage.length = 0 state.requestidImage.length = 0
state.requestidImage.push.apply(state.requestidImage, requestid) state.requestidImage.push.apply(state.requestidImage, requestid)
}, },
set_current_request_id_recommendation(state, requestid){ set_current_request_id_recommendation(state, requestid) {
state.requestidRecommendation.length = 0 state.requestidRecommendation.length = 0
state.requestidRecommendation.push.apply(state.requestidRecommendation, requestid) state.requestidRecommendation.push.apply(state.requestidRecommendation, requestid)
}, },
set_current_request_id_chat(state, requestid){ set_current_request_id_chat(state, requestid) {
state.requestidChat.length = 0 state.requestidChat.length = 0
state.requestidChat.push.apply(state.requestidChat, requestid) state.requestidChat.push.apply(state.requestidChat, requestid)
}, },
set_search_results(state, results) {
set_search_results(state, results){
state.results.length = 0 state.results.length = 0
state.results.push.apply(state.results, results) state.results.push.apply(state.results, results)
}, },
set_imagedvm_results(state, results){ set_imagedvm_results(state, results) {
state.imagedvmreplies.length = 0 state.imagedvmreplies.length = 0
state.imagedvmreplies.push.apply(state.imagedvmreplies, results) state.imagedvmreplies.push.apply(state.imagedvmreplies, results)
}, },
set_chat_dvm_results(state, results){ set_chat_dvm_results(state, results) {
state.chatdvmreplies.length = 0 state.chatdvmreplies.length = 0
state.chatdvmreplies.push.apply(state.chatdvmreplies, results) state.chatdvmreplies.push.apply(state.chatdvmreplies, results)
}, },

2
ui/noogle/tailwind.config.js
View File

@@ -9,7 +9,7 @@ export default {
theme: { theme: {
extend: { extend: {
colors:{ colors: {
'nostr': '#6d52f1', 'nostr': '#6d52f1',
'nostr2': '#8453f1', 'nostr2': '#8453f1',

16
ui/noogle/tsconfig.app.json
View File

@@ -1,16 +1,24 @@
{ {
"extends": "@vue/tsconfig/tsconfig.dom.json", "extends": "@vue/tsconfig/tsconfig.dom.json",
"include": ["env.d.ts", "src/**/*", "src/**/*.vue"], "include": [
"exclude": ["src/**/__tests__/*"], "env.d.ts",
"src/**/*",
"src/**/*.vue"
],
"exclude": [
"src/**/__tests__/*"
],
"compilerOptions": { "compilerOptions": {
"composite": true, "composite": true,
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
"baseUrl": ".", "baseUrl": ".",
"paths": { "paths": {
"@/*": ["./src/*"] "@/*": [
"./src/*"
]
}, },
"allowJs": true, "allowJs": true,
"noImplicitAny": false, "noImplicitAny": false,
"verbatimModuleSyntax":false, "verbatimModuleSyntax": false
} }
} }

5
ui/noogle/tsconfig.node.json
View File

@@ -11,9 +11,10 @@
"composite": true, "composite": true,
"noEmit": true, "noEmit": true,
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
"module": "ESNext", "module": "ESNext",
"moduleResolution": "Bundler", "moduleResolution": "Bundler",
"types": ["node"] "types": [
"node"
]
} }
} }

6
ui/noogle/vite.config.ts
View File

@@ -1,7 +1,7 @@
import { fileURLToPath, URL } from 'node:url' import {fileURLToPath, URL} from 'node:url'
import { defineConfig } from 'vite' import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue' import vue from '@vitejs/plugin-vue'
import { VitePWA } from 'vite-plugin-pwa' import {VitePWA} from 'vite-plugin-pwa'
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [ plugins: [