Mindmap screenshot with pageres-cli (#849)

* Use pageres-cli for taking the screenshot
* Get rid of matrix build, and put all CLI calls into a single workflow step (bash script)
* Single commit at the end (to prevent any race conditions)
* Update npm packages

Author: spier

.github/workflows/generate-mindmap.yml

@@ -26,10 +26,6 @@ jobs:
       # Give the default GITHUB_TOKEN write permission to commit and push the changed files back to the repository.
       contents: write
 
-    strategy:
-      matrix:
-        folder: [".", "./gl", "./pt-br", "./es"]
-
     steps:
     - uses: actions/checkout@v5
     - name: Use Node.js
@@ -40,19 +36,28 @@ jobs:
         cache-dependency-path: pattern-categorization/package-lock.json
     - name: Install Node.js dependencies
       run: npm install
-    - name: Run Markmap
-      run: npx markmap --no-toolbar ${{ matrix.folder }}/innersource-program-mind-map.md -o ${{ matrix.folder }}/innersource-program-mind-map.html
-    - name: Screenshot Markmap Website
-      id: screenshot-generator
-      uses: swinton/screenshot-website@v1.x
-      with:
-        source: pattern-categorization/${{ matrix.folder }}/innersource-program-mind-map.html #strange syntax here. seems to not respect the working-directory default either
-        destination: innersource-program-mind-map.png
-        full-page: false
-    - name: Copy Screenshot
-      run: cp ${{ steps.screenshot-generator.outputs.path }} ${{ matrix.folder }}
-    - name: Reduce Screenshot Size (PNG)
-      run: npx optipng ${{ matrix.folder }}/innersource-program-mind-map.png
+    - name: Generate mindmap and take screenshot
+      run: |
+        # Disable AppArmor for unprivileged user namespaces (required for 'pageres')
+        sudo sysctl -w kernel.apparmor_restrict_unprivileged_userns=0
+
+        # Loops over the top-level folder and all immediate sub-folders, except for "node_modules"
+        for dir in . */; do
+          # Skip node_modules
+          [ "$(basename "$dir")" = "node_modules" ] && continue
+          
+          echo "Creating mindmap PNG for: $dir"
+          (
+            # Create markmap HTML 
+            npx markmap --no-open --no-toolbar $dir/innersource-program-mind-map.md -o $dir/innersource-program-mind-map.html
+
+            # Take the screenshot
+            npx pageres $dir/innersource-program-mind-map.html --overwrite --filename=$dir/innersource-program-mind-map 2560x1600
+
+            # Reduce Screenshot Size (PNG)
+            npx optipng -silent $dir/innersource-program-mind-map.png
+          )
+        done
     - name: Commit Changes
       uses: stefanzweifel/git-auto-commit-action@v6
       with: