mirror of https://github.com/status-im/js-waku.git
612027a375
Material UI 4 is not compatible with React 18 and it looks like some peer dep were recently changed, creating conflict issues in CI. |
||
---|---|---|
.. | ||
config | ||
public | ||
src | ||
.env | ||
.gitignore | ||
README.md | ||
package-lock.json | ||
package.json | ||
tsconfig.json |
README.md
Ethereum Private Message Using Wallet Encryption Web App
Demonstrates:
- Private Messaging
- React/TypeScript
- Waku Light Push
- Signature with Web3 using EIP-712:
eth_signTypedData_v4
- Asymmetric Encryption
- Usage of
eth_decrypt
Wallet API
This dApp demonstrates how to send and received end-to-end encrypted messages using the encryption API provided by some Web3 Wallet provider such as MetaMask.
The sender only needs to know the Ethereum address of the recipient. The recipient must broadcast his encryption public key as a first step.
The master
branch's HEAD is deployed at https://js-waku.wakuconnect.dev/examples/eth-pm-wallet-encryption/.
To run a development version locally, do:
git clone https://github.com/status-im/js-waku/ ; cd js-waku
npm install # Install dependencies for js-waku
npm run build # Build js-waku
cd examples/eth-pm-wallet-encryption
npm install # Install dependencies for the web app
npm run start # Start development server to serve the web app on http://localhost:3000/js-waku/eth-pm-wallet
Caveats
This is a PoC with some obvious UX caveats:
- As the message payload is fully encrypted, the dApp asks MetaMask who in turns ask the user to decrypt every received message (even if we are the sender).
- This only uses Relay protocol to receive messages, meaning that participants must have the dApp open at the same time to receive private messages or public keys from each other.