feat: Add staging workflow

Author: ripixel

Diff for: .circleci/config.yml

@@ -35,39 +35,45 @@ jobs: # a collection of steps
       - store_artifacts:
           path: ~/tmp/reports/eslint
 
-  version: # version the project
+  build_without_version: # build the project - requires dependencies to have been installed
     executor: node-project
     steps:
       - checkout
       - restore_cache:
           key: dependency-cache-{{ .Environment.CIRCLE_WORKFLOW_ID }}
-      - run:
-          name: Add Git User details
-          command: |
-            git config --global user.email "ripixel+ci@gmail.com"
-            git config --global user.name "CircleCi"
-      - run:
-          name: Bump version and generate changelog
-          command: npm run release:ci
-      - save_cache: # special step to save the changelog
+      - restore_cache:
           key: changelog-cache-{{ .Environment.CIRCLE_WORKFLOW_ID }}
+      - run: # run build
+          name: Build
+          command: npm run build
+      - store_artifacts: # for display in Artifacts: https://circleci.com/docs/2.0/artifacts/
+          path: public
+          prefix: public
+      - save_cache: # special step to save the public cache and deploy files
+          key: deploy-cache-{{ .Environment.CIRCLE_WORKFLOW_ID }}
           paths:
-            - ~/tmp/CHANGELOG.md
+            - ~/tmp/public
+            - ~/tmp/.firebaserc
+            - ~/tmp/firebase.json
             - ~/tmp/package-lock.json
-            - ~/tmp/package.json
 
-  build: # build the project - requires dependencies to have been installed
+  build_and_version:
     executor: node-project
     steps:
       - checkout
       - restore_cache:
           key: dependency-cache-{{ .Environment.CIRCLE_WORKFLOW_ID }}
-      - restore_cache:
-          key: changelog-cache-{{ .Environment.CIRCLE_WORKFLOW_ID }}
+      - run:
+          name: Add Git User details
+          command: |
+            git config --global user.email "ripixel+ci@gmail.com"
+            git config --global user.name "CircleCi"
+      - run:
+          name: Bump version and generate changelog
+          command: npm run release:ci
       - run: # run build
           name: Build
-          command: |
-            npm run build
+          command: npm run build
       - store_artifacts: # for display in Artifacts: https://circleci.com/docs/2.0/artifacts/
           path: public
           prefix: public
@@ -79,16 +85,27 @@ jobs: # a collection of steps
             - ~/tmp/firebase.json
             - ~/tmp/package-lock.json
 
-  deploy_to_firebase: # deploy the project to prod - SHOULD ONLY BE RUN ON MASTER BRANCH
+  deploy_to_firebase_prod: # deploy the project to prod - SHOULD ONLY BE RUN ON MASTER BRANCH
+    executor: node-project
+    steps:
+      - restore_cache: # restore the /public folder and associated deploy files
+          key: deploy-cache-{{ .Environment.CIRCLE_WORKFLOW_ID }}
+      - restore_cache: # special step to restore the dependency cache
+          key: dependency-cache-{{ .Environment.CIRCLE_WORKFLOW_ID }}
+      - run:
+          name: Deploy to Firebase Production Hosting
+          command: ./node_modules/.bin/firebase deploy --token "$FIREBASE_TOKEN" --only hosting:production
+
+  deploy_to_firebase_stg: # deploy the project to staging - SHOULD ONLY BE RUN ON STAGING BRANCH
     executor: node-project
     steps:
       - restore_cache: # restore the /public folder and associated deploy files
           key: deploy-cache-{{ .Environment.CIRCLE_WORKFLOW_ID }}
       - restore_cache: # special step to restore the dependency cache
           key: dependency-cache-{{ .Environment.CIRCLE_WORKFLOW_ID }}
       - run:
-          name: Deploy to Firebase Hosting
-          command: ./node_modules/.bin/firebase deploy --token "$FIREBASE_TOKEN"
+          name: Deploy to Firebase Staging Hosting
+          command: ./node_modules/.bin/firebase deploy --token "$FIREBASE_TOKEN" --only hosting:staging
 
 workflows:
   version: 2
@@ -98,21 +115,28 @@ workflows:
       - lint:
           requires:
             - install_deps
-      - version:
+      - build_without_version:
+          filters:
+            branches:
+              ignore: master
+          requires:
+            - install_deps
+      - build_and_version:
           filters:
             branches:
               only: master
           requires:
+            - install_deps
             - lint
-      - build:
+      - deploy_to_firebase_prod:
           filters:
             branches:
               only: master
           requires:
-            - version
-      - deploy_to_firebase:
+            - build_and_version
+      - deploy_to_firebase_stg:
           filters:
             branches:
-              only: master
+              only: staging
           requires:
-            - build
+            - build_without_version

Diff for: .firebaserc

@@ -1,5 +1,17 @@
 {
   "projects": {
     "default": "ripixel-f24bf"
+  },
+  "targets": {
+    "ripixel-f24bf": {
+      "hosting": {
+        "production": [
+          "ripixel-f24bf"
+        ],
+        "staging": [
+          "ripixel-staging"
+        ]
+      }
+    }
   }
 }

Diff for: firebase.json

@@ -1,11 +1,24 @@
 {
-  "hosting": {
-    "public": "./public",
-    "ignore": [
-      "firebase.json",
-      "**/.*",
-      "**/node_modules/**"
-    ],
-    "cleanUrls": true
-  }
+  "hosting": [
+    {
+      "target": "production",
+      "public": "./public",
+      "ignore": [
+        "firebase.json",
+        "**/.*",
+        "**/node_modules/**"
+      ],
+      "cleanUrls": true
+    },
+    {
+      "target": "staging",
+      "public": "./public",
+      "ignore": [
+        "firebase.json",
+        "**/.*",
+        "**/node_modules/**"
+      ],
+      "cleanUrls": true
+    }
+  ]
 }