<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Cradicle Explorer</title>
    <link href="/css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <style>
      .form-control-dark::placeholder {
          color: #aaa;
          opacity: 1;
      }
    </style>
    <link rel="stylesheet" href="/assets/fontawesome/css/all.min.css">
    <link rel="icon" type="image/png" href="/favicon.png">


                <link href="/css/dashboard.css" rel="stylesheet">
                </head>
                <body>
                <header class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
                  <a class="navbar-brand col-md-3 col-lg-2 me-0 px-3 fs-6" href="/">Cradicle Explorer</a>
                  <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                  </button>
                  <form method="get" action="/cgi-bin/main" style="width:100%;"><input class="form-control form-control-dark w-100 rounded-0 border-0" type="text" name="q" placeholder="Search repos" aria-label="Search"></form>
                  <div class="navbar-nav flex-row">
                    <div class="nav-item text-nowrap">
                      <a class="nav-link px-3 active" href="/cgi-bin/repo?id=z4NmdeMkifuDm3AwXhqWSKB6zuwdB">gnosis-safe-waku</a>
                    </div>
                  </div>
                </header>
                <div class="container-fluid">
                  <div class="row">
                    <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-dark sidebar collapse">
                      <div class="position-sticky pt-3 sidebar-sticky">
                        <ul class="nav flex-column">
                          <li class="nav-item">
                            <a class="nav-link active" href="/cgi-bin/repo?id=z4NmdeMkifuDm3AwXhqWSKB6zuwdB">
                              <i class="align-text-bottom fa-solid fa-info"></i>
                              Info
                            </a>
                          </li>
                          <li class="nav-item">
                            <a class="nav-link" href="/cgi-bin/repo?id=z4NmdeMkifuDm3AwXhqWSKB6zuwdB&issue=list">
                              <i class="align-text-bottom fa-solid fa-layer-group"></i>
                              Issues
                            </a>
                          </li>
                          <li class="nav-item">
                            <a class="nav-link" href="/cgi-bin/repo?id=z4NmdeMkifuDm3AwXhqWSKB6zuwdB&patch=list">
                              <i class="align-text-bottom fa-solid fa-vest-patches"></i>
                              Patches
                            </a>
                          </li>
                          <li class="nav-item">
                            <a class="nav-link" href="/cgi-bin/repo?id=z4NmdeMkifuDm3AwXhqWSKB6zuwdB&wallet=list">
                              <i class="align-text-bottom fa-solid fa-wallet"></i>
                              Wallets
                            </a>
                          </li>
                          <li class="nav-item">
                            <a class="nav-link" href="/cgi-bin/repo?id=z4NmdeMkifuDm3AwXhqWSKB6zuwdB&source=.">
                              <i class="align-text-bottom fa-solid fa-code"></i>
                              Source
                            </a>
                          </li>
                        <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted text-uppercase">
                          <span></span>
                        </h6>
                        <ul class="nav flex-column mb-2">
                        
                        </ul>
                      </div>
                    </nav>
                <main class="col-md-9 ms-sm-auto col-lg-10">
                  <div class="container px-1 py-3">
        

    <div class="list-group">
    <div class="list-group-item">
    <div style="font-size:1.3rem;">gnosis-safe-waku</div>
    <div class="repo-item"></div>
    <div>rad:z4NmdeMkifuDm3AwXhqWSKB6zuwdB</div>
    </div>
    <div class="list-group-item">
    <div>Visibility</div>
    <div class="repo-item">public</div>
    </div>
    <div class="list-group-item">
    <div>Delegates</div><div class="repo-item">did:key:z6MkuRd31dLXvQTavnVGbZL2jfpKY9rJjSktE89LBa8zAmdp</div>
    </div>
    <div class="list-group-item">
    <div>Default branch</div>
    <div><span class="repo-item">master &#8594 191bcf1db640557912f291949ed4eb1e5f11c02d</span> (Mon May  9 13:54:47 2022)</div>
    </div>
    <div class="list-group-item">
    <div>Threshold</div>
    <div class="repo-item">1</div>
    </div>
    </div>
    
        <div class="list-group mt-3">
        <div class="list-group-item">
        <div class="mb-2" style="font-weight:bold;"><i class="fa-solid fa-book"></i> README.md</div>
        <pre style="margin:0; font-size:0.85rem; overflow-x:auto; color:#fafafa;"># Waku Powered Gnosis Safe

This project replaces Gnosis Transaction History Service with Waku to achieve full decentralization.

Waku is a decentralized network and family of protocols that enable censorship-resistant, private, peer-to-peer communication.
It is the infrastructure backbone of the Status app, a Web3 decentralized messenger app.
The JavaScript implementation of Waku, js-waku, enables dApps and webapps to utilize the Waku network for off-chain message transmission.

### Implementation Detail

This project integrates Waku to Gnosis Safe for initiating multi-party multi-signature transactions.
When an owner of a safe initiates a Safe transaction, the transaction data will be broadcast to the Waku network with **symmetric encryption**, instead of sending to the centralized Gnosis Transaction History Service.
Other owners who need to confirm the transaction would either receive the request via:
- Waku Relay, if they were online when the request was originally made, or,
- Waku Store, if they were offline when the request was originall made.

The content topic is versioned so that this workflow can be upgraded anytime.

See https://youtu.be/NoglkQAL7Mc for a simple demonstration.

### Installation

```sh
git clone -b gnosis-starter-kit https://github.com/Soptq/gnosis-safe-waku.git gnosis-safe-waku

cd gnosis-safe-waku

yarn install

yarn start
```

&gt; 👉 Visit your frontend at http://localhost:3000


## Deployment

&gt; 📡 deploy a safe using the frontend or enter an existing safe address:

&gt; ( ⛽️ Grab **Rinkeby** from the [faucet](https://faucet.rinkeby.io/) )

![image](https://imgur.com/m2aMqge.png)

(Setup *two* browsers with different addresses and add them both as `OWNERS` with a `THRESHOLD` of **2**.)

---

&gt; Deploy the safe in one browser and paste it into the second browser:

![image](https://user-images.githubusercontent.com/2653167/130370279-34b5424f-f08a-4f76-8880-793c57d1b14b.png)

---

&gt; Send some Rinkeby to your Safe by copying the address and using the &#x27;wallet icon&#x27; in the top right:

![image](https://user-images.githubusercontent.com/2653167/130370297-0425ede2-846c-4d5e-b71a-4c3a6790ce77.png)

![image](https://user-images.githubusercontent.com/2653167/130370307-34763ae1-4b2a-466b-89cd-08b5751c72ba.png)

---

&gt; Propose a transaction that sends funds vitalik.eth:

![image](https://user-images.githubusercontent.com/2653167/130370336-89288eeb-be94-49e1-8e39-eaf608002e40.png)


---

&gt; The second browser can then sign the second signature:

![image](https://user-images.githubusercontent.com/2653167/130370374-0dc87367-ebff-4e4c-9820-c54ed1a9df95.png)


---

&gt; After the threshold of signatures is met, anyone can execute the transacation:

![image](https://user-images.githubusercontent.com/2653167/130370390-5d083f06-178f-409f-9706-42498aed8cec.png)

---

&gt; Check the multisig balance to make sure the funds were sent:

![image](https://user-images.githubusercontent.com/2653167/130370436-47eb5ef2-9e57-4539-af29-a4ee277214e7.png)


---


## Support

Please don&#x27;t hesitate to open issues.
</pre>
        </div>
        </div>

</div>
</main>
</div>
</div>


</body>
</html>

