Merge pull request #157 from gnosis/development

Dev to master

.github/scripts/prepare_production_deployment.sh

@@ -0,0 +1,19 @@
+#!/bin/bash
+set -e
+
+# Only:
+# - Tagged commits
+# - Security env variables are available.
+echo "🚀 Preparing version $VERSION_TAG for deployment"
+
+if [ -n "$VERSION_TAG" ] && [ -n "$PROD_DEPLOYMENT_HOOK_TOKEN" ] && [ -n "$PROD_DEPLOYMENT_HOOK_URL" ]
+then
+  curl --silent --output /dev/null --write-out "%{http_code}" -X POST \
+     -F token="$PROD_DEPLOYMENT_HOOK_TOKEN" \
+     -F ref=master \
+     -F "variables[TRIGGER_RELEASE_COMMIT_TAG]=$VERSION_TAG" \
+      $PROD_DEPLOYMENT_HOOK_URL
+else
+  echo  >&2 "[ERROR] Deployment to production could not be prepared. Some Environment variables are missing"
+  exit 100
+fi

.github/workflows/devui-ci.yml

@@ -0,0 +1,84 @@
+name: Developer UI CI
+on:
+  push:
+    branches:
+      - master
+      - develop
+    # https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions#onpushpull_requestpaths
+    paths:
+      - 'packages/safe-apps-developer-ui/**'
+  pull_request:
+    branches:
+      - master
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [14.x]
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: |
+          yarn global add lerna
+          # approach taken from https://github.com/actions/setup-node/issues/85
+          echo "$(yarn global bin)" >> $GITHUB_PATH
+      - run: lerna bootstrap
+      - run: lerna run test --scope @gnosis.pm/safe-apps-developer-ui
+
+  build:
+    runs-on: ubuntu-latest
+    needs: [test]
+    strategy:
+      matrix:
+        node-version: [14.x]
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: lerna bootstrap
+      - run: lerna run build --scope @gnosis.pm/safe-apps-developer-ui
+
+  deploy:
+    name: Deploy
+    needs: [build]
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Download website
+        uses: actions/download-artifact@v2
+
+      - name: Configure AWS credentials
+        uses: aws-actions/configure-aws-credentials@v1
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: ${{ secrets.AWS_REGION }}
+
+      - name: 'Deploy safe-apps-developer-ui to S3: Develop'
+        if: github.ref == 'refs/heads/develop'
+        run: aws s3 sync packages/safe-apps-developer-ui/build s3://${{ secrets.AWS_DEV_BUCKET_NAME }}/safe-apps-developer-ui --delete
+
+      - name: 'Deploy safe-apps-developer-ui to S3: Staging'
+        if: github.ref == 'refs/heads/master'
+        run: aws s3 sync packages/safe-apps-developer-ui/build s3://${{ secrets.AWS_STAGING_BUCKET_NAME }}/current/safe-apps-developer-ui --delete
+
+      - name: 'Prepare safe-apps-developer-ui for deploy to Production'
+        if: startsWith(github.ref, 'refs/tags/v')
+        run: aws s3 sync packages/safe-apps-developer-ui/build s3://${{ env.STAGING_BUCKET_NAME }}/releases/${{ github.event.release.tag_name }}/safe-apps-developer-ui --delete
+
+      - name: 'Production deployment: Enable production deployment'
+        if: success() && startsWith(github.ref, 'refs/tags/v')
+        run: bash .github/scripts/prepare_production_deployment.sh
+        env:
+          PROD_DEPLOYMENT_HOOK_TOKEN: ${{ secrets.PROD_DEPLOYMENT_HOOK_TOKEN }}
+          PROD_DEPLOYMENT_HOOK_URL: ${{ secrets.PROD_DEPLOYMENT_HOOK_URL }}
+          VERSION_TAG: ${{ steps.get_version.outputs.VERSION }}

.gitignore

@@ -1,8 +1,7 @@
 node_modules
-dist
 .DS_Store
 .idea
 .vscode
 lerna-debug.log
 yalc.lock
-build
+packages/safe-apps-developer-ui/src/types/contracts/

.prettierrc

@@ -1,5 +1,5 @@
 {
-    "printWidth": 120,
-    "trailingComma": "all",
-    "singleQuote": true
-  }
+  "printWidth": 120,
+  "trailingComma": "all",
+  "singleQuote": true
+}

package.json

@@ -19,13 +19,13 @@
     "lerna": "^4.0.0"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^4.17.0",
-    "@typescript-eslint/parser": "^4.17.0",
-    "eslint": "7.23.0",
-    "eslint-config-prettier": "^8.1.0",
-    "eslint-plugin-prettier": "^3.3.1",
+    "@typescript-eslint/eslint-plugin": "^4.22.0",
+    "@typescript-eslint/parser": "^4.22.0",
+    "eslint": "7.26.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
     "jest": "26.6.0",
     "ts-jest": "^26.5.3",
-    "typescript": "^4.2.3"
+    "typescript": "^4.2.4"
   }
 }

packages/safe-apps-developer-ui/build/asset-manifest.json

@@ -0,0 +1,30 @@
+{
+  "files": {
+    "main.js": "/static/js/main.5691a11a.chunk.js",
+    "main.js.map": "/static/js/main.5691a11a.chunk.js.map",
+    "runtime-main.js": "/static/js/runtime-main.d95ec5ca.js",
+    "runtime-main.js.map": "/static/js/runtime-main.d95ec5ca.js.map",
+    "static/js/2.8d266d7d.chunk.js": "/static/js/2.8d266d7d.chunk.js",
+    "static/js/2.8d266d7d.chunk.js.map": "/static/js/2.8d266d7d.chunk.js.map",
+    "static/js/3.09e33f97.chunk.js": "/static/js/3.09e33f97.chunk.js",
+    "static/js/3.09e33f97.chunk.js.map": "/static/js/3.09e33f97.chunk.js.map",
+    "index.html": "/index.html",
+    "static/js/2.8d266d7d.chunk.js.LICENSE.txt": "/static/js/2.8d266d7d.chunk.js.LICENSE.txt",
+    "static/media/Averta-ExtraBold.8fdcd8d4.woff2": "/static/media/Averta-ExtraBold.8fdcd8d4.woff2",
+    "static/media/Averta-normal.39d04879.woff2": "/static/media/Averta-normal.39d04879.woff2",
+    "static/media/apps.e0e38444.svg": "/static/media/apps.e0e38444.svg",
+    "static/media/arrow-down.055702ca.svg": "/static/media/arrow-down.055702ca.svg",
+    "static/media/copy.18fe083f.svg": "/static/media/copy.18fe083f.svg",
+    "static/media/gnosis-safe-multisig-logo.ebc553e5.svg": "/static/media/gnosis-safe-multisig-logo.ebc553e5.svg",
+    "static/media/icon-arrow.e72eb472.svg": "/static/media/icon-arrow.e72eb472.svg",
+    "static/media/icon-code.8e767ee3.svg": "/static/media/icon-code.8e767ee3.svg",
+    "static/media/key.566b7e77.svg": "/static/media/key.566b7e77.svg",
+    "static/media/triangle.c539e7f8.svg": "/static/media/triangle.c539e7f8.svg",
+    "static/media/wallet.196ce26b.svg": "/static/media/wallet.196ce26b.svg"
+  },
+  "entrypoints": [
+    "static/js/runtime-main.d95ec5ca.js",
+    "static/js/2.8d266d7d.chunk.js",
+    "static/js/main.5691a11a.chunk.js"
+  ]
+}

packages/safe-apps-developer-ui/build/index.html

@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Gnosis Safe Developer</title></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,i,a=r[0],c=r[1],s=r[2],p=0,f=[];p<a.length;p++)i=a[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&f.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(l&&l(r);f.length;)f.shift()();return u.push.apply(u,s||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var c=t[a];0!==o[c]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+"static/js/"+({}[e]||e)+"."+{3:"09e33f97"}[e]+".chunk.js"}(e);var c=new Error;u=function(r){a.onerror=a.onload=null,clearTimeout(s);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var s=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(r)},i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/",i.oe=function(e){throw console.error(e),e};var a=this["[email protected]/safe-apps-developer-ui"]=this["[email protected]/safe-apps-developer-ui"]||[],c=a.push.bind(a);a.push=r,a=a.slice();for(var s=0;s<a.length;s++)r(a[s]);var l=c;t()}([])</script><script src="/static/js/2.8d266d7d.chunk.js"></script><script src="/static/js/main.5691a11a.chunk.js"></script></body></html>

packages/safe-apps-developer-ui/build/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

packages/safe-apps-developer-ui/build/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow: