Merge pull request #377 from arcana-network/testnet

Mainnet release 1.0.6

README.md

@@ -1,10 +1,32 @@
-# wallet-ui
+<p align="center">
+<a href="#start"><img height="30rem" src="https://raw.githubusercontent.com/arcana-network/branding/main/an_logo_light_temp.png"/></a>
+<h2 align="center"> <a href="https://arcana.network/">Arcana Wallet UI </a></h2>
+</p>
+<br/>
+<p id="banner" align="center">
+<br/>
+<a title="MIT License" href="https://github.com/arcana-network/license/blob/main/LICENSE.md"><img src="https://img.shields.io/badge/license-MIT-blue"/></a>
+<a title="Beta release" href="https://github.com/arcana-network/wallet-ui/releases"><img src="https://img.shields.io/github/v/release/arcana-network/wallet-ui?style=flat-square&color=28A745"/></a>
+<a title="Twitter" href="https://twitter.com/ArcanaNetwork"><img alt="Twitter URL" src="https://img.shields.io/twitter/url?style=social&url=https%3A%2F%2Ftwitter.com%2FArcanaNetwork"/></a>
+<!---
+<a title="CodeCov" href="https://codecov.io/gh/arcana-network/wallet-ui">
+ <img src="https://codecov.io/gh/arcana-network/wallet-ui/branch/dev/graph/badge.svg?token=KmdjEs3enL"/></a>
+-->
+</p><p id="start" align="center">
+<a href="https://docs.beta.arcana.network/"><img src="https://raw.githubusercontent.com/arcana-network/branding/main/an_banner_docs.png" alt="Arcana Wallet UI"/></a>
+</p>
 
-Arcana's embedded Web3 wallet implementation.
+# Arcana Wallet UI
 
-This is a Vue app written in TypeScript and styled with Tailwind CSS.
+The Arcana wallet is a non-custodial, embedded Web3 wallet that is instantly available to authenticated users of Web3 apps that use the [Arcana Auth SDK](https://github.com/arcana-network/auth). Web3 app developers must install and integrate the Auth SDK to enable users to sign blockchain transactions. Users do not have to install any software to access the Arcana Wallet UI.
 
-## Installation
+Developers can also choose to disable the Arcana Wallet UI and plug in a custom wallet UI for their apps using the white-labeled Auth feature.
+
+This repo contains Aracna Wallet UI implementation. It is a Vue app written in TypeScript and styled with Tailwind CSS.
+
+**Note:**  Arcana Wallet UI is NOT a standalone wallet. It is part of the Arcana Auth SDK.
+
+## 📋 Installation
 
 Use the Node version listed in the [.nvmrc](./.nvmrc) file.
 
@@ -17,20 +39,24 @@ Use the Node version listed in the [.nvmrc](./.nvmrc) file.
 
 If you are using VS Code, see the recommended [settings](./.vscode/settings.json) and [extensions](./.vscode/extensions.json).
 
-## Usage
+## 📒 Usage
+
+To use Arcana Wallet UI in a Web3 app, follow the instructions [here](https://docs.arcana.network/quick-start/index.html) to register the app with Arcana Network, configure the chains and social login settings and install, and integrate the app with the Arcana Auth SDK.
+
+## 📚 Documentation
 
-To use Arcana's Web3 wallet in an external dapp, follow the instructions for initializing [`@arcana/auth`](https://github.com/arcana-network/auth) SDK.
+Check out [Arcana Auth documentation](https://docs.arcana.network/) and use the [Auth SDK Quick Start Guide](https://docs.arcana.network/quick-start/index.html) to integrate any Web3 app and enable the Arcana Wallet UI. See [Arcana Wallet User Guide](https://docs.arcana.network/user-guides/wallet-ui/index.html) for usage details.
 
-## Support
+## 💡 Support
 
-For any support or integration related queries, contact [Arcana's support team](mailto:support@arcana.network).
+For any support or integration-related queries, contact [Arcana Support Team](mailto:support@arcana.network).
 
-## Contributing Guide
+## 🤝 Contributing
 
-We welcome all contributions to this repository from the community. Read our [contributing guide](https://github.com/arcana-network/license/blob/main/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and the code of conduct that we expect the participants to adhere to.
+We welcome all contributions to the Arcana Auth product and Wallet UI from the community. Read our [contributing guide](https://github.com/arcana-network/license/blob/main/CONTRIBUTING.md) to learn about the our development process, how to propose bug fixes and improvements, and the code of conduct that we expect the participants to adhere to. Refer to the build and test section of this readme for details on how to test and validate your changes to the Wallet UI code before submitting your contributions.
 
-## License
+## ℹ️ License
 
-This public repository of Arcana Network is shared and distributed under the [MIT License](https://fossa.com/blog/open-source-licenses-101-mit-license/).
+Arcana Wallet UI is distributed under the [MIT License](https://fossa.com/blog/open-source-licenses-101-mit-license/).
 
 For details see [Arcana License](https://github.com/arcana-network/license/blob/main/LICENSE.md).

package.json

@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@arcana/auth": "^0.1.3",
-    "@arcana/auth-core": "^1.0.0-beta.7",
+    "@arcana/auth-core": "^1.0.0-beta.11",
     "@arcana/key-helper": "^1.0.0-beta.7",
     "@ethereumjs/tx": "^3.4.0",
     "@fontsource/montserrat": "^4.5.14",
@@ -51,6 +51,7 @@
     "vue-class-component": "^8.0.0-0",
     "vue-gtag": "^2.0.1",
     "vue-json-viewer": "^3.0.4",
+    "vue-qrious": "^3.1.0",
     "vue-router": "^4.0.14",
     "vue-slider-component": "^4.1.0-beta.2",
     "vue-toastification": "^2.0.0-rc.5",

public/index.html

@@ -16,7 +16,6 @@
         overflow-y: auto !important;
       }
     </style>
-    <script src="/qrious.min.js"></script>
   </head>
   <body>
     <noscript>