v6.0.0 Release (dev -> main)

.eslintrc.json

@@ -12,7 +12,6 @@
     "@nrwl/nx",
     "@typescript-eslint",
     "prettier",
-    "react",
     "react-hooks"
   ],
   "overrides": [
@@ -40,7 +39,6 @@
         "plugin:@nrwl/nx/typescript",
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
-        "plugin:react/recommended",
         "prettier"
       ],
       "rules": {
@@ -112,15 +110,7 @@
           }
         ],
         "strict": ["error", "global"],
-        "valid-jsdoc": "error",
-        "react/jsx-uses-react": "error",
-        "react/react-in-jsx-scope": "error",
-        "react/jsx-no-target-blank": "off",
-        "react/no-unescaped-entities": "off",
-        "react/prop-types": "off",
-        "react-hooks/rules-of-hooks": "error",
-        "react-hooks/exhaustive-deps": "warn",
-        "react/display-name": "off"
+        "valid-jsdoc": "error"
       }
     },
     {

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,36 +1,8 @@
-# Description
+Thanks for taking the time to submit a pull request!
 
-Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.
+If you haven't already, be sure to take a look at the [CONTRIBUTING](https://github.com/near/wallet-selector/blob/main/CONTRIBUTING.md) documentation to get up to speed with the practices in this repository.
 
-Closes # (issue)
-<!-- REMOVE ALL THE TEMPLATE BELOW IF THE PR IS A RELEASE -->
+When you're ready, switch to the "Preview" tab to select an applicable template:
 
-
-# Checklist:
-<!-- CHECKLIST_TYPE: ALL -->
-- [ ] I have performed a self-review of my own code
-- [ ] I have commented my code, particularly in hard-to-understand areas
-- [ ] I have made corresponding changes to the documentation
-- [ ] My changes generate no new warnings
-<!-- /CHECKLIST_TYPE -->
-
-# Type of change. This type of change is the main reason for the PR.
-<!-- CHECKLIST_TYPE: ONE -->
-- [ ] FIX - a PR of this type patches a bug.
-- [ ] FEATURE - a PR of this type introduces a new feature.
-- [ ] BUILD - a PR of this type introduces build changes.
-- [ ] CI - a PR of this type introduces CI changes.
-- [ ] DOCS - a PR of this type introduces DOCS improvement.
-- [ ] STYLE - a PR of this type introduces style changes.
-- [ ] REFACTOR - a PR of this type introduces refactoring.
-- [ ] PERFORMANCE - a PR of this type introduces performance changes.
-- [ ] TEST - a PR of this type adds more tests.
-- [ ] CHORE - a PR introduces other changes than the specified above.
-<!-- /CHECKLIST_TYPE -->
-
-# Breaking changes
-<!-- CHECKLIST_TYPE: ONE -->
-<!-- SPECIFY BREAKING CHANGES AS A ONE-LINER -->
-- [ ] BREAKING CHANGE - SPECIFY: _______
-- [ ] NO BREAKING CHANGE - this PR doesn't contain any breaking changes and it's backwards compatible
-<!-- /CHECKLIST_TYPE -->
+- [General template (most common)](?expand=1&template=general.md)
+- [Wallet integration template](?expand=1&template=wallet_integration.md)

.github/PULL_REQUEST_TEMPLATE/general.md

@@ -0,0 +1,25 @@
+# Description
+
+Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.
+
+# Checklist:
+<!-- CHECKLIST_TYPE: ALL -->
+- [ ] I have performed a self-review of my own code
+- [ ] I have commented my code, particularly in hard-to-understand areas
+- [ ] I have made corresponding changes to the documentation
+- [ ] My changes generate no new warnings
+<!-- /CHECKLIST_TYPE -->
+
+# Type of change.
+<!-- CHECKLIST_TYPE: ONE -->
+- [ ] FIX - a PR of this type patches a bug.
+- [ ] FEATURE - a PR of this type introduces a new feature.
+- [ ] BUILD - a PR of this type introduces build changes.
+- [ ] CI - a PR of this type introduces CI changes.
+- [ ] DOCS - a PR of this type introduces DOCS improvement.
+- [ ] STYLE - a PR of this type introduces style changes.
+- [ ] REFACTOR - a PR of this type introduces refactoring.
+- [ ] PERFORMANCE - a PR of this type introduces performance changes.
+- [ ] TEST - a PR of this type adds more tests.
+- [ ] CHORE - a PR introduces other changes than the specified above.
+<!-- /CHECKLIST_TYPE -->

.github/PULL_REQUEST_TEMPLATE/wallet_integration.md

@@ -0,0 +1,11 @@
+# Description
+
+Please include a summary of the wallet and how users can install it. Be sure to take a look at our guide on [Custom Wallets](https://github.com/near/wallet-selector/blob/main/packages/core/docs/guides/custom-wallets.md) to understand core concepts when integrating with Wallet Selector.
+
+# Checklist:
+<!-- CHECKLIST_TYPE: ALL -->
+- [ ] I have performed a self-review of my own code
+- [ ] I have commented my code, particularly in hard-to-understand areas
+- [ ] I have made corresponding changes to the documentation
+- [ ] My changes generate no new warnings
+<!-- /CHECKLIST_TYPE -->

CONTRIBUTING.md

@@ -15,25 +15,59 @@ yarn nx run [project][:target][:configuration] [options, ...]
 yarn nx r [project][:target][:configuration] [options, ...]
 ```
 
-In order to run a specific example, make sure you build the UI library beforehand and on each modification by running:
+In order to run a specific example, make sure you build the packages beforehand by running:
 
 ```bash
-yarn build # build core package
+yarn build:all # builds all packages
 
 yarn nx serve react # run the react example
 yarn nx serve angular # run the angular example
 ```
 
-Build and deploy react example
+> Note: [`modal-ui`](/packages/modal-ui) package must be re-build after every change in the source files of this package `yarn nx run modal-ui:build`
+
+
+Build and deploy angular example
 
 ```bash
-yarn nx build react # build the react example
-yarn nx deploy react # deploys react example to gh-pages
+yarn nx build angular # build the angular example
+yarn nx deploy angular # deploys angular example to gh-pages
 ```
 
+
+# Branching
+
+In this project there are two important branches `main` and `dev` branch. Pushing or committing directly in these two branches is forbidden.
+
+### Main branch
+
+This is the default branch and will be equal the latest official release.
+
+### Dev Branch
+
+This is the branch for development used by the team and/or other contributors from the community.
+New features, fixes and other improvements are first implemented and tested in this
+branch.
+When adding new features/fixes team members must always create a new branch locally based on latest changes of `dev` branch.
+When your work is ready a merge request should be opened from your branch to `dev`. When your PR is reviewed and approved then it can be merged.
+
+### Other branches
+
+Except `main` and `dev` branch other branches are work in progress by the team or related to the open PR(s).
+
+# Release Process
+
+Once the planned work has been finished and the set date has arrived a merge request from `dev` to `main` should be made.
+After merging only two steps remain:</br>
+ - Publish packages to NPM.
+ - Draft release in Github.
+
+Since `main` is the default branch of this project in case of regular release it will be always equal to the latest release.</br> In case of a `pre-release`  a specific branch will be linked to the `pre-release` version(tag).
+
 # Listing Third Party Wallet on Wallet Selector
 
 Criteria for Including New Wallets for Wallet Selector
+
 # Product Criteria:
 
 A wallet project must have comply the following product criteria to listed on Wallet Selector.

README.md

@@ -7,19 +7,28 @@ NEAR Wallet Selector makes it easy for users to interact with your dApp by provi
 - [Sender](https://www.npmjs.com/package/@near-wallet-selector/sender) - Injected wallet.
 - [Math Wallet](https://www.npmjs.com/package/@near-wallet-selector/math-wallet) - Injected wallet.
 - [Nightly](https://www.npmjs.com/package/@near-wallet-selector/nightly) - Injected wallet.
+- [Meteor Wallet](https://www.npmjs.com/package/@near-wallet-selector/meteor-wallet) - Injected wallet.
 - [Ledger](https://www.npmjs.com/package/@near-wallet-selector/ledger) - Hardware wallet.
 - [WalletConnect](https://www.npmjs.com/package/@near-wallet-selector/wallet-connect) - Bridge wallet.
 - [Nightly Connect](https://www.npmjs.com/package/@near-wallet-selector/nightly-connect) - Bridge wallet.
 
 ## Preview
 
-[React](https://reactjs.org/) and [Angular](https://angular.io/) variations of the [Guest Book](https://github.com/near-examples/guest-book/) dApp can be found in the [`examples`](/examples) directory. You can use these to gain a concrete understanding of how to integrate NEAR Wallet Selector into your own dApp.
+[React](https://reactjs.org/) / [Next.js](https://nextjs.org/) and [Angular](https://angular.io/) variations of the [Guest Book](https://github.com/near-examples/guest-book/) dApp can be found in the [`examples`](/examples) directory. You can use these to gain a concrete understanding of how to integrate NEAR Wallet Selector into your own dApp.
 
 ![Preview](./images/preview-img.PNG)
 
 ## Installation and Usage
 
-The easiest way to use NEAR Wallet Selector is to install the [`core`](https://www.npmjs.com/package/@near-wallet-selector/core) package from the NPM registry:
+The easiest way to use NEAR Wallet Selector is to install the [`core`](https://www.npmjs.com/package/@near-wallet-selector/core) package from the NPM registry, some packages may require `near-api-js` v0.44.2 or above check them at [`packages`](./packages)
+
+```bash
+# Using Yarn
+yarn add near-api-js@^0.44.2
+
+# Using NPM.
+npm install near-api-js@^0.44.2
+```
 
 ```bash
 # Using Yarn
@@ -39,9 +48,11 @@ yarn add \
   @near-wallet-selector/sender \
   @near-wallet-selector/math-wallet \
   @near-wallet-selector/nightly \
+  @near-wallet-selector/meteor-wallet \
   @near-wallet-selector/ledger \
   @near-wallet-selector/wallet-connect \
-  @near-wallet-selector/nightly-connect 
+  @near-wallet-selector/nightly-connect \
+  @near-wallet-selector/default-wallets
 
 # Using NPM.
 npm install \
@@ -50,9 +61,11 @@ npm install \
   @near-wallet-selector/sender \
   @near-wallet-selector/math-wallet \
   @near-wallet-selector/nightly \
+  @near-wallet-selector/meteor-wallet \
   @near-wallet-selector/ledger \
   @near-wallet-selector/wallet-connect \
-  @near-wallet-selector/nightly-connect
+  @near-wallet-selector/nightly-connect \
+  @near-wallet-selector/default-wallets
 ```
 
 Optionally, you can install our [`modal-ui`](https://www.npmjs.com/package/@near-wallet-selector/modal-ui) package for a pre-built interface that wraps the `core` API and presents the supported wallets:
@@ -75,18 +88,22 @@ import { setupMyNearWallet } from "@near-wallet-selector/my-near-wallet";
 import { setupSender } from "@near-wallet-selector/sender";
 import { setupMathWallet } from "@near-wallet-selector/math-wallet";
 import { setupNightly } from "@near-wallet-selector/nightly";
+import { setupMeteorWallet } from "@near-wallet-selector/meteor-wallet";
 import { setupLedger } from "@near-wallet-selector/ledger";
 import { setupWalletConnect } from "@near-wallet-selector/wallet-connect";
 import { setupNightlyConnect } from "@near-wallet-selector/nightly-connect";
+import { setupDefaultWallets } from "@near-wallet-selector/default-wallets";
 
 const selector = await setupWalletSelector({
   network: "testnet",
   modules: [
+    ...(await setupDefaultWallets()),
     setupNearWallet(),
     setupMyNearWallet(),
     setupSender(),
     setupMathWallet(),
     setupNightly(),
+    setupMeteorWallet(),
     setupLedger(),
     setupWalletConnect({
       projectId: "c4f79cc...",

examples/angular/project.json

@@ -57,6 +57,11 @@
             "glob": "**/*",
             "input": "packages/nightly-connect/assets/",
             "output": "assets/"
+          },
+          {
+            "glob": "**/*",
+            "input": "packages/meteor-wallet/assets/",
+            "output": "assets/"
           }
         ],
         "styles": ["examples/angular/src/styles.scss"],
@@ -68,7 +73,7 @@
             {
               "type": "initial",
               "maximumWarning": "500kb",
-              "maximumError": "1mb"
+              "maximumError": "2mb"
             },
             {
               "type": "anyComponentStyle",
@@ -129,6 +134,12 @@
         "jestConfig": "examples/angular/jest.config.js",
         "passWithNoTests": true
       }
+    },
+    "deploy": {
+      "executor": "@nrwl/workspace:run-script",
+      "options": {
+        "script": "gh-pages -d dist/examples/angular"
+      }
     }
   },
   "tags": []

examples/angular/src/app/app.component.ts

@@ -1,14 +1,14 @@
 import { Component, OnInit } from "@angular/core";
 import { setupWalletSelector } from "@near-wallet-selector/core";
 import type { WalletSelector, AccountState } from "@near-wallet-selector/core";
+import { setupDefaultWallets } from "@near-wallet-selector/default-wallets";
 import { setupNearWallet } from "@near-wallet-selector/near-wallet";
-import { setupMyNearWallet } from "@near-wallet-selector/my-near-wallet";
 import { setupSender } from "@near-wallet-selector/sender";
 import { setupMathWallet } from "@near-wallet-selector/math-wallet";
 import { setupNightly } from "@near-wallet-selector/nightly";
-import { setupLedger } from "@near-wallet-selector/ledger";
-import { setupWalletConnect } from "@near-wallet-selector/wallet-connect";
+import { setupMeteorWallet } from "@near-wallet-selector/meteor-wallet";
 import { setupNightlyConnect } from "@near-wallet-selector/nightly-connect";
+import { setupWalletConnect } from "@near-wallet-selector/wallet-connect";
 import { setupModal } from "@near-wallet-selector/modal-ui";
 import type { WalletSelectorModal } from "@near-wallet-selector/modal-ui";
 import { CONTRACT_ID } from "../constants";
@@ -43,12 +43,12 @@ export class AppComponent implements OnInit {
       network: "testnet",
       debug: true,
       modules: [
+        ...(await setupDefaultWallets()),
         setupNearWallet(),
-        setupMyNearWallet(),
         setupSender(),
         setupMathWallet(),
         setupNightly(),
-        setupLedger(),
+        setupMeteorWallet(),
         setupWalletConnect({
           projectId: "c4f79cc...",
           metadata: {

examples/angular/src/app/components/content/content.component.html

@@ -2,6 +2,7 @@
   <div>
     <button (click)="signOut()">Log out</button>
     <button (click)="switchWallet()">Switch Wallet</button>
+    <button (click)="onVerifyOwner()">Verify Owner</button>
     <button *ngIf="accounts.length > 1" (click)="switchAccount()">
       Switch Account
     </button>

examples/angular/src/app/components/content/content.component.ts

@@ -111,6 +111,23 @@ export class ContentComponent implements OnInit, OnDestroy {
     alert("Switched account to " + nextAccountId);
   }
 
+  async onVerifyOwner() {
+    const wallet = await this.selector.wallet();
+    try {
+      const owner = await wallet.verifyOwner({
+        message: "test message for verification",
+      });
+
+      if (owner) {
+        alert(`Signature for verification: ${JSON.stringify(owner)}`);
+      }
+    } catch (err) {
+      const message =
+        err instanceof Error ? err.message : "Something went wrong";
+      alert(message);
+    }
+  }
+
   subscribeToEvents() {
     this.subscription = this.selector.store.observable
       .pipe(

examples/react/.babelrc

@@ -1,13 +1,4 @@
 {
-  "presets": [
-    [
-      "@nrwl/react/babel",
-      {
-        "runtime": "automatic"
-      }
-    ],
-    "@babel/preset-env",
-    "@babel/preset-react"
-  ],
+  "presets": ["@nrwl/next/babel"],
   "plugins": []
 }