intrepidshape/elm-web3-ui/1.0.0

NOTE: the latest version is 4.0.0

Rerouted (renamed, verified). The GitHub user or repository was renamed. The tag is still there, at the new name. The Lamdera package server serves a copy recovered from https://github.com/IntrepidShape/elm-web3-ui.

What we checked: The repo moved to github.com/IntrepidShape/elm-web3-ui and tag 1.0.0 is there; its commit 4a2f1b2ed9a9 is from 2026-05-09 11:59 UTC, before the version was published (2026-05-09 12:02 UTC); elm.json is byte-identical to package.elm-lang.org's; the exposed modules match docs.json; the zip's SHA-1 is not the published one (GitHub's zip no longer comes out byte for byte the same), so the contents were checked instead.

The Lamdera compiler uses this copy and prints a one-line notice saying so. elm itself fails to download this version.

Details · package.elm-lang.org's zip: https://github.com/intrepidshape/elm-web3-ui/zipball/1.0.0/

Web3.Ui.Wallet

Wallet connection UI components.

All functions accept List (Html.Attribute msg) as the first argument — merged onto the root element. Pass [] for no extra attributes.

No default styles — every element has a semantic class name. Supply your own CSS.

-- Basic connect/disconnect button:
Web3.Ui.Wallet.connectButton []
    { onConnect = ConnectWallet, onDisconnect = DisconnectWallet }
    model.wallet


-- Full wallet UI handling all states:
Web3.Ui.Wallet.viewState []
    { onConnect = ConnectWallet
    , onSwitchChain = SwitchChain
    , onDisconnect = DisconnectWallet
    , knownChains = [ Chain.pulsechain, Chain.ethereum ]
    }
    model.wallet
List (Attribute msg)
-> { onConnect : msg
, onDisconnect : msg
}
-> State
-> Html msg

A connect/disconnect button. Shows "Connect" in disconnected/error states and "Disconnect" in connected states.

CSS classes: web3-connect-btn, web3-disconnect-btn

List (Attribute msg)
-> { onSelect : String -> msg
, selected : Maybe String
}
-> List WalletProvider
-> Html msg

A list of EIP-6963 discovered wallets for the user to pick from.

Each wallet renders as a button with the wallet icon and name. Pass the RDNS of the currently active wallet as selected to highlight it.

CSS classes: web3-wallet-picker (container), web3-wallet-option (each item), web3-wallet-option--selected (active wallet)

List (Attribute msg)
-> { onConnect : msg
, onSwitchChain : msg
, onDisconnect : msg
, knownChains : List Chain
}
-> State
-> Html msg

Full wallet UI — handles all Wallet.State variants with appropriate labels and actions.

Pass knownChains so the WrongChain branch can display the target network name.

CSS class: web3-wallet-state

chainBadge : List (Attribute msg) -> List Chain -> State -> Html msg

Displays the connected chain name, looked up from the supplied chain list. Falls back to "Unknown Chain" if not found.

Shows "Wrong Chain" when in WrongChain state. Shows "Read-only" when in ReadOnly state. Shows "—" when connecting, disconnected, or in error state.

CSS class: web3-chain-badge