Structure lesson (licence does not allow quoting code)

arcana-ui

The arcana markets web app

Original: arcana-markets/arcana-ui
SuperStack fork: Blockchains/arcana-ui @ 3ca007d
Stars: 5
Last push (original): 2024-06-29
Languages: TypeScript, JavaScript, CSS
Detected stack: Next.jsweb3.js
Categories: Other
Licence: none detected: code not quoted on Sol.College
Homepage: https://app.arcana.markets

Architecture

555 source files. By extension: .js ×418, .tsx ×98, .ts ×39.

Top-level directory	Source files
`public`	432
`src`	121
`(root)`	2

Where the Solana code lives

Source files that import a Solana SDK, ranked by how many Solana APIs they use, with the APIs each one calls. Read them in this order to see how the app talks to the chain.

File	Solana APIs used
`src/utils/types.ts`	`PublicKey`, `AccountInfo`, `Connection`, `Transaction`
`src/contexts/ArcanaVaultsContext.tsx`	`PublicKey`, `getAssociatedTokenAddressSync`, `Transaction`, `sendTransaction`, `useConnection`, `useWallet`
`src/utils/openbook.ts`	`PublicKey`, `Program`, `Keypair`, `findProgramAddressSync`, `Transaction`, `getAssociatedTokenAddressSync`
`src/components/Shared/SendTransaction.tsx`	`Transaction`, `TransactionMessage`, `sendTransaction`, `useConnection`, `useWallet`, `Keypair`
`src/components/Shared/SendVersionedTransaction.tsx`	`Transaction`, `TransactionMessage`, `sendTransaction`, `useConnection`, `useWallet`, `Keypair`
`src/components/Vaults/Permissionless/DepositForm.tsx`	`PublicKey`, `Connection`, `useConnection`, `useWallet`
`src/components/Vaults/Permissionless/DepositToVault.tsx`	`PublicKey`, `Connection`, `useConnection`, `useWallet`
`src/hooks/useTransactionSender.tsx`	`VersionedTransaction`, `useConnection`, `useWallet`, `ComputeBudgetProgram`, `Transaction`, `getLatestBlockhash`
`src/utils/idl/util.ts`	`Keypair`, `seeds`, `PublicKey`, `Program`, `AnchorProvider`, `findProgramAddressSync`
`src/hooks/emptyWallet.tsx`	`Transaction`, `VersionedTransaction`, `Keypair`, `PublicKey`, `signTransaction`
`src/utils/tokens.ts`	`PublicKey`, `Connection`, `getAccountInfo`
`src/utils/wallet.ts`	`Transaction`, `VersionedTransaction`, `Keypair`, `PublicKey`, `signTransaction`

Dapp: devnet deploy pending

⏳ Devnet deploy pending — goes live when the devnet wallet is topped up. This fork's own dapp is not deployed yet, so there is no program address or transaction to show. It is queued in dapp-queue.txt; once devnet SOL is available it is deployed, exercised with real devnet transactions, and this section switches to the live dapp at /dapps/arcana-ui/. Until then, the lesson and step-by-step guide below are complete, and you can run it locally with the commands below.

How to run, build and test

These commands come from the repo's own manifests (package.json scripts, Anchor.toml, Cargo, go.mod, Makefile). Check the README for prerequisites and environment variables.

Directory	Command	Runs
`.`	`npm run dev`
`.`	`npm run start`
`.`	`npm run build`
`.`	`npm run lint`

What you could build from it

Fork the SuperStack copy and extend it within the Other gaps listed on the idea page.