legacy-xyz
v0.1.25
Published
Invite your guests to leave their digital legacy.
Downloads
9
Maintainers
Readme
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.