chore: enhance continuous integration and deployment (#123)

* chore: stop installing legacy peer deps

* chore: reuse cd-npm after release-please

* chore: run ci on node 20

Author: openscript

.github/workflows/cd-npm.yml

@@ -1,10 +1,11 @@
 name: Continuous deployment (NPM)
 
 on:
-  workflow_dispatch:
-  push:
-    tags:
-      - '*'
+  workflow_call:
+    inputs:
+      ref:
+        required: true
+        type: string
 
 jobs:
   build-and-deploy:
@@ -14,7 +15,7 @@ jobs:
       - name: Checkout repo
         uses: actions/checkout@v3
         with:
-          fetch-depth: '1'
+          ref: ${{ inputs.ref }}
 
       - name: Configure node for npmjs.org as registry
         uses: actions/setup-node@v3
@@ -23,7 +24,7 @@ jobs:
           registry-url: 'https://registry.npmjs.org'
 
       - name: Install dependencies
-        run: npm ci --legacy-peer-deps
+        run: npm ci
 
       - name: Build
         run: npm run build

.github/workflows/cd-storybook.yml

@@ -19,6 +19,7 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v3
+
       - name: Setup Pages
         uses: actions/configure-pages@v3
 
@@ -28,7 +29,7 @@ jobs:
           node-version: '18.x'
 
       - name: Install dependencies
-        run: npm ci --legacy-peer-deps
+        run: npm ci
 
       - name: Build storybook
         run: npm run build:storybook

.github/workflows/check-size.yml

@@ -21,7 +21,7 @@ jobs:
           node-version: '18.x'
 
       - name: Install dependencies
-        run: npm ci --legacy-peer-deps
+        run: npm ci
 
       - uses: andresz1/size-limit-action@v1
         with:

.github/workflows/ci.yml

@@ -14,7 +14,7 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node: ['18.x']
+        node: ['18.x', '20.x']
         os: [ubuntu-latest, windows-latest, macOS-latest]
 
     steps:
@@ -28,7 +28,7 @@ jobs:
           cache: npm
 
       - name: Install dependencies
-        run: npm ci --legacy-peer-deps
+        run: npm ci
 
       - name: Check format
         run: npm run check:format

.github/workflows/release-please.yml

@@ -15,3 +15,9 @@ jobs:
         with:
           release-type: node
           package-name: react-alternating-timeline
+
+      - name: Call for deployment
+        uses: ./.github/workflows/cd-npm.yml
+        with:
+          ref: refs/tags/${{ steps.release.outputs.tag_name }}
+        if: ${{ steps.release.outputs.releases_created }}