ci: add caching for Puppeteer Chrome binary

Author: janivo

.github/workflows/dependencies-install/action.yml

@@ -19,6 +19,21 @@ runs:
         always-auth: true
         cache: 'pnpm'
 
+    - name: Get Puppeteer version
+      id: puppeteer-version
+      run: |
+        PUPPETEER_VERSION=$(node -p "require('./packages/elements/package.json').devDependencies.puppeteer")
+        echo "version=$PUPPETEER_VERSION" >> $GITHUB_OUTPUT
+      shell: bash
+
+    - name: Cache Puppeteer Chrome Binary
+      uses: actions/cache@v4
+      with:
+        path: ~/.cache/puppeteer
+        key: puppeteer-${{ runner.os }}-${{ steps.puppeteer-version.outputs.version }}
+        restore-keys: |
+          puppeteer-${{ runner.os }}-
+
     - name: Restore Turborepo Cache
       uses: actions/cache@v4
       with:

packages/elements/package.json

@@ -127,7 +127,7 @@
     "@types/css-font-loading-module": "^0.0.6",
     "@types/prosemirror-markdown": "1.5.6",
     "@types/resize-observer-browser": "^0.1.7",
-    "puppeteer": "20",
+    "puppeteer": "21.8.0",
     "svgo": "^2.8.0"
   }
 }

packages/elements/stencil.config.ts

@@ -43,8 +43,6 @@ export const config: Config = {
   testing: {
     setupFilesAfterEnv: ['./setupSpecTests.ts'],
     browserArgs: ['--no-sandbox', '--disable-setuid-sandbox'],
-    // explicitly cache it in node_modules to make it easier to cache it in CI
-    cacheDirectory: join(__dirname, 'node_modules', '.cache', 'puppeteer'),
   },
   preamble: 'Crafted with ❤ by inovex GmbH',
 };