{
}}
>
-
- This is a mod title for an awesome game that will make everyone - happy! The happiest! -
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec
- odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla
- quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent
- mauris. Fusce nec tellus sed augue semper porta. Mauris massa.
- Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad
- litora torquent per conubia nostra, per inceptos himenaeos.
- Curabitur sodales ligula in libero.
-
-
-
{title}
+{summary}
diff --git a/src/components/ModForm.tsx b/src/components/ModForm.tsx
index bb9d81f..a88f88b 100644
--- a/src/components/ModForm.tsx
+++ b/src/components/ModForm.tsx
@@ -1,13 +1,21 @@
import _ from 'lodash'
-import { Event, kinds, UnsignedEvent } from 'nostr-tools'
+import { Event, kinds, nip19, UnsignedEvent } from 'nostr-tools'
import Papa from 'papaparse'
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import React, {
+ Fragment,
+ useCallback,
+ useEffect,
+ useMemo,
+ useRef,
+ useState
+} from 'react'
import { toast } from 'react-toastify'
import { FixedSizeList as List } from 'react-window'
import { v4 as uuidv4 } from 'uuid'
import { useAppSelector } from '../hooks'
import '../styles/styles.css'
import {
+ initializeFormState,
isReachable,
isValidImageUrl,
isValidUrl,
@@ -17,27 +25,11 @@ import {
} from '../utils'
import { CheckboxField, InputError, InputField } from './Inputs'
import { RelayController } from '../controllers'
-
-interface DownloadUrl {
- url: string
- hash: string
- signatureKey: string
- malwareScanLink: string
- modVersion: string
- customNote: string
-}
-
-interface FormState {
- game: string
- title: string
- body: string
- featuredImageUrl: string
- summary: string
- nsfw: boolean
- screenshotsUrls: string[]
- tags: string
- downloadUrls: DownloadUrl[]
-}
+import { useNavigate } from 'react-router-dom'
+import { getModsInnerPageRoute } from '../routes'
+import { DownloadUrl, ModFormState, ModDetails } from '../types'
+import { LoadingSpinner } from './LoadingSpinner'
+import { T_TAG_VALUE } from '../constants'
interface FormErrors {
game?: string
@@ -58,31 +50,20 @@ interface GameOption {
let processedCSV = false
-export const ModForm = () => {
+type ModFormProps = {
+ existingModData?: ModDetails
+}
+
+export const ModForm = ({ existingModData }: ModFormProps) => {
+ const navigate = useNavigate()
const userState = useAppSelector((state) => state.user)
const [isPublishing, setIsPublishing] = useState(false)
const [gameOptions, setGameOptions] = useState([])
- const [formState, setFormState] = useState({
- game: '',
- title: '',
- body: '',
- featuredImageUrl: '',
- summary: '',
- nsfw: false,
- screenshotsUrls: [''],
- tags: '',
- downloadUrls: [
- {
- url: '',
- hash: '',
- signatureKey: '',
- malwareScanLink: '',
- modVersion: '',
- customNote: ''
- }
- ]
- })
+ const [formState, setFormState] = useState(
+ initializeFormState(existingModData)
+ )
+
const [formErrors, setFormErrors] = useState({})
useEffect(() => {
@@ -229,9 +210,19 @@ export const ModForm = () => {
pubkey: hexPubkey,
content: formState.body,
tags: [
- ['d', uuid],
- ['t', window.location.host],
- ['published_at', currentTimeStamp.toString()],
+ ['d', formState.dTag || uuid],
+ [
+ 'a',
+ formState.aTag || `${kinds.ClassifiedListing}:${hexPubkey}:${uuid}`
+ ],
+ ['r', formState.rTag],
+ ['t', T_TAG_VALUE],
+ [
+ 'published_at',
+ existingModData
+ ? existingModData.published_at.toString()
+ : currentTimeStamp.toString()
+ ],
['game', formState.game],
['title', formState.title],
['featuredImageUrl', formState.featuredImageUrl],
@@ -250,6 +241,7 @@ export const ModForm = () => {
const signedEvent = await window.nostr
?.signEvent(unsignedEvent)
+ .then((event) => event as Event)
.catch((err) => {
toast.error('Failed to sign the event!')
log(true, LogType.Error, 'Failed to sign the event!', err)
@@ -265,14 +257,6 @@ export const ModForm = () => {
signedEvent as Event
)
- console.log('publishedOnRelays :>> ', publishedOnRelays)
-
- if (!publishedOnRelays) {
- toast.error('Failed to publish event!')
- setIsPublishing(false)
- return
- }
-
// Handle cases where publishing failed or succeeded
if (publishedOnRelays.length === 0) {
toast.error('Failed to publish event on any relay')
@@ -282,6 +266,15 @@ export const ModForm = () => {
'\n'
)}`
)
+
+ const nevent = nip19.neventEncode({
+ id: signedEvent.id,
+ author: signedEvent.pubkey,
+ kind: signedEvent.kind,
+ relays: publishedOnRelays
+ })
+
+ navigate(getModsInnerPageRoute(nevent))
}
setIsPublishing(false)
@@ -363,6 +356,7 @@ export const ModForm = () => {
return (
<>
+ {isPublishing && {
We recommend to upload images to https://nostr.build/
{formState.screenshotsUrls.map((url, index) => (
- <>
+
{
formErrors.screenshotsUrls[index] && (
))}
{formState.screenshotsUrls.length === 0 &&
formErrors.screenshotsUrls &&
@@ -493,9 +486,8 @@ export const ModForm = () => {
{formState.downloadUrls.map((download, index) => (
- <>
+
{
{formErrors.downloadUrls && formErrors.downloadUrls[index] && (
))}
{formState.downloadUrls.length === 0 &&
diff --git a/src/components/ProfileSection.tsx b/src/components/ProfileSection.tsx
index 96e055a..4f5c3cb 100644
--- a/src/components/ProfileSection.tsx
+++ b/src/components/ProfileSection.tsx
@@ -20,7 +20,7 @@ export const ProfileSection = () => {
className='IBMSMSMSSS_Author_Top_PP'
style={{
background:
- "url('assets/img/media-cache%20(4).png') center / cover no-repeat"
+ "url('/assets/img/media-cache%20(4).png') center / cover no-repeat"
}}
>
Login
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index 854c933..d85d3d9 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -216,7 +216,7 @@ export const AboutPage = () => {
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 84c9ad2..71dbfd1 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -150,9 +150,21 @@ export const HomePage = () => {
Awesome Mods
-
-
diff --git a/src/pages/innerMod.tsx b/src/pages/innerMod.tsx
new file mode 100644
index 0000000..55e9ab1
--- /dev/null
+++ b/src/pages/innerMod.tsx
@@ -0,0 +1,917 @@
+import { formatDate } from 'date-fns'
+import DOMPurify from 'dompurify'
+import { Filter, nip19 } from 'nostr-tools'
+import { useRef, useState } from 'react'
+import { useNavigate, useParams } from 'react-router-dom'
+import { toast } from 'react-toastify'
+import { BlogCard } from '../components/BlogCard'
+import { LoadingSpinner } from '../components/LoadingSpinner'
+import { ProfileSection } from '../components/ProfileSection'
+import { RelayController } from '../controllers'
+import { useAppSelector, useDidMount } from '../hooks'
+import '../styles/comments.css'
+import '../styles/downloads.css'
+import '../styles/innerPage.css'
+import '../styles/post.css'
+import '../styles/reactions.css'
+import '../styles/styles.css'
+import '../styles/tabs.css'
+import '../styles/tags.css'
+import '../styles/write.css'
+import { ModDetails } from '../types'
+import {
+ copyTextToClipboard,
+ extractModData,
+ getFilenameFromUrl,
+ log,
+ LogType
+} from '../utils'
+
+import saveAs from 'file-saver'
+
+export const InnerModPage = () => {
+ const { nevent } = useParams()
+ const [modData, setModData] = useState()
+ const [isFetching, setIsFetching] = useState(true)
+
+ useDidMount(async () => {
+ if (nevent) {
+ const decoded = nip19.decode<'nevent'>(nevent as `nevent1${string}`)
+ const eventId = decoded.data.id
+ const kind = decoded.data.kind
+ const author = decoded.data.author
+ const relays = decoded.data.relays || []
+
+ const filter: Filter = {
+ ids: [eventId]
+ }
+
+ if (kind) filter.kinds = [kind]
+
+ if (author) filter.authors = [author]
+
+ RelayController.getInstance()
+ .fetchEvent(filter, relays)
+ .then((event) => {
+ if (event) {
+ const extracted = extractModData(event)
+ setModData(extracted)
+ }
+ })
+ .catch((err) => {
+ log(
+ true,
+ LogType.Error,
+ 'An error occurred in fetching mod details from relays',
+ err
+ )
+ toast.error('An error occurred in fetching mod details from relays')
+ })
+ .finally(() => {
+ setIsFetching(false)
+ })
+ }
+ })
+
+ const oldDownloadListRef = useRef(null)
+
+ const handleViewOldLinks = () => {
+ if (oldDownloadListRef.current) {
+ // Toggle styles
+ if (oldDownloadListRef.current.style.height === '0px') {
+ // Enable styles
+ oldDownloadListRef.current.style.padding = ''
+ oldDownloadListRef.current.style.height = ''
+ oldDownloadListRef.current.style.border = ''
+ } else {
+ // Disable styles
+ oldDownloadListRef.current.style.padding = '0'
+ oldDownloadListRef.current.style.height = '0'
+ oldDownloadListRef.current.style.border = 'unset'
+ }
+ }
+ }
+
+ if (isFetching)
+ return
+ )
+}
+
+type GameProps = {
+ game: string
+ author: string
+}
+
+const Game = ({ game, author }: GameProps) => {
+ const navigate = useNavigate()
+ const userState = useAppSelector((state) => state.user)
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Mod Download
+ {modData.downloadUrls.length > 0 && ( +
+
+ )}
+ {modData.downloadUrls.length > 1 && (
+ <>
+
+
+
+
+ {modData.downloadUrls
+ .slice(1)
+ .map((download, index) => (
+
+
+ )}
+
+
+
+
+ Creator's Blog Posts
+
+
+
+
+
+
+ )
+}
+
+type BodyProps = {
+ featuredImageUrl: string
+ title: string
+ body: string
+ screenshotsUrls: string[]
+ tags: string[]
+}
+
+const Body = ({
+ featuredImageUrl,
+ title,
+ body,
+ screenshotsUrls,
+ tags
+}: BodyProps) => {
+ const postBodyRef = useRef+ Mod for: + + {game} + +
+
+
+
+
+ {userState.isAuth && userState.user?.pubkey === author && (
+
+ navigate(
+ window.location.pathname.replace('mods-inner', 'edit-mod')
+ )
+ }
+ >
+
+ Edit
+
+ )}
+
+ {
+ copyTextToClipboard(window.location.href).then((isCopied) => {
+ if (isCopied) toast.success('Url copied to clipboard!')
+ })
+ }}
+ >
+
+ Copy URL
+
+
+
+ Share
+
+
+
+ Report
+
+
+
+ Block Post
+
+
+
+
+
+ )
+}
+
+const Interactions = () => {
+ return (
+
+
+
+
+ {title}
+
+
+
+
+
+ View
+
+ {screenshotsUrls.map((url, index) => (
+ 
+ ))}
+
+
+ {tags.map((tag, index) => (
+
+ {tag}
+
+ ))}
+
+
+
+
+ )
+}
+
+type PublishDetailsProps = {
+ published_at: number
+ edited_at: number
+ site: string
+}
+
+const PublishDetails = ({
+ published_at,
+ edited_at,
+ site
+}: PublishDetailsProps) => {
+ return (
+
+
+ )
+}
+
+type DownloadProps = {
+ url: string
+}
+
+const Download = ({ url }: DownloadProps) => {
+ const handleDownload = () => {
+ // Get the filename from the URL
+ const filename = getFilenameFromUrl(url)
+
+ saveAs(url, filename)
+ }
+
+ return (
+
+
+
+
+
+ + {formatDate( + (published_at !== -1 ? published_at : edited_at) * 1000, + 'dd/m/yyyy' + )} +
+
+
+
+
+
+ + {formatDate(edited_at * 1000, 'dd/m/yyyy')} +
+{site}
+ +
+
+ )
+}
+
+const Comments = () => {
+ return (
+
+
+
+
+
+
+ )
+}
diff --git a/src/pages/mods.tsx b/src/pages/mods.tsx
index e4205ff..00cd090 100644
--- a/src/pages/mods.tsx
+++ b/src/pages/mods.tsx
@@ -1,186 +1,410 @@
+import { kinds, nip19 } from 'nostr-tools'
+import React, {
+ Dispatch,
+ SetStateAction,
+ useCallback,
+ useEffect,
+ useMemo,
+ useState
+} from 'react'
+import { useNavigate } from 'react-router-dom'
+import { LoadingSpinner } from '../components/LoadingSpinner'
+import { ModCard } from '../components/ModCard'
+import { MetadataController } from '../controllers'
+import { useDidMount } from '../hooks'
+import { getModsInnerPageRoute } from '../routes'
import '../styles/filters.css'
import '../styles/pagination.css'
-import '../styles/styles.css'
import '../styles/search.css'
-import { ModCard } from '../components/ModCard'
+import '../styles/styles.css'
+import { ModDetails, MuteLists } from '../types'
+import { fetchMods } from '../utils'
+
+enum SortBy {
+ Latest = 'Latest',
+ Oldest = 'Oldest',
+ Best_Rated = 'Best Rated',
+ Worst_Rated = 'Worst Rated'
+}
+
+enum NSFWFilter {
+ Hide_NSFW = 'Hide NSFW',
+ Show_NSFW = 'Show NSFW',
+ Only_NSFW = 'Only NSFW'
+}
+
+enum ModeratedFilter {
+ Moderated = 'Moderated',
+ Unmoderated = 'Unmoderated'
+}
+
+interface FilterOptions {
+ sort: SortBy
+ nsfw: NSFWFilter
+ source: string
+ moderated: ModeratedFilter
+}
export const ModsPage = () => {
+ const navigate = useNavigate()
+ const [isFetching, setIsFetching] = useState(false)
+ const [mods, setMods] = useStateComments
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Yo this article was insane to read! +
+
+
+
+
+
+
+
+ 52
+
+
+
+
+
+
+ 4
+
+
+
+
+
+
+ 6
+
+
+
+
+
+
+ 500K
+
+
+
+
+
+
+ 12
+Replies
+
+
+ Reply
+
-
-
-
-
-
-
- Mods
-
-
-
+ <>
+ {isFetching &&
-
-
-
-
+
+
+ )
+}
-
+
+
+
-
+
-
+ {filteredModList.map((mod) => (
+
+ navigate(
+ getModsInnerPageRoute(
+ nip19.neventEncode({
+ id: mod.id,
+ author: mod.author,
+ kind: kinds.ClassifiedListing
+ })
+ )
+ )
+ }
+ />
+ ))}
-
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ()
+ const [isFetching, setIsFetching] = useState(false)
+
+ const title = location.pathname.startsWith('/edit-mod')
+ ? 'Edit Mod'
+ : 'Submit a mod'
+
+ useDidMount(async () => {
+ if (nevent) {
+ const decoded = nip19.decode<'nevent'>(nevent as `nevent1${string}`)
+ const eventId = decoded.data.id
+ const kind = decoded.data.kind
+ const author = decoded.data.author
+ const relays = decoded.data.relays || []
+
+ const filter: Filter = {
+ ids: [eventId]
+ }
+
+ if (kind) filter.kinds = [kind]
+
+ if (author) filter.authors = [author]
+
+ setIsFetching(true)
+ RelayController.getInstance()
+ .fetchEvent(filter, relays)
+ .then((event) => {
+ if (event) {
+ const extracted = extractModData(event)
+ setModData(extracted)
+ }
+ })
+ .catch((err) => {
+ log(
+ true,
+ LogType.Error,
+ 'An error occurred in fetching mod details from relays',
+ err
+ )
+ toast.error('An error occurred in fetching mod details from relays')
+ })
+ .finally(() => {
+ setIsFetching(false)
+ })
+ }
+ })
return (
-
)
+})
+
+type FiltersProps = {
+ filterOptions: FilterOptions
+ setFilterOptions: Dispatch>
}
+
+const Filters = React.memo(
+ ({ filterOptions, setFilterOptions }: FiltersProps) => {
+ return (
+
diff --git a/src/pages/submitMod.tsx b/src/pages/submitMod.tsx
index 3e4e55c..372b372 100644
--- a/src/pages/submitMod.tsx
+++ b/src/pages/submitMod.tsx
@@ -1,10 +1,67 @@
+import { useLocation, useParams } from 'react-router-dom'
import { ModForm } from '../components/ModForm'
import { ProfileSection } from '../components/ProfileSection'
import '../styles/innerPage.css'
import '../styles/styles.css'
import '../styles/write.css'
+import { Filter, nip19 } from 'nostr-tools'
+import { RelayController } from '../controllers'
+import { extractModData, log, LogType } from '../utils'
+import { ModDetails } from '../types'
+import { toast } from 'react-toastify'
+import { useState } from 'react'
+import { LoadingSpinner } from '../components/LoadingSpinner'
+import { useDidMount } from '../hooks'
export const SubmitModPage = () => {
+ const location = useLocation()
+ const { nevent } = useParams()
+ const [modData, setModData] = useState
+
+ )
+ }
+)
+
+type PaginationProps = {
+ page: number
+ disabledNext: boolean
+ handlePrev: () => void
+ handleNext: () => void
+}
+
+const Pagination = React.memo(
+ ({ page, disabledNext, handlePrev, handleNext }: PaginationProps) => {
+ return (
+
+
+
+
+
+
+
+
+
+ {Object.values(SortBy).map((item, index) => (
+
+
+ setFilterOptions((prev) => ({
+ ...prev,
+ sort: item
+ }))
+ }
+ >
+ {item}
+
+ ))}
+
+
+
+
+
+
+ {Object.values(ModeratedFilter).map((item, index) => (
+
+
+ setFilterOptions((prev) => ({
+ ...prev,
+ moderated: item
+ }))
+ }
+ >
+ {item}
+
+ ))}
+
+
+
+
+
+
+ {Object.values(NSFWFilter).map((item, index) => (
+
+
+ setFilterOptions((prev) => ({
+ ...prev,
+ nsfw: item
+ }))
+ }
+ >
+ {item}
+
+ ))}
+
+
+
+
+
+
+
+
+ setFilterOptions((prev) => ({
+ ...prev,
+ source: window.location.host
+ }))
+ }
+ >
+ Show From: {window.location.host}
+
+
+ setFilterOptions((prev) => ({
+ ...prev,
+ source: 'Show All'
+ }))
+ }
+ >
+ Show All
+
+
+
+ )
+ }
+)
diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
index 4cfbf8a..4b43de7 100644
--- a/src/pages/settings.tsx
+++ b/src/pages/settings.tsx
@@ -168,7 +168,7 @@ const ProfileSettings = () => {
+
+
+
+
+
+
+
+
+
@@ -12,10 +69,14 @@ export const SubmitModPage = () => {
{
+ id: string
+ published_at: number
+ edited_at: number
+ author: string
+ tags: string[]
+}
+
+export interface MuteLists {
+ authors: string[]
+ eventIds: string[]
+}
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 1dd5f84..910cb10 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,3 +1,4 @@
+export * from './mod'
export * from './nostr'
export * from './url'
export * from './utils'
diff --git a/src/utils/mod.ts b/src/utils/mod.ts
new file mode 100644
index 0000000..b85376f
--- /dev/null
+++ b/src/utils/mod.ts
@@ -0,0 +1,186 @@
+import { Event, Filter, kinds } from 'nostr-tools'
+import { getTagValue } from './nostr'
+import { ModFormState, ModDetails } from '../types'
+import { RelayController } from '../controllers'
+import { log, LogType } from './utils'
+import { toast } from 'react-toastify'
+import { T_TAG_VALUE } from '../constants'
+
+/**
+ * Extracts and normalizes mod data from an event.
+ *
+ * This function extracts specific tag values from an event and maps them to properties
+ * of a `PageData` object. It handles default values and type conversions as needed.
+ *
+ * @param event - The event object from which to extract data.
+ * @returns A `Partial` object containing extracted data.
+ */
+export const extractModData = (event: Event): ModDetails => {
+ // Helper function to safely get the first value of a tag or return a default value
+ const getFirstTagValue = (tagIdentifier: string, defaultValue = '') => {
+ const tagValue = getTagValue(event, tagIdentifier)
+ return tagValue ? tagValue[0] : defaultValue
+ }
+
+ // Helper function to safely parse integer values from tags
+ const getIntTagValue = (tagIdentifier: string, defaultValue: number = -1) => {
+ const tagValue = getTagValue(event, tagIdentifier)
+ return tagValue ? parseInt(tagValue[0], 10) : defaultValue
+ }
+
+ return {
+ id: event.id,
+ dTag: getFirstTagValue('d'),
+ aTag: getFirstTagValue('a'),
+ rTag: getFirstTagValue('r'),
+ author: event.pubkey,
+ edited_at: event.created_at,
+ body: event.content,
+ published_at: getIntTagValue('published_at'),
+ game: getFirstTagValue('game'),
+ title: getFirstTagValue('title'),
+ featuredImageUrl: getFirstTagValue('featuredImageUrl'),
+ summary: getFirstTagValue('summary'),
+ nsfw: getFirstTagValue('nsfw') === 'true',
+ screenshotsUrls: getTagValue(event, 'screenshotsUrls') || [],
+ tags: getTagValue(event, 'tags') || [],
+ downloadUrls: (getTagValue(event, 'downloadUrls') || []).map((item) =>
+ JSON.parse(item)
+ )
+ }
+}
+
+/**
+ * Constructs a list of `ModDetails` objects from an array of events.
+ *
+ * This function filters out events that do not contain all required data,
+ * extracts the necessary information from the valid events, and constructs
+ * `ModDetails` objects.
+ *
+ * @param events - The array of event objects to be processed.
+ * @returns An array of `ModDetails` objects constructed from valid events.
+ */
+export const constructModListFromEvents = (events: Event[]): ModDetails[] => {
+ // Filter and extract mod details from events
+ const modDetailsList: ModDetails[] = events
+ .filter(isModDataComplete) // Filter out incomplete events
+ .map((event) => extractModData(event)) // Extract data and construct ModDetails
+
+ return modDetailsList
+}
+
+/**
+ * Checks if the provided event contains all the required data for constructing a `ModDetails` object.
+ *
+ * This function verifies that the event has the necessary tags and values to construct a `ModDetails` object.
+ *
+ * @param event - The event object to be checked.
+ * @returns `true` if the event contains all required data; `false` otherwise.
+ */
+export const isModDataComplete = (event: Event): boolean => {
+ // Helper function to check if a tag value is present and not empty
+ const hasTagValue = (tagIdentifier: string): boolean => {
+ const value = getTagValue(event, tagIdentifier)
+ return !!value && value.length > 0 && value[0].trim() !== ''
+ }
+
+ // Check if all required fields are present
+ return (
+ hasTagValue('d') &&
+ hasTagValue('a') &&
+ hasTagValue('t') &&
+ hasTagValue('published_at') &&
+ hasTagValue('game') &&
+ hasTagValue('title') &&
+ hasTagValue('featuredImageUrl') &&
+ hasTagValue('summary') &&
+ hasTagValue('nsfw') &&
+ getTagValue(event, 'screenshotsUrls') !== null &&
+ getTagValue(event, 'tags') !== null &&
+ getTagValue(event, 'downloadUrls') !== null
+ )
+}
+
+/**
+ * Initializes the form state with values from existing mod data or defaults.
+ *
+ * @param existingModData - An optional object containing existing mod details. If provided, its values will be used to populate the form state.
+ * @returns The initial state for the form, with values from existingModData if available, otherwise default values.
+ */
+export const initializeFormState = (
+ existingModData?: ModDetails
+): ModFormState => ({
+ dTag: existingModData?.dTag || '',
+ aTag: existingModData?.aTag || '',
+ rTag: existingModData?.rTag || window.location.host,
+ game: existingModData?.game || '',
+ title: existingModData?.title || '',
+ body: existingModData?.body || '',
+ featuredImageUrl: existingModData?.featuredImageUrl || '',
+ summary: existingModData?.summary || '',
+ nsfw: existingModData?.nsfw || false,
+ screenshotsUrls: existingModData?.screenshotsUrls || [''],
+ tags: existingModData?.tags.join(',') || '',
+ downloadUrls: existingModData?.downloadUrls || [
+ {
+ url: '',
+ hash: '',
+ signatureKey: '',
+ malwareScanLink: '',
+ modVersion: '',
+ customNote: ''
+ }
+ ]
+})
+
+/**
+ * Fetches a list of mods based on the provided source.
+ *
+ * @param source - The source URL to filter the mods. If it matches the current window location,
+ * it adds a filter condition to the request.
+ * @param until - Optional timestamp to filter events until this time.
+ * @param since - Optional timestamp to filter events from this time.
+ * @returns A promise that resolves to an array of `ModDetails` objects. In case of an error,
+ * it logs the error and shows a notification, then returns an empty array.
+ */
+export const fetchMods = async (
+ source: string,
+ until?: number,
+ since?: number
+): Promise => {
+ // Define the filter criteria for fetching mods
+ const filter: Filter = {
+ kinds: [kinds.ClassifiedListing], // Specify the kind of events to fetch
+ limit: 20, // Limit the number of events fetched to 20
+ '#t': [T_TAG_VALUE],
+ until, // Optional filter to fetch events until this timestamp
+ since // Optional filter to fetch events from this timestamp
+ }
+
+ // If the source matches the current window location, add a filter condition
+ if (source === window.location.host) {
+ filter['#r'] = [window.location.host] // Add a tag filter for the current host
+ }
+
+ // Fetch events from the relay using the defined filter
+ return RelayController.getInstance()
+ .fetchEvents(filter, []) // Pass the filter and an empty array of options
+ .then((events) => {
+ console.log('events :>> ', events)
+
+ // Convert the fetched events into a list of mods
+ const modList = constructModListFromEvents(events)
+ return modList // Return the list of mods
+ })
+ .catch((err) => {
+ // Log the error and show a notification if fetching fails
+ log(
+ true,
+ LogType.Error,
+ 'An error occurred in fetching mods from relays',
+ err
+ )
+ toast.error('An error occurred in fetching mods from relays') // Show error notification
+ return [] as ModDetails[] // Return an empty array in case of an error
+ })
+}
diff --git a/src/utils/nostr.ts b/src/utils/nostr.ts
index 92649b6..0aa99d1 100644
--- a/src/utils/nostr.ts
+++ b/src/utils/nostr.ts
@@ -1,4 +1,4 @@
-import { nip19 } from 'nostr-tools'
+import { nip19, Event } from 'nostr-tools'
/**
* Get the current time in seconds since the Unix epoch (January 1, 1970).
@@ -9,7 +9,7 @@ import { nip19 } from 'nostr-tools'
*
* @returns {number} The current time in seconds since the Unix epoch.
*/
-export const now = () => Math.round(Date.now() / 1000)
+export const now = (): number => Math.round(Date.now() / 1000)
/**
* Converts a hexadecimal public key to an npub format.
@@ -25,3 +25,62 @@ export const hexToNpub = (hexPubkey: string): `npub1${string}` => {
// Convert the hexadecimal public key to npub format using the nip19 encoder
return nip19.npubEncode(hexPubkey)
}
+
+/**
+ * Retrieves the value associated with a specific tag identifier from an event.
+ *
+ * This function searches the `tags` array of an event to find a tag that matches the given
+ * `tagIdentifier`. If a matching tag is found, it returns the associated value(s).
+ * If no matching tag is found, it returns `null`.
+ *
+ * @param event - The event object containing the tags.
+ * @param tagIdentifier - The identifier of the tag to search for.
+ * @returns {string | null} The value(s) associated with the specified tag identifier, or `null` if the tag is not found.
+ */
+export const getTagValue = (
+ event: Event,
+ tagIdentifier: string
+): string[] | null => {
+ // Find the tag in the event's tags array where the first element matches the tagIdentifier.
+ const tag = event.tags.find((item) => item[0] === tagIdentifier)
+
+ // If a matching tag is found, return the rest of the elements in the tag (i.e., the values).
+ if (tag) {
+ return tag.slice(1) // Slice to remove the identifier, returning only the values.
+ }
+
+ // Return null if no matching tag is found.
+ return null
+}
+
+/**
+ * @param hexKey hex private or public key
+ * @returns whether or not is key valid
+ */
+const validateHex = (hexKey: string) => {
+ return hexKey.match(/^[a-f0-9]{64}$/)
+}
+
+/**
+ * NPUB provided - it will convert NPUB to HEX
+ * HEX provided - it will return HEX
+ *
+ * @param pubKey in NPUB, HEX format
+ * @returns HEX format
+ */
+export const npubToHex = (pubKey: string): string | null => {
+ // If key is NPUB
+ if (pubKey.startsWith('npub1')) {
+ try {
+ return nip19.decode(pubKey).data as string
+ } catch (error) {
+ return null
+ }
+ }
+
+ // valid hex key
+ if (validateHex(pubKey)) return pubKey
+
+ // Not a valid hex key
+ return null
+}
diff --git a/src/utils/url.ts b/src/utils/url.ts
index 29b9be0..711432c 100644
--- a/src/utils/url.ts
+++ b/src/utils/url.ts
@@ -1,3 +1,51 @@
+/**
+ * Normalizes a given URL by performing the following operations:
+ *
+ * 1. Ensures that the URL has a protocol by defaulting to 'wss://' if no protocol is provided.
+ * 2. Creates a `URL` object to easily manipulate and normalize the URL components.
+ * 3. Normalizes the pathname by:
+ * - Replacing multiple consecutive slashes with a single slash.
+ * - Removing the trailing slash if it exists.
+ * 4. Removes the port number if it is the default port for the protocol:
+ * - Port `80` for 'ws:' (WebSocket) protocol.
+ * - Port `443` for 'wss:' (WebSocket Secure) protocol.
+ * 5. Sorts the query parameters alphabetically.
+ * 6. Clears any fragment (hash) identifier from the URL.
+ *
+ * @param urlString - The URL string to be normalized.
+ * @returns A normalized URL string.
+ */
+export function normalizeWebSocketURL(urlString: string): string {
+ // If the URL string does not contain a protocol (e.g., "http://", "https://"),
+ // prepend "wss://" (WebSocket Secure) by default.
+ if (urlString.indexOf('://') === -1) urlString = 'wss://' + urlString
+
+ // Create a URL object from the provided URL string.
+ const url = new URL(urlString)
+
+ // Normalize the pathname by replacing multiple consecutive slashes with a single slash.
+ url.pathname = url.pathname.replace(/\/+/g, '/')
+
+ // Remove the trailing slash from the pathname if it exists.
+ if (url.pathname.endsWith('/')) url.pathname = url.pathname.slice(0, -1)
+
+ // Remove the port number if it is 80 for "ws:" protocol or 443 for "wss:" protocol, as these are default ports.
+ if (
+ (url.port === '80' && url.protocol === 'ws:') ||
+ (url.port === '443' && url.protocol === 'wss:')
+ )
+ url.port = ''
+
+ // Sort the search parameters alphabetically.
+ url.searchParams.sort()
+
+ // Clear any hash fragment from the URL.
+ url.hash = ''
+
+ // Return the normalized URL as a string.
+ return url.toString()
+}
+
export const isValidUrl = (url: string) => {
try {
new URL(url)
@@ -20,3 +68,25 @@ export const isReachable = async (url: string) => {
return false
}
}
+
+/**
+ * Extracts a filename from a given URL.
+ *
+ * @param url - The URL from which to extract the filename.
+ * @returns The filename extracted from the URL. If no filename can be extracted, a default name is provided.
+ */
+export const getFilenameFromUrl = (url: string): string => {
+ // Create a URL object to parse the provided URL string
+ const urlObj = new URL(url)
+
+ // Extract the pathname from the URL object
+ const pathname = urlObj.pathname
+
+ // Extract the filename from the pathname. The filename is the last segment after the last '/'
+ // If pathname is empty or does not end with a filename, use 'downloaded_file' as the default
+ const filename =
+ pathname.substring(pathname.lastIndexOf('/') + 1) || 'downloaded_file'
+
+ // Return the extracted filename
+ return filename
+}
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index 504d101..96b45ee 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -34,3 +34,36 @@ export const timeout = (ms: number = 60000) => {
}, ms) // Timeout duration in milliseconds
})
}
+
+/**
+ * Copies the given text to the clipboard.
+ *
+ * @param text - The text to be copied to the clipboard.
+ * @returns A promise that resolves to a boolean indicating success or failure.
+ */
+export const copyTextToClipboard = async (text: string): Promise => {
+ try {
+ // Check if the Clipboard API is available
+ if (navigator.clipboard) {
+ // Use the Clipboard API to write the text to the clipboard
+ await navigator.clipboard.writeText(text)
+ return true // Successfully copied
+ } else {
+ // Clipboard API is not available, fall back to a manual method
+ const textarea = document.createElement('textarea')
+ textarea.value = text
+ // Ensure the textarea is not visible to the user
+ textarea.style.position = 'absolute'
+ textarea.style.left = '-9999px'
+ document.body.appendChild(textarea)
+ textarea.select()
+ // Attempt to copy the text to the clipboard
+ const successful = document.execCommand('copy')
+ document.body.removeChild(textarea)
+ return successful
+ }
+ } catch (error) {
+ console.error('Failed to copy text to clipboard', error)
+ return false // Failed to copy
+ }
+}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 3e09383..a399374 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -2,6 +2,7 @@
interface ImportMetaEnv {
readonly VITE_APP_RELAY: string
+ readonly VITE_ADMIN_NPUBS: string
// more env variables...
}
-
Submit a mod
+{title}
-