Merge https://github.com/polent/recipe

Author: polent

.claude/settings.json

@@ -0,0 +1,13 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(node -e ':*)",
+      "Read(//c/Projekte/XE/recipe/{split\\($1, a, \"M\"\\); total=a[1]; print \"Total in dist/**)",
+      "Read(//c/Projekte/XE/recipe/{split\\($1, a, \"M\"\\); images=a[1]; print \"Total in dist/img/**)",
+      "Bash(gh run:*)",
+      "Bash(gh api:*)",
+      "Bash(node -e \"const d=require\\('fs'\\).readFileSync\\('/dev/stdin','utf8'\\); const j=JSON.parse\\(d\\); console.log\\('source:', JSON.stringify\\(j.source\\)\\); console.log\\('build_type:', j.build_type\\); console.log\\('cname:', j.cname\\);\")",
+      "Bash(node -p \"JSON.parse\\(require\\('fs'\\).readFileSync\\(0,'utf8'\\)\\).tree.map\\(t=>t.path\\).join\\('\\\\n'\\)\")"
+    ]
+  }
+}

.github/workflows/jekyll-gh-pages.yml

@@ -11,9 +11,7 @@ on:
 
 # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
-  contents: read
-  pages: write
-  id-token: write
+  contents: write
 
 # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
 # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
@@ -23,72 +21,55 @@ concurrency:
 
 env:
   NODE_VERSION: "22"
+  FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: true
 
 jobs:
-  # Build job
-  build:
+  build-deploy:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v4
-      
+
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version: ${{ env.NODE_VERSION }}
           cache: 'npm'
-      
-      - name: Cache Eleventy build artifacts
+
+      - name: Cache Eleventy incremental build state
         uses: actions/cache@v4
         with:
-          path: |
-            dist
-            .cache
-            _site
-          key: eleventy-build-${{ runner.os }}-${{ hashFiles('src/**/*', 'content/**/*', 'media/**/*', 'eleventy.config.js', 'postcss.config.js', 'package-lock.json') }}
+          path: .cache
+          key: eleventy-build-${{ runner.os }}-${{ hashFiles('eleventy.config.js', 'package-lock.json') }}-${{ github.sha }}
           restore-keys: |
-            eleventy-build-${{ runner.os }}-${{ hashFiles('eleventy.config.js', 'postcss.config.js', 'package-lock.json') }}
-      
+            eleventy-build-${{ runner.os }}-${{ hashFiles('eleventy.config.js', 'package-lock.json') }}-
+
       - name: Cache processed images
         uses: actions/cache@v4
         with:
-          path: |
-            dist/img
-            .cache/img
-          key: eleventy-img-${{ runner.os }}-${{ hashFiles('media/**/*', 'src/_11ty/shortcodes.js') }}
+          path: dist/img
+          key: eleventy-img-${{ runner.os }}-${{ hashFiles('src/_11ty/shortcodes.js') }}-${{ github.sha }}
           restore-keys: |
-            eleventy-img-${{ runner.os }}-${{ hashFiles('media/**/*') }}
-      
+            eleventy-img-${{ runner.os }}-${{ hashFiles('src/_11ty/shortcodes.js') }}-
+
       - name: Cache CSS build
         uses: actions/cache@v4
         with:
           path: dist/styles
-          key: css-build-${{ runner.os }}-${{ hashFiles('src/site.css', 'src/_styles/**/*', 'postcss.config.js') }}
+          key: css-build-${{ runner.os }}-${{ hashFiles('postcss.config.js') }}-${{ github.sha }}
           restore-keys: |
-            css-build-${{ runner.os }}-${{ hashFiles('postcss.config.js') }}
-      
+            css-build-${{ runner.os }}-${{ hashFiles('postcss.config.js') }}-
+
       - name: Install dependencies
         run: npm ci
-      
+
       - name: Build site
         run: npm run build
-      
-      - name: Setup Pages
-        uses: actions/configure-pages@v5
-      
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v4
-        with:
-          path: ./dist
 
-  # Deployment job
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    needs: build
-    steps:
       - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist
+          force_orphan: true
+          cname: recipe.polente.de

.gitignore

@@ -5,3 +5,4 @@ dist
 temp-dist
 .ftp-deploy-sync-state.json
 .claude/settings.local.json
+.claude/settings.json

CNAME

@@ -0,0 +1 @@
+recipe.polente.de

eleventy.config.js

@@ -54,6 +54,7 @@ module.exports = function (eleventyConfig) {
 	});
 	eleventyConfig.addPassthroughCopy({ "src/static/robots.txt": "/robots.txt" });
 	eleventyConfig.addPassthroughCopy({ "src/static/google354922043c8d9d58.html": "/google354922043c8d9d58.html" });
+	eleventyConfig.addPassthroughCopy({ "CNAME": "/CNAME" });
 
 	// Watch targets
 	eleventyConfig.addWatchTarget("./src/_styles/**/*.css");

package-lock.json

@@ -1,4 +1,18 @@
 const Image = require("@11ty/eleventy-img");
+const fs = require("fs");
+
+const imageOptions = {
+	widths: [320, 640, 960, 1280, 1600],
+	formats: ["avif", "webp"],
+	urlPath: "/img/",
+	outputDir: "./dist/img/",
+	sharpAvifOptions: {
+		quality: 50,
+	},
+	sharpWebpOptions: {
+		quality: 65,
+	},
+};
 
 const picture = async function (
 	src,
@@ -8,18 +22,14 @@ const picture = async function (
 	sizes = "(min-width: 64rem) 1024px, 100vw",
 	fetchpriority = undefined
 ) {
-	const metadata = await Image(src, {
-		widths: [320, 640, 960, 1280, 1600],
-		formats: ["avif", "webp"],
-		urlPath: "/img/",
-		outputDir: "./dist/img/",
-		sharpAvifOptions: {
-			quality: 50,
-		},
-		sharpWebpOptions: {
-			quality: 65,
-		},
-	});
+	// Use statsSync to compute expected output filenames without processing
+	const stats = Image.statsSync(src, imageOptions);
+	const allExist = Object.values(stats)
+		.flat()
+		.every((s) => fs.existsSync(`${imageOptions.outputDir}${s.filename}`));
+
+	// Skip expensive Sharp processing if all output files already exist (e.g. from CI cache)
+	const metadata = allExist ? stats : await Image(src, imageOptions);
 
 	const imageAttributes = {
 		title,