Add Codecov bundle (#6)

- [IMPORTANT] Upgrade to align with MyDraft

- Add codecov badges and bundle

- Modify relative path for code coverage

- Add autoprefixer for cross-browser compatibility

- Change Github Actions

- Add initial PWA supports

.github/workflows/build.yml

@@ -26,6 +26,9 @@ jobs:
 
       - name: Run Tests 
         run: npm run test:ci
+
+      - name: Run Tests Again
+        run: npm run test:ci
 
       - name: Upload storybook to Chromatic
         uses: chromaui/action@v1
@@ -36,6 +39,7 @@ jobs:
         uses: codecov/codecov-action@v4.1.1
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
+          slug: code-slide/ui
 
       - name: Run Build 
         run: npm run build

.github/workflows/test.yml

@@ -27,10 +27,17 @@ jobs:
       - name: Run Tests 
         run: npm run test:ci
 
+      - name: Run Tests Again
+        run: npm run test:ci
+
+      - name: Fix coverage paths
+        run: npm run fix-coverage-paths
+
       - name: Upload coverage reports to Codecov
-        uses: codecov/codecov-action@v4.1.1
+        uses: codecov/codecov-action@v4.0.1
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
+          slug: code-slide/ui
 
       - name: Run Build 
         run: npm run build

README.md

@@ -1,5 +1,8 @@
 # codeslide.net: A presentation tool for simplified sequential animations
 
+[![Build & Deploy](https://github.com/code-slide/ui/actions/workflows/build.yml/badge.svg)](https://github.com/code-slide/ui/actions/workflows/build.yml)
+[![codecov](https://codecov.io/gh/code-slide/ui/graph/badge.svg?token=WLF3XX4XNP)](https://codecov.io/gh/code-slide/ui)
+
 This project is to integrate coding capabilities into a presentation creation tool. Ideal for streamlining the process, especially when dealing with multiple items on a slide.
 
 Try it out at: https://www.codeslide.net/