Merge pull request #1042 from lukso-network/erc725-tools

feat: add web3 onboard + Mock Relayer + Txs.App in tools list

docs/tools/erc725-tools.md

@@ -1,18 +1,26 @@
 ---
-title: 🔍 ERC725 Tools
+title: 🔍 Inspector Tools
 sidebar_position: 8
 ---
 
 # ERC725 Tools
 
-- [ERC725 Inspect 📝🔍](https://erc725-inspect.lukso.tech/) ([GitHub](https://github.com/lukso-network/tools-erc725-inspect)) is a web app that allows you to inspect the key/values of an [ERC725Y](https://github.com/ERC725Alliance/ERC725/blob/main/docs/ERC-725.md#erc725x) compatible smart contract.
+## ERC725 Inspect
+
+[ERC725 Inspect 📝🔍](https://erc725-inspect.lukso.tech/) ([GitHub](https://github.com/lukso-network/tools-erc725-inspect)) is a web app that allows you to inspect the data key/values of an [ERC725Y](https://github.com/ERC725Alliance/ERC725/blob/main/docs/ERC-725.md#erc725x) compatible smart contract.
 
 <div style={{textAlign: 'center'}}>
 
-<img
-src="/img/tools/erc725-tools.png"
-alt="ERC725 Tools"
+![ERC725-Inspect Tool](/img/tools/erc725-tools.png)
+
+</div>
+
+## Tsx.app
+
+[Tsx.app](https://tsx.app) is a web app that deconstruct transactions on the LUKSO network. It displays interactions between Universal Profiles and smart contracts in plain human readable way, instead of using hex addresses and calldatas.
+
+<div style={{textAlign: 'center'}}>
 
-/>
+![Tsx.app](/img/example-dapp-tsx-app.png)
 
 </div>

docs/tools/getting-started.md

@@ -34,4 +34,15 @@ Libraries that are actively maintained by the LUKSO team.
     <td style={{textAlign: 'center'}}><a class="imageLink" href="https://www.npmjs.com/package/@lukso/eip191-signer.js" target="_blank" rel="noopener noreferrer"><img style={{verticalAlign: 'middle'}} alt="npm badgen badge" src="https://img.shields.io/npm/v/@lukso/eip191-signer.js.svg?style=flat&label=%40lukso%2Feip191-signer.js"/></a></td>
     <td><a href="https://github.com/lukso-network/tools-eip191-signer" target="_blank" rel="noopener noreferrer">lukso-network/tools-eip191-signer</a></td>
   </tr>
+  <tr>
+    <td><a href="https://github.com/lukso-network/web3-onboard-config">web3-onboard-config</a></td>
+    <td style={{textAlign: 'center'}}><a class="imageLink" href="https://www.npmjs.com/package/lukso/web3-onboard-config" target="_blank" rel="noopener noreferrer"><img style={{verticalAlign: 'middle'}} alt="npm badgen badge" src="https://img.shields.io/npm/v/@lukso/web3-onboard-config.svg?style=flat&label=%40lukso%2Fweb3-onboard-config"/></a></td>
+    <td><a href="https://github.com/lukso-network/web3-onboard-config" target="_blank" rel="noopener noreferrer">lukso-network/web3-onboard-config</a></td>
+  </tr>
+  <tr>
+    <td><a href="https://github.com/lukso-network/tools-mock-relayer">mock relayer</a></td>
+    <td style={{textAlign: 'center'}}><a class="imageLink" href="https://github.com/lukso-network/tools-mock-relayer" target="_blank" rel="noopener noreferrer"><img style={{verticalAlign: 'middle'}} alt="Github badgen badge" src="https://img.shields.io/badge/Github-white?logo=github&logoColor=black&link=https%3A%2F%2Fgithub.com%2Flukso-network%2Ftools-mock-relayer
+    "/></a></td>
+    <td><a href="https://github.com/lukso-network/tools-mock-relayer" target="_blank" rel="noopener noreferrer">lukso-network/tools-mock-relayer</a></td>
+  </tr>
 </table>