feat: hot-wallet

README.md

@@ -61,6 +61,7 @@ yarn add \
   @near-wallet-selector/my-near-wallet \
   @near-wallet-selector/sender \
   @near-wallet-selector/nearfi \
+  @near-wallet-selector/hot-wallet \
   @near-wallet-selector/here-wallet \
   @near-wallet-selector/math-wallet \
   @near-wallet-selector/nightly \
@@ -89,6 +90,7 @@ npm install \
   @near-wallet-selector/my-near-wallet \
   @near-wallet-selector/sender \
   @near-wallet-selector/nearfi \
+  @near-wallet-selector/hot-wallet \
   @near-wallet-selector/here-wallet \
   @near-wallet-selector/math-wallet \
   @near-wallet-selector/nightly \
@@ -129,6 +131,7 @@ import { setupModal } from "@near-wallet-selector/modal-ui";
 import { setupBitgetWallet } from "@near-wallet-selector/bitget-wallet";
 import { setupMyNearWallet } from "@near-wallet-selector/my-near-wallet";
 import { setupSender } from "@near-wallet-selector/sender";
+import { setupHotWallet } from "@near-wallet-selector/hot-wallet";
 import { setupHereWallet } from "@near-wallet-selector/here-wallet";
 import { setupNearSnap } from "@near-wallet-selector/near-snap";
 import { setupMathWallet } from "@near-wallet-selector/math-wallet";
@@ -156,6 +159,7 @@ const selector = await setupWalletSelector({
     setupBitgetWallet(),
     setupMyNearWallet(),
     setupSender(),
+    setupHotWallet(),
     setupHereWallet(),
     setupMathWallet(),
     setupNightly(),

examples/angular/project.json

@@ -79,6 +79,11 @@
             "input": "packages/here-wallet/assets/",
             "output": "assets/"
           },
+          {
+            "glob": "**/*",
+            "input": "packages/hot-wallet/assets/",
+            "output": "assets/"
+          },
           {
             "glob": "**/*",
             "input": "packages/narwallets/assets/",

examples/angular/src/app/pages/wallet-selector/wallet-selector.component.ts

@@ -13,6 +13,7 @@ import { setupMeteorWalletApp } from "@near-wallet-selector/meteor-wallet-app";
 import { setupNarwallets } from "@near-wallet-selector/narwallets";
 import { setupWelldoneWallet } from "@near-wallet-selector/welldone-wallet";
 import { setupHereWallet } from "@near-wallet-selector/here-wallet";
+import { setupHotWallet } from "@near-wallet-selector/hot-wallet";
 import { setupCoin98Wallet } from "@near-wallet-selector/coin98-wallet";
 import { setupNearFi } from "@near-wallet-selector/nearfi";
 import { setupNearSnap } from "@near-wallet-selector/near-snap";
@@ -128,6 +129,7 @@ export class WalletSelectorComponent implements OnInit {
         setupNarwallets(),
         setupWelldoneWallet(),
         setupHereWallet(),
+        setupHotWallet(),
         setupCoin98Wallet(),
         setupNearFi(),
         setupNearSnap(),

examples/react/contexts/WalletSelectorContext.tsx

@@ -5,6 +5,7 @@ import type {
   WalletSelector,
 } from "@near-wallet-selector/core";
 import { setupWalletSelector } from "@near-wallet-selector/core";
+import { setupHotWallet } from "@near-wallet-selector/hot-wallet";
 import { setupHereWallet } from "@near-wallet-selector/here-wallet";
 import { setupMathWallet } from "@near-wallet-selector/math-wallet";
 import { setupMeteorWallet } from "@near-wallet-selector/meteor-wallet";
@@ -168,6 +169,7 @@ export const WalletSelectorContextProvider: React.FC<{
         setupOKXWallet(),
         setupNarwallets(),
         setupWelldoneWallet(),
+        setupHotWallet(),
         setupHereWallet(),
         setupCoin98Wallet(),
         setupNearFi(),

examples/react/project.json

@@ -72,6 +72,11 @@
             "input": "packages/here-wallet/assets/",
             "output": "assets/"
           },
+          {
+            "glob": "**/*",
+            "input": "packages/hot-wallet/assets/",
+            "output": "assets/"
+          },
           {
             "glob": "**/*",
             "input": "packages/narwallets/assets/",

examples/vanillajs/main.js

@@ -2,10 +2,11 @@ import { setupWalletSelector } from "@near-wallet-selector/core";
 import { setupModal } from "@near-wallet-selector/modal-ui-js";
 import { setupMyNearWallet } from "@near-wallet-selector/my-near-wallet";
 import { setupHereWallet } from "@near-wallet-selector/here-wallet";
+import { setupHotWallet } from "@near-wallet-selector/hot-wallet";
 
 const selector = await setupWalletSelector({
   network: "testnet",
-  modules: [setupMyNearWallet(), setupHereWallet()],
+  modules: [setupMyNearWallet(), setupHotWallet(), setupHereWallet()],
 });
 
 const modal = setupModal(selector, {

package.json

@@ -92,7 +92,8 @@
     "@angular/platform-browser": "16.1.9",
     "@angular/platform-browser-dynamic": "16.1.9",
     "@angular/router": "16.1.9",
-    "@here-wallet/core": "3.3.1",
+    "@here-wallet/core": "3.4.0",
+    "@hot-wallet/sdk": "1.0.7",
     "@jscutlery/semver": "5.3.1",
     "@ledgerhq/hw-transport": "6.30.3",
     "@ledgerhq/hw-transport-webhid": "6.29.4",

packages/hot-wallet/.babelrc

@@ -0,0 +1,10 @@
+{
+  "presets": [
+    [
+      "@nrwl/js/babel",
+      {
+        "useBuiltIns": "usage"
+      }
+    ]
+  ]
+}

packages/hot-wallet/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

packages/hot-wallet/README.md

@@ -0,0 +1,63 @@
+# @near-wallet-selector/hot-wallet
+
+This is the [HOT Wallet](https://hot-labs.org/wallet) package for NEAR Wallet Selector.
+
+## Installation and Usage
+
+The easiest way to use this package is to install it from the NPM registry, this package requires `near-api-js` v1.0.0 or above:
+
+```bash
+# Using Yarn
+yarn add near-api-js
+
+# Using NPM.
+npm install near-api-js
+```
+
+```bash
+# Using Yarn
+yarn add @near-wallet-selector/hot-wallet
+
+# Using NPM.
+npm install @near-wallet-selector/hot-wallet
+```
+
+Then use it in your dApp:
+
+```ts
+import { setupWalletSelector } from "@near-wallet-selector/core";
+import { setupHotWallet } from "@near-wallet-selector/hot-wallet";
+
+// HOT Wallet for Wallet Selector can be setup without any params or it can take few optional params, see options below.
+const hotWallet = setupHereWallet({
+  iconUrl: "https://<Wallet Icon URL Here>" // optional
+});
+
+const selector = await setupWalletSelector({
+  network: "mainnet", 
+  modules: [hotWallet],
+});
+```
+
+## Options
+
+- `iconUrl`: (`string?`): Icon is optional. Default image point to Here Wallet Logo in base64 format.
+- `deprecated`: (`boolean?`): Deprecated is optional. Default is `false`.
+
+## Assets
+
+Assets such as icons can be found in the `/assets` directory of the package. Below is an example using Webpack:
+
+```ts
+import { setupHotWallet } from "@near-wallet-selector/hot-wallet";
+import HereWalletIconUrl from "@near-wallet-selector/hot-wallet/assets/hot-wallet-icon.png";
+
+const hereWallet = setupHotWallet({ 
+  iconUrl: HereWalletIconUrl 
+});
+
+```
+
+## License
+
+This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).

packages/hot-wallet/jest.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  displayName: "hot-wallet",
+  preset: "../../jest.preset.js",
+  globals: {
+    "ts-jest": {
+      tsconfig: "<rootDir>/tsconfig.spec.json",
+    },
+  },
+  transform: {
+    "^.+\\.[tj]sx?$": "ts-jest",
+  },
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx"],
+  coverageDirectory: "../../coverage/packages/hot-wallet",
+};

packages/hot-wallet/jest.config.ts

@@ -0,0 +1,16 @@
+/* eslint-disable */
+export default {
+  displayName: "hot-wallet",
+  preset: "../../jest.preset.js",
+  globals: {},
+  transform: {
+    "^.+\\.[tj]s$": [
+      "ts-jest",
+      {
+        tsconfig: "<rootDir>/tsconfig.spec.json",
+      },
+    ],
+  },
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx"],
+  coverageDirectory: "../../coverage/packages/hot-wallet",
+};

packages/hot-wallet/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@near-wallet-selector/hot-wallet",
+  "version": "8.9.16",
+  "description": "HOT Wallet package for NEAR Wallet Selector.",
+  "keywords": [
+    "near",
+    "blockchain",
+    "wallets",
+    "dapps",
+    "near-protocol",
+    "near-blockchain",
+    "wallet selector",
+    "injected wallet",
+    "hot wallet"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/near/wallet-selector.git"
+  },
+  "bugs": {
+    "url": "https://github.com/near/wallet-selector/issues"
+  },
+  "homepage": "https://github.com/near/wallet-selector/tree/main/packages/hot-wallet"
+}

packages/hot-wallet/project.json

@@ -0,0 +1,56 @@
+{
+  "name": "hot-wallet",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/hot-wallet/src",
+  "projectType": "library",
+  "targets": {
+    "build": {
+      "executor": "@nrwl/rollup:rollup",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/packages/hot-wallet",
+        "tsConfig": "packages/hot-wallet/tsconfig.lib.json",
+        "project": "packages/hot-wallet/package.json",
+        "entryFile": "packages/hot-wallet/src/index.ts",
+        "buildableProjectDepsInPackageJsonType": "dependencies",
+        "compiler": "babel",
+        "format": ["esm", "cjs"],
+        "assets": [
+          {
+            "glob": "packages/hot-wallet/README.md",
+            "input": ".",
+            "output": "."
+          },
+          {
+            "glob": "packages/hot-wallet/assets/*",
+            "input": ".",
+            "output": "assets"
+          }
+        ]
+      }
+    },
+    "lint": {
+      "executor": "@nx/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["packages/hot-wallet/**/*.ts"]
+      }
+    },
+    "test": {
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/packages/hot-wallet"],
+      "options": {
+        "jestConfig": "packages/hot-wallet/jest.config.ts",
+        "passWithNoTests": true
+      }
+    },
+    "deploy": {
+      "executor": "ngx-deploy-npm:deploy",
+      "options": {
+        "access": "public"
+      },
+      "dependsOn": ["^deploy"]
+    }
+  },
+  "tags": ["browser-wallet"]
+}

packages/hot-wallet/src/index.ts

@@ -0,0 +1 @@
+export { setupHotWallet } from "./lib";