security updates

Author: nsjames

.env.example

@@ -1,4 +1,7 @@
 PRIVATE_KEY=asdf
 ACCOUNT_NAME=asdf
 NETWORK_HOST="192.168.56.101"
-NETWORK_PORT=8888
+NETWORK_PORT=8888
+
+SPACE_INVADERS_OWNER_PKEY=asdf
+SPACE_INVADERS_OWNER_NAME=asdf

src/app.js

@@ -23,6 +23,8 @@ class App {
 
         new VueInitializer(routes, components, middleware, (router, store) => {
             document.addEventListener('scatterLoaded', () => {
+
+                window.scatter.requireVersion(2.1);
                 store.dispatch(Actions.SET_SCATTER, window.scatter);
                 window.scatter = null;
 

src/views/GettingStarted.vue

@@ -34,6 +34,30 @@
 
 
             <section class="info">
+                <h1>Updating Scatter</h1>
+                <br>
+                <p>
+                    Since Scatter is still in development you will have to manually update it. Sorry for the inconvenience.
+                    <br>
+                    <br>
+                    To check your current Scatter version go to <u><b>chrome://extensions/</b></u> and look at the number next
+                    to the <b>Scatter</b> title.
+                    If it is not <b style="font-size:13px">2.1</b> you need to update your Scatter.
+                    <br>
+                    <br>
+                    To do so first click the trash icon next to the Scatter plugin from the Chrome extensions page.
+                    Then delete you Scatter folder, and follow the installation instructions again.
+                    <br>
+                    <br>
+                    <b>
+                        Once you have version 2.1 you will no longer need to manually check your Scatter version as that version included
+                        a way to require a minimum Scatter version and notify the user in the case that it doesn't match.
+                    </b>
+
+                </p>
+
+                <hr>
+
                 <h1>Installing Scatter</h1>
                 <br>
                 <p>
@@ -122,21 +146,6 @@
                 <hr>
 
 
-                <!------------ ACCOUNT ------------>
-                <h2>Generate an EOS Account</h2>
-                <br>
-                <p>
-                    In the pursuit of making this as easy as possible, we won't make you generate any keys
-                    or set any account names. We're simply going to randomly generate both for you and then give you the private key
-                    so that you can import it into your Scatter.
-
-                    <br><br>
-
-                    Click the <b>Generate Account</b> button to left before continuing.
-                </p>
-                <hr>
-
-
 
 
                 <!------------ NETWORK ------------>
@@ -190,6 +199,21 @@
                     serve as your <i>username</i> on applications to give you some added security to the account name you are currently using within your Identity and
                     allowing you to switch the underlying account without changing your username.
                 </p>
+                <hr>
+
+
+                <!------------ ACCOUNT ------------>
+                <h2>Generate an EOS Account</h2>
+                <br>
+                <p>
+                    In the pursuit of making this as easy as possible, we won't make you generate any keys
+                    or set any account names. We're simply going to randomly generate both for you and then give you the private key
+                    so that you can import it into your Scatter.
+
+                    <br><br>
+
+                    Click the <b>Generate Account</b> button to left before continuing.
+                </p>
             </section>
         </section>
 
@@ -257,6 +281,7 @@
                         recovery: stakerName,
                         deposit: `1 EOS`
                     }).then(account => {
+                        console.log(account);
                         setTimeout(() => {
                             eos.transfer(stakerName, accountName, 1000000, '').then(trx => {
                                 this.privateKey = privateKey;

src/views/SpaceInvaders.vue

@@ -128,6 +128,7 @@
             ])
         },
         mounted(){
+            if(this.identity) SpaceInvaders.load(this.gameOver);
             setTimeout(() => {
                 this.getHighScores();
             }, 500);
@@ -139,24 +140,27 @@
                     this.scatter.useIdentity(id.hash);
                     this[Actions.SET_IDENTITY](id);
                     SpaceInvaders.load(this.gameOver)
-
                 }).catch(e => console.log(e))
             },
             gameOver(score){
                 if(score > this.lastHighScore) {
                     this.lastHighScore = score;
+
                     const options = {
                         scope: ['invaders', this.identity.account.name],
-                        authorization: [`${this.identity.account.name}@${this.identity.account.authority}`]
+                        authorization: [
+                            `${this.identity.account.name}@${this.identity.account.authority}`,
+                            `${process.env.SPACE_INVADERS_OWNER_NAME}@active`
+                        ]
                     };
 
                     let idNameToAccName = this.identity.name.substr(0, 12).toLowerCase();
                     if(!/(^[a-z1-5.]{1,11}[a-z1-5]$)|(^[a-z1-5.]{12}[a-j1-5]$)/g.test(idNameToAccName)){
                         idNameToAccName = this.identity.account.name;
                     }
 
-                    this.eos.contract('invaders').then(contract => {
-                        contract.score(idNameToAccName, score, this.identity.account.name, options)
+                    this.eos.contract('invaders', { keyProvider:process.env.SPACE_INVADERS_OWNER_PKEY }).then(contract => {
+                        contract.score(idNameToAccName, score, this.identity.account.name, process.env.SPACE_INVADERS_OWNER_NAME, options)
                     });
                 }
             },