diff --git a/docs/guides/browser-extension/_category_.yml b/docs/guides/browser-extension/_category_.yml index 6b50288979..1d69d714e7 100644 --- a/docs/guides/browser-extension/_category_.yml +++ b/docs/guides/browser-extension/_category_.yml @@ -1,3 +1,3 @@ -label: '🧩 Browser Extension' +label: '🧩 UP Browser Extension' collapsed: true position: 2 diff --git a/docs/guides/browser-extension/create-a-universal-profile.md b/docs/guides/browser-extension/create-a-universal-profile.md index 4b2912f0b1..dc38d469aa 100644 --- a/docs/guides/browser-extension/create-a-universal-profile.md +++ b/docs/guides/browser-extension/create-a-universal-profile.md @@ -6,7 +6,7 @@ sidebar_position: 2 # Create a Universal Profile :::danger -The UP Browser Extension is currently in the **development alpha** version. DO NOT use this in production! +The UP Browser Extension is currently in the **BETA Phase** version. DO NOT use this in production! ::: #### 1. Launch the extension and create your profile. You will have to validate your Twitter and Discord profiles. diff --git a/docs/guides/browser-extension/install-browser-extension.md b/docs/guides/browser-extension/install-browser-extension.md index 71d9c98d9a..daebf2dd81 100644 --- a/docs/guides/browser-extension/install-browser-extension.md +++ b/docs/guides/browser-extension/install-browser-extension.md @@ -6,26 +6,26 @@ sidebar_position: 1 import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -# Install the UP Browser Extension +# Install the Universal Profile (UP) Browser Extension :::danger -The UP Browser Extenstion is a **ALPHA DEVELOPER PREVIEW**. This is not intended to be used by non developers. And DO NOT use this in production! -The current UP Browser Extenstion deploys profiles on the [Testnet](http://docs.lukso.tech/networks/testnet/parameters). +The UP Browser Extension is a **BETA Phase**. DO NOT use this in production! +The current UP Browser Extension deploys profiles on the [Testnet](http://docs.lukso.tech/networks/testnet/parameters). Please DO NOT SEND any real funds to your TESTNET Universal Profile, as doing so will result in loss of funds. ::: :::note -If you have **MetaMask** installed, _right click on both_ MetaMask and UP Extension and select _"This Can Read and Change Site Data > When you Click the Extension"_. Then you you can select for every website which extension you use. By closing the tab you can reset this selection. +If you have **MetaMask** installed, _right click on both_ MetaMask and UP Extension and select _"This Can Read and Change Site Data > When you Click the Extension"_. Then you can select for every website which extension you use. By closing the tab you can reset this selection. **It is important not to forget the previous step. Otherwise, it might conflict with the UP Browser Extension, and this might prevent you from finalising the setup process.** ::: -This guide will teach you how to download and install the Universal Profile browser extension on Chrome, Edge, Opera, or Brave. +Currently, the UP Browser Extension is supported on **Chrome and Brave browsers**. This guide will teach you how to download and install the UP Browser Extension on **Chrome and Brave**. -You can test the browser extension with the following example dApps (Or any other dApp, that runs on the [Testnet](http://docs.lukso.tech/networks/testnet/parameters)): +You can test the UP Browser Extension with the following example dApps (Or any other dApp, that runs on the [Testnet](http://docs.lukso.tech/networks/testnet/parameters)): - [up-test-dapp.lukso.tech](https://up-test-dapp.lukso.tech) - [examples.lukso.tech](https://examples.lukso.tech) @@ -34,166 +34,14 @@ Projects built by the LUKSO community: - [universal.page](https://universal.page/) - Create a customizable website to showcase and sell digital assets on LUKSO. -- [relayer-frontend.vercel.app](https://relayer-frontend.vercel.app/) - A relayer that lets you used your staking rewards to pay for your transaction fees. +- [relayer-frontend.vercel.app](https://relayer-frontend.vercel.app/) - A relayer that lets you use your staking rewards to pay for your transaction fees. More are coming 🚀 -## Download the extension +## Download and install the extension -Click on link below to download the extension, based on the browser to which you want to install it. +Download and install the extension from the **Chrome Store**. ### :inbox_tray: **[Download from Chrome Web Store](https://chrome.google.com/webstore/detail/universal-profiles/abpickdkkbnbcoepogfhkhennhfhehfn) (Chrome / Brave)** -### :inbox_tray: **[Download Archive](https://storage.googleapis.com/up-browser-extension/universalprofile-extension-v1.5.0-mv2.zip) (All other browsers)** - -## Unpack the archive - -Open your download folder and unpack the ZIP archive by opening the file. - -## Install the extension - - - - -## 1. Simply download the extension from the [Chrome Store](https://chrome.google.com/webstore/detail/universal-profiles/abpickdkkbnbcoepogfhkhennhfhehfn) - ![Chrome Store view](/img/extension/chrome-store.png) - - - - -#### 1. Open the extension page in your browser. - - - - -![Step 1 - Edge: Extension Settings](/img/extension/edge1.png) - - - - -![Step 1 - Edge: Extension Menu Bar](/img/extension/edge2.png) - - - - -Type `edge://extensions` into the searchbar to open the extension page. - - - - -#### 2. Enable the browser's developer mode. - -On the left side, turn the _Developer mode_ slider to the right side. - -![Step 2 - Edge: Load Extension](/img/extension/edge3.png) - -#### 3. Load the extension from the folder. - -Click _Load unpacked_ pointing to the extracted ZIP archive of the extension.
- -![Step 3 - Edge: Load Extension](/img/extension/edge3.png) - -#### 4. Launch the extension. - -Click on the extension icon. - -![Step 4 - Edge: Open Extension](/img/extension/edge4.png) - - - - -#### 1. Open the extension page in your browser. - - - - -Press and hold `cmd+shift+e` or `ctrl+shift+e` on your keyboard. - - - - -![Step 1 - Opera: Menu Bar](/img/extension/opera1.png) - - - - -Type `opera://extensions` into the searchbar to open the extension page. - - - - -#### 2. Enable the browser's developer mode. - -![Step 2 - Opera: Enable Developer Mode](/img/extension/opera2.png) - -#### 3. Load the extension from the folder. - -Click _Load unpacked_ pointing to the extracted ZIP archive of the extension.
- -![Step 3 - Opera: Load Extension](/img/extension/opera3.png) - -#### 4. Pin the extension. - -Pin the extension through the extension icon. - -![Step 4 - Opera: Pin Extension](/img/extension/opera4.png) - -#### 5. Launch the extension. - -Open the extension by clicking its icon from the menu bar. - -![Step 5 - Opera: Open Extension](/img/extension/opera5.png) - - - - -:::note -This installation process is for **Firefox Developer Edition** (or **Firefox Nightly**) only, as the standard Firefox only allows the installation of temporary developer add-ons. -::: - -#### 1. Disable requiring xpi signature - -Type `about://config` into the searchbar to open the configuration page. - -![Step 1a - Firefox: about:config](/img/extension/firefox1.png) - -Click _Accept Risk and Continue_ when promped with _Proceed with Caution_ warning. - -Next, set the `xpinstall.signatures.required` to false. - -![Step 1b - Firefox: about:config](/img/extension/firefox2.png) - -#### 2. Open the addons section - - - - -![Step 2 - Firefox: Menu Bar](/img/extension/firefox3.png) - - - - -Type `about://addons` into the searchbar to open the extension page. - - - - -#### 3. Load the extension from the zip file - -Click on the settings wheel and then click on _Install Add-on From File_ pointing to the ZIP archive of the extension.
- -![Step 3a - Firefox: Load Extension](/img/extension/firefox4.png) - -Click _Add_ when prompted with a question to add the unverified extension. - -![Step 3b - Firefox: Accept Extension](/img/extension/firefox5.png) - -#### 4. Launch the extension - -Open the extension by clicking its icon from the menu bar. - -![Step 4 - Firefox: Open Extension](/img/extension/firefox6.png) - - - diff --git a/docs/guides/browser-extension/interact-with-dapp.md b/docs/guides/browser-extension/interact-with-dapp.md index b8a34d8edf..010f3fd910 100644 --- a/docs/guides/browser-extension/interact-with-dapp.md +++ b/docs/guides/browser-extension/interact-with-dapp.md @@ -10,7 +10,7 @@ import TabItem from '@theme/TabItem'; :::danger -The UP Browser Extenstion is currently in the **development alpha** version. DO NOT use this in production! +The UP Browser Extenstion is currently in the **BETA Phase** version. DO NOT use this in production! ::: diff --git a/docs/guides/browser-extension/sign-arbitrary-messages.md b/docs/guides/browser-extension/sign-arbitrary-messages.md index 17c7f53cec..6b183cf571 100644 --- a/docs/guides/browser-extension/sign-arbitrary-messages.md +++ b/docs/guides/browser-extension/sign-arbitrary-messages.md @@ -14,7 +14,7 @@ If you want to authenticate a user, please refer to the [Sign-In with Ethereum]( ::: -This article explains how to request a signature from the [LUKSO browser extension](../browser-extension/install-browser-extension.md). +This article explains how to request a signature from the [LUKSO UP Browser Extension](../browser-extension/install-browser-extension.md).
@@ -50,7 +50,7 @@ const web3 = new Web3(window.ethereum); ## 2. Get the Universal Profile address -A call to `requestAccounts` will open the extension popup and prompt the user to select her or his Universal Profile to interact with your Dapp. The LUKSO browser extension will send the Universal Profile address back to your Dapp (which is the address of the [`LSP0 - ERC725 Account`](../../standards/universal-profile/lsp0-erc725account.md) smart contract). +A call to `requestAccounts` will open the extension popup and prompt the user to select her or his Universal Profile to interact with your Dapp. The UP Browser Extension will send the Universal Profile address back to your Dapp (which is the address of the [`LSP0 - ERC725 Account`](../../standards/universal-profile/lsp0-erc725account.md) smart contract). @@ -93,7 +93,7 @@ const upAddress = accounts[0]; ## 3. Sign the message -Once you have access to the Universal Profile address, you can request a signature. The browser extension will sign the message with the controller key used by the extension (a smart contract can't sign). +Once you have access to the Universal Profile address, you can request a signature. The UP Browser Extension will sign the message with the controller key used by the extension (a smart contract can't sign). diff --git a/docs/guides/browser-extension/sign-in-with-ethereum.md b/docs/guides/browser-extension/sign-in-with-ethereum.md index a1433f0153..110f39b827 100644 --- a/docs/guides/browser-extension/sign-in-with-ethereum.md +++ b/docs/guides/browser-extension/sign-in-with-ethereum.md @@ -8,8 +8,8 @@ import TabItem from '@theme/TabItem'; # Sign-In with Ethereum -The [LUKSO Browser Extension](./install-browser-extension.md) is compatible with [EIP-4361: Sign-In with Ethereum](https://eips.ethereum.org/EIPS/eip-4361). -Therefore, if the message you want to sign complies with this standard, the LUKSO Browser Extension will show a custom login screen. +The [LUKSO UP Browser Extension](./install-browser-extension.md) is compatible with [EIP-4361: Sign-In with Ethereum](https://eips.ethereum.org/EIPS/eip-4361). +Therefore, if the message you want to sign complies with this standard, the LUKSO UP Browser Extension will show a custom login screen.
@@ -146,7 +146,7 @@ Resources: ## 3. Sign the message -Once you have access to the Universal Profile address, you can request a signature. The browser extension will sign the message with the controller key used by the extension (a smart contract can't sign). +Once you have access to the Universal Profile address, you can request a signature. The UP Browser Extension will sign the message with the controller key used by the extension (a smart contract can't sign). diff --git a/docs/guides/browser-extension/web3-onboard.md b/docs/guides/browser-extension/web3-onboard.md index 0572252262..a5c06cee95 100644 --- a/docs/guides/browser-extension/web3-onboard.md +++ b/docs/guides/browser-extension/web3-onboard.md @@ -4,7 +4,7 @@ ![web3-onboard-view](/img/extension/web3-onboard.png) -Web3-onboard configuration allows the detection of the Universal Profiles (UP) Extension, along with any other installed browser extensions. Developers can integrate it into their Dapp to handle the routing for the different browser extensions. +Web3-onboard configuration allows the detection of the [Universal Profile (UP) Browser Extension](https://chrome.google.com/webstore/search/lukso%20blockchain), along with any other installed browser extensions. Developers can integrate it into their Dapp to handle the routing for the different browser extensions. Web3-onboard is an open-source, framework-agnostic JavaScript library to onboard users to web3 apps. This package can be used to integrate LUKSO [Universal Profiles Extension](https://chrome.google.com/webstore/detail/universal-profiles/abpickdkkbnbcoepogfhkhennhfhehfn?hl=en) support into web3-onboard's "Connect Wallet" modal. With this module, **the LUKSO Universal Profile Extension option will be shown even if the extension is not installed on the user's browser**. If selected the user will be taken to a download screen where they can install the extension.