create-near-app 6.0.3 → 6.1.1

package/README.md

@@ -7,7 +7,7 @@ Quickly build apps backed by the [NEAR](https://near.org) blockchain
 
 ## Prerequisites
 
-Make sure you have a [current version of Node.js](https://nodejs.org/en/about/releases/) installed – we are targeting versions `16+` for JS contracts and `18+` for frontend/gateways.
+Make sure you have a [current version of Node.js](https://nodejs.org) installed – we are targeting versions `16+` for JS contracts and `18+` for frontend/gateways.
 
 Read about other [prerequisites](https://docs.near.org/develop/prerequisites) in our docs.
 

package/dist/messages.js

@@ -24,35 +24,60 @@ Please refer to https://github.com/near/create-near-app README to troubleshoot.
 Notice: some platforms aren't supported (yet).
 {bold {red ==========================================}}`);
 exports.setupFailed = setupFailed;
-const successContractToText = (contract) => contract === 'none' ? '' : (0, chalk_1.default) `a smart contract in {bold ${contract === 'rs' ? 'Rust' : 'Typescript'}}`;
+const successContractToText = (contract) => contract === 'none'
+    ? ''
+    : (0, chalk_1.default) `a smart contract in {bold ${contract === 'rs' ? 'Rust' : 'Typescript'}}`;
 exports.successContractToText = successContractToText;
-const successFrontendToText = (frontend) => frontend === 'none' ? '' : (0, chalk_1.default) `a gateway using ${frontend === 'next' ? 'NextJS + React' : 'Vanilla-JS'}`;
+const frontendTemplates = {
+    'next-page': 'NextJS (Classic)',
+    'next-app': 'NextJS (App Router)',
+    vanilla: 'Vanilla-JS',
+};
+const successFrontendToText = (frontend) => frontend === 'none'
+    ? ''
+    : (0, chalk_1.default) `a gateway using ${frontendTemplates[frontend]}`;
 exports.successFrontendToText = successFrontendToText;
 const setupSuccess = (projectName, contract, frontend, install) => (0, exports.show)((0, chalk_1.default) `
 {green ======================================================}
 ✅  Success! Created '${projectName}', ${(0, exports.successContractToText)(contract)}${(0, exports.successFrontendToText)(frontend)}.
-${contract === 'rs' ? (0, chalk_1.default) `🦀 If you are new to Rust please visit {bold {green https://www.rust-lang.org }}\n` : ''}
+${contract === 'rs'
+    ? (0, chalk_1.default) `🦀 If you are new to Rust please visit {bold {green https://www.rust-lang.org }}\n`
+    : ''}
 {bold {bgYellow {black Next steps}}}:
 ${(0, exports.contractInstructions)(projectName, contract, install)}${(0, exports.gatewayInstructions)(projectName, frontend, install)}`);
 exports.setupSuccess = setupSuccess;
-const contractInstructions = (projectName, contract, install) => contract === 'none' ? '' : (0, chalk_1.default) `
+const contractInstructions = (projectName, contract, install) => contract === 'none'
+    ? ''
+    : (0, chalk_1.default) `
    - {inverse Navigate to your project}:
          {blue cd {bold ${projectName}}}
-${contract === 'ts' && !install ? (0, chalk_1.default) `   - {inverse Install all dependencies}
-         {blue npm {bold install}}` : 'Then:'}
+${contract === 'ts' && !install
+        ? (0, chalk_1.default) `   - {inverse Install all dependencies}
+         {blue npm {bold install}}`
+        : 'Then:'}
    - {inverse Build your contract}:
-         ${contract === 'ts' ? (0, chalk_1.default) `{blue npm {bold run build}}` : (0, chalk_1.default) `{blue {bold ./build.sh}}`}
+         ${contract === 'ts'
+        ? (0, chalk_1.default) `{blue npm {bold run build}}`
+        : (0, chalk_1.default) `{blue {bold ./build.sh}}`}
    - {inverse Test your contract} in the Sandbox:
-         ${contract === 'ts' ? (0, chalk_1.default) `{blue npm {bold run test}}` : (0, chalk_1.default) `{blue {bold ./test.sh}}`}
+         ${contract === 'ts'
+        ? (0, chalk_1.default) `{blue npm {bold run test}}`
+        : (0, chalk_1.default) `{blue {bold ./test.sh}}`}
    - {inverse Deploy your contract} to NEAR TestNet with a temporary dev account:
-         ${contract === 'ts' ? (0, chalk_1.default) `{blue npm {bold run deploy}}` : (0, chalk_1.default) `{blue {bold ./deploy.sh}}`}
+         ${contract === 'ts'
+        ? (0, chalk_1.default) `{blue npm {bold run deploy}}`
+        : (0, chalk_1.default) `{blue {bold ./deploy.sh}}`}
 🧠 Read {bold {greenBright README.md}} to explore further`;
 exports.contractInstructions = contractInstructions;
-const gatewayInstructions = (projectName, frontend, install) => frontend === 'none' ? '' : (0, chalk_1.default) `
+const gatewayInstructions = (projectName, frontend, install) => frontend === 'none'
+    ? ''
+    : (0, chalk_1.default) `
    - {inverse Navigate to your project}:
          {blue cd {bold ${projectName}}}
-${!install ? (0, chalk_1.default) `   - {inverse Install all dependencies}
-         {blue pnpm {bold install}}` : 'Then:'}
+${!install
+        ? (0, chalk_1.default) `   - {inverse Install all dependencies}
+         {blue pnpm {bold install}}`
+        : 'Then:'}
    - {inverse Start your app}:
          {blue pnpm {bold run dev}}`;
 exports.gatewayInstructions = gatewayInstructions;

package/dist/types.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.APPS = exports.TESTING_FRAMEWORKS = exports.FRONTENDS = exports.CONTRACTS = void 0;
 exports.CONTRACTS = ['ts', 'rs', 'none'];
-exports.FRONTENDS = ['next', 'vanilla', 'none'];
+exports.FRONTENDS = ['next-app', 'next-page', 'vanilla', 'none'];
 exports.TESTING_FRAMEWORKS = ['rs', 'ts', 'none'];
 exports.APPS = ['contract', 'gateway'];
 //# sourceMappingURL=types.js.map

package/dist/user-input.js

@@ -63,7 +63,8 @@ const testsChoices = [
     { title: 'Tests written in Typescript', value: 'ts' },
 ];
 const frontendChoices = [
-    { title: 'NextJs + React', description: 'A composable app built using Next.js, React and Near components', value: 'next' },
+    { title: 'NextJs (Classic)', description: 'A composable app built using Next.js, React and Near components', value: 'next-page' },
+    { title: 'NextJS (App Router)', description: 'A composable app built using Next.js, React and Near components', value: 'next-app' },
     { title: 'Vanilla JS', description: 'A framework-less web app with limited capabilities.', value: 'vanilla' },
 ];
 const appPrompt = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-near-app",
-  "version": "6.0.3",
+  "version": "6.1.1",
   "description": "Quickly scaffold your dApp on NEAR Blockchain",
   "main": "index.js",
   "engines": {

package/templates/contracts/rs/rust-toolchain.toml

@@ -1,2 +1,4 @@
 [toolchain]
-channel = "1.69"
+channel = "1.73.0"
+components = ["rustfmt"]
+targets = ["wasm32-unknown-unknown"]

package/templates/frontend/next-page/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

package/templates/frontend/next-page/jsconfig.json

@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/templates/frontend/next-page/next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+}
+
+module.exports = nextConfig;