feat: split workflow to multiple workflows for better overview, close… (#6)

feat: split workflow to multiple workflows for better overview, closes #5

Author: nmerget

.github/actions/npm-cache/action.yml

@@ -0,0 +1,12 @@
+name: "NPM Cache Action"
+description: "Initialize NPM Cache"
+runs:
+  using: "composite"
+  steps:
+    - uses: actions/cache@v3
+      id: "npm-cache" # use this to check for `cache-hit` ==> if: steps.npm-cache.outputs.cache-hit != 'true'
+      with:
+        path: "./node_modules"
+        key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+        restore-keys: |
+          ${{ runner.os }}-node-

.github/workflows/00-init.yml

@@ -0,0 +1,22 @@
+name: Init Workflow
+
+on:
+  workflow_call:
+
+jobs:
+  init:
+    name: Init
+    runs-on: ubuntu-latest
+    steps:
+      - name: 🛑 Cancel Previous Runs
+        uses: styfle/cancel-workflow-action@0.9.1
+
+      - name: ⬇️ Checkout repo
+        uses: actions/checkout@v3
+
+      - name: 🔄 Init Cache Default
+        uses: ./.github/actions/npm-cache
+
+      - name: 📥 Download deps default-npm-cache
+        if: steps.npm-cache.outputs.cache-hit != 'true'
+        uses: bahmutov/npm-install@v1

.github/workflows/01-build.yml

@@ -0,0 +1,24 @@
+name: Build Pages
+
+on:
+  workflow_call:
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - name: ⬇️ Checkout repo
+        uses: actions/checkout@v3
+
+      - name: 🔄 Init Cache
+        uses: ./.github/actions/npm-cache
+
+      - name: 🍼 Create pages build
+        run: npm run build
+
+      - name: ⬆️Upload build
+        uses: actions/upload-artifact@v3
+        with:
+          name: build
+          path: public

.github/workflows/01-lint.yml

@@ -0,0 +1,18 @@
+name: Lint
+
+on:
+  workflow_call:
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+      - name: ⬇️ Checkout repo
+        uses: actions/checkout@v3
+
+      - name: 🔄 Init Cache
+        uses: ./.github/actions/npm-cache
+
+      - name: ⚡ Run Test
+        run: npm run lint

.github/workflows/01-test.yml

@@ -0,0 +1,18 @@
+name: Test
+
+on:
+  workflow_call:
+
+jobs:
+  test:
+    name: Test
+    runs-on: ubuntu-latest
+    steps:
+      - name: ⬇️ Checkout repo
+        uses: actions/checkout@v3
+
+      - name: 🔄 Init Cache
+        uses: ./.github/actions/npm-cache
+
+      - name: ⚡ Run Test
+        run: npm run test

.github/workflows/02-deploy-gh-pages.yml

@@ -0,0 +1,29 @@
+name: Deploy to gh-pages
+
+on:
+  workflow_call:
+
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    concurrency:
+      group: ${{ github.workflow }}-${{ github.ref }}
+    steps:
+      - name: ⬇️ Checkout repo
+        uses: actions/checkout@v3
+
+      - name: 🔄 Init Cache
+        uses: ./.github/actions/npm-cache
+
+      - name: ⬇️Download build
+        uses: actions/download-artifact@v3
+        with:
+          name: build
+          path: public
+
+      - name: 🥅 Deploy to GH-Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./public

.github/workflows/default.yml

@@ -0,0 +1,24 @@
+name: Default push workflow
+
+on: [push]
+
+jobs:
+  init:
+    uses: ./.github/workflows/00-init.yml
+
+  lint:
+    uses: ./.github/workflows/01-lint.yml
+    needs: [init]
+
+  test:
+    uses: ./.github/workflows/01-test.yml
+    needs: [init]
+
+  build:
+    uses: ./.github/workflows/01-build.yml
+    needs: [init]
+
+  deploy:
+    if: contains( github.ref, 'main')
+    uses: ./.github/workflows/02-deploy-gh-pages.yml
+    needs: [lint, test, build]