Napoleonic Panda Machine

    legacy-xyz

    0.1.25 • Public • Published

    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.

    Install

    npm i legacy-xyz

    DownloadsWeekly Downloads

    1

    Version

    0.1.25

    License

    GPL-3.0-or-later

    Unpacked Size

    118 kB

    Total Files

    12

    Last publish

    Collaborators

    • straightupjac