solforge 0.1.6 → 0.2.0

package/src/gui/src/components/airdrop-mint-form.tsx

@@ -0,0 +1,216 @@
+import { type ChangeEvent, type FormEvent, useMemo, useState } from "react";
+import type { TokenSummary } from "../api";
+
+interface Props {
+	tokens: TokenSummary[];
+	onAirdrop: (address: string, lamports: string) => Promise<string | void>;
+	onMint: (
+		mint: string,
+		owner: string,
+		amountRaw: string,
+	) => Promise<string | void>;
+}
+
+const SOL_OPTION = {
+	value: "SOL",
+	label: "SOL (Lamports)",
+	decimals: 9,
+} as const;
+
+const BIGINT_TEN = 10n;
+
+function toBaseUnits(rawInput: string, decimals: number) {
+	const input = rawInput.trim();
+	if (!input) throw new Error("Amount is required");
+	const negative = input.startsWith("-");
+	if (negative) throw new Error("Amount must be positive");
+	const [wholeRaw = "0", fracRaw = ""] = input.split(".");
+	const whole = wholeRaw.replace(/[^0-9]/g, "") || "0";
+	const fracClean = fracRaw.replace(/[^0-9]/g, "");
+	if (fracClean.length > decimals)
+		throw new Error(`Too many decimal places (max ${decimals})`);
+	const scale = BIGINT_TEN ** BigInt(decimals);
+	const wholeValue = BigInt(whole);
+	const fracPadded = decimals === 0 ? "0" : fracClean.padEnd(decimals, "0");
+	const fracValue = BigInt(fracPadded || "0");
+	const total = wholeValue * scale + fracValue;
+	if (total <= 0n) throw new Error("Amount must be greater than zero");
+	return total.toString();
+}
+
+function formatTokenLabel(token: TokenSummary) {
+	const suffix = token.mintAuthority
+		? `Authority ${token.mintAuthority.slice(0, 6)}…`
+		: "No authority";
+	return `${token.mint.slice(0, 6)}…${token.mint.slice(-4)} · ${token.decimals} dec · ${suffix}`;
+}
+
+export function AirdropMintForm({ tokens, onAirdrop, onMint }: Props) {
+	const [asset, setAsset] = useState<string>(SOL_OPTION.value);
+	const [recipient, setRecipient] = useState<string>("");
+	const [amount, setAmount] = useState<string>("1");
+	const [pending, setPending] = useState(false);
+	const [error, setError] = useState<string | null>(null);
+	const [message, setMessage] = useState<string | null>(null);
+
+	const options = useMemo(() => {
+		const tokenOpts = tokens.map((token) => ({
+			value: token.mint,
+			label: formatTokenLabel(token),
+			decimals: token.decimals,
+		}));
+		return [SOL_OPTION, ...tokenOpts];
+	}, [tokens]);
+
+	const selected = options.find((opt) => opt.value === asset) ?? SOL_OPTION;
+
+	const submit = async () => {
+		if (!recipient.trim()) throw new Error("Recipient address is required");
+		const canonicalRecipient = recipient.trim();
+		if (asset === SOL_OPTION.value) {
+			const lamports = toBaseUnits(amount, SOL_OPTION.decimals);
+			const signature = await onAirdrop(canonicalRecipient, lamports);
+			return signature
+				? `Airdrop signature: ${signature}`
+				: "Airdrop submitted";
+		}
+		const raw = toBaseUnits(amount, selected.decimals);
+		const signature = await onMint(asset, canonicalRecipient, raw);
+		return signature ? `Mint signature: ${signature}` : "Mint submitted";
+	};
+
+	const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {
+		event.preventDefault();
+		setPending(true);
+		setError(null);
+		setMessage(null);
+		try {
+			const note = await submit();
+			setMessage(note);
+		} catch (err: any) {
+			setError(err?.message ?? String(err));
+		} finally {
+			setPending(false);
+		}
+	};
+
+	return (
+		<form onSubmit={handleSubmit}>
+			<div className="flex flex-col lg:flex-row items-start lg:items-center justify-between gap-4 mb-6">
+				<div className="flex items-center gap-3">
+					<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-violet-500/20 to-purple-500/20 flex items-center justify-center">
+						<i className="fas fa-paper-plane text-violet-400"></i>
+					</div>
+					<div>
+						<h2 className="text-xl font-bold text-white">Quick Actions</h2>
+						<p className="text-xs text-gray-500">Airdrop SOL or mint tokens</p>
+					</div>
+				</div>
+				<div className="flex items-center gap-2">
+					<span className="badge badge-info">
+						<i className="fas fa-bolt text-xs"></i>
+						<span>Faucet Powered</span>
+					</span>
+				</div>
+			</div>
+			
+			<div className="grid gap-4 lg:grid-cols-3">
+				<div className="space-y-2">
+					<label className="block text-xs font-semibold text-gray-400 uppercase tracking-wider">
+						Recipient Address
+					</label>
+					<div className="relative">
+						<input
+							value={recipient}
+							onChange={(event: ChangeEvent<HTMLInputElement>) =>
+								setRecipient(event.target.value)
+							}
+							placeholder="Enter Solana public key"
+							className="input pl-10"
+						/>
+						<i className="fas fa-user absolute left-3 top-1/2 -translate-y-1/2 text-gray-500"></i>
+					</div>
+				</div>
+				
+				<div className="space-y-2">
+					<label className="block text-xs font-semibold text-gray-400 uppercase tracking-wider">
+						Asset
+					</label>
+					<div className="relative">
+						<select
+							value={asset}
+							onChange={(event: ChangeEvent<HTMLSelectElement>) =>
+								setAsset(event.target.value)
+							}
+							className="select pl-10 appearance-none"
+						>
+							{options.map((opt) => (
+								<option key={opt.value} value={opt.value}>
+									{opt.label}
+								</option>
+							))}
+						</select>
+						<i className="fas fa-coins absolute left-3 top-1/2 -translate-y-1/2 text-gray-500"></i>
+					</div>
+				</div>
+				
+				<div className="space-y-2">
+					<label className="block text-xs font-semibold text-gray-400 uppercase tracking-wider">
+						Amount
+					</label>
+					<div className="relative">
+						<input
+							value={amount}
+							onChange={(event: ChangeEvent<HTMLInputElement>) =>
+								setAmount(event.target.value)
+							}
+							placeholder="1.0"
+							inputMode="decimal"
+							className="input pl-10"
+						/>
+						<i className="fas fa-calculator absolute left-3 top-1/2 -translate-y-1/2 text-gray-500"></i>
+					</div>
+					<p className="text-xs text-gray-500">
+						{asset === SOL_OPTION.value
+							? "In SOL (9 decimals)"
+							: `In tokens (${selected.decimals} decimals)`}
+					</p>
+				</div>
+			</div>
+			
+			<div className="mt-6 flex flex-col sm:flex-row items-stretch sm:items-center gap-4">
+				<button
+					type="submit"
+					disabled={pending}
+					className={`btn-primary flex-1 sm:flex-initial ${pending ? 'opacity-50 cursor-not-allowed' : ''}`}
+				>
+					{pending ? (
+						<>
+							<div className="spinner"></div>
+							<span>Processing</span>
+						</>
+					) : (
+						<>
+							<i className={`fas fa-${asset === SOL_OPTION.value ? 'parachute-box' : 'coins'}`}></i>
+							<span>{asset === SOL_OPTION.value ? "Airdrop SOL" : "Mint Tokens"}</span>
+						</>
+					)}
+				</button>
+				
+				{error && (
+					<div className="flex-1 flex items-center gap-2 p-3 rounded-lg bg-red-500/10 border border-red-500/30">
+						<i className="fas fa-exclamation-circle text-red-400"></i>
+						<p className="text-sm text-red-300">{error}</p>
+					</div>
+				)}
+				
+				{message && (
+					<div className="flex-1 flex items-center gap-2 p-3 rounded-lg bg-green-500/10 border border-green-500/30">
+						<i className="fas fa-check-circle text-green-400"></i>
+						<p className="text-sm text-green-300 font-mono text-xs break-all">{message}</p>
+					</div>
+				)}
+			</div>
+		</form>
+	);
+}

package/src/gui/src/components/clone-program-modal.tsx

@@ -0,0 +1,183 @@
+import { type ChangeEvent, useState } from "react";
+import { Modal } from "./modal";
+
+interface Props {
+	isOpen: boolean;
+	onClose: () => void;
+	onSubmit: (payload: {
+		programId: string;
+		endpoint?: string;
+		withAccounts: boolean;
+		accountsLimit?: number;
+	}) => Promise<void>;
+}
+
+export function CloneProgramModal({ isOpen, onClose, onSubmit }: Props) {
+	const [programId, setProgramId] = useState("");
+	const [endpoint, setEndpoint] = useState("");
+	const [withAccounts, setWithAccounts] = useState(true);
+	const [accountsLimit, setAccountsLimit] = useState("100");
+	const [pending, setPending] = useState(false);
+	const [error, setError] = useState<string | null>(null);
+
+	const handleSubmit = async () => {
+		setPending(true);
+		setError(null);
+		try {
+			await onSubmit({
+				programId: programId.trim(),
+				endpoint: endpoint.trim() ? endpoint.trim() : undefined,
+				withAccounts,
+				accountsLimit:
+					withAccounts && accountsLimit.trim()
+						? Number(accountsLimit)
+						: undefined,
+			});
+			onClose();
+			setProgramId("");
+			setEndpoint("");
+			setAccountsLimit("100");
+		} catch (err: any) {
+			setError(err?.message ?? String(err));
+		} finally {
+			setPending(false);
+		}
+	};
+
+	return (
+		<Modal
+			isOpen={isOpen}
+			onClose={() => {
+				if (!pending) onClose();
+			}}
+			title="Clone Program"
+			icon="fa-code"
+			iconColor="blue"
+			footer={
+				<div className="flex justify-between items-center">
+					<div className="text-xs text-gray-500">
+						<i className="fas fa-info-circle mr-1"></i>
+						Clone from Solana mainnet or custom RPC
+					</div>
+					<div className="flex gap-3">
+						<button
+							type="button"
+							onClick={() => !pending && onClose()}
+							disabled={pending}
+							className="btn-secondary"
+						>
+							Cancel
+						</button>
+						<button
+							type="button"
+							onClick={handleSubmit}
+							disabled={pending || programId.trim().length === 0}
+							className={`btn-primary ${(pending || programId.trim().length === 0) ? 'opacity-50 cursor-not-allowed' : ''}`}
+						>
+							{pending ? (
+								<>
+									<div className="spinner"></div>
+									<span>Cloning Program</span>
+								</>
+							) : (
+								<>
+									<i className="fas fa-download"></i>
+									<span>Clone Program</span>
+								</>
+							)}
+						</button>
+					</div>
+				</div>
+			}
+		>
+			<div className="space-y-5">
+				<div className="space-y-2">
+					<label className="block text-xs font-semibold text-gray-400 uppercase tracking-wider">
+						Program ID *
+					</label>
+					<div className="relative">
+						<input
+							value={programId}
+							onChange={(event: ChangeEvent<HTMLInputElement>) =>
+								setProgramId(event.target.value)
+							}
+							placeholder="Enter program public key (e.g., TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA)"
+							className="input pl-10 font-mono text-sm"
+						/>
+						<i className="fas fa-fingerprint absolute left-3 top-1/2 -translate-y-1/2 text-gray-500"></i>
+					</div>
+				</div>
+				
+				<div className="space-y-2">
+					<label className="block text-xs font-semibold text-gray-400 uppercase tracking-wider">
+						RPC Endpoint (Optional)
+					</label>
+					<div className="relative">
+						<input
+							value={endpoint}
+							onChange={(event: ChangeEvent<HTMLInputElement>) =>
+								setEndpoint(event.target.value)
+							}
+							placeholder="https://api.mainnet-beta.solana.com (default)"
+							className="input pl-10"
+						/>
+						<i className="fas fa-globe absolute left-3 top-1/2 -translate-y-1/2 text-gray-500"></i>
+					</div>
+				</div>
+				
+				<div className="p-4 rounded-xl bg-white/5 border border-white/10 space-y-3">
+					<label className="flex items-center gap-3 cursor-pointer group">
+						<input
+							type="checkbox"
+							checked={withAccounts}
+							onChange={(event: ChangeEvent<HTMLInputElement>) =>
+								setWithAccounts(event.target.checked)
+							}
+							className="checkbox"
+						/>
+						<div>
+							<span className="text-sm text-white group-hover:text-purple-300 transition-colors">
+								Clone Program Accounts
+							</span>
+							<p className="text-xs text-gray-500 mt-0.5">
+								Include accounts owned by this program
+							</p>
+						</div>
+					</label>
+					
+					{withAccounts && (
+						<div className="ml-8 space-y-2 pt-2 border-t border-white/5">
+							<label className="block text-xs font-semibold text-gray-400 uppercase tracking-wider">
+								Account Limit
+							</label>
+							<div className="relative">
+								<input
+									value={accountsLimit}
+									onChange={(event: ChangeEvent<HTMLInputElement>) =>
+										setAccountsLimit(event.target.value)
+									}
+									placeholder="100"
+									type="number"
+									min="1"
+									max="1000"
+									className="input pl-10"
+								/>
+								<i className="fas fa-list-ol absolute left-3 top-1/2 -translate-y-1/2 text-gray-500"></i>
+							</div>
+							<p className="text-xs text-gray-500">
+								Maximum number of accounts to clone
+							</p>
+						</div>
+					)}
+				</div>
+				
+				{error && (
+					<div className="flex items-start gap-2 p-3 rounded-lg bg-red-500/10 border border-red-500/30">
+						<i className="fas fa-exclamation-circle text-red-400 mt-0.5"></i>
+						<p className="text-sm text-red-300">{error}</p>
+					</div>
+				)}
+			</div>
+		</Modal>
+	);
+}

package/src/gui/src/components/clone-token-modal.tsx

@@ -0,0 +1,211 @@
+import { type ChangeEvent, useState } from "react";
+import { Modal } from "./modal";
+
+interface Props {
+	isOpen: boolean;
+	onClose: () => void;
+	onSubmit: (payload: {
+		mint: string;
+		endpoint?: string;
+		cloneAccounts: boolean;
+		holders?: number;
+		allAccounts?: boolean;
+	}) => Promise<void>;
+}
+
+export function CloneTokenModal({ isOpen, onClose, onSubmit }: Props) {
+	const [mint, setMint] = useState("");
+	const [endpoint, setEndpoint] = useState("");
+	// Default OFF to avoid hitting public RPC rate limits by cloning holders.
+	const [cloneAccounts, setCloneAccounts] = useState(false);
+	const [holders, setHolders] = useState("20");
+	const [allAccounts, setAllAccounts] = useState(false);
+	const [pending, setPending] = useState(false);
+	const [error, setError] = useState<string | null>(null);
+
+	const handleSubmit = async () => {
+		setPending(true);
+		setError(null);
+		try {
+			await onSubmit({
+				mint: mint.trim(),
+				endpoint: endpoint.trim() ? endpoint.trim() : undefined,
+				cloneAccounts,
+				holders:
+					cloneAccounts && !allAccounts && holders.trim()
+						? Number(holders)
+						: undefined,
+				allAccounts,
+			});
+			onClose();
+			setMint("");
+			setEndpoint("");
+			setHolders("20");
+			setAllAccounts(false);
+		} catch (err: any) {
+			setError(err?.message ?? String(err));
+		} finally {
+			setPending(false);
+		}
+	};
+
+	return (
+		<Modal
+			isOpen={isOpen}
+			onClose={() => {
+				if (!pending) onClose();
+			}}
+			title="Clone Token"
+			icon="fa-coins"
+			iconColor="amber"
+			footer={
+				<div className="flex justify-between items-center">
+					<div className="text-xs text-gray-500">
+						<i className="fas fa-info-circle mr-1"></i>
+						Clone SPL tokens from mainnet
+					</div>
+					<div className="flex gap-3">
+						<button
+							type="button"
+							onClick={() => !pending && onClose()}
+							disabled={pending}
+							className="btn-secondary"
+						>
+							Cancel
+						</button>
+						<button
+							type="button"
+							onClick={handleSubmit}
+							disabled={pending || mint.trim().length === 0}
+							className={`btn-primary ${(pending || mint.trim().length === 0) ? 'opacity-50 cursor-not-allowed' : ''}`}
+						>
+							{pending ? (
+								<>
+									<div className="spinner"></div>
+									<span>Cloning Token</span>
+								</>
+							) : (
+								<>
+									<i className="fas fa-download"></i>
+									<span>Clone Token</span>
+								</>
+							)}
+						</button>
+					</div>
+				</div>
+			}
+		>
+			<div className="space-y-5">
+				<div className="space-y-2">
+					<label className="block text-xs font-semibold text-gray-400 uppercase tracking-wider">
+						Mint Address *
+					</label>
+					<div className="relative">
+						<input
+							value={mint}
+							onChange={(event: ChangeEvent<HTMLInputElement>) =>
+								setMint(event.target.value)
+							}
+							placeholder="Enter token mint address (e.g., EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v)"
+							className="input pl-10 font-mono text-sm"
+						/>
+						<i className="fas fa-coin absolute left-3 top-1/2 -translate-y-1/2 text-gray-500"></i>
+					</div>
+				</div>
+				
+				<div className="space-y-2">
+					<label className="block text-xs font-semibold text-gray-400 uppercase tracking-wider">
+						RPC Endpoint (Optional)
+					</label>
+					<div className="relative">
+						<input
+							value={endpoint}
+							onChange={(event: ChangeEvent<HTMLInputElement>) =>
+								setEndpoint(event.target.value)
+							}
+							placeholder="https://api.mainnet-beta.solana.com (default)"
+							className="input pl-10"
+						/>
+						<i className="fas fa-globe absolute left-3 top-1/2 -translate-y-1/2 text-gray-500"></i>
+					</div>
+				</div>
+				
+				<div className="p-4 rounded-xl bg-white/5 border border-white/10 space-y-3">
+					<label className="flex items-center gap-3 cursor-pointer group">
+						<input
+							type="checkbox"
+							checked={cloneAccounts}
+							onChange={(event: ChangeEvent<HTMLInputElement>) =>
+								setCloneAccounts(event.target.checked)
+							}
+							className="checkbox"
+						/>
+						<div>
+							<span className="text-sm text-white group-hover:text-purple-300 transition-colors">
+								Clone Token Accounts
+							</span>
+							<p className="text-xs text-gray-500 mt-0.5">
+								Include holder accounts for this token
+							</p>
+						</div>
+					</label>
+					
+					{cloneAccounts && (
+						<div className="ml-8 space-y-4 pt-3 border-t border-white/5">
+							<label className="flex items-center gap-3 cursor-pointer group">
+								<input
+									type="checkbox"
+									checked={allAccounts}
+									onChange={(event: ChangeEvent<HTMLInputElement>) =>
+										setAllAccounts(event.target.checked)
+									}
+									className="checkbox"
+								/>
+								<div>
+									<span className="text-sm text-white group-hover:text-purple-300 transition-colors">
+										Clone All Accounts
+									</span>
+									<p className="text-xs text-gray-500 mt-0.5">
+										Warning: This may be slow for popular tokens
+									</p>
+								</div>
+							</label>
+							
+							{!allAccounts && (
+								<div className="space-y-2">
+									<label className="block text-xs font-semibold text-gray-400 uppercase tracking-wider">
+										Top Holders Limit
+									</label>
+									<div className="relative">
+										<input
+											value={holders}
+											onChange={(event: ChangeEvent<HTMLInputElement>) =>
+												setHolders(event.target.value)
+											}
+											placeholder="20"
+											type="number"
+											min="1"
+											max="100"
+											className="input pl-10"
+										/>
+										<i className="fas fa-users absolute left-3 top-1/2 -translate-y-1/2 text-gray-500"></i>
+									</div>
+									<p className="text-xs text-gray-500">
+										Number of top holders to clone
+									</p>
+								</div>
+							)}
+						</div>
+					)}
+				</div>
+				
+				{error && (
+					<div className="flex items-start gap-2 p-3 rounded-lg bg-red-500/10 border border-red-500/30">
+						<i className="fas fa-exclamation-circle text-red-400 mt-0.5"></i>
+						<p className="text-sm text-red-300">{error}</p>
+					</div>
+				)}
+			</div>
+		</Modal>
+	);
+}