Add .github/workflows/ci.yml as a replacement for .travis.yml (CIMAC-CIDC#327)

* Add .github/workflows/ci.yml as a replacement for .travis.yml

* Add missing link to nvm installation guide

* Remove invalid environment variable usage

* Replace double-quotes with single quotes

* Appease the linter

* Fix 'Report test coverage' step

* Update .github/workflows/ci.yml

Co-authored-by: Roshni <rbiswas@ds.dfci.harvard.edu>

Co-authored-by: Roshni <rbiswas@ds.dfci.harvard.edu>

Author: jacoblurye

.github/workflows/ci.yml

@@ -0,0 +1,84 @@
+on:
+  push:
+    branches: [master, production]
+  pull_request:
+    branches: [master, production]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Set up Node.js 14
+        uses: actions/setup-node@v1
+        with:
+          node-version: 14.x
+      - name: Install dependencies
+        run: |
+          npm install
+      - name: Setup codeclimate test coverage reporter
+        run: |
+          curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
+          chmod +x ./cc-test-reporter
+          ./cc-test-reporter before-build
+      - name: Run linter
+        run: |
+          npm run lint
+      - name: Run tests
+        run: |
+          npm run test -- --coverage
+      - name: Report test coverage
+        env:
+          CC_TEST_REPORTER_ID: ${{ secrets.CC_TEST_REPORTER_ID }}
+        run: |
+          ./cc-test-reporter after-build --exit-code 0
+
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Set up Node.js ${{ env.NODE_VERSION }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+      - name: Install dependencies
+        run: |
+          npm install
+      - name: Create an optimized build
+        env:
+          IS_PROD: ${{ github.ref == 'refs/heads/production' }}
+        run: |
+          if $IS_PROD; then cat .env.prod > .env; else cat .env.staging > .env; fi
+          npm run build
+      - name: Archive the build artifacts
+        uses: actions/upload-artifact@v2
+        if: ${{ github.ref == 'refs/heads/production'  || github.ref == 'refs/heads/staging'  }}
+        with:
+          name: build-artifacts
+          path: build
+
+  gcs-deploy:
+    needs: [test, build]
+    runs-on: ubuntu-latest
+    if: ${{ github.ref == 'refs/heads/production'  || github.ref == 'refs/heads/staging'  }}
+    steps:
+      - uses: actions/checkout@v2
+      - name: Download build artifacts
+        uses: actions/download-artifact@v2
+        with:
+          name: build-artifacts
+          path: build
+      - name: Set up Cloud SDK
+        uses: google-github-actions/setup-gcloud@master
+        with:
+          project_id: ${{ github.ref == 'refs/heads/production'  && 'cidc-dfci' || 'cidc-dfci-staging' }}
+          service_account_key: ${{ github.ref == 'refs/heads/production'  && secrets.GCP_SA_KEY_PROD || secrets.GCP_SA_KEY_STAGING }}
+          export_default_credentials: true
+      - name: Deploy build artifacts to Cloud Storage
+        env:
+          BUCKET: ${{ github.ref == 'refs/heads/production'  && 'gs://cidc-ui-prod' || 'gs://cidc-ui-staging'}}
+        run: |
+          # Copy the contents of the build directory to the GCS UI bucket
+          gsutil -m -h 'Cache-Control:no-cache,max-age=0' cp -r build/* $BUCKET
+          # Make all objects in the GCS UI bucket public
+          gsutil iam ch allUsers:objectViewer $BUCKET

.nvmrc

@@ -0,0 +1 @@
+14

.prettierrc

@@ -1,3 +1,11 @@
 {
-    "tabWidth": 4
+    "tabWidth": 4,
+    "overrides": [
+        {
+            "files": "*.yml",
+            "options": {
+                "tabWidth": 2
+            }
+        }
+    ]
 }

README.md

@@ -3,11 +3,18 @@
 | production  | [production](https://github.com/CIMAC-CIDC/cidc-ui/tree/production) | [![Build Status](https://travis-ci.org/CIMAC-CIDC/cidc-ui.svg?branch=production)](https://travis-ci.org/CIMAC-CIDC/cidc-ui)                                                                                                                                                                   ||                                                                                                                                                               |
 | staging     | [master](https://github.com/CIMAC-CIDC/cidc-ui)                     | [![Build Status](https://travis-ci.org/CIMAC-CIDC/cidc-ui.svg?branch=master)](https://travis-ci.org/CIMAC-CIDC/cidc-ui)     | [![Maintainability](https://api.codeclimate.com/v1/badges/5b511fb97b4e48906501/maintainability)](https://codeclimate.com/github/CIMAC-CIDC/cidc-ui/maintainability) | [![Test Coverage](https://api.codeclimate.com/v1/badges/5b511fb97b4e48906501/test_coverage)](https://codeclimate.com/github/CIMAC-CIDC/cidc-ui/test_coverage) |
 
-## CIDC UI Readme
+## CIDC UI
 
 ### Installation:
 
-Clone the project, and run `npm install`
+This repo uses [nvm](https://github.com/nvm-sh/nvm#install--update-script) for node version management. Configure your node version:
+```
+nvm use
+```
+Next, install the dependencies: 
+```
+npm install
+```
 
 ### Build:
 

src/components/browse-data/shared/BatchDownloadDialog.tsx

@@ -34,15 +34,19 @@ const BatchDownloadDialog: React.FC<IBatchDownloadDialogProps> = ({
             <DialogContent>
                 <CIDCMarkdown
                     source={[
-                        `Download the "filelist.tsv" file for this file batch, and run this command in the desired download directory:`,
+                        'Download the "filelist.tsv" file for this file batch,' +
+                            "and run this command in the desired download directory:",
                         "```bash",
                         "cat filelist.tsv | xargs -n 2 -P 8 gsutil cp",
                         "```",
-                        "If you haven't logged in with `gcloud` recently, you'll need to run `gcloud auth login` first.",
+                        "If you haven't logged in with `gcloud` recently, you'll " +
+                            "need to run `gcloud auth login` first.",
                         "",
-                        "This command requires a [`gsutil`](https://cloud.google.com/storage/docs/gsutil_install) installation and a shell that supports `cat` and `xargs`.",
+                        "This command requires a [`gsutil`](https://cloud.google.com/storage/docs/gsutil_install) " +
+                            "installation and a shell that supports `cat` and `xargs`.",
                         "",
-                        "Note: Batch downloads are resumable. If you cancel an ongoing download (e.g., using control+c), you can resume that download by rerunning the download command."
+                        "Note: Batch downloads are resumable. If you cancel an ongoing download (e.g., " +
+                            "using control+c), you can resume that download by rerunning the download command."
                     ].join("\n")}
                 />
             </DialogContent>