Added EC2 provider

Author: summerisgone

app/server.py

@@ -107,6 +107,17 @@ async def post_exit(request):
     )
     return web.json_response(response)
 
+@routes.post('/ec2_regions')
+async def post_exit(request):
+    data = await request.json()
+    client = boto3.client(
+        'ec2',
+        aws_access_key_id=data.get('aws_access_key'),
+        aws_secret_access_key=data.get('aws_secret_key')
+    )
+    response = client.describe_regions()['Regions']
+    return web.json_response(response)
+
 
 app = web.Application()
 app.router.add_routes(routes)

app/static/provider-ec2.vue

@@ -0,0 +1,139 @@
+<template>
+  <div>
+    <div class="form-group">
+      <label>
+        Enter your AWS Access Key
+        <a
+          href="http://docs.aws.amazon.com/general/latest/gr/managing-aws-access-keys.html"
+          title="http://docs.aws.amazon.com/general/latest/gr/managing-aws-access-keys.html"
+          target="_blank"
+          rel="noreferrer noopener"
+          class="badge bagde-pill badge-primary"
+          >?</a
+        >
+        <br />
+        Note: Make sure to use an IAM user with an acceptable policy attached
+        (see
+        <a
+          href="https://github.com/trailofbits/algo/blob/master/docs/deploy-from-ansible.md"
+          target="_blank"
+          rel="noreferrer noopener"
+          >docs</a
+        >)
+      </label>
+      <input
+        type="text"
+        class="form-control"
+        name="aws_access_key"
+        v-on:blur="load_regions"
+        v-model="aws_access_key"
+      />
+    </div>
+    <div class="form-group">
+      <label
+        >Enter your AWS Secret Key
+        <a
+          href="http://docs.aws.amazon.com/general/latest/gr/managing-aws-access-keys.html"
+          title="http://docs.aws.amazon.com/general/latest/gr/managing-aws-access-keys.html"
+          target="_blank"
+          rel="noreferrer noopener"
+          class="badge bagde-pill badge-primary"
+          >?</a
+        ></label
+      >
+      <input
+        type="password"
+        class="form-control"
+        name="aws_secret_key"
+        v-on:blur="load_regions"
+        v-model="aws_secret_key"
+      />
+    </div>
+    <div class="form-group">
+      <label v-if="region_options.length === 0"
+        >Please enter Access key and Secret key to select region</label
+      >
+      <label v-if="is_loading">Loading regions...</label>
+      <label v-if="region_options.length > 0"
+        >What region should the server be located in?</label
+      >
+      <select
+        name="region"
+        class="form-control"
+        v-model="region"
+        v-bind:disabled="is_region_disabled"
+      >
+        <option value disabled>Select region</option>
+        <option
+          v-for="(region, i) in region_options"
+          v-bind:key="i"
+          v-bind:value="region.RegionName"
+          >{{ region.RegionName }}</option
+        >
+      </select>
+    </div>
+    <button
+      class="btn btn-primary"
+      type="button"
+      v-on:click="submit"
+      v-bind:disabled="!is_valid"
+    >
+      Next
+    </button>
+  </div>
+</template>
+
+<script>
+module.exports = {
+  data: function() {
+    return {
+      // options for
+      aws_access_key: null,
+      aws_secret_key: null,
+      region: null,
+      // helper variables
+      region_options: [],
+      is_loading: false
+    };
+  },
+  computed: {
+    is_valid() {
+      return this.aws_access_key && this.aws_secret_key && this.region;
+    },
+    is_region_disabled() {
+      return !(this.aws_access_key && this.aws_secret_key) || this.is_loading;
+    }
+  },
+  methods: {
+    load_regions() {
+      if (this.aws_access_key && this.aws_secret_key && this.region_options.length === 0) {
+        this.is_loading = true;
+        fetch('/ec2_regions', {
+          method: 'post',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          body: JSON.stringify({
+            aws_access_key: this.aws_access_key,
+            aws_secret_key: this.aws_secret_key
+          })
+        })
+        .then(r => r.json())
+        .then(data => {
+          this.region_options = data;
+        })
+        .finally(() => {
+          this.is_loading = false;
+        });
+      }
+    },
+    submit() {
+      this.$emit('submit', {
+        aws_access_key: this.aws_access_key,
+        aws_secret_key: this.aws_secret_key,
+        region: this.region
+      });
+    }
+  }
+};
+</script>

app/static/provider-setup.vue

@@ -58,7 +58,8 @@ module.exports = {
   },
   components: {
     'digitalocean': window.httpVueLoader('/static/provider-do.vue'),
-    'lightsail': window.httpVueLoader('/static/provider-lightsail.vue')
+    'lightsail': window.httpVueLoader('/static/provider-lightsail.vue'),
+    'ec2': window.httpVueLoader('/static/provider-ec2.vue')
   }
 };
 </script>