Compare commits
14 Commits
e06a8d6e96
...
cd150142f8
Author | SHA1 | Date | |
---|---|---|---|
|
cd150142f8 | ||
|
e1da323c2f | ||
9893373f75 | |||
|
203e27b19d | ||
|
47cc4a19ea | ||
|
ab27a1f9e1 | ||
|
8a232c7d91 | ||
|
1e98b16c14 | ||
|
d9f0972961 | ||
|
aa9884b9fa | ||
|
5cb20794d0 | ||
4d64c33597 | |||
|
d9347014ec | ||
|
1259144228 |
@ -1,4 +1,8 @@
|
|||||||
# This relay will be used to publish/retrieve events along with other relays (user's relays, admin relays)
|
# This relay will be used to publish/retrieve events along with other relays (user's relays, admin relays)
|
||||||
VITE_APP_RELAY=wss://relay.degmods.com
|
VITE_APP_RELAY=wss://relay.degmods.com
|
||||||
|
|
||||||
# A comma separated list of npubs, Relay list will be extracted for these npubs and this relay list will be used to publish event
|
# A comma separated list of npubs, Relay list will be extracted for these npubs and this relay list will be used to publish event
|
||||||
VITE_ADMIN_NPUBS= <A comma separated list of npubs>
|
VITE_ADMIN_NPUBS= <A comma separated list of npubs>
|
||||||
|
|
||||||
|
# A dedicated npub used for reporting mods, blogs, profile and etc.
|
||||||
|
VITE_REPORTING_NPUB= <npub1...>
|
@ -24,6 +24,7 @@ jobs:
|
|||||||
run: |
|
run: |
|
||||||
echo "VITE_APP_RELAY=${{ vars.VITE_APP_RELAY }}" >> .env
|
echo "VITE_APP_RELAY=${{ vars.VITE_APP_RELAY }}" >> .env
|
||||||
echo "VITE_ADMIN_NPUBS=${{ vars.VITE_ADMIN_NPUBS }}" >> .env
|
echo "VITE_ADMIN_NPUBS=${{ vars.VITE_ADMIN_NPUBS }}" >> .env
|
||||||
|
echo "VITE_REPORTING_NPUB=${{ vars.VITE_REPORTING_NPUB }}" >> .env
|
||||||
cat .env
|
cat .env
|
||||||
|
|
||||||
- name: Create Build
|
- name: Create Build
|
||||||
|
@ -24,6 +24,7 @@ jobs:
|
|||||||
run: |
|
run: |
|
||||||
echo "VITE_APP_RELAY=${{ vars.VITE_APP_RELAY }}" >> .env
|
echo "VITE_APP_RELAY=${{ vars.VITE_APP_RELAY }}" >> .env
|
||||||
echo "VITE_ADMIN_NPUBS=${{ vars.VITE_ADMIN_NPUBS }}" >> .env
|
echo "VITE_ADMIN_NPUBS=${{ vars.VITE_ADMIN_NPUBS }}" >> .env
|
||||||
|
echo "VITE_REPORTING_NPUB=${{ vars.VITE_REPORTING_NPUB }}" >> .env
|
||||||
cat .env
|
cat .env
|
||||||
|
|
||||||
- name: Create Build
|
- name: Create Build
|
||||||
|
6
package-lock.json
generated
6
package-lock.json
generated
@ -3808,9 +3808,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/micromatch": {
|
"node_modules/micromatch": {
|
||||||
"version": "4.0.7",
|
"version": "4.0.8",
|
||||||
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
|
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
|
||||||
"integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
|
"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"braces": "^3.0.3",
|
"braces": "^3.0.3",
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import Link from '@tiptap/extension-link'
|
import Link from '@tiptap/extension-link'
|
||||||
import { EditorProvider, useCurrentEditor } from '@tiptap/react'
|
import { Editor, EditorContent, useEditor } from '@tiptap/react'
|
||||||
import StarterKit from '@tiptap/starter-kit'
|
import StarterKit from '@tiptap/starter-kit'
|
||||||
import React from 'react'
|
import React, { useEffect } from 'react'
|
||||||
import '../styles/styles.css'
|
import '../styles/styles.css'
|
||||||
import '../styles/tiptap.scss'
|
import '../styles/tiptap.scss'
|
||||||
|
|
||||||
@ -112,34 +112,56 @@ type RichTextEditorProps = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const RichTextEditor = ({ content, updateContent }: RichTextEditorProps) => {
|
const RichTextEditor = ({ content, updateContent }: RichTextEditorProps) => {
|
||||||
return (
|
const editor = useEditor({
|
||||||
<div className='inputMain'>
|
extensions: [StarterKit, Link],
|
||||||
<EditorProvider
|
onUpdate: ({ editor }) => {
|
||||||
slotBefore={<MenuBar />}
|
|
||||||
extensions={[StarterKit, Link]}
|
|
||||||
content={content}
|
|
||||||
onUpdate={({ editor }) => {
|
|
||||||
// Update the state when the editor content changes
|
// Update the state when the editor content changes
|
||||||
updateContent(editor.getHTML())
|
updateContent(editor.getHTML())
|
||||||
}}
|
},
|
||||||
></EditorProvider>
|
content
|
||||||
|
})
|
||||||
|
|
||||||
|
// Update editor content when the `content` prop changes
|
||||||
|
useEffect(() => {
|
||||||
|
if (editor && editor.getHTML() !== content) {
|
||||||
|
editor.commands.setContent(content, false)
|
||||||
|
}
|
||||||
|
}, [content, editor])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className='inputMain'>
|
||||||
|
{editor && (
|
||||||
|
<>
|
||||||
|
<MenuBar editor={editor} />
|
||||||
|
<EditorContent editor={editor} />
|
||||||
|
</>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
const MenuBar = () => {
|
type MenuBarProps = {
|
||||||
const { editor } = useCurrentEditor()
|
editor: Editor
|
||||||
|
|
||||||
if (!editor) {
|
|
||||||
return null
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const MenuBar = ({ editor }: MenuBarProps) => {
|
||||||
const setLink = () => {
|
const setLink = () => {
|
||||||
const url = prompt('URL')
|
// Prompt the user to enter a URL
|
||||||
|
let url = prompt('URL')
|
||||||
|
|
||||||
|
// Check if the user provided a URL
|
||||||
if (url) {
|
if (url) {
|
||||||
|
// If the URL doesn't start with 'http://' or 'https://',
|
||||||
|
// prepend 'https://' to the URL
|
||||||
|
if (!/^(http|https):\/\//i.test(url)) {
|
||||||
|
url = `https://${url}`
|
||||||
|
}
|
||||||
|
|
||||||
return editor.chain().focus().setLink({ href: url }).run()
|
return editor.chain().focus().setLink({ href: url }).run()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// If no URL was provided (e.g., the user cancels the prompt),
|
||||||
|
// return false, indicating that the link was not set.
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -4,6 +4,7 @@ type ModCardProps = {
|
|||||||
title: string
|
title: string
|
||||||
summary: string
|
summary: string
|
||||||
backgroundLink: string
|
backgroundLink: string
|
||||||
|
link: string
|
||||||
handleClick: () => void
|
handleClick: () => void
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -11,10 +12,18 @@ export const ModCard = ({
|
|||||||
title,
|
title,
|
||||||
summary,
|
summary,
|
||||||
backgroundLink,
|
backgroundLink,
|
||||||
|
link,
|
||||||
handleClick
|
handleClick
|
||||||
}: ModCardProps) => {
|
}: ModCardProps) => {
|
||||||
return (
|
return (
|
||||||
<a className='cardModMainWrapperLink' onClick={handleClick}>
|
<a
|
||||||
|
className='cardModMainWrapperLink'
|
||||||
|
href={link}
|
||||||
|
onClick={(e) => {
|
||||||
|
e.preventDefault()
|
||||||
|
handleClick()
|
||||||
|
}}
|
||||||
|
>
|
||||||
<div className='cardModMain'>
|
<div className='cardModMain'>
|
||||||
<div
|
<div
|
||||||
className='cMMPicture'
|
className='cMMPicture'
|
||||||
|
@ -19,6 +19,7 @@ export class MetadataController {
|
|||||||
private usersMetadata = new Map<string, UserProfile>()
|
private usersMetadata = new Map<string, UserProfile>()
|
||||||
public adminNpubs: string[]
|
public adminNpubs: string[]
|
||||||
public adminRelays = new Set<string>()
|
public adminRelays = new Set<string>()
|
||||||
|
public reportingNpub: string
|
||||||
|
|
||||||
private constructor() {
|
private constructor() {
|
||||||
this.ndk = new NDK({
|
this.ndk = new NDK({
|
||||||
@ -40,6 +41,7 @@ export class MetadataController {
|
|||||||
})
|
})
|
||||||
|
|
||||||
this.adminNpubs = import.meta.env.VITE_ADMIN_NPUBS.split(',')
|
this.adminNpubs = import.meta.env.VITE_ADMIN_NPUBS.split(',')
|
||||||
|
this.reportingNpub = import.meta.env.VITE_REPORTING_NPUB
|
||||||
}
|
}
|
||||||
|
|
||||||
private setAdminRelays = async () => {
|
private setAdminRelays = async () => {
|
||||||
@ -129,38 +131,110 @@ export class MetadataController {
|
|||||||
return ndkRelayList[userRelaysType]
|
return ndkRelayList[userRelaysType]
|
||||||
}
|
}
|
||||||
|
|
||||||
public getAdminsMuteLists = async (): Promise<MuteLists> => {
|
public getMuteLists = async (
|
||||||
// Create a Set to collect all unique muted authors
|
pubkey?: string
|
||||||
|
): Promise<{
|
||||||
|
admin: MuteLists
|
||||||
|
user: MuteLists
|
||||||
|
}> => {
|
||||||
|
const adminMutedAuthors = new Set<string>()
|
||||||
|
const adminMutedPosts = new Set<string>()
|
||||||
|
|
||||||
const mutedAuthors = new Set<string>()
|
const adminHexKey = npubToHex(this.reportingNpub)
|
||||||
|
|
||||||
// Create an array of promises to fetch mute lists for each npub
|
|
||||||
const promises = this.adminNpubs.map(async (npub) => {
|
|
||||||
const hexKey = npubToHex(npub)
|
|
||||||
if (!hexKey) return
|
|
||||||
|
|
||||||
|
if (adminHexKey) {
|
||||||
const muteListEvent = await this.ndk.fetchEvent({
|
const muteListEvent = await this.ndk.fetchEvent({
|
||||||
kinds: [kinds.Mutelist],
|
kinds: [kinds.Mutelist],
|
||||||
authors: [hexKey]
|
authors: [adminHexKey]
|
||||||
})
|
})
|
||||||
|
|
||||||
if (muteListEvent) {
|
if (muteListEvent) {
|
||||||
const list = NDKList.from(muteListEvent)
|
const list = NDKList.from(muteListEvent)
|
||||||
|
|
||||||
list.items.forEach((item) => {
|
list.items.forEach((item) => {
|
||||||
// Add muted authors to the Set directly
|
|
||||||
if (item[0] === 'p') {
|
if (item[0] === 'p') {
|
||||||
mutedAuthors.add(item[1])
|
adminMutedAuthors.add(item[1])
|
||||||
|
} else if (item[0] === 'a') {
|
||||||
|
adminMutedPosts.add(item[1])
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const userMutedAuthors = new Set<string>()
|
||||||
|
const userMutedPosts = new Set<string>()
|
||||||
|
|
||||||
|
if (pubkey) {
|
||||||
|
const userHexKey = npubToHex(pubkey)
|
||||||
|
|
||||||
|
if (userHexKey) {
|
||||||
|
const muteListEvent = await this.ndk.fetchEvent({
|
||||||
|
kinds: [kinds.Mutelist],
|
||||||
|
authors: [userHexKey]
|
||||||
})
|
})
|
||||||
|
|
||||||
await Promise.allSettled(promises)
|
if (muteListEvent) {
|
||||||
|
const list = NDKList.from(muteListEvent)
|
||||||
|
|
||||||
|
list.items.forEach((item) => {
|
||||||
|
if (item[0] === 'p') {
|
||||||
|
userMutedAuthors.add(item[1])
|
||||||
|
} else if (item[0] === 'a') {
|
||||||
|
userMutedPosts.add(item[1])
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
authors: Array.from(mutedAuthors),
|
admin: {
|
||||||
eventIds: []
|
authors: Array.from(adminMutedAuthors),
|
||||||
|
replaceableEvents: Array.from(adminMutedPosts)
|
||||||
|
},
|
||||||
|
user: {
|
||||||
|
authors: Array.from(userMutedAuthors),
|
||||||
|
replaceableEvents: Array.from(userMutedPosts)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Retrieves a list of NSFW (Not Safe For Work) posts that were not specified as NSFW by post author but marked as NSFW by admin.
|
||||||
|
*
|
||||||
|
* @returns {Promise<string[]>} - A promise that resolves to an array of NSFW post identifiers (e.g., URLs or IDs).
|
||||||
|
*/
|
||||||
|
public getNSFWList = async (): Promise<string[]> => {
|
||||||
|
// Initialize an array to store the NSFW post identifiers
|
||||||
|
const nsfwPosts: string[] = []
|
||||||
|
|
||||||
|
// Convert the public key (npub) to a hexadecimal format
|
||||||
|
const hexKey = npubToHex(this.reportingNpub)
|
||||||
|
|
||||||
|
// If the conversion is successful and we have a hexKey
|
||||||
|
if (hexKey) {
|
||||||
|
// Fetch the event that contains the NSFW list
|
||||||
|
const nsfwListEvent = await this.ndk.fetchEvent({
|
||||||
|
kinds: [kinds.Curationsets],
|
||||||
|
authors: [hexKey],
|
||||||
|
'#d': ['nsfw']
|
||||||
|
})
|
||||||
|
|
||||||
|
if (nsfwListEvent) {
|
||||||
|
// Convert the event data to an NDKList, which is a structured list format
|
||||||
|
const list = NDKList.from(nsfwListEvent)
|
||||||
|
|
||||||
|
// Iterate through the items in the list
|
||||||
|
list.items.forEach((item) => {
|
||||||
|
if (item[0] === 'a') {
|
||||||
|
// Add the identifier of the NSFW post to the nsfwPosts array
|
||||||
|
nsfwPosts.push(item[1])
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Return the array of NSFW post identifiers
|
||||||
|
return nsfwPosts
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -1,4 +1,5 @@
|
|||||||
import { Event, Filter, kinds, Relay } from 'nostr-tools'
|
import { Event, Filter, kinds, Relay } from 'nostr-tools'
|
||||||
|
import { ModDetails } from '../types'
|
||||||
import {
|
import {
|
||||||
extractZapAmount,
|
extractZapAmount,
|
||||||
log,
|
log,
|
||||||
@ -7,7 +8,6 @@ import {
|
|||||||
timeout
|
timeout
|
||||||
} from '../utils'
|
} from '../utils'
|
||||||
import { MetadataController, UserRelaysType } from './metadata'
|
import { MetadataController, UserRelaysType } from './metadata'
|
||||||
import { ModDetails } from '../types'
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Singleton class to manage relay operations.
|
* Singleton class to manage relay operations.
|
||||||
@ -155,6 +155,103 @@ export class RelayController {
|
|||||||
return publishedOnRelays
|
return publishedOnRelays
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Publishes an encrypted DM to receiver's read relays.
|
||||||
|
*
|
||||||
|
* This method connects to the application relay and a set of receiver's read relays
|
||||||
|
* obtained from the `MetadataController`. It then publishes the event to
|
||||||
|
* all connected relays and returns a list of relays where the event was successfully published.
|
||||||
|
*
|
||||||
|
* @param event - The event to be published.
|
||||||
|
* @returns A promise that resolves to an array of URLs of relays where the event was published,
|
||||||
|
* or an empty array if no relays were connected or the event could not be published.
|
||||||
|
*/
|
||||||
|
publishDM = async (event: Event, receiver: string): Promise<string[]> => {
|
||||||
|
// Connect to the application relay specified by environment variable
|
||||||
|
const appRelayPromise = this.connectRelay(import.meta.env.VITE_APP_RELAY)
|
||||||
|
|
||||||
|
// todo: window.nostr.getRelays() is not implemented yet in nostr-login, implement the logic once its done
|
||||||
|
|
||||||
|
const metadataController = await MetadataController.getInstance()
|
||||||
|
|
||||||
|
// Retrieve the list of read relays for the receiver
|
||||||
|
// Use a timeout to handle cases where retrieving read relays takes too long
|
||||||
|
const readRelaysPromise = metadataController.findUserRelays(
|
||||||
|
receiver,
|
||||||
|
UserRelaysType.Read
|
||||||
|
)
|
||||||
|
|
||||||
|
log(this.debug, LogType.Info, `ℹ Finding receiver's read relays`)
|
||||||
|
|
||||||
|
// Use Promise.race to either get the read relay URLs or timeout
|
||||||
|
const readRelayUrls = await Promise.race([
|
||||||
|
readRelaysPromise,
|
||||||
|
timeout() // This is a custom timeout function that rejects the promise after a specified time
|
||||||
|
]).catch((err) => {
|
||||||
|
log(this.debug, LogType.Error, err)
|
||||||
|
return [] as string[] // Return an empty array if an error occurs
|
||||||
|
})
|
||||||
|
|
||||||
|
// push admin relay urls obtained from metadata controller to readRelayUrls list
|
||||||
|
metadataController.adminRelays.forEach((url) => {
|
||||||
|
readRelayUrls.push(url)
|
||||||
|
})
|
||||||
|
|
||||||
|
// Connect to all write relays obtained from MetadataController
|
||||||
|
const relayPromises = readRelayUrls.map((relayUrl) =>
|
||||||
|
this.connectRelay(relayUrl)
|
||||||
|
)
|
||||||
|
|
||||||
|
// Wait for all relay connections to settle (either fulfilled or rejected)
|
||||||
|
await Promise.allSettled([appRelayPromise, ...relayPromises])
|
||||||
|
|
||||||
|
// Check if any relays are connected; if not, log an error and return null
|
||||||
|
if (this.connectedRelays.length === 0) {
|
||||||
|
log(this.debug, LogType.Error, 'No relay is connected!')
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
|
||||||
|
const publishedOnRelays: string[] = [] // List to track which relays successfully published the event
|
||||||
|
|
||||||
|
// Create a promise for publishing the event to each connected relay
|
||||||
|
const publishPromises = this.connectedRelays.map((relay) => {
|
||||||
|
log(
|
||||||
|
this.debug,
|
||||||
|
LogType.Info,
|
||||||
|
`⬆️ nostr (${relay.url}): Sending event:`,
|
||||||
|
event
|
||||||
|
)
|
||||||
|
|
||||||
|
return Promise.race([
|
||||||
|
relay.publish(event), // Publish the event to the relay
|
||||||
|
timeout(30000) // Set a timeout to handle cases where publishing takes too long
|
||||||
|
])
|
||||||
|
.then((res) => {
|
||||||
|
log(
|
||||||
|
this.debug,
|
||||||
|
LogType.Info,
|
||||||
|
`⬆️ nostr (${relay.url}): Publish result:`,
|
||||||
|
res
|
||||||
|
)
|
||||||
|
publishedOnRelays.push(relay.url) // Add the relay URL to the list of successfully published relays
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
log(
|
||||||
|
this.debug,
|
||||||
|
LogType.Error,
|
||||||
|
`❌ nostr (${relay.url}): Publish error!`,
|
||||||
|
err
|
||||||
|
)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
// Wait for all publish operations to complete (either fulfilled or rejected)
|
||||||
|
await Promise.allSettled(publishPromises)
|
||||||
|
|
||||||
|
// Return the list of relay URLs where the event was published
|
||||||
|
return publishedOnRelays
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Asynchronously retrieves multiple event from a set of relays based on a provided filter.
|
* Asynchronously retrieves multiple event from a set of relays based on a provided filter.
|
||||||
* If no relays are specified, it defaults to using connected relays.
|
* If no relays are specified, it defaults to using connected relays.
|
||||||
@ -247,6 +344,46 @@ export class RelayController {
|
|||||||
return events[0] || null
|
return events[0] || null
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Fetches an event from the user's relays based on a specified filter.
|
||||||
|
* The function first retrieves the user's relays, and then fetches the event using the provided filter.
|
||||||
|
*
|
||||||
|
* @param filter - The event filter to use when fetching the event (e.g., kinds, authors).
|
||||||
|
* @param hexKey - The hexadecimal representation of the user's public key.
|
||||||
|
* @param userRelaysType - The type of relays to search (e.g., write, read).
|
||||||
|
* @returns A promise that resolves to the fetched event or null if the operation fails.
|
||||||
|
*/
|
||||||
|
fetchEventFromUserRelays = async (
|
||||||
|
filter: Filter,
|
||||||
|
hexKey: string,
|
||||||
|
userRelaysType: UserRelaysType
|
||||||
|
) => {
|
||||||
|
// Get an instance of the MetadataController, which manages user metadata and relays
|
||||||
|
const metadataController = await MetadataController.getInstance()
|
||||||
|
|
||||||
|
// Find the user's relays using the MetadataController. This is an asynchronous operation.
|
||||||
|
const usersRelaysPromise = metadataController.findUserRelays(
|
||||||
|
hexKey,
|
||||||
|
userRelaysType
|
||||||
|
)
|
||||||
|
|
||||||
|
log(true, LogType.Info, `ℹ Finding user's relays`)
|
||||||
|
|
||||||
|
// Use Promise.race to attempt to resolve the user's relays, or timeout if it takes too long
|
||||||
|
const relayUrls = await Promise.race([
|
||||||
|
usersRelaysPromise,
|
||||||
|
timeout() // This is a custom timeout function that rejects the promise after a specified time
|
||||||
|
]).catch((err) => {
|
||||||
|
// Log an error if the relay fetching operation fails
|
||||||
|
log(true, LogType.Error, err)
|
||||||
|
// Return an empty array to indicate failure in retrieving relay URLs
|
||||||
|
return [] as string[]
|
||||||
|
})
|
||||||
|
|
||||||
|
// Fetch the event from the user's relays using the provided filter and relay URLs
|
||||||
|
return this.fetchEvent(filter, relayUrls)
|
||||||
|
}
|
||||||
|
|
||||||
getTotalZapAmount = async (
|
getTotalZapAmount = async (
|
||||||
modDetails: ModDetails,
|
modDetails: ModDetails,
|
||||||
currentLoggedInUser?: string
|
currentLoggedInUser?: string
|
||||||
|
@ -154,6 +154,7 @@ export const HomePage = () => {
|
|||||||
title='Placeholder'
|
title='Placeholder'
|
||||||
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
||||||
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
||||||
|
link=''
|
||||||
handleClick={() => {
|
handleClick={() => {
|
||||||
alert(
|
alert(
|
||||||
'these are dummy mods. So navigation on these are not implemented yet'
|
'these are dummy mods. So navigation on these are not implemented yet'
|
||||||
@ -164,6 +165,7 @@ export const HomePage = () => {
|
|||||||
title='Placeholder'
|
title='Placeholder'
|
||||||
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
||||||
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
||||||
|
link=''
|
||||||
handleClick={() => {
|
handleClick={() => {
|
||||||
alert(
|
alert(
|
||||||
'these are dummy mods. So navigation on these are not implemented yet'
|
'these are dummy mods. So navigation on these are not implemented yet'
|
||||||
@ -174,6 +176,7 @@ export const HomePage = () => {
|
|||||||
title='Placeholder'
|
title='Placeholder'
|
||||||
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
||||||
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
||||||
|
link=''
|
||||||
handleClick={() => {
|
handleClick={() => {
|
||||||
alert(
|
alert(
|
||||||
'these are dummy mods. So navigation on these are not implemented yet'
|
'these are dummy mods. So navigation on these are not implemented yet'
|
||||||
@ -200,6 +203,7 @@ export const HomePage = () => {
|
|||||||
title='Placeholder'
|
title='Placeholder'
|
||||||
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
||||||
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
||||||
|
link=''
|
||||||
handleClick={() => {
|
handleClick={() => {
|
||||||
alert(
|
alert(
|
||||||
'these are dummy mods. So navigation on these are not implemented yet'
|
'these are dummy mods. So navigation on these are not implemented yet'
|
||||||
@ -210,6 +214,7 @@ export const HomePage = () => {
|
|||||||
title='Placeholder'
|
title='Placeholder'
|
||||||
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
||||||
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
||||||
|
link=''
|
||||||
handleClick={() => {
|
handleClick={() => {
|
||||||
alert(
|
alert(
|
||||||
'these are dummy mods. So navigation on these are not implemented yet'
|
'these are dummy mods. So navigation on these are not implemented yet'
|
||||||
@ -220,6 +225,7 @@ export const HomePage = () => {
|
|||||||
title='Placeholder'
|
title='Placeholder'
|
||||||
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
||||||
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
||||||
|
link=''
|
||||||
handleClick={() => {
|
handleClick={() => {
|
||||||
alert(
|
alert(
|
||||||
'these are dummy mods. So navigation on these are not implemented yet'
|
'these are dummy mods. So navigation on these are not implemented yet'
|
||||||
@ -230,6 +236,7 @@ export const HomePage = () => {
|
|||||||
title='Placeholder'
|
title='Placeholder'
|
||||||
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
||||||
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
||||||
|
link=''
|
||||||
handleClick={() => {
|
handleClick={() => {
|
||||||
alert(
|
alert(
|
||||||
'these are dummy mods. So navigation on these are not implemented yet'
|
'these are dummy mods. So navigation on these are not implemented yet'
|
||||||
|
@ -2,8 +2,15 @@ import Link from '@tiptap/extension-link'
|
|||||||
import { EditorContent, useEditor } from '@tiptap/react'
|
import { EditorContent, useEditor } from '@tiptap/react'
|
||||||
import StarterKit from '@tiptap/starter-kit'
|
import StarterKit from '@tiptap/starter-kit'
|
||||||
import { formatDate } from 'date-fns'
|
import { formatDate } from 'date-fns'
|
||||||
import { Filter, nip19 } from 'nostr-tools'
|
import { Filter, kinds, nip19, UnsignedEvent } from 'nostr-tools'
|
||||||
import { Dispatch, SetStateAction, useCallback, useRef, useState } from 'react'
|
import {
|
||||||
|
Dispatch,
|
||||||
|
SetStateAction,
|
||||||
|
useCallback,
|
||||||
|
useEffect,
|
||||||
|
useRef,
|
||||||
|
useState
|
||||||
|
} from 'react'
|
||||||
import { useNavigate, useParams } from 'react-router-dom'
|
import { useNavigate, useParams } from 'react-router-dom'
|
||||||
import { toast } from 'react-toastify'
|
import { toast } from 'react-toastify'
|
||||||
import { BlogCard } from '../components/BlogCard'
|
import { BlogCard } from '../components/BlogCard'
|
||||||
@ -13,6 +20,7 @@ import { ZapButtons, ZapPresets, ZapQR } from '../components/Zap'
|
|||||||
import {
|
import {
|
||||||
MetadataController,
|
MetadataController,
|
||||||
RelayController,
|
RelayController,
|
||||||
|
UserRelaysType,
|
||||||
ZapController
|
ZapController
|
||||||
} from '../controllers'
|
} from '../controllers'
|
||||||
import { useAppSelector, useDidMount } from '../hooks'
|
import { useAppSelector, useDidMount } from '../hooks'
|
||||||
@ -37,7 +45,11 @@ import {
|
|||||||
getFilenameFromUrl,
|
getFilenameFromUrl,
|
||||||
log,
|
log,
|
||||||
LogType,
|
LogType,
|
||||||
unformatNumber
|
now,
|
||||||
|
npubToHex,
|
||||||
|
sendDMUsingRandomKey,
|
||||||
|
unformatNumber,
|
||||||
|
signAndPublish
|
||||||
} from '../utils'
|
} from '../utils'
|
||||||
|
|
||||||
export const InnerModPage = () => {
|
export const InnerModPage = () => {
|
||||||
@ -114,6 +126,7 @@ export const InnerModPage = () => {
|
|||||||
naddr={naddr!}
|
naddr={naddr!}
|
||||||
game={modData.game}
|
game={modData.game}
|
||||||
author={modData.author}
|
author={modData.author}
|
||||||
|
aTag={modData.aTag}
|
||||||
/>
|
/>
|
||||||
<Body
|
<Body
|
||||||
featuredImageUrl={modData.featuredImageUrl}
|
featuredImageUrl={modData.featuredImageUrl}
|
||||||
@ -197,13 +210,309 @@ type GameProps = {
|
|||||||
naddr: string
|
naddr: string
|
||||||
game: string
|
game: string
|
||||||
author: string
|
author: string
|
||||||
|
aTag: string
|
||||||
}
|
}
|
||||||
|
|
||||||
const Game = ({ naddr, game, author }: GameProps) => {
|
const Game = ({ naddr, game, author, aTag }: GameProps) => {
|
||||||
const navigate = useNavigate()
|
const navigate = useNavigate()
|
||||||
const userState = useAppSelector((state) => state.user)
|
const userState = useAppSelector((state) => state.user)
|
||||||
|
const [isLoading, setIsLoading] = useState(false)
|
||||||
|
const [loadingSpinnerDesc, setLoadingSpinnerDesc] = useState('')
|
||||||
|
const [showReportPopUp, setShowReportPopUp] = useState(false)
|
||||||
|
const [isBlocked, setIsBlocked] = useState(false)
|
||||||
|
const [isAddedToNSFW, setIsAddedToNSFW] = useState(false)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (userState.auth && userState.user?.pubkey) {
|
||||||
|
const pubkey = userState.user.pubkey as string
|
||||||
|
|
||||||
|
const muteListFilter: Filter = {
|
||||||
|
kinds: [kinds.Mutelist],
|
||||||
|
authors: [pubkey]
|
||||||
|
}
|
||||||
|
|
||||||
|
RelayController.getInstance()
|
||||||
|
.fetchEventFromUserRelays(muteListFilter, pubkey, UserRelaysType.Write)
|
||||||
|
.then((event) => {
|
||||||
|
if (event) {
|
||||||
|
// get a list of tags
|
||||||
|
const tags = event.tags
|
||||||
|
const blocked =
|
||||||
|
tags.findIndex((item) => item[0] === 'a' && item[1] === aTag) !==
|
||||||
|
-1
|
||||||
|
|
||||||
|
setIsBlocked(blocked)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
if (
|
||||||
|
userState.user.npub &&
|
||||||
|
userState.user.npub === import.meta.env.VITE_REPORTING_NPUB
|
||||||
|
) {
|
||||||
|
const nsfwListFilter: Filter = {
|
||||||
|
kinds: [kinds.Curationsets],
|
||||||
|
authors: [pubkey],
|
||||||
|
'#d': ['nsfw']
|
||||||
|
}
|
||||||
|
|
||||||
|
RelayController.getInstance()
|
||||||
|
.fetchEventFromUserRelays(
|
||||||
|
nsfwListFilter,
|
||||||
|
pubkey,
|
||||||
|
UserRelaysType.Write
|
||||||
|
)
|
||||||
|
.then((event) => {
|
||||||
|
if (event) {
|
||||||
|
// get a list of tags
|
||||||
|
const tags = event.tags
|
||||||
|
const existsInNSFWList =
|
||||||
|
tags.findIndex(
|
||||||
|
(item) => item[0] === 'a' && item[1] === aTag
|
||||||
|
) !== -1
|
||||||
|
|
||||||
|
setIsAddedToNSFW(existsInNSFWList)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, [userState, aTag])
|
||||||
|
|
||||||
|
const handleBlock = async () => {
|
||||||
|
let hexPubkey: string
|
||||||
|
|
||||||
|
setIsLoading(true)
|
||||||
|
setLoadingSpinnerDesc('Getting user pubkey')
|
||||||
|
|
||||||
|
if (userState.auth && userState.user?.pubkey) {
|
||||||
|
hexPubkey = userState.user.pubkey as string
|
||||||
|
} else {
|
||||||
|
hexPubkey = (await window.nostr?.getPublicKey()) as string
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!hexPubkey) {
|
||||||
|
toast.error('Could not get pubkey for updating mute list')
|
||||||
|
setIsLoading(false)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
setLoadingSpinnerDesc(`Finding user's mute list`)
|
||||||
|
|
||||||
|
// Define the event filter to search for the user's mute list events.
|
||||||
|
// We look for events of a specific kind (Mutelist) authored by the given hexPubkey.
|
||||||
|
const filter: Filter = {
|
||||||
|
kinds: [kinds.Mutelist],
|
||||||
|
authors: [hexPubkey]
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fetch the mute list event from the relays. This returns the event containing the user's mute list.
|
||||||
|
const muteListEvent =
|
||||||
|
await RelayController.getInstance().fetchEventFromUserRelays(
|
||||||
|
filter,
|
||||||
|
hexPubkey,
|
||||||
|
UserRelaysType.Write
|
||||||
|
)
|
||||||
|
|
||||||
|
let unsignedEvent: UnsignedEvent
|
||||||
|
|
||||||
|
if (muteListEvent) {
|
||||||
|
// get a list of tags
|
||||||
|
const tags = muteListEvent.tags
|
||||||
|
const alreadyExists =
|
||||||
|
tags.findIndex((item) => item[0] === 'a' && item[1] === aTag) !== -1
|
||||||
|
|
||||||
|
if (alreadyExists) {
|
||||||
|
setIsLoading(false)
|
||||||
|
setIsBlocked(true)
|
||||||
|
return toast.warn(`Mod reference is already in user's mute list`)
|
||||||
|
}
|
||||||
|
|
||||||
|
tags.push(['a', aTag])
|
||||||
|
|
||||||
|
unsignedEvent = {
|
||||||
|
pubkey: muteListEvent.pubkey,
|
||||||
|
kind: muteListEvent.kind,
|
||||||
|
content: muteListEvent.content,
|
||||||
|
created_at: now(),
|
||||||
|
tags: [...tags]
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
unsignedEvent = {
|
||||||
|
pubkey: hexPubkey,
|
||||||
|
kind: kinds.Mutelist,
|
||||||
|
content: '',
|
||||||
|
created_at: now(),
|
||||||
|
tags: [['a', aTag]]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
setLoadingSpinnerDesc('Updating mute list event')
|
||||||
|
|
||||||
|
const isUpdated = await signAndPublish(unsignedEvent)
|
||||||
|
if (isUpdated) {
|
||||||
|
setIsBlocked(true)
|
||||||
|
}
|
||||||
|
setIsLoading(false)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleUnblock = async () => {
|
||||||
|
const pubkey = userState.user?.pubkey as string
|
||||||
|
|
||||||
|
const filter: Filter = {
|
||||||
|
kinds: [kinds.Mutelist],
|
||||||
|
authors: [pubkey]
|
||||||
|
}
|
||||||
|
|
||||||
|
setIsLoading(true)
|
||||||
|
setLoadingSpinnerDesc(`Finding user's mute list`)
|
||||||
|
|
||||||
|
// Fetch the mute list event from the relays. This returns the event containing the user's mute list.
|
||||||
|
const muteListEvent =
|
||||||
|
await RelayController.getInstance().fetchEventFromUserRelays(
|
||||||
|
filter,
|
||||||
|
pubkey,
|
||||||
|
UserRelaysType.Write
|
||||||
|
)
|
||||||
|
|
||||||
|
if (!muteListEvent) {
|
||||||
|
toast.error(`Couldn't get user's mute list event from relays`)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const tags = muteListEvent.tags
|
||||||
|
|
||||||
|
const unsignedEvent: UnsignedEvent = {
|
||||||
|
pubkey: muteListEvent.pubkey,
|
||||||
|
kind: muteListEvent.kind,
|
||||||
|
content: muteListEvent.content,
|
||||||
|
created_at: now(),
|
||||||
|
tags: tags.filter((item) => item[0] !== 'a' || item[1] !== aTag)
|
||||||
|
}
|
||||||
|
|
||||||
|
setLoadingSpinnerDesc('Updating mute list event')
|
||||||
|
const isUpdated = await signAndPublish(unsignedEvent)
|
||||||
|
if (isUpdated) {
|
||||||
|
setIsBlocked(false)
|
||||||
|
}
|
||||||
|
|
||||||
|
setIsLoading(false)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleBlockNSFW = async () => {
|
||||||
|
const pubkey = userState.user?.pubkey as string | undefined
|
||||||
|
|
||||||
|
if (!pubkey) return
|
||||||
|
|
||||||
|
const filter: Filter = {
|
||||||
|
kinds: [kinds.Curationsets],
|
||||||
|
authors: [pubkey],
|
||||||
|
'#d': ['nsfw']
|
||||||
|
}
|
||||||
|
|
||||||
|
setIsLoading(true)
|
||||||
|
setLoadingSpinnerDesc('Finding NSFW list')
|
||||||
|
|
||||||
|
const nsfwListEvent =
|
||||||
|
await RelayController.getInstance().fetchEventFromUserRelays(
|
||||||
|
filter,
|
||||||
|
pubkey,
|
||||||
|
UserRelaysType.Write
|
||||||
|
)
|
||||||
|
|
||||||
|
let unsignedEvent: UnsignedEvent
|
||||||
|
|
||||||
|
if (nsfwListEvent) {
|
||||||
|
// get a list of tags
|
||||||
|
const tags = nsfwListEvent.tags
|
||||||
|
const alreadyExists =
|
||||||
|
tags.findIndex((item) => item[0] === 'a' && item[1] === aTag) !== -1
|
||||||
|
|
||||||
|
if (alreadyExists) {
|
||||||
|
setIsLoading(false)
|
||||||
|
setIsAddedToNSFW(true)
|
||||||
|
return toast.warn(`Mod reference is already in user's nsfw list`)
|
||||||
|
}
|
||||||
|
|
||||||
|
tags.push(['a', aTag])
|
||||||
|
|
||||||
|
unsignedEvent = {
|
||||||
|
pubkey: nsfwListEvent.pubkey,
|
||||||
|
kind: nsfwListEvent.kind,
|
||||||
|
content: nsfwListEvent.content,
|
||||||
|
created_at: now(),
|
||||||
|
tags: [...tags]
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
unsignedEvent = {
|
||||||
|
pubkey: pubkey,
|
||||||
|
kind: kinds.Curationsets,
|
||||||
|
content: '',
|
||||||
|
created_at: now(),
|
||||||
|
tags: [
|
||||||
|
['a', aTag],
|
||||||
|
['d', 'nsfw']
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
setLoadingSpinnerDesc('Updating nsfw list event')
|
||||||
|
|
||||||
|
const isUpdated = await signAndPublish(unsignedEvent)
|
||||||
|
if (isUpdated) {
|
||||||
|
setIsAddedToNSFW(true)
|
||||||
|
}
|
||||||
|
setIsLoading(false)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleUnblockNSFW = async () => {
|
||||||
|
const pubkey = userState.user?.pubkey as string
|
||||||
|
|
||||||
|
const filter: Filter = {
|
||||||
|
kinds: [kinds.Curationsets],
|
||||||
|
authors: [pubkey],
|
||||||
|
'#d': ['nsfw']
|
||||||
|
}
|
||||||
|
|
||||||
|
setIsLoading(true)
|
||||||
|
setLoadingSpinnerDesc('Finding NSFW list')
|
||||||
|
|
||||||
|
const nsfwListEvent =
|
||||||
|
await RelayController.getInstance().fetchEventFromUserRelays(
|
||||||
|
filter,
|
||||||
|
pubkey,
|
||||||
|
UserRelaysType.Write
|
||||||
|
)
|
||||||
|
|
||||||
|
if (!nsfwListEvent) {
|
||||||
|
toast.error(`Couldn't get nsfw list event from relays`)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const tags = nsfwListEvent.tags
|
||||||
|
|
||||||
|
const unsignedEvent: UnsignedEvent = {
|
||||||
|
pubkey: nsfwListEvent.pubkey,
|
||||||
|
kind: nsfwListEvent.kind,
|
||||||
|
content: nsfwListEvent.content,
|
||||||
|
created_at: now(),
|
||||||
|
tags: tags.filter((item) => item[0] !== 'a' || item[1] !== aTag)
|
||||||
|
}
|
||||||
|
|
||||||
|
setLoadingSpinnerDesc('Updating nsfw list event')
|
||||||
|
const isUpdated = await signAndPublish(unsignedEvent)
|
||||||
|
if (isUpdated) {
|
||||||
|
setIsAddedToNSFW(false)
|
||||||
|
}
|
||||||
|
|
||||||
|
setIsLoading(false)
|
||||||
|
}
|
||||||
|
|
||||||
|
const isAdmin =
|
||||||
|
userState.user?.npub &&
|
||||||
|
userState.user.npub === import.meta.env.VITE_REPORTING_NPUB
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<>
|
||||||
|
{isLoading && <LoadingSpinner desc={loadingSpinnerDesc} />}
|
||||||
<div className='IBMSMSMBSSModFor'>
|
<div className='IBMSMSMBSSModFor'>
|
||||||
<p className='IBMSMSMBSSModForPara'>
|
<p className='IBMSMSMBSSModForPara'>
|
||||||
Mod for:
|
Mod for:
|
||||||
@ -289,7 +598,7 @@ const Game = ({ naddr, game, author }: GameProps) => {
|
|||||||
<a
|
<a
|
||||||
className='dropdown-item dropdownMainMenuItem'
|
className='dropdown-item dropdownMainMenuItem'
|
||||||
id='reportPost'
|
id='reportPost'
|
||||||
href='#'
|
onClick={() => setShowReportPopUp(true)}
|
||||||
>
|
>
|
||||||
<svg
|
<svg
|
||||||
xmlns='http://www.w3.org/2000/svg'
|
xmlns='http://www.w3.org/2000/svg'
|
||||||
@ -303,7 +612,10 @@ const Game = ({ naddr, game, author }: GameProps) => {
|
|||||||
</svg>
|
</svg>
|
||||||
Report
|
Report
|
||||||
</a>
|
</a>
|
||||||
<a className='dropdown-item dropdownMainMenuItem' href='#'>
|
<a
|
||||||
|
className='dropdown-item dropdownMainMenuItem'
|
||||||
|
onClick={isBlocked ? handleUnblock : handleBlock}
|
||||||
|
>
|
||||||
<svg
|
<svg
|
||||||
xmlns='http://www.w3.org/2000/svg'
|
xmlns='http://www.w3.org/2000/svg'
|
||||||
viewBox='-32 0 512 512'
|
viewBox='-32 0 512 512'
|
||||||
@ -314,11 +626,292 @@ const Game = ({ naddr, game, author }: GameProps) => {
|
|||||||
>
|
>
|
||||||
<path d='M323.5 51.25C302.8 70.5 284 90.75 267.4 111.1C240.1 73.62 206.2 35.5 168 0C69.75 91.12 0 210 0 281.6C0 408.9 100.2 512 224 512s224-103.1 224-230.4C448 228.4 396 118.5 323.5 51.25zM304.1 391.9C282.4 407 255.8 416 226.9 416c-72.13 0-130.9-47.73-130.9-125.2c0-38.63 24.24-72.64 65.13-83.3c10.14-2.656 19.94 4.78 19.94 15.27c0 6.941-4.469 13.16-11.16 15.19c-17.5 4.578-34.41 23.94-34.41 52.84c0 50.81 39.31 94.81 91.41 94.81c24.66 0 45.22-6.5 63.19-18.75c11.75-8 27.91 3.469 23.91 16.69C314.6 384.7 309.8 388.4 304.1 391.9z'></path>
|
<path d='M323.5 51.25C302.8 70.5 284 90.75 267.4 111.1C240.1 73.62 206.2 35.5 168 0C69.75 91.12 0 210 0 281.6C0 408.9 100.2 512 224 512s224-103.1 224-230.4C448 228.4 396 118.5 323.5 51.25zM304.1 391.9C282.4 407 255.8 416 226.9 416c-72.13 0-130.9-47.73-130.9-125.2c0-38.63 24.24-72.64 65.13-83.3c10.14-2.656 19.94 4.78 19.94 15.27c0 6.941-4.469 13.16-11.16 15.19c-17.5 4.578-34.41 23.94-34.41 52.84c0 50.81 39.31 94.81 91.41 94.81c24.66 0 45.22-6.5 63.19-18.75c11.75-8 27.91 3.469 23.91 16.69C314.6 384.7 309.8 388.4 304.1 391.9z'></path>
|
||||||
</svg>
|
</svg>
|
||||||
Block Post
|
{isBlocked ? 'Unblock' : 'Block'} Post
|
||||||
</a>
|
</a>
|
||||||
|
{isAdmin && (
|
||||||
|
<a
|
||||||
|
className='dropdown-item dropdownMainMenuItem'
|
||||||
|
onClick={isAddedToNSFW ? handleUnblockNSFW : handleBlockNSFW}
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns='http://www.w3.org/2000/svg'
|
||||||
|
viewBox='-32 0 512 512'
|
||||||
|
width='1em'
|
||||||
|
height='1em'
|
||||||
|
fill='currentColor'
|
||||||
|
className='IBMSMSMSSS_Author_Top_Icon'
|
||||||
|
>
|
||||||
|
<path d='M323.5 51.25C302.8 70.5 284 90.75 267.4 111.1C240.1 73.62 206.2 35.5 168 0C69.75 91.12 0 210 0 281.6C0 408.9 100.2 512 224 512s224-103.1 224-230.4C448 228.4 396 118.5 323.5 51.25zM304.1 391.9C282.4 407 255.8 416 226.9 416c-72.13 0-130.9-47.73-130.9-125.2c0-38.63 24.24-72.64 65.13-83.3c10.14-2.656 19.94 4.78 19.94 15.27c0 6.941-4.469 13.16-11.16 15.19c-17.5 4.578-34.41 23.94-34.41 52.84c0 50.81 39.31 94.81 91.41 94.81c24.66 0 45.22-6.5 63.19-18.75c11.75-8 27.91 3.469 23.91 16.69C314.6 384.7 309.8 388.4 304.1 391.9z'></path>
|
||||||
|
</svg>
|
||||||
|
{isAddedToNSFW ? 'Un-mark' : 'Mark'} as NSFW
|
||||||
|
</a>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{showReportPopUp && (
|
||||||
|
<ReportPopup
|
||||||
|
aTag={aTag}
|
||||||
|
handleClose={() => setShowReportPopUp(false)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
type ReportPopupProps = {
|
||||||
|
aTag: string
|
||||||
|
handleClose: () => void
|
||||||
|
}
|
||||||
|
|
||||||
|
const ReportPopup = ({ aTag, handleClose }: ReportPopupProps) => {
|
||||||
|
const userState = useAppSelector((state) => state.user)
|
||||||
|
const [selectedOptions, setSelectedOptions] = useState({
|
||||||
|
actuallyCP: false,
|
||||||
|
spam: false,
|
||||||
|
scam: false,
|
||||||
|
notAGameMod: false,
|
||||||
|
stolenGameMod: false,
|
||||||
|
wasntTaggedNSFW: false,
|
||||||
|
otherReason: false
|
||||||
|
})
|
||||||
|
const [isLoading, setIsLoading] = useState(false)
|
||||||
|
const [loadingSpinnerDesc, setLoadingSpinnerDesc] = useState('')
|
||||||
|
|
||||||
|
const handleCheckboxChange = (option: keyof typeof selectedOptions) => {
|
||||||
|
setSelectedOptions((prevState) => ({
|
||||||
|
...prevState,
|
||||||
|
[option]: !prevState[option]
|
||||||
|
}))
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
const selectedOptionsCount = Object.values(selectedOptions).filter(
|
||||||
|
(isSelected) => isSelected
|
||||||
|
).length
|
||||||
|
|
||||||
|
if (selectedOptionsCount === 0) {
|
||||||
|
toast.error('At least one option should be checked!')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let hexPubkey: string
|
||||||
|
|
||||||
|
setIsLoading(true)
|
||||||
|
setLoadingSpinnerDesc('Getting user pubkey')
|
||||||
|
|
||||||
|
if (userState.auth && userState.user?.pubkey) {
|
||||||
|
hexPubkey = userState.user.pubkey as string
|
||||||
|
} else {
|
||||||
|
hexPubkey = (await window.nostr?.getPublicKey()) as string
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!hexPubkey) {
|
||||||
|
toast.error('Could not get pubkey for reporting mod!')
|
||||||
|
setIsLoading(false)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const metadataController = await MetadataController.getInstance()
|
||||||
|
const reportingPubkey = npubToHex(metadataController.reportingNpub)
|
||||||
|
|
||||||
|
if (reportingPubkey === hexPubkey) {
|
||||||
|
setLoadingSpinnerDesc(`Finding user's mute list`)
|
||||||
|
// Define the event filter to search for the user's mute list events.
|
||||||
|
// We look for events of a specific kind (Mutelist) authored by the given hexPubkey.
|
||||||
|
const filter: Filter = {
|
||||||
|
kinds: [kinds.Mutelist],
|
||||||
|
authors: [hexPubkey]
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fetch the mute list event from the relays. This returns the event containing the user's mute list.
|
||||||
|
const muteListEvent =
|
||||||
|
await RelayController.getInstance().fetchEventFromUserRelays(
|
||||||
|
filter,
|
||||||
|
hexPubkey,
|
||||||
|
UserRelaysType.Write
|
||||||
|
)
|
||||||
|
|
||||||
|
let unsignedEvent: UnsignedEvent
|
||||||
|
|
||||||
|
if (muteListEvent) {
|
||||||
|
// get a list of tags
|
||||||
|
const tags = muteListEvent.tags
|
||||||
|
const alreadyExists =
|
||||||
|
tags.findIndex((item) => item[0] === 'a' && item[1] === aTag) !== -1
|
||||||
|
|
||||||
|
if (alreadyExists) {
|
||||||
|
setIsLoading(false)
|
||||||
|
return toast.warn(`Mod reference is already in user's mute list`)
|
||||||
|
}
|
||||||
|
|
||||||
|
tags.push(['a', aTag])
|
||||||
|
|
||||||
|
unsignedEvent = {
|
||||||
|
pubkey: muteListEvent.pubkey,
|
||||||
|
kind: muteListEvent.kind,
|
||||||
|
content: muteListEvent.content,
|
||||||
|
created_at: now(),
|
||||||
|
tags: [...tags]
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
unsignedEvent = {
|
||||||
|
pubkey: hexPubkey,
|
||||||
|
kind: kinds.Mutelist,
|
||||||
|
content: '',
|
||||||
|
created_at: now(),
|
||||||
|
tags: [['a', aTag]]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
setLoadingSpinnerDesc('Updating mute list event')
|
||||||
|
const isUpdated = await signAndPublish(unsignedEvent)
|
||||||
|
if (isUpdated) handleClose()
|
||||||
|
} else {
|
||||||
|
const href = window.location.href
|
||||||
|
let message = `I'd like to report ${href} due to following reasons:\n`
|
||||||
|
|
||||||
|
Object.entries(selectedOptions).forEach(([key, value]) => {
|
||||||
|
if (value) {
|
||||||
|
message += `* ${key}\n`
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
setLoadingSpinnerDesc('Sending report')
|
||||||
|
const isSent = await sendDMUsingRandomKey(message, reportingPubkey!)
|
||||||
|
if (isSent) handleClose()
|
||||||
|
}
|
||||||
|
setIsLoading(false)
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{isLoading && <LoadingSpinner desc={loadingSpinnerDesc} />}
|
||||||
|
<div className='popUpMain'>
|
||||||
|
<div className='ContainerMain'>
|
||||||
|
<div className='popUpMainCardWrapper'>
|
||||||
|
<div className='popUpMainCard popUpMainCardQR'>
|
||||||
|
<div className='popUpMainCardTop'>
|
||||||
|
<div className='popUpMainCardTopInfo'>
|
||||||
|
<h3>Report Post</h3>
|
||||||
|
</div>
|
||||||
|
<div className='popUpMainCardTopClose' onClick={handleClose}>
|
||||||
|
<svg
|
||||||
|
xmlns='http://www.w3.org/2000/svg'
|
||||||
|
viewBox='-96 0 512 512'
|
||||||
|
width='1em'
|
||||||
|
height='1em'
|
||||||
|
fill='currentColor'
|
||||||
|
style={{ zIndex: 1 }}
|
||||||
|
>
|
||||||
|
<path d='M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z'></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className='pUMCB_Zaps'>
|
||||||
|
<div className='pUMCB_ZapsInside'>
|
||||||
|
<div className='inputLabelWrapperMain'>
|
||||||
|
<label
|
||||||
|
className='form-label labelMain'
|
||||||
|
style={{ fontWeight: 'bold' }}
|
||||||
|
>
|
||||||
|
Why are you reporting this?
|
||||||
|
</label>
|
||||||
|
<div className='inputLabelWrapperMain inputLabelWrapperMainAlt'>
|
||||||
|
<label className='form-label labelMain'>
|
||||||
|
Actually CP
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type='checkbox'
|
||||||
|
className='CheckboxMain'
|
||||||
|
name='reportOption'
|
||||||
|
checked={selectedOptions.actuallyCP}
|
||||||
|
onChange={() => handleCheckboxChange('actuallyCP')}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className='inputLabelWrapperMain inputLabelWrapperMainAlt'>
|
||||||
|
<label className='form-label labelMain'>Spam</label>
|
||||||
|
<input
|
||||||
|
type='checkbox'
|
||||||
|
className='CheckboxMain'
|
||||||
|
name='reportOption'
|
||||||
|
checked={selectedOptions.spam}
|
||||||
|
onChange={() => handleCheckboxChange('spam')}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className='inputLabelWrapperMain inputLabelWrapperMainAlt'>
|
||||||
|
<label className='form-label labelMain'>Scam</label>
|
||||||
|
<input
|
||||||
|
type='checkbox'
|
||||||
|
className='CheckboxMain'
|
||||||
|
name='reportOption'
|
||||||
|
checked={selectedOptions.scam}
|
||||||
|
onChange={() => handleCheckboxChange('scam')}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className='inputLabelWrapperMain inputLabelWrapperMainAlt'>
|
||||||
|
<label className='form-label labelMain'>
|
||||||
|
Not a game mod
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type='checkbox'
|
||||||
|
className='CheckboxMain'
|
||||||
|
name='reportOption'
|
||||||
|
checked={selectedOptions.notAGameMod}
|
||||||
|
onChange={() => handleCheckboxChange('notAGameMod')}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className='inputLabelWrapperMain inputLabelWrapperMainAlt'>
|
||||||
|
<label className='form-label labelMain'>
|
||||||
|
Stolen game mod
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type='checkbox'
|
||||||
|
className='CheckboxMain'
|
||||||
|
name='reportOption'
|
||||||
|
checked={selectedOptions.stolenGameMod}
|
||||||
|
onChange={() => handleCheckboxChange('stolenGameMod')}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className='inputLabelWrapperMain inputLabelWrapperMainAlt'>
|
||||||
|
<label className='form-label labelMain'>
|
||||||
|
Wasn't tagged NSFW
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type='checkbox'
|
||||||
|
className='CheckboxMain'
|
||||||
|
name='reportOption'
|
||||||
|
checked={selectedOptions.wasntTaggedNSFW}
|
||||||
|
onChange={() => handleCheckboxChange('wasntTaggedNSFW')}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className='inputLabelWrapperMain inputLabelWrapperMainAlt'>
|
||||||
|
<label className='form-label labelMain'>
|
||||||
|
Other reason
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type='checkbox'
|
||||||
|
className='CheckboxMain'
|
||||||
|
name='reportOption'
|
||||||
|
checked={selectedOptions.otherReason}
|
||||||
|
onChange={() => handleCheckboxChange('otherReason')}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
className='btn btnMain pUMCB_Report'
|
||||||
|
type='button'
|
||||||
|
style={{ width: '100%' }}
|
||||||
|
onClick={handleSubmit}
|
||||||
|
>
|
||||||
|
Submit Report
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -11,7 +11,7 @@ import { useNavigate } from 'react-router-dom'
|
|||||||
import { LoadingSpinner } from '../components/LoadingSpinner'
|
import { LoadingSpinner } from '../components/LoadingSpinner'
|
||||||
import { ModCard } from '../components/ModCard'
|
import { ModCard } from '../components/ModCard'
|
||||||
import { MetadataController } from '../controllers'
|
import { MetadataController } from '../controllers'
|
||||||
import { useDidMount } from '../hooks'
|
import { useAppSelector, useDidMount } from '../hooks'
|
||||||
import { getModsInnerPageRoute } from '../routes'
|
import { getModsInnerPageRoute } from '../routes'
|
||||||
import '../styles/filters.css'
|
import '../styles/filters.css'
|
||||||
import '../styles/pagination.css'
|
import '../styles/pagination.css'
|
||||||
@ -36,7 +36,8 @@ enum NSFWFilter {
|
|||||||
|
|
||||||
enum ModeratedFilter {
|
enum ModeratedFilter {
|
||||||
Moderated = 'Moderated',
|
Moderated = 'Moderated',
|
||||||
Unmoderated = 'Unmoderated'
|
Unmoderated = 'Unmoderated',
|
||||||
|
Unmoderated_Fully = 'Unmoderated Fully'
|
||||||
}
|
}
|
||||||
|
|
||||||
interface FilterOptions {
|
interface FilterOptions {
|
||||||
@ -56,18 +57,36 @@ export const ModsPage = () => {
|
|||||||
source: window.location.host,
|
source: window.location.host,
|
||||||
moderated: ModeratedFilter.Moderated
|
moderated: ModeratedFilter.Moderated
|
||||||
})
|
})
|
||||||
const [muteLists, setMuteLists] = useState<MuteLists>({
|
const [muteLists, setMuteLists] = useState<{
|
||||||
|
admin: MuteLists
|
||||||
|
user: MuteLists
|
||||||
|
}>({
|
||||||
|
admin: {
|
||||||
authors: [],
|
authors: [],
|
||||||
eventIds: []
|
replaceableEvents: []
|
||||||
|
},
|
||||||
|
user: {
|
||||||
|
authors: [],
|
||||||
|
replaceableEvents: []
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
const [nsfwList, setNSFWList] = useState<string[]>([])
|
||||||
|
|
||||||
const [page, setPage] = useState(1)
|
const [page, setPage] = useState(1)
|
||||||
|
|
||||||
|
const userState = useAppSelector((state) => state.user)
|
||||||
|
|
||||||
useDidMount(async () => {
|
useDidMount(async () => {
|
||||||
|
const pubkey = userState.user?.pubkey as string | undefined
|
||||||
|
|
||||||
const metadataController = await MetadataController.getInstance()
|
const metadataController = await MetadataController.getInstance()
|
||||||
metadataController.getAdminsMuteLists().then((lists) => {
|
metadataController.getMuteLists(pubkey).then((lists) => {
|
||||||
setMuteLists(lists)
|
setMuteLists(lists)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
metadataController.getNSFWList().then((list) => {
|
||||||
|
setNSFWList(list)
|
||||||
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@ -85,7 +104,7 @@ export const ModsPage = () => {
|
|||||||
setIsFetching(true)
|
setIsFetching(true)
|
||||||
|
|
||||||
const until =
|
const until =
|
||||||
mods.length > 0 ? mods[mods.length - 1].edited_at - 1 : undefined
|
mods.length > 0 ? mods[mods.length - 1].published_at - 1 : undefined
|
||||||
|
|
||||||
fetchMods(filterOptions.source, until)
|
fetchMods(filterOptions.source, until)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
@ -100,7 +119,7 @@ export const ModsPage = () => {
|
|||||||
const handlePrev = useCallback(() => {
|
const handlePrev = useCallback(() => {
|
||||||
setIsFetching(true)
|
setIsFetching(true)
|
||||||
|
|
||||||
const since = mods.length > 0 ? mods[0].edited_at + 1 : undefined
|
const since = mods.length > 0 ? mods[0].published_at + 1 : undefined
|
||||||
|
|
||||||
fetchMods(filterOptions.source, undefined, since)
|
fetchMods(filterOptions.source, undefined, since)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
@ -118,39 +137,54 @@ export const ModsPage = () => {
|
|||||||
switch (filterOptions.nsfw) {
|
switch (filterOptions.nsfw) {
|
||||||
case NSFWFilter.Hide_NSFW:
|
case NSFWFilter.Hide_NSFW:
|
||||||
// If 'Hide_NSFW' is selected, filter out NSFW mods
|
// If 'Hide_NSFW' is selected, filter out NSFW mods
|
||||||
return mods.filter((mod) => !mod.nsfw)
|
return mods.filter((mod) => !mod.nsfw && !nsfwList.includes(mod.aTag))
|
||||||
case NSFWFilter.Show_NSFW:
|
case NSFWFilter.Show_NSFW:
|
||||||
// If 'Show_NSFW' is selected, return all mods (no filtering)
|
// If 'Show_NSFW' is selected, return all mods (no filtering)
|
||||||
return mods
|
return mods
|
||||||
case NSFWFilter.Only_NSFW:
|
case NSFWFilter.Only_NSFW:
|
||||||
// If 'Only_NSFW' is selected, filter to show only NSFW mods
|
// If 'Only_NSFW' is selected, filter to show only NSFW mods
|
||||||
return mods.filter((mod) => mod.nsfw)
|
return mods.filter((mod) => mod.nsfw || nsfwList.includes(mod.aTag))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
let filtered = nsfwFilter(mods)
|
let filtered = nsfwFilter(mods)
|
||||||
|
|
||||||
|
const isAdmin = userState.user?.npub === import.meta.env.VITE_REPORTING_NPUB
|
||||||
|
const isUnmoderatedFully =
|
||||||
|
filterOptions.moderated === ModeratedFilter.Unmoderated_Fully
|
||||||
|
|
||||||
|
// Only apply filtering if the user is not an admin or the admin has not selected "Unmoderated Fully"
|
||||||
|
if (!(isAdmin && isUnmoderatedFully)) {
|
||||||
|
filtered = filtered.filter(
|
||||||
|
(mod) =>
|
||||||
|
!muteLists.admin.authors.includes(mod.author) &&
|
||||||
|
!muteLists.admin.replaceableEvents.includes(mod.aTag)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
if (filterOptions.moderated === ModeratedFilter.Moderated) {
|
if (filterOptions.moderated === ModeratedFilter.Moderated) {
|
||||||
filtered = filtered.filter(
|
filtered = filtered.filter(
|
||||||
(mod) =>
|
(mod) =>
|
||||||
!muteLists.authors.includes(mod.author) &&
|
!muteLists.user.authors.includes(mod.author) &&
|
||||||
!muteLists.eventIds.includes(mod.id)
|
!muteLists.user.replaceableEvents.includes(mod.aTag)
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (filterOptions.sort === SortBy.Latest) {
|
if (filterOptions.sort === SortBy.Latest) {
|
||||||
filtered.sort((a, b) => b.edited_at - a.edited_at)
|
filtered.sort((a, b) => b.published_at - a.published_at)
|
||||||
} else if (filterOptions.sort === SortBy.Oldest) {
|
} else if (filterOptions.sort === SortBy.Oldest) {
|
||||||
filtered.sort((a, b) => a.edited_at - b.edited_at)
|
filtered.sort((a, b) => a.published_at - b.published_at)
|
||||||
}
|
}
|
||||||
|
|
||||||
return filtered
|
return filtered
|
||||||
}, [
|
}, [
|
||||||
|
userState.user?.npub,
|
||||||
filterOptions.sort,
|
filterOptions.sort,
|
||||||
filterOptions.moderated,
|
filterOptions.moderated,
|
||||||
filterOptions.nsfw,
|
filterOptions.nsfw,
|
||||||
mods,
|
mods,
|
||||||
muteLists
|
muteLists,
|
||||||
|
nsfwList
|
||||||
])
|
])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@ -167,25 +201,26 @@ export const ModsPage = () => {
|
|||||||
|
|
||||||
<div className='IBMSecMain IBMSMListWrapper'>
|
<div className='IBMSecMain IBMSMListWrapper'>
|
||||||
<div className='IBMSMList'>
|
<div className='IBMSMList'>
|
||||||
{filteredModList.map((mod) => (
|
{filteredModList.map((mod) => {
|
||||||
<ModCard
|
const route = getModsInnerPageRoute(
|
||||||
key={mod.id}
|
|
||||||
title={mod.title}
|
|
||||||
summary={mod.summary}
|
|
||||||
backgroundLink={mod.featuredImageUrl}
|
|
||||||
handleClick={() =>
|
|
||||||
navigate(
|
|
||||||
getModsInnerPageRoute(
|
|
||||||
nip19.naddrEncode({
|
nip19.naddrEncode({
|
||||||
identifier: mod.aTag,
|
identifier: mod.aTag,
|
||||||
pubkey: mod.author,
|
pubkey: mod.author,
|
||||||
kind: kinds.ClassifiedListing
|
kind: kinds.ClassifiedListing
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
)
|
|
||||||
}
|
return (
|
||||||
|
<ModCard
|
||||||
|
key={mod.id}
|
||||||
|
title={mod.title}
|
||||||
|
summary={mod.summary}
|
||||||
|
backgroundLink={mod.featuredImageUrl}
|
||||||
|
link={`#${route}`}
|
||||||
|
handleClick={() => navigate(route)}
|
||||||
/>
|
/>
|
||||||
))}
|
)
|
||||||
|
})}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -239,6 +274,8 @@ type FiltersProps = {
|
|||||||
|
|
||||||
const Filters = React.memo(
|
const Filters = React.memo(
|
||||||
({ filterOptions, setFilterOptions }: FiltersProps) => {
|
({ filterOptions, setFilterOptions }: FiltersProps) => {
|
||||||
|
const userState = useAppSelector((state) => state.user)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='IBMSecMain'>
|
<div className='IBMSecMain'>
|
||||||
<div className='FiltersMain'>
|
<div className='FiltersMain'>
|
||||||
@ -282,7 +319,16 @@ const Filters = React.memo(
|
|||||||
{filterOptions.moderated}
|
{filterOptions.moderated}
|
||||||
</button>
|
</button>
|
||||||
<div className='dropdown-menu dropdownMainMenu'>
|
<div className='dropdown-menu dropdownMainMenu'>
|
||||||
{Object.values(ModeratedFilter).map((item, index) => (
|
{Object.values(ModeratedFilter).map((item, index) => {
|
||||||
|
if (item === ModeratedFilter.Unmoderated_Fully) {
|
||||||
|
const isAdmin =
|
||||||
|
userState.user?.npub ===
|
||||||
|
import.meta.env.VITE_REPORTING_NPUB
|
||||||
|
|
||||||
|
if (!isAdmin) return null
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
<div
|
<div
|
||||||
key={`moderatedFilterItem-${index}`}
|
key={`moderatedFilterItem-${index}`}
|
||||||
className='dropdown-item dropdownMainMenuItem'
|
className='dropdown-item dropdownMainMenuItem'
|
||||||
@ -295,7 +341,8 @@ const Filters = React.memo(
|
|||||||
>
|
>
|
||||||
{item}
|
{item}
|
||||||
</div>
|
</div>
|
||||||
))}
|
)
|
||||||
|
})}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -56,6 +56,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.IBMSMSMSSS_Author_Top_Icon {
|
.IBMSMSMSSS_Author_Top_Icon {
|
||||||
|
min-width: 16px;
|
||||||
|
min-height: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.IBMSMSMSSS_Author_Top_Address {
|
.IBMSMSMSSS_Author_Top_Address {
|
||||||
|
@ -32,5 +32,5 @@ export interface ModDetails extends Omit<ModFormState, 'tags'> {
|
|||||||
|
|
||||||
export interface MuteLists {
|
export interface MuteLists {
|
||||||
authors: string[]
|
authors: string[]
|
||||||
eventIds: string[]
|
replaceableEvents: string[]
|
||||||
}
|
}
|
||||||
|
@ -167,8 +167,6 @@ export const fetchMods = async (
|
|||||||
return RelayController.getInstance()
|
return RelayController.getInstance()
|
||||||
.fetchEvents(filter, []) // Pass the filter and an empty array of options
|
.fetchEvents(filter, []) // Pass the filter and an empty array of options
|
||||||
.then((events) => {
|
.then((events) => {
|
||||||
console.log('events :>> ', events)
|
|
||||||
|
|
||||||
// Convert the fetched events into a list of mods
|
// Convert the fetched events into a list of mods
|
||||||
const modList = constructModListFromEvents(events)
|
const modList = constructModListFromEvents(events)
|
||||||
return modList // Return the list of mods
|
return modList // Return the list of mods
|
||||||
|
@ -1,4 +1,16 @@
|
|||||||
import { nip19, Event } from 'nostr-tools'
|
import {
|
||||||
|
Event,
|
||||||
|
finalizeEvent,
|
||||||
|
generateSecretKey,
|
||||||
|
getPublicKey,
|
||||||
|
kinds,
|
||||||
|
nip04,
|
||||||
|
nip19,
|
||||||
|
UnsignedEvent
|
||||||
|
} from 'nostr-tools'
|
||||||
|
import { toast } from 'react-toastify'
|
||||||
|
import { RelayController } from '../controllers'
|
||||||
|
import { log, LogType } from './utils'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Get the current time in seconds since the Unix epoch (January 1, 1970).
|
* Get the current time in seconds since the Unix epoch (January 1, 1970).
|
||||||
@ -121,3 +133,107 @@ export const extractZapAmount = (event: Event): number => {
|
|||||||
// Return 0 if the zap amount cannot be determined
|
// Return 0 if the zap amount cannot be determined
|
||||||
return 0
|
return 0
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Signs and publishes an event to user's relays.
|
||||||
|
*
|
||||||
|
* @param unsignedEvent - The event object which needs to be signed before publishing.
|
||||||
|
* @returns - A promise that resolves to boolean indicating whether the event was successfully signed and published
|
||||||
|
*/
|
||||||
|
export const signAndPublish = async (unsignedEvent: UnsignedEvent) => {
|
||||||
|
// Sign the event. This returns a signed event or null if signing fails.
|
||||||
|
const signedEvent = await window.nostr
|
||||||
|
?.signEvent(unsignedEvent)
|
||||||
|
.then((event) => event as Event)
|
||||||
|
.catch((err) => {
|
||||||
|
// If signing the event fails, display an error toast and log the error.
|
||||||
|
toast.error('Failed to sign the event!')
|
||||||
|
log(true, LogType.Error, 'Failed to sign the event!', err)
|
||||||
|
return null
|
||||||
|
})
|
||||||
|
|
||||||
|
// If the event couldn't be signed, exit the function and return null.
|
||||||
|
if (!signedEvent) return false
|
||||||
|
|
||||||
|
// Publish the signed event to the relays using the RelayController.
|
||||||
|
// This returns an array of relay URLs where the event was successfully published.
|
||||||
|
const publishedOnRelays = await RelayController.getInstance().publish(
|
||||||
|
signedEvent as Event
|
||||||
|
)
|
||||||
|
|
||||||
|
// Handle cases where publishing to the relays failed
|
||||||
|
if (publishedOnRelays.length === 0) {
|
||||||
|
// Display an error toast if the event could not be published to any relay.
|
||||||
|
toast.error('Failed to publish event on any relay')
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// Display a success toast with the list of relays where the event was successfully published.
|
||||||
|
toast.success(
|
||||||
|
`Event published successfully to the following relays\n\n${publishedOnRelays.join(
|
||||||
|
'\n'
|
||||||
|
)}`
|
||||||
|
)
|
||||||
|
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Sends an encrypted direct message (DM) to a receiver using a randomly generated secret key.
|
||||||
|
*
|
||||||
|
* @param message - The plaintext message content to be sent.
|
||||||
|
* @param receiver - The public key of the receiver to whom the message is being sent.
|
||||||
|
* @returns - A promise that resolves to true if the message was successfully sent, or false if an error occurred.
|
||||||
|
*/
|
||||||
|
export const sendDMUsingRandomKey = async (
|
||||||
|
message: string,
|
||||||
|
receiver: string
|
||||||
|
) => {
|
||||||
|
// Generate a random secret key for encrypting the message
|
||||||
|
const secretKey = generateSecretKey()
|
||||||
|
|
||||||
|
// Encrypt the message using the generated secret key and the receiver's public key
|
||||||
|
const encryptedMessage = await nip04
|
||||||
|
.encrypt(secretKey, receiver, message)
|
||||||
|
.catch((err) => {
|
||||||
|
// If encryption fails, display an error toast
|
||||||
|
toast.error(
|
||||||
|
`An error occurred in encrypting message content: ${err.message || err}`
|
||||||
|
)
|
||||||
|
return null
|
||||||
|
})
|
||||||
|
|
||||||
|
// If encryption failed, exit the function and return false
|
||||||
|
if (!encryptedMessage) return false
|
||||||
|
|
||||||
|
// Construct the unsigned event containing the encrypted message and relevant metadata
|
||||||
|
const unsignedEvent: UnsignedEvent = {
|
||||||
|
pubkey: getPublicKey(secretKey),
|
||||||
|
kind: kinds.EncryptedDirectMessage,
|
||||||
|
created_at: now(),
|
||||||
|
tags: [['p', receiver]],
|
||||||
|
content: encryptedMessage
|
||||||
|
}
|
||||||
|
|
||||||
|
// Finalize and sign the event using the generated secret key
|
||||||
|
const signedEvent = finalizeEvent(unsignedEvent, secretKey)
|
||||||
|
|
||||||
|
// Publish the signed event (the encrypted DM) to the relays
|
||||||
|
const publishedOnRelays = await RelayController.getInstance().publishDM(
|
||||||
|
signedEvent,
|
||||||
|
receiver
|
||||||
|
)
|
||||||
|
|
||||||
|
// Handle cases where publishing to the relays failed
|
||||||
|
if (publishedOnRelays.length === 0) {
|
||||||
|
// Display an error toast if the event could not be published to any relay
|
||||||
|
toast.error('Failed to publish encrypted direct message on any relay')
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// Display a success toast if the event was successfully published to one or more relays
|
||||||
|
toast.success(`Report successfully submitted!`)
|
||||||
|
|
||||||
|
// Return true indicating that the DM was successfully sent
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
1
src/vite-env.d.ts
vendored
1
src/vite-env.d.ts
vendored
@ -3,6 +3,7 @@
|
|||||||
interface ImportMetaEnv {
|
interface ImportMetaEnv {
|
||||||
readonly VITE_APP_RELAY: string
|
readonly VITE_APP_RELAY: string
|
||||||
readonly VITE_ADMIN_NPUBS: string
|
readonly VITE_ADMIN_NPUBS: string
|
||||||
|
readonly VITE_REPORTING_NPUB: string
|
||||||
// more env variables...
|
// more env variables...
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user