Merge pull request #47 from 3box/release/v0.1.0

Release/v0.1.0
3box · May 30, 2020 · a01f120 · a01f120
2 parents d7ac8f7 + e9c28da
commit a01f120
Show file tree

Hide file tree

Showing 27 changed files with 3,984 additions and 34,138 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -58,7 +58,7 @@ jobs:
           arguments: '--acl public-read --cache 604800'
           from: public
           overwrite: true
-          to: 's3://3id-connect-dev'
+          to: 's3://3id-connect-dev/v1'
       - run:
           name: "Invalidate CloudFront Cache"
           command: aws cloudfront create-invalidation --distribution-id E3SV2UNQUEOU2O --paths /*
@@ -74,7 +74,7 @@ jobs:
           arguments: '--acl public-read --cache 604800'
           from: public
           overwrite: true
-          to: 's3://3id-connect-prod'
+          to: 's3://3id-connect-prod/v1'
       - run:
           name: "Invalidate CloudFront Cache"
           command: aws cloudfront create-invalidation --distribution-id E1CFVBE8FYHOZ0 --paths /*
@@ -86,9 +86,9 @@ workflows:
       - deploy-dev:
           requires:
             - test-and-build
-          filters:
-            branches:
-              only: develop
+          # filters:
+          #   branches:
+          #     only: develop
       - deploy-prod:
           requires:
             - test-and-build

diff --git a/.dependabot/config.yml b/.dependabot/config.yml
@@ -0,0 +1,10 @@
+version: 1
+update_configs:
+  - package_manager: "javascript"
+    target_branch: "develop"
+    directory: "/"
+    update_schedule: "weekly"
+    allowed_updates:
+      - match:
+          dependency_type: "production"
+          update_type: "all"
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,5 @@
 node_modules
 public/index.js
 lib
+
+.idea
diff --git a/README.md b/README.md
@@ -3,6 +3,8 @@
 
 # <a name="intro"></a> 3ID-Connect
 
+![3ID Connect Image](./assets/3id-connect_readme-image.png)
+
 3ID-Connect is a 3ID account management service run in an iframe. It allows you to authenicate, manage, and permission your 3ID keys to applications. Used by default in [3box-js](https://github.com/3box/3box-js). [identity-wallet-js](https://github.com/3box/identity-wallet-js) handles most operations and the parent window (application) communicates with iframe service over RPC layer as defined by [3ID JSON-RPC](https://github.com/3box/3box/blob/master/3IPs/3ip-10.md)
 
 Right now you authenticate and link ethereum accounts to mange your 3ID, in the future other keypairs, blockchain accounts, and authentication methods can be added.

diff --git a/assets/3id-connect_readme-image.png b/assets/3id-connect_readme-image.png
diff --git a/iframe/html/3IDConnect/helper.js → example/app.js b/iframe/html/3IDConnect/helper.js → example/app.js
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>3Box Account</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+     <link rel="stylesheet" type="text/css" href="app.css">
+    <style>
+      body {
+        background-color: #f7f7f9;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100vh;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div id="root"></div>
+  </body>
+
+  <script type="text/javascript" src="index.js"></script>
+</html>
diff --git a/iframe/assets/assets.js b/iframe/assets/assets.js
@@ -0,0 +1,65 @@
+import Logo from "./logo.svg";
+
+const Loading = `<svg class="lds-spin" width="90px"  height="90px"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="translate(80,50)">
+<g transform="rotate(0)">
+<circle cx="0" cy="0" r="10" fill="#1168df" fill-opacity="1" transform="scale(1.09585 1.09585)">
+  <animateTransform attributeName="transform" type="scale" begin="-1.3125s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1.5s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1.5s" repeatCount="indefinite" values="1;0" begin="-1.3125s"></animate>
+</circle>
+</g>
+</g><g transform="translate(71.21320343559643,71.21320343559643)">
+<g transform="rotate(45)">
+<circle cx="0" cy="0" r="10" fill="#1168df" fill-opacity="0.875" transform="scale(1.00835 1.00835)">
+  <animateTransform attributeName="transform" type="scale" begin="-1.125s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1.5s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1.5s" repeatCount="indefinite" values="1;0" begin="-1.125s"></animate>
+</circle>
+</g>
+</g><g transform="translate(50,80)">
+<g transform="rotate(90)">
+<circle cx="0" cy="0" r="10" fill="#1168df" fill-opacity="0.75" transform="scale(1.02085 1.02085)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.9375s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1.5s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1.5s" repeatCount="indefinite" values="1;0" begin="-0.9375s"></animate>
+</circle>
+</g>
+</g><g transform="translate(28.786796564403577,71.21320343559643)">
+<g transform="rotate(135)">
+<circle cx="0" cy="0" r="10" fill="#1168df" fill-opacity="0.625" transform="scale(1.03335 1.03335)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.75s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1.5s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1.5s" repeatCount="indefinite" values="1;0" begin="-0.75s"></animate>
+</circle>
+</g>
+</g><g transform="translate(20,50.00000000000001)">
+<g transform="rotate(180)">
+<circle cx="0" cy="0" r="10" fill="#1168df" fill-opacity="0.5" transform="scale(1.04585 1.04585)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.5625s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1.5s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1.5s" repeatCount="indefinite" values="1;0" begin="-0.5625s"></animate>
+</circle>
+</g>
+</g><g transform="translate(28.78679656440357,28.786796564403577)">
+<g transform="rotate(225)">
+<circle cx="0" cy="0" r="10" fill="#1168df" fill-opacity="0.375" transform="scale(1.05835 1.05835)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.375s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1.5s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1.5s" repeatCount="indefinite" values="1;0" begin="-0.375s"></animate>
+</circle>
+</g>
+</g><g transform="translate(49.99999999999999,20)">
+<g transform="rotate(270)">
+<circle cx="0" cy="0" r="10" fill="#1168df" fill-opacity="0.25" transform="scale(1.07085 1.07085)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.1875s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1.5s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1.5s" repeatCount="indefinite" values="1;0" begin="-0.1875s"></animate>
+</circle>
+</g>
+</g><g transform="translate(71.21320343559643,28.78679656440357)">
+<g transform="rotate(315)">
+<circle cx="0" cy="0" r="10" fill="#1168df" fill-opacity="0.125" transform="scale(1.08335 1.08335)">
+  <animateTransform attributeName="transform" type="scale" begin="0s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1.5s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1.5s" repeatCount="indefinite" values="1;0" begin="0s"></animate>
+</circle>
+</g>
+</g></svg>`
+
+
+export {
+  Logo,
+  Loading
+}
diff --git a/iframe/assets/logo.svg b/iframe/assets/logo.svg