Add 'test-and-build' gh action workflow

Author: the-illarionov

.ci/Taskfile.yaml

@@ -8,6 +8,42 @@ tasks:
     cmds:
       - cp .env.example .env
 
+  root:yarn:
+    desc: runs 'yarn' in root directory
+    cmds:
+      - |
+        docker run \
+          --rm \
+          -w /app \
+          -v $(pwd)/..:/app \
+          $NODE_IMAGE yarn
+
+  docs:yarn:
+    desc: runs 'yarn' in 'docs' directory
+    cmds:
+      - |
+        docker run \
+          --rm \
+          -w /app \
+          -v $(pwd)/../docs:/app \
+          $NODE_IMAGE yarn
+
+  lib:yarn:
+    desc: runs 'yarn' in 'lib' directory
+    cmds:
+      - |
+        docker run \
+          --rm \
+          -w /app \
+          -v $(pwd)/../lib:/app \
+          $NODE_IMAGE yarn
+
+  yarn:
+    cmds:
+      - task root:yarn
+      - task docs:yarn
+      - task lib:yarn
+
   lint:
     cmds:
       - |
@@ -27,7 +63,7 @@ tasks:
           $NODE_IMAGE \
           yarn test:unit
 
-  build:
+  build:prepare:
     desc: creates production build of docs
     cmds:
       - |
@@ -38,6 +74,12 @@ tasks:
           -v $(pwd)/../lib:/app/lib \
           $NODE_IMAGE /bin/bash -c "yarn build"
 
+  build:
+    cmds:
+      - task lint
+      - task test
+      - task build:prepare
+
   deploy:pages:
     desc: deploy to CloudFlare pages
     cmds:
@@ -53,7 +95,5 @@ tasks:
   deploy:
     desc: Lints, tests, builds and deploys to CloudFlare pages
     cmds:
-      - task lint
-      - task test
       - task build
       - task deploy:pages

.github/README.md

@@ -1,7 +1,7 @@
 # The Supersonic Plugin For Scroll Based Animation
 
-![test-and-build](https://github.com/the-illarionov/the-superawesome-frontend-boilerplate/actions/workflows/test-and-build.yml/badge.svg)
-![deploy](https://github.com/the-illarionov/the-superawesome-frontend-boilerplate/actions/workflows/deploy.yml/badge.svg)
+![test-and-build](https://github.com/the-illarionov/the-supersonic-plugin-for-scroll-based-animation/actions/workflows/test-and-build.yml/badge.svg)
+![deploy](https://github.com/the-illarionov/the-supersonic-plugin-for-scroll-based-animation/actions/workflows/deploy.yml/badge.svg)
 
 ![gzip size](https://img.shields.io/bundlejs/size/the-supersonic-plugin-for-scroll-based-animation)
 

.github/workflows/deploy.yml

@@ -37,40 +37,27 @@ jobs:
               run_id: successfulRunId,
             });
 
-            const artifactFrontendId = allArtifacts.data.artifacts.find((artifact) => artifact.name == "frontend-dist").id;
+            const artifactId = allArtifacts.data.artifacts.find((artifact) => artifact.name == "docs-dist").id;
 
-            const artifactBackendId = allArtifacts.data.artifacts.find((artifact) => artifact.name == "backend-dist").id;
-
-            const downloadFrontend = await github.rest.actions.downloadArtifact({
+            const downloadArtifact = await github.rest.actions.downloadArtifact({
               owner: context.repo.owner,
               repo: context.repo.repo,
-              artifact_id: artifactFrontendId,
-              archive_format: 'zip',
-            });
-
-            const downloadBackend = await github.rest.actions.downloadArtifact({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              artifact_id: artifactBackendId,
+              artifact_id: artifactId,
               archive_format: 'zip',
             });
 
             let fs = require('fs');
-            fs.writeFileSync(`${process.env.GITHUB_WORKSPACE}/frontend.zip`, Buffer.from(downloadFrontend.data));
-            fs.writeFileSync(`${process.env.GITHUB_WORKSPACE}/backend.zip`, Buffer.from(downloadBackend.data));
+            fs.writeFileSync(`${process.env.GITHUB_WORKSPACE}/docs.zip`, Buffer.from(downloadFrontend.data));
 
       - name: Unzip artifacts
         run: |
-          unzip frontend.zip -d frontend/dist
-          unzip backend.zip -d backend/dist
+          unzip docs.zip -d dist
 
-      # Example of deploying to Cloudflare
-      # - name: Deploy 'frontend/dist' to Cloudflare Pages
-      #   uses: cloudflare/pages-action@v1
-      #   with:
-      #       apiToken: your-token
-      #       accountId: your-account-id
-      #       projectName: your-project-name
-      #       workingDirectory: frontend
-      #       directory: dist
-      #       branch: main
+      - name: Deploy to Cloudflare Pages
+        uses: cloudflare/pages-action@v1
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          projectName: the-supersonic-plugin-for-scroll-based-animation
+          directory: dist
+          branch: main

.github/workflows/test-and-build.yml

@@ -23,20 +23,15 @@ jobs:
       - name: Prepare env
         run: task -d .ci env
 
-      - name: Initialize everything
-        run: task -d .ci init
-
-      - name: Lint
-        run: task -d .ci root:lint
-
       - name: 'Cache node_modules: check'
         uses: actions/cache/restore@v4
         id: cache-node-modules
         with:
           path: |
-            frontend/node_modules
-            backend/node_modules
-          key: node-modules-${{ hashFiles('frontend/yarn.lock', 'backend/yarn.lock') }}
+            node_modules
+            docs/node_modules
+            lib/node_modules
+          key: node-modules-${{ hashFiles('yarn.lock', 'docs/yarn.lock', 'lib/yarn.lock') }}
 
       - if: steps.cache-node-modules.outputs.cache-hit != 'true'
         name: 'Cache node_modules doesn''t exist: install'
@@ -47,30 +42,22 @@ jobs:
         uses: actions/cache/save@v4
         with:
           path: |
-            frontend/node_modules
-            backend/node_modules
-          key: node-modules-${{ hashFiles('frontend/yarn.lock', 'backend/yarn.lock') }}
-
-      - name: Set permissions for node_modules
-        run: sudo chmod -R 777 frontend/node_modules
-
-      - name: Build 'frontend' and 'backend'
-        run: task -d .ci build
+            node_modules
+            docs/node_modules
+            lib/node_modules
+          key: node-modules-${{ hashFiles('yarn.lock', 'docs/yarn.lock', 'lib/yarn.lock') }}
 
-      - name: Start project
-        run: task -d .ci up
+      - name: Lint workspace
+        run: task -d .ci lint
 
-      - name: Starts testing
+      - name: Unit tests lib
         run: task -d .ci test
 
-      - name: 'Uploads ''frontend/dist'' artifact'
-        uses: actions/upload-artifact@v4
-        with:
-          path: frontend/dist
-          name: frontend-dist
+      - name: Build docs
+        run: task -d .ci build:prepare
 
-      - name: 'Uploads ''backend/dist'' artifact'
+      - name: 'Uploads ''frontend/dist'' artifact'
         uses: actions/upload-artifact@v4
         with:
-          path: backend/dist
-          name: backend-dist
+          path: docs/dist
+          name: docs-dist