Update documentation

This commit is contained in:
2022-03-21 03:40:29 +00:00
parent 06f0ab6af8
commit 08da9433c5
47 changed files with 2450 additions and 114 deletions

View File

@ -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&#43;C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book

View File

@ -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&#43;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>

View File

@ -21,7 +21,7 @@ Symmetric encryption # Uses SubtleCrypto Web API (browser) or NodeJS&#39; 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&#43;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>

View File

@ -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&#43;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
View 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 &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.">
<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 &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." />
<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&#43;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 &amp; 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 &amp; 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 &amp; 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&lt;BufferList&gt;} */
&gt; source =&gt; {
| 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.
| }
|
&gt; meshPeers?.forEach(peer =&gt; {
| 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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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&rsquo;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&rsquo;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">&#34;./waku.service&#34;</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>

View File

@ -27,7 +27,7 @@ export DEBUG=* Browser # To see the debug logs in your browser&rsquo;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&#43;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>

View File

@ -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 &amp; 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&#43;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">=&gt;</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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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&rsquo;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">&#34;0xeefba1e63905ef1d7acba5a8513c70307c1ce441&#34;</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>

View File

@ -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&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.">
<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&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." />
<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&#43;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 &amp; 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 &amp; 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&rsquo;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 &amp; 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&rsquo;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>&lt;<span style="color:#f92672">undefined</span> <span style="color:#960050;background-color:#1e0010">|</span> <span style="color:#a6e22e">JsonRpcSigner</span>&gt;(<span style="color:#66d9ef">undefined</span>);
<span style="color:#a6e22e">useEffect</span>(() <span style="color:#f92672">=&gt;</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> (
&lt;<span style="color:#f92672">div</span>&gt;
&lt;<span style="color:#f92672">TopBar</span>
<span style="color:#a6e22e">logo</span><span style="color:#f92672">=</span>{<span style="color:#e6db74">&#34;&#34;</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">&#34;Poll dApp&#34;</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>}
/&gt;
&lt;/<span style="color:#f92672">div</span>&gt;
);
}
</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">&#34;@usedapp/core&#34;</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">&#34;https://mainnet.infura.io/v3/your-infura-token&#34;</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">&#34;0xeefba1e63905ef1d7acba5a8513c70307c1ce441&#34;</span>,
<span style="color:#ae81ff">3</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;0x53c43764255c17bd724f74c4ef150724ac50a3ed&#34;</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">&#34;styled-components&#34;</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> (
&lt;<span style="color:#f92672">Wrapper</span>&gt;
&lt;<span style="color:#f92672">GlobalStyle</span> /&gt;
&lt;<span style="color:#f92672">DAppProvider</span> <span style="color:#a6e22e">config</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">config</span>}&gt;
&lt;<span style="color:#f92672">PollPage</span> /&gt;
&lt;/<span style="color:#f92672">DAppProvider</span>&gt;
&lt;/<span style="color:#f92672">Wrapper</span>&gt;
);
}
</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">&#34;@usedapp/core&#34;</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">&#34;@waku/vote-poll-sdk-react-components&#34;</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">&#34;react&#34;</span>;
<span style="color:#66d9ef">import</span> <span style="color:#a6e22e">ReactDOM</span> <span style="color:#66d9ef">from</span> <span style="color:#e6db74">&#34;react-dom&#34;</span>;
<span style="color:#66d9ef">import</span> <span style="color:#e6db74">&#34;./index.css&#34;</span>;
<span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">JsonRpcSigner</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">&#34;@ethersproject/providers&#34;</span>;
<span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">orangeTheme</span> } <span style="color:#66d9ef">from</span> <span style="color:#e6db74">&#34;@waku/vote-poll-sdk-react-components/dist/cjs/src/style/themes&#34;</span>;
<span style="color:#66d9ef">import</span> <span style="color:#a6e22e">styled</span> <span style="color:#66d9ef">from</span> <span style="color:#e6db74">&#34;styled-components&#34;</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">&#34;https://mainnet.infura.io/v3/your-infura-token&#34;</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">&#34;0xeefba1e63905ef1d7acba5a8513c70307c1ce441&#34;</span>,
<span style="color:#ae81ff">3</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;0x53c43764255c17bd724f74c4ef150724ac50a3ed&#34;</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>&lt;<span style="color:#f92672">undefined</span> <span style="color:#960050;background-color:#1e0010">|</span> <span style="color:#a6e22e">JsonRpcSigner</span>&gt;(<span style="color:#66d9ef">undefined</span>);
<span style="color:#a6e22e">useEffect</span>(() <span style="color:#f92672">=&gt;</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> (
&lt;<span style="color:#f92672">div</span>&gt;
&lt;<span style="color:#f92672">TopBar</span>
<span style="color:#a6e22e">logo</span><span style="color:#f92672">=</span>{<span style="color:#e6db74">&#34;&#34;</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">&#34;Poll dApp&#34;</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>}
/&gt;
<span style="color:#75715e">//Place for poll or vote component
</span><span style="color:#75715e"></span> &lt;/<span style="color:#f92672">div</span>&gt;
);
}
<span style="color:#66d9ef">function</span> <span style="color:#a6e22e">App() {</span>
<span style="color:#66d9ef">return</span> (
&lt;<span style="color:#f92672">Wrapper</span>&gt;
&lt;<span style="color:#f92672">GlobalStyle</span> /&gt;
&lt;<span style="color:#f92672">DAppProvider</span> <span style="color:#a6e22e">config</span><span style="color:#f92672">=</span>{<span style="color:#a6e22e">config</span>}&gt;
&lt;<span style="color:#f92672">PollPage</span> /&gt;
&lt;/<span style="color:#f92672">DAppProvider</span>&gt;
&lt;/<span style="color:#f92672">Wrapper</span>&gt;
);
}
<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>(
&lt;<span style="color:#f92672">React.StrictMode</span>&gt;
&lt;<span style="color:#f92672">App</span> /&gt;
&lt;/<span style="color:#f92672">React.StrictMode</span>&gt;,
document.<span style="color:#a6e22e">getElementById</span>(<span style="color:#e6db74">&#34;root&#34;</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>

View File

@ -18,7 +18,7 @@ The Poll &amp; 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&#43;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>

View File

@ -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&amp;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>

View File

@ -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&#43;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>

View File

@ -21,7 +21,7 @@ import styled from &#34;styled-components&#34;; 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&#43;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>

View File

@ -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&#43;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>

View File

@ -23,7 +23,7 @@ import React, { useMemo, useState } from &#34;react&#34;; import styled from &#3
<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&#43;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>

View File

@ -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&#43;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>

View File

@ -23,7 +23,7 @@ import { ContractFactory, getDefaultProvider, Wallet } from &#34;ethers&#34;; 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&#43;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>

View File

@ -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&#43;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>

View File

@ -21,7 +21,7 @@ import { useWakuVoting } from &#34;@waku/vote-sdk-react-hooks&#34;; 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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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 &amp;#34;js-waku&amp;#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;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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>

View File

@ -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&#43;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

View File

@ -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}})()

View File

@ -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>

View File

@ -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&#43;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>

View File

@ -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&amp;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 &amp;#34;js-waku&amp;#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;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>

View File

@ -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>

View File

@ -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&#43;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>