https://github.com/stephaneLeroy/mx-xportalhub-chrome

https://github.com/stephaneLeroy/mx-xportalhub-chrome

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/stephaneLeroy/mx-xportalhub-chrome
• Owner: stephaneLeroy
• Created: 2023-05-11T07:44:05.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-05-29T10:33:28.000Z (almost 2 years ago)
• Last Synced: 2024-07-31T20:32:15.878Z (9 months ago)
• Language: Vue
• Size: 604 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-multiversx-dev-resources - mx-xportalhub-chrome - Chrome extension for testing XportalHub integration. (MultiversX community / SDKs and dev tools)

README

        
# mx-xportalhub-chrome

Chrome extension for **testing** XportalHub integration.

If you are curious about how XportalHub integration works, you can have more informations in the [XportalHub integration](docs/XPortalHub-integration.md) doc.

## Installation

Download the [latest release](https://github.com/stephaneLeroy/mx-xportalhub-chrome/releases/download/v1.1.0/mx-xportalhub-extension-1.1.0.zip) of the extension.

Unzip the file.

In Chrome, go to `chrome://extensions/` and enable `Developer mode` in the top right corner. You should see a new button `Load unpacked`. Click on it and select the folder `mx-xportalhub-extension-1.0.0`.

![Load unpacked](docs/chrome_installation.png)

### Usage

In the top right corner of your browser, you should see a new icon. Click on it to open the extension.

The first step is to drop a PEM wallet file in the drop zone. You can generate a new one by following [MultiversX docs](https://docs.multiversx.com/sdk-and-tools/sdk-py/deriving-the-wallet-pem-file).

***Warning! a PEM file is the less secure way to handle private keys. You should use it only for testing purpose.***

![Drop wallet](docs/usage_drop-wallet.png)

You can now login the current tab by hitting the `login in the current tab` button. This generate a new native token from the wallet and add it to the current url.

![Login tab](docs/usage_login.png)

Then use your dapp as usual. When transactions signature is requested, a popup will appear. You can sign transactions by clicking on the `Sign` button or generate an error.

![Sign transactions](docs/usage_sign_or_error.png)

***As shown in the screenshot, Mainnet transactions are highlight to avoid signing them without noticing***

## Development : Project Setup

Install dependencies

```sh

npm install

```

Compile and Hot-Reload for Development

```sh

npm run dev

```

Type-Check, Compile and Minify for Production

```sh

npm run build

```

Lint with [ESLint](https://eslint.org/)

```sh

npm run lint

```