refactor: tag optimizations

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,29 @@
+## Proposed changes
+
+<!-- Describe the big picture of your changes here to communicate to the maintainers why we should accept this pull request. If it fixes a bug or resolves a feature request, be sure to link to that issue. -->
+
+## Types of changes
+
+<!-- What types of changes does your code introduce?
+_Put an `x` in the boxes that apply_ -->
+
+-   [ ] Bugfix (non-breaking change which fixes an issue)
+-   [ ] New feature (non-breaking change which adds functionality)
+-   [ ] Refactoring (fix on existing components or architectural decisions)
+-   [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+-   [ ] Documentation Update (if none of the other choices apply)
+
+<!-- ## Checklist
+
+_Put an `x` in the boxes that apply.
+
+- [ ] I have added tests that prove my fix is effective or that my feature works
+- [ ] I have added necessary documentation (if appropriate)
+-->
+
+## Further comments
+
+<!-- If this is a relatively large or complex change, kick off the discussion by explaining why you chose the solution you did and what alternatives you considered, etc...
+
+❤️ Thank you!
+-->

.github/actions/npm-cache/action.yml

@@ -10,38 +10,37 @@ inputs:
     description: "Path for package-lock.json"
     required: false
     default: "**/package-lock.json"
-outputs:
-  cache-hit:
-    description: "A boolean value to indicate an exact match was found for the primary key"
-    value: ${{ steps.set-cache.outputs.cache-hit }}
+  nodeVersion:
+    description: "Node version"
+    required: false
+    default: "18"
 runs:
   using: "composite"
   steps:
-    - name: Setup node equally to our local development version
+    - name: 🆙 Setup node
       # pick the Node version to use and install it
       # https://github.com/actions/setup-node
       uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: ${{ inputs.nodeVersion }}
 
     - name: Display node and npm version
       shell: bash
       run: |
         node --version
         npm --version
 
-    - name: ⏬ Init Cache
+    - name: 🆒 Init Cache
       uses: actions/cache@v3
-      id: "npm-cache"
+      id: "cache"
       with:
         path: ${{ inputs.nodeModulesPath }}
-        key: ${{ runner.os }}-node-${{ hashFiles(inputs.packageLockPath) }}
+        key: ${{ runner.os }}-node-${{ inputs.nodeVersion }}-${{ hashFiles(inputs.packageLockPath) }}
         restore-keys: |
-          ${{ runner.os }}-node-
+          ${{ runner.os }}-node-${{ inputs.nodeVersion }}
 
-    - name: 🥊 Set cache-hit
-      id: "set-cache"
-      run: echo "cache-hit=$CACHE_HIT" >> $GITHUB_OUTPUT
+    - name: ⏬ NPM ci
       shell: bash
-      env:
-        CACHE_HIT: ${{steps.npm-cache.outputs.cache-hit}}
+      if: steps.cache.outputs.cache-hit != 'true'
+      run: |
+        npm ci

.github/scripts/cleanup-gh-pages.js

@@ -8,9 +8,9 @@ const TAG = 'cleanup-gh-pages:';
 const removeOldFromPath = (isTag, data) => {
 	const path = `public/${isTag ? 'version' : 'review'}`;
 	if (FS.existsSync(path) && data?.length > 0) {
-		const dirsToDelete = FS.readdirSync(path).filter(
-			(file) => !data.find((branch) => branch.name === file)
-		);
+		const dirsToDelete = FS.readdirSync(path)
+			.filter((file) => !data.find((branch) => branch.name === file))
+			.filter((file) => file !== 'main');
 		if (dirsToDelete?.length > 0) {
 			console.log(
 				TAG,

.github/workflows/00-init.yml

@@ -12,22 +12,11 @@ jobs:
         uses: styfle/[email protected]
 
       - name: ⬇ Checkout repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: 🔄 Init Cache Default
-        id: "npm-cache"
         uses: ./.github/actions/npm-cache
 
-      - name: 🎄🥊 Log cache-hit
-        run: echo $CACHE_HIT
-        shell: bash
-        env:
-          CACHE_HIT: ${{steps.npm-cache.outputs.cache-hit}}
-
-      - name: 📥 Download deps default-npm-cache
-        if: steps.npm-cache.outputs.cache-hit != 'true'
-        uses: bahmutov/npm-install@v1
-
       - name: 💀 Killing me softly
         uses: ./.github/actions/cancel-workflow
         if: failure()

.github/workflows/00-scan-secrets.yml

@@ -8,7 +8,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: ⬇ Checkout repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 

.github/workflows/01-build-outputs.yml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: ⬇ Checkout repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: 🔄 Init Cache
         uses: ./.github/actions/npm-cache

.github/workflows/01-build-packages.yml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: ⬇ Checkout repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: 🔄 Init Cache
         uses: ./.github/actions/npm-cache

.github/workflows/01-build-power-apps.yml

@@ -14,7 +14,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: ⬇ Checkout repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: 🔄 Init Cache
         uses: ./.github/actions/npm-cache

.github/workflows/01-build-showcases.yml

@@ -19,7 +19,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: ⬇ Checkout repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: 🔄 Init Cache
         uses: ./.github/actions/npm-cache

.github/workflows/01-get-publish-version.yml

@@ -25,7 +25,7 @@ jobs:
       version: ${{ steps.getVersion.outputs.version }}
     steps:
       - name: ⬇ Checkout repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: 🔄 Init Cache
         uses: ./.github/actions/npm-cache

.github/workflows/01-lint.yml

@@ -9,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: ⬇️ Checkout repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: 🔄 Init Cache
         uses: ./.github/actions/npm-cache

.github/workflows/01-test.yml

@@ -9,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: ⬇️ Checkout repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: 🔄 Init Cache
         uses: ./.github/actions/npm-cache

.github/workflows/02-e2e-showcases.yml

@@ -8,64 +8,62 @@ permissions:
   contents: write
 
 jobs:
-  playwright-ct-react:
-    name: 🧪 with 🎭
+  playwright-showcases:
+    name: 🧪🎭 - ${{ matrix.framework }}:${{ matrix.shard }}
     runs-on: ubuntu-latest
     container:
       image: mcr.microsoft.com/playwright:v1.35.1-focal
     strategy:
       fail-fast: false
       matrix:
         framework: [angular, react, vue]
-
+        shard: [1/2, 2/2]
     steps:
-      - name: ⬇ Checkout repo
-        uses: actions/checkout@v3
+      - name: ⏬ Checkout repo
+        uses: actions/checkout@v4
+
+      - name: 🔄 Init Cache
+        uses: ./.github/actions/npm-cache
+
+      - name: 📲 Install esbuild (binary workaround)
+        run: npm i -D esbuild-linux-64
 
-      - name: ⬇ Download foundations build
+      - name: ⏬ Download foundations build
         uses: ./.github/actions/download-tar-artifact
         with:
           name: db-ui-foundations-build
           path: packages/foundations/build
 
-      - name: ⬇ Download output
+      - name: ⏬ Download output
         uses: ./.github/actions/download-tar-artifact
         with:
           name: db-ui-output
           path: output
 
-      - name: ⬇ Download components styles build
+      - name: ⏬ Download components styles build
         uses: ./.github/actions/download-tar-artifact
         with:
           name: db-ui-components-build
           path: packages/components/build
 
-      - name: ⬇ Download showcases
+      - name: ⏬ Download showcases
         uses: ./.github/actions/download-tar-artifact
         with:
           name: db-ui-showcases
           path: build-showcases
 
-      - name: 📥 Download deps
-        uses: bahmutov/npm-install@v1
-        with:
-          install-command: npm ci --ignore-scripts
-
-      - name: 📲 Install esbuild (binary workaround)
-        run: npm i -D esbuild-linux-64
-
       - name: 👩‍🔬 Test showcase with Playwright 🎭
         env:
           HOME: /root
-        run: npm run test:${{ matrix.framework }}-showcase
+        run: npm run test:${{ matrix.framework }}-showcase -- -- --shard=${{ matrix.shard }}
 
-      - name: 🆙 Upload playwright-report
+      - name: 🆙 Upload blob report to GitHub Actions Artifacts
         if: always()
         uses: actions/upload-artifact@v3
         with:
-          name: ${{ matrix.framework}}-showcase-playwright-report
-          path: ./showcases/${{ matrix.framework }}-showcase/playwright-report
-          retention-days: 30
+          name: all-blob-reports
+          path: ./showcases/blob-report
+          retention-days: 1
 
       - name: 🆙 Upload test results
         if: failure()

.github/workflows/02-e2e.yml

@@ -8,47 +8,44 @@ permissions:
   contents: write
 
 jobs:
-  playwright-ct-react:
-    name: 🧪 with 🎭
+  playwright-ct:
+    name: 🧪🎭 - ${{ matrix.framework }}:${{ matrix.shard }}
     runs-on: ubuntu-latest
     container:
       image: mcr.microsoft.com/playwright:v1.35.1-focal
     strategy:
       fail-fast: false
       matrix:
         framework: [react, vue]
-
+        shard: [1/4, 2/4, 3/4, 4/4]
     steps:
-      - name: ⬇ Checkout repo
-        uses: actions/checkout@v3
+      - name: ⏬ Checkout repo
+        uses: actions/checkout@v4
+
+      - name: 🔄 Init Cache
+        uses: ./.github/actions/npm-cache
+
+      - name: 📲 Install esbuild (binary workaround)
+        run: npm i -D esbuild-linux-64
 
-      - name: ⬇ Download foundations build
+      - name: ⏬ Download foundations build
         uses: ./.github/actions/download-tar-artifact
         with:
           name: db-ui-foundations-build
           path: packages/foundations/build
 
-      - name: ⬇ Download output
+      - name: ⏬ Download output
         uses: ./.github/actions/download-tar-artifact
         with:
           name: db-ui-output
           path: output
 
-      - name: ⬇ Download components styles build
+      - name: ⏬ Download components styles build
         uses: ./.github/actions/download-tar-artifact
         with:
           name: db-ui-components-build
           path: packages/components/build
 
-      - name: 📥 Download deps
-        uses: bahmutov/npm-install@v1
-        with:
-          install-command: npm ci --ignore-scripts
-
-      - name: 📲 Install esbuild (binary workaround)
-        working-directory: ./output/react
-        run: npm i -D esbuild-linux-64
-
       - name: 🚋 Get working directory
         id: workingDirectory
         shell: bash
@@ -63,15 +60,15 @@ jobs:
         working-directory: ./output/${{ steps.workingDirectory.outputs.dir }}
         env:
           HOME: /root
-        run: npx playwright test
+        run: npx playwright test --shard=${{ matrix.shard }}
 
-      - name: 🆙 Upload playwright-report
+      - name: 🆙 Upload blob report to GitHub Actions Artifacts
         if: always()
         uses: actions/upload-artifact@v3
         with:
-          name: ${{ matrix.framework}}-playwright-report
-          path: ./output/${{ steps.workingDirectory.outputs.dir }}/playwright-report
-          retention-days: 30
+          name: all-blob-reports
+          path: ./output/${{ steps.workingDirectory.outputs.dir }}/blob-report
+          retention-days: 1
 
       - name: 🆙 Upload test results
         if: failure()

.github/workflows/03-deploy-gh-pages.yml

@@ -19,7 +19,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: ⬇ Checkout repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: 🔄 Init Cache
         uses: ./.github/actions/npm-cache