Nostr crossposting all item types

components/adv-post-form.js

@@ -1,3 +1,4 @@
+import { useState, useEffect } from 'react'
 import AccordianItem from './accordian-item'
 import { Input, InputUserSuggest, VariableInput, Checkbox } from './form'
 import InputGroup from 'react-bootstrap/InputGroup'
@@ -7,8 +8,8 @@ import Info from './info'
 import { numWithUnits } from '../lib/format'
 import styles from './adv-post-form.module.css'
 import { useMe } from './me'
-import { useRouter } from 'next/router'
 import { useFeeButton } from './fee-button'
+import { useRouter } from 'next/router'
 
 const EMPTY_FORWARD = { nym: '', pct: '' }
 
@@ -19,10 +20,51 @@ export function AdvPostInitial ({ forward, boost }) {
   }
 }
 
-export default function AdvPostForm ({ children }) {
+export default function AdvPostForm ({ children, item }) {
   const me = useMe()
-  const router = useRouter()
   const { merge } = useFeeButton()
+  const router = useRouter()
+  const [itemType, setItemType] = useState()
+
+  useEffect(() => {
+    const determineItemType = () => {
+      if (router && router.query.type) {
+        return router.query.type
+      } else if (item) {
+        const typeMap = {
+          url: 'link',
+          bounty: 'bounty',
+          pollCost: 'poll'
+        }
+
+        for (const [key, type] of Object.entries(typeMap)) {
+          if (item[key]) {
+            return type
+          }
+        }
+
+        return 'discussion'
+      }
+    }
+
+    const type = determineItemType()
+    setItemType(type)
+  }, [item, router])
+
+  function renderCrosspostDetails (itemType) {
+    switch (itemType) {
+      case 'discussion':
+        return <li>crosspost this discussion as a NIP-23 event</li>
+      case 'link':
+        return <li>crosspost this link as a NIP-01 event</li>
+      case 'bounty':
+        return <li>crosspost this bounty as a NIP-99 event</li>
+      case 'poll':
+        return <li>crosspost this poll as a NIP-41 event</li>
+      default:
+        return null
+    }
+  }
 
   return (
     <AccordianItem
@@ -93,16 +135,16 @@ export default function AdvPostForm ({ children }) {
               )
             }}
           </VariableInput>
-          {me && router.query.type === 'discussion' &&
+          {me && itemType &&
             <Checkbox
               label={
                 <div className='d-flex align-items-center'>crosspost to nostr
                   <Info>
                     <ul className='fw-bold'>
-                      <li>crosspost this discussion item to nostr</li>
+                      {renderCrosspostDetails(itemType)}
                       <li>requires NIP-07 extension for signing</li>
                       <li>we use your NIP-05 relays if set</li>
-                      <li>otherwise we default to these relays:</li>
+                      <li>we use these relays by default:</li>
                       <ul>
                         {DEFAULT_CROSSPOSTING_RELAYS.map((relay, i) => (
                           <li key={i}>{relay}</li>

components/bounty-form.js

@@ -4,6 +4,7 @@ import { gql, useApolloClient, useMutation } from '@apollo/client'
 import Countdown from './countdown'
 import AdvPostForm, { AdvPostInitial } from './adv-post-form'
 import InputGroup from 'react-bootstrap/InputGroup'
+import useCrossposter from './use-crossposter'
 import { bountySchema } from '../lib/validate'
 import { SubSelectInitial } from './sub-select'
 import { useCallback } from 'react'
@@ -27,6 +28,7 @@ export function BountyForm ({
   const client = useApolloClient()
   const me = useMe()
   const toaster = useToast()
+  const crossposter = useCrossposter()
   const schema = bountySchema({ client, me, existingBoost: item?.boost })
   const [upsertBounty] = useMutation(
     gql`
@@ -60,7 +62,7 @@ export function BountyForm ({
   )
 
   const onSubmit = useCallback(
-    async ({ boost, bounty, ...values }) => {
+    async ({ boost, bounty, crosspost, ...values }) => {
       const { data, error } = await upsertBounty({
         variables: {
           sub: item?.subName || sub?.name,
@@ -75,6 +77,12 @@ export function BountyForm ({
         throw new Error({ message: error.toString() })
       }
 
+      const bountyId = data?.upsertBounty?.id
+
+      if (crosspost && bountyId) {
+        await crossposter(bountyId)
+      }
+
       if (item) {
         await router.push(`/items/${item.id}`)
       } else {
@@ -90,6 +98,7 @@ export function BountyForm ({
       initial={{
         title: item?.title || '',
         text: item?.text || '',
+        crosspost: item ? !!item.noteId : me?.privates?.nostrCrossposting,
         bounty: item?.bounty || 1000,
         ...AdvPostInitial({ forward: normalizeForwards(item?.forwards), boost: item?.boost }),
         ...SubSelectInitial({ sub: item?.subName || sub?.name })
@@ -134,7 +143,7 @@ export function BountyForm ({
             : null
         }
       />
-      <AdvPostForm edit={!!item} />
+      <AdvPostForm edit={!!item} item={item} />
       <ItemButtonBar itemId={item?.id} canDelete={false} />
     </Form>
   )

components/discussion-form.js

@@ -15,7 +15,6 @@ import { useMe } from './me'
 import useCrossposter from './use-crossposter'
 import { useToast } from './toast'
 import { ItemButtonBar } from './post'
-import { callWithTimeout } from '../lib/nostr'
 
 export function DiscussionForm ({
   item, sub, editThreshold, titleLabel = 'title',
@@ -41,28 +40,8 @@ export function DiscussionForm ({
       }`
   )
 
-  const [updateNoteId] = useMutation(
-    gql`
-      mutation updateNoteId($id: ID!, $noteId: String!) {
-        updateNoteId(id: $id, noteId: $noteId) {
-          id
-          noteId
-        }
-      }`
-  )
-
   const onSubmit = useCallback(
     async ({ boost, crosspost, ...values }) => {
-      try {
-        if (crosspost) {
-          const pubkey = await callWithTimeout(() => window.nostr.getPublicKey(), 5000)
-          if (!pubkey) throw new Error('failed to get pubkey')
-        }
-      } catch (e) {
-        console.log(e)
-        throw new Error(`Nostr extension error: ${e.message}`)
-      }
-
       const { data, error } = await upsertDiscussion({
         variables: {
           sub: item?.subName || sub?.name,
@@ -77,25 +56,10 @@ export function DiscussionForm ({
         throw new Error({ message: error.toString() })
       }
 
-      let noteId = null
       const discussionId = data?.upsertDiscussion?.id
 
-      try {
-        if (crosspost && discussionId) {
-          const crosspostResult = await crossposter({ ...values, id: discussionId })
-          noteId = crosspostResult?.noteId
-          if (noteId) {
-            await updateNoteId({
-              variables: {
-                id: discussionId,
-                noteId
-              }
-            })
-          }
-        }
-      } catch (e) {
-        console.error(e)
-        toaster.danger('Error crossposting to Nostr', e.message)
+      if (crosspost && discussionId) {
+        await crossposter(discussionId)
       }
 
       if (item) {
@@ -159,7 +123,7 @@ export function DiscussionForm ({
           ? <div className='text-muted fw-bold'><Countdown date={editThreshold} /></div>
           : null}
       />
-      <AdvPostForm edit={!!item} />
+      <AdvPostForm edit={!!item} item={item} />
       <ItemButtonBar itemId={item?.id} />
       {!item &&
         <div className={`mt-3 ${related.length > 0 ? '' : 'invisible'}`}>

components/item-info.js

@@ -165,6 +165,8 @@ export default function ItemInfo ({
             nostr note
           </Dropdown.Item>
         )}
+        {item && item.mine && !item.noteId && !item.isJob && !item.parentId &&
+          <CrosspostDropdownItem item={item} />}
         {me && !item.position &&
           !item.mine && !item.deletedAt &&
           (item.meDontLikeSats > meTotalSats
@@ -185,8 +187,6 @@ export default function ItemInfo ({
             <hr className='dropdown-divider' />
             <PinSubDropdownItem item={item} />
           </>}
-        {item?.mine && !item?.noteId &&
-          <CrosspostDropdownItem item={item} />}
         {item.mine && !item.position && !item.deletedAt && !item.bio &&
           <>
             <hr className='dropdown-divider' />

components/link-form.js

@@ -13,6 +13,7 @@ import { normalizeForwards, toastDeleteScheduled } from '../lib/form'
 import { useToast } from './toast'
 import { SubSelectInitial } from './sub-select'
 import { MAX_TITLE_LENGTH } from '../lib/constants'
+import useCrossposter from './use-crossposter'
 import { useMe } from './me'
 import { ItemButtonBar } from './post'
 
@@ -26,6 +27,8 @@ export function LinkForm ({ item, sub, editThreshold, children }) {
   const shareUrl = router.query.url
   const shareTitle = router.query.title
 
+  const crossposter = useCrossposter()
+
   const [getPageTitleAndUnshorted, { data }] = useLazyQuery(gql`
     query PageTitleAndUnshorted($url: String!) {
       pageTitleAndUnshorted(url: $url) {
@@ -78,7 +81,7 @@ export function LinkForm ({ item, sub, editThreshold, children }) {
   )
 
   const onSubmit = useCallback(
-    async ({ boost, title, ...values }) => {
+    async ({ boost, crosspost, title, ...values }) => {
       const { data, error } = await upsertLink({
         variables: {
           sub: item?.subName || sub?.name,
@@ -92,6 +95,13 @@ export function LinkForm ({ item, sub, editThreshold, children }) {
       if (error) {
         throw new Error({ message: error.toString() })
       }
+
+      const linkId = data?.upsertLink?.id
+
+      if (crosspost && linkId) {
+        await crossposter(linkId)
+      }
+
       if (item) {
         await router.push(`/items/${item.id}`)
       } else {
@@ -125,6 +135,7 @@ export function LinkForm ({ item, sub, editThreshold, children }) {
         title: item?.title || shareTitle || '',
         url: item?.url || shareUrl || '',
         text: item?.text || '',
+        crosspost: item ? !!item.noteId : me?.privates?.nostrCrossposting,
         ...AdvPostInitial({ forward: normalizeForwards(item?.forwards), boost: item?.boost }),
         ...SubSelectInitial({ sub: item?.subName || sub?.name })
       }}
@@ -183,7 +194,7 @@ export function LinkForm ({ item, sub, editThreshold, children }) {
           }
         }}
       />
-      <AdvPostForm edit={!!item}>
+      <AdvPostForm edit={!!item} item={item}>
         <MarkdownInput
           label='context'
           name='text'

components/poll-form.js

@@ -9,6 +9,7 @@ import { pollSchema } from '../lib/validate'
 import { SubSelectInitial } from './sub-select'
 import { useCallback } from 'react'
 import { normalizeForwards, toastDeleteScheduled } from '../lib/form'
+import useCrossposter from './use-crossposter'
 import { useMe } from './me'
 import { useToast } from './toast'
 import { ItemButtonBar } from './post'
@@ -20,6 +21,8 @@ export function PollForm ({ item, sub, editThreshold, children }) {
   const toaster = useToast()
   const schema = pollSchema({ client, me, existingBoost: item?.boost })
 
+  const crossposter = useCrossposter()
+
   const [upsertPoll] = useMutation(
     gql`
       mutation upsertPoll($sub: String, $id: ID, $title: String!, $text: String,
@@ -33,7 +36,7 @@ export function PollForm ({ item, sub, editThreshold, children }) {
   )
 
   const onSubmit = useCallback(
-    async ({ boost, title, options, ...values }) => {
+    async ({ boost, title, options, crosspost, ...values }) => {
       const optionsFiltered = options.slice(initialOptions?.length).filter(word => word.trim().length > 0)
       const { data, error } = await upsertPoll({
         variables: {
@@ -49,6 +52,13 @@ export function PollForm ({ item, sub, editThreshold, children }) {
       if (error) {
         throw new Error({ message: error.toString() })
       }
+
+      const pollId = data?.upsertPoll?.id
+
+      if (crosspost && pollId) {
+        await crossposter(pollId)
+      }
+
       if (item) {
         await router.push(`/items/${item.id}`)
       } else {
@@ -67,6 +77,7 @@ export function PollForm ({ item, sub, editThreshold, children }) {
         title: item?.title || '',
         text: item?.text || '',
         options: initialOptions || ['', ''],
+        crosspost: item ? !!item.noteId : me?.privates?.nostrCrossposting,
         pollExpiresAt: item ? item.pollExpiresAt : datePivot(new Date(), { hours: 25 }),
         ...AdvPostInitial({ forward: normalizeForwards(item?.forwards), boost: item?.boost }),
         ...SubSelectInitial({ sub: item?.subName || sub?.name })
@@ -100,7 +111,7 @@ export function PollForm ({ item, sub, editThreshold, children }) {
           : null}
         maxLength={MAX_POLL_CHOICE_LENGTH}
       />
-      <AdvPostForm edit={!!item}>
+      <AdvPostForm edit={!!item} item={item}>
         <DateTimeInput
           isClearable
           label='poll expiration'