create-near-app 8.1.0 → 8.3.0

package/templates/frontend/next-app/src/wallets/near.js

@@ -1,216 +0,0 @@
-import { createContext } from 'react';
-
-// near api js
-import { providers, utils } from 'near-api-js';
-
-// wallet selector
-import '@near-wallet-selector/modal-ui/styles.css';
-import { setupModal } from '@near-wallet-selector/modal-ui';
-import { setupWalletSelector } from '@near-wallet-selector/core';
-import { setupHereWallet } from '@near-wallet-selector/here-wallet';
-import { setupMyNearWallet } from '@near-wallet-selector/my-near-wallet';
-import { setupLedger } from '@near-wallet-selector/ledger';
-import { setupMeteorWallet } from '@near-wallet-selector/meteor-wallet';
-import { setupSender } from '@near-wallet-selector/sender';
-import { setupBitteWallet } from '@near-wallet-selector/bitte-wallet';
-
-// ethereum wallets
-import { wagmiConfig, web3Modal } from '@/wallets/web3modal';
-import { setupEthereumWallets } from "@near-wallet-selector/ethereum-wallets";
-
-const THIRTY_TGAS = '30000000000000';
-const NO_DEPOSIT = '0';
-
-export class Wallet {
-  /**
-   * @constructor
-   * @param {Object} options - the options for the wallet
-   * @param {string} options.networkId - the network id to connect to
-   * @param {string} options.createAccessKeyFor - the contract to create an access key for
-   * @example
-   * const wallet = new Wallet({ networkId: 'testnet', createAccessKeyFor: 'contractId' });
-   * wallet.startUp((signedAccountId) => console.log(signedAccountId));
-   */
-  constructor({ networkId = 'testnet', createAccessKeyFor = undefined }) {
-    this.createAccessKeyFor = createAccessKeyFor;
-    this.networkId = networkId;
-  }
-
-  /**
-   * To be called when the website loads
-   * @param {Function} accountChangeHook - a function that is called when the user signs in or out#
-   * @returns {Promise<string>} - the accountId of the signed-in user 
-   */
-  startUp = async (accountChangeHook) => {
-    this.selector = setupWalletSelector({
-      network: this.networkId,
-      modules: [
-        setupMyNearWallet(),
-        setupHereWallet(),
-        setupLedger(),
-        setupMeteorWallet(),
-        setupSender(),
-        setupBitteWallet(),
-        setupEthereumWallets({ wagmiConfig, web3Modal, alwaysOnboardDuringSignIn: true }),
-      ],
-    });
-
-    const walletSelector = await this.selector;
-    const isSignedIn = walletSelector.isSignedIn();
-    const accountId = isSignedIn ? walletSelector.store.getState().accounts[0].accountId : '';
-
-    walletSelector.store.observable.subscribe(async (state) => {
-      const signedAccount = state?.accounts.find(account => account.active)?.accountId;
-      accountChangeHook(signedAccount || '');
-    });
-
-    return accountId;
-  };
-
-  /**
-   * Displays a modal to login the user
-   */
-  signIn = async () => {
-    const modal = setupModal(await this.selector, { contractId: this.createAccessKeyFor });
-    modal.show();
-  };
-
-  /**
-   * Logout the user
-   */
-  signOut = async () => {
-    const selectedWallet = await (await this.selector).wallet();
-    selectedWallet.signOut();
-  };
-
-  /**
-   * Makes a read-only call to a contract
-   * @param {Object} options - the options for the call
-   * @param {string} options.contractId - the contract's account id
-   * @param {string} options.method - the method to call
-   * @param {Object} options.args - the arguments to pass to the method
-   * @returns {Promise<JSON.value>} - the result of the method call
-   */
-  viewMethod = async ({ contractId, method, args = {} }) => {
-    const url = `https://rpc.${this.networkId}.near.org`;
-    const provider = new providers.JsonRpcProvider({ url });
-
-    const res = await provider.query({
-      request_type: 'call_function',
-      account_id: contractId,
-      method_name: method,
-      args_base64: Buffer.from(JSON.stringify(args)).toString('base64'),
-      finality: 'optimistic',
-    });
-    return JSON.parse(Buffer.from(res.result).toString());
-  };
-
-  /**
-   * Makes a call to a contract
-   * @param {Object} options - the options for the call
-   * @param {string} options.contractId - the contract's account id
-   * @param {string} options.method - the method to call
-   * @param {Object} options.args - the arguments to pass to the method
-   * @param {string} options.gas - the amount of gas to use
-   * @param {string} options.deposit - the amount of yoctoNEAR to deposit
-   * @returns {Promise<Transaction>} - the resulting transaction
-   */
-  callMethod = async ({ contractId, method, args = {}, gas = THIRTY_TGAS, deposit = NO_DEPOSIT }) => {
-    // Sign a transaction with the "FunctionCall" action
-    const selectedWallet = await (await this.selector).wallet();
-    const outcome = await selectedWallet.signAndSendTransaction({
-      receiverId: contractId,
-      actions: [
-        {
-          type: 'FunctionCall',
-          params: {
-            methodName: method,
-            args,
-            gas,
-            deposit,
-          },
-        },
-      ],
-    });
-
-    return providers.getTransactionLastResult(outcome);
-  };
-
-  /**
-   * Makes a call to a contract
-   * @param {string} txhash - the transaction hash
-   * @returns {Promise<JSON.value>} - the result of the transaction
-   */
-  getTransactionResult = async (txhash) => {
-    const walletSelector = await this.selector;
-    const { network } = walletSelector.options;
-    const provider = new providers.JsonRpcProvider({ url: network.nodeUrl });
-
-    // Retrieve transaction result from the network
-    const transaction = await provider.txStatus(txhash, 'unnused');
-    return providers.getTransactionLastResult(transaction);
-  };
-
-  /**
-   * Gets the balance of an account
-   * @param {string} accountId - the account id to get the balance of
-   * @returns {Promise<number>} - the balance of the account
-   *  
-   */
-  getBalance = async (accountId) => {
-    const walletSelector = await this.selector;
-    const { network } = walletSelector.options;
-    const provider = new providers.JsonRpcProvider({ url: network.nodeUrl });
-
-    // Retrieve account state from the network
-    const account = await provider.query({
-      request_type: 'view_account',
-      account_id: accountId,
-      finality: 'final',
-    });
-    // return amount on NEAR
-    return account.amount ? Number(utils.format.formatNearAmount(account.amount)) : 0;
-  };
-
-  /**
-   * Signs and sends transactions
-   * @param {Object[]} transactions - the transactions to sign and send
-   * @returns {Promise<Transaction[]>} - the resulting transactions
-   * 
-   */
-  signAndSendTransactions = async ({ transactions }) => {
-    const selectedWallet = await (await this.selector).wallet();
-    return selectedWallet.signAndSendTransactions({ transactions });
-  };
-
-  /**
-   * 
-   * @param {string} accountId
-   * @returns {Promise<Object[]>} - the access keys for the
-   */
-  getAccessKeys = async (accountId) => {
-    const walletSelector = await this.selector;
-    const { network } = walletSelector.options;
-    const provider = new providers.JsonRpcProvider({ url: network.nodeUrl });
-
-    // Retrieve account state from the network
-    const keys = await provider.query({
-      request_type: 'view_access_key_list',
-      account_id: accountId,
-      finality: 'final',
-    });
-    return keys.keys;
-  };
-}
-
-/**
- * @typedef NearContext
- * @property {import('./wallets/near').Wallet} wallet Current wallet
- * @property {string} signedAccountId The AccountId of the signed user
- */
-
-/** @type {import ('react').Context<NearContext>} */
-export const NearContext = createContext({
-  wallet: undefined,
-  signedAccountId: '',
-});

package/templates/frontend/next-page/src/wallets/near.js

@@ -1,216 +0,0 @@
-import { createContext } from 'react';
-
-// near api js
-import { providers, utils } from 'near-api-js';
-
-// wallet selector
-import '@near-wallet-selector/modal-ui/styles.css';
-import { setupModal } from '@near-wallet-selector/modal-ui';
-import { setupWalletSelector } from '@near-wallet-selector/core';
-import { setupHereWallet } from '@near-wallet-selector/here-wallet';
-import { setupMyNearWallet } from '@near-wallet-selector/my-near-wallet';
-import { setupLedger } from '@near-wallet-selector/ledger';
-import { setupMeteorWallet } from '@near-wallet-selector/meteor-wallet';
-import { setupSender } from '@near-wallet-selector/sender';
-import { setupBitteWallet } from '@near-wallet-selector/bitte-wallet';
-
-// ethereum wallets
-import { wagmiConfig, web3Modal } from '@/wallets/web3modal';
-import { setupEthereumWallets } from "@near-wallet-selector/ethereum-wallets";
-
-const THIRTY_TGAS = '30000000000000';
-const NO_DEPOSIT = '0';
-
-export class Wallet {
-  /**
-   * @constructor
-   * @param {Object} options - the options for the wallet
-   * @param {string} options.networkId - the network id to connect to
-   * @param {string} options.createAccessKeyFor - the contract to create an access key for
-   * @example
-   * const wallet = new Wallet({ networkId: 'testnet', createAccessKeyFor: 'contractId' });
-   * wallet.startUp((signedAccountId) => console.log(signedAccountId));
-   */
-  constructor({ networkId = 'testnet', createAccessKeyFor = undefined }) {
-    this.createAccessKeyFor = createAccessKeyFor;
-    this.networkId = networkId;
-  }
-
-  /**
-   * To be called when the website loads
-   * @param {Function} accountChangeHook - a function that is called when the user signs in or out#
-   * @returns {Promise<string>} - the accountId of the signed-in user 
-   */
-  startUp = async (accountChangeHook) => {
-    this.selector = setupWalletSelector({
-      network: this.networkId,
-      modules: [
-        setupMyNearWallet(),
-        setupHereWallet(),
-        setupLedger(),
-        setupMeteorWallet(),
-        setupSender(),
-        setupBitteWallet(),
-        setupEthereumWallets({ wagmiConfig, web3Modal, alwaysOnboardDuringSignIn: true }),
-      ],
-    });
-
-    const walletSelector = await this.selector;
-    const isSignedIn = walletSelector.isSignedIn();
-    const accountId = isSignedIn ? walletSelector.store.getState().accounts[0].accountId : '';
-
-    walletSelector.store.observable.subscribe(async (state) => {
-      const signedAccount = state?.accounts.find(account => account.active)?.accountId;
-      accountChangeHook(signedAccount || '');
-    });
-
-    return accountId;
-  };
-
-  /**
-   * Displays a modal to login the user
-   */
-  signIn = async () => {
-    const modal = setupModal(await this.selector, { contractId: this.createAccessKeyFor });
-    modal.show();
-  };
-
-  /**
-   * Logout the user
-   */
-  signOut = async () => {
-    const selectedWallet = await (await this.selector).wallet();
-    selectedWallet.signOut();
-  };
-
-  /**
-   * Makes a read-only call to a contract
-   * @param {Object} options - the options for the call
-   * @param {string} options.contractId - the contract's account id
-   * @param {string} options.method - the method to call
-   * @param {Object} options.args - the arguments to pass to the method
-   * @returns {Promise<JSON.value>} - the result of the method call
-   */
-  viewMethod = async ({ contractId, method, args = {} }) => {
-    const url = `https://rpc.${this.networkId}.near.org`;
-    const provider = new providers.JsonRpcProvider({ url });
-
-    const res = await provider.query({
-      request_type: 'call_function',
-      account_id: contractId,
-      method_name: method,
-      args_base64: Buffer.from(JSON.stringify(args)).toString('base64'),
-      finality: 'optimistic',
-    });
-    return JSON.parse(Buffer.from(res.result).toString());
-  };
-
-  /**
-   * Makes a call to a contract
-   * @param {Object} options - the options for the call
-   * @param {string} options.contractId - the contract's account id
-   * @param {string} options.method - the method to call
-   * @param {Object} options.args - the arguments to pass to the method
-   * @param {string} options.gas - the amount of gas to use
-   * @param {string} options.deposit - the amount of yoctoNEAR to deposit
-   * @returns {Promise<Transaction>} - the resulting transaction
-   */
-  callMethod = async ({ contractId, method, args = {}, gas = THIRTY_TGAS, deposit = NO_DEPOSIT }) => {
-    // Sign a transaction with the "FunctionCall" action
-    const selectedWallet = await (await this.selector).wallet();
-    const outcome = await selectedWallet.signAndSendTransaction({
-      receiverId: contractId,
-      actions: [
-        {
-          type: 'FunctionCall',
-          params: {
-            methodName: method,
-            args,
-            gas,
-            deposit,
-          },
-        },
-      ],
-    });
-
-    return providers.getTransactionLastResult(outcome);
-  };
-
-  /**
-   * Makes a call to a contract
-   * @param {string} txhash - the transaction hash
-   * @returns {Promise<JSON.value>} - the result of the transaction
-   */
-  getTransactionResult = async (txhash) => {
-    const walletSelector = await this.selector;
-    const { network } = walletSelector.options;
-    const provider = new providers.JsonRpcProvider({ url: network.nodeUrl });
-
-    // Retrieve transaction result from the network
-    const transaction = await provider.txStatus(txhash, 'unnused');
-    return providers.getTransactionLastResult(transaction);
-  };
-
-  /**
-   * Gets the balance of an account
-   * @param {string} accountId - the account id to get the balance of
-   * @returns {Promise<number>} - the balance of the account
-   *  
-   */
-  getBalance = async (accountId) => {
-    const walletSelector = await this.selector;
-    const { network } = walletSelector.options;
-    const provider = new providers.JsonRpcProvider({ url: network.nodeUrl });
-
-    // Retrieve account state from the network
-    const account = await provider.query({
-      request_type: 'view_account',
-      account_id: accountId,
-      finality: 'final',
-    });
-    // return amount on NEAR
-    return account.amount ? Number(utils.format.formatNearAmount(account.amount)) : 0;
-  };
-
-  /**
-   * Signs and sends transactions
-   * @param {Object[]} transactions - the transactions to sign and send
-   * @returns {Promise<Transaction[]>} - the resulting transactions
-   * 
-   */
-  signAndSendTransactions = async ({ transactions }) => {
-    const selectedWallet = await (await this.selector).wallet();
-    return selectedWallet.signAndSendTransactions({ transactions });
-  };
-
-  /**
-   * 
-   * @param {string} accountId
-   * @returns {Promise<Object[]>} - the access keys for the
-   */
-  getAccessKeys = async (accountId) => {
-    const walletSelector = await this.selector;
-    const { network } = walletSelector.options;
-    const provider = new providers.JsonRpcProvider({ url: network.nodeUrl });
-
-    // Retrieve account state from the network
-    const keys = await provider.query({
-      request_type: 'view_access_key_list',
-      account_id: accountId,
-      finality: 'final',
-    });
-    return keys.keys;
-  };
-}
-
-/**
- * @typedef NearContext
- * @property {import('./wallets/near').Wallet} wallet Current wallet
- * @property {string} signedAccountId The AccountId of the signed user
- */
-
-/** @type {import ('react').Context<NearContext>} */
-export const NearContext = createContext({
-  wallet: undefined,
-  signedAccountId: '',
-});

package/templates/frontend/vite-react/src/wallets/near.js

@@ -1,228 +0,0 @@
-// wallet selector
-import '@near-wallet-selector/modal-ui/styles.css';
-
-import { setupBitteWallet } from '@near-wallet-selector/bitte-wallet';
-import { setupWalletSelector } from '@near-wallet-selector/core';
-import { setupEthereumWallets } from '@near-wallet-selector/ethereum-wallets';
-import { setupLedger } from '@near-wallet-selector/ledger';
-import { setupMeteorWallet } from '@near-wallet-selector/meteor-wallet';
-import { setupModal } from '@near-wallet-selector/modal-ui';
-import { setupMyNearWallet } from '@near-wallet-selector/my-near-wallet';
-import { setupSender } from '@near-wallet-selector/sender';
-import { setupHereWallet } from '@near-wallet-selector/here-wallet';
-import { setupNearMobileWallet } from '@near-wallet-selector/near-mobile-wallet';
-import { setupWelldoneWallet } from '@near-wallet-selector/welldone-wallet';
-import { Buffer } from 'buffer';
-
-
-// near api js
-import { providers, utils } from 'near-api-js';
-import { createContext } from 'react';
-
-// ethereum wallets
-import { wagmiConfig, web3Modal } from '@/wallets/web3modal';
-
-const THIRTY_TGAS = '30000000000000';
-const NO_DEPOSIT = '0';
-
-export class Wallet {
-  /**
-   * @constructor
-   * @param {Object} options - the options for the wallet
-   * @param {string} options.networkId - the network id to connect to
-   * @param {string} options.createAccessKeyFor - the contract to create an access key for
-   * @example
-   * const wallet = new Wallet({ networkId: 'testnet', createAccessKeyFor: 'contractId' });
-   * wallet.startUp((signedAccountId) => console.log(signedAccountId));
-   */
-  constructor({ networkId = 'testnet', createAccessKeyFor = undefined }) {
-    this.createAccessKeyFor = createAccessKeyFor;
-    this.networkId = networkId;
-  }
-
-  /**
-   * To be called when the website loads
-   * @param {Function} accountChangeHook - a function that is called when the user signs in or out#
-   * @returns {Promise<string>} - the accountId of the signed-in user
-   */
-  startUp = async (accountChangeHook) => {
-    this.selector = setupWalletSelector({
-      network: this.networkId,
-      modules: [
-        setupMeteorWallet(),
-        setupEthereumWallets({ wagmiConfig, web3Modal, alwaysOnboardDuringSignIn: true }),
-        setupLedger(),
-        setupBitteWallet(),
-        setupHereWallet(),
-        setupSender(),
-        setupNearMobileWallet(),
-        setupWelldoneWallet(),
-        setupMyNearWallet(),
-      ],
-    });
-
-    const walletSelector = await this.selector;
-    const isSignedIn = walletSelector.isSignedIn();
-    const accountId = isSignedIn ? walletSelector.store.getState().accounts[0].accountId : '';
-
-    walletSelector.store.observable.subscribe(async (state) => {
-      const signedAccount = state?.accounts.find((account) => account.active)?.accountId;
-      accountChangeHook(signedAccount || '');
-    });
-
-    return accountId;
-  };
-
-  /**
-   * Displays a modal to login the user
-   */
-  signIn = async () => {
-    const modal = setupModal(await this.selector, { contractId: this.createAccessKeyFor });
-    modal.show();
-  };
-
-  /**
-   * Logout the user
-   */
-  signOut = async () => {
-    const selectedWallet = await (await this.selector).wallet();
-    selectedWallet.signOut();
-  };
-
-  /**
-   * Makes a read-only call to a contract
-   * @param {Object} options - the options for the call
-   * @param {string} options.contractId - the contract's account id
-   * @param {string} options.method - the method to call
-   * @param {Object} options.args - the arguments to pass to the method
-   * @returns {Promise<JSON.value>} - the result of the method call
-   */
-  viewMethod = async ({ contractId, method, args = {} }) => {
-    const url = `https://rpc.${this.networkId}.near.org`;
-    const provider = new providers.JsonRpcProvider({ url });
-
-    const res = await provider.query({
-      request_type: 'call_function',
-      account_id: contractId,
-      method_name: method,
-      args_base64: Buffer.from(JSON.stringify(args)).toString('base64'),
-      finality: 'optimistic',
-    });
-    return JSON.parse(Buffer.from(res.result).toString());
-  };
-
-  /**
-   * Makes a call to a contract
-   * @param {Object} options - the options for the call
-   * @param {string} options.contractId - the contract's account id
-   * @param {string} options.method - the method to call
-   * @param {Object} options.args - the arguments to pass to the method
-   * @param {string} options.gas - the amount of gas to use
-   * @param {string} options.deposit - the amount of yoctoNEAR to deposit
-   * @returns {Promise<Transaction>} - the resulting transaction
-   */
-  callMethod = async ({ contractId, method, args = {}, gas = THIRTY_TGAS, deposit = NO_DEPOSIT }) => {
-    // Sign a transaction with the "FunctionCall" action
-    const selectedWallet = await (await this.selector).wallet();
-    const outcome = await selectedWallet.signAndSendTransaction({
-      receiverId: contractId,
-      actions: [
-        {
-          type: 'FunctionCall',
-          params: {
-            methodName: method,
-            args,
-            gas,
-            deposit,
-          },
-        },
-      ],
-    });
-
-    return providers.getTransactionLastResult(outcome);
-  };
-
-  /**
-   * Makes a call to a contract
-   * @param {string} txhash - the transaction hash
-   * @returns {Promise<JSON.value>} - the result of the transaction
-   */
-  getTransactionResult = async (txhash) => {
-    const walletSelector = await this.selector;
-    const { network } = walletSelector.options;
-    const provider = new providers.JsonRpcProvider({ url: network.nodeUrl });
-
-    // Retrieve transaction result from the network
-    const transaction = await provider.txStatus(txhash, 'unnused');
-    return providers.getTransactionLastResult(transaction);
-  };
-
-  /**
-   * Gets the balance of an account
-   * @param {string} accountId - the account id to get the balance of
-   * @param {boolean} format - whether to format the balance
-   * @returns {Promise<number>} - the balance of the account
-   *
-   */
-  getBalance = async (accountId, format = false) => {
-    const walletSelector = await this.selector;
-    const { network } = walletSelector.options;
-    const provider = new providers.JsonRpcProvider({ url: network.nodeUrl });
-
-    // Retrieve account state from the network
-    const account = await provider.query({
-      request_type: 'view_account',
-      account_id: accountId,
-      finality: 'final',
-    });
-
-    // Format the amount if needed
-    if (format) {
-      return account.amount ? utils.format.formatNearAmount(account.amount) : '0';
-    } else {
-      return account.amount || '0';
-    }
-  };
-
-  /**
-   * Signs and sends transactions
-   * @param {Object[]} transactions - the transactions to sign and send
-   * @returns {Promise<Transaction[]>} - the resulting transactions
-   *
-   */
-  signAndSendTransactions = async ({ transactions }) => {
-    const selectedWallet = await (await this.selector).wallet();
-    return selectedWallet.signAndSendTransactions({ transactions });
-  };
-
-  /**
-   *
-   * @param {string} accountId
-   * @returns {Promise<Object[]>} - the access keys for the
-   */
-  getAccessKeys = async (accountId) => {
-    const walletSelector = await this.selector;
-    const { network } = walletSelector.options;
-    const provider = new providers.JsonRpcProvider({ url: network.nodeUrl });
-
-    // Retrieve account state from the network
-    const keys = await provider.query({
-      request_type: 'view_access_key_list',
-      account_id: accountId,
-      finality: 'final',
-    });
-    return keys.keys;
-  };
-}
-
-/**
- * @typedef NearContext
- * @property {import('./wallets/near').Wallet} wallet Current wallet
- * @property {string} signedAccountId The AccountId of the signed user
- */
-
-/** @type {import ('react').Context<NearContext>} */
-export const NearContext = createContext({
-  wallet: undefined,
-  signedAccountId: '',
-});