@adobe/helix-html-pipeline 6.26.7 → 6.27.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [6.27.0](https://github.com/adobe/helix-html-pipeline/compare/v6.26.8...v6.27.0) (2025-09-19)
+
+
+### Features
+
+* lazy load external images ([833614a](https://github.com/adobe/helix-html-pipeline/commit/833614a956be9d19524ff689a9a27b50fd317392)), closes [#919](https://github.com/adobe/helix-html-pipeline/issues/919) [#920](https://github.com/adobe/helix-html-pipeline/issues/920)
+
+## [6.26.8](https://github.com/adobe/helix-html-pipeline/compare/v6.26.7...v6.26.8) (2025-09-12)
+
+
+### Bug Fixes
+
+* metadata with multiple colons ([#937](https://github.com/adobe/helix-html-pipeline/issues/937)) ([71daa09](https://github.com/adobe/helix-html-pipeline/commit/71daa09374afbd58b0f6a5e0945663e2753f64e1))
+
 ## [6.26.7](https://github.com/adobe/helix-html-pipeline/compare/v6.26.6...v6.26.7) (2025-08-20)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/helix-html-pipeline",
-  "version": "6.26.7",
+  "version": "6.27.0",
   "description": "Helix HTML Pipeline",
   "main": "src/index.js",
   "types": "src/index.d.ts",
@@ -70,7 +70,7 @@
     "unist-util-visit-parents": "6.0.1"
   },
   "devDependencies": {
-    "@adobe/eslint-config-helix": "3.0.9",
+    "@adobe/eslint-config-helix": "3.0.10",
     "@eslint/config-helpers": "0.3.1",
     "@markedjs/html-differ": "5.0.2",
     "@semantic-release/changelog": "6.0.3",
@@ -81,13 +81,13 @@
     "eslint-import-resolver-exports": "1.0.0-beta.5",
     "eslint-plugin-header": "3.1.1",
     "eslint-plugin-import": "2.32.0",
-    "esmock": "2.7.1",
+    "esmock": "2.7.2",
     "husky": "9.1.7",
     "js-yaml": "4.1.0",
-    "jsdom": "26.1.0",
+    "jsdom": "27.0.0",
     "junit-report-builder": "5.1.1",
-    "lint-staged": "16.1.5",
-    "mocha": "11.7.1",
+    "lint-staged": "16.1.6",
+    "mocha": "11.7.2",
     "mocha-multi-reporters": "1.5.1",
     "mocha-suppress-logs": "0.6.0",
     "semantic-release": "24.2.7"

package/src/html-pipe.js

@@ -162,11 +162,11 @@ export async function htmlPipe(state, req) {
       await unwrapSoleImages(state);
       await html(state);
       await rewriteUrls(state);
-      await rewriteIcons(state);
       await fixSections(state);
       await createPageBlocks(state);
       await createPictures(state);
       await extractMetaData(state, req);
+      await rewriteIcons(state);
       await addHeadingIds(state);
       await setCustomResponseHeaders(state, req, res);
       await render(state, req, res);

package/src/steps/create-pictures.js

@@ -65,8 +65,8 @@ export function createOptimizedPicture(src, alt = '', title = undefined) {
   return h('picture', sources);
 }
 
-function isMediaImage(node) {
-  return node.tagName === 'img' && node.properties?.src.startsWith('./media_');
+function isImage(node) {
+  return node.tagName === 'img' && node.properties?.src;
 }
 
 /**
@@ -77,8 +77,13 @@ function isMediaImage(node) {
 export default async function createPictures({ content }) {
   const { hast } = content;
 
-  visitParents(hast, isMediaImage, (img, parents) => {
+  visitParents(hast, isImage, (img, parents) => {
     const { src, alt, title } = img.properties;
+    if (!src.startsWith('./media_')) {
+      // external image
+      img.properties.loading = 'lazy';
+      return;
+    }
     const picture = createOptimizedPicture(src, alt, title);
 
     // check if parent has style and unwrap if needed