// Wallets refuse to silently change the RPC URL of a network the user
// already added — if someone added this app's local/test network earlier
// (before the /rpc proxy existed, or with any other broken RPC URL), the
// wallet keeps using that stale endpoint forever regardless of what this app
// requests, and every chain call fails with an unhelpful low-level error.
// There is no programmatic fix for that (only the user's wallet UI can), so
// detect the pattern and tell them exactly what to do instead of showing the
// raw ethers error.
function describeChainError(e) {
const raw = (e && e.message) || String(e);
if (/too many errors|RPC endpoint|could not coalesce|could not detect network|SERVER_ERROR|-32002/i.test(raw)) {
return (
`Your wallet can't reach the network's RPC endpoint. This usually means the network was added to ` +
`your wallet earlier with the wrong RPC URL and won't self-update. Open your wallet's network ` +
`settings, remove (or edit) the network matching this app's chain, then try sealing again — it will ` +
`be re-added with the correct address: ${window.location.origin}/rpc`
);
}
return raw;
}
function Upload({ onNavigate }) {
const { t } = useI18n();
const { address, connect, chainConfig, getSigner, ensureContractNetwork } = useWallet();
const [step, setStep] = React.useState(1);
const [projectId, setProjectId] = React.useState(null);
const [projectName, setProjectName] = React.useState('');
const [projectDesc, setProjectDesc] = React.useState('');
const [events, setEvents] = React.useState([]);
const [chain, setChain] = React.useState('polygon');
const [sealing, setSealing] = React.useState(false);
const [sealed, setSealed] = React.useState(false);
const [sealError, setSealError] = React.useState(null);
const [finalHash, setFinalHash] = React.useState(null);
const [txHash, setTxHash] = React.useState(null);
const [step1Error, setStep1Error] = React.useState(null);
const [creatingProject, setCreatingProject] = React.useState(false);
function back() { setStep(s => Math.max(s - 1, 1)); }
async function createProjectAndAdvance() {
setStep1Error(null);
setCreatingProject(true);
try {
const res = await fetch('/api/projects', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({ title: projectName.trim(), subtitle: projectDesc.trim() }),
});
const body = await res.json();
if (!res.ok) throw new Error(body.error || `Could not create the project (HTTP ${res.status}).`);
setProjectId(body.id);
setStep(2);
} catch (e) {
setStep1Error(e && e.message ? e.message : String(e));
} finally {
setCreatingProject(false);
}
}
async function commit() {
setSealError(null);
if (chain !== 'polygon') {
setSealError('Only Polygon (the network the contract is actually deployed to) is wired up right now — choose Polygon to seal for real.');
return;
}
setSealing(true);
try {
await ensureContractNetwork();
const root = window.merkleRoot(events.map((e) => e.hash));
const signer = await getSigner();
if (!signer) throw new Error('Connect a wallet before sealing.');
const contract = new window.ethers.Contract(chainConfig.contractAddress, chainConfig.abi, signer);
const tx = await contract.seal(root, window.ethers.toUtf8Bytes(projectId));
const receipt = await tx.wait();
const res = await fetch(`/api/projects/${projectId}/seal`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({ chain, txHash: receipt.hash, merkleRoot: root }),
});
const body = await res.json();
if (!res.ok) throw new Error(body.error || 'Server rejected the seal.');
setFinalHash(body.finalHash);
setTxHash(body.txHash);
setSealed(true);
} catch (e) {
setSealError(describeChainError(e));
} finally {
setSealing(false);
}
}
if (!address) {
return (