create-near-app 2.0.0 → 3.0.0

package/templates/angular/tslint.json

@@ -1,149 +0,0 @@
-{
-  "extends": "tslint:recommended",
-  "rules": {
-    "align": {
-      "options": [
-        "parameters",
-        "statements"
-      ]
-    },
-    "array-type": false,
-    "arrow-return-shorthand": true,
-    "curly": true,
-    "deprecation": {
-      "severity": "warning"
-    },
-    "component-class-suffix": true,
-    "contextual-lifecycle": true,
-    "directive-class-suffix": true,
-    "directive-selector": [
-      true,
-      "attribute",
-      "app",
-      "camelCase"
-    ],
-    "component-selector": [
-      true,
-      "element",
-      "app",
-      "kebab-case"
-    ],
-    "eofline": true,
-    "import-blacklist": [
-      true,
-      "rxjs/Rx"
-    ],
-    "import-spacing": true,
-    "indent": {
-      "options": [
-        "spaces",
-        2
-      ]
-    },
-    "max-classes-per-file": false,
-    "max-line-length": [
-      true,
-      140
-    ],
-    "member-ordering": [
-      true,
-      {
-        "order": [
-          "static-field",
-          "instance-field",
-          "static-method",
-          "instance-method"
-        ]
-      }
-    ],
-    "no-console": false,
-    "no-empty": false,
-    "no-inferrable-types": [
-      true,
-      "ignore-params"
-    ],
-    "no-non-null-assertion": true,
-    "no-redundant-jsdoc": true,
-    "no-switch-case-fall-through": true,
-    "no-var-requires": false,
-    "object-literal-key-quotes": [
-      true,
-      "as-needed"
-    ],
-    "quotemark": [
-      true,
-      "single"
-    ],
-    "semicolon": {
-      "options": [
-        "never"
-      ]
-    },
-    "space-before-function-paren": {
-      "options": {
-        "anonymous": "never",
-        "asyncArrow": "always",
-        "constructor": "never",
-        "method": "never",
-        "named": "never"
-      }
-    },
-    "typedef": [
-      true,
-      "call-signature"
-    ],
-    "typedef-whitespace": {
-      "options": [
-        {
-          "call-signature": "nospace",
-          "index-signature": "nospace",
-          "parameter": "nospace",
-          "property-declaration": "nospace",
-          "variable-declaration": "nospace"
-        },
-        {
-          "call-signature": "onespace",
-          "index-signature": "onespace",
-          "parameter": "onespace",
-          "property-declaration": "onespace",
-          "variable-declaration": "onespace"
-        }
-      ]
-    },
-    "variable-name": {
-      "options": [
-        "ban-keywords",
-        "check-format",
-        "allow-pascal-case"
-      ]
-    },
-    "whitespace": {
-      "options": [
-        "check-branch",
-        "check-decl",
-        "check-operator",
-        "check-separator",
-        "check-type",
-        "check-typecast",
-        "check-module",
-        "check-rest-spread",
-        "check-preblock"
-      ]
-    },
-    "no-conflicting-lifecycle": true,
-    "no-host-metadata-property": true,
-    "no-input-rename": true,
-    "no-inputs-metadata-property": true,
-    "no-output-native": true,
-    "no-output-on-prefix": true,
-    "no-output-rename": true,
-    "no-outputs-metadata-property": true,
-    "template-banana-in-box": true,
-    "template-no-negated-async": true,
-    "use-lifecycle-interface": true,
-    "use-pipe-transform-interface": true
-  },
-  "rulesDirectory": [
-    "codelyzer"
-  ]
-}

package/templates/react/babel.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  presets: ['@babel/preset-env', '@babel/preset-react'],
-}

package/templates/react/neardev/shared-test-staging/test.near.json

@@ -1 +0,0 @@
-{"account_id":"test.near","private_key":"ed25519:2wyRcSwSuHtRVmkMCGjPwnzZmQLeXLzLLyED1NDMt4BjnKgQL6tF85yBx6Jr26D2dUNeC716RBoTxntVHsegogYw"}

package/templates/react/src/index.js

@@ -1,13 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import App from './App'
-import { initContract } from './utils'
-
-window.nearInitPromise = initContract()
-  .then(() => {
-    ReactDOM.render(
-      <App />,
-      document.querySelector('#root')
-    )
-  })
-  .catch(console.error)

package/templates/react/src/jest.init.js

@@ -1 +0,0 @@
-import 'regenerator-runtime/runtime'

package/templates/react/src/main.test.js

@@ -1,28 +0,0 @@
-beforeAll(async function () {
-  // NOTE: nearlib and nearConfig are made available by near-cli/test_environment
-  const near = await nearlib.connect(nearConfig)
-  window.accountId = nearConfig.contractName
-  window.contract = await near.loadContract(nearConfig.contractName, {
-    viewMethods: ['getGreeting'],
-    changeMethods: [],
-    sender: window.accountId
-  })
-
-  window.walletConnection = {
-    requestSignIn() {
-    },
-    signOut() {
-    },
-    isSignedIn() {
-      return true
-    },
-    getAccountId() {
-      return window.accountId
-    }
-  }
-})
-
-test('getGreeting', async () => {
-  const message = await window.contract.getGreeting({ accountId: window.accountId })
-  expect(message).toEqual('Hello')
-})

package/templates/react/src/utils.js

@@ -1,39 +0,0 @@
-import { connect, Contract, keyStores, WalletConnection } from 'near-api-js'
-import getConfig from './config'
-
-const nearConfig = getConfig(process.env.NODE_ENV || 'development')
-
-// Initialize contract & set global variables
-export async function initContract() {
-  // Initialize connection to the NEAR testnet
-  const near = await connect(Object.assign({ deps: { keyStore: new keyStores.BrowserLocalStorageKeyStore() } }, nearConfig))
-
-  // Initializing Wallet based Account. It can work with NEAR testnet wallet that
-  // is hosted at https://wallet.testnet.near.org
-  window.walletConnection = new WalletConnection(near)
-
-  // Getting the Account ID. If still unauthorized, it's just empty string
-  window.accountId = window.walletConnection.getAccountId()
-
-  // Initializing our contract APIs by contract name and configuration
-  window.contract = await new Contract(window.walletConnection.account(), nearConfig.contractName, {
-    // View methods are read only. They don't modify the state, but usually return some value.
-    viewMethods: ['getGreeting'],
-    // Change methods can modify the state. But you don't receive the returned value when called.
-    changeMethods: ['setGreeting'],
-  })
-}
-
-export function logout() {
-  window.walletConnection.signOut()
-  // reload page
-  window.location.replace(window.location.origin + window.location.pathname)
-}
-
-export function login() {
-  // Allow the current app to make calls to the specified contract on the
-  // user's behalf.
-  // This works by creating a new access key for the user's account and storing
-  // the private key in localStorage.
-  window.walletConnection.requestSignIn(nearConfig.contractName)
-}

package/templates/react/src/wallet/login/index.html

@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
-</head>
-<body style="background: #fff; margin-top: 3em">
-  <div>For local account login, Please run the following command in NEAR CLI, then enter account id here.
-  </div>
-  <div>
-      <code id="shell-command"></code>
-  </div>
-  <input type="text" id="accountId" name="accountId" placeholder="Account id"></input>
-  <button type="button" onClick="done()">done</button>
-  <script>
-    const currentUrl = new URL(window.location.href);
-    const message = `NODE_ENV=local near create_account {newAccountId} --masterAccount {masterAccountId} --publicKey ${currentUrl.searchParams.get('public_key')} --initialAmount 10000000000000000000`;
-    document.getElementById('shell-command').innerText = message;
-
-    function done() {
-      const successUrl = new URL(currentUrl.searchParams.get('success_url'));
-      successUrl.searchParams.set('account_id', document.getElementById('accountId').value);
-      successUrl.searchParams.set('public_key', currentUrl.searchParams.get('public_key'));
-      window.location.assign(successUrl.toString());
-    }
-  </script>
-</body>
-</html>

package/templates/vanilla/neardev/shared-test-staging/test.near.json

@@ -1 +0,0 @@
-{"account_id":"test.near","private_key":"ed25519:2wyRcSwSuHtRVmkMCGjPwnzZmQLeXLzLLyED1NDMt4BjnKgQL6tF85yBx6Jr26D2dUNeC716RBoTxntVHsegogYw"}

package/templates/vanilla/src/index.js

@@ -1,113 +0,0 @@
-import 'regenerator-runtime/runtime'
-
-import { initContract, login, logout } from './utils'
-
-import getConfig from './config'
-const { networkId } = getConfig(process.env.NODE_ENV || 'development')
-
-// global variable used throughout
-let currentGreeting
-
-const submitButton = document.querySelector('form button')
-
-document.querySelector('form').onsubmit = async (event) => {
-  event.preventDefault()
-
-  // get elements from the form using their id attribute
-  const { fieldset, greeting } = event.target.elements
-
-  // disable the form while the value gets updated on-chain
-  fieldset.disabled = true
-
-  try {
-    // make an update call to the smart contract
-    await window.contract.setGreeting({
-      // pass the value that the user entered in the greeting field
-      message: greeting.value
-    })
-  } catch (e) {
-    alert(
-      'Something went wrong! ' +
-      'Maybe you need to sign out and back in? ' +
-      'Check your browser console for more info.'
-    )
-    throw e
-  } finally {
-    // re-enable the form, whether the call succeeded or failed
-    fieldset.disabled = false
-  }
-
-  // disable the save button, since it now matches the persisted value
-  submitButton.disabled = true
-
-  // update the greeting in the UI
-  await fetchGreeting()
-
-  // show notification
-  document.querySelector('[data-behavior=notification]').style.display = 'block'
-
-  // remove notification again after css animation completes
-  // this allows it to be shown again next time the form is submitted
-  setTimeout(() => {
-    document.querySelector('[data-behavior=notification]').style.display = 'none'
-  }, 11000)
-}
-
-document.querySelector('input#greeting').oninput = (event) => {
-  if (event.target.value !== currentGreeting) {
-    submitButton.disabled = false
-  } else {
-    submitButton.disabled = true
-  }
-}
-
-document.querySelector('#sign-in-button').onclick = login
-document.querySelector('#sign-out-button').onclick = logout
-
-// Display the signed-out-flow container
-function signedOutFlow() {
-  document.querySelector('#signed-out-flow').style.display = 'block'
-}
-
-// Displaying the signed in flow container and fill in account-specific data
-function signedInFlow() {
-  document.querySelector('#signed-in-flow').style.display = 'block'
-
-  document.querySelectorAll('[data-behavior=account-id]').forEach(el => {
-    el.innerText = window.accountId
-  })
-
-  // populate links in the notification box
-  const accountLink = document.querySelector('[data-behavior=notification] a:nth-of-type(1)')
-  accountLink.href = accountLink.href + window.accountId
-  accountLink.innerText = '@' + window.accountId
-  const contractLink = document.querySelector('[data-behavior=notification] a:nth-of-type(2)')
-  contractLink.href = contractLink.href + window.contract.contractId
-  contractLink.innerText = '@' + window.contract.contractId
-
-  // update with selected networkId
-  accountLink.href = accountLink.href.replace('testnet', networkId)
-  contractLink.href = contractLink.href.replace('testnet', networkId)
-
-  fetchGreeting()
-}
-
-// update global currentGreeting variable; update DOM with it
-async function fetchGreeting() {
-  currentGreeting = await contract.getGreeting({ accountId: window.accountId })
-  document.querySelectorAll('[data-behavior=greeting]').forEach(el => {
-    // set divs, spans, etc
-    el.innerText = currentGreeting
-
-    // set input elements
-    el.value = currentGreeting
-  })
-}
-
-// `nearInitPromise` gets called on page load
-window.nearInitPromise = initContract()
-  .then(() => {
-    if (window.walletConnection.isSignedIn()) signedInFlow()
-    else signedOutFlow()
-  })
-  .catch(console.error)

package/templates/vanilla/src/main.test.js

@@ -1,15 +0,0 @@
-beforeAll(async function () {
-  // NOTE: nearlib and nearConfig are made available by near-cli/test_environment
-  const near = await nearlib.connect(nearConfig)
-  window.accountId = nearConfig.contractName
-  window.contract = await near.loadContract(nearConfig.contractName, {
-    viewMethods: ['getGreeting'],
-    changeMethods: [],
-    sender: window.accountId
-  })
-})
-
-test('getGreeting', async () => {
-  const message = await window.contract.getGreeting({ accountId: window.accountId })
-  expect(message).toEqual('Hello')
-})

package/templates/vanilla/src/utils.js

@@ -1,39 +0,0 @@
-import { connect, Contract, keyStores, WalletConnection } from 'near-api-js'
-import getConfig from './config'
-
-const nearConfig = getConfig(process.env.NODE_ENV || 'development')
-
-// Initialize contract & set global variables
-export async function initContract() {
-  // Initialize connection to the NEAR testnet
-  const near = await connect(Object.assign({ deps: { keyStore: new keyStores.BrowserLocalStorageKeyStore() } }, nearConfig))
-
-  // Initializing Wallet based Account. It can work with NEAR testnet wallet that
-  // is hosted at https://wallet.testnet.near.org
-  window.walletConnection = new WalletConnection(near)
-
-  // Getting the Account ID. If still unauthorized, it's just empty string
-  window.accountId = window.walletConnection.getAccountId()
-
-  // Initializing our contract APIs by contract name and configuration
-  window.contract = await new Contract(window.walletConnection.account(), nearConfig.contractName, {
-    // View methods are read only. They don't modify the state, but usually return some value.
-    viewMethods: ['getGreeting'],
-    // Change methods can modify the state. But you don't receive the returned value when called.
-    changeMethods: ['setGreeting'],
-  })
-}
-
-export function logout() {
-  window.walletConnection.signOut()
-  // reload page
-  window.location.replace(window.location.origin + window.location.pathname)
-}
-
-export function login() {
-  // Allow the current app to make calls to the specified contract on the
-  // user's behalf.
-  // This works by creating a new access key for the user's account and storing
-  // the private key in localStorage.
-  window.walletConnection.requestSignIn(nearConfig.contractName)
-}

package/templates/vanilla/src/wallet/login/index.html

@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
-</head>
-<body style="background: #fff; margin-top: 3em">
-  <div>Please run the following command in NEAR CLI, then enter account id here. masterAccountId default: test.near
-  </div>
-  <div>
-      <code id="shell-command"></code>
-  </div>
-  <input type="text" id="accountId" name="accountId" placeholder="Account id"></input>
-  <button type="button" onClick="done()">done</button>
-  <script>
-    const currentUrl = new URL(window.location.href);
-    const message = `NODE_ENV=local near create_account {newAccountId} --masterAccount {masterAccountId} --publicKey ${currentUrl.searchParams.get('public_key')} --initialAmount 10000000000000000000`;
-    document.getElementById('shell-command').innerText = message;
-
-    function done() {
-      const successUrl = new URL(currentUrl.searchParams.get('success_url'));
-      successUrl.searchParams.set('account_id', document.getElementById('accountId').value);
-      successUrl.searchParams.set('public_key', currentUrl.searchParams.get('public_key'));
-      window.location.assign(successUrl.toString());
-    }
-  </script>
-</body>
-</html>

package/templates/vue/.gitpod.yml

@@ -1,6 +0,0 @@
-tasks:
-  - init: yarn
-    command: yarn dev
-ports:
-  - port: 8080
-    onOpen: open-browser

package/templates/vue/README.md

@@ -1,101 +0,0 @@
-near-blank-project
-==================
-
-This [Vue] app was initialized with [create-near-app]
-
-
-Quick Start
-===========
-
-To run this project locally:
-
-1. Prerequisites: Make sure you've installed [Node.js] ≥ 12
-2. Install dependencies: `npm install`
-3. Run the local development server: `npm run dev` (see `package.json` for a
-   full list of `scripts` you can run with `npm`)
-
-Now you'll have a local development environment backed by the NEAR TestNet!
-
-Go ahead and play with the app and the code. As you make code changes, the app will automatically reload.
-
-
-Exploring The Code
-==================
-
-1. The "backend" code lives in the `/contract` folder. See the README there for
-   more info.
-2. The frontend code lives in the `/src` folder. `/src/main.js` is a great
-   place to start exploring.
-3. Tests: there are different kinds of tests for the frontend and the smart
-   contract. See `contract/README` for info about how it's tested. The frontend
-   code gets tested with [jest]. You can run both of these at once with `npm
-   run test`.
-
-
-Deploy
-======
-
-Every smart contract in NEAR has its [own associated account][NEAR accounts]. When you run `npm run dev`, your smart contract gets deployed to the live NEAR TestNet with a throwaway account. When you're ready to make it permanent, here's how.
-
-
-Step 0: Install near-cli (optional)
--------------------------------------
-
-[near-cli] is a command line interface (CLI) for interacting with the NEAR blockchain. It was installed to the local `node_modules` folder when you ran `npm install`, but for best ergonomics you may want to install it globally:
-
-    npm install --global near-cli
-
-Or, if you'd rather use the locally-installed version, you can prefix all `near` commands with `npx`
-
-Ensure that it's installed with `near --version` (or `npx near --version`)
-
-
-Step 1: Create an account for the contract
-------------------------------------------
-
-Each account on NEAR can have at most one contract deployed to it. If you've already created an account such as `your-name.testnet`, you can deploy your contract to `near-blank-project.your-name.testnet`. Assuming you've already created an account on [NEAR Wallet], here's how to create `near-blank-project.your-name.testnet`:
-
-1. Authorize NEAR CLI, following the commands it gives you:
-
-      near login
-
-2. Create a subaccount (replace `YOUR-NAME` below with your actual account name):
-
-      near create-account near-blank-project.YOUR-NAME.testnet --masterAccount YOUR-NAME.testnet
-
-
-Step 2: set contract name in code
----------------------------------
-
-Modify the line in `src/config.js` that sets the account name of the contract. Set it to the account id you used above.
-
-    const CONTRACT_NAME = process.env.CONTRACT_NAME || 'near-blank-project.YOUR-NAME.testnet'
-
-
-Step 3: deploy!
----------------
-
-One command:
-
-    npm run deploy
-
-As you can see in `package.json`, this does two things:
-
-1. builds & deploys smart contract to NEAR TestNet
-2. builds & deploys frontend code to GitHub using [gh-pages]. This will only work if the project already has a repository set up on GitHub. Feel free to modify the `deploy` script in `package.json` to deploy elsewhere.
-
-
-Troubleshooting
-===============
-
-On Windows, if you're seeing an error containing `EPERM` it may be related to spaces in your path. Please see [this issue](https://github.com/zkat/npx/issues/209) for more details.
-
-
-  [Vue]: https://vuejs.org/
-  [create-near-app]: https://github.com/near/create-near-app
-  [Node.js]: https://nodejs.org/en/download/package-manager/
-  [jest]: https://jestjs.io/
-  [NEAR accounts]: https://docs.near.org/docs/concepts/account
-  [NEAR Wallet]: https://wallet.testnet.near.org/
-  [near-cli]: https://github.com/near/near-cli
-  [gh-pages]: https://github.com/tschaub/gh-pages

package/templates/vue/babel.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}

package/templates/vue/copy-dev-account.js

@@ -1,7 +0,0 @@
-let fs=require('fs')
-// copy created contract name for vue-cli-service at ./.env
-const contractNameFilePath = './neardev/dev-account';
-const existingContractName = fs.readFileSync(contractNameFilePath, { encoding: "utf8" }).trim();
-const vueEnvFile = "./.env.development.local"
-fs.writeFileSync(vueEnvFile , "VUE_APP_CONTRACT_NAME=" + existingContractName)
-console.log(`copied ${contractNameFilePath} to ${vueEnvFile}`)

package/templates/vue/jest.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-  preset: '@vue/cli-plugin-unit-jest',
-  modulePaths: [
-    "node_modules",
-    "src"
-  ]
-}

package/templates/vue/near.gitignore

@@ -1,46 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-# Developer note: near.gitignore will be renamed to .gitignore upon project creation
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-/out
-
-#keys
-/neardev
-
-# testing
-/coverage
-
-# production
-/build
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-/dist
-/.cache
-/.vs
-
-# local env files
-.env.local
-.env.*.local
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

package/templates/vue/neardev/shared-test/test.near.json

@@ -1 +0,0 @@
-{"account_id":"test.near","private_key":"ed25519:2wyRcSwSuHtRVmkMCGjPwnzZmQLeXLzLLyED1NDMt4BjnKgQL6tF85yBx6Jr26D2dUNeC716RBoTxntVHsegogYw"}

package/templates/vue/neardev/shared-test-staging/test.near.json

@@ -1 +0,0 @@
-{"account_id":"test.near","private_key":"ed25519:2wyRcSwSuHtRVmkMCGjPwnzZmQLeXLzLLyED1NDMt4BjnKgQL6tF85yBx6Jr26D2dUNeC716RBoTxntVHsegogYw"}