From a29efbf4d252237b47148a545870ef5f674e871b Mon Sep 17 00:00:00 2001 From: Guille Date: Wed, 9 Oct 2024 14:15:20 +0200 Subject: [PATCH] chore: hide eth wallets (#2252) --- blog/2024-11-07.md | 80 ------------------------------------ website/docusaurus.config.js | 16 ++++---- 2 files changed, 8 insertions(+), 88 deletions(-) delete mode 100644 blog/2024-11-07.md diff --git a/blog/2024-11-07.md b/blog/2024-11-07.md deleted file mode 100644 index b8cbe57034..0000000000 --- a/blog/2024-11-07.md +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: Hello Ethereum Wallets! -authors: [gagdiez, slava] -slug: hello-ethereum-wallets -tags: [updates] ---- - -*You can now login using MetaMask, WalletConnect and +400 Ethereum Wallets on Near!* - -

- - - -## Ethereum Wallets on NEAR - -We are excited to announce that NEAR now supports Ethereum wallets! This means that you can now login to NEAR applications using MetaMask, WalletConnect, and over 400 other Ethereum wallets. - -In this post, we will explain how Ethereum wallets work on NEAR, and where to find information on how to integrate them into your applications. - -## How it works - -The idea of bringing Ethereum wallets to Near was born on the [NEP-518](NEP-518](https://github.com/near/NEPs/issues/518)), and the [Aurora Labs team](https://aurora.dev) worked for over a year to make it a reality. - -Since Ethereum wallets create **ethereum transactions** and talk with **ethereum RPCs**, the Aurora team had to create three components: - -1. A Translator API, that translates Ethereum RPC calls into NEAR RPC calls -2. A "Wallet Contract" deployed on Near, that can process Ethereum transactions - - - - -### Login - -Imagine your account on Metamask is `0xD79...314`, and you want to login on a Near application. - -The first time you login, `ethereum-wallets.near` will create the Near account `0xD79...314` for you. - - - -Your new Near account already has a `Wallet Contract` deployed on it, which can **translate ethereum transactions** into **account actions**. - -:::tip -In Near, smart contracts can do anything an account can do, including sending tokens and calling other contracts! -::: - -### Using your Account - -Once you have logged in, you can use start interacting with the application. If at some point the application needs to interact with the blockchain, Metamask will ask you to sign a transaction. - -Under the hood, Metamask will create an Ethereum transaction and send it to the `Translator API`, deployed at `https://eth-rpc.mainnet.near.org`. - -The `Translator API` will then translate the Ethereum transaction into a **function call** into the `Wallet Contract` deployed in your account. Particularly, it will call the `rlp_execute` function, passing the Ethereum transaction as an argument. - - - -The `Wallet Contract` will then execute the function call, and the application will receive the result. - -:::tip - -Check [this transaction](https://testnet.nearblocks.io/txns/GrVGFVFmGBcNP5xkoA21gEJ7d5bUGVxtmkfHAzyUW895#enhanced) in our explorer to see the full execution path - -::: - -## Updating your Application - -In order to support Ethereum wallets, you only need to update your version of `wallet-selector`, and configure it to include the new `ethereum-wallets` module. - -Do not worry! it is very simple, check our [**tutorial**](/tools/ethereum-wallets) and working example [**hello world frontend**](https://github.com/near-examples/hello-near-examples/tree/main/frontend). - ---- - -## Resources - -1. [**Integration Tutorial**](/tools/ethereum-wallets) - -2. [Hello World Example](https://github.com/near-examples/hello-near-examples/blob/main/frontend/) - -3. [Recording of the Ethereum Wallet Presentation](https://drive.google.com/file/d/1xGWN1yRLzFmRn1e29kbSiO2W1JsxuJH-/view?usp=sharing) - -4. [NEP-518](https://github.com/near/NEPs/issues/518), the proposal that started it all diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index 62a8bb7bbf..b252990660 100644 --- a/website/docusaurus.config.js +++ b/website/docusaurus.config.js @@ -89,14 +89,14 @@ const config = { ], themeConfig: { image: 'docs/assets/welcome-pages/protocol.png', - announcementBar: { - id: 'id-0008', - content: - '🎉 Ethereum Wallets are here! Read more in our blogpost and check our tutorial to update your app 🎉', - backgroundColor: '#fcfbfa', - textColor: '#333', - isCloseable: true, - }, + // announcementBar: { + // id: 'id-0008', + // content: + // '🎉 Ethereum Wallets are here! Read more in our blogpost and check our tutorial to update your app 🎉', + // backgroundColor: '#fcfbfa', + // textColor: '#333', + // isCloseable: true, + // }, prism: { additionalLanguages: [ 'rust',