Merge pull request #86 from UW-Macrostrat/build-website-workflow

Build website workflow

Author: davenquinn

.github/workflows/build.yaml

@@ -18,27 +18,46 @@ on:
 
 jobs:
   test:
-    name: Static Website Build
+    name: Static website build
     runs-on: ubuntu-latest
+    environment: production
     steps:
 
       - name: Check out repository
         uses: actions/checkout@v4
 
-      - name: Setup Node
+      - name: Setup node
         uses: actions/setup-node@v4
+        with:
+          node-version: 18
+
+      - name: Pin react-docgen version
+        run: yarn add -D [email protected]
 
-      - name: Build the static website
+      - name: Install dependencies
         run: |
           yarn install
-          yarn run build
-          
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          # Upload entire repository
-          path: './storybook/storybook-static'
 
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4
+      - name: Build storybook
+        run: |
+          yarn run build:storybook
+
+      - name: Install rclone
+        run: |
+          curl https://rclone.org/install.sh | sudo bash
+
+      - name: Upload to S3
+        env:
+          S3_BUCKET: ${{ vars.S3_BUCKET }}
+          S3_PATH: ${{ vars.S3_PATH }}
+          S3_ENDPOINT: ${{ vars.S3_ENDPOINT }}
+          S3_ACCESS_KEY: ${{ secrets.S3_ACCESS_KEY }}
+          S3_SECRET_KEY: ${{ secrets.S3_SECRET_KEY }}
+        run: |
+          echo "Uploading to S3 bucket: $S3_BUCKET" 
+          rclone sync ./storybook-static \
+            :s3:"$S3_BUCKET/$S3_PATH" \
+            --s3-provider=Ceph \
+            --s3-endpoint="$S3_ENDPOINT" \
+            --s3-access-key-id="$S3_ACCESS_KEY" \
+            --s3-secret-access-key="$S3_SECRET_KEY"

package.json

@@ -76,6 +76,7 @@
     "@parcel/packager-ts": "^2.14.4",
     "@types/d3-array": "^3.2.1",
     "@types/underscore": "^1.13.0",
-    "madge": "^8.0.0"
+    "madge": "^8.0.0",
+    "react-docgen": "7.0.0"
   }
 }

scripts/publish-s3.sh

@@ -0,0 +1,14 @@
+# Upload the built storybook to S3
+# load environment variables from .env file
+export $(grep -v '^#' .env | xargs)
+
+# Use Rclone to sync the built storybook to S3, without RClone config
+
+echo "Uploading to S3 bucket: $S3_BUCKET"
+
+rclone sync ./storybook-static \
+  :s3:"$S3_BUCKET/$S3_PATH" \
+  --s3-provider=Ceph \
+  --s3-endpoint="$S3_ENDPOINT" \
+  --s3-access-key-id="$S3_ACCESS_KEY" \
+  --s3-secret-access-key="$S3_SECRET_KEY"

yarn.lock

@@ -2644,6 +2644,7 @@ __metadata:
     parcel: "npm:^2.14.4"
     prettier: "npm:^2.7.1"
     react: "npm:^18"
+    react-docgen: "npm:7.0.0"
     react-dom: "npm:^18"
     sass-embedded: "npm:^1.83.0"
     storybook: "npm:^8.6.8"
@@ -5311,6 +5312,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/doctrine@npm:^0.0.8":
+  version: 0.0.8
+  resolution: "@types/doctrine@npm:0.0.8"
+  checksum: 10c0/ca4cab4a94526ec3579c3f10a027298028d34b4c092e4b6791afb37a5f6899208ee1e91bc9542541f31d6d3ba3d1a70408deaa1f105c22c86d23e3a87c59a43c
+  languageName: node
+  linkType: hard
+
 "@types/doctrine@npm:^0.0.9":
   version: 0.0.9
   resolution: "@types/doctrine@npm:0.0.9"
@@ -10783,6 +10791,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-docgen@npm:7.0.0":
+  version: 7.0.0
+  resolution: "react-docgen@npm:7.0.0"
+  dependencies:
+    "@babel/core": "npm:^7.18.9"
+    "@babel/traverse": "npm:^7.18.9"
+    "@babel/types": "npm:^7.18.9"
+    "@types/babel__core": "npm:^7.18.0"
+    "@types/babel__traverse": "npm:^7.18.0"
+    "@types/doctrine": "npm:^0.0.8"
+    "@types/resolve": "npm:^1.20.2"
+    doctrine: "npm:^3.0.0"
+    resolve: "npm:^1.22.1"
+    strip-indent: "npm:^4.0.0"
+  checksum: 10c0/79678d01644e6519450f847c77fa554a7a80ae3a5ff81b1482d1458caa064cf3be88597051375ba7a90921980feb8586378e1560146d64c41d0e569465315575
+  languageName: node
+  linkType: hard
+
 "react-docgen@npm:^7.0.0":
   version: 7.1.1
   resolution: "react-docgen@npm:7.1.1"