Use pageres-cli for taking the screenshot

Author: spier

.github/workflows/generate-mindmap.yml

@@ -43,14 +43,12 @@ jobs:
     - 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 }}
+      run: |
+        # Disable AppArmor for unprivileged user namespaces
+        sudo sysctl -w kernel.apparmor_restrict_unprivileged_userns=0
+
+        # Take the screenshot
+        npx pageres ${{ matrix.folder }}/innersource-program-mind-map.html --overwrite --filename=${{ matrix.folder }}/innersource-program-mind-map
     - name: Reduce Screenshot Size (PNG)
       run: npx optipng ${{ matrix.folder }}/innersource-program-mind-map.png
     - name: Commit Changes

pattern-categorization/package.json

@@ -4,6 +4,7 @@
   "description": "Generate mindmap of the patterns in our book, using markmap.",
   "dependencies": {
     "markmap-cli": ">=0.18.4",
+    "pageres-cli": "^9.0.0",
     "optipng-bin": "^9.0.0"
   },
   "scripts": {