legacy-xyz 🌱

Leave your digital legacy. An guestbook plug-in to allow your digital guests to leave their legacy by signing a message with their web3 wallet. Curate your digital legacy with legacy-xyz.

Full docs are here

Usage

import { SignLegacy, SignersList } from 'legacy-xyz';

function App() {
  return (
    <SignLegacy projectId="legacyxyz" />
    <SignersList projectId="legacyxyz" />
  )
}

Props

For SignLegacy

Prop Name	Description	Required	Example
projectId	specify project id for the guestbook	✅ yes	projectId="legacyxyz"
cardStyle	override card style	❌ no	cardStyle={{border: '0px solid #3f8758', p: 4, maxWidth: '800px', borderRadius: 10}}
buttonStyle	override button style	❌ no	buttonStyle={{border: "4px solid rgba(255, 255, 255, 0.1)", borderRadius: "16px", height: "60px", backgroundColor: "#3f8758", textTransform: 'none', fontSize: 20, ':hover': { background: '#3f8758', opacity: 0.8 } }}
buttonLabel	override sign button label	❌ no	buttonLabel={"Sign here"}
showLegacy	show learn more text	❌ no	showLegacy={true}
message	override sign info text	❌ no	message={"Click here to sign."}
modalStyle	override modal style (dangerously set)	❌ no	modalStyle={ position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)', width: 445, background: 'white', border: '0px', borderRadius: 10, boxShadow: 24, marginLeft: 'auto', marginRight: 'auto', p: 5}

For SignersList

Prop Name	Description	Required	Example
projectId	specify project id for the guestbook	✅ yes	projectId="legacyxyz"
cardStyle	override card style	❌ no	cardStyle={{border: '0px solid #3f8758', p: 4, maxWidth: '800px', borderRadius: 10}}

Next.js Example

To use with Next.js, you will need to dynamically import. This extension requires components to be rendered in the browser (not server side). The Next.js workaround for this is documented here.

const SignLegacy = dynamic(() =>
  import('legacy-xyz').then((legacy) => legacy.SignLegacy),
  { ssr: false }
)

const SignersList = dynamic(() =>
  import('legacy-xyz').then((legacy) => legacy.SignersList),
  { ssr: false }
)

Supported wallets

Current version only supports injected wallet providers - Coinbase Wallet and Metamask. We plan to add support for WalletConnect and more in the future depending on demand.

Contribute

Our code is all opensource at legacy_xyz. Please file a ticket or open a pull request! We maintain your projects and signatures on chain. This costs Arweave. We would be eternally grateful if you send us Arweave to this address AaaKkDKK4yEllFoZtzv_oFjtlw7LjCZzhpZRWThIJqA to keep this project going.