Migrate Build and Deployment to Create-React-App (#584)

* update tests
* remove babel-jest
* remove dockerfile
* update .gitignore
* add workflows
* remove unused babel configs
* add npm auto
* distribute es6 module
* update ci/cd
* remove unused addParameters from storybook
* update CI
* run jest ci in silent mode
* remove unneeded imports from tests
* pass codeclimate
* Add CHANGELOG.md
* add base branch to auto

Author: asabaylus

.babelrc

@@ -1,10 +1,10 @@
 name: "Chromatic"
 
-on: [push, pull_request]
+on: push
 
 jobs:
 
-  chromatic-deployment:
+  test:
 
     runs-on: ubuntu-latest
 
@@ -14,11 +14,9 @@ jobs:
         with:
           fetch-depth: 0
       - name: Install dependencies
-        run: npm i
+        run: yarn install
       - name: Deploy to Chromatic
         uses: chromaui/action@v1
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-          autoAcceptChanges: true
-          exitZeroOnChanges: true

.dockerignore

@@ -1,4 +1,4 @@
-name: CI
+name: "CI"
 
 on:
   push:
@@ -13,7 +13,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x, 13.x, 14.x]
+        node-version: [14.x]
 
     steps:
     - name: Checkout repo
@@ -27,16 +27,16 @@ jobs:
         node-version: ${{ matrix.node-version }}
 
     - name: Install dependencies
-      run: npm ci
+      run: yarn install --frozen-lockfile
 
     - name: Run build
-      run: npm run build --if-present
+      run: yarn build
 
     - name: Run tests
-      run: npm test
+      run: yarn coverage
 
     - name: Create docs
-      run: npm run prebuild-storybook
+      run: yarn build-storybook-docs
 
     - name: Code coverage
       uses: codecov/codecov-action@v1

.eslintrc

@@ -0,0 +1,40 @@
+## name of our action
+name: "NPM Publish"
+
+# the event that will trigger the action
+on:
+  push:
+    branches: [main]
+
+# what the action will do
+jobs:
+  release:
+    # the operating system it will run on
+    runs-on: ubuntu-latest
+    # this check needs to be in place to prevent a publish loop with auto and github actions
+    if: "!contains(github.event.head_commit.message, 'ci skip') && !contains(github.event.head_commit.message, 'skip ci')"
+    # the list of steps that the action will go through
+    steps:
+      - uses: actions/checkout@v2
+      - name: Prepare repository
+        run: git fetch --unshallow --tags
+      - name: Use Node.js 12.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 12.x
+      - name: Cache node modules
+        uses: actions/cache@v1
+        with:
+          path: node_modules
+          key: yarn-deps-${{ hashFiles('yarn.lock') }}
+          restore-keys: |
+            yarn-deps-${{ hashFiles('yarn.lock') }}
+
+      - name: Create Release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: |
+          yarn install --frozen-lockfile
+          yarn build
+          yarn release

.github/workflows/chromatic.yml

@@ -3,12 +3,16 @@ dist
 
 # Logs
 npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+build-storybook.log*
 
 # Build deps
-.jest-test-results.json
+src/.jest-test-results.json
 
 # Docs (moved to Netlify)
 docs/
+storybook-static/
 
 # Runtime data
 pids
@@ -20,13 +24,16 @@ pids
 lib-cov
 
 # Coverage directory used by tools like istanbul
-coverage
+/coverage
 
 # Dependency directories
 node_modules/
+/.pnp
+.pnp.js
 
 # OSX
 .DS_Store
+.env
 
 #IDE
 .vscode

.github/workflows/ci.js.yml .github/workflows/ci.yml

@@ -3,6 +3,5 @@ scripts/
 test/
 src/
 docs/
-rollup.config.*
 .*
 CNAME