Integrate Nexus into the mvp demo

[Keith-CY]

The MVP DApp is expected to be work with MetaMask at this early stage.

Meanwhile, a browser extension wallet of Nervos CKB, named Nexus(https://github.com/ckb-js/nexus) is under development.

Once Nexus is ready for tests, we will try to support it in the MVP DApp.

[Keith-CY]

We're considering integrating Nexus into the Kuai MVP DApp(#54), any documents would you recommend for us to start? @homura

Online demo: https://kuai-mvp-dapp-ui.vercel.app/

[homura]

Nexus don't currently have a friendly document, only a pre-design in the PR, we plan to provide a demo dApp of Nervos DAO to show how to use Nexus. Nexus MVP will probably be released around mid-March

[Keith-CY]

Nexus don't currently have a friendly document, only a pre-design in the PR, we plan to provide a demo dApp of Nervos DAO to show how to use Nexus. Nexus MVP will probably be released around mid-March

Cool, looking forward to it

[Keith-CY]

Tmp ddl: 03/08

[Keith-CY]

Demo repo: https://github.com/zhangyouxin/demo-nexus/

[Keith-CY]

• Connect to nexus: https://github.com/zhangyouxin/demo-nexus/blob/5b25da92df19487511b0e87a293ec660579d169f/pages/index.tsx#L231-L236
• Create next receiving address: https://github.com/zhangyouxin/demo-nexus/blob/5b25da92df19487511b0e87a293ec660579d169f/pages/index.tsx#L243-L250
• Sign transaction of full ownership lock: https://github.com/zhangyouxin/demo-nexus/blob/5b25da92df19487511b0e87a293ec660579d169f/pages/index.tsx#L180-L183

[Keith-CY]

There're 3 obstacles on integrating nexus

1. failed to send a transaction within the demo

Screen.Recording.2023-03-14.at.23.57.07.mov

2. APIs used in the demo are out of date, but new APIs are documented(https://github.com/ckb-js/nexus/blob/main/docs/rpc.md), so it won't block the development, just not worth doing it now.

3. The extension doesn't work for unknown reasons

Screen.Recording.2023-03-15.at.00.45.45.mov

3.1. The popup doesn't show on click
3.2. `nexus wallet not found` is prompted in console, which means `nexus` is not injected successfully. However, the `ckb` object is available on interaction, may be caused by the timing of detecting injection. Besides, an instance of `nexus` is expected to be returned by `await ckb.enable()`, but `null` is got instead.
3.3. During integration with kuai MVP, the popup is blank on calling `nexus.enable()`

I will send this feedback to the nexus team tomorrow

[Keith-CY]

After some tries, I found the nexus not found happens after refresh, but will be fixed by hard refresh

Screen.Recording.2023-03-15.at.01.10.46.mov

So the timing of detecting injection is improper. Even though, the balance doesn't show occasionally.

[homura]

hi, @Keith-CY could you please provide the following information to help debug

1. where did you download the Nexus?
2. if possible, can you provide the Nexus console output

[Keith-CY]

hi, @Keith-CY could you please provide the following information to help debug

1. where did you download the Nexus?
2. if possible, can you provide the Nexus console output

The extension was downloaded from https://github.com/zhangyouxin/demo-nexus/releases/tag/0.1.0, which is prompted in the demo

---

The inspect popup makes the popup always on

Screen.Recording.2023-03-15.at.11.56.19.mov

[zhangyouxin]

According to the error message prompted when firing a transaction: Incorrect password, I doubt the nexus-wallet-chrome-extension is a deprecated version, so I built another package using the latest code and uploaded it here: https://github.com/zhangyouxin/demo-nexus/releases/tag/0.1.1, could you try this one pls?

[homura]

hi, the Nexus MVP is released, and we can download from the release page

[Keith-CY]

hi, the Nexus MVP is released, and we can download from the release page

Great, I'll try it these days

[Keith-CY]

Found another issue blocking the interaction
ckb-js/nexus#188

[Keith-CY]

Front-end: Magickbase/kuai-mvp-dapp-ui#13
Backend: #220