Adding the storybook auto deployment (#1477)

* Adding the storybook auto deployment

* Building storybook

* Adding pr folder

* Downgraded to 4.1.1 for deploy action

* Removing environment requirements

* Making dependencies between steps

* Testing PR Commenting

* Renaming actions

Author: sebastienlevert

.github/workflows/next.yml

@@ -1,7 +1,7 @@
 # This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
 # For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
 
-name: Build CI
+name: Release next/*
 
 on:
   push:

.github/workflows/pr.yml

@@ -1,7 +1,7 @@
 # This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
 # For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
 
-name: Build CI
+name: PR (Build + Storybook)
 
 on:
   pull_request:
@@ -26,13 +26,51 @@ jobs:
       - run: node scripts/setVersion.js --next
       - run: yarn build
       - run: yarn run pack
+
       - name: Upload a Build Artifact - package
         uses: actions/upload-artifact@v2
         with:
           name: npm-packages
           path: artifacts/*
+
       - name: Upload a Build Artifact - bundle
         uses: actions/upload-artifact@v2
         with:
           name: bundle
           path: packages/mgt/dist/bundle
+
+  storybook:
+    runs-on: ubuntu-latest
+    needs: build
+
+    strategy:
+      matrix:
+        node-version: [12.x]
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Build 🛠
+        run: |
+          npm install -g yarn lerna
+          yarn
+          yarn build
+          yarn storybook:build
+
+      - name: Deploy mgt.dev/next/pr/${{ github.event.number }} 🚀
+        uses: JamesIves/[email protected]
+        with:
+          branch: gh-pages
+          folder: storybook-static
+          target-folder: next/pr/${{ github.event.number }}
+
+      - name: Comment PR
+        uses: thollander/actions-comment-pull-request@v1
+        with:
+          message: 'The updated storybook is available [here](https://mgt.dev/next/pr/${{ github.event.number }})'
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/push-release.yml

@@ -1,7 +1,7 @@
 # This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
 # For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
 
-name: Build CI
+name: Release latest
 
 on:
   push:

.github/workflows/push.yml

@@ -1,7 +1,7 @@
 # This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
 # For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
 
-name: Build CI
+name: Release main
 
 on:
   push:

.github/workflows/storybook.yml

@@ -1,7 +1,7 @@
 # This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
 # For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
 
-name: Build CI
+name: Deploy main storybook
 
 on:
   push:
@@ -37,3 +37,4 @@ jobs:
           branch: gh-pages
           folder: storybook-static
           target-folder: next
+          clean-exclude: next/pr