create-near-app 1.3.6 → 3.0.0-pre.7.0

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/contract

@@ -1 +0,0 @@
-../../common/contracts/assemblyscript

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"}

package/templates/vue/package.json

@@ -1,86 +0,0 @@
-{
-  "name": "near-blank-project",
-  "version": "0.0.1",
-  "license": "UNLICENSED",
-  "scripts": {
-    "build": "npm run build:contract && npm run build:web",
-    "build:contract": "node contract/compile.js",
-    "build:contract:debug": "node contract/compile.js --debug",
-    "build:web": "node copy-dev-account.js && vue-cli-service build",
-    "dev:deploy:contract": "near dev-deploy",
-    "deploy:contract": "near deploy",
-    "deploy:pages": "gh-pages -d dist/",
-    "deploy": "npm run build && npm run deploy:contract && npm run deploy:pages",
-    "prestart": "npm run build:contract:debug && npm run dev:deploy:contract",
-    "start": "echo The app is starting! It will automatically open in your browser when ready && npm run serve",
-    "dev": "nodemon --watch contract -e ts --exec \"npm run start\"",
-    "test:web": "vue-cli-service test:unit",
-    "test": "npm run build:contract:debug && cd contract && npm run test && cd .. && vue-cli-service test:unit",
-    "serve": "node copy-dev-account.js && vue-cli-service serve --open",
-    "lint": "eslint . --ext .js --ext .vue --fix"
-  },
-  "dependencies": {
-    "core-js": "~3.6.5",
-    "near-api-js": "~0.36.3",
-    "vue": "~2.6.11"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.5.8",
-    "@vue/cli-plugin-eslint": "~4.5.8",
-    "@vue/cli-plugin-unit-jest": "~4.5.4",
-    "@vue/cli-service": "~4.5.8",
-    "@vue/test-utils": "~1.1.1",
-    "env-cmd": "~10.1.0",
-    "eslint": "~7.20.0",
-    "eslint-plugin-vue": "~7.6.0",
-    "gh-pages": "~3.1.0",
-    "near-cli": "~1.5.3",
-    "nodemon": "~2.0.4",
-    "shelljs": "~0.8.4",
-    "vue-template-compiler": "~2.6.11"
-  },
-  "eslintConfig": {
-    "ignorePatterns": [
-      "src/config.js",
-      "/tests/*.spec.js",
-      "copy-dev-account.js"
-    ],
-    "env": {
-      "browser": true,
-      "es2020": true
-    },
-    "extends": [
-      "eslint:recommended",
-      "plugin:vue/essential"
-    ],
-    "parserOptions": {
-      "ecmaVersion": 2017,
-      "sourceType": "module"
-    },
-    "plugins": [
-      "vue"
-    ],
-    "rules": {
-      "indent": [
-        2,
-        2
-      ],
-      "quotes": [
-        "off",
-        "double"
-      ],
-      "vue/html-indent": [
-        "error",
-        2,
-        {
-          "alignAttributesVertically": true
-        }
-      ]
-    }
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
-}

package/templates/vue/src/App.vue

@@ -1,37 +0,0 @@
-<template>
-  <div id="root">
-    <SignedOut v-show="!isSignedIn" />
-    <SignedIn v-show="isSignedIn" />
-  </div>
-</template>
-
-<script>
-import "./global.css"
-import getConfig from "./config"
-import SignedOut from "./components/SignedOut.vue"
-import SignedIn from "./components/SignedIn.vue"
-
-const nearConfig = getConfig(process.env.NODE_ENV || "development")
-console.log(
-  `networkId:${nearConfig.networkId} CONTRACT_NAME:${nearConfig.contractName}`
-)
-window.networkId = nearConfig.networkId
-
-export default {
-  created() {
-    document.title = "near-blank-project"
-  },
-  name: "App",
-  components: {
-    SignedOut,
-    SignedIn,
-  },
-
-  computed: {
-    isSignedIn() {
-      return window.walletConnection.isSignedIn()
-    },
-  },
-}
-</script>
-

package/templates/vue/src/assets

@@ -1 +0,0 @@
-../../../common/frontend/assets

package/templates/vue/src/components/Notification.vue

@@ -1,38 +0,0 @@
-<template>
-  <div class="notification">
-    <aside>
-      <a target="_blank" rel="noreferrer" v-bind:href="urlPrefix + '/' + accountId">{{ accountId }}</a>
-      <br />
-      {{ msg }}
-      <br />in contract:
-      <a
-        target="_blank"
-        rel="noreferrer"
-        v-bind:href="urlPrefix + '/' + contractId"
-      >{{ contractId }}</a>
-      <footer>
-        <div>✔ Succeeded</div>
-        <div>Just now</div>
-      </footer>
-    </aside>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "Notification",
-  props: {
-    networkId: String,
-    msg: String,
-    contractId: String,
-  },
-  computed: {
-    urlPrefix() {
-      return "https://explorer." + this.networkId + ".near.org/accounts"
-    },
-    accountId() {
-      return window.accountId
-    }
-  }
-}
-</script>

package/templates/vue/src/components/SignedIn.vue

@@ -1,179 +0,0 @@
-<template>
-  <div>
-    <button class="link" style="float: right" v-on:click="logout">Sign out</button>
-    <main>
-      <h1>
-        <label
-          for="greeting"
-          style="color: var(--secondary);border-bottom: 2px solid var(--secondary);"
-        >{{ savedGreeting }}</label>
-        {{ accountId }}
-      </h1>
-      <form v-on:submit.prevent="saveGreeting">
-        <fieldset ref="fieldset">
-          <label
-            for="greeting"
-            style="display:block; color:var(--gray);margin-bottom:0.5em;"
-          >Change greeting</label>
-          <div style="display:flex">
-            <input v-model="newGreeting" autocomplete="off" id="greeting" style="flex:1" />
-            <button id="save" style="border-radius:0 5px 5px 0">Save</button>
-          </div>
-        </fieldset>
-      </form>
-      <p>Look at that! A Hello World app! This greeting is stored on the NEAR blockchain. Check it out:</p>
-      <ol>
-        <li>
-          Look in
-          <code>src/App.vue</code> and
-          <code>src/utils.js</code>
-          - you'll see
-          <code>getGreeting</code>
-          and
-          <code>setGreeting</code> being called on
-          <code>contract</code>. What's this?
-        </li>
-        <li>
-          Ultimately, this
-          <code>contract</code> code is defined in
-          <code>assembly/main.ts</code>
-          - this is the source code for your
-          <a
-            target="_blank"
-            rel="noreferrer"
-            href="https://docs.near.org/docs/roles/developer/contracts/intro"
-          >smart contract</a>.
-        </li>
-        <li>
-          When you run
-          <code>npm run dev</code> or
-          <code>yarn dev</code>, the code in
-          <code>assembly/main.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.
-        </li>
-      </ol>
-      <hr />
-      <p>
-        To keep learning, check out
-        <a
-          target="_blank"
-          rel="noreferrer"
-          href="https://docs.near.org"
-        >the NEAR docs</a> or look through some
-        <a
-          target="_blank"
-          rel="noreferrer"
-          href="https://examples.near.org"
-        >example apps</a>.
-      </p>
-    </main>
-
-    <Notification
-      v-show="notificationVisible"
-      ref="notification"
-      :networkId="networkId"
-      :msg="'called method: setGreeting'"
-      :contractId="contractId"
-      :visible="false"
-    />
-  </div>
-</template>
-
-<script>
-import { logout } from "../utils"
-
-import Notification from "./Notification.vue"
-
-export default {
-  name: "SignedIn",
-
-  beforeMount() {
-    if (this.isSignedIn) {
-      this.retrieveSavedGreeting()
-    }
-  },
-
-  components: {
-    Notification,
-  },
-
-  data: function () {
-    return {
-      savedGreeting: "",
-      newGreeting: "",
-      notificationVisible: false,
-    }
-  },
-
-  computed: {
-    isSignedIn() {
-      return window.walletConnection? window.walletConnection.isSignedIn(): false
-    },
-    accountId() {
-      return window.accountId
-    },
-    contractId() {
-      return window.contract? window.contract.contractId: null
-    },
-    networkId() {
-      return window.networkId
-    },
-  },
-
-  methods: {
-    retrieveSavedGreeting() {
-      //retrieve greeting
-      window.contract
-        .getGreeting({ accountId: window.accountId })
-        .then((greetingFromContract) => {
-          this.savedGreeting = greetingFromContract
-          this.newGreeting = greetingFromContract
-        })
-    },
-
-    saveGreeting: async function (event) {
-      // fired on form submit button used to update the greeting
-
-      // disable the form while the value gets updated on-chain
-      this.$refs.fieldset.disabled = true
-
-      try {
-        
-        // make an update call to the smart contract
-        await window.contract.setGreeting({
-          // pass the new greeting
-          message: this.newGreeting,
-        })
-      } catch (e) {
-        alert(
-          "Something went wrong! " +
-            "Maybe you need to sign out and back in? " +
-            "Check your browser console for more info."
-        )
-        throw e //re-throw
-      } finally {
-        // re-enable the form, whether the call succeeded or failed
-        this.$refs.fieldset.disabled = false
-      }
-
-      // update savedGreeting with persisted value
-      this.savedGreeting = this.newGreeting
-
-      this.notificationVisible = true //show new notification
-
-      // remove Notification again after css animation completes
-      // this allows it to be shown again next time the form is submitted
-      setTimeout(() => {
-        this.notificationVisible = false
-      }, 11000)
-
-    },
-
-    logout: logout,
-  },
-}
-</script>

package/templates/vue/src/components/SignedOut.vue

@@ -1,34 +0,0 @@
-<template>
-  <main>
-    <h1>Welcome to NEAR!</h1>
-    <p>
-      To make use of the NEAR blockchain, you need to sign in. The button
-      below will sign you in using NEAR Wallet.
-    </p>
-    <p>
-      By default, when your app runs in "development" mode, it connects
-      to a test network ("testnet") wallet. This works just like the main
-      network ("mainnet") wallet, but the NEAR Tokens on testnet aren't
-      convertible to other currencies - they're just for testing!
-    </p>
-    <p>Go ahead and click the button below to try it out:</p>
-    <p style="text-align:center; margin-top:2.5em">
-      <button v-on:click="login">Sign in</button>
-    </p>
-  </main>
-</template>
-
-<script>
-import { login } from "../utils"
-
-export default {
-  name: "SignedOut",
-
-  methods: {
-    login() {
-      console.log("calling utils.login")
-      login()
-    },
-  },
-}
-</script>

package/templates/vue/src/config.js

@@ -1,63 +0,0 @@
-const CONTRACT_NAME = process.env.VUE_APP_CONTRACT_NAME ||'near-blank-project'
-
-function getConfig(env) {
-  switch (env) {
-
-    case 'production':
-    case 'mainnet':
-      return {
-        networkId: 'mainnet',
-        nodeUrl: 'https://rpc.mainnet.near.org',
-        contractName: CONTRACT_NAME,
-        walletUrl: 'https://wallet.near.org',
-        helperUrl: 'https://helper.mainnet.near.org',
-        explorerUrl: 'https://explorer.mainnet.near.org',
-      }
-    case 'development':
-    case 'testnet':
-      return {
-        networkId: 'testnet',
-        nodeUrl: 'https://rpc.testnet.near.org',
-        contractName: CONTRACT_NAME,
-        walletUrl: 'https://wallet.testnet.near.org',
-        helperUrl: 'https://helper.testnet.near.org',
-        explorerUrl: 'https://explorer.testnet.near.org',
-      }
-    case 'betanet':
-      return {
-        networkId: 'betanet',
-        nodeUrl: 'https://rpc.betanet.near.org',
-        contractName: CONTRACT_NAME,
-        walletUrl: 'https://wallet.betanet.near.org',
-        helperUrl: 'https://helper.betanet.near.org',
-        explorerUrl: 'https://explorer.betanet.near.org',
-      }
-    case 'local':
-      return {
-        networkId: 'local',
-        nodeUrl: 'http://localhost:3030',
-        keyPath: `${process.env.HOME}/.near/validator_key.json`,
-        walletUrl: 'http://localhost:4000/wallet',
-        contractName: CONTRACT_NAME,
-      }
-    case 'test':
-    case 'ci':
-      return {
-        networkId: 'shared-test',
-        nodeUrl: 'https://rpc.ci-testnet.near.org',
-        contractName: CONTRACT_NAME,
-        masterAccount: 'test.near',
-      }
-    case 'ci-betanet':
-      return {
-        networkId: 'shared-test-staging',
-        nodeUrl: 'https://rpc.ci-betanet.near.org',
-        contractName: CONTRACT_NAME,
-        masterAccount: 'test.near',
-      }
-    default:
-      throw Error(`Unconfigured environment '${env}'. Can be configured in src/config.js.`)
-  }
-}
-
-module.exports = getConfig

package/templates/vue/src/favicon.ico

@@ -1 +0,0 @@
-../../../common/frontend/assets/favicon.ico

package/templates/vue/src/global.css

@@ -1 +0,0 @@
-../../../common/frontend/global.css

package/templates/vue/src/main.js

@@ -1,16 +0,0 @@
-import Vue from "vue"
-import App from "./App.vue"
-
-import { initContract } from "./utils"
-
-Vue.config.productionTip = false
-
-window.nearInitPromise = initContract()
-  .then(() => {
-
-    new Vue({
-      render: h => h(App),
-    }).$mount("#app")
-
-  })
-  

package/templates/vue/tests/unit/Notification.spec.js

@@ -1,26 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import Notification from 'components/Notification.vue'
-
-
-describe('Notification.vue Test', () => {
-  it('renders message when component is created', () => {
-    // render the component
-    const wrapper = shallowMount(Notification, {
-      propsData: {
-        msg: 'Test Message'
-      }
-    })
-
-    console.log(wrapper.text())
-
-    //check msg prop
-    expect(wrapper.props("msg")).toMatch('Test Message')
-
-    // check that the message is rendered
-    expect(wrapper.text()).toMatch('Test Message')
-
-    // check that additional the text is rendered
-    expect(wrapper.text()).toMatch('in contract')
-
-  })
-})