mirror of
https://github.com/acid-info/docs.wakuconnect.dev.git
synced 2025-02-22 14:48:06 +00:00
Update documentation
This commit is contained in:
parent
06f0ab6af8
commit
08da9433c5
2
404.html
2
404.html
@ -16,7 +16,7 @@
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
|
@ -17,7 +17,7 @@
|
||||
<link rel="alternate" hreflang="pt" href="https://docs.wakuconnect.dev/pt/categories/" title="Categories">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<link rel="alternate" type="application/rss+xml" href="https://docs.wakuconnect.dev/categories/index.xml" title="Waku Connect Docs" />
|
||||
<!--
|
||||
Made with Book Theme
|
||||
@ -141,6 +141,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -401,7 +414,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -21,7 +21,7 @@ Symmetric encryption # Uses SubtleCrypto Web API (browser) or NodeJS' crypt
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -140,6 +140,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -400,7 +413,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -27,7 +27,7 @@ Demonstrates:
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -146,6 +146,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -406,7 +419,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
844
docs/faq/index.html
Normal file
844
docs/faq/index.html
Normal file
@ -0,0 +1,844 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="FAQ # Frequently Asked Questions for developers using js-waku:
|
||||
1. Why should I build a frontend only webapp (no NodeJS backend)? # Waku enables dApp to add communication, e.g. interaction between users, in a fully decentralized manner. A webapp that uses NodeJS as a backend implies that a party runs said NodeJS software in a centralized infrastructure.
|
||||
Despite using Waku & Ethereum, such webapp cannot become decentralized.
|
||||
By building a frontend only webapp, that entirely runs in the browser, one can distribute the frontend code in many manners: host it, mirror it, have it on GitHub, deploy it on IPFS, etc.">
|
||||
<meta name="theme-color" content="#FFFFFF">
|
||||
<meta name="color-scheme" content="light dark"><meta property="og:title" content="FAQ" />
|
||||
<meta property="og:description" content="FAQ # Frequently Asked Questions for developers using js-waku:
|
||||
1. Why should I build a frontend only webapp (no NodeJS backend)? # Waku enables dApp to add communication, e.g. interaction between users, in a fully decentralized manner. A webapp that uses NodeJS as a backend implies that a party runs said NodeJS software in a centralized infrastructure.
|
||||
Despite using Waku & Ethereum, such webapp cannot become decentralized.
|
||||
By building a frontend only webapp, that entirely runs in the browser, one can distribute the frontend code in many manners: host it, mirror it, have it on GitHub, deploy it on IPFS, etc." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://docs.wakuconnect.dev/docs/faq/" /><meta property="article:section" content="docs" />
|
||||
<meta property="article:published_time" content="2022-02-16T00:00:00+10:00" />
|
||||
<meta property="article:modified_time" content="2022-03-21T14:01:44+11:00" />
|
||||
|
||||
<title>FAQ | Waku Connect Docs</title>
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
-->
|
||||
|
||||
</head>
|
||||
<body dir="ltr">
|
||||
<input type="checkbox" class="hidden toggle" id="menu-control" />
|
||||
<input type="checkbox" class="hidden toggle" id="toc-control" />
|
||||
<main class="container flex">
|
||||
<aside class="book-menu">
|
||||
<div class="book-menu-content">
|
||||
|
||||
<nav>
|
||||
<h2 class="book-brand">
|
||||
<a class="flex align-center" href="/"><span>Waku Connect Docs</span>
|
||||
</a>
|
||||
</h2>
|
||||
|
||||
|
||||
<div class="book-search">
|
||||
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
|
||||
<div class="book-search-spinner hidden"></div>
|
||||
<ul id="book-search-results"></ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<ul class="book-languages">
|
||||
<li>
|
||||
<input type="checkbox" id="languages" class="toggle" />
|
||||
<label for="languages" class="flex justify-between">
|
||||
<a role="button" class="flex align-center">
|
||||
<img src="/svg/translate.svg" class="book-icon" alt="Languages" />
|
||||
English
|
||||
</a>
|
||||
</label>
|
||||
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="https://docs.wakuconnect.dev/es/">
|
||||
Español
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://docs.wakuconnect.dev/pt/">
|
||||
Português
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/introduction/" class="">Introduction</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/quick_start/" class="">Quick Start</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class=" active">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/presentations/" class="">Presentations & Videos</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/" class="">Guides</a>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/01_choose_content_topic/" class="">How to Choose a Content Topic</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/discovery_bootstrap/" class="">Discovery & Bootstrap Nodes</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/02_relay_receive_send_messages/" class="">Receive and Send Messages Using Waku Relay</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/03_store_retrieve_messages/" class="">Retrieve Messages Using Waku Store</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/04_encrypt_messages_version_1/" class="">Encrypt Messages Using Waku Message Version 1</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/sign_messages_web3_eip712/" class="">Sign Messages Using a Web3 Wallet (EIP-712)</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/05_sign_messages_version_1/" class="">Sign Messages Using Waku Message Version 1</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/06_light_push_send_messages/" class="">Send Messages Using Waku Light Push</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/07_reactjs_relay/" class="">Receive and Send Messages Using Waku Relay With ReactJS</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/08_reactjs_store/" class="">Retrieve Messages Using Waku Store With ReactJS</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/angular_relay/" class="">Send and Receive Messages Using Waku Relay With Angular v13</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/nwaku/" class="">Nwaku Service Node</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/debug/" class="">How to Debug your Waku dApp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/" class="">Vote Poll Sdk</a>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/" class="">Create a DApp</a>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/01_create_dapp/" class="">Create the DApp and Install Dependencies</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/02_connect_wallet/" class="">Connect to the Ethereum Wallet</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/" class="">Poll SDK</a>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/01_create-a-poll_button/" class="">Create-A-Poll Button</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/02_poll_creation/" class="">Poll Creation Component</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/03_poll_list/" class="">Poll List Component</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/" class="">Vote SDK</a>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/01_deploying_smart_contract/" class="">Deploy smart contract</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/02_voting_creation/" class="">Creating Voting component</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/03_using_voting/" class="">Use Voting Component</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/examples/" class="">Examples</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/crypto_libraries/" class="">Cryptographic Libraries</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/waku_protocols/" class="">Implemented Waku Protocols</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="https://js-waku.wakuconnect.dev/" target="_blank" rel="noopener">
|
||||
JS-Waku API Doc
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://vac.dev/" target="_blank" rel="noopener">
|
||||
Vac Team
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://rfc.vac.dev/" target="_blank" rel="noopener">
|
||||
Vac RFCs
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://status.im/" target="_blank" rel="noopener">
|
||||
Status.im
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
<script>(function(){var a=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(b){localStorage.setItem("menu.scrollTop",a.scrollTop)}),a.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="book-page">
|
||||
<header class="book-header">
|
||||
|
||||
<div class="flex align-center justify-between">
|
||||
<label for="menu-control">
|
||||
<img src="/svg/menu.svg" class="book-icon" alt="Menu" />
|
||||
</label>
|
||||
|
||||
<strong>FAQ</strong>
|
||||
|
||||
<label for="toc-control">
|
||||
|
||||
<img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
|
||||
|
||||
</label>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<aside class="hidden clearfix">
|
||||
|
||||
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#faq">FAQ</a>
|
||||
<ul>
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="#1-why-should-i-build-a-frontend-only-webapp-no-nodejs-backend">1. Why should I build a frontend only webapp (no NodeJS backend)?</a></li>
|
||||
<li><a href="#2-i-am-getting-a-module-parse-failed-unexpected-token-error">2. I am getting a <code>Module parse failed: Unexpected token</code> error</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
</aside>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<article class="markdown"><h1 id="faq">
|
||||
FAQ
|
||||
<a class="anchor" href="#faq">#</a>
|
||||
</h1>
|
||||
<p>Frequently Asked Questions for developers using js-waku:</p>
|
||||
<h3 id="1-why-should-i-build-a-frontend-only-webapp-no-nodejs-backend">
|
||||
1. Why should I build a frontend only webapp (no NodeJS backend)?
|
||||
<a class="anchor" href="#1-why-should-i-build-a-frontend-only-webapp-no-nodejs-backend">#</a>
|
||||
</h3>
|
||||
<p>Waku enables dApp to add communication, e.g. interaction between users, in a fully decentralized manner.
|
||||
A webapp that uses NodeJS as a backend implies that a party runs said NodeJS software in a centralized infrastructure.</p>
|
||||
<p>Despite using Waku & Ethereum, such webapp cannot become decentralized.</p>
|
||||
<p>By building a frontend only webapp, that entirely runs in the browser, one can distribute the frontend code in many manners:
|
||||
host it, mirror it, have it on GitHub, deploy it on IPFS, etc.
|
||||
Enabling anyone to download this code and run in the browser,
|
||||
making the webapp a truly decentralized dApp.</p>
|
||||
<h3 id="2-i-am-getting-a-module-parse-failed-unexpected-token-error">
|
||||
2. I am getting a <code>Module parse failed: Unexpected token</code> error
|
||||
<a class="anchor" href="#2-i-am-getting-a-module-parse-failed-unexpected-token-error">#</a>
|
||||
</h3>
|
||||
<p>When using an older version of babel (used by <code>react-scripts</code>), the following error may appear when running the webapp:</p>
|
||||
<pre tabindex="0"><code>./node_modules/multistream-select/src/ls.js 55:2
|
||||
Module parse failed: Unexpected token (55:2)
|
||||
File was processed with these loaders:
|
||||
* ./node_modules/babel-loader/lib/index.js
|
||||
You may need an additional loader to handle the result of these loaders.
|
||||
| await pipe(protocolsReader, lp.decode(), async
|
||||
| /** @type {AsyncIterable<BufferList>} */
|
||||
> source => {
|
||||
| for await (const protocol of source) {
|
||||
| // Remove the newline
|
||||
</code></pre><pre tabindex="0"><code>./node_modules/js-waku/build/module/lib/waku_relay/index.js 228:16
|
||||
Module parse failed: Unexpected token (228:16)
|
||||
File was processed with these loaders:
|
||||
* ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js
|
||||
You may need an additional loader to handle the result of these loaders.
|
||||
| }
|
||||
|
|
||||
> meshPeers?.forEach(peer => {
|
||||
| toSend.add(peer);
|
||||
| });
|
||||
</code></pre><p>As documented in issue <a href="https://github.com/status-im/js-waku/issues/165">#165</a>,
|
||||
this error comes from an older babel version.
|
||||
You need babel version <strong>7.13.2</strong> or above.</p>
|
||||
<p>You can check your version using <code>npm ls</code>:</p>
|
||||
<pre tabindex="0"><code>▶ npm ls @babel/preset-env
|
||||
waku-pres@0.1.0
|
||||
└─┬ react-scripts@4.0.3
|
||||
├─┬ @svgr/webpack@5.5.0
|
||||
│ └── @babel/preset-env@7.12.17
|
||||
├─┬ babel-preset-react-app@10.0.0
|
||||
│ └── @babel/preset-env@7.12.1
|
||||
└─┬ workbox-webpack-plugin@5.1.4
|
||||
└─┬ workbox-build@5.1.4
|
||||
└── @babel/preset-env@7.12.17 deduped
|
||||
</code></pre><p>The best way to fix this is by using a more recent ReactJS stack.
|
||||
This might not always possible, in this case force the installation of babel <strong>7.14</strong>:</p>
|
||||
<pre tabindex="0"><code>npm i --save-dev @babel/preset-env@7.14
|
||||
rm -rf node_modules package-lock.json
|
||||
npm install
|
||||
</code></pre></article>
|
||||
|
||||
|
||||
|
||||
<footer class="book-footer">
|
||||
|
||||
<div class="flex flex-wrap justify-between">
|
||||
|
||||
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/98501af46245745f74944c1c490c2bba482755c8" title='Last modified by Franck R | Mar 21, 2022' target="_blank" rel="noopener">
|
||||
<img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
|
||||
<span>Mar 21, 2022</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/edit/develop/content/docs/faq.md" target="_blank" rel="noopener">
|
||||
<img src="/svg/edit.svg" class="book-icon" alt="Edit" />
|
||||
<span>Edit this page</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>(function(){function a(c){const a=window.getSelection(),b=document.createRange();b.selectNodeContents(c),a.removeAllRanges(),a.addRange(b)}document.querySelectorAll("pre code").forEach(b=>{b.addEventListener("click",function(c){a(b.parentElement),navigator.clipboard&&navigator.clipboard.writeText(b.parentElement.textContent)})})})()</script>
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<div class="book-comments">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<label for="menu-control" class="hidden book-menu-overlay"></label>
|
||||
</div>
|
||||
|
||||
|
||||
<aside class="book-toc">
|
||||
<div class="book-toc-content">
|
||||
|
||||
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#faq">FAQ</a>
|
||||
<ul>
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="#1-why-should-i-build-a-frontend-only-webapp-no-nodejs-backend">1. Why should I build a frontend only webapp (no NodeJS backend)?</a></li>
|
||||
<li><a href="#2-i-am-getting-a-module-parse-failed-unexpected-token-error">2. I am getting a <code>Module parse failed: Unexpected token</code> error</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
@ -25,7 +25,7 @@ The format for content topics is as follows:
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -144,6 +144,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -404,7 +417,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -21,7 +21,7 @@ For this guide, we are using a single content topic: /relay-guide/1/chat/proto."
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -140,6 +140,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -400,7 +413,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -19,7 +19,7 @@ Waku Relay is a gossip protocol. As a user, it means that your peers forward you
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -138,6 +138,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -398,7 +411,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -21,7 +21,7 @@ See Cryptographic Libraries for more details on the cryptographic libraries used
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -140,6 +140,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -400,7 +413,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -25,7 +25,7 @@ Create new keypair # Generate a new keypair to sign your messages:" />
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -144,6 +144,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -404,7 +417,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -19,7 +19,7 @@ The Waku Relay protocol sends messages to connected peers but does not provide a
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -138,6 +138,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -398,7 +411,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -19,7 +19,7 @@ Before starting, you need to choose a Content Topic for your dApp. Check out the
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -138,6 +138,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -398,7 +411,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -21,7 +21,7 @@ Waku Relay is a gossip protocol. As a user, it means that your peers forward you
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -140,6 +140,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -400,7 +413,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -16,14 +16,14 @@ For this guide, we are using a single content topic: /relay-angular-chat/1/chat/
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://docs.wakuconnect.dev/docs/guides/angular_relay/" /><meta property="article:section" content="docs" />
|
||||
<meta property="article:published_time" content="2022-02-15T09:00:00+01:00" />
|
||||
<meta property="article:modified_time" content="2022-02-21T11:44:39+11:00" />
|
||||
<meta property="article:modified_time" content="2022-03-17T14:27:11+11:00" />
|
||||
|
||||
<title>Send and Receive Messages Using Waku Relay With Angular v13 | Waku Connect Docs</title>
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -142,6 +142,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -402,7 +415,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
@ -863,7 +876,7 @@ We’re going to wrap the <code>js-waku</code> library in a Service so we ca
|
||||
}
|
||||
</code></pre></div><p>When using the <code>bootstrap</code> option, it may take some time to connect to other peers.
|
||||
That’s why we use the <code>waku.waitForRemotePeer</code> function to ensure that there are relay peers available to send and receive messages.</p>
|
||||
<p>Now we can inject the <code>WakuService</code> in to the <code>AppComponent</code> class to initialise the node and
|
||||
<p>Now we can inject the <code>WakuService</code> in to the <code>AppComponent</code> class to initialize the node and
|
||||
subscribe to any status changes.</p>
|
||||
<p>Firstly, import the <code>WakuService</code>:</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-js" data-lang="js"><span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">WakuService</span> } <span style="color:#a6e22e">from</span> <span style="color:#e6db74">"./waku.service"</span>;
|
||||
@ -1031,9 +1044,9 @@ Try it out by opening the app from different browsers!</p>
|
||||
<div class="flex flex-wrap justify-between">
|
||||
|
||||
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/fcb7a984ce0ea083556225b58b76f91e6ba583f2" title='Last modified by Franck R | Feb 21, 2022' target="_blank" rel="noopener">
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/e2e21a3cbbf8abf6f36c2f94ecb614c3c5f2f2f0" title='Last modified by Franck R | Mar 17, 2022' target="_blank" rel="noopener">
|
||||
<img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
|
||||
<span>Feb 21, 2022</span>
|
||||
<span>Mar 17, 2022</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
@ -27,7 +27,7 @@ export DEBUG=* Browser # To see the debug logs in your browser’s console,
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -146,6 +146,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -406,7 +419,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -12,14 +12,14 @@ Node discovery is the mechanism that enables a Waku node to find other nodes. Wa
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://docs.wakuconnect.dev/docs/guides/discovery_bootstrap/" /><meta property="article:section" content="docs" />
|
||||
<meta property="article:published_time" content="2022-02-17T00:00:00+01:00" />
|
||||
<meta property="article:modified_time" content="2022-03-10T16:49:49+11:00" />
|
||||
<meta property="article:modified_time" content="2022-03-17T14:27:11+11:00" />
|
||||
|
||||
<title>Discovery & Bootstrap Nodes | Waku Connect Docs</title>
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -138,6 +138,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -398,7 +411,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
@ -715,7 +728,7 @@ the node does <strong>not</strong> connect to any remote peer or bootstrap node.
|
||||
<p>As the current strategy is to connect to nodes operated by Status,
|
||||
we want to ensure that developers consciously opt-in
|
||||
while providing a friendly developer experience.</p>
|
||||
<p>We intend to change this in the future and enable boostrap by default
|
||||
<p>We intend to change this in the future and enable bootstrap by default
|
||||
once we have implemented more decentralized strategies.</p>
|
||||
|
||||
</blockquote>
|
||||
@ -792,9 +805,9 @@ and use them to bootstrap js-waku nodes.</p>
|
||||
<span style="color:#66d9ef">const</span> <span style="color:#a6e22e">waku</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">await</span> <span style="color:#a6e22e">Waku</span>.<span style="color:#a6e22e">create</span>({
|
||||
<span style="color:#a6e22e">bootstrap</span><span style="color:#f92672">:</span> {
|
||||
<span style="color:#a6e22e">getPeers</span>: <span style="color:#66d9ef">async</span> () <span style="color:#f92672">=></span> {
|
||||
<span style="color:#66d9ef">const</span> <span style="color:#a6e22e">addrs</span> <span style="color:#f92672">=</span> [];
|
||||
<span style="color:#66d9ef">const</span> <span style="color:#a6e22e">addresses</span> <span style="color:#f92672">=</span> [];
|
||||
<span style="color:#75715e">// Fetch the multiaddrs from somewhere...
|
||||
</span><span style="color:#75715e"></span> <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">addrs</span>;
|
||||
</span><span style="color:#75715e"></span> <span style="color:#66d9ef">return</span> <span style="color:#a6e22e">addresses</span>;
|
||||
},
|
||||
},
|
||||
});
|
||||
@ -854,9 +867,9 @@ without having to update a domain name.</li>
|
||||
<div class="flex flex-wrap justify-between">
|
||||
|
||||
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/f3adeca941c54446a327196e7502d02b9ed41a7e" title='Last modified by Franck R | Mar 10, 2022' target="_blank" rel="noopener">
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/e2e21a3cbbf8abf6f36c2f94ecb614c3c5f2f2f0" title='Last modified by Franck R | Mar 17, 2022' target="_blank" rel="noopener">
|
||||
<img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
|
||||
<span>Mar 10, 2022</span>
|
||||
<span>Mar 17, 2022</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
@ -15,7 +15,7 @@
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<link rel="alternate" type="application/rss+xml" href="https://docs.wakuconnect.dev/docs/guides/index.xml" title="Waku Connect Docs" />
|
||||
<!--
|
||||
Made with Book Theme
|
||||
@ -135,6 +135,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -395,7 +408,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -23,7 +23,7 @@ It is also possible to deploy your own nwaku node by following these instruction
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -142,6 +142,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -402,7 +415,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -21,7 +21,7 @@ For this guide, we are build a dApp that implements 20/TOY-ETH-PM: A simple prot
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -140,6 +140,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -400,7 +413,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -23,7 +23,7 @@ The latest react-scripts version uses webpack 5." />
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -142,6 +142,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -402,7 +415,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -10,14 +10,14 @@
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/02_connect_wallet/" /><meta property="article:section" content="docs" />
|
||||
<meta property="article:published_time" content="2022-01-03T11:00:00+11:00" />
|
||||
<meta property="article:modified_time" content="2022-02-11T22:11:16+11:00" />
|
||||
<meta property="article:modified_time" content="2022-03-17T14:27:11+11:00" />
|
||||
|
||||
<title>Connect to the Ethereum Wallet | Waku Connect Docs</title>
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -136,6 +136,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -396,7 +409,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
@ -690,7 +703,7 @@ Next step demonstrates how to use <code>@useDapp</code> for this purpose.
|
||||
<p>In this we will use <code>ethers</code> to keep amount of dependencies to minimum but feel free to use other packages.</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-shell" data-lang="shell">yarn add ethers@5.4.6
|
||||
</code></pre></div><blockquote class="book-hint warning">
|
||||
The SDK use <code>ethers</code> version 5.4.6 due to incompatibility between minor versions it is recomended to use this version.
|
||||
The SDK use <code>ethers</code> version 5.4.6 due to incompatibility between minor versions it is recommended to use this version.
|
||||
</blockquote>
|
||||
|
||||
<p>Delete the template <code>App</code> component:</p>
|
||||
@ -708,7 +721,7 @@ Next step demonstrates how to use <code>@useDapp</code> for this purpose.
|
||||
<p>Use <code>TopBar</code> component to display wallet information.
|
||||
For that, create a <code>PollPage</code> component that includes the top bar and will include the poll elements.
|
||||
The component uses <code>ethers</code> to connect to the user’s wallet:</p>
|
||||
<p><code>MULTICALL_ADDRESS</code> is an address to mutical smart contract that allows aggregating multiple contract calls into one, thus reducing number of calls to blockchain needed.</p>
|
||||
<p><code>MULTICALL_ADDRESS</code> is an address to multicall smart contract that allows aggregating multiple contract calls into one, thus reducing number of calls to blockchain needed.</p>
|
||||
<p>Example multicall addresses: - Mainnet: <code>0xeefba1e63905ef1d7acba5a8513c70307c1ce441</code>, - Ropsten: <code>0x53c43764255c17bd724f74c4ef150724ac50a3ed</code></p>
|
||||
<p>But if you want you can deploy your own multicall smart contract.</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tsx" data-lang="tsx"><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">MULTICALL_ADDRESS</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">"0xeefba1e63905ef1d7acba5a8513c70307c1ce441"</span>;
|
||||
@ -840,7 +853,7 @@ Create a <code>Wrapper</code> variable to use in the page component:</p>
|
||||
|
||||
|
||||
|
||||
<a href="/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="book-btn">
|
||||
<a href="/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="book-btn">
|
||||
Next: Connect using useDapp
|
||||
</a>
|
||||
</p>
|
||||
@ -853,9 +866,9 @@ Create a <code>Wrapper</code> variable to use in the page component:</p>
|
||||
<div class="flex flex-wrap justify-between">
|
||||
|
||||
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/da15b6b74dab744fb436e9f8c10395c4f857c152" title='Last modified by Franck R | Feb 11, 2022' target="_blank" rel="noopener">
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/e2e21a3cbbf8abf6f36c2f94ecb614c3c5f2f2f0" title='Last modified by Franck R | Mar 17, 2022' target="_blank" rel="noopener">
|
||||
<img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
|
||||
<span>Feb 11, 2022</span>
|
||||
<span>Mar 17, 2022</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
@ -0,0 +1,979 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Connect to the Ethereum Wallet # This section may be skipped if you are adding the poll feature to an existing dApp that already connects to the user’s wallet. This section can be used instead of previous step. It demonstrates how to use @useDapp for wallet connection. In this guide, we use useDApp to access the blockchain.
|
||||
yarn add @usedapp/core@0.4.7 @usedapp/core must be frozen to version 0.4.7 due to incompatibility between minor versions of ethers.">
|
||||
<meta name="theme-color" content="#FFFFFF">
|
||||
<meta name="color-scheme" content="light dark"><meta property="og:title" content="Connect to the Ethereum Wallet useDapp" />
|
||||
<meta property="og:description" content="Connect to the Ethereum Wallet # This section may be skipped if you are adding the poll feature to an existing dApp that already connects to the user’s wallet. This section can be used instead of previous step. It demonstrates how to use @useDapp for wallet connection. In this guide, we use useDApp to access the blockchain.
|
||||
yarn add @usedapp/core@0.4.7 @usedapp/core must be frozen to version 0.4.7 due to incompatibility between minor versions of ethers." />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" /><meta property="article:section" content="docs" />
|
||||
<meta property="article:published_time" content="2022-01-03T11:00:00+11:00" />
|
||||
<meta property="article:modified_time" content="2022-03-17T14:27:11+11:00" />
|
||||
|
||||
<title>Connect to the Ethereum Wallet useDapp | Waku Connect Docs</title>
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
-->
|
||||
|
||||
</head>
|
||||
<body dir="ltr">
|
||||
<input type="checkbox" class="hidden toggle" id="menu-control" />
|
||||
<input type="checkbox" class="hidden toggle" id="toc-control" />
|
||||
<main class="container flex">
|
||||
<aside class="book-menu">
|
||||
<div class="book-menu-content">
|
||||
|
||||
<nav>
|
||||
<h2 class="book-brand">
|
||||
<a class="flex align-center" href="/"><span>Waku Connect Docs</span>
|
||||
</a>
|
||||
</h2>
|
||||
|
||||
|
||||
<div class="book-search">
|
||||
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
|
||||
<div class="book-search-spinner hidden"></div>
|
||||
<ul id="book-search-results"></ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<ul class="book-languages">
|
||||
<li>
|
||||
<input type="checkbox" id="languages" class="toggle" />
|
||||
<label for="languages" class="flex justify-between">
|
||||
<a role="button" class="flex align-center">
|
||||
<img src="/svg/translate.svg" class="book-icon" alt="Languages" />
|
||||
English
|
||||
</a>
|
||||
</label>
|
||||
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="https://docs.wakuconnect.dev/es/">
|
||||
Español
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://docs.wakuconnect.dev/pt/">
|
||||
Português
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/introduction/" class="">Introduction</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/quick_start/" class="">Quick Start</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/presentations/" class="">Presentations & Videos</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/" class="">Guides</a>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/01_choose_content_topic/" class="">How to Choose a Content Topic</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/discovery_bootstrap/" class="">Discovery & Bootstrap Nodes</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/02_relay_receive_send_messages/" class="">Receive and Send Messages Using Waku Relay</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/03_store_retrieve_messages/" class="">Retrieve Messages Using Waku Store</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/04_encrypt_messages_version_1/" class="">Encrypt Messages Using Waku Message Version 1</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/sign_messages_web3_eip712/" class="">Sign Messages Using a Web3 Wallet (EIP-712)</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/05_sign_messages_version_1/" class="">Sign Messages Using Waku Message Version 1</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/06_light_push_send_messages/" class="">Send Messages Using Waku Light Push</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/07_reactjs_relay/" class="">Receive and Send Messages Using Waku Relay With ReactJS</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/08_reactjs_store/" class="">Retrieve Messages Using Waku Store With ReactJS</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/angular_relay/" class="">Send and Receive Messages Using Waku Relay With Angular v13</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/nwaku/" class="">Nwaku Service Node</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/debug/" class="">How to Debug your Waku dApp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/" class="">Vote Poll Sdk</a>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/" class="">Create a DApp</a>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/01_create_dapp/" class="">Create the DApp and Install Dependencies</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/02_connect_wallet/" class="">Connect to the Ethereum Wallet</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class=" active">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/" class="">Poll SDK</a>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/01_create-a-poll_button/" class="">Create-A-Poll Button</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/02_poll_creation/" class="">Poll Creation Component</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/03_poll_list/" class="">Poll List Component</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/" class="">Vote SDK</a>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/01_deploying_smart_contract/" class="">Deploy smart contract</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/02_voting_creation/" class="">Creating Voting component</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/03_using_voting/" class="">Use Voting Component</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/examples/" class="">Examples</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/crypto_libraries/" class="">Cryptographic Libraries</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/waku_protocols/" class="">Implemented Waku Protocols</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="https://js-waku.wakuconnect.dev/" target="_blank" rel="noopener">
|
||||
JS-Waku API Doc
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://vac.dev/" target="_blank" rel="noopener">
|
||||
Vac Team
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://rfc.vac.dev/" target="_blank" rel="noopener">
|
||||
Vac RFCs
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://status.im/" target="_blank" rel="noopener">
|
||||
Status.im
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
<script>(function(){var a=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(b){localStorage.setItem("menu.scrollTop",a.scrollTop)}),a.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="book-page">
|
||||
<header class="book-header">
|
||||
|
||||
<div class="flex align-center justify-between">
|
||||
<label for="menu-control">
|
||||
<img src="/svg/menu.svg" class="book-icon" alt="Menu" />
|
||||
</label>
|
||||
|
||||
<strong>Connect to the Ethereum Wallet useDapp</strong>
|
||||
|
||||
<label for="toc-control">
|
||||
|
||||
<img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
|
||||
|
||||
</label>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<aside class="hidden clearfix">
|
||||
|
||||
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#connect-to-the-ethereum-wallet">Connect to the Ethereum Wallet</a>
|
||||
<ul>
|
||||
<li><a href="#top-bar">Top bar</a></li>
|
||||
<li><a href="#page">Page</a>
|
||||
<ul>
|
||||
<li><a href="#usedapp">UseDApp</a></li>
|
||||
<li><a href="#styled-components">Styled-components</a></li>
|
||||
<li><a href="#render">Render</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
</aside>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<article class="markdown"><h1 id="connect-to-the-ethereum-wallet">
|
||||
Connect to the Ethereum Wallet
|
||||
<a class="anchor" href="#connect-to-the-ethereum-wallet">#</a>
|
||||
</h1>
|
||||
<blockquote class="book-hint info">
|
||||
This section may be skipped if you are adding the poll feature to an existing dApp
|
||||
that already connects to the user’s wallet.
|
||||
This section can be used instead of previous step.
|
||||
It demonstrates how to use <code>@useDapp</code> for wallet connection.
|
||||
</blockquote>
|
||||
|
||||
<p>In this guide, we use <a href="https://usedapp.io/">useDApp</a> to access the blockchain.</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-shell" data-lang="shell">yarn add @usedapp/core@0.4.7
|
||||
</code></pre></div><blockquote class="book-hint warning">
|
||||
<p><code>@usedapp/core</code> must be frozen to version <code>0.4.7</code> due to incompatibility between minor versions of <code>ethers</code>.</p>
|
||||
<p>Waku Connect Vote & Poll SDK will be upgraded to the latest version of <code>@usedapp/core</code> and <code>ethers</code> once <code>ethereum-waffle</code>
|
||||
is released with the <a href="https://github.com/EthWorks/Waffle/pull/603">latest version of <code>ethers</code></a>.</p>
|
||||
|
||||
</blockquote>
|
||||
|
||||
<p>Delete the template <code>App</code> component:</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-shell" data-lang="shell">rm -f App.tsx App.css App.test.tsx
|
||||
</code></pre></div><h2 id="top-bar">
|
||||
Top bar
|
||||
<a class="anchor" href="#top-bar">#</a>
|
||||
</h2>
|
||||
<p>Use <code>TopBar</code> component to display wallet information.
|
||||
For that, create a <code>PollPage</code> component that includes the top bar and will include the poll elements.
|
||||
The component uses <code>ethers</code> to connect to the user’s wallet:</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tsx" data-lang="tsx"><span style="color:#66d9ef">export</span> <span style="color:#66d9ef">function</span> <span style="color:#a6e22e">PollPage() {</span>
|
||||
<span style="color:#66d9ef">const</span> { <span style="color:#a6e22e">account</span>, <span style="color:#a6e22e">library</span>, <span style="color:#a6e22e">activateBrowserWallet</span>, <span style="color:#a6e22e">deactivate</span> } <span style="color:#f92672">=</span> <span style="color:#a6e22e">useEthers</span>();
|
||||
<span style="color:#66d9ef">const</span> [<span style="color:#a6e22e">signer</span>, <span style="color:#a6e22e">setSigner</span>] <span style="color:#f92672">=</span> <span style="color:#a6e22e">useState</span><<span style="color:#f92672">undefined</span> <span style="color:#960050;background-color:#1e0010">|</span> <span style="color:#a6e22e">JsonRpcSigner</span>>(<span style="color:#66d9ef">undefined</span>);
|
||||
|
||||
<span style="color:#a6e22e">useEffect</span>(() <span style="color:#f92672">=></span> {
|
||||
<span style="color:#66d9ef">if</span> (<span style="color:#a6e22e">account</span>) {
|
||||
<span style="color:#a6e22e">setSigner</span>(<span style="color:#a6e22e">library</span><span style="color:#f92672">?</span>.<span style="color:#a6e22e">getSigner</span>());
|
||||
} <span style="color:#66d9ef">else</span> {
|
||||
<span style="color:#75715e">// Deactivate signer if signed out
|
||||
</span><span style="color:#75715e"></span> <span style="color:#a6e22e">setSigner</span>(<span style="color:#66d9ef">undefined</span>);
|
||||
}
|
||||
}, [<span style="color:#a6e22e">account</span>]);
|
||||
|
||||
<span style="color:#66d9ef">return</span> (
|
||||
<<span style="color:#f92672">div</span>>
|
||||
<<span style="color:#f92672">TopBar</span>
|
||||
<span style="color:#a6e22e">logo</span><span style="color:#f92672">=</span>{<span style="color:#e6db74">""</span>}
|
||||
<span style="color:#a6e22e">logoWidth</span><span style="color:#f92672">=</span>{<span style="color:#ae81ff">84</span>}
|
||||
<span style="color:#a6e22e">title</span><span style="color:#f92672">=</span>{<span style="color:#e6db74">"Poll dApp"</span>}
|
||||
<span style="color:#a6e22e">theme</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">orangeTheme</span>}
|
||||
<span style="color:#a6e22e">activate</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">activateBrowserWallet</span>}
|
||||
<span style="color:#a6e22e">account</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">account</span>}
|
||||
<span style="color:#a6e22e">deactivate</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">deactivate</span>}
|
||||
/>
|
||||
</<span style="color:#f92672">div</span>>
|
||||
);
|
||||
}
|
||||
</code></pre></div><h2 id="page">
|
||||
Page
|
||||
<a class="anchor" href="#page">#</a>
|
||||
</h2>
|
||||
<h3 id="usedapp">
|
||||
UseDApp
|
||||
<a class="anchor" href="#usedapp">#</a>
|
||||
</h3>
|
||||
<p>Create a <code>config</code> variable that contains the Ethereum network parameters:</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tsx" data-lang="tsx"><span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">ChainId</span>, <span style="color:#a6e22e">DAppProvider</span>, <span style="color:#a6e22e">useEthers</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">"@usedapp/core"</span>;
|
||||
|
||||
<span style="color:#66d9ef">const</span> <span style="color:#a6e22e">config</span> <span style="color:#f92672">=</span> {
|
||||
<span style="color:#a6e22e">readOnlyChainId</span>: <span style="color:#66d9ef">ChainId.Mainnet</span>,
|
||||
<span style="color:#a6e22e">readOnlyUrls</span><span style="color:#f92672">:</span> {
|
||||
[<span style="color:#a6e22e">ChainId</span>.<span style="color:#a6e22e">Mainnet</span>]<span style="color:#f92672">:</span> <span style="color:#e6db74">"https://mainnet.infura.io/v3/your-infura-token"</span>,
|
||||
},
|
||||
<span style="color:#a6e22e">multicallAddresses</span><span style="color:#f92672">:</span> {
|
||||
<span style="color:#ae81ff">1</span><span style="color:#f92672">:</span> <span style="color:#e6db74">"0xeefba1e63905ef1d7acba5a8513c70307c1ce441"</span>,
|
||||
<span style="color:#ae81ff">3</span><span style="color:#f92672">:</span> <span style="color:#e6db74">"0x53c43764255c17bd724f74c4ef150724ac50a3ed"</span>,
|
||||
},
|
||||
<span style="color:#a6e22e">notifications</span><span style="color:#f92672">:</span> {
|
||||
<span style="color:#a6e22e">checkInterval</span>: <span style="color:#66d9ef">500</span>,
|
||||
<span style="color:#a6e22e">expirationPeriod</span>: <span style="color:#66d9ef">50000</span>,
|
||||
},
|
||||
};
|
||||
</code></pre></div><p>Replace <code>your-infura-token</code> with your <a href="https://infura.io/docs/ethereum">Infura API token</a>.</p>
|
||||
<h3 id="styled-components">
|
||||
Styled-components
|
||||
<a class="anchor" href="#styled-components">#</a>
|
||||
</h3>
|
||||
<p><a href="https://styled-components.com/"><code>styled-components</code></a> is used for easy styling.
|
||||
Create a <code>Wrapper</code> variable to use in the page component:</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tsx" data-lang="tsx"><span style="color:#66d9ef">import</span> <span style="color:#a6e22e">styled</span> <span style="color:#66d9ef">from</span> <span style="color:#e6db74">"styled-components"</span>;
|
||||
|
||||
<span style="color:#66d9ef">const</span> <span style="color:#a6e22e">Wrapper</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">styled</span>.<span style="color:#a6e22e">div</span><span style="color:#e6db74">`
|
||||
</span><span style="color:#e6db74"> height: 100%;
|
||||
</span><span style="color:#e6db74"> width: 100%;
|
||||
</span><span style="color:#e6db74">`</span>;
|
||||
</code></pre></div><h3 id="render">
|
||||
Render
|
||||
<a class="anchor" href="#render">#</a>
|
||||
</h3>
|
||||
<p>Finally, create the <code>App</code> component:</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tsx" data-lang="tsx"><span style="color:#66d9ef">function</span> <span style="color:#a6e22e">App() {</span>
|
||||
<span style="color:#66d9ef">return</span> (
|
||||
<<span style="color:#f92672">Wrapper</span>>
|
||||
<<span style="color:#f92672">GlobalStyle</span> />
|
||||
<<span style="color:#f92672">DAppProvider</span> <span style="color:#a6e22e">config</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">config</span>}>
|
||||
<<span style="color:#f92672">PollPage</span> />
|
||||
</<span style="color:#f92672">DAppProvider</span>>
|
||||
</<span style="color:#f92672">Wrapper</span>>
|
||||
);
|
||||
}
|
||||
</code></pre></div><p>Your <code>index.tsx</code> should now be:</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-tsx" data-lang="tsx"><span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">ChainId</span>, <span style="color:#a6e22e">DAppProvider</span>, <span style="color:#a6e22e">useEthers</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">"@usedapp/core"</span>;
|
||||
<span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">GlobalStyle</span>, <span style="color:#a6e22e">TopBar</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">"@waku/vote-poll-sdk-react-components"</span>;
|
||||
<span style="color:#66d9ef">import</span> <span style="color:#a6e22e">React</span>, { <span style="color:#a6e22e">useEffect</span>, <span style="color:#a6e22e">useState</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">"react"</span>;
|
||||
<span style="color:#66d9ef">import</span> <span style="color:#a6e22e">ReactDOM</span> <span style="color:#66d9ef">from</span> <span style="color:#e6db74">"react-dom"</span>;
|
||||
<span style="color:#66d9ef">import</span> <span style="color:#e6db74">"./index.css"</span>;
|
||||
<span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">JsonRpcSigner</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">"@ethersproject/providers"</span>;
|
||||
<span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">orangeTheme</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">"@waku/vote-poll-sdk-react-components/dist/cjs/src/style/themes"</span>;
|
||||
<span style="color:#66d9ef">import</span> <span style="color:#a6e22e">styled</span> <span style="color:#66d9ef">from</span> <span style="color:#e6db74">"styled-components"</span>;
|
||||
|
||||
<span style="color:#66d9ef">const</span> <span style="color:#a6e22e">config</span> <span style="color:#f92672">=</span> {
|
||||
<span style="color:#a6e22e">readOnlyChainId</span>: <span style="color:#66d9ef">ChainId.Mainnet</span>,
|
||||
<span style="color:#a6e22e">readOnlyUrls</span><span style="color:#f92672">:</span> {
|
||||
[<span style="color:#a6e22e">ChainId</span>.<span style="color:#a6e22e">Mainnet</span>]<span style="color:#f92672">:</span> <span style="color:#e6db74">"https://mainnet.infura.io/v3/your-infura-token"</span>,
|
||||
},
|
||||
<span style="color:#a6e22e">multicallAddresses</span><span style="color:#f92672">:</span> {
|
||||
<span style="color:#ae81ff">1</span><span style="color:#f92672">:</span> <span style="color:#e6db74">"0xeefba1e63905ef1d7acba5a8513c70307c1ce441"</span>,
|
||||
<span style="color:#ae81ff">3</span><span style="color:#f92672">:</span> <span style="color:#e6db74">"0x53c43764255c17bd724f74c4ef150724ac50a3ed"</span>,
|
||||
},
|
||||
<span style="color:#a6e22e">notifications</span><span style="color:#f92672">:</span> {
|
||||
<span style="color:#a6e22e">checkInterval</span>: <span style="color:#66d9ef">500</span>,
|
||||
<span style="color:#a6e22e">expirationPeriod</span>: <span style="color:#66d9ef">50000</span>,
|
||||
},
|
||||
};
|
||||
|
||||
<span style="color:#66d9ef">function</span> <span style="color:#a6e22e">PollPage() {</span>
|
||||
<span style="color:#66d9ef">const</span> { <span style="color:#a6e22e">account</span>, <span style="color:#a6e22e">library</span>, <span style="color:#a6e22e">activateBrowserWallet</span>, <span style="color:#a6e22e">deactivate</span> } <span style="color:#f92672">=</span> <span style="color:#a6e22e">useEthers</span>();
|
||||
<span style="color:#66d9ef">const</span> [<span style="color:#a6e22e">signer</span>, <span style="color:#a6e22e">setSigner</span>] <span style="color:#f92672">=</span> <span style="color:#a6e22e">useState</span><<span style="color:#f92672">undefined</span> <span style="color:#960050;background-color:#1e0010">|</span> <span style="color:#a6e22e">JsonRpcSigner</span>>(<span style="color:#66d9ef">undefined</span>);
|
||||
|
||||
<span style="color:#a6e22e">useEffect</span>(() <span style="color:#f92672">=></span> {
|
||||
<span style="color:#66d9ef">if</span> (<span style="color:#a6e22e">account</span>) {
|
||||
<span style="color:#a6e22e">setSigner</span>(<span style="color:#a6e22e">library</span><span style="color:#f92672">?</span>.<span style="color:#a6e22e">getSigner</span>());
|
||||
} <span style="color:#66d9ef">else</span> {
|
||||
<span style="color:#75715e">// Deactivate signer if signed out
|
||||
</span><span style="color:#75715e"></span> <span style="color:#a6e22e">setSigner</span>(<span style="color:#66d9ef">undefined</span>);
|
||||
}
|
||||
}, [<span style="color:#a6e22e">account</span>]);
|
||||
|
||||
<span style="color:#66d9ef">return</span> (
|
||||
<<span style="color:#f92672">div</span>>
|
||||
<<span style="color:#f92672">TopBar</span>
|
||||
<span style="color:#a6e22e">logo</span><span style="color:#f92672">=</span>{<span style="color:#e6db74">""</span>}
|
||||
<span style="color:#a6e22e">logoWidth</span><span style="color:#f92672">=</span>{<span style="color:#ae81ff">84</span>}
|
||||
<span style="color:#a6e22e">title</span><span style="color:#f92672">=</span>{<span style="color:#e6db74">"Poll dApp"</span>}
|
||||
<span style="color:#a6e22e">theme</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">orangeTheme</span>}
|
||||
<span style="color:#a6e22e">activate</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">activateBrowserWallet</span>}
|
||||
<span style="color:#a6e22e">account</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">account</span>}
|
||||
<span style="color:#a6e22e">deactivate</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">deactivate</span>}
|
||||
/>
|
||||
<span style="color:#75715e">//Place for poll or vote component
|
||||
</span><span style="color:#75715e"></span> </<span style="color:#f92672">div</span>>
|
||||
);
|
||||
}
|
||||
|
||||
<span style="color:#66d9ef">function</span> <span style="color:#a6e22e">App() {</span>
|
||||
<span style="color:#66d9ef">return</span> (
|
||||
<<span style="color:#f92672">Wrapper</span>>
|
||||
<<span style="color:#f92672">GlobalStyle</span> />
|
||||
<<span style="color:#f92672">DAppProvider</span> <span style="color:#a6e22e">config</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">config</span>}>
|
||||
<<span style="color:#f92672">PollPage</span> />
|
||||
</<span style="color:#f92672">DAppProvider</span>>
|
||||
</<span style="color:#f92672">Wrapper</span>>
|
||||
);
|
||||
}
|
||||
|
||||
<span style="color:#66d9ef">const</span> <span style="color:#a6e22e">Wrapper</span> <span style="color:#f92672">=</span> <span style="color:#a6e22e">styled</span>.<span style="color:#a6e22e">div</span><span style="color:#e6db74">`
|
||||
</span><span style="color:#e6db74"> height: 100%;
|
||||
</span><span style="color:#e6db74"> width: 100%;
|
||||
</span><span style="color:#e6db74">`</span>;
|
||||
|
||||
<span style="color:#a6e22e">ReactDOM</span>.<span style="color:#a6e22e">render</span>(
|
||||
<<span style="color:#f92672">React.StrictMode</span>>
|
||||
<<span style="color:#f92672">App</span> />
|
||||
</<span style="color:#f92672">React.StrictMode</span>>,
|
||||
document.<span style="color:#a6e22e">getElementById</span>(<span style="color:#e6db74">"root"</span>)
|
||||
);
|
||||
</code></pre></div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/docs/guides/vote_poll_sdk/dapp_creation/02_connect_wallet/" class="book-btn">
|
||||
Back
|
||||
</a>
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
<footer class="book-footer">
|
||||
|
||||
<div class="flex flex-wrap justify-between">
|
||||
|
||||
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/e2e21a3cbbf8abf6f36c2f94ecb614c3c5f2f2f0" title='Last modified by Franck R | Mar 17, 2022' target="_blank" rel="noopener">
|
||||
<img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
|
||||
<span>Mar 17, 2022</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/edit/develop/content/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_useDapp.md" target="_blank" rel="noopener">
|
||||
<img src="/svg/edit.svg" class="book-icon" alt="Edit" />
|
||||
<span>Edit this page</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script>(function(){function a(c){const a=window.getSelection(),b=document.createRange();b.selectNodeContents(c),a.removeAllRanges(),a.addRange(b)}document.querySelectorAll("pre code").forEach(b=>{b.addEventListener("click",function(c){a(b.parentElement),navigator.clipboard&&navigator.clipboard.writeText(b.parentElement.textContent)})})})()</script>
|
||||
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<div class="book-comments">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<label for="menu-control" class="hidden book-menu-overlay"></label>
|
||||
</div>
|
||||
|
||||
|
||||
<aside class="book-toc">
|
||||
<div class="book-toc-content">
|
||||
|
||||
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#connect-to-the-ethereum-wallet">Connect to the Ethereum Wallet</a>
|
||||
<ul>
|
||||
<li><a href="#top-bar">Top bar</a></li>
|
||||
<li><a href="#page">Page</a>
|
||||
<ul>
|
||||
<li><a href="#usedapp">UseDApp</a></li>
|
||||
<li><a href="#styled-components">Styled-components</a></li>
|
||||
<li><a href="#render">Render</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
@ -18,7 +18,7 @@ The Poll & Vote SDK features can only be used by token holders, you must pas
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<link rel="alternate" type="application/rss+xml" href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/index.xml" title="Waku Connect Docs" />
|
||||
<!--
|
||||
Made with Book Theme
|
||||
@ -138,6 +138,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -398,7 +411,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -30,10 +30,10 @@ The latest react-scripts version uses webpack 5.</description>
|
||||
|
||||
<item>
|
||||
<title>Connect to the Ethereum Wallet useDapp</title>
|
||||
<link>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/</link>
|
||||
<link>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/</link>
|
||||
<pubDate>Mon, 03 Jan 2022 11:00:00 +1100</pubDate>
|
||||
|
||||
<guid>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/</guid>
|
||||
<guid>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/</guid>
|
||||
<description>Connect to the Ethereum Wallet # This section may be skipped if you are adding the poll feature to an existing dApp that already connects to the user&rsquo;s wallet. This section can be used instead of previous step. It demonstrates how to use @useDapp for wallet connection. In this guide, we use useDApp to access the blockchain.
|
||||
yarn add @usedapp/core@0.4.7 @usedapp/core must be frozen to version 0.4.7 due to incompatibility between minor versions of ethers.</description>
|
||||
</item>
|
||||
|
@ -18,7 +18,7 @@ For both functionalities, only ERC-20 token holders can create or answer polls/v
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<link rel="alternate" type="application/rss+xml" href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/index.xml" title="Waku Connect Docs" />
|
||||
<!--
|
||||
Made with Book Theme
|
||||
@ -138,6 +138,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -398,7 +411,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -21,7 +21,7 @@ import styled from "styled-components"; const Wrapper = styled.div` disp
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -140,6 +140,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -400,7 +413,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -21,7 +21,7 @@ useWakuPolling takes:
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -140,6 +140,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -400,7 +413,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -23,7 +23,7 @@ import React, { useMemo, useState } from "react"; import styled from 
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -142,6 +142,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -402,7 +415,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -18,7 +18,7 @@ The resulting code of this guide can be found at https://github.">
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<link rel="alternate" type="application/rss+xml" href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/index.xml" title="Waku Connect Docs" />
|
||||
<!--
|
||||
Made with Book Theme
|
||||
@ -138,6 +138,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -398,7 +411,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -23,7 +23,7 @@ import { ContractFactory, getDefaultProvider, Wallet } from "ethers"; im
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -142,6 +142,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -402,7 +415,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -23,7 +23,7 @@ After that we can start with styling and defining which theme we will be using:"
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -142,6 +142,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -402,7 +415,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -21,7 +21,7 @@ import { useWakuVoting } from "@waku/vote-sdk-react-hooks"; export funct
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -140,6 +140,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -400,7 +413,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -18,7 +18,7 @@ The resulting code of this guide can be found in the repo at examples/ropsten-vo
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<link rel="alternate" type="application/rss+xml" href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/index.xml" title="Waku Connect Docs" />
|
||||
<!--
|
||||
Made with Book Theme
|
||||
@ -138,6 +138,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -398,7 +411,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -19,7 +19,7 @@ Waku can be used for chat purposes and for many machine-to-machine use cases.">
|
||||
<link rel="alternate" hreflang="pt" href="https://docs.wakuconnect.dev/pt/docs/" title="Introdução">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<link rel="alternate" type="application/rss+xml" href="https://docs.wakuconnect.dev/docs/index.xml" title="Waku Connect Docs" />
|
||||
<!--
|
||||
Made with Book Theme
|
||||
@ -143,6 +143,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -403,7 +416,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
@ -688,7 +701,8 @@ ensuring to your users that they will not be censored or de-platformed.</p>
|
||||
You can learn more about Waku at <a href="https://wakunetwork.com">wakunetwork.com</a>.</p>
|
||||
<p>JS-Waku is the TypeScript implementation of the Waku protocol,
|
||||
built for browser environment.</p>
|
||||
<p>The <a href="/docs/quick_start/">quick start</a> presents an easy way to send and receive messages using js-waku.</p>
|
||||
<p>The <a href="/docs/quick_start/">quick start</a> presents an easy way to send and receive messages using js-waku.
|
||||
The <a href="/docs/faq/">FAQ</a> lists frequently asked questions.</p>
|
||||
<p>If you prefer video content, check out the <a href="/docs/presentations">presentations</a>.</p>
|
||||
<p>If you are looking for inspiration, check out the <a href="/docs/use_cases">use cases</a> Waku can enable.</p>
|
||||
<p>The <a href="/docs/guides">guides</a> explain specific js-waku features
|
||||
@ -721,9 +735,9 @@ For more general discussion and latest news, join #wakuconnect on <a href="https
|
||||
<div class="flex flex-wrap justify-between">
|
||||
|
||||
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/da15b6b74dab744fb436e9f8c10395c4f857c152" title='Last modified by Franck R | Feb 11, 2022' target="_blank" rel="noopener">
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/98501af46245745f74944c1c490c2bba482755c8" title='Last modified by Franck R | Mar 21, 2022' target="_blank" rel="noopener">
|
||||
<img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
|
||||
<span>Feb 11, 2022</span>
|
||||
<span>Mar 21, 2022</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
@ -30,6 +30,18 @@ Install # Install the js-waku package:
|
||||
npm install js-waku # or with yarn yarn add js-waku Start a waku node # import { Waku } from &#34;js-waku&#34;; const waku = await Waku.create({ bootstrap: { default: true } }); Listen for messages # The contentTopic is a metadata string that allows categorization of messages on the waku network.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>FAQ</title>
|
||||
<link>https://docs.wakuconnect.dev/docs/faq/</link>
|
||||
<pubDate>Wed, 16 Feb 2022 00:00:00 +1000</pubDate>
|
||||
|
||||
<guid>https://docs.wakuconnect.dev/docs/faq/</guid>
|
||||
<description>FAQ # Frequently Asked Questions for developers using js-waku:
|
||||
1. Why should I build a frontend only webapp (no NodeJS backend)? # Waku enables dApp to add communication, e.g. interaction between users, in a fully decentralized manner. A webapp that uses NodeJS as a backend implies that a party runs said NodeJS software in a centralized infrastructure.
|
||||
Despite using Waku &amp; Ethereum, such webapp cannot become decentralized.
|
||||
By building a frontend only webapp, that entirely runs in the browser, one can distribute the frontend code in many manners: host it, mirror it, have it on GitHub, deploy it on IPFS, etc.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Use Cases</title>
|
||||
<link>https://docs.wakuconnect.dev/docs/use_cases/</link>
|
||||
|
@ -14,14 +14,14 @@ Waku can be used for chat purposes and for many machine-to-machine use cases." /
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="https://docs.wakuconnect.dev/docs/introduction/" /><meta property="article:section" content="docs" />
|
||||
<meta property="article:published_time" content="2021-12-09T14:00:00+01:00" />
|
||||
<meta property="article:modified_time" content="2022-02-11T22:11:16+11:00" />
|
||||
<meta property="article:modified_time" content="2022-03-21T14:01:44+11:00" />
|
||||
|
||||
<title>Introduction | Waku Connect Docs</title>
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -140,6 +140,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -400,7 +413,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
@ -685,7 +698,8 @@ ensuring to your users that they will not be censored or de-platformed.</p>
|
||||
You can learn more about Waku at <a href="https://wakunetwork.com">wakunetwork.com</a>.</p>
|
||||
<p>JS-Waku is the TypeScript implementation of the Waku protocol,
|
||||
built for browser environment.</p>
|
||||
<p>The <a href="/docs/quick_start/">quick start</a> presents an easy way to send and receive messages using js-waku.</p>
|
||||
<p>The <a href="/docs/quick_start/">quick start</a> presents an easy way to send and receive messages using js-waku.
|
||||
The <a href="/docs/faq/">FAQ</a> lists frequently asked questions.</p>
|
||||
<p>If you prefer video content, check out the <a href="/docs/presentations">presentations</a>.</p>
|
||||
<p>If you are looking for inspiration, check out the <a href="/docs/use_cases">use cases</a> Waku can enable.</p>
|
||||
<p>The <a href="/docs/guides">guides</a> explain specific js-waku features
|
||||
@ -718,9 +732,9 @@ For more general discussion and latest news, join #wakuconnect on <a href="https
|
||||
<div class="flex flex-wrap justify-between">
|
||||
|
||||
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/da15b6b74dab744fb436e9f8c10395c4f857c152" title='Last modified by Franck R | Feb 11, 2022' target="_blank" rel="noopener">
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/98501af46245745f74944c1c490c2bba482755c8" title='Last modified by Franck R | Mar 21, 2022' target="_blank" rel="noopener">
|
||||
<img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
|
||||
<span>Feb 11, 2022</span>
|
||||
<span>Mar 21, 2022</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
@ -27,7 +27,7 @@
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -146,6 +146,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -406,7 +419,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -23,7 +23,7 @@ npm install js-waku # or with yarn yarn add js-waku Start a waku node # import
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -142,6 +142,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -402,7 +415,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -25,7 +25,7 @@ Legend:
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -144,6 +144,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class=" active">Use Cases</a>
|
||||
|
||||
|
||||
@ -404,7 +417,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
@ -19,7 +19,7 @@
|
||||
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
@ -138,6 +138,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -398,7 +411,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
||||
'use strict';(function(){const g='/en.search-data.min.4f0c273734fb4c84e7ce8aa581cbb770fe34f7fcb94953c4ce600ceeebe4bd5c.json',h=Object.assign({cache:!0},{doc:{id:'id',field:['title','content'],store:['title','href','section']}}),a=document.querySelector('#book-search-input'),b=document.querySelector('#book-search-results');if(!a)return;a.addEventListener('focus',c),a.addEventListener('keyup',d),document.addEventListener('keypress',e);function e(b){if(b.target.value!==void 0)return;if(a===document.activeElement)return;const c=String.fromCharCode(b.charCode);if(!f(c))return;a.focus(),b.preventDefault()}function f(b){const c=a.getAttribute('data-hotkeys')||'';return c.indexOf(b)>=0}function c(){a.removeEventListener('focus',c),a.required=!0,fetch(g).then(a=>a.json()).then(a=>{window.bookSearchIndex=FlexSearch.create('balance',h),window.bookSearchIndex.add(a)}).then(()=>a.required=!1).then(d)}function d(){while(b.firstChild)b.removeChild(b.firstChild);if(!a.value)return;const c=window.bookSearchIndex.search(a.value,10);c.forEach(function(a){const c=i('<li><a href></a><small></small></li>'),d=c.querySelector('a'),e=c.querySelector('small');d.href=a.href,d.textContent=a.title,e.textContent=a.section,b.appendChild(c)})}function i(b){const a=document.createElement('div');return a.innerHTML=b,a.firstChild}})()
|
@ -15,10 +15,10 @@
|
||||
<lastmod>2022-01-27T11:18:41+11:00</lastmod>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/guides/discovery_bootstrap/</loc>
|
||||
<lastmod>2022-03-10T16:49:49+11:00</lastmod>
|
||||
<lastmod>2022-03-17T14:27:11+11:00</lastmod>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/02_connect_wallet/</loc>
|
||||
<lastmod>2022-02-11T22:11:16+11:00</lastmod>
|
||||
<lastmod>2022-03-17T14:27:11+11:00</lastmod>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/02_voting_creation/</loc>
|
||||
<lastmod>2022-02-11T22:11:16+11:00</lastmod>
|
||||
@ -32,8 +32,8 @@
|
||||
<loc>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/</loc>
|
||||
<lastmod>2022-02-11T22:11:16+11:00</lastmod>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/</loc>
|
||||
<lastmod>2022-02-11T22:11:16+11:00</lastmod>
|
||||
<loc>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/</loc>
|
||||
<lastmod>2022-03-17T14:27:11+11:00</lastmod>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/03_using_voting/</loc>
|
||||
<lastmod>2022-02-11T22:11:16+11:00</lastmod>
|
||||
@ -60,16 +60,16 @@
|
||||
<lastmod>2022-02-08T23:06:38+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/guides/angular_relay/</loc>
|
||||
<lastmod>2022-02-21T11:44:39+11:00</lastmod>
|
||||
<lastmod>2022-03-17T14:27:11+11:00</lastmod>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/guides/nwaku/</loc>
|
||||
<lastmod>2022-02-21T11:44:39+11:00</lastmod>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/introduction/</loc>
|
||||
<lastmod>2022-02-11T22:11:16+11:00</lastmod>
|
||||
<lastmod>2022-03-21T14:01:44+11:00</lastmod>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/</loc>
|
||||
<lastmod>2022-02-11T22:11:16+11:00</lastmod>
|
||||
<lastmod>2022-03-21T14:01:44+11:00</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
@ -87,7 +87,7 @@
|
||||
/>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/</loc>
|
||||
<lastmod>2022-02-11T22:11:16+11:00</lastmod>
|
||||
<lastmod>2022-03-21T14:01:44+11:00</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="es"
|
||||
@ -118,6 +118,9 @@
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/quick_start/</loc>
|
||||
<lastmod>2022-01-24T12:17:00+11:00</lastmod>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/faq/</loc>
|
||||
<lastmod>2022-03-21T14:01:44+11:00</lastmod>
|
||||
</url><url>
|
||||
<loc>https://docs.wakuconnect.dev/docs/use_cases/</loc>
|
||||
<lastmod>2022-02-21T21:38:54+11:00</lastmod>
|
||||
|
24
index.html
24
index.html
@ -20,7 +20,7 @@ Waku can be used for chat purposes and for many machine-to-machine use cases.">
|
||||
<link rel="alternate" hreflang="pt" href="https://docs.wakuconnect.dev/pt/" title="Introdução">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<link rel="alternate" type="application/rss+xml" href="https://docs.wakuconnect.dev/index.xml" title="Waku Connect Docs" />
|
||||
<!--
|
||||
Made with Book Theme
|
||||
@ -144,6 +144,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -404,7 +417,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
@ -689,7 +702,8 @@ ensuring to your users that they will not be censored or de-platformed.</p>
|
||||
You can learn more about Waku at <a href="https://wakunetwork.com">wakunetwork.com</a>.</p>
|
||||
<p>JS-Waku is the TypeScript implementation of the Waku protocol,
|
||||
built for browser environment.</p>
|
||||
<p>The <a href="/docs/quick_start/">quick start</a> presents an easy way to send and receive messages using js-waku.</p>
|
||||
<p>The <a href="/docs/quick_start/">quick start</a> presents an easy way to send and receive messages using js-waku.
|
||||
The <a href="/docs/faq/">FAQ</a> lists frequently asked questions.</p>
|
||||
<p>If you prefer video content, check out the <a href="/docs/presentations">presentations</a>.</p>
|
||||
<p>If you are looking for inspiration, check out the <a href="/docs/use_cases">use cases</a> Waku can enable.</p>
|
||||
<p>The <a href="/docs/guides">guides</a> explain specific js-waku features
|
||||
@ -722,9 +736,9 @@ For more general discussion and latest news, join #wakuconnect on <a href="https
|
||||
<div class="flex flex-wrap justify-between">
|
||||
|
||||
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/da15b6b74dab744fb436e9f8c10395c4f857c152" title='Last modified by Franck R | Feb 11, 2022' target="_blank" rel="noopener">
|
||||
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/98501af46245745f74944c1c490c2bba482755c8" title='Last modified by Franck R | Mar 21, 2022' target="_blank" rel="noopener">
|
||||
<img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
|
||||
<span>Feb 11, 2022</span>
|
||||
<span>Mar 21, 2022</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
16
index.xml
16
index.xml
@ -88,10 +88,10 @@ For this guide, we are using a single content topic: /relay-guide/1/chat/proto.<
|
||||
|
||||
<item>
|
||||
<title>Connect to the Ethereum Wallet useDapp</title>
|
||||
<link>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/</link>
|
||||
<link>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/</link>
|
||||
<pubDate>Mon, 03 Jan 2022 11:00:00 +1100</pubDate>
|
||||
|
||||
<guid>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/</guid>
|
||||
<guid>https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/</guid>
|
||||
<description>Connect to the Ethereum Wallet # This section may be skipped if you are adding the poll feature to an existing dApp that already connects to the user&rsquo;s wallet. This section can be used instead of previous step. It demonstrates how to use @useDapp for wallet connection. In this guide, we use useDApp to access the blockchain.
|
||||
yarn add @usedapp/core@0.4.7 @usedapp/core must be frozen to version 0.4.7 due to incompatibility between minor versions of ethers.</description>
|
||||
</item>
|
||||
@ -278,6 +278,18 @@ Install # Install the js-waku package:
|
||||
npm install js-waku # or with yarn yarn add js-waku Start a waku node # import { Waku } from &#34;js-waku&#34;; const waku = await Waku.create({ bootstrap: { default: true } }); Listen for messages # The contentTopic is a metadata string that allows categorization of messages on the waku network.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>FAQ</title>
|
||||
<link>https://docs.wakuconnect.dev/docs/faq/</link>
|
||||
<pubDate>Wed, 16 Feb 2022 00:00:00 +1000</pubDate>
|
||||
|
||||
<guid>https://docs.wakuconnect.dev/docs/faq/</guid>
|
||||
<description>FAQ # Frequently Asked Questions for developers using js-waku:
|
||||
1. Why should I build a frontend only webapp (no NodeJS backend)? # Waku enables dApp to add communication, e.g. interaction between users, in a fully decentralized manner. A webapp that uses NodeJS as a backend implies that a party runs said NodeJS software in a centralized infrastructure.
|
||||
Despite using Waku &amp; Ethereum, such webapp cannot become decentralized.
|
||||
By building a frontend only webapp, that entirely runs in the browser, one can distribute the frontend code in many manners: host it, mirror it, have it on GitHub, deploy it on IPFS, etc.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Use Cases</title>
|
||||
<link>https://docs.wakuconnect.dev/docs/use_cases/</link>
|
||||
|
@ -4,7 +4,7 @@
|
||||
<sitemap>
|
||||
<loc>https://docs.wakuconnect.dev/en/sitemap.xml</loc>
|
||||
|
||||
<lastmod>2022-03-16T11:26:39+11:00</lastmod>
|
||||
<lastmod>2022-03-21T14:01:44+11:00</lastmod>
|
||||
|
||||
</sitemap>
|
||||
|
||||
|
@ -17,7 +17,7 @@
|
||||
<link rel="alternate" hreflang="pt" href="https://docs.wakuconnect.dev/pt/tags/" title="Tags">
|
||||
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
||||
<script defer src="/flexsearch.min.js"></script>
|
||||
<script defer src="/en.search.min.2d414475108b0708bd2955d30a13437695aab7adf00a77c1f016a9511b504ac6.js" integrity="sha256-LUFEdRCLBwi9KVXTChNDdpWqt63wCnfB8BapURtQSsY=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
||||
<link rel="alternate" type="application/rss+xml" href="https://docs.wakuconnect.dev/tags/index.xml" title="Waku Connect Docs" />
|
||||
<!--
|
||||
Made with Book Theme
|
||||
@ -141,6 +141,19 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
||||
|
||||
|
||||
@ -401,7 +414,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
|
||||
|
||||
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_walle_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
Loading…
x
Reference in New Issue
Block a user