create-near-app 5.3.0 → 5.3.1-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-near-app",
-  "version": "5.3.0",
+  "version": "5.3.1-beta.0",
   "description": "Quickly scaffold your dApp on NEAR Blockchain",
   "main": "index.js",
   "engines": {
@@ -25,36 +25,36 @@
   },
   "dependencies": {
     "chalk": "^4.1.2",
-    "commander": "^9.4.0",
+    "commander": "^11.0.0",
     "cross-spawn": "^7.0.3",
-    "mixpanel": "^0.16.0",
+    "mixpanel": "^0.17.0",
     "ncp": "^2.0.0",
     "prompts": "^2.4.2",
-    "semver": "^7.3.7"
+    "semver": "^7.5.3"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.18.9",
-    "@commitlint/cli": "^17.0.1",
-    "@commitlint/config-conventional": "^17.0.0",
-    "@release-it/conventional-changelog": "^5.0.0",
+    "@babel/eslint-parser": "^7.22.5",
+    "@commitlint/cli": "^17.6.6",
+    "@commitlint/config-conventional": "^17.6.6",
+    "@release-it/conventional-changelog": "^5.1.1",
     "@types/cross-spawn": "^6.0.2",
-    "@types/jest": "^28.1.6",
+    "@types/jest": "^29.5.2",
     "@types/ncp": "^2.0.5",
-    "@types/node": "^18.6.1",
-    "@types/prompts": "^2.0.14",
-    "@types/semver": "^7.3.10",
-    "eslint": "^8.20.0",
+    "@types/node": "^20.3.2",
+    "@types/prompts": "^2.4.4",
+    "@types/semver": "^7.5.0",
+    "eslint": "^8.43.0",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
-    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "husky": "^8.0.1",
-    "jest": "^28.1.3",
+    "husky": "^8.0.3",
+    "jest": "^29.5.0",
     "node-dir": "^0.1.17",
-    "release-it": "^15.0.0",
-    "ts-jest": "^28.0.7",
-    "typescript": "^4.7.4"
+    "release-it": "^15.11.0",
+    "ts-jest": "^29.1.0",
+    "typescript": "^5.1.3"
   },
   "repository": "https://github.com/near/create-near-app.git",
   "author": "Pagoda.co",

package/templates/contracts/js/babel.config.json

@@ -0,0 +1,7 @@
+{
+  "plugins": [
+    "near-sdk-js/lib/build-tools/near-bindgen-exporter",
+    ["@babel/plugin-proposal-decorators", {"version": "legacy"}]
+  ],
+  "presets": ["@babel/preset-typescript"]
+}

package/templates/contracts/js/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "near-cli": "^3.4.0",
-    "near-sdk-js": "0.7.0"
+    "near-sdk-js": "0.6.0"
   },
   "devDependencies": {
     "typescript": "^4.7.4",

package/templates/frontend/react/index.js

@@ -1,5 +1,6 @@
 // React
-import { createRoot } from 'react-dom/client';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import App from './App';
 
 // NEAR
@@ -10,14 +11,13 @@ const CONTRACT_ADDRESS = process.env.CONTRACT_NAME
 // When creating the wallet you can optionally ask to create an access key
 // Having the key enables to call non-payable methods without interrupting the user to sign
 const wallet = new Wallet({ createAccessKeyFor: CONTRACT_ADDRESS })
-const container = document.getElementById('root');
-const root = createRoot(container); // createRoot(container!) if you use TypeScript
 
 // Setup on page load
 window.onload = async () => {
   const isSignedIn = await wallet.startUp()
-
-  root.render(
-    <App isSignedIn={isSignedIn} contractId={CONTRACT_ADDRESS} wallet={wallet} />
+ 
+  ReactDOM.render(
+    <App isSignedIn={isSignedIn} contractId={CONTRACT_ADDRESS} wallet={wallet} />,
+    document.getElementById('root')
   );
 }

package/templates/frontend/react/package.json

@@ -7,34 +7,31 @@
     "build": "parcel build index.html --public-url ./"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@types/node": "^18.13.0",
+    "@babel/core": "^7.22.5",
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-react": "^7.22.5",
+    "@types/node": "^20.3.2",
+    "buffer": "^5.5.0||^6.0.0",
+    "env-cmd": "^10.1.0",
+    "events": "^3.1.0",
+    "https-browserify": "^1.0.0",
+    "nodemon": "^2.0.22",
+    "parcel": "^2.9.3",
+    "process": "^0.11.10",
     "react-test-renderer": "^18.2.0",
+    "stream-http": "^3.1.0",
     "ts-node": "^10.9.1",
-    "typescript": "^4.9.5",
-    "nodemon": "^2.0.20",
-    "parcel": "^2.8.3",
-    "process": "^0.11.10",
-    "env-cmd": "^10.1.0"
+    "typescript": "^5.1.3",
+    "url": "^0.11.0"
   },
   "dependencies": {
-    "near-api-js": "^1.1.0",
+    "@near-wallet-selector/core": "^8.1.4",
+    "@near-wallet-selector/modal-ui": "^8.1.4",
+    "@near-wallet-selector/my-near-wallet": "^8.1.4",
+    "near-api-js": "^2.1.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "regenerator-runtime": "^0.13.11",
-    "@near-wallet-selector/core": "^7.8.0",
-    "@near-wallet-selector/ledger": "^7.8.0",
-    "@near-wallet-selector/math-wallet": "^7.8.0",
-    "@near-wallet-selector/meteor-wallet": "^7.8.0",
-    "@near-wallet-selector/modal-ui": "^7.8.0",
-    "@near-wallet-selector/my-near-wallet": "^7.8.0",
-    "@near-wallet-selector/near-wallet": "^7.8.0",
-    "@near-wallet-selector/nightly": "^7.8.0",
-    "@near-wallet-selector/nightly-connect": "^7.8.0",
-    "@near-wallet-selector/sender": "^7.8.0",
-    "@near-wallet-selector/wallet-connect": "^7.8.0"
+    "regenerator-runtime": "^0.13.11"
   },
   "resolutions": {
     "@babel/preset-env": "7.13.8"
@@ -51,4 +48,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

package/templates/frontend/shared/near-wallet.js

@@ -3,15 +3,10 @@
 // near api js
 import { providers } from 'near-api-js';
 
-// wallet selector UI
+// wallet selector
 import '@near-wallet-selector/modal-ui/styles.css';
 import { setupModal } from '@near-wallet-selector/modal-ui';
-import LedgerIconUrl from '@near-wallet-selector/ledger/assets/ledger-icon.png';
-import MyNearIconUrl from '@near-wallet-selector/my-near-wallet/assets/my-near-wallet-icon.png';
-
-// wallet selector options
 import { setupWalletSelector } from '@near-wallet-selector/core';
-import { setupLedger } from '@near-wallet-selector/ledger';
 import { setupMyNearWallet } from '@near-wallet-selector/my-near-wallet';
 
 const THIRTY_TGAS = '30000000000000';
@@ -37,8 +32,7 @@ export class Wallet {
   async startUp() {
     this.walletSelector = await setupWalletSelector({
       network: this.network,
-      modules: [setupMyNearWallet({ iconUrl: MyNearIconUrl }),
-      setupLedger({ iconUrl: LedgerIconUrl })],
+      modules: [setupMyNearWallet()],
     });
 
     const isSignedIn = this.walletSelector.isSignedIn();

package/templates/frontend/vanilla/index.html

@@ -60,20 +60,17 @@
       </p>
       <ol>
         <li>
-          Look in <code>index.js</code> and <code>near-api.js</code> – you'll see <code>get_greeting</code>
-          and <code>set_greeting</code> being called on <code>contract</code>.
-          What's this?
+          Look in <code>index.js</code> - you will see a <code>Wallet</code> object being created and used 
+          to interact with the methods <code>set_greeting</code> and <code>get_greeting</code>.
         </li>
         <li>
-          Ultimately, this <code>contract</code> code is defined in
-          <code>assembly/index.ts</code> – this is the source code for your
-          <a target="_blank" href="https://docs.near.org/docs/develop/contracts/overview">smart contract</a>.
+          These method live in the <a target="_blank" href="https://docs.near.org/docs/develop/contracts/overview">smart contract</a>,
+          who's code is defined in the <code>contract/</code> folder.
         </li>
         <li>
-          When you run <code>npm run dev</code>, the code in
-          <code>assembly/index.ts</code> gets deployed to the NEAR testnet. You
-          can see how this happens by looking in <code>package.json</code> at the
-          <code>scripts</code> section to find the <code>dev</code> command.
+          When you run <code>npm run start</code>, the code in <code>contract/</code> gets deployed to the NEAR testnet.
+          You can see how this happens by looking in <code>package.json</code> at the <code>scripts</code> section to
+          find the <code>dev</code> command.
         </li>
       </ol>
       <hr>

package/templates/frontend/vanilla/package.json

@@ -9,22 +9,19 @@
   "devDependencies": {
     "env-cmd": "^10.1.0",
     "events": "^3.3.0",
+    "https-browserify": "^1.0.0",
     "nodemon": "^2.0.16",
     "parcel": "^2.7.0",
-    "process": "^0.11.10"
+    "process": "^0.11.10",
+    "stream-http": "^3.1.0",
+    "url": "^0.11.0"
   },
   "dependencies": {
-    "@near-wallet-selector/core": "^7.0.0",
-    "@near-wallet-selector/ledger": "^7.0.0",
-    "@near-wallet-selector/math-wallet": "^7.0.0",
-    "@near-wallet-selector/meteor-wallet": "^7.0.0",
-    "@near-wallet-selector/modal-ui": "^7.0.0",
-    "@near-wallet-selector/my-near-wallet": "^7.0.0",
-    "@near-wallet-selector/near-wallet": "^7.0.0",
-    "@near-wallet-selector/nightly": "^7.0.0",
-    "@near-wallet-selector/nightly-connect": "^7.0.0",
-    "@near-wallet-selector/sender": "^7.0.0",
-    "@near-wallet-selector/wallet-connect": "^7.0.0",
-    "near-api-js": "^0.44.2"
+    "@near-wallet-selector/core": "^8.1.4",
+    "@near-wallet-selector/ledger": "^8.1.4",
+    "@near-wallet-selector/modal-ui": "^8.1.4",
+    "@near-wallet-selector/my-near-wallet": "^8.1.4",
+    "@near-wallet-selector/near-wallet": "^8.1.4",
+    "near-api-js": "^2.1.4"
   }
 }

package/templates/shared/rust-toolchain.toml

@@ -0,0 +1,2 @@
+[toolchain]
+channel = "1.69"