18 |
39 |
41 |
53 |
68 |
69 | )
70 | }
71 |
72 | export function AppModal({
73 | children,
74 | title,
75 | hide,
76 | show,
77 | submit,
78 | submitDisabled,
79 | submitLabel,
80 | }: {
81 | children: ReactNode
82 | title: string
83 | hide: () => void
84 | show: boolean
85 | submit?: () => void
86 | submitDisabled?: boolean
87 | submitLabel?: string
88 | }) {
89 | const dialogRef = useRef
19 |
38 |
20 |
21 | 
22 |
23 |
33 |
22 |
23 | -
24 | {links.map(({ label, path }) => (
25 |
- 26 | 27 | {label} 28 | 29 | 30 | ))} 31 |
34 |
37 |
42 |
45 |
46 |
47 | }
48 | >
49 | {children}
50 |
51 |
133 |
141 | )
142 | }
143 |
144 | export function ellipsify(str = '', len = 4) {
145 | if (str.length > 30) {
146 | return str.substring(0, len) + '..' + str.substring(str.length - len, str.length)
147 | }
148 | return str
149 | }
150 |
151 | export function useTransactionToast() {
152 | return (signature: string) => {
153 | toast.success(
154 |
134 |
140 |
135 | {typeof title === 'string' ?
139 | {title}
: title} 136 | {typeof subtitle === 'string' ?{subtitle}
: subtitle} 137 | {children} 138 |
155 |
,
158 | )
159 | }
160 | }
161 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | When you use the devotion program and dapp [please tag us in your launch announcement.](https://x.com/godsdotfun)
2 |
3 | Join the [Gods Telegram channel!](http://gods.fun)
4 |
5 | Join [ai16z Discord!](https://discord.gg/478N45NWQ6)
6 |
7 | 
8 |
9 | ---
10 |
11 | # ⚠️ Disclaimer
12 |
13 | **This program has not been audited.**
14 |
15 | Use this software at your own risk. It may contain bugs, vulnerabilities, or unintended behaviors. **Loss of funds is possible.**
16 |
17 | The maintainers of this repository are not responsible for any losses, damages, or other consequences arising from the use of this program.
18 |
19 | ---
20 |
21 | ## Setup
22 |
23 | - Clone the repo `git clone https://github.com/Gods-fun/Devotion.git`
24 | - [Here are instructions for setting up your environment with Solana CLI tools.](https://solana.com/docs/intro/installation) You will need to install Rust, Solana and Anchor.
25 | - [If you don't have Node and NPM you will need to install those as well.](https://nodejs.org/en/download)
26 | - Install your dependencies from the root directory `./devotion` `npm install`
27 |
28 | ## Keys
29 |
30 | You will have two keypairs for this:
31 |
32 | 1. Your deployer address key.
33 | 2. A special key specifically to deploy and/or upgrade the devotion program.
34 |
35 | - Generate a new keypair for your program:
36 | ```
37 | # For starts-with pattern:
38 | solana-keygen grind --starts-with Transaction sent
156 |
40 |
41 | Error connecting to cluster {cluster.name}
42 |
43 |
46 |
47 | )
48 | }
49 | return children
50 | }
51 |
52 | export function ClusterUiSelect() {
53 | const { clusters, setCluster, cluster } = useCluster()
54 | return (
55 |
56 |
59 |
72 | )
73 | }
74 |
75 | export function ClusterUiModal({ hideModal, show }: { hideModal: () => void; show: boolean }) {
76 | const { addCluster } = useCluster()
77 | const [name, setName] = useState('')
78 | const [network, setNetwork] = useState-
60 | {clusters.map((item) => (
61 |
- 62 | 68 | 69 | ))} 70 |
133 |
134 |
135 |
174 |
175 | )
176 | }
177 |
--------------------------------------------------------------------------------
/src/components/devotion/devotion-data-access.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import { getDevotionProgram, getDevotionProgramId } from '@project/anchor'
4 | import { useConnection } from '@solana/wallet-adapter-react'
5 | import { Cluster, Keypair, PublicKey } from '@solana/web3.js'
6 | import { useMutation, useQuery } from '@tanstack/react-query'
7 | import { useMemo } from 'react'
8 | import toast from 'react-hot-toast'
9 | import { useCluster } from '../cluster/cluster-data-access'
10 | import { useAnchorProvider } from '../solana/solana-provider'
11 | import { useTransactionToast } from '../ui/ui-layout'
12 | import { BN } from '@coral-xyz/anchor'
13 | import { useWallet } from '@solana/wallet-adapter-react'
14 |
15 | interface InitializeArgs {
16 | interval: number
17 | maxDevotionCharge: number
18 | mint: string
19 | }
20 |
21 | interface DevoteArgs {
22 | amount: number
23 | }
24 |
25 | interface WaverArgs {
26 | amount: number
27 | }
28 |
29 | export function useDevotionProgram() {
30 | const { connection } = useConnection()
31 | const { cluster } = useCluster()
32 | const { publicKey } = useWallet()
33 | const transactionToast = useTransactionToast()
34 | const provider = useAnchorProvider()
35 | const programId = useMemo(() => getDevotionProgramId(cluster.network as Cluster), [cluster])
36 | const program = useMemo(() => getDevotionProgram(provider, programId), [provider, programId])
37 |
38 | const stateAccount = useQuery({
39 | queryKey: ['devotion', 'state', { cluster }],
40 | queryFn: () => program.account.stakeState.fetch(
41 | PublicKey.findProgramAddressSync(
42 | [Buffer.from("state")],
43 | programId
44 | )[0]
45 | ),
46 | })
47 |
48 | const getProgramAccount = useQuery({
49 | queryKey: ['get-program-account', { cluster }],
50 | queryFn: () => connection.getParsedAccountInfo(programId),
51 | })
52 |
53 | const initialize = useMutation| Name/ Network / Endpoint | 137 |Actions | 138 |
|---|---|
|
144 |
145 |
146 | {item?.active ? (
147 | item.name
148 | ) : (
149 |
152 | )}
153 |
154 |
155 | Network: {item.network ?? 'custom'}
156 | {item.endpoint}
157 | |
158 | 159 | 169 | | 170 |
24 |
25 |
26 | )
27 | }
28 |
29 | // If program is already initialized, don't show the form
30 | if (stateAccount.data) {
31 | return (
32 |
33 | Program has already been initialized.
34 |
35 | )
36 | }
37 |
38 | if (!publicKey) {
39 | return Connect your wallet
40 | } 41 | 42 | const handleSubmit = async () => { 43 | try { 44 | await initialize.mutateAsync({ 45 | interval: parseInt(interval), 46 | maxDevotionCharge: parseInt(maxDevotionCharge), 47 | mint, 48 | }) 49 | } catch (error) { 50 | console.error('Failed to initialize:', error) 51 | } 52 | } 53 | 54 | return ( 55 |
56 | setInterval(e.target.value)}
61 | className="input input-bordered w-full max-w-xs"
62 | />
63 | setMaxDevotionCharge(e.target.value)}
68 | className="input input-bordered w-full max-w-xs"
69 | />
70 | setMint(e.target.value)}
75 | className="input input-bordered w-full max-w-xs"
76 | />
77 |
84 |
85 | )
86 | }
87 |
88 | export function DevotionList() {
89 | const { publicKey } = useWallet()
90 | const { getProgramAccount, stateAccount, userDevotedAccount } = useDevotionProgram()
91 |
92 | if (getProgramAccount.isLoading || userDevotedAccount.isLoading) {
93 | return (
94 |
95 |
96 |
97 | )
98 | }
99 |
100 | if (!getProgramAccount.data?.value) {
101 | return (
102 |
103 | Program account not found.
104 |
105 | )
106 | }
107 |
108 | if (!stateAccount.data) {
109 | return (
110 |
111 | Program not initialized. Please initialize it first.
112 |
113 | )
114 | }
115 |
116 | return (
117 |
118 | {publicKey ? (
119 | userDevotedAccount.data ? (
120 |
131 | )
132 | }
133 |
134 | function NewDevotionCard() {
135 | const [amount, setAmount] = useState('')
136 | const { publicKey } = useWallet()
137 | const { stateAccount } = useDevotionProgram()
138 |
139 | const account = useMemo(() => {
140 | if (!publicKey) return null
141 | return PublicKey.findProgramAddressSync(
142 | [Buffer.from("devoted"), publicKey.toBuffer()],
143 | stateAccount.data?.stakeMint ?? PublicKey.default
144 | )[0]
145 | }, [publicKey, stateAccount.data?.stakeMint])
146 |
147 | const { devoteMutation } = useDevotionProgramAccount({
148 | account: account ?? PublicKey.default,
149 | })
150 |
151 | if (!account) return null
152 |
153 | return (
154 |
126 |
129 | )}
130 | Connect Wallet
127 |Connect your wallet to view or create devotion accounts.
128 |
155 |
179 | )
180 | }
181 |
182 | function DevotionScore({ devoted, stakeState }: { devoted: any; stakeState: any }) {
183 | const [currentDevotion, setCurrentDevotion] = useState
156 |
178 | Devote
157 |
158 | setAmount(e.target.value)}
163 | className="input input-bordered w-full"
164 | />
165 |
176 |
177 |
234 |
237 | )
238 | }
239 |
240 | function DevotionCard({ account }: { account: PublicKey }) {
241 | const { devotionQuery, devoteMutation, waverMutation, heresyMutation } = useDevotionProgramAccount({
242 | account,
243 | })
244 | const { stateAccount } = useDevotionProgram()
245 | const [devoteAmount, setDevoteAmount] = useState('')
246 | const [waverAmount, setWaverAmount] = useState('')
247 |
248 | if (devotionQuery.isLoading) {
249 | return (
250 | Current Devotion
235 | {currentDevotion}
236 |
251 |
252 |
253 | )
254 | }
255 |
256 | if (devotionQuery.isError || !devotionQuery.data) {
257 | return null;
258 | }
259 |
260 | const decimals = stateAccount.data?.decimals ?? 0
261 | const displayAmount = (amount: BN | number) => {
262 | const numberAmount = amount instanceof BN ? amount.toNumber() : amount
263 | return (numberAmount / Math.pow(10, decimals)).toFixed(2)
264 | }
265 |
266 | const handleHeresy = async () => {
267 | try {
268 | await heresyMutation.mutateAsync()
269 | } catch (error) {
270 | console.error('Heresy error:', error)
271 | }
272 | }
273 |
274 | return (
275 |
276 |
344 | )
345 | }
346 |
--------------------------------------------------------------------------------
/src/components/account/account-ui.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import { useWallet } from '@solana/wallet-adapter-react'
4 | import { LAMPORTS_PER_SOL, PublicKey } from '@solana/web3.js'
5 | import { IconRefresh } from '@tabler/icons-react'
6 | import { useQueryClient } from '@tanstack/react-query'
7 | import { useMemo, useState } from 'react'
8 | import { AppModal, ellipsify } from '../ui/ui-layout'
9 | import { useCluster } from '../cluster/cluster-data-access'
10 | import { ExplorerLink } from '../cluster/cluster-ui'
11 | import {
12 | useGetBalance,
13 | useGetSignatures,
14 | useGetTokenAccounts,
15 | useRequestAirdrop,
16 | useTransferSol,
17 | } from './account-data-access'
18 |
19 | export function AccountBalance({ address }: { address: PublicKey }) {
20 | const query = useGetBalance({ address })
21 |
22 | return (
23 |
277 |
343 | Your Devotion
278 | 279 |
280 |
289 |
290 |
285 |
288 | Devoted Amount
286 | {displayAmount(devotionQuery.data.amount)}
287 |
291 | {/* Devote more tokens */}
292 |
338 |
339 |
293 | setDevoteAmount(e.target.value)}
299 | className="input input-bordered w-full"
300 | />
301 |
308 |
309 |
310 | {/* Waver (unstake) tokens */}
311 |
312 | setWaverAmount(e.target.value)}
318 | className="input input-bordered w-full"
319 | />
320 |
327 |
328 |
329 | {/* Heresy (close account) */}
330 |
337 |
340 |
342 |
24 | query.refetch()}>
25 | {query.data ?
27 |
28 | )
29 | }
30 | export function AccountChecker() {
31 | const { publicKey } = useWallet()
32 | if (!publicKey) {
33 | return null
34 | }
35 | return query.refetch()}>
25 | {query.data ?
27 |
48 |
49 | You are connected to {cluster.name} but your account is not found on this cluster.
50 |
51 |
57 |
58 | )
59 | }
60 | return null
61 | }
62 |
63 | export function AccountButtons({ address }: { address: PublicKey }) {
64 | const wallet = useWallet()
65 | const { cluster } = useCluster()
66 | const [showAirdropModal, setShowAirdropModal] = useState(false)
67 | const [showReceiveModal, setShowReceiveModal] = useState(false)
68 | const [showSendModal, setShowSendModal] = useState(false)
69 |
70 | return (
71 |
72 | setShowAirdropModal(false)} address={address} show={showAirdropModal} />
73 | setShowReceiveModal(false)} />
74 | setShowSendModal(false)} />
75 |
95 | )
96 | }
97 |
98 | export function AccountTokens({ address }: { address: PublicKey }) {
99 | const [showAll, setShowAll] = useState(false)
100 | const query = useGetTokenAccounts({ address })
101 | const client = useQueryClient()
102 | const items = useMemo(() => {
103 | if (showAll) return query.data
104 | return query.data?.slice(0, 5)
105 | }, [query.data, showAll])
106 |
107 | return (
108 |
76 |
83 |
90 |
93 |
94 |
109 |
186 | )
187 | }
188 |
189 | export function AccountTransactions({ address }: { address: PublicKey }) {
190 | const query = useGetSignatures({ address })
191 | const [showAll, setShowAll] = useState(false)
192 |
193 | const items = useMemo(() => {
194 | if (showAll) return query.data
195 | return query.data?.slice(0, 5)
196 | }, [query.data, showAll])
197 |
198 | return (
199 |
110 |
131 | {query.isError &&
111 |
130 | Token Accounts
112 |
113 | {query.isLoading ? (
114 |
115 | ) : (
116 |
127 | )}
128 |
129 | Error: {query.error?.message.toString()}}
132 | {query.isSuccess && (
133 |
134 | {query.data.length === 0 ? (
135 |
138 |
139 |
182 | )}
183 |
184 | )}
185 | No token accounts found.
136 | ) : (
137 | | Public Key | 141 |Mint | 142 |Balance | 143 |
|---|---|---|
|
149 |
150 |
151 |
154 | |
155 |
156 |
157 |
158 |
164 | |
165 | 166 | {account.data.parsed.info.tokenAmount.uiAmount} 167 | | 168 |
| 174 | 177 | | 178 |
200 |
263 | )
264 | }
265 |
266 | function BalanceSol({ balance }: { balance: number }) {
267 | return {Math.round((balance / LAMPORTS_PER_SOL) * 100000) / 100000}
268 | }
269 |
270 | function ModalReceive({ hide, show, address }: { hide: () => void; show: boolean; address: PublicKey }) {
271 | return (
272 |
201 |
212 | {query.isError && Transaction History
202 |
203 | {query.isLoading ? (
204 |
205 | ) : (
206 |
209 | )}
210 |
211 | Error: {query.error?.message.toString()}}
213 | {query.isSuccess && (
214 |
215 | {query.data.length === 0 ? (
216 |
219 |
220 |
259 | )}
260 |
261 | )}
262 | No transactions found.
217 | ) : (
218 | | Signature | 222 |Slot | 223 |Block Time | 224 |Status | 225 |
|---|---|---|---|
|
231 | |
233 |
234 | |
236 | {new Date((item.blockTime ?? 0) * 1000).toISOString()} | 237 |
238 | {item.err ? (
239 |
240 | Failed
241 |
242 | ) : (
243 | Success
244 | )}
245 | |
246 |
| 251 | 254 | | 255 |
Receive assets by sending them to your public key:
274 |{address.toString()}
275 | Wallet not connected
314 | }
315 |
316 | return (
317 |